/*
Theme Name: CIRCULINK AUTO
Author: Codex
Description: 自動車解体・廃車買取・中古部品事業者向けの明るく端正な和モダンWordPressテーマ。
Version: 2.0.0
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: circulink-auto
*/
:root{--green:#67b72d;--deep:#356b34;--pale:#f1f7e9;--blue:#edf6fa;--red:#d94b38;--ink:#20241f;--muted:#656b63;--line:#dfe4dc;--cream:#faf9f4;--max:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:"Noto Sans JP","Yu Gothic",YuGothic,Meiryo,sans-serif;line-height:1.9;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button{font:inherit}.wrap{width:min(var(--max),calc(100% - 64px));margin:auto}.section{padding:112px 0}.eyebrow{display:block;margin:0 0 18px;color:var(--deep);font-family:Georgia,serif;font-size:12px;letter-spacing:.18em}.eyebrow:before{display:none}.section-title,.hero h1{margin:0;font-family:"Noto Serif JP","Yu Mincho",YuMincho,"Hiragino Mincho ProN",serif;font-size:clamp(34px,4.4vw,58px);font-weight:500;line-height:1.45;letter-spacing:.04em}.section-lead{max-width:620px;margin:24px 0 0;color:var(--muted);font-size:15px}.btn{display:inline-flex;min-height:62px;padding:0 32px;align-items:center;justify-content:space-between;gap:45px;border:1px solid var(--deep);border-radius:0;background:#fff;color:var(--deep);font-weight:700;letter-spacing:.05em;transition:.3s}.btn:hover{transform:translateY(-3px)}.btn-primary{border-color:var(--green);background:var(--green);color:#fff;box-shadow:none}.btn-primary:hover{background:#579e27}.btn-light{background:#fff;color:var(--deep)}.btn-outline{border-color:var(--line);color:var(--ink)}.site-header{position:relative;z-index:20;background:#fff;color:var(--ink)}.header-bar{border-bottom:1px solid var(--line)}.header-inner{height:100px;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;margin-right:auto}.brand-mark{display:none}.brand-text strong,.brand-text small{display:block}.brand-text strong{font-family:"Noto Serif JP","Yu Mincho",serif;font-size:23px;font-weight:600;letter-spacing:.07em}.brand-text small{color:var(--muted);font-size:9px;letter-spacing:.1em}.main-nav{display:flex;align-items:center;gap:24px;font-size:12px;font-weight:600}.main-nav a{padding:38px 0 34px;border-bottom:3px solid transparent}.main-nav a:hover{border-color:var(--green)}.header-contact{display:flex;align-items:center;gap:18px}.header-tel small,.header-tel strong{display:block}.header-tel small{color:var(--muted);font-size:9px}.header-tel strong{font-family:Georgia,serif;font-size:19px}.header-cta{display:grid;height:100px;padding:0 24px;place-items:center;background:var(--deep);color:#fff;font-size:12px;font-weight:700}.menu-toggle{display:none;border:0;background:none;color:var(--ink);font-size:13px}.hero{min-height:0;padding:0;background:#fff;color:var(--ink);overflow:hidden}.hero:before,.hero:after{display:none}.hero .wrap{width:100%;max-width:none}.hero-grid{position:relative;min-height:650px;display:grid;grid-template-columns:42% 58%;align-items:center;gap:0}.hero-grid:after{content:"";grid-column:2;grid-row:1;align-self:stretch;background:url('assets/images/hero-auto-recycling.png') center/cover no-repeat;animation:heroImage 1.5s cubic-bezier(.2,.7,.2,1) both}.hero-grid>div{position:relative;z-index:2;grid-column:1;grid-row:1;padding:70px max(40px,calc((100vw - var(--max))/2));padding-right:55px}.hero-kicker{display:block;margin-bottom:25px;padding:0;border:0;background:none;color:var(--deep);font-size:12px;letter-spacing:.1em}.hero-kicker i{display:none}.hero h1{font-size:clamp(45px,5vw,72px)}.hero h1 em{display:block;color:inherit;font-style:normal}.hero h1 em:after{content:"";display:block;width:42px;height:1px;margin-top:22px;background:#a88c3b}.hero-copy{max-width:520px;margin:28px 0 36px;color:#4f554e;font-size:14px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-proof{display:none}@keyframes heroImage{from{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.quick-bar{margin:0;border-bottom:1px solid var(--line)}.quick-inner{display:grid;grid-template-columns:1fr repeat(3,1fr);width:min(var(--max),calc(100% - 64px));overflow:visible;border-radius:0;background:#fff;box-shadow:none}.quick-intro{padding:30px 25px;border-right:1px solid var(--line);background:#fff;color:var(--ink)}.quick-intro strong,.quick-intro span{display:block}.quick-intro strong{font-family:"Noto Serif JP","Yu Mincho",serif;font-size:18px;font-weight:500}.quick-intro span{color:var(--muted);font-size:10px}.quick-link{display:flex;align-items:center;padding:25px;border-right:1px solid var(--line);transition:.3s}.quick-link:hover{background:var(--pale)}.quick-icon{display:none}.quick-link strong,.quick-link small{display:block}.quick-link strong{font-family:"Noto Serif JP","Yu Mincho",serif;font-size:17px;font-weight:500}.quick-link small{color:var(--muted);font-size:10px}.problem{background:#fff}.problem-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:start}.problem-cards{display:block;border-top:1px solid var(--line)}.problem-card{display:grid;grid-template-columns:78px 1fr;gap:4px 24px;padding:27px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:#fff}.problem-card:first-child,.problem-card:nth-child(4){margin:0}.problem-card b{grid-row:1/3;display:block;width:auto;height:auto;margin:0;background:none;color:var(--green);font-family:Georgia,serif;font-size:40px;font-weight:400}.problem-card h3{margin:4px 0;font-family:"Noto Serif JP","Yu Mincho",serif;font-size:21px;font-weight:500}.problem-card p{margin:0;color:var(--muted);font-size:13px}.services{background:var(--cream)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:55px}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid #cdd3c8;border-bottom:1px solid #cdd3c8}.service-card{position:relative;min-height:330px;padding:36px;display:flex;flex-direction:column;justify-content:flex-end;border-right:1px solid #cdd3c8;border-radius:0;background:transparent!important;color:var(--ink);overflow:hidden}.service-card:last-child{border-right:0}.service-card:before{display:none}.service-no{position:relative;margin-bottom:auto;color:var(--deep);font-family:Georgia,serif;font-size:11px;letter-spacing:.15em}.service-card h3{position:relative;margin:0;font-family:"Noto Serif JP","Yu Mincho",serif;font-size:27px;font-weight:500}.service-card p{position:relative;margin:14px 0 22px;color:var(--muted);font-size:13px}.service-more{position:relative;font-size:12px;font-weight:700}.results{background:#fff;color:var(--ink)}.results .section-lead{color:var(--muted)}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:45px;border-top:1px solid var(--line)}.result-card{padding:30px 28px;overflow:visible;border:0;border-right:1px solid var(--line);border-radius:0;background:#fff}.result-card:last-child{border-right:0}.car-visual{height:8px;margin-bottom:25px;background:var(--pale)}.car-visual:before,.car-visual:after{display:none}.result-info{padding:0}.result-tag{padding:0;background:none;color:var(--deep);font-size:11px;font-weight:700}.result-info h3{margin:10px 0 4px;font-family:"Noto Serif JP","Yu Mincho",serif;font-size:22px;font-weight:500}.result-meta{color:var(--muted);font-size:11px}.result-price{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}.result-price span{font-size:10px}.result-price strong{color:var(--red);font-family:Georgia,serif;font-size:25px}.why{background:var(--blue)}.why:after{display:none}.why-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.impact-panel{padding:55px;border-radius:0;background:#fff;color:var(--ink);box-shadow:none}.impact-panel strong{display:block;color:var(--green);font-family:Georgia,serif;font-size:82px;font-weight:400;line-height:1}.impact-panel h3{margin:20px 0 7px;font-family:"Noto Serif JP","Yu Mincho",serif;font-size:25px;font-weight:500}.impact-panel p{margin:0;color:var(--muted);font-size:13px}.impact-row{display:grid;grid-template-columns:repeat(2,1fr);gap:0;margin-top:28px;border-top:1px solid var(--line)}.impact-row div{padding:18px 0;border-radius:0;background:none}.impact-row div+div{padding-left:20px;border-left:1px solid var(--line)}.impact-row b{display:block;font-size:18px}.impact-row span{color:var(--muted);font-size:9px}.why-list{margin-top:35px;border-top:1px solid #cad9dd}.why-item{display:grid;grid-template-columns:55px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid #cad9dd}.why-item b{display:block;width:auto;height:auto;background:none;color:var(--deep);font-family:Georgia,serif;font-size:25px;font-weight:400}.why-item h3{margin:0 0 3px;font-family:"Noto Serif JP","Yu Mincho",serif;font-size:18px;font-weight:500}.why-item p{margin:0;color:var(--muted);font-size:12px}.flow{background:#fff}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:50px;border-top:1px solid var(--line)}.step{position:relative;min-height:220px;padding:34px 30px;border-right:1px solid var(--line);border-radius:0;background:#fff}.step:last-child{border-right:0}.step:before{display:block;margin-bottom:30px;color:var(--green);font-family:Georgia,serif;font-size:28px}.step:after{display:none!important}.step h3{margin:0 0 10px;font-family:"Noto Serif JP","Yu Mincho",serif;font-size:18px;font-weight:500}.step p{margin:0;color:var(--muted);font-size:11px}.faq{background:var(--cream)}.faq-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:90px}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-question{width:100%;padding:25px 0;display:grid;grid-template-columns:35px 1fr 24px;gap:12px;align-items:center;border:0;background:none;text-align:left;color:var(--ink);font-weight:600;cursor:pointer}.faq-question b{color:var(--deep);font-family:Georgia,serif}.faq-question i{font-style:normal;font-size:20px;transition:.25s}.faq-answer{max-height:0;overflow:hidden;transition:max-height .5s}.faq-answer p{margin:0;padding:0 45px 24px;color:var(--muted);font-size:13px}.faq-item.open .faq-answer{max-height:180px}.faq-item.open .faq-question i{transform:rotate(45deg)}.cta{padding:0;background:var(--pale)}.cta-panel{padding:76px 0;border-radius:0;background:transparent;color:var(--ink)}.cta-panel:after{display:none}.cta-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:60px}.cta-panel h2{margin:0;font-family:"Noto Serif JP","Yu Mincho",serif;font-size:clamp(31px,4vw,48px);font-weight:500;line-height:1.5}.cta-panel p{margin:14px 0 0;color:var(--muted)}.cta-actions{display:flex;flex-direction:column;gap:14px}.cta-tel{text-align:center;color:var(--ink);font-family:Georgia,serif;font-size:19px}.site-footer{padding:70px 0 25px;background:#fff;color:var(--ink);border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:60px}.footer-brand p{max-width:380px;color:var(--muted);font-size:12px}.footer-col h3{margin:0 0 15px;color:var(--deep);font-family:Georgia,serif;font-size:10px;letter-spacing:.14em}.footer-col a,.footer-col span{display:block;margin:7px 0;color:var(--muted);font-size:12px}.copyright{margin-top:45px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#92978e;font-size:9px}.fixed-actions{display:none}.page-main{padding:100px 0}.article{max-width:820px}.article h1{font-family:"Noto Serif JP","Yu Mincho",serif;font-size:clamp(36px,5vw,60px);font-weight:500}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.reveal{opacity:0;transform:translateY(28px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
@media(max-width:1000px){.main-nav,.header-contact{display:none}.menu-toggle{display:block}.main-nav.open{position:fixed;inset:0;display:flex;flex-direction:column;justify-content:center;background:#fff;font-size:18px}.main-nav.open a{padding:12px}.menu-toggle{position:relative;z-index:22}.hero-grid{grid-template-columns:1fr;min-height:auto}.hero-grid:after{grid-column:1;grid-row:1;height:52vw;min-height:380px}.hero-grid>div{grid-column:1;grid-row:2;padding:55px 32px}.quick-inner{grid-template-columns:1fr 1fr}.quick-intro{grid-column:1/-1}.problem-grid,.why-grid,.faq-grid,.cta-grid{grid-template-columns:1fr}.services-grid,.result-grid{grid-template-columns:1fr}.service-card,.result-card{border-right:0;border-bottom:1px solid var(--line)}.steps{grid-template-columns:1fr 1fr}.step:nth-child(2){border-right:0}}
@media(max-width:640px){.wrap{width:calc(100% - 36px)}.section{padding:76px 0}.header-inner{height:74px}.brand-text strong{font-size:18px}.brand-text small{display:none}.hero-grid:after{height:70vw;min-height:280px}.hero-grid>div{padding:42px 18px}.hero h1{font-size:40px}.hero-actions .btn{width:100%}.quick-inner{width:100%;grid-template-columns:1fr}.quick-intro,.quick-link{padding:20px 18px;border-right:0;border-bottom:1px solid var(--line)}.problem-grid,.why-grid,.faq-grid{gap:45px}.problem-card{grid-template-columns:58px 1fr}.problem-card b{font-size:32px}.section-head{display:block}.service-card{min-height:260px;padding:28px 0}.result-card{padding:25px 0}.impact-panel{padding:35px 25px}.steps{grid-template-columns:1fr}.step{min-height:auto;border-right:0;border-bottom:1px solid var(--line)}.cta-panel{padding:55px 0}.footer-grid{grid-template-columns:1fr}.fixed-actions{position:fixed;z-index:30;right:0;bottom:0;left:0;display:grid;grid-template-columns:1fr 1fr;background:#fff;border-top:1px solid var(--line)}.fixed-actions a{padding:14px;text-align:center;font-size:12px;font-weight:700}.fixed-actions a:first-child{color:var(--deep)}.fixed-actions a:last-child{background:var(--green);color:#fff}.site-footer{padding-bottom:80px}.copyright{display:block}}