/* Only vehicle case detail pages load this stylesheet. */
#content #main h2.skgrit-case-section-heading {
	color: #111;
	font-size: clamp(22px, 2.2vw, 28px);
	font-weight: 700;
	line-height: 1.6;
	letter-spacing: .01em;
	text-align: left;
	margin: 0 0 28px;
	padding: 0 0 14px;
	border: 0;
	border-bottom: 2px solid #00afcc;
	background: none;
}
#content #main .skgrit-case-section-heading::before,
#content #main .skgrit-case-section-heading::after { content: none; }
.skgrit-case-comments { margin-top: 42px; }
.skgrit-case-contact {
	box-sizing: border-box;
	clear: both;
	padding: 54px 5% 60px;
	background-color: #252d30;
	background-image: linear-gradient(rgba(0, 0, 0, .18), rgba(0, 0, 0, .18)), var(--skgrit-contact-image);
	background-size: cover;
	background-position: center;
	color: #fff;
	text-align: center;
}
.skgrit-case-contact *, .skgrit-case-contact *::before, .skgrit-case-contact *::after { box-sizing: border-box; }
.skgrit-case-contact-inner { max-width: 1080px; margin: 0 auto; }
.skgrit-case-contact h2#skgrit-case-contact-heading {
	font-size: clamp(23px, 2.6vw, 32px);
	font-weight: 700;
	line-height: 1.6;
	letter-spacing: .01em;
	color: #fff;
	margin: 0 0 14px;
	padding: 0;
	border: 0;
	background: none;
}
.skgrit-case-contact h2::before, .skgrit-case-contact h2::after { content: none; }
.skgrit-case-contact .skgrit-contact-intro { color: #fff; font-size: 15px; line-height: 1.9; margin: 0 0 30px; }
.skgrit-case-contact a { text-decoration: none; }
.skgrit-case-contact a:hover { opacity: .9; }
.skgrit-case-contact a:focus-visible { outline: 3px solid #00afcc; outline-offset: 4px; }
.skgrit-case-contact .skgrit-line-banner { display: grid; grid-template-columns: 1fr 170px; align-items: stretch; background: #fff; border-radius: 6px; overflow: hidden; color: #111; }
.skgrit-case-contact .skgrit-line-message { display: flex; flex-direction: column; justify-content: center; padding: 26px 18px; gap: 8px; }
.skgrit-case-contact .skgrit-contact-overline { font-size: 16px; font-weight: 700; line-height: 1.6; }
.skgrit-case-contact .skgrit-line-message strong { font-size: clamp(20px, 2.5vw, 32px); font-weight: 700; line-height: 1.6; }
.skgrit-case-contact .skgrit-line-message em { font-style: normal; color: #06c755; font-size: 1.4em; line-height: 1; }
.skgrit-case-contact .skgrit-line-message strong span { color: #00afcc; }
.skgrit-case-contact .skgrit-qr-copy { font-size: clamp(16px, 2vw, 24px); font-weight: 700; line-height: 1.6; }
.skgrit-case-contact .skgrit-line-mobile { display: none; }
.skgrit-case-contact .skgrit-qr-area { display: flex; justify-content: center; align-items: center; padding: 24px; background: #06c755; }
.skgrit-case-contact .skgrit-qr-area img { display: block; width: 122px; height: 122px; }
.skgrit-case-contact .skgrit-contact-bottom { display: grid; grid-template-columns: 1fr 1fr; gap: 42px; margin-top: 36px; align-items: end; }
.skgrit-case-contact .skgrit-contact-form { display: flex; justify-content: space-between; align-items: center; gap: 14px; min-height: 100px; padding: 24px 28px; color: #fff; background: #00a6bd; font-size: 20px; font-weight: 700; line-height: 1.6; }
.skgrit-case-contact .skgrit-contact-phone > p { font-size: 14px; line-height: 1.6; color: #fff; margin: 0 0 8px; }
.skgrit-case-contact .skgrit-contact-phone > a { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 100px; padding: 10px; border: 1px solid #fff; color: #fff; }
.skgrit-case-contact .skgrit-contact-phone strong { font-size: 30px; font-weight: 700; line-height: 1.4; letter-spacing: .01em; }
.skgrit-case-contact .skgrit-contact-phone small { font-size: 12px; line-height: 1.6; }
.skgrit-case-contact .skgrit-contact-phone small br { display: none; }
.skgrit-case-contact .skgrit-phone-number { display: inline-flex; flex-wrap: nowrap; align-items: center; justify-content: center; gap: 8px; white-space: nowrap; }
.skgrit-case-contact .skgrit-contact-phone img { display: block; flex: 0 0 auto; width: 17px; height: 22px; margin: 0; }
@media (max-width: 768px) {
	#content #main h2.skgrit-case-section-heading { font-size: 22px; margin: 0 20px 24px; }
	.skgrit-case-comments { margin-top: 30px; }
	.skgrit-case-contact { padding: 36px 5% 40px; }
	.skgrit-case-contact h2#skgrit-case-contact-heading { font-size: 23px; }
	.skgrit-case-contact .skgrit-contact-intro { font-size: 14px; }
	.skgrit-case-contact .skgrit-line-banner { grid-template-columns: 1fr; }
	.skgrit-case-contact .skgrit-qr-area, .skgrit-case-contact .skgrit-qr-copy { display: none; }
	.skgrit-case-contact .skgrit-line-message { gap: 12px; padding: 22px 14px; }
	.skgrit-case-contact .skgrit-contact-overline { font-size: 13px; }
	.skgrit-case-contact .skgrit-line-message strong { font-size: clamp(18px, 3.8vw, 28px); }
	.skgrit-case-contact .skgrit-line-mobile { display: block; background: #06c755; color: #fff; font-size: 14px; font-weight: 700; line-height: 1.8; padding: 13px 8px; border-radius: 3px; }
	.skgrit-case-contact .skgrit-contact-bottom { grid-template-columns: 1fr; gap: 24px; margin-top: 20px; }
	.skgrit-case-contact .skgrit-contact-form { min-height: 70px; padding: 20px; font-size: 17px; }
	.skgrit-case-contact .skgrit-contact-phone > p { font-size: 12px; }
	.skgrit-case-contact .skgrit-contact-phone strong { font-size: 28px; }
	.skgrit-case-contact .skgrit-contact-phone small br { display: block; }
}