/* annai : CAR-X-WEBとは（ブランドブック風・白と紺） */
.an{--an-navy:#0b1b34;--an-ink:#1e2a38;--an-line:#e3e8ef;--an-mute:#6b7789;--an-blue:#1f5bff;--an-gray:#f6f8fb;color:var(--an-ink)}
.an-sec{padding:clamp(64px,9vw,120px) 16px!important}
.an-white{background:#fff}
.an-gray{background:var(--an-gray)}
.an h1,.an h2,.an h3{font-family:"Zen Kaku Gothic New","Noto Sans JP",sans-serif;color:var(--an-navy)}
.an h2.wp-block-heading{font-size:clamp(26px,3.6vw,38px);text-align:center;letter-spacing:.04em;margin:0 auto .9em!important;line-height:1.4}
.an-chap{display:flex;flex-direction:column;align-items:center;gap:4px;margin:0 auto 10px!important;font-family:"Outfit",sans-serif;font-weight:600;font-size:13px;letter-spacing:.3em;text-transform:uppercase;color:var(--an-mute)}
.an-chap span{font-size:15px;font-weight:700;color:var(--an-navy);letter-spacing:.1em;border-bottom:2px solid var(--an-navy);padding-bottom:2px}
.an-center{text-align:center;max-width:760px;margin-left:auto!important;margin-right:auto!important}
.an-note{font-size:13px;color:var(--an-mute);text-align:center;max-width:860px;margin-left:auto!important;margin-right:auto!important}
.an-note a{color:inherit}
.an-ctas{justify-content:center;gap:14px!important;margin-top:2em!important}
.an-ctas .is-style-cx-sub .wp-block-button__link{font-size:15px;padding:1.05em 1.6em}
.an-ctas .is-style-cx-sub .wp-block-button__link::after{content:" ↗";font-weight:700}

/* FV */
.an-fv{background:#fff;padding:clamp(40px,6vw,88px) 16px clamp(48px,6vw,80px)!important;border-bottom:1px solid var(--an-line)}
.an-fv-cols{max-width:1120px!important;align-items:center!important;gap:clamp(20px,4vw,56px)!important}
.an-kicker{font-family:"Outfit","Noto Sans JP",sans-serif;font-weight:700;font-size:13px;letter-spacing:.24em;color:var(--an-blue);margin:0 0 1.2em!important}
.an-kicker-c{text-align:center}
.an-fv h1{font-size:clamp(40px,5.6vw,72px);line-height:1.12;letter-spacing:.01em;margin:0 0 .35em!important;font-family:"Outfit","Zen Kaku Gothic New",sans-serif;font-weight:800}
.an-fv h1 small{display:inline-block;font-family:"Zen Kaku Gothic New",sans-serif;font-size:.42em;font-weight:900;letter-spacing:.06em;color:var(--an-mute);margin:.25em 0 .2em}
.an-fv-lead{font-size:clamp(18px,2vw,23px);font-weight:700;color:var(--an-navy);margin:0 0 1.6em!important;line-height:1.6}
.an-sp{display:none}
.an-facts{border-top:1px solid var(--an-line);gap:0!important;max-width:520px}
.an-facts > p,.an-fact{margin:0!important;display:grid;grid-template-columns:5.5em 1fr;padding:.75em 0;border-bottom:1px solid var(--an-line);font-weight:700;font-size:16px}
.an-fact span{font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--an-mute);align-self:center}
.an-fact a{color:var(--an-blue);text-decoration:none;font-family:"Outfit",sans-serif;font-size:17px}
.an-fv .an-ctas{justify-content:flex-start}
.an-fv-chara{margin:0!important;text-align:center}
.an-fv-chara img{border-radius:0!important;width:100%;max-width:480px;margin:0 auto;background:radial-gradient(closest-side,#eef3ff 0%,#eef3ff 70%,rgba(238,243,255,0) 100%)}
.an-fv-cap{text-align:center;font-size:13px;color:var(--an-mute);margin-top:.4em!important}

/* 数字の帯 */
.an-band{background:var(--an-navy);color:#fff;padding:clamp(28px,4vw,44px) 16px!important}
.an-kpis{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:0!important;max-width:1120px!important}
.an-kpi{text-align:center;padding:4px 10px!important}
.an-kpi + .an-kpi{border-left:1px solid rgba(255,255,255,.18)}
.an-kpi p{margin:0!important}
.an-kpi-l{font-size:13px;font-weight:700;color:#b9c5d8;letter-spacing:.06em}
.an-kpi-n{font-family:"Outfit",sans-serif;font-weight:700;font-size:clamp(40px,4.8vw,60px);line-height:1.1;color:#fff}
.an-kpi-n small{font-family:"Noto Sans JP",sans-serif;font-size:.32em;font-weight:900;margin-left:.15em}
.an-kpi-s{font-size:12px;color:#b9c5d8}

/* 01 名前 */
.an-wordmark{text-align:center;border-top:1px solid var(--an-navy);border-bottom:1px solid var(--an-navy);padding:clamp(28px,4vw,48px) 12px!important;max-width:860px!important;margin:0 auto 1.6em!important}
.an-word{font-family:"Outfit",sans-serif;font-weight:800;font-size:clamp(46px,9vw,112px);line-height:1;letter-spacing:.02em;color:var(--an-navy);margin:0!important;white-space:nowrap}
.an-ruby{font-family:"Zen Kaku Gothic New",sans-serif;font-weight:900;font-size:clamp(16px,2.2vw,24px);letter-spacing:.5em;color:var(--an-blue);margin:.6em 0 0!important;padding-left:.5em}
.an h3.an-h3{text-align:center;font-size:clamp(18px,2vw,21px);margin:2.6em auto 1em!important}
.an-doms{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px!important;max-width:1000px!important}
.an-dom{border:1px solid var(--an-line);padding:22px 20px!important;background:#fff}
.an-dom p{margin:0!important}
.an-dom-url{font-family:"Outfit",sans-serif;font-weight:700;font-size:clamp(18px,1.9vw,22px);color:var(--an-navy);word-break:break-all;line-height:1.3}
.an-dom-role{display:inline-block;margin:.6em 0 .5em!important;font-size:12px;font-weight:900;letter-spacing:.08em;color:#fff;background:var(--an-navy);padding:.15em .7em}
.an-doms .an-dom:first-child{border:2px solid var(--an-blue)}
.an-doms .an-dom:first-child .an-dom-role{background:var(--an-blue)}
.an-dom-desc{font-size:14.5px;line-height:1.7}

/* 02 概要 */
.an-explain{max-width:860px;margin:0 auto 2em!important;font-size:16px;line-height:2;border-left:3px solid var(--an-navy);padding:4px 0 4px 22px!important}
.an-table{max-width:860px!important}
.an-table table{font-size:15px;border-top:2px solid var(--an-navy)!important}
.an .wp-block-table.an-table thead{display:none}
.an .wp-block-table.an-table td{border:0!important;border-bottom:1px solid var(--an-line)!important;padding:1em .9em!important;background:#fff}
.an .wp-block-table.an-table tbody td:first-child{background:#fff;color:var(--an-mute);font-size:13.5px;letter-spacing:.06em;width:8.5em}
.an .wp-block-table.an-table td:last-child{font-weight:700;color:var(--an-navy);line-height:1.75}
.an-table figcaption{text-align:right!important}

/* 03 業種 */
.an-inds{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:0!important;max-width:1000px!important;border-top:1px solid var(--an-line);border-left:1px solid var(--an-line);margin-top:2em!important}
.an-ind{border-right:1px solid var(--an-line);border-bottom:1px solid var(--an-line);padding:28px 24px!important}
.an-ind p{margin:0!important;font-size:14.5px;color:var(--an-mute)}
.an-ind .an-ind-n{font-family:"Outfit",sans-serif;font-weight:700;font-size:13px;letter-spacing:.2em;color:var(--an-blue)}
.an-ind h3{font-size:19px!important;margin:.35em 0 .45em!important}

/* 04 できること */
.an-guide{display:flex!important;align-items:center;justify-content:center;gap:18px!important;max-width:760px!important;margin:0 auto 2em!important}
.an-guide-img{margin:0!important;flex:0 0 120px}
.an-guide-img img{width:120px;border-radius:0!important}
.an-guide-say{position:relative;background:#fff;border:1px solid var(--an-line);padding:16px 20px!important;font-weight:700;color:var(--an-navy);margin:0!important;line-height:1.7}
.an-guide-say::before{content:"";position:absolute;left:-9px;top:50%;width:16px;height:16px;background:#fff;border-left:1px solid var(--an-line);border-bottom:1px solid var(--an-line);transform:translateY(-50%) rotate(45deg)}
.an-scope{max-width:960px!important;gap:20px!important}
.an-scope > .wp-block-column{background:#fff;border:1px solid var(--an-line);padding:26px 26px 18px}
.an-col-h{font-family:"Zen Kaku Gothic New",sans-serif;font-weight:900;font-size:19px;margin:0 0 .4em!important;padding-bottom:.5em;border-bottom:2px solid}
.an-col-ok{color:var(--an-navy);border-color:var(--an-navy)}
.an-col-ng{color:var(--an-mute);border-color:#c6ceda}
.an-scope ul.is-style-cx-checks li{font-size:15px}
.an-scope ul.cx-ng li{color:#4b5565;font-weight:700}

/* 05 提携 */
.an-partners{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px!important;max-width:1080px!important;margin-top:2em!important}
.an-partner{border:1px solid var(--an-line);border-top:3px solid var(--an-navy);padding:22px 22px 18px!important;background:#fff}
.an-partner p{margin:0!important;font-size:14.5px;line-height:1.75}
.an-partner .an-path{font-family:"Outfit",monospace;font-weight:600;font-size:13px;letter-spacing:.06em;color:var(--an-blue)}
.an-partner h3{font-size:19px!important;margin:.3em 0 .5em!important}
.an-partners + .an-note{margin-top:1.4em!important}

/* 06 デザイン */
.an-designs{gap:22px 18px!important;max-width:1080px!important;margin-top:2em!important}
.an-designs .wp-block-image{margin:0!important}
.an-designs img{aspect-ratio:3/2;object-fit:cover;object-position:top;border:1px solid var(--an-line);border-radius:2px!important}
.an-designs figcaption{font-size:12.5px;color:var(--an-mute);text-align:left;margin-top:.6em;line-height:1.6}
.an-designs figcaption strong{display:block;color:var(--an-navy);font-size:15px}

/* 07 会社 */
.an-company{max-width:960px!important;gap:0!important;border:1px solid var(--an-line)}
.an-company > .wp-block-column{padding:30px 30px 24px}
.an-company > .wp-block-column + .wp-block-column{border-left:1px solid var(--an-line);background:var(--an-gray)}
.an-co-name{font-family:"Zen Kaku Gothic New",sans-serif;font-weight:900;font-size:24px;color:var(--an-navy);margin:0 0 .3em!important}
.an-co-addr{font-size:14px;color:var(--an-mute);margin:0 0 1em!important}
.an-co-desc{font-size:15px}
.an-co-link a,.an-co-list a{color:var(--an-blue)}
.an-co-h{font-weight:900;color:var(--an-navy);margin:0 0 .6em!important}
.an-co-list{padding-left:1.1em;font-size:14.5px;line-height:1.8}
.an-co-list li{margin:.4em 0}

/* FAQ */
.an details.is-style-cx-faq{border-radius:0;border-color:var(--an-line)}
.an details.is-style-cx-faq summary::before{color:var(--an-navy)}

/* 締め */
.an-close{background:#fff;padding:clamp(64px,9vw,120px) 16px!important}
.an-close-box{max-width:860px!important;margin:0 auto!important;border:2px solid var(--an-navy);padding:clamp(32px,5vw,56px) 20px!important;text-align:center;position:relative}
.an-close-img{margin:-110px auto 6px!important;width:150px;background:#fff;padding:0 10px}
.an-close-img img{border-radius:0!important}
.an-close h2.wp-block-heading{font-size:clamp(23px,3.2vw,34px)}

@media (max-width:781px){
  .an-sp{display:inline}
  .an-fv{padding-top:28px!important}
  .an-fv-cols{flex-direction:column-reverse}
  .an-fv-cols > .wp-block-column{flex-basis:100%!important}
  .an-fv-chara img{max-width:300px}
  .an-fv-cap{display:none}
  .an-fv h1{font-size:44px}
  .an-fv .an-ctas{justify-content:center}
  .an-kpis{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:20px!important}
  .an-kpi:nth-child(3){border-left:0}
  .an-doms,.an-inds{grid-template-columns:1fr}
  .an-ind{padding:20px 18px!important}
  .an-guide{flex-direction:column;text-align:center}
  .an-guide-say::before{left:50%;top:-9px;transform:translateX(-50%) rotate(135deg)}
  .an-partners{grid-template-columns:1fr}
  .an-designs{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px 12px!important}
  .an-company > .wp-block-column + .wp-block-column{border-left:0;border-top:1px solid var(--an-line)}
  .an-company > .wp-block-column{padding:22px 18px}
  .an-explain{padding-left:16px!important;font-size:15px}
  .an .wp-block-table.an-table tbody td:first-child{width:6.5em;padding:.9em .5em!important}
  .an-ruby{letter-spacing:.3em}
  .an-scope > .wp-block-column{padding:20px 18px 12px}
}
/* グリッド子要素の自動余白を消す */
.an-kpis > *,.an-doms > *,.an-inds > *,.an-partners > *,.an-designs > *,.an-facts > *{margin-block-start:0!important}
.an-fv h1 span{font-family:"Zen Kaku Gothic New",sans-serif;font-weight:900;font-size:.62em;margin-left:.12em}
.an-fv h1 small{display:block;font-size:.3em;letter-spacing:.3em;color:var(--an-blue);margin:.7em 0 0}
.an-ruby{letter-spacing:.25em}
.an-kpis > *,.an-doms > *,.an-inds > *,.an-partners > *,.an-designs > *{margin-left:0!important;margin-right:0!important;max-width:none!important;width:auto}
@media (max-width:781px){.an-close h2.wp-block-heading{font-size:23px}}
