#service #services{display:grid;grid-template-columns:1.15fr 1fr;gap:5%;border:0;align-items:start}
#service .service-options{border-top:1px solid #ffffff28}
#service .service-row{width:100%;text-align:left;background:transparent;border:0;border-bottom:1px solid #ffffff28;border-radius:0;cursor:pointer;padding:28px 8px;gap:18px;min-height:116px;font:inherit}
#service .service-row:before{display:none}
#service .service-row .service-name h3{font-size:clamp(22px,2.25vw,36px);line-height:1.5;color:#f4f1e9}
#service .service-name>span{font-size:13px;line-height:1.8;color:#aeb2a6;max-width:410px}
#service .service-row:is(:hover,:focus-visible,[aria-pressed=true]){color:#f4f1e9;border-color:#c7ff3d80}
#service .service-row:is(:hover,:focus-visible,[aria-pressed=true]) .service-number,#service .service-row:is(:hover,:focus-visible,[aria-pressed=true]) .service-arrow{color:#c7ff3d}
#service .service-row:is(:hover,:focus-visible) .service-name>span{color:#aeb2a6}
#service .service-arrow{font-size:25px;transform:none}
#service .service-row:focus-visible{outline:1px solid #c7ff3d;outline-offset:4px}
#service .service-visual{position:sticky;top:120px;margin:20px 0 0;min-width:0}
#service .service-visual-stack{position:relative;aspect-ratio:1;margin:0 2% 25px}
#service .service-visual-stack img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transform:translateY(8px);transition:opacity .4s ease,transform .5s ease;filter:none;box-shadow:none}
#service .service-visual-stack img.is-active{opacity:1;transform:none}
#service figcaption{display:flex;justify-content:space-between;gap:20px;font-size:12px;line-height:1.8;color:#bcc1b4;border-top:1px solid #ffffff24;padding-top:20px}
#service figcaption a,#service .service-mobile-visual a{color:#f4f1e9;text-underline-offset:6px}
#service figcaption a:hover,#service .service-mobile-visual a:hover{color:#c7ff3d}
#service .service-mobile-visual{display:none}
@media(max-width:800px){#service #services{display:block}#service .service-visual{display:none}#service .service-row .service-name h3{font-size:23px}#service .service-name>span{font-size:12px}#service .service-mobile-visual:not([hidden]){display:block;padding:20px 8% 30px;text-align:center}#service .service-mobile-visual img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;max-width:380px;display:block;margin:0 auto 20px}#service .service-mobile-visual a{font-size:14px}#service .service-row{gap:12px}#service .service-name{transform:none}}
@media(prefers-reduced-motion:reduce){#service .service-visual-stack img{transition:none;transform:none}}
/* Service understanding comes before character decoration. */
#service .service-item-heading{margin:0;font:inherit}
#service .service-name .service-title{display:block;font-size:clamp(22px,2.25vw,36px);line-height:1.5;color:#f4f1e9;margin-bottom:8px}
#service .service-row[aria-expanded=true]{border-color:#c7ff3d80}
#service .service-row[aria-expanded=true] .service-number,#service .service-row[aria-expanded=true] .service-arrow{color:#c7ff3d}
#service .service-visual{top:90px;margin:0}
#service .service-desktop-panel[hidden],#service .service-mobile-visual[hidden]{display:none!important}
#service .service-desktop-panel>h3{font-size:18px;color:#c7ff3d;line-height:1.6;margin:0}
#service .service-desktop-panel>img{display:block;width:210px;height:190px;object-fit:contain;margin:5px auto 15px}
#service .service-details{text-align:left;color:#c1c4ba;line-height:1.95;font-size:14px}
#service .service-summary{font-size:20px;color:#f4f1e9;line-height:1.7;margin:0 0 20px}
#service .service-prose p{font-size:14px;line-height:1.95;margin:0 0 16px}
#service .service-detail-lists{display:grid;grid-template-columns:1fr 1fr;gap:24px;border-top:1px solid #ffffff28;padding-top:22px;margin-top:24px}
#service .service-detail-lists h4{font-size:12px;letter-spacing:.08em;color:#c7ff3d;margin:0 0 12px;font-weight:500}
#service .service-detail-lists ul{padding:0;margin:0;list-style:none}
#service .service-detail-lists li{position:relative;padding-left:13px;font-size:12px;line-height:1.9;margin:6px 0}
#service .service-detail-lists li:before{content:'・';position:absolute;left:0}
#service .service-consult{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;padding:18px 0;margin-top:25px;border:0;border-top:1px solid #ffffff38;border-bottom:1px solid #ffffff38;border-radius:0;background:none;color:#f4f1e9;font:inherit;font-size:14px;text-align:left;cursor:pointer}
#service .service-consult span{color:#c7ff3d;transition:transform .25s}
#service .service-consult:hover span{transform:translate(3px,-3px)}
#service .service-consult:focus-visible{outline:2px solid #c7ff3d;outline-offset:5px}
.renewal-check{position:relative;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(22px,3vw,42px);margin-top:30px;padding:clamp(24px,3vw,38px);border:1px solid #ffffff2e;background:linear-gradient(135deg,#171a16 0%,#0c0e0c 72%);overflow:hidden}
.renewal-check:before{content:'';position:absolute;inset:0 auto 0 0;width:3px;background:#c7ff3d}
.renewal-check-lead,.renewal-check-action{position:relative;z-index:1;min-width:0}
.renewal-check-kicker{margin:0 0 11px!important;color:#f4f1e9!important;font-size:12px!important;letter-spacing:.08em}
#service .renewal-check h4{margin:0 0 18px;color:#f4f1e9;font-size:clamp(22px,2vw,31px);line-height:1.55;font-weight:500;letter-spacing:.01em}
#service .renewal-check h4 em{color:#c7ff3d;font-style:normal}
.renewal-check-lead>p:last-child{margin:0!important;color:#aeb2a6;font-size:13px!important;line-height:1.9!important}
.renewal-check-questions{list-style:none;margin:0 0 18px;padding:0}
.renewal-check-questions li{position:relative;margin:0;padding:8px 0 8px 22px;border-bottom:1px solid #ffffff18;color:#f4f1e9;font-size:13px;line-height:1.65}
.renewal-check-questions li:before{content:'?';position:absolute;left:0;color:#c7ff3d;font-size:11px;font-weight:700}
.renewal-check-intro{margin:0 0 17px!important;color:#c1c4ba;font-size:13px!important;line-height:1.85!important}
.renewal-check-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px}
.renewal-check-tags span{padding:6px 9px;border:1px solid #c7ff3d55;color:#dce3d2;font-size:10px;line-height:1;letter-spacing:.04em}
.renewal-check-button{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 17px;background:#c7ff3d;color:#0a0b09!important;text-decoration:none;font-size:13px;font-weight:700;line-height:1.55;transition:background .25s ease,transform .25s ease}
.renewal-check-button span{font-size:16px;transition:transform .25s ease}
.renewal-check-button:is(:hover,:focus-visible){background:#d7ff73;transform:translateY(-1px)}
.renewal-check-button:is(:hover,:focus-visible) span{transform:translate(3px,-3px)}
.renewal-check-button:focus-visible{outline:2px solid #f4f1e9;outline-offset:4px}
.renewal-check-action>small{display:block;margin-top:9px;color:#8f9588;font-size:10px;letter-spacing:.05em;text-align:right}
@media(max-width:1100px) and (min-width:801px){#service #services{grid-template-columns:1fr 1fr;gap:4%}#service .service-detail-lists{grid-template-columns:1fr;gap:18px}#service .service-visual{position:static}.renewal-check{grid-template-columns:1fr}}
@media(max-width:800px){#service .service-name .service-title{font-size:23px}#service .service-mobile-visual:not([hidden]){padding:16px 5px 38px;text-align:left}#service .service-mobile-visual img{width:210px;height:190px;margin:0 auto 20px}#service .service-summary{font-size:20px}#service .service-detail-lists{grid-template-columns:1fr;gap:23px}#service .service-detail-lists li{font-size:14px}#service .service-detail-lists h4{font-size:13px}#service .service-consult{font-size:14px;line-height:1.8;min-height:60px}#service .service-row{padding:22px 0}#service .service-prose p{font-size:14px;line-height:2}#service .service-arrow{font-size:22px}.renewal-check{grid-template-columns:1fr;padding:25px 20px;gap:24px}.renewal-check-lead>p:last-child,.renewal-check-intro{font-size:14px!important}.renewal-check-questions li{font-size:14px}.renewal-check-button{font-size:14px;padding:17px 15px}.renewal-check-action>small{text-align:left}}
@media(prefers-reduced-motion:reduce){#service .service-consult span{transition:none}}
@media(prefers-reduced-motion:reduce){.renewal-check-button,.renewal-check-button span{transition:none}}

#service .service-row{scroll-margin-top:90px}

#services{overflow-anchor:none}