@charset "UTF-8";

/* after-service.html page-specific styles */
.after-service-page{font-family:var(--wako-gothic)}
.after-service-page .as-number{font-family:"Sterling Display","Times New Roman",serif;text-align:center}.after-service-page .as-section-title{margin:25px 0 75px;font-family:"Sterling Display","Times New Roman",serif;font-weight:400;line-height:1.15;text-align:center}.after-service-page .as-section-title small{display:block;margin-top:13px;font-family:var(--wako-mincho);font-size:24px;line-height:1.55}.after-service-page .as-reason{max-width:800px;margin:0 auto 105px}.after-service-page .as-reason img{display:block;width:78%;aspect-ratio:380/460;margin:0 auto;border-radius:18px;object-fit:cover}.after-service-page .as-service{scroll-margin-top:24px}.after-service-page .as-reason h3,.after-service-page .as-service h3{font-family:var(--wako-mincho);font-weight:500;text-align:center}.after-service-page .as-reason h3{margin:30px 0;font-size:28px;line-height:1.55}.after-service-page .as-reason p,.after-service-page .as-service p{font-size:16px;line-height:1.75}.after-service-page .as-outline-button{display:flex;width:min(390px,82%);min-height:58px;margin:45px auto 0;border:1px solid #555;border-radius:999px;align-items:center;justify-content:center;color:#111;text-decoration:none}.after-service-page .as-warranty{padding:110px 0 0;background:linear-gradient(145deg,#82add0 0,#fff 33%,#fff 100%)}.after-service-page .as-warranty .as-section-title{padding-bottom:28px;border-bottom:1px solid var(--wako-subpage-blue)}.after-service-page .as-services{display:grid;gap:95px}.after-service-page .as-service h3{margin:0 0 34px;font-size:20px}.after-service-page .as-service img{display:block;width:82%;aspect-ratio:1/1;margin:0 auto 32px;border-radius:16px;object-fit:cover}.after-service-page .as-page-nav{color:#fff;background:linear-gradient(90deg,#78a1bf,#23699b)}.after-service-page .as-page-nav a{display:flex;min-height:74px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.9);align-items:center;justify-content:space-between;color:inherit;font-family:var(--wako-mincho);text-decoration:none}.after-service-page .as-page-nav a::after{width:11px;height:11px;border-right:2px solid #fff;border-bottom:2px solid #fff;content:"";transform:translateY(-3px) rotate(45deg)}.after-service-page .as-contact{padding:100px 0}

@media(max-width:767px){.after-service-page .as-section-title{margin:22px 0 72px;}.after-service-page .as-section-title small{font-size:19px}.after-service-page .as-reason{margin-bottom:100px}.after-service-page .as-reason img{width:min(380px,78%);border-radius:14px}.after-service-page .as-reason h3{margin:26px 0 30px;font-size:18px;line-height:1.7}.after-service-page .as-reason p,.after-service-page .as-service p{font-size:13px;line-height:1.72}.after-service-page .as-outline-button{min-height:54px;font-size:14px}.after-service-page .as-warranty{padding:102px 0 0}.after-service-page .as-warranty .as-section-title{margin-bottom:72px;padding-bottom:28px}.after-service-page .as-services{gap:92px}.after-service-page .as-service h3{margin-bottom:34px;font-size:20px}.after-service-page .as-service img{width:min(418px,82%);margin-bottom:30px;border-radius:14px}.after-service-page .as-page-nav a{font-size:16px}}

@media(min-width:768px){.after-service-page .as-reasons .as-inner,.after-service-page .as-warranty .as-inner{width:min(calc(100% - 80px),1120px);max-width:none}.after-service-page .as-reason{max-width:none;margin:0}.after-service-page .as-reason img{width:100%;margin:0}.after-service-page .as-reason h3,.after-service-page .as-reason p,.after-service-page .as-lead .subpage-intro__text{text-align:left}.after-service-page .as-services{grid-template-columns:repeat(4,minmax(0,1fr));gap:70px 28px}.after-service-page .as-service img{width:100%}}

/* The Reason panel keeps its own background and its existing section gap. */
.after-service-page .as-reasons {
  margin-top: 0;
}

.after-service-page .as-reasons::before {
  background: linear-gradient(145deg, #f1efe6, #fff 58%);
}

.after-service-page .as-warranty.section-spacing {
  margin-top: 0;
  padding-top: 192px;
}

@media (min-width: 768px) {
  .after-service-page .as-warranty.section-spacing { padding-top: 210px; }
}

@media (min-width: 1100px) {
  .after-service-page .as-warranty.section-spacing { padding-top: 250px; }
}