/**
Theme Name: and CLEA Astra Child
Author: and CLEA
Author URI: https://www.and-clea.co.jp/
Description: Corporate adaptation of the Car Repair visual foundation.
Version: 1.1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: and-clea-astra-child
Template: astra
*/
/* Official Car Repair reference: white/indigo/yellow, diagonal planes and offset buttons.
   Company home only: existing content pages and their interactions retain their CSS. */
.andclea-home{--ac-ink:#1b2140;--ac-blue:#282c7c;--ac-yellow:#f9dc25;--ac-soft:#f3f4f9;color:var(--ac-ink);font-family:system-ui,-apple-system,"Noto Sans JP",sans-serif;line-height:1.9;width:100%;margin:0!important;padding:0!important;background:white}
.home #content>.ast-container{max-width:none;padding:0;display:block}
.andclea-home *{box-sizing:border-box}
.andclea-home .ac-wrap{width:min(1140px,calc(100% - 64px));margin-inline:auto}
.andclea-home h1,.andclea-home h2,.andclea-home h3{color:var(--ac-ink);font-weight:750;letter-spacing:.025em}
.andclea-home h1{font-size:clamp(40px,4.4vw,64px);line-height:1.45;margin:0}
.andclea-home h2{font-size:clamp(28px,3vw,40px);line-height:1.55;margin:0 0 24px}
.andclea-home h3{font-size:clamp(22px,2vw,28px);line-height:1.5;margin:0 0 18px}
.andclea-home p{font-size:16px;margin:0 0 22px}
.andclea-home .ac-eyebrow{font-size:12px;font-weight:750;letter-spacing:.16em;color:var(--ac-blue);margin:0 0 18px}
.andclea-home .ac-hero{position:relative;background:linear-gradient(113deg,#f9fafc 0 26%,#f0f1f7 26% 65%,#fff 65% 74%,#e9ebf4 74%);overflow:hidden}
.andclea-home .ac-hero-content{position:relative;text-align:center;padding-top:70px}
.andclea-home .ac-rule{width:64px;height:4px;background:var(--ac-yellow);margin:26px auto}
.andclea-home .ac-hero-lead{font-size:17px;color:#4d5268;line-height:2;margin-bottom:25px}
.andclea-home .ac-actions{display:flex;justify-content:center;align-items:center;gap:36px;flex-wrap:wrap;margin-bottom:52px}
.andclea-home a{transition:background-color .18s,color .18s,box-shadow .18s;text-decoration:none}
.andclea-home a:focus-visible{outline:3px solid #e9ac00;outline-offset:5px}
.andclea-home .ac-button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;min-height:55px;padding:15px 25px;border:2px solid var(--ac-blue);background:var(--ac-blue);color:#fff;font-size:14px;font-weight:750;line-height:1.7;border-radius:0;box-shadow:5px 5px 0 var(--ac-yellow)}
.andclea-home .ac-button:hover{background:#16194e;border-color:#16194e;color:#fff;box-shadow:3px 3px 0 var(--ac-yellow)}
.andclea-home .ac-text-link{color:var(--ac-blue);font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:6px;min-height:44px;display:inline-flex;align-items:center;gap:22px}
.andclea-home .ac-hero-images{display:grid;grid-template-columns:1.35fr 1fr;gap:14px;text-align:left}
.andclea-home figure{margin:0;position:relative;overflow:hidden}
.andclea-home .ac-hero-images img{display:block;width:100%;height:285px;object-fit:cover}
.andclea-home .ac-hero-images figcaption{position:absolute;bottom:0;left:0;right:0;padding:28px 22px 16px;color:white;font-size:14px;font-weight:700;background:linear-gradient(transparent,rgba(15,20,42,.85))}
.andclea-home .ac-business-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--ac-blue);position:relative}
.andclea-home .ac-business-nav a{display:flex;align-items:center;gap:14px;color:#fff;padding:28px 18px;font-size:14px;font-weight:700;border-right:1px solid #ffffff24;line-height:1.6}
.andclea-home .ac-business-nav a:last-child{border-right:0}
.andclea-home .ac-business-nav a:hover{background:#1a1e5c}
.andclea-home .ac-business-nav a>span:first-child{color:var(--ac-yellow);font-size:14px;font-weight:800;align-self:flex-start;line-height:1.65}
.andclea-home .ac-business-nav small{display:block;font-size:10px;line-height:1.6;font-weight:400;margin-top:5px;color:#e1e3fa}
.andclea-home .ac-business-nav a>span:last-child{margin-left:auto;color:var(--ac-yellow)}
.andclea-home .ac-section{padding-block:90px}
.andclea-home .ac-philosophy{display:grid;grid-template-columns:1fr 1.3fr;gap:90px}
.andclea-home .ac-philosophy p:last-child{margin-bottom:0}
.andclea-home .ac-philosophy>div:last-child{padding-top:9px;color:#535b6b}
.andclea-home .ac-services{position:relative}
.andclea-home .ac-services:before{content:"";position:absolute;inset:0 calc((100% - 100vw)/2);background:var(--ac-soft);z-index:0}
.andclea-home .ac-services>*{position:relative}
.andclea-home .ac-section-heading{margin-bottom:40px}
.andclea-home .ac-section-heading>p{color:#535b6b;margin:0;max-width:600px}
.andclea-home .ac-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.andclea-home .ac-card{background:white;border:1px solid #e0e3ee;display:flex;flex-direction:column;scroll-margin-top:70px;min-width:0}
.andclea-home .ac-card>img{display:block;width:100%;height:270px;object-fit:cover}
.andclea-home .ac-card-body{padding:32px;display:flex;flex-direction:column;flex:1}
.andclea-home .ac-card-body .ac-number{font-size:11px;letter-spacing:.07em;font-weight:750;color:var(--ac-blue);margin-bottom:12px}
.andclea-home .ac-card-body .ac-card-lead{font-size:15px;font-weight:700;color:var(--ac-ink);margin-bottom:13px}
.andclea-home .ac-card-body>p{font-size:15px;color:#535b6b}
.andclea-home .ac-card-body>a{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #e3e6ef;padding-top:23px;color:var(--ac-blue);font-size:14px;font-weight:750;line-height:1.8}
.andclea-home .ac-card-body>a:hover{text-decoration:underline;text-underline-offset:5px}
.andclea-home .ac-ideas{padding-block:78px;background:var(--ac-blue);color:white}
.andclea-home .ac-ideas h2{color:white}
.andclea-home .ac-ideas .ac-eyebrow{color:var(--ac-yellow)}
.andclea-home .ac-ideas p:last-child{margin:0;color:#e3e5ff}
.andclea-home .ac-ideas-inner{display:flex;align-items:center;justify-content:space-between;gap:65px}
.andclea-home .ac-button-dark{background:var(--ac-yellow);border-color:var(--ac-yellow);color:#17194c;box-shadow:5px 5px 0 #ffffff60;flex-shrink:0}
.andclea-home .ac-button-dark:hover{background:#ffea65;border-color:#ffea65;color:#17194c;box-shadow:3px 3px 0 #ffffff60}
.andclea-home .ac-company{display:flex;align-items:center;justify-content:space-between;gap:40px}
.andclea-home .ac-company .ac-address{color:#626979;font-size:14px;margin:0}
.andclea-home .ac-button-outline{background:white;color:var(--ac-blue)}
.andclea-home #services{scroll-margin-top:60px}
@media(max-width:1000px){.andclea-home .ac-business-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.andclea-home .ac-business-nav a{border-bottom:1px solid #ffffff24;padding:22px}.andclea-home .ac-business-nav a:nth-child(2n){border-right:0}.andclea-home .ac-business-nav small{font-size:11px}.andclea-home .ac-philosophy{gap:40px}.andclea-home .ac-ideas-inner{gap:35px}.andclea-home .ac-card-body{padding:26px}}
@media(max-width:700px){.andclea-home .ac-wrap{width:calc(100% - 40px)}.andclea-home .ac-hero-content{padding-top:48px}.andclea-home h1{font-size:clamp(24px,6.8vw,38px)}.andclea-home .ac-hero-lead{font-size:15px}.andclea-home .ac-actions{gap:25px;margin-bottom:35px}.andclea-home .ac-hero-images{gap:8px;grid-template-columns:1fr 1fr}.andclea-home .ac-hero-images img{height:175px}.andclea-home .ac-hero-images figcaption{font-size:10px;padding:30px 10px 10px}.andclea-home .ac-business-nav a{gap:9px;padding:18px 12px;font-size:12px}.andclea-home .ac-business-nav small{font-size:10px}.andclea-home .ac-business-nav a>span:first-child{font-size:11px}.andclea-home .ac-section{padding-block:58px}.andclea-home .ac-philosophy{grid-template-columns:1fr;gap:12px}.andclea-home .ac-section-heading{margin-bottom:28px}.andclea-home .ac-section-heading>p{font-size:15px}.andclea-home .ac-service-grid{grid-template-columns:1fr;gap:24px}.andclea-home .ac-card>img{height:230px}.andclea-home .ac-card-body{padding:25px}.andclea-home .ac-ideas{padding-block:55px}.andclea-home .ac-ideas-inner{flex-direction:column;align-items:flex-start;gap:30px}.andclea-home .ac-company{align-items:flex-start;flex-direction:column;gap:25px}.andclea-home .ac-button{font-size:13px;gap:24px;max-width:calc(100% - 6px);padding:13px 20px}.andclea-home .ac-eyebrow{font-size:11px}}
@media(max-width:370px){.andclea-home .ac-wrap{width:calc(100% - 28px)}.andclea-home h1{font-size:23px}.andclea-home .ac-business-nav a{padding:15px 9px;gap:6px}.andclea-home .ac-business-nav a>span:last-child{display:none}.andclea-home .ac-hero-images figcaption{font-size:9px}.andclea-home .ac-card-body{padding:22px}}
@media(prefers-reduced-motion:reduce){.andclea-home a{transition:none}}

/* Review D01-D08: readable choices and separate customer/business routes. */
.andclea-home .ac-kana{display:block;font-size:16px;font-weight:600;letter-spacing:0;margin-top:6px}
.andclea-home .ac-business-nav small{font-size:14px}
.andclea-home .ac-card-body .ac-card-lead,.andclea-home .ac-card-body>p{font-size:16px}
.andclea-home .ac-card-links{margin-top:auto;border-top:1px solid #e3e6ef;padding-top:12px}
.andclea-home .ac-card-links a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:10px 0;color:var(--ac-blue);font-size:14px;font-weight:750;line-height:1.8}
.andclea-home .ac-card-links a+a{border-top:1px solid #e3e6ef}
.andclea-home .ac-card-links a:hover{text-decoration:underline;text-underline-offset:5px}
.andclea-home .ac-company-actions{display:flex;flex-direction:column;align-items:flex-start;gap:22px}
@media(max-width:700px){.andclea-home h1{font-size:clamp(28px,6.8vw,38px)}.andclea-home .ac-hero-lead,.andclea-home .ac-section-heading>p{font-size:16px}.andclea-home .ac-business-nav a,.andclea-home .ac-business-nav a>span:first-child{font-size:14px}.andclea-home .ac-business-nav a{align-items:flex-start}.andclea-home .ac-business-nav a>span:last-child{display:none}.andclea-home .ac-hero-images figcaption{position:static;font-size:14px;line-height:1.7;padding:10px;background:var(--ac-blue)}.andclea-home .ac-hero-images figure{background:var(--ac-blue)}.andclea-home .ac-button{font-size:14px}}
@media(max-width:370px){.andclea-home .ac-business-nav{grid-template-columns:1fr}.andclea-home .ac-business-nav a{padding:16px;gap:14px;border-right:0}.andclea-home .ac-hero-images{grid-template-columns:1fr}.andclea-home .ac-hero-images img{height:190px}}
