@charset "utf-8";

/*----------------------------------------------------
オンサイトPPA
 ----------------------------------------------------*/
.page-ttl {
	background-image: url(../img/offsite/page-ttl-bg.png);
}

#main.offsite_area {
	padding-bottom: 0;
	margin-bottom: 0;
}

.offsite-inner .text-box {
	color: #0073bd;
	border-color: #0073bd;
}


.offsite-inner .gray-b-box {
	width: 90%;
	max-width: 1400px;
	margin: 40px auto 100px;
}

.offsite-inner .text-box.nospace {
	margin: 0 auto 40px;
}

.merit-box {
	background: #e5f1f8;
	padding: 40px 0 100px 0;
}

.merit-box .merit-inner {
	width: 90%;
	max-width: 1000px;
	margin: 0 auto;
}

.merit-box .border-item .detail-ttl.merit-ttl {
	background: #ee7800;
}

.merit-box .border-item .white-box {
	border-color: #ee7800;
}




/* タブレット */
@media screen and (max-width: 1180px) {
	/*----------------------------------------------------
 オンサイトPPA
 ----------------------------------------------------*/


}




/* スマホ */
@media screen and (max-width: 767px) {

	/*----------------------------------------------------
 オンサイトPPA
 ----------------------------------------------------*/
	.offsite-inner .gray-b-box {
		padding: 20px 20px;
		margin: 20px auto 50px;
	}

	.offsite-inner .text-box.nospace {
		margin: 0 auto 40px;
	}

	.merit-box {
		padding: 20px 0 50px 0;
	}

}