@charset "utf-8";

/*------------------------------------------------------------ 
トップページ index.html
------------------------------------------------------------*/

@media screen and (max-width: 480px) {

	/* メインビジュアル */
	#wrap-mainvisual {
		background-image: url("../img/index/bg_mainvisual.png");
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
		height: 200px;
		width: 100%;
	}

	#wrap-mainvisual .catchCopy {
		margin: 0 auto;
		padding-top: 70px;
		vertical-align: middle;
		width: 90%;
	}
	
	#wrap-mainvisual .catchCopy h2 img {
		width: 100%;
	}

	#wrap-mainvisual .catchCopy p:last-child {
		margin-top: -3px;
	}

	#wrap-mainvisual .catchCopy p:last-child img {
		width: 80%;
	}

	/* 業務内容 */
	#wrap-contents .contents {
		margin: 0 auto;
		padding: 30px 0 50px;
		width: 90%;
	}

	#wrap-contents .contents h2 {
		background-color: #FFFFFF;
		border-top: 3px solid #00A8EC;
		box-sizing: border-box;
		margin-bottom: 10px;
		padding: 10px 10px 2px 10px;
	}

	#wrap-contents .contents h2 img {
		height: 36px;
		width: auto;
	}

	#wrap-contents .contents h2 + p {
		font-size: 14px;
		font-size: 1.4rem;
		font-weight: bold;
		line-height: 1.5em;
		margin-bottom: 20px;
	}
	
	#wrap-contents .contents .thumb img {
		width: 100%;
	}

	#wrap-contents .contents .wrap-btn {
		text-align: center;
		width: 100%;
	}

	#wrap-contents .contents .wrap-btn img {
		width: 100%;
	}
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
	
	/* メインビジュアル */
	#wrap-mainvisual {
		background-image: url("../img/index/bg_mainvisual.png");
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
		height: 300px;
		width: 100%;
	}

	#wrap-mainvisual .catchCopy {
		margin: 0 auto;
		padding-top: 120px;
		width: 93.333%;
	}
	
	#wrap-mainvisual .catchCopy h2 img {
		width: 75%;
	}

	#wrap-mainvisual .catchCopy p:last-child {
		margin-top: -1px;
	}

	#wrap-mainvisual .catchCopy p:last-child img {
		width: 45%;
	}

	/* 業務内容 */

	#wrap-contents .contents {
		margin: 0 auto;
		padding: 40px 0;
		width: 93.333%;
	}

	#wrap-contents .contents h2 {
		background-color: #FFFFFF;
		border-top: 3px solid #00A8EC;
		margin-bottom: 10px;
		padding: 10px 10px 2px 10px;
	}
	
	#wrap-contents .contents h2 img {
		height: 42px;
		width: auto;
	}

	#wrap-contents .contents h2 + p {
		font-weight: bold;
		line-height: 1.7em;
		margin-bottom: 20px;
	}
	
	#wrap-contents .contents {
		margin: 0 auto;
		padding: 40px 0;
		width: 93.333%;
	}
	
	#wrap-contents .contents .thumb {
		margin-bottom: 2%;
		line-height: 0;
	}

	#wrap-contents .contents .thumb:nth-of-type(1),
	#wrap-contents .contents .thumb:nth-of-type(3),
	#wrap-contents .contents .thumb:nth-of-type(5) {
		float: left;
		width: 49%;
	}
	
	#wrap-contents .contents .thumb:nth-of-type(2),
	#wrap-contents .contents .thumb:nth-of-type(4),
	#wrap-contents .contents .thumb:nth-of-type(6) {
		float: right;
		width: 49%;
	}
	
	#wrap-contents .contents .thumb img {
		width: 100%;
	}

	#wrap-contents .contents .wrap-btn {
		clear: both;
		margin: 0 auto;
		text-align: center;
		width: 50%;
	}
	
	#wrap-contents .contents .wrap-btn img {
		width: 100%;
	}
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
	
	/* メインビジュアル */
	#wrap-mainvisual {
		background-image: url("../img/index/bg_mainvisual.png");
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
		height: 380px;
		width: 100%;
	}

	#wrap-mainvisual .catchCopy {
		margin: 0 auto;
		padding-top: 140px;
		width: 93.333%;
	}
	
	#wrap-mainvisual .catchCopy h2 img {
		width: 75%;
	}

	#wrap-mainvisual .catchCopy p:last-child {
		margin-top: -1px;
	}

	#wrap-mainvisual .catchCopy p:last-child img {
		width: 45%;
	}

	/* 業務内容 */

	#wrap-contents .contents {
		margin: 0 auto;
		padding: 40px 0;
		width: 93.333%;
	}

	#wrap-contents .contents h2 {
		background-color: #FFFFFF;
		border-top: 3px solid #00A8EC;
		margin-bottom: 10px;
		padding: 10px 10px 2px 10px;
	}
	
	#wrap-contents .contents h2 img {
		height: 42px;
		width: auto;
	}

	#wrap-contents .contents h2 + p {
		font-weight: bold;
		line-height: 1.7em;
		margin-bottom: 20px;
	}
	
	#wrap-contents .contents {
		margin: 0 auto;
		padding: 40px 0;
		width: 93.333%;
	}
	
	#wrap-contents .contents .thumb {
		margin-bottom: 2%;
		line-height: 0;
	}

	#wrap-contents .contents .thumb:nth-of-type(1),
	#wrap-contents .contents .thumb:nth-of-type(3),
	#wrap-contents .contents .thumb:nth-of-type(5) {
		float: left;
		width: 49%;
	}
	
	#wrap-contents .contents .thumb:nth-of-type(2),
	#wrap-contents .contents .thumb:nth-of-type(4),
	#wrap-contents .contents .thumb:nth-of-type(6) {
		float: right;
		width: 49%;
	}
	
	#wrap-contents .contents .thumb img {
		width: 100%;
	}

	#wrap-contents .contents .wrap-btn {
		clear: both;
		text-align: center;
		width: 100%;
	}
	
	#wrap-contents .contents .wrap-btn img {
		height: 50px;
		width: 273px;
	}
}

@media screen and (min-width: 1025px) {

	/* メインビジュアル */
	#wrap-mainvisual {
		background-image: url("../img/index/bg_mainvisual.png");
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
		height: 450px;
		width: 100%;
	}

	#wrap-mainvisual .catchCopy {
		margin: 0 auto;
		padding-top: 180px;
		vertical-align: middle;
		width: 940px;
	}

	/* 業務内容 */

	#wrap-contents .contents {
		margin: 0 auto;
		padding: 40px 0;
		width: 940px;
	}

	#wrap-contents .contents h2 {
		background-color: #FFFFFF;
		border-top: 3px solid #00A8EC;
		margin-bottom: 10px;
		padding: 10px 10px 2px 10px;
	}
	
	#wrap-contents .contents h2 img {
		height: 42px;
		width: auto;
	}

	#wrap-contents .contents h2 + p {
		font-weight: bold;
		line-height: 1.7em;
		margin-bottom: 20px;
	}

	#wrap-contents .contents .thumb {
		float: left;
		line-height: 0;
		margin-bottom: 20px;
		margin-left: 20px;
		width: 300px;
	}
	
	#wrap-contents .contents .thumb img {
		width: 300px;
	}

	#wrap-contents .contents .first {
		margin-left: 0;
	}

	#wrap-contents .contents .wrap-btn {
		text-align: center;
		width: 940px
	}
	
	#wrap-contents .contents .wrap-btn img {
		height: 50px;
		width: 273px;
	}
	
}