/*
Theme Name: WOC Main Astra Child
Theme URI: https://westonlineclinic.com/
Description: WEST ONLINE CLINIC本体用 Astra Child。オンライン診療ゲートウェイと47都道府県リンクブロックを搭載。
Author: WEST ONLINE CLINIC
Template: astra
Version: 1.1.1
Text Domain: woc-main
*/
:root{--woc-navy:#0b2746;--woc-navy2:#102f52;--woc-accent:#f36f5f;--woc-mint:#9ee2cf;--woc-paper:#f5f7f8;--woc-ink:#132536;--woc-muted:#637586;--woc-line:#dfe6eb;--woc-white:#fff;--woc-radius:22px;--woc-shadow:0 18px 55px rgba(12,37,63,.10)}
.woc-main-home .site-content>.ast-container{max-width:none;padding:0}.woc-main-home .site-content{padding:0}.woc-main{overflow:hidden;background:#fff;color:var(--woc-ink)}.woc-shell{width:min(1180px,calc(100% - 40px));margin:0 auto}.woc-section{padding:96px 0}.woc-section--paper{background:var(--woc-paper)}.woc-eyebrow{font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--woc-accent);margin-bottom:14px}.woc-section-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:80px;align-items:end;margin-bottom:50px}.woc-section-head h2{font-size:clamp(34px,4.8vw,62px);line-height:1.06;letter-spacing:-.04em;margin:0;color:var(--woc-ink)}.woc-section-head>p{font-size:16px;line-height:1.9;color:var(--woc-muted);margin:0}.woc-section-head--dark h2,.woc-section-head--dark>p{color:#fff}.woc-section-head--dark>p{opacity:.72}.woc-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:56px;padding:0 24px;border-radius:999px;text-decoration:none!important;font-weight:800;transition:.2s ease;border:1px solid transparent}.woc-btn:hover{transform:translateY(-2px)}.woc-btn--accent{background:var(--woc-accent);color:#fff!important}.woc-btn--light{background:#fff;color:var(--woc-navy)!important;border-color:rgba(255,255,255,.3)}.woc-btn--dark{background:var(--woc-navy);color:#fff!important}.woc-actions{display:flex;flex-wrap:wrap;gap:12px}
.woc-hero{position:relative;background:radial-gradient(circle at 82% 24%,rgba(69,135,196,.22),transparent 31%),linear-gradient(135deg,var(--woc-navy),#071c33 72%);color:#fff;padding:92px 0 84px}.woc-hero:before,.woc-pref-map:before{content:"";position:absolute;inset:0;opacity:.16;background-image:repeating-radial-gradient(ellipse at 72% 40%,transparent 0 27px,rgba(255,255,255,.15) 28px 29px,transparent 30px 48px);pointer-events:none}.woc-hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.woc-hero h1{font-size:clamp(54px,7vw,92px);line-height:.98;letter-spacing:-.055em;color:#fff;margin:0 0 28px}.woc-hero__lead{font-size:18px;line-height:1.9;color:#dbe7ef;max-width:650px;margin:0 0 34px}.woc-hero__note{display:inline-flex;margin-top:20px;padding:8px 12px;border:1px solid rgba(255,255,255,.19);border-radius:999px;font-size:12px;letter-spacing:.07em;color:#bfd0dd}.woc-hero__visual{min-height:460px;position:relative;display:grid;place-items:center}.woc-orbit{position:absolute;border:1px solid rgba(158,226,207,.25);border-radius:50%}.woc-orbit--1{width:410px;height:410px}.woc-orbit--2{width:300px;height:300px}.woc-phone{width:220px;height:390px;border-radius:34px;background:linear-gradient(160deg,rgba(255,255,255,.14),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.28);box-shadow:0 30px 90px rgba(0,0,0,.28);display:flex;flex-direction:column;justify-content:center;padding:34px;color:#fff;backdrop-filter:blur(6px);transform:rotate(5deg)}.woc-phone__bar{position:absolute;top:16px;left:50%;transform:translateX(-50%);width:58px;height:5px;background:rgba(255,255,255,.35);border-radius:9px}.woc-phone strong{font-size:32px;line-height:1}.woc-phone span{font-size:19px;letter-spacing:.14em}.woc-phone i{margin-top:28px;font-style:normal;color:var(--woc-mint);font-weight:700}.woc-hero__status{position:absolute;left:10px;bottom:34px;background:#fff;color:var(--woc-navy);border-radius:14px;padding:14px 18px;box-shadow:var(--woc-shadow);display:flex;flex-direction:column}.woc-hero__status b{font-size:11px;color:var(--woc-accent);letter-spacing:.14em}.woc-hero__status span{font-size:13px;font-weight:700}
.woc-route-grid{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--woc-line);border-radius:var(--woc-radius);overflow:hidden;background:#fff;box-shadow:var(--woc-shadow)}.woc-route-grid a{min-height:270px;padding:28px 24px;text-decoration:none!important;color:var(--woc-ink)!important;border-right:1px solid var(--woc-line);display:flex;flex-direction:column;transition:.2s ease}.woc-route-grid a:last-child{border-right:0}.woc-route-grid a:hover{background:#f9fbfc;transform:translateY(-3px)}.woc-route-grid a>span{font-size:10px;font-weight:800;letter-spacing:.14em;color:var(--woc-accent)}.woc-route-grid h3{font-size:20px;margin:34px 0 12px}.woc-route-grid p{font-size:13px;line-height:1.7;color:var(--woc-muted);margin:0 0 24px}.woc-route-grid b{margin-top:auto;font-size:13px;color:var(--woc-navy)}
.woc-select-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.woc-select-grid a{position:relative;min-height:185px;padding:28px;border-radius:18px;background:var(--woc-navy);color:#fff!important;text-decoration:none!important;overflow:hidden;transition:.2s}.woc-select-grid a:after{content:"";position:absolute;right:-35px;bottom:-45px;width:130px;height:130px;border:1px solid rgba(255,255,255,.18);border-radius:50%}.woc-select-grid a:hover{transform:translateY(-4px);box-shadow:var(--woc-shadow)}.woc-select-grid small{font-size:10px;letter-spacing:.14em;color:var(--woc-mint)}.woc-select-grid h3{color:#fff;margin:32px 0 18px;font-size:24px}.woc-select-grid span{font-size:12px;font-weight:800}.woc-select-grid__cost{grid-column:span 3!important;min-height:140px!important;background:var(--woc-accent)!important}.woc-select-grid__cost small{color:#fff}
.woc-pref-map{position:relative;padding:92px 0 86px;background:radial-gradient(circle at 62% 33%,rgba(73,137,199,.18),transparent 26%),linear-gradient(135deg,#061a31 0%,var(--woc-navy) 52%,#071a30 100%);color:#fff;overflow:hidden}
.woc-pref-map:before{content:"";position:absolute;inset:0;opacity:.18;background-image:repeating-radial-gradient(ellipse at 63% 42%,transparent 0 35px,rgba(255,255,255,.13) 36px 37px,transparent 38px 67px);pointer-events:none}
.woc-pref-map:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to bottom,transparent,black 18%,black 82%,transparent)}
.woc-pref-map>.woc-shell{position:relative;z-index:1}
.woc-pref-map__stage{display:grid;grid-template-columns:minmax(270px,.9fr) minmax(360px,1.18fr) minmax(300px,.92fr);gap:24px;align-items:stretch}
.woc-pref-map__intro{display:flex;flex-direction:column;padding:20px 0 8px}
.woc-pill{display:inline-flex;align-self:flex-start;gap:8px;align-items:center;background:linear-gradient(135deg,var(--woc-accent),#ff8a78);color:#fff;padding:9px 15px;border-radius:999px;font-size:11px;letter-spacing:.12em;font-weight:800;box-shadow:0 8px 24px rgba(243,111,95,.22)}
.woc-pref-map h2{font-size:clamp(42px,5.2vw,68px);line-height:1.02;margin:20px 0 20px;color:#fff;letter-spacing:-.045em}
.woc-pref-map__lead{font-size:18px!important;font-weight:800;color:#fff!important;margin:0 0 16px!important;line-height:1.6!important}
.woc-pref-map__lead strong{font-size:31px;color:var(--woc-accent);margin-right:3px}
.woc-pref-map__intro>p:not(.woc-pref-map__lead){color:#cbd8e4;line-height:1.9;margin:0;max-width:460px;font-size:14px}
.woc-pref-map__features{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:auto;padding-top:32px}
.woc-pref-feature{min-width:0;border-top:1px solid rgba(255,255,255,.14);padding-top:16px}
.woc-pref-feature__icon{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 0 28px rgba(255,255,255,.035);color:var(--woc-accent);font-size:20px;margin-bottom:12px}
.woc-pref-feature b{display:block;color:#fff;font-size:12px;line-height:1.45;margin-bottom:6px}
.woc-pref-feature span{display:block;color:#9db0c1;font-size:10px;line-height:1.65}
.woc-japan{position:relative;min-height:620px;border:1px solid rgba(255,255,255,.12);border-radius:28px;background:radial-gradient(circle at 50% 42%,rgba(78,145,202,.14),transparent 42%),linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.025));display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;box-shadow:inset 0 1px rgba(255,255,255,.06),0 24px 70px rgba(0,0,0,.16);padding:26px 22px 22px}
.woc-japan:before,.woc-japan:after{content:"";position:absolute;border:1px dashed rgba(255,255,255,.15);border-radius:50%;pointer-events:none}
.woc-japan:before{width:470px;height:470px;left:50%;top:43%;transform:translate(-50%,-50%)}
.woc-japan:after{width:350px;height:350px;left:50%;top:43%;transform:translate(-50%,-50%)}
.woc-japan__halo{position:absolute;z-index:0;width:330px;height:500px;top:28px;left:50%;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(129,196,228,.15),transparent 68%);filter:blur(8px);pointer-events:none}
.woc-japan__spark{position:absolute;width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 15px 4px rgba(161,207,255,.65);opacity:.75}
.woc-japan__spark--1{top:8%;right:19%}.woc-japan__spark--2{bottom:18%;left:16%}.woc-japan__spark--3{top:36%;left:9%}
.woc-japan__accurate-map{position:relative;z-index:2;width:auto;max-width:82%;height:min(500px,72vh);object-fit:contain;display:block;filter:drop-shadow(0 20px 24px rgba(0,0,0,.30));transition:transform .25s ease,filter .25s ease}
.woc-japan:hover .woc-japan__accurate-map{transform:translateY(-2px);filter:drop-shadow(0 24px 28px rgba(0,0,0,.34))}
.woc-japan__region-jumps{position:relative;z-index:3;width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:12px}
.woc-japan__region-jumps a{display:flex;align-items:center;justify-content:space-between;gap:7px;min-width:0;padding:8px 10px;border:1px solid rgba(255,255,255,.15);border-radius:10px;background:rgba(255,255,255,.065);color:#dbe8f2!important;text-decoration:none!important;font-size:10px;font-weight:800;white-space:nowrap;transition:.18s ease}
.woc-japan__region-jumps a span{color:var(--woc-accent);font-size:15px;line-height:1}
.woc-japan__region-jumps a:hover,.woc-japan__region-jumps a:focus{background:#fff;color:var(--woc-navy)!important;transform:translateY(-1px);outline:none}
.woc-pref-map__side{display:grid;gap:12px;align-content:start}
.woc-pref-map__bottom{display:grid;grid-template-columns:1.12fr 1fr 1fr .8fr 1.25fr;gap:12px;margin-top:14px}
.woc-pref-region{padding:17px 17px 18px;border:1px solid rgba(255,255,255,.15);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.035));backdrop-filter:blur(8px);box-shadow:inset 0 1px rgba(255,255,255,.045);transition:.25s}
.woc-pref-region.is-highlight{box-shadow:0 0 0 2px var(--woc-accent),0 18px 40px rgba(0,0,0,.22);background:rgba(255,255,255,.10)}
.woc-pref-region header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(255,255,255,.14);padding-bottom:11px;margin-bottom:12px}
.woc-pref-region header span{font-size:8px;letter-spacing:.15em;color:var(--woc-mint);font-weight:800}.woc-pref-region h3{margin:3px 0 0;color:#fff;font-size:18px}.woc-pref-region header small{font-size:8px;letter-spacing:.1em;color:#8299ad}
.woc-pref-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.woc-pref-region--kanto .woc-pref-links{grid-template-columns:repeat(3,minmax(0,1fr))}.woc-pref-map__bottom .woc-pref-links{grid-template-columns:repeat(2,minmax(0,1fr))}.woc-pref-region--kyushu .woc-pref-links{grid-template-columns:repeat(2,minmax(0,1fr))}
.woc-pref-links a{display:flex;align-items:center;gap:7px;justify-content:space-between;min-width:0;background:linear-gradient(180deg,#fff,#edf3f7);color:var(--woc-navy)!important;text-decoration:none!important;border-radius:9px;padding:8px 9px;font-size:11px;font-weight:800;box-shadow:0 4px 12px rgba(0,0,0,.08);transition:.16s;border:1px solid rgba(255,255,255,.6);white-space:nowrap}.woc-pref-links a:hover,.woc-pref-links a:focus{background:var(--woc-mint);transform:translateY(-1px);outline:none;box-shadow:0 7px 18px rgba(0,0,0,.13)}.woc-pref-links a span{font-size:16px;line-height:1;color:#748ca0}
.woc-pref-map__foot{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:24px;color:#aebdcc;font-size:12px;text-align:center}.woc-pref-map__foot:before,.woc-pref-map__foot:after{content:"";height:1px;width:min(160px,12vw);background:linear-gradient(90deg,transparent,rgba(255,255,255,.22))}.woc-pref-map__foot:after{transform:scaleX(-1)}
.woc-flow-section{padding:96px 0;background:var(--woc-navy);color:#fff}.woc-flow-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2)}.woc-flow-grid article{padding:34px 28px;border-right:1px solid rgba(255,255,255,.16)}.woc-flow-grid article:last-child{border-right:0}.woc-flow-grid b{font-size:13px;letter-spacing:.15em;color:var(--woc-mint)}.woc-flow-grid h3{color:#fff;font-size:23px;margin:45px 0 15px}.woc-flow-grid p{color:#c6d4df;font-size:13px;line-height:1.8}.woc-safety-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.woc-safety-grid article{background:#fff;border-radius:18px;padding:30px;border:1px solid var(--woc-line)}.woc-safety-grid span{font-size:10px;letter-spacing:.15em;color:var(--woc-accent);font-weight:800}.woc-safety-grid h3{font-size:22px;margin:28px 0 10px}.woc-safety-grid p{color:var(--woc-muted);line-height:1.8;font-size:14px}.woc-operator{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;border-top:1px solid var(--woc-line);margin-top:30px;padding-top:24px}.woc-operator span{color:var(--woc-muted)}.woc-operator a{font-weight:800;text-decoration:none!important}.woc-support{padding:82px 0;background:#dbeee9}.woc-support__grid{display:grid;grid-template-columns:1fr auto;gap:50px;align-items:center}.woc-support h2,.woc-start h2{font-size:clamp(38px,5vw,66px);line-height:1.05;letter-spacing:-.05em;margin:0 0 20px}.woc-support p{max-width:650px;color:#47615d}.woc-start{padding:70px 0 95px;background:#fff}.woc-start__inner{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:end;border-radius:28px;background:linear-gradient(135deg,#f2f5f6,#fff);padding:58px;border:1px solid var(--woc-line)}.woc-start__inner .woc-actions{justify-content:flex-end}
@media(max-width:980px){.woc-hero__grid{grid-template-columns:1fr}.woc-hero__visual{min-height:340px}.woc-route-grid{grid-template-columns:repeat(2,1fr)}.woc-route-grid a{border-bottom:1px solid var(--woc-line)}.woc-select-grid{grid-template-columns:repeat(2,1fr)}.woc-select-grid__cost{grid-column:span 2!important}.woc-pref-map__body{grid-template-columns:1fr}.woc-japan{position:relative;top:auto;min-height:440px}.woc-japan__accurate-map{height:390px;max-width:78%}.woc-pref-regions{grid-template-columns:repeat(2,1fr)}.woc-flow-grid{grid-template-columns:repeat(2,1fr)}.woc-section-head,.woc-pref-map__intro,.woc-start__inner{grid-template-columns:1fr;gap:30px}.woc-start__inner .woc-actions{justify-content:flex-start}}
@media(max-width:640px){.woc-shell{width:min(100% - 24px,1180px)}.woc-section,.woc-flow-section,.woc-pref-map{padding:68px 0}.woc-hero{padding:64px 0}.woc-hero h1{font-size:52px}.woc-hero__visual{display:none}.woc-btn{width:100%}.woc-route-grid,.woc-select-grid,.woc-pref-regions,.woc-flow-grid,.woc-safety-grid{grid-template-columns:1fr}.woc-route-grid a{border-right:0}.woc-select-grid__cost{grid-column:auto!important}.woc-japan{min-height:360px}.woc-japan__accurate-map{height:330px;max-width:76%}.woc-pref-map__intro{margin-bottom:28px}.woc-pref-region{padding:16px}.woc-pref-links a{flex:1 0 calc(33.333% - 7px);min-width:0}.woc-flow-grid article{border-right:0;border-bottom:1px solid rgba(255,255,255,.16)}.woc-operator{grid-template-columns:1fr}.woc-support__grid{grid-template-columns:1fr}.woc-start__inner{padding:30px 22px}}

@media(max-width:1100px){.woc-pref-map__stage{grid-template-columns:1fr 1.15fr}.woc-pref-map__side{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.woc-pref-map__bottom{grid-template-columns:repeat(3,1fr)}.woc-pref-map__bottom .woc-pref-region:nth-child(4),.woc-pref-map__bottom .woc-pref-region:nth-child(5){grid-column:span 1}.woc-pref-region--kanto .woc-pref-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.woc-pref-map{padding:70px 0}.woc-pref-map__stage{grid-template-columns:1fr}.woc-pref-map__intro{padding:0}.woc-pref-map h2{font-size:clamp(38px,12vw,56px)}.woc-pref-map__features{margin-top:8px}.woc-japan{min-height:540px}.woc-japan__accurate-map{height:390px;max-width:72%}.woc-japan__region-jumps{grid-template-columns:repeat(4,minmax(0,1fr))}.woc-pref-map__side,.woc-pref-map__bottom{grid-template-columns:1fr 1fr}.woc-pref-map__bottom{margin-top:12px}.woc-pref-map__bottom .woc-pref-region:nth-child(5){grid-column:1/-1}.woc-pref-region--kanto{grid-column:1/-1}.woc-pref-links,.woc-pref-region--kanto .woc-pref-links,.woc-pref-map__bottom .woc-pref-links{grid-template-columns:repeat(2,minmax(0,1fr))}.woc-pref-map__foot:before,.woc-pref-map__foot:after{display:none}}
@media(max-width:500px){.woc-pref-map__features{grid-template-columns:1fr}.woc-pref-feature{display:grid;grid-template-columns:44px 1fr;column-gap:12px;align-items:center}.woc-pref-feature__icon{grid-row:1/3;margin:0}.woc-pref-feature span{grid-column:2}.woc-japan{min-height:510px;border-radius:22px;padding:20px 14px 16px}.woc-japan__accurate-map{height:360px;max-width:74%}.woc-japan__region-jumps{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.woc-japan__region-jumps a{font-size:10px;padding:7px 9px}.woc-pref-map__side,.woc-pref-map__bottom{grid-template-columns:1fr}.woc-pref-region--kanto,.woc-pref-map__bottom .woc-pref-region:nth-child(5){grid-column:auto}.woc-pref-links,.woc-pref-region--kanto .woc-pref-links,.woc-pref-map__bottom .woc-pref-links{grid-template-columns:repeat(2,minmax(0,1fr))}}