@charset "UTF-8";

/* 第5-A段階：6つのサービスページだけに適用する追加補正 */
.phase5-service-page,
.phase5-service-page * {
	box-sizing: border-box;
}

.ichiji-page.phase5-service-page .ichiji-hero,
.ichiji-page.phase5-service-page .ichiji-price-section,
.ichiji-page.phase5-service-page .ichiji-service-section,
.ichiji-page.phase5-service-page .ichiji-flow-section,
.ichiji-page.phase5-service-page .ichiji-check-section,
.ichiji-page.phase5-service-page .ichiji-faq-section,
.ichiji-page.phase5-service-page .ichiji-trust-box,
.mikai-page.phase5-service-page .mikai-hero,
.mikai-page.phase5-service-page .mikai-price-section,
.mikai-page.phase5-service-page .mikai-service-section,
.mikai-page.phase5-service-page .mikai-flow-section,
.mikai-page.phase5-service-page .mikai-check-section,
.mikai-page.phase5-service-page .mikai-faq-section,
.mikai-page.phase5-service-page .mikai-trust-box,
.box-page.phase5-service-page .box-hero,
.box-page.phase5-service-page .box-price-section,
.box-page.phase5-service-page .box-service-section,
.box-page.phase5-service-page .box-flow-section,
.box-page.phase5-service-page .box-check-section,
.box-page.phase5-service-page .box-faq-section,
.box-page.phase5-service-page .box-trust-box,
.media-page.phase5-service-page .media-hero,
.media-page.phase5-service-page .media-price-section,
.media-page.phase5-service-page .media-service-section,
.media-page.phase5-service-page .media-flow-section,
.media-page.phase5-service-page .media-check-section,
.media-page.phase5-service-page .media-faq-section,
.media-page.phase5-service-page .media-trust-box,
.syoukyaku-page.phase5-service-page .syoukyaku-hero,
.syoukyaku-page.phase5-service-page .syoukyaku-price-section,
.syoukyaku-page.phase5-service-page .syoukyaku-service-section,
.syoukyaku-page.phase5-service-page .syoukyaku-flow-section,
.syoukyaku-page.phase5-service-page .syoukyaku-caution-box,
.syoukyaku-page.phase5-service-page .syoukyaku-check-section,
.syoukyaku-page.phase5-service-page .syoukyaku-faq-section,
.syoukyaku-page.phase5-service-page .syoukyaku-trust-box,
.iten-page.phase5-service-page .iten-hero,
.iten-page.phase5-service-page .iten-price-section,
.iten-page.phase5-service-page .iten-service-section,
.iten-page.phase5-service-page .iten-flow-section,
.iten-page.phase5-service-page .iten-option-box,
.iten-page.phase5-service-page .iten-check-section,
.iten-page.phase5-service-page .iten-faq-section,
.iten-page.phase5-service-page .iten-trust-box {
	width: 100%;
	max-width: 100%;
	margin-right: 0;
	margin-left: 0;
}

.phase5-service-page #content img {
	max-width: 100%;
	height: auto;
}

.phase5-service-page #content [class$="-hero-image"] img,
.phase5-service-page #content [class$="-flow-image"] img {
	width: auto;
	max-width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
}

.phase5-service-page #content table {
	max-width: 100%;
}

@media screen and (max-width: 768px) {
	.phase5-service-page #content [class$="-section-heading"] {
		margin-right: -14px;
		margin-left: -14px;
	}
}

/* 回収車両費の目安と個別見積り案内 */
.phase4-subpage #content .service-vehicle-fee-notice {
	grid-column: 1 / -1;
	margin: 4px 0 0;
	padding: 20px 22px;
	background: #f3f8f1;
	border: 1px solid #cfe2d3;
	border-left: 5px solid #178637;
	border-radius: 8px;
	color: #26382b;
}

.phase4-subpage #content .service-vehicle-fee-notice p {
	margin: 0 0 8px;
	font-size: 16px;
	line-height: 1.8;
}

.phase4-subpage #content .service-vehicle-fee-notice p:last-child {
	margin-bottom: 0;
}

.phase4-subpage #content .service-vehicle-fee-notice p.service-vehicle-fee-title {
	color: #176f31;
	font-size: 19px;
	font-weight: 700;
	line-height: 1.5;
}

.phase4-subpage #content .service-vehicle-fee-notice p.service-vehicle-fee-price {
	margin: 2px 0 12px;
	color: #176f31;
	font-size: 21px;
	font-weight: 700;
	line-height: 1.5;
}

.phase4-subpage #content .service-vehicle-fee-notice strong {
	color: #145f2b;
	font-weight: 700;
}

.phase4-subpage #content .service-price-grid-single {
	grid-template-columns: minmax(0, 1fr);
}

@media screen and (max-width: 768px) {
	.phase4-subpage #content .service-vehicle-fee-notice {
		padding: 16px;
	}

	.phase4-subpage #content .service-vehicle-fee-notice p {
		font-size: 15px;
		line-height: 1.75;
	}

	.phase4-subpage #content .service-vehicle-fee-notice p.service-vehicle-fee-title {
		font-size: 18px;
	}

	.phase4-subpage #content .service-vehicle-fee-notice p.service-vehicle-fee-price {
		font-size: 19px;
	}
}