*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#fff}
h1,h2,h3{margin:0;text-wrap:balance}
p{margin:0}
button{font-family:inherit;cursor:pointer}
a{color:inherit}
.sec{position:relative}
.pin{display:none!important}
.site{overflow:clip}
/* ══ サイト（ライト固定） ══ */
.site{--blue:#0A5BE0;--sky:#36B4FF;--ice:#EAF4FF;--ice2:#F5F9FF;--navy:#0A1F44;--ink:#0F1B2E;--sub:#66748A;--line:#E1E8F2;--mill:#8E3F8C;--lemon:#FFE45C;
 background:#fff;color:var(--ink);font-family:"Zen Kaku Gothic New","Hiragino Sans",sans-serif;font-size:15px;line-height:1.6;color-scheme:light;overflow:hidden}
.site .in{max-width:1080px;margin:0 auto;padding-inline:32px}
@media (max-width:560px){.site .in{padding-inline:18px}}
.site .num{font-family:"Outfit",sans-serif;font-variant-numeric:tabular-nums}
.site .big{font-weight:900;letter-spacing:-.01em;line-height:1.18;word-break:keep-all;overflow-wrap:anywhere}
.site .pill{display:inline-flex;align-items:center;gap:12px;background:var(--blue);color:#fff;border:0;border-radius:999px;padding:18px 30px;font-weight:900;font-size:17px;text-decoration:none;box-shadow:0 12px 28px rgba(10,91,224,.3);transition:transform .15s}
.site .pill:hover{transform:translateY(-2px)}
.site .pill .ar{font-family:"Outfit",sans-serif;font-size:20px;line-height:1}
.site .pill.w{background:#fff;color:var(--blue);box-shadow:0 12px 28px rgba(0,0,0,.18)}
.site .pill.m{background:var(--mill);box-shadow:0 12px 28px rgba(142,63,140,.28)}
.site .tiny{font-size:12.5px;color:var(--sub);font-weight:700}
/* header */
.site .hd{position:relative;z-index:2}
.site .hd .in{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:18px}
.site .hd.p .in{padding-left:60px}
.site .logo{display:flex;flex-direction:column;gap:5px;text-decoration:none}
.site .logo svg{height:24px;width:auto;display:block}
.site .pw{display:flex;align-items:center;gap:6px;font:700 8.5px "Outfit",sans-serif;letter-spacing:.16em;color:var(--sub)}
.site .pw img{height:8px;width:auto;display:block}
.site .hd .go{background:var(--ink);color:#fff;border-radius:999px;padding:9px 18px;font-weight:900;font-size:13px;text-decoration:none}
/* phone */
.site .phone{width:270px;max-width:100%;aspect-ratio:9/18.5;border-radius:42px;background:#0F1B2E;padding:10px;box-shadow:0 30px 60px rgba(10,31,68,.28)}
.site .phone .scr{height:100%;border-radius:33px;background:#fff;overflow:hidden;display:flex;flex-direction:column;padding:34px 16px 16px;position:relative}
.site .phone .scr::before{content:"";position:absolute;top:10px;left:50%;transform:translateX(-50%);width:76px;height:20px;border-radius:12px;background:#0F1B2E}
.site .phone .dots{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin:6px 0 16px}
.site .phone .dots i{height:4px;border-radius:2px;background:var(--line)}
.site .phone .dots i.f{background:var(--blue)}
.site .phone .qn{font:800 12px "Outfit",sans-serif;color:var(--blue)}
.site .phone .qt{font-size:19px;font-weight:900;line-height:1.3;margin:4px 0 14px}
.site .phone .tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.site .phone .tiles span{border:1.5px solid var(--line);border-radius:14px;padding:14px 10px;font-size:12.5px;font-weight:900;line-height:1.3;min-height:62px;display:flex;align-items:flex-end}
.site .phone .tiles span.on{border-color:var(--blue);background:var(--ice);color:var(--blue)}
.site .phone .res{background:linear-gradient(140deg,#0A5BE0,#36B4FF);color:#fff;border-radius:18px;padding:16px 14px}
.site .phone .res small{font-size:10.5px;font-weight:700;opacity:.85}
.site .phone .res b{display:block;font-size:20px;font-weight:900;line-height:1.25;margin-top:4px}
.site .phone .row{display:flex;justify-content:space-between;align-items:center;border:1.5px solid var(--line);border-radius:14px;padding:12px;margin-top:8px;font-size:12.5px;font-weight:900}
.site .phone .row em{font-style:normal;font-size:10.5px;color:var(--blue);background:var(--ice);border-radius:999px;padding:3px 8px}
.site .phone .office{border-radius:14px;height:86px;background:linear-gradient(135deg,#E9DDEC,#F7EFF8);display:flex;align-items:flex-end;padding:10px;font-size:12px;font-weight:900;color:var(--mill);margin-top:8px}
.site .phone .cta{margin-top:auto;background:var(--blue);color:#fff;text-align:center;border-radius:999px;padding:12px;font-size:13px;font-weight:900}
.site .phone .cta.m{background:var(--mill)}

/* hero */
.site .hero{position:relative;padding-block:30px 80px;background:radial-gradient(60% 70% at 85% 35%,#CFE6FF 0%,rgba(207,230,255,0) 70%),radial-gradient(40% 50% at 70% 85%,#E3F3FF 0%,rgba(227,243,255,0) 70%),#fff}
.site .hero .grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:30px;align-items:center}
@media (max-width:820px){.site .hero .grid{grid-template-columns:1fr;justify-items:start}}
.site .hero h2{font-size:clamp(44px,7vw,84px)}
.site .hero h2 em{font-style:normal;background:linear-gradient(90deg,#0A5BE0,#36B4FF);-webkit-background-clip:text;background-clip:text;color:transparent}
.site .hero .one{font-size:clamp(18px,2.2vw,24px);font-weight:900;margin-top:22px}
.site .hero .acts{margin-top:30px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.site .hero .ph{justify-self:center}
/* maze */
.site .maze{background:var(--navy);color:#fff;padding-block:90px;text-align:center}
.site .maze h2{font-size:clamp(30px,4.6vw,54px)}
.site .maze .tags{margin:40px auto 0;display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:820px}
.site .maze .tags span{background:rgba(255,255,255,.08);border:1.5px solid rgba(255,255,255,.22);border-radius:999px;padding:14px 22px;font-size:clamp(15px,1.8vw,19px);font-weight:900}
.site .maze .tags span small{font-size:12px;font-weight:700;opacity:.6;margin-left:8px}
.site .maze .ans{margin-top:48px;font-size:clamp(26px,3.8vw,44px)}
.site .maze .ans em{font-style:normal;color:var(--sky)}
/* steps */
.site .steps{padding-block:96px 90px}
.site .steps h2{font-size:clamp(30px,4.4vw,50px);text-align:center}
.site .steps .row3{margin-top:56px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;justify-items:center}
@media (max-width:820px){.site .steps .row3{grid-template-columns:1fr;gap:48px}}
.site .steps .s{display:flex;flex-direction:column;align-items:center;gap:20px}
.site .steps .s .k{font:900 64px/1 "Outfit",sans-serif;background:linear-gradient(180deg,#0A5BE0,#36B4FF);-webkit-background-clip:text;background-clip:text;color:transparent}
.site .steps .s b{font-size:22px;font-weight:900;text-align:center;line-height:1.35}
.site .steps .phone{width:220px}
.site .steps .phone .qt{font-size:16px}
.site .steps .phone .res b{font-size:17px}
/* proof */
.site .proof{background:var(--ice);padding-block:80px}
.site .proof .g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
@media (max-width:720px){.site .proof .g{grid-template-columns:1fr}}
.site .proof .c{background:#fff;border-radius:28px;padding:30px 28px}
.site .proof .v{font:900 clamp(56px,7vw,84px)/1 "Outfit",sans-serif;color:var(--blue);letter-spacing:-.02em}
.site .proof .v small{font-size:.38em;font-family:"Zen Kaku Gothic New",sans-serif;font-weight:900;margin-left:4px;color:var(--ink)}
.site .proof .l{margin-top:12px;font-size:18px;font-weight:900}
.site .proof .by{margin-top:26px;display:flex;justify-content:center;align-items:center;gap:10px;font-weight:900;font-size:15px}
.site .proof .by img{height:16px;width:auto}
/* size */
.site .size{padding-block:96px}
.site .size h2{font-size:clamp(30px,4.4vw,50px)}
.site .size .bub{margin-top:44px;display:flex;flex-wrap:wrap;gap:16px}
.site .size .bub a{width:148px;height:148px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;background:#F6EEF7;color:var(--mill);transition:transform .15s}
.site .size .bub a:hover{transform:scale(1.04)}
.site .size .bub a:nth-child(2){width:168px;height:168px}
.site .size .bub a:nth-child(3){width:188px;height:188px}
.site .size .bub a:nth-child(4){width:208px;height:208px}
.site .size .bub b{font:900 40px/1 "Outfit",sans-serif}
.site .size .bub span{font-size:14px;font-weight:900;margin-top:4px}
@media (max-width:560px){.site .size .bub a,.site .size .bub a:nth-child(n){width:132px;height:132px}.site .size .bub b{font-size:32px}}
.site .size .to{margin-top:28px;display:flex;align-items:center;gap:10px;font-weight:900}
.site .size .to img{height:14px;width:auto}
/* guides */
.site .gd{padding-block:20px 100px}
.site .gd h2{font-size:clamp(28px,3.8vw,42px)}
.site .gd .cards{margin-top:34px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
@media (max-width:860px){.site .gd .cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
.site .gd .card{border-radius:28px;padding:26px 22px;min-height:230px;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;color:#fff}
.site .gd .card:nth-child(1){background:linear-gradient(150deg,#0A5BE0,#2E86FF)}
.site .gd .card:nth-child(2){background:linear-gradient(150deg,#1474F0,#36B4FF)}
.site .gd .card:nth-child(3){background:linear-gradient(150deg,#0A1F44,#1D3E7A)}
.site .gd .card:nth-child(4){background:linear-gradient(150deg,#36B4FF,#7FD3FF);color:var(--navy)}
.site .gd .card .w{font-size:clamp(34px,4vw,46px);font-weight:900;line-height:1}
.site .gd .card .s{font-size:12px;font-weight:700;opacity:.8}
.site .gd .card b{font-size:15px;font-weight:900;line-height:1.45}
/* end */
.site .end{background:linear-gradient(120deg,#0A4FD6,#36B4FF);color:#fff;padding-block:90px;text-align:center}
.site .end h2{font-size:clamp(34px,5vw,60px)}
.site .end .pill{margin-top:34px}
.site .ft{padding-block:22px;border-top:1px solid var(--line)}
.site .ft .in{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;font-size:12px;color:var(--sub);font-weight:700}
.site .ft svg{height:16px;width:auto;display:block}

/* ══ 診断 ══ */
.site .dg{min-height:720px;background:radial-gradient(70% 60% at 50% 0%,#D9ECFF 0%,rgba(217,236,255,0) 70%),#fff;padding-block:24px 70px}
.site .dg .box{max-width:640px;margin:0 auto}
.site .dg .bar5{display:grid;grid-template-columns:repeat(10,1fr);gap:6px;margin:20px 0 40px}
.site .dg .bar5 i{height:8px;border-radius:4px;background:#DCE6F3}
.site .dg .bar5 i.f{background:linear-gradient(90deg,#0A5BE0,#36B4FF)}
.site .dg .qn{font:900 20px "Outfit",sans-serif;color:var(--blue)}
.site .dg .qn small{color:var(--sub);font-size:14px}
.site .dg .q{font-size:clamp(30px,4.4vw,44px);margin-top:8px}
.site .dg .tiles{margin-top:34px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.site .dg .t{background:#fff;border:2px solid var(--line);border-radius:22px;padding:22px 20px;min-height:104px;text-align:left;font-size:19px;font-weight:900;line-height:1.3;color:var(--ink);display:flex;align-items:flex-end;justify-content:space-between;gap:10px;transition:transform .12s,border-color .12s,box-shadow .12s}
.site .dg .t:hover{border-color:var(--blue);transform:translateY(-2px);box-shadow:0 10px 24px rgba(10,91,224,.12)}
.site .dg .t.on{border-color:var(--blue);background:var(--ice);color:var(--blue)}
.site .dg .t .ck{flex:none;width:26px;height:26px;border-radius:50%;border:2px solid var(--line);display:grid;place-items:center;font:900 14px/1 "Outfit",sans-serif;color:transparent}
.site .dg .t.on .ck{background:var(--blue);border-color:var(--blue);color:#fff}
.site .dg .t.o{color:var(--sub);border-style:dashed}
@media (max-width:520px){.site .dg .t{font-size:16px;min-height:88px;padding:18px 16px}}
.site .dg .nav2{margin-top:30px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.site .dg .back{background:none;border:0;color:var(--sub);font-size:14px;font-weight:900;padding:8px 0}
.site .dg .back[disabled]{opacity:.3;cursor:default}
.site .dg .pill[aria-disabled="true"]{opacity:.35;box-shadow:none}

/* ══ 結果 ══ */
.site .rs{padding-block:24px 40px;background:radial-gradient(70% 60% at 50% 0%,#D9ECFF 0%,rgba(217,236,255,0) 70%),#fff}
.site .rs .hero2{background:linear-gradient(135deg,#0A4FD6,#36B4FF);color:#fff;border-radius:32px;padding:40px 36px;position:relative;overflow:hidden}
.site .rs .hero2 small{font-size:15px;font-weight:900;opacity:.85}
.site .rs .hero2 h2{font-size:clamp(36px,5.6vw,64px);margin-top:8px}
.site .rs .hero2 .chips{margin-top:22px;display:flex;flex-wrap:wrap;gap:8px}
.site .rs .hero2 .chips span{background:rgba(255,255,255,.18);border-radius:999px;padding:7px 14px;font-size:13px;font-weight:900}
.site .rs .hero2 .chips span.y{background:var(--lemon);color:var(--navy)}
.site .rs .sample{display:inline-block;margin-bottom:12px;font-size:12px;font-weight:900;color:var(--blue);background:#fff;border:1.5px solid #C9DCF7;border-radius:999px;padding:4px 12px}
.site .stp{padding-block:56px 30px}
.site .stp h3,.site .pt h3,.site .same h3{font-size:clamp(24px,3vw,32px);font-weight:900}
.site .stp .line{margin-top:34px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));position:relative}
.site .stp .line::before{content:"";position:absolute;left:8%;right:8%;top:23px;height:4px;border-radius:2px;background:var(--line)}
.site .stp .d{display:flex;flex-direction:column;align-items:center;gap:10px;position:relative;text-align:center}
.site .stp .d i{width:50px;height:50px;border-radius:50%;background:#fff;border:3px solid var(--line);display:grid;place-items:center;font:900 18px "Outfit",sans-serif;font-style:normal;color:var(--sub)}
.site .stp .d b{font-size:15px;font-weight:900;line-height:1.3}
.site .stp .d.on i{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 0 0 8px rgba(10,91,224,.15)}
.site .stp .d.on b{color:var(--blue)}
.site .stp .d.past{opacity:.4}
.site .stp .d.now::after{content:"いまここ";position:absolute;top:-30px;font-size:11px;font-weight:900;color:#fff;background:var(--ink);border-radius:999px;padding:3px 9px}
@media (max-width:620px){.site .stp .line{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:40px}.site .stp .line::before{display:none}}
.site .pt{padding-block:30px}
.site .pt .sc{margin-top:26px;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,1fr);gap:16px;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x mandatory}
.site .pt .p{scroll-snap-align:start;border:2px solid var(--line);border-radius:26px;padding:24px 22px;display:flex;flex-direction:column;gap:14px;background:#fff}
.site .pt .p .g{font-size:12px;font-weight:900;color:var(--blue)}
.site .pt .p b{font-size:22px;font-weight:900;line-height:1.3}
.site .pt .p .tg{display:flex;flex-wrap:wrap;gap:6px}
.site .pt .p .tg span{background:var(--ice2);border:1px solid var(--line);border-radius:999px;padding:5px 12px;font-size:12.5px;font-weight:900}
.site .pt .p a{margin-top:auto;font-size:13px;font-weight:900;color:var(--mill);text-decoration:none}
.site .pt .eg{margin-top:6px;font-size:11.5px;color:var(--sub);font-weight:700}
.site .alt{padding-block:16px}
.site .alt .b{border:2px dashed #A9C6EE;border-radius:24px;padding:22px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.site .alt b{font-size:20px;font-weight:900}
.site .alt a{font-weight:900;color:var(--blue);text-decoration:none}
.site .same{padding-block:30px 40px}
.site .same .b{background:linear-gradient(135deg,#F3E6F4,#FBF6FB);border-radius:32px;padding:36px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.site .same h3{color:var(--mill)}
.site .same .k{font:900 clamp(48px,6vw,72px)/1 "Outfit",sans-serif;color:var(--mill)}
.site .same .k small{font-size:.4em;font-family:"Zen Kaku Gothic New",sans-serif;margin-left:4px}
.site .send{position:sticky;bottom:0;z-index:4;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-top:1px solid var(--line);padding-block:14px}
.site .send .in{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.site .send b{font-size:18px;font-weight:900}
.site .send .pill{padding:15px 26px;font-size:16px}

/* ══ 記事の設計 ══ */
.site .seo{padding-block:30px 90px}
.site .seo h2{font-size:clamp(30px,4.4vw,48px)}
.site .flow{margin-top:36px;display:flex;align-items:stretch;gap:10px;flex-wrap:wrap}
.site .flow .f{flex:1 1 150px;border-radius:24px;padding:22px 20px;background:var(--ice);display:flex;flex-direction:column;justify-content:space-between;min-height:130px}
.site .flow .f .k{font:900 13px "Outfit",sans-serif;color:var(--blue)}
.site .flow .f b{font-size:22px;font-weight:900;line-height:1.3}
.site .flow .f.dark{background:var(--navy);color:#fff}
.site .flow .f.dark .k{color:var(--sky)}
.site .flow .f.mm{background:#F6EEF7;color:var(--mill)}
.site .flow .f.mm .k{color:var(--mill)}
.site .flow .ar{align-self:center;font:900 24px "Outfit",sans-serif;color:var(--sky)}
@media (max-width:720px){.site .flow .ar{display:none}}
.site .kw{margin-top:64px}
.site .kw .g{margin-top:24px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
@media (max-width:720px){.site .kw .g{grid-template-columns:repeat(2,minmax(0,1fr))}}
.site .kw .g button{border:2px solid var(--line);background:#fff;border-radius:26px;padding:22px 18px;text-align:left;display:flex;flex-direction:column;gap:10px;color:var(--ink)}
.site .kw .g button .s{font-size:12px;font-weight:900;color:var(--sub)}
.site .kw .g button .w{font-size:clamp(30px,3.6vw,40px);font-weight:900;line-height:1}
.site .kw .g button .c{font:800 13px "Outfit",sans-serif;color:var(--blue)}
.site .kw .g button.on{background:var(--blue);border-color:var(--blue);color:#fff}
.site .kw .g button.on .s,.site .kw .g button.on .c{color:#CFE3FF}
.site .kw .list{margin-top:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
@media (max-width:820px){.site .kw .list{grid-template-columns:1fr}}
.site .kw .list div{border-radius:16px;background:var(--ice2);border:1px solid var(--line);padding:14px 16px;font-size:14px;font-weight:900;line-height:1.45}
.site .kw .list div.pl{grid-column:1/-1;background:var(--ice);border-color:#C9DCF7;font-size:18px;color:var(--blue)}
.site .kw .list div.pl small{display:block;font-size:11px;color:var(--sub);margin-bottom:2px}
.site .tpl{margin-top:64px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
@media (max-width:820px){.site .tpl{grid-template-columns:repeat(2,minmax(0,1fr))}}
.site .tpl div{border-radius:18px;background:#fff;border:2px solid var(--line);padding:16px 14px;min-height:110px;display:flex;flex-direction:column;justify-content:space-between}
.site .tpl div .k{font:900 22px "Outfit",sans-serif;color:var(--blue)}
.site .tpl div b{font-size:14px;font-weight:900;line-height:1.35}
.site .tpl div.m{border-color:#E7CFE8}
.site .tpl div.m .k{color:var(--mill)}
.site .tpl div.c{background:var(--blue);border-color:var(--blue);color:#fff}
.site .tpl div.c .k{color:#CFE3FF}
.site .vs{margin-top:64px}
.site .vs .unit{padding-left:52px;margin-top:6px;font-size:12.5px;color:var(--sub);font-weight:700}
.site .g4{margin-top:20px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.site .g6{margin-top:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media (max-width:720px){.site .g4,.site .g6{grid-template-columns:repeat(2,minmax(0,1fr))}}
.site .g4 .c{border-radius:24px;padding:20px 18px;background:#F2F4F8;display:flex;flex-direction:column;gap:6px}
.site .g4 .c .s{font-size:12px;font-weight:900;color:var(--sub)}
.site .g4 .c .w{font-size:clamp(26px,3vw,34px);font-weight:900;line-height:1;color:var(--sub)}
.site .g4 .c .n{font-size:clamp(30px,3.6vw,44px);font-weight:900;line-height:1;margin-top:8px;color:#9AA6B6}
.site .g4 .c.up{background:var(--ice)}
.site .g4 .c.up .w{color:var(--ink)}
.site .g4 .c.up .n{color:var(--blue)}
.site .sub2{margin-top:34px;font-size:20px;font-weight:900}
.site .g6 .c{border-radius:22px;padding:20px 18px;background:linear-gradient(150deg,#0A5BE0,#36B4FF);color:#fff;display:flex;flex-direction:column;gap:8px}
.site .g6 .c .n{font-size:clamp(32px,3.8vw,46px);font-weight:900;line-height:1}
.site .g6 .c .w2{font-size:14px;font-weight:900}
.site .rk{margin-top:64px}
.site .flt{margin-top:18px;display:flex;gap:8px;flex-wrap:wrap}
.site .flt button{border:2px solid var(--line);background:#fff;border-radius:999px;padding:8px 18px;font-size:14px;font-weight:900;color:var(--ink)}
.site .flt button.on{background:var(--ink);border-color:var(--ink);color:#fff}
.site .wv{margin-top:26px}
.site .wv h4{margin:0 0 6px;font-size:15px;font-weight:900;color:var(--blue)}
.site .ar2{display:grid;grid-template-columns:30px minmax(0,1.3fr) minmax(0,1fr) 56px 72px;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}
.site .ar2 .r{font-size:13px;font-weight:800;color:var(--sub)}
.site .ar2 .tt b{display:block;font-size:15px;font-weight:900;line-height:1.35}
.site .ar2 .tt small{display:block;font-size:11.5px;color:var(--sub);font-weight:700;line-height:1.4}
.site .ar2 .bw{height:10px;background:var(--ice2);border-radius:4px;overflow:hidden}
.site .ar2 .bw i{display:block;height:100%;background:var(--blue);border-radius:0 4px 4px 0}
.site .ar2 .v{text-align:right;font-size:15px;font-weight:800}
.site .ar2 .th{justify-self:start;font-size:11.5px;font-weight:900;color:var(--blue);background:var(--ice);border-radius:999px;padding:3px 10px;white-space:nowrap}
.site .ar2:hover{background:var(--ice2)}
@media (max-width:640px){.site .ar2{grid-template-columns:26px minmax(0,1fr) 48px}.site .ar2 .bw{grid-column:2/4;grid-row:2}.site .ar2 .th{display:none}}
.site .none{font-size:13px;color:var(--sub);padding:10px 0}
.site .src{margin-top:16px;font-size:11.5px;color:var(--sub);font-weight:700}
.site .art{padding-block:20px 80px}
.site .art .in{max-width:820px}
.site .ahd .crumb{font-size:12.5px;font-weight:900;color:var(--blue)}
.site .ahd h2{font-size:clamp(34px,5vw,56px);margin-top:10px}
.site .ahd .meta{margin-top:16px;display:flex;gap:8px;flex-wrap:wrap}
.site .ahd .meta span{font-size:12px;font-weight:900;background:var(--ice2);border:1px solid var(--line);border-radius:999px;padding:4px 12px;color:var(--sub)}
.site .sum{margin-top:36px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-top:44px}
@media (max-width:640px){.site .sum{grid-template-columns:1fr}}
.site .sum div{background:linear-gradient(150deg,#0A5BE0,#36B4FF);color:#fff;border-radius:22px;padding:20px 18px;display:flex;flex-direction:column;gap:8px}
.site .sum b{font-size:18px;font-weight:900;line-height:1.35}
.site .sum span{font-size:13px;font-weight:700;opacity:.9}
.site .where{margin-top:30px;padding-top:44px}
.site .where .lb{font-size:12.5px;font-weight:900;color:var(--sub)}
.site .where .pills{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap}
.site .where .pills span{border-radius:999px;padding:8px 16px;font-size:14px;font-weight:900;background:var(--ice);color:var(--blue)}
.site .where .pills .all{background:var(--ink);color:#fff}
.site .cl{margin-top:30px;padding-top:44px}
.site .cl .prog{position:sticky;top:0;z-index:3;background:rgba(255,255,255,.94);backdrop-filter:blur(6px);padding:12px 0;display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--line)}
.site .cl .prog b{font-size:32px;font-weight:900;color:var(--blue)}
.site .cl .prog span{font-weight:900;color:var(--sub)}
.site .cl .pb{flex:1;height:10px;border-radius:5px;background:var(--ice)}
.site .cl .pb i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#0A5BE0,#36B4FF);transition:width .2s}
.site .grp{margin-top:26px}
.site .grp h3{font-size:20px;font-weight:900;margin-bottom:8px}
.site .grp h3 span{border-bottom:4px solid var(--sky);padding-bottom:2px}
.site .ck{width:100%;display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:12px;align-items:center;text-align:left;background:#fff;border:0;border-top:1px solid var(--line);padding:14px 4px;color:var(--ink)}
.site .ck .box{width:26px;height:26px;border-radius:8px;border:2px solid #C3D2E6;display:grid;place-items:center;font:900 14px/1 "Outfit",sans-serif;color:#fff}
.site .ck .tx{font-size:16px;font-weight:900;line-height:1.4}
.site .ck .wh{font-size:11.5px;font-weight:900;border-radius:999px;padding:4px 10px;background:var(--ice);color:var(--blue);white-space:nowrap}
.site .ck .wh.self{background:#F1F3F7;color:var(--sub)}
.site .ck .wh.land{background:#F1F3F7;color:var(--sub)}
.site .ck .wh.gov{background:var(--navy);color:#fff}
.site .ck.on .box{background:var(--blue);border-color:var(--blue)}
.site .ck.on .tx{color:#9AA6B6;text-decoration:line-through}
.site .ck:hover{background:var(--ice2)}
.site .same2{margin-top:44px;border-radius:28px;background:linear-gradient(135deg,#F3E6F4,#FBF6FB);padding:28px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.site .same2 .k{font:900 12px "Outfit",sans-serif;color:var(--mill);letter-spacing:.1em}
.site .same2 b{display:block;font-size:22px;font-weight:900;color:var(--mill);margin-top:4px}
.site .who2{margin-top:44px;padding-top:44px}
.site .who2 h3{font-size:20px;font-weight:900}
.site .who2 .wg{margin-top:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
@media (max-width:560px){.site .who2 .wg{grid-template-columns:repeat(2,minmax(0,1fr))}}
.site .who2 .wg div{border:2px solid var(--line);border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:4px}
.site .who2 .wg b{font-size:16px;font-weight:900}
.site .who2 .wg span{font-size:13px;font-weight:800;color:var(--blue)}
.site .dgc{margin-top:44px;border-radius:32px;background:linear-gradient(135deg,#0A4FD6,#36B4FF);color:#fff;padding:40px 32px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.site .dgc b{font-size:clamp(28px,4vw,40px)}
.site .srcs{margin-top:44px;padding-top:44px}
.site .srcs h3{font-size:16px;font-weight:900}
.site .srcs ol{margin:10px 0 0;padding-left:20px;display:grid;gap:6px;font-size:13px;color:var(--sub)}
.site .srcs a{color:var(--blue);font-weight:700}
.site .srcs .upd{margin-top:12px;font-size:12px;font-weight:700;color:var(--sub)}
.site .asw{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:26px}
.site .asw button{border:2px solid var(--line);background:#fff;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:900;color:var(--ink)}
.site .asw button.on{background:var(--blue);border-color:var(--blue);color:#fff}
.site .where .pills span.off{background:#F3F5F8;color:#B3BDCB}
.site .ch{font-size:22px;font-weight:900}
.site .calc{margin-top:30px;padding-top:44px}
.site .ins{margin-top:16px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
@media (max-width:720px){.site .ins{grid-template-columns:repeat(2,minmax(0,1fr))}}
.site .in1{display:flex;flex-direction:column;gap:6px;background:var(--ice);border-radius:18px;padding:14px}
.site .in1>span{font-size:12px;font-weight:900;color:var(--sub)}
.site .iw{display:flex;align-items:baseline;gap:4px}
.site .iw input{width:100%;min-width:0;border:0;background:transparent;font:900 30px "Outfit",sans-serif;color:var(--blue);padding:0}
.site .iw input:focus{outline:none;border-bottom:2px solid var(--blue)}
.site .iw em{font-style:normal;font-weight:900;font-size:13px;white-space:nowrap;flex:none}
.site .tot{margin-top:18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (max-width:640px){.site .tot{grid-template-columns:1fr}}
.site .tot div{border-radius:22px;padding:20px;background:linear-gradient(150deg,#0A5BE0,#36B4FF);color:#fff;display:flex;flex-direction:column;gap:6px}
.site .tot div.dp{background:var(--navy)}
.site .tot span{font-size:12.5px;font-weight:900;opacity:.9}
.site .tot b{font-size:clamp(28px,4vw,40px);font-weight:900;line-height:1}
.site .tot b small{font-size:.42em;margin-left:4px;font-family:"Zen Kaku Gothic New",sans-serif}
.site .rows{margin-top:16px}
.site .cr{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) 110px;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}
.site .cr .tt b{display:block;font-size:15px;font-weight:900}
.site .cr .tt small{font-size:11.5px;color:var(--sub);font-weight:700}
.site .cr .rb{position:relative;height:12px;background:var(--ice2);border-radius:4px}
.site .cr .rb i{position:absolute;top:0;bottom:0;background:var(--blue);border-radius:4px}
.site .cr .rb i.d{background:var(--navy)}
.site .cr .v{text-align:right;font-size:14px;font-weight:800}
@media (max-width:560px){.site .cr{grid-template-columns:minmax(0,1fr) 96px}.site .cr .rb{grid-column:1/3;grid-row:2}}
.site .note2{margin-top:12px;font-size:12px;color:var(--sub);font-weight:700}
.site .co{margin-top:30px;padding-top:44px;display:grid;gap:10px}
.site .cc{border:2px solid var(--line);border-radius:22px;overflow:hidden}
.site .cc.on{border-color:var(--blue)}
.site .ch2{width:100%;display:grid;grid-template-columns:40px minmax(0,1fr) auto 30px;gap:12px;align-items:center;background:#fff;border:0;padding:16px 18px;text-align:left;color:var(--ink)}
.site .ch2 .k{font-size:15px;font-weight:900;color:var(--blue)}
.site .ch2 .nm{font-size:20px;font-weight:900}
.site .ch2 .wn{font-size:12px;font-weight:900;color:var(--sub);background:var(--ice2);border-radius:999px;padding:4px 10px}
.site .ch2 .pl{font:900 22px "Outfit",sans-serif;color:var(--blue);text-align:center}
.site .cb{padding:4px 18px 20px 70px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}
@media (max-width:560px){.site .cb{padding-left:18px}.site .ch2 .wn{display:none}}
.site .cb>b{font-size:17px;font-weight:900}
.site .cb .lb{font-size:12px;font-weight:900;color:var(--sub)}
.site .cks{display:flex;flex-wrap:wrap;gap:6px}
.site .cks span{background:var(--ice);color:var(--blue);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:900}
.site .co .one{margin-top:6px;border:2px dashed #A9C6EE;border-radius:22px;padding:18px 20px;display:flex;flex-direction:column;gap:4px}
.site .co .one b{font-size:16px;font-weight:900}
.site .co .one span{font-size:13px;color:var(--sub);font-weight:700}
.site .gt{margin-top:30px;padding-top:44px}
.site .gwrap{margin-top:16px;overflow-x:auto}
.site .gax{position:relative;height:22px;margin-left:170px;min-width:420px}
.site .gax span{position:absolute;transform:translateX(-50%);font:800 11.5px "Outfit",sans-serif;color:var(--sub);white-space:nowrap}
.site .gr{display:grid;grid-template-columns:160px minmax(420px,1fr);gap:10px;align-items:center;padding:6px 0;border-top:1px solid var(--line)}
.site .gl{font-size:13.5px;font-weight:900}
.site .gb{position:relative;height:16px}
.site .gb i{position:absolute;top:2px;bottom:2px;border-radius:4px;background:var(--blue)}
.site .gb i.self,.site .gb i.land{background:#9AA6B6}
.site .gb i.gov{background:var(--navy)}
.site .gb i.net{background:var(--sky)}
.site .gb em{position:absolute;top:-6px;bottom:-6px;width:2px;background:var(--mill)}
.site .fast{margin-top:44px;border-radius:28px;background:var(--ice);padding:28px}
.site .fast>b{font-size:clamp(24px,3vw,32px)}
.site .fg{margin-top:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (max-width:560px){.site .fg{grid-template-columns:1fr}}
.site .fg a{background:#fff;border-radius:20px;padding:18px;text-decoration:none;display:flex;flex-direction:column;gap:4px}
.site .fg a span{font-size:12px;font-weight:900;color:var(--blue)}
.site .fg a b{font-size:18px;font-weight:900}
.site .fg a small{font-size:12.5px;color:var(--sub);font-weight:700}
.site .hero h2.t2{font-size:clamp(34px,4.6vw,62px)}
.site .who{display:inline-block;position:relative;font-size:15px;font-weight:900;color:var(--blue);background:#fff;border:2px solid var(--blue);border-radius:999px;padding:7px 16px;margin-bottom:18px}
.site .risk{background:var(--navy);color:#fff;padding-block:90px}
.site .risk .ey{font-size:clamp(20px,2.6vw,28px);font-weight:900;opacity:.9}
.site .money{margin-top:18px;display:flex;flex-direction:column;gap:8px}
.site .money b{font:900 clamp(52px,8vw,100px)/1 "Outfit",sans-serif;letter-spacing:-.02em;color:#fff}
.site .money b small{font-size:.38em;font-family:"Zen Kaku Gothic New",sans-serif;margin:0 4px}
.site .money span{font-size:13px;font-weight:700;color:#AFC2E3}
.site .fails{margin-top:36px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
@media (max-width:820px){.site .fails{grid-template-columns:repeat(2,minmax(0,1fr))}}
.site .fails div{background:rgba(255,255,255,.07);border:1.5px solid rgba(255,255,255,.18);border-radius:22px;padding:18px;display:flex;flex-direction:column;gap:4px}
.site .fails b{font-size:15px;font-weight:900;color:#AFC2E3}
.site .fails span{font-size:clamp(17px,2vw,21px);font-weight:900}
.site .risk .ans{margin-top:44px;font-size:clamp(28px,4.2vw,48px)}
.site .risk .ans em{font-style:normal;color:var(--sky)}
.site .why{padding-block:96px 80px;background:linear-gradient(180deg,#F5F9FF,#fff)}
.site .why .by2{display:flex;align-items:center;gap:10px;font-weight:900;color:var(--sub);margin-bottom:12px}
.site .why .by2 img{height:18px;width:auto}
.site .why h2{font-size:clamp(28px,4.2vw,46px)}
.site .chain{margin-top:44px;display:flex;align-items:stretch;gap:8px}
.site .chain i{align-self:center;font:900 30px "Outfit",sans-serif;color:var(--sky);font-style:normal}
.site .chain .c1{flex:1;min-width:0;background:#fff;border:2px solid var(--line);border-radius:24px;padding:20px 18px;display:flex;flex-direction:column;gap:8px}
.site .chain .c1 .k{font-size:13px;font-weight:900;color:var(--blue)}
.site .chain .c1 b{font-size:clamp(17px,1.9vw,21px);font-weight:900;line-height:1.3}
.site .chain .c1 .n{margin-top:auto;font-size:26px;font-weight:900;color:var(--blue)}
.site .chain .c1 .n small{font-size:.55em;font-family:"Zen Kaku Gothic New",sans-serif}
.site .chain .c1 .t{margin-top:auto;font-size:12.5px;font-weight:700;color:var(--sub)}
.site .chain .c1.on{background:linear-gradient(150deg,#0A5BE0,#36B4FF);border-color:transparent;color:#fff}
.site .chain .c1.on .k,.site .chain .c1.on .t{color:#DCEBFF}
@media (max-width:820px){.site .chain{flex-direction:column}.site .chain i{transform:rotate(90deg)}}
.site .why .neutral{margin-top:22px;font-size:14px;font-weight:900;color:var(--ink);background:var(--ice);border-radius:999px;padding:10px 18px;display:inline-block}
.site .end .ey{font-size:16px;font-weight:900;margin-bottom:10px}
.site .calm{padding-block:96px 80px;background:#fff}
.site .calmg{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:36px;align-items:center}
@media (max-width:820px){.site .calmg{grid-template-columns:1fr}}
.site .calm h2{font-size:clamp(30px,4.2vw,54px)}
.site .calm h2 em{font-style:normal;color:var(--blue)}
.site .calm .lead3{margin-top:18px;font-size:clamp(17px,2vw,21px);font-weight:900;line-height:1.6}
.site .pts3{margin-top:28px;display:grid;gap:10px}
.site .pts3 div{background:var(--ice);border-radius:18px;padding:14px 18px;display:flex;flex-wrap:wrap;gap:4px 14px;align-items:baseline}
.site .pts3 b{font-size:17px;font-weight:900;color:var(--blue)}
.site .pts3 span{font-size:14px;font-weight:700;color:var(--sub)}
.site .calm .ok{margin-top:28px;font-size:clamp(24px,3.2vw,34px)}
.site .ill3 svg{width:100%;height:auto;display:block}
.site .hero .grid:has(.ph2){grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
.site .hero .grid:has(.ph2) h2.t2{font-size:clamp(32px,3.9vw,56px)}
.site .ph2{position:relative;justify-self:stretch;min-height:540px}
.site .ph2 .hp{position:absolute;inset:0 0 70px 70px;margin:0;border-radius:28px;overflow:hidden;box-shadow:0 24px 50px rgba(10,31,68,.18)}
.site .ph2 .hp img{width:100%;height:100%;object-fit:cover;display:block}
.site .ph2 .hp figcaption{position:absolute;right:14px;top:14px;background:rgba(255,255,255,.92);color:#0F1B2E;font-size:12px;font-weight:700;padding:6px 12px;border-radius:999px}
.site .ph2 .phone{position:absolute;left:0;bottom:0;width:210px}
@media (max-width:820px){.site .hero .grid:has(.ph2){grid-template-columns:1fr}.site .hero .grid:has(.ph2) h2.t2{font-size:clamp(28px,8vw,44px)}.site .ph2{min-height:470px;width:100%;margin-top:10px}.site .ph2 .hp{inset:0 0 120px 0}.site .ph2 .phone{width:170px;left:12px}}
.site .gal{padding-block:90px;background:#fff}
.site .gal .ey2{font-weight:800;color:#0A5BE0;font-size:15px}
.site .gal h2{margin-top:10px;font-size:clamp(28px,3.4vw,44px)}
.site .gal .gg{margin-top:36px;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:18px}
.site .gal figure{margin:0;border-radius:22px;overflow:hidden;background:#F5F9FF}
.site .gal img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.site .gal figure:first-child img{aspect-ratio:auto;height:100%;min-height:100%}
.site .gal figure:first-child{display:grid;grid-template-rows:1fr auto}
.site .gal figcaption{padding:14px 18px 18px;display:flex;flex-direction:column;gap:2px}
.site .gal figcaption b{font-size:18px;font-weight:900}
.site .gal figcaption span{font-size:14px;color:#51607A}
.site .gal .cap{margin-top:16px;font-size:12px;color:#7A869C}
@media (max-width:820px){.site .gal .gg{grid-template-columns:1fr}.site .gal figure:first-child img{aspect-ratio:4/3;height:auto}}
/* 余白と改行の統一 */
.site .risk,.site .calm,.site .why,.site .gal,.site .steps,.site .size,.site .end{padding-block:clamp(64px,8vw,96px)}
.site .hero{padding-block:40px clamp(56px,6vw,72px)}
.site .why{background:#F5F9FF}
.site .gal{background:#fff}
.site .steps{background:#F5F9FF}
.site .steps h2{text-align:left}
.site .big,.site .one,.site .lead3,.site .neutral,.site .fails b,.site .fails span,.site .pts3 b,.site .pts3 span,.site .ok,.site .gal figcaption span,.site .cap,.site .money span,.site .end p{word-break:auto-phrase;overflow-wrap:anywhere}
.site .big{text-wrap:balance}
.site .phone{word-break:auto-phrase}
.site .money b small{white-space:nowrap}
@media (max-width:820px){.site .hero .grid:has(.ph2){grid-template-columns:minmax(0,1fr)}.site .hero .grid:has(.ph2) h2.t2{font-size:clamp(26px,7.4vw,44px)}}
@media (max-width:560px){.site .who{font-size:13px;padding:6px 12px}.site .money b{font-size:clamp(34px,10vw,52px)}.site .gal h2{font-size:clamp(24px,7vw,32px)}.site .gal .gg{margin-top:28px}.site .ph2 .phone .res small{font-size:9px;white-space:nowrap}.site .ph2 .phone .res b{font-size:15px;white-space:nowrap}}
.site .fee{background:#fff;padding-block:clamp(64px,8vw,96px)}
.site .fee .ey2{font-weight:800;color:#0A5BE0;font-size:15px}
.site .fee h2{margin-top:10px;font-size:clamp(26px,3.6vw,46px)}
.site .fee .fz{margin-top:36px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:760px}
.site .fee .fz div{border:2px solid #E3ECF8;border-radius:24px;padding:22px 26px;display:flex;flex-direction:column;gap:6px}
.site .fee .fz span{font-size:15px;font-weight:800;color:#51607A}
.site .fee .fz b{font:900 clamp(56px,7vw,84px)/1 "Outfit",sans-serif;color:#0A5BE0}
.site .fee .fz b small{font-size:.36em;font-family:"Zen Kaku Gothic New",sans-serif;margin-left:4px}
.site .fee .fl{margin-top:32px;font-size:clamp(20px,2.4vw,28px);font-weight:900;line-height:1.5;word-break:auto-phrase}
.site .fee .fl em{font-style:normal;color:#0A5BE0}
.site .fee .fn{margin-top:14px;font-size:15px;color:#51607A;line-height:1.8;word-break:auto-phrase}
@media (max-width:560px){.site .fee .fz{grid-template-columns:1fr 1fr;gap:10px}.site .fee .fz div{padding:16px}.site .fee .fz span{font-size:12px}.site .fee .fl br{display:none}}
.site .gal{background:#F5F9FF}
.site .steps{background:#fff}
.site .size{background:#F5F9FF}
.site .st3{margin-top:40px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.site .st3 .sc{background:#F5F9FF;border-radius:28px;padding:28px 26px 0;overflow:hidden;display:flex;flex-direction:column}
.site .st3 .hd{display:flex;flex-direction:column;gap:6px}
.site .st3 .k{font:900 15px/1 "Outfit",sans-serif;color:#0A5BE0}
.site .st3 .hd b{font-size:clamp(18px,1.7vw,21px);white-space:nowrap;font-weight:900;line-height:1.35;word-break:auto-phrase}
.site .st3 .hd .d{font-size:14px;color:#51607A;word-break:auto-phrase}
.site .st3 .crop{margin-top:auto;padding-top:24px;height:324px;overflow:hidden;display:flex;justify-content:center}
.site .st3 .phone{width:230px;flex:none;border-radius:38px 38px 0 0;padding-bottom:0;aspect-ratio:auto;height:340px;box-shadow:none}
.site .st3 .phone .scr{border-radius:29px 29px 0 0;padding-bottom:0}
.site .st3 .phone .qt{font-size:16px}
.site .st3 .phone .res b{font-size:17px}
.site .st3 .phone .tiles span{min-height:54px}
.site .phone .office.pic{background-size:cover;background-position:center;color:#fff;height:96px}
@media (max-width:820px){.site .st3{grid-template-columns:1fr;gap:14px}.site .st3 .crop{height:284px}.site .st3 .hd b{white-space:normal}}
.site .size .by2{display:flex;align-items:flex-end;gap:10px;font-size:17px;font-weight:900;color:#0F1B2E}
.site .size .by2 img{height:clamp(22px,2.6vw,30px);width:auto}
.site .size h2{margin-top:18px}
.site .size h2{margin-top:22px;font-size:clamp(26px,3.6vw,46px)}
.site .sz4{margin-top:36px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.site .sz4 a{background:#fff;border:2px solid #E3ECF8;border-radius:24px;padding:22px 22px 18px;display:flex;flex-direction:column;gap:18px;text-decoration:none;color:inherit;transition:transform .15s,border-color .15s}
.site .sz4 a:hover{transform:translateY(-3px);border-color:#D9C3DD}
.site .sz4 b{font:900 clamp(34px,4.4vw,56px)/1 "Outfit",sans-serif;color:#0A5BE0;letter-spacing:-.02em;white-space:nowrap}
.site .sz4 b small{font:900 15px "Zen Kaku Gothic New",sans-serif;margin-left:4px;letter-spacing:0;color:#0F1B2E}
.site .sz4 span{font-size:14px;font-weight:900;color:var(--mill);display:flex;justify-content:space-between;align-items:center}
.site .sz4 span i{font-style:normal;font-size:18px}
@media (max-width:820px){.site .sz4{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.site .sz4 a{padding:18px 16px 14px}.site .sz4 b small{font-size:13px}}
.site .sz4 span img{height:13px;width:auto;margin-right:4px}
.site .sz4 span em{font-style:normal;margin-right:auto}
.site .col{background:#fff;padding-block:clamp(64px,8vw,96px)}
.site .colhd{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}
.site .col .ey2{font-weight:800;color:#0A5BE0;font-size:15px}
.site .col h2{margin-top:10px;font-size:clamp(26px,3.6vw,46px)}
.site .col .more{display:inline-flex;align-items:center;gap:8px;font-weight:900;font-size:15px;color:#0F1B2E;text-decoration:none;border:2px solid #0F1B2E;border-radius:999px;padding:10px 18px}
.site .col .more small{font:800 12px "Outfit",sans-serif;color:#0A5BE0;background:#EAF3FF;border-radius:999px;padding:3px 8px}
.site .col .more i{font-style:normal}
.site .chips{margin-top:28px;display:flex;flex-wrap:wrap;gap:8px}
.site .chips a{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;background:#F5F9FF;color:#0F1B2E;font-weight:900;font-size:14px;text-decoration:none}
.site .chips a small{font:800 12px "Outfit",sans-serif;color:#7A869C}
.site .chips a:hover{background:#EAF3FF}
.site .cg{margin-top:24px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:16px}
.site .cg a{text-decoration:none;color:inherit}
.site .cf{background:#F5F9FF;border-radius:28px;overflow:hidden;display:flex;flex-direction:column;transition:transform .15s}
.site .cf:hover,.site .cs:hover{transform:translateY(-3px)}
.site .cf .im{background:#EAF3FF;display:flex;justify-content:center;align-items:center;padding:14px;aspect-ratio:2/1}
.site .cf .im img{max-height:100%;max-width:100%}
.site .cf .tx{padding:22px 26px 24px;display:flex;flex-direction:column;gap:8px}
.site .cf b{font-size:clamp(20px,2.2vw,26px);font-weight:900;line-height:1.35}
.site .col .tg{font-size:12px;font-weight:900;color:#0A5BE0}
.site .col .ds{font-size:14px;color:#51607A;word-break:auto-phrase}
.site .cf .go{margin-top:6px;font-weight:900;font-size:14px;color:#0A5BE0}
.site .cf .go i{font-style:normal}
.site .cl3{display:grid;grid-template-rows:repeat(3,1fr);gap:12px;margin:0}
.site .cs{display:flex;gap:16px;align-items:center;background:#fff;border:2px solid #E3ECF8;border-radius:22px;padding:14px;transition:transform .15s}
.site .cs .th{width:132px;height:99px;flex:none;border-radius:14px;overflow:hidden;background:#EAF3FF;display:flex;align-items:center;justify-content:center}
.site .cs .th img{width:100%;height:100%;object-fit:contain;transform:scale(1.55)}
.site .cs div{display:flex;flex-direction:column;gap:4px;min-width:0}
.site .cs b{font-size:17px;font-weight:900;line-height:1.4;word-break:auto-phrase}
.site .kw{margin-top:28px;display:flex;gap:14px;align-items:baseline;flex-wrap:wrap;border-top:1px solid #E3ECF8;padding-top:20px}
.site .kw>span{font-size:13px;font-weight:900;color:#7A869C;flex:none}
.site .kw div{display:flex;flex-wrap:wrap;gap:6px 16px}
.site .kw a{font-size:14px;font-weight:700;color:#0F1B2E;text-decoration:underline;text-decoration-color:#C9D8EE;text-underline-offset:4px}
.site .kw a:hover{color:#0A5BE0}
@media (max-width:820px){.site .cg{grid-template-columns:1fr}.site .cs .th{width:96px;height:72px}.site .chips{flex-wrap:nowrap;overflow-x:auto;margin-inline:-18px;padding-inline:18px;scrollbar-width:none}.site .chips a{flex:none}.site .cs b{font-size:15px}.site .colhd .more{order:2}}
.site .vo{margin-top:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.site .vo a{text-decoration:none;border-radius:24px;padding:24px 26px;display:flex;flex-direction:column;gap:8px;transition:transform .15s}
.site .vo a:hover{transform:translateY(-3px)}
.site .vq1{background:#fff;border:2px solid #E3ECF8;color:#0F1B2E}
.site .vq2{background:#0B1F44;color:#fff}
.site .vo b{font-size:clamp(19px,2vw,23px);font-weight:900;line-height:1.4}
.site .vq2 .tg{color:#7CC4FF}
.site .vqn{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-top:4px}
.site .vqn .num{font:900 clamp(40px,4.4vw,54px)/1 "Outfit",sans-serif;color:#7CC4FF}
.site .vqn .num small{font-size:.5em}
.site .vqn span:last-child{font-size:14px;font-weight:800;color:#C9D8EE}
.site .vo .soon{margin-top:auto;padding-top:6px;font-size:12px;font-weight:900;color:#7A869C}
.site .vq2 .soon{color:#9FB3D6}
@media (max-width:820px){.site .vo{grid-template-columns:1fr}}
.site .hc{margin-top:22px;background:rgba(255,255,255,.05);border:1.5px solid rgba(255,255,255,.14);border-radius:28px;padding:26px 28px 24px}
.site .hcq{font-size:14px;font-weight:800;color:#AFC2E3}
.site .hcr{position:relative;margin-top:22px;padding:0 6px}
.site .hcr input{position:absolute;left:0;right:0;top:-6px;width:100%;height:28px;opacity:0;cursor:pointer;z-index:2;margin:0}
.site .hcd{display:flex;justify-content:space-between;position:relative}
.site .hcd::before{content:"";position:absolute;left:8px;right:8px;top:8px;height:3px;border-radius:2px;background:rgba(255,255,255,.18)}
.site .hcd button{position:relative;z-index:3;background:none;border:0;padding:0;display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;color:#AFC2E3;font:800 13px "Outfit","Zen Kaku Gothic New",sans-serif;width:44px}
.site .hcd button i{width:19px;height:19px;border-radius:50%;background:#0B1F44;border:3px solid rgba(255,255,255,.35);transition:transform .2s,background .2s,border-color .2s}
.site .hcd button.on{color:#fff}
.site .hcd button.on i{background:#36B4FF;border-color:#fff;transform:scale(1.45);box-shadow:0 0 0 6px rgba(54,180,255,.25)}
.site .hcd button:hover i{border-color:#fff}
.site .hcm{margin-top:26px;display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.site .hcm b{font:900 clamp(40px,6.4vw,84px)/1 "Outfit",sans-serif;letter-spacing:-.02em;color:#fff;white-space:nowrap}
.site .hcm b small{font-size:.38em;font-family:"Zen Kaku Gothic New",sans-serif;margin:0 3px}
.site .hcu{font-size:14px;font-weight:800;color:#AFC2E3}
.site .hcbar{margin-top:18px;height:14px;border-radius:7px;background:rgba(255,255,255,.08);overflow:hidden}
.site .hcfill{height:100%}
.site .hcw{height:100%;display:flex;transition:width .5s cubic-bezier(.2,.8,.2,1)}
.site .hcw i{display:block;height:100%}
.site .hclg{margin-top:10px;display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;font-weight:700;color:#AFC2E3}
.site .hclg span{display:inline-flex;align-items:center;gap:6px}
.site .hclg i{width:9px;height:9px;border-radius:2px;display:inline-block}
.site .hcdep{margin-top:20px;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;padding-top:16px;border-top:1px solid rgba(255,255,255,.14)}
.site .hcdep span{font-size:14px;font-weight:800;color:#AFC2E3}
.site .hcdep b{font-size:clamp(18px,2.2vw,24px);font-weight:900;color:#fff}
.site .hcdep em{font-style:normal;font:900 clamp(18px,2.2vw,24px) "Outfit","Zen Kaku Gothic New",sans-serif;color:#7CC4FF}
.site .hcdep em small{font-size:.7em;font-family:"Zen Kaku Gothic New",sans-serif}
.site .hcnote{margin-top:10px;font-size:12px;color:#8FA3C8;word-break:auto-phrase}
@media (max-width:560px){.site .hc{padding:20px 16px}.site .hcd button{width:30px;font-size:11px}.site .hcd button:nth-child(2) span,.site .hcd button:nth-child(5) span,.site .hcd button:nth-child(7) span{visibility:hidden}.site .hcm b{font-size:clamp(30px,9vw,44px)}}
.site .dg .left{margin-left:12px;font-size:13px;font-weight:800;color:var(--sub,#51607A)}
/* 並べ替え後の背景の交互 */
.site .steps{background:#F5F9FF}
.site .st3 .sc{background:#fff;border:2px solid #E3ECF8}
.site .why{background:#fff}
.site .gal{background:#F5F9FF}
.site .gal figure{background:#fff}
@media (max-width:560px){.site .sz4 span{white-space:nowrap;font-size:12px}.site .sz4 span img{height:10px;margin-right:3px}
.site .ph2 .phone .office{font-size:9.5px;white-space:nowrap;height:64px;padding:8px}.site .ph2 .phone .row{padding:9px 10px}.site .ph2 .phone .row+.row{display:none}.site .ph2 .phone .office{flex:none}}
@media (prefers-reduced-motion:reduce){.site .pill,.site .dg .t,.site .size .bub a{transition:none}}

/* ══ 本番用：記事・一覧・診断 ══ */
.site .hd .logo{display:inline-flex;flex-direction:column;text-decoration:none}
.site .ftn{display:flex;gap:6px 18px;flex-wrap:wrap}
.site .ftn a{text-decoration:none}
.site .ftn a:hover{color:var(--blue)}
.site .ft .in > a{display:block}

/* パンくず */
.site .bc{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--ice2)}
.site .bc .in{padding-block:10px;font-size:12px;color:var(--sub);font-weight:700;display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center}
.site .bc a{text-decoration:none}
.site .bc a:hover{color:var(--blue)}
.site .bc [aria-current]{color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}

/* 記事 */
.site .art .in{max-width:780px}
.site .art article{padding-block:40px 24px}
.site .ah .tg{display:inline-block;font-size:13px;font-weight:900;color:var(--blue);background:var(--ice);border-radius:999px;padding:5px 12px;text-decoration:none}
.site .ah h1{margin-top:14px;font-size:clamp(26px,4vw,40px);font-weight:900;line-height:1.3;word-break:auto-phrase}
.site .ah .meta{margin-top:12px;font-size:12px;color:var(--sub);font-weight:700}
.site .ab{margin-top:28px;font-size:16px;line-height:1.9}
.site .ab > * + *{margin-top:18px}
.site .ab h2{margin-top:48px;font-size:clamp(20px,2.6vw,25px);font-weight:900;line-height:1.4;padding-left:14px;border-left:5px solid var(--blue);word-break:auto-phrase}
.site .ab h3{margin-top:32px;font-size:18px;font-weight:900}
.site .ab p{margin-top:14px}
.site .ab ul,.site .ab ol{padding-left:1.3em}
.site .ab li + li{margin-top:6px}
.site .ab img{display:block;width:100%;height:auto;border-radius:18px;background:var(--ice2)}
.site .ab p:has(> img:only-child){margin-top:24px}
.site .ab table{width:100%;border-collapse:collapse;font-size:14.5px;line-height:1.6;display:block;overflow-x:auto}
.site .ab th,.site .ab td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top;min-width:7em}
.site .ab th{background:var(--ice2);font-weight:900}
.site .ab a{color:var(--blue);text-underline-offset:3px}
.site .ab strong{background:linear-gradient(transparent 62%,#FFF2A8 62%)}
.site .asum{margin-top:8px;background:var(--ice2);border-radius:22px;padding:22px 26px}
.site .asum h2{margin-top:0;border:0;padding:0;font-size:15px;color:var(--blue)}
.site .asum ul{margin-top:10px;font-weight:700}
.site .acta{margin-top:48px;display:flex;align-items:center;justify-content:space-between;gap:16px 24px;flex-wrap:wrap;background:linear-gradient(120deg,#0A4FD6,#36B4FF);color:#fff;border-radius:26px;padding:26px 30px}
.site .acta b{display:block;font-size:clamp(18px,2.4vw,22px);font-weight:900;line-height:1.45;word-break:auto-phrase}
.site .acta span{display:block;margin-top:4px;font-size:13px;font-weight:700;opacity:.9}
.site .acta .pill{background:#fff;color:var(--blue);box-shadow:none;padding:15px 24px;font-size:15px}
.site .acta .pill span{display:inline;margin:0;opacity:1}
.site .omx{margin-top:16px;display:flex;justify-content:space-between;align-items:center;gap:10px 20px;flex-wrap:wrap;border:2px solid var(--line);border-radius:22px;padding:18px 22px}
.site .omx b{font-size:15px;font-weight:900;word-break:auto-phrase}
.site .omx a{font-weight:900;color:var(--mill);text-decoration:none;white-space:nowrap}
.site .src{margin-top:40px;font-size:13px;color:var(--sub)}
.site .src h2{font-size:14px;font-weight:900;color:var(--ink)}
.site .src ol{margin-top:8px;padding-left:1.4em}
.site .src li + li{margin-top:4px}
.site .src a{color:var(--sub);word-break:break-all}
.site .cr{margin-top:20px;font-size:11.5px;color:var(--sub)}
.site .rel{padding-block:24px 72px}
.site .rel h2{font-size:20px;font-weight:900}

/* 記事カード（関連・一覧） */
.site .acs{margin-top:18px;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.site .ac{display:flex;flex-direction:column;gap:6px;background:#fff;border:2px solid var(--line);border-radius:20px;padding:18px 20px;text-decoration:none;transition:transform .15s,border-color .15s}
.site .ac:hover{transform:translateY(-2px);border-color:#BFD6F5}
.site .ac .tg{font-size:12px;font-weight:900;color:var(--blue)}
.site .ac b{font-size:16px;font-weight:900;line-height:1.45;word-break:auto-phrase}
.site .ac .ds{font-size:13px;color:var(--sub);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* コラム一覧 */
.site .gl .in{padding-block:44px 80px}
.site .gl .ey2{font-weight:800;color:var(--blue);font-size:15px}
.site .gl h1{margin-top:10px;font-size:clamp(26px,3.6vw,44px)}
.site .gl .chips{margin-top:26px}
.site .chips a.on{background:var(--ink);color:#fff}
.site .chips a.on small{color:#C9D8EE}
.site .gl .acta{margin-top:40px}

/* 診断（本番） */
.site .dg .box{max-width:640px;margin:0 auto}
.site .rs .rd{margin-top:14px;display:grid;gap:10px}
.site .rs .rd a{display:flex;justify-content:space-between;align-items:center;gap:12px;border:2px solid var(--line);border-radius:18px;padding:14px 18px;text-decoration:none;font-weight:900;font-size:15px;background:#fff}
.site .rs .rd a:hover{border-color:#BFD6F5}
.site .rs .rd a i{font-style:normal;color:var(--blue)}
.site .rs .note2{margin-top:16px;border-radius:22px;background:var(--ice2);padding:20px 22px;font-size:14px;line-height:1.8}
.site .rs .note2 b{display:block;font-size:16px;font-weight:900}
.site .rs .blk{padding-block:22px}
.site .rs .blk h3{font-size:18px;font-weight:900}
@media (max-width:560px){.site .acta{padding:22px 20px}.site .asum{padding:18px 18px}.site .ab{font-size:15.5px}}
.site .ab > p:first-child img{max-height:340px;object-fit:contain;padding:12px}
.site .rs .hero2 h1{word-break:auto-phrase}
@media (max-width:560px){.site .rs .hero2 h1{font-size:clamp(22px,6.6vw,32px)}}
.site .ab li .cb{display:inline-block;width:15px;height:15px;border:2px solid #9FB3D6;border-radius:4px;margin-right:8px;vertical-align:-2px}
.site .ab ul:has(.cb){list-style:none;padding-left:0}

/* ══ 横幅・ロゴ・自己紹介（2026-10-08） ══ */
.site .in{max-width:1280px;padding-inline:48px}
.site .art .in{max-width:780px}
.site .logo svg{height:38px}
.site .logo{gap:7px}
.site .pw{font-size:11px;letter-spacing:.14em}
.site .pw img{height:11px}
.site .hd .go{font-size:14px;padding:11px 22px}
.site .hero .one{font-size:clamp(17px,1.7vw,21px);line-height:1.75;margin-top:24px}
.site .hero .one b{color:var(--blue)}
.site .hero .brand{display:block;margin-top:10px;font-size:clamp(14px,1.3vw,16px);font-weight:800;color:var(--sub)}
@media (max-width:820px){.site .in{padding-inline:24px}}
@media (max-width:560px){.site .in{padding-inline:18px}.site .logo svg{height:30px}.site .pw{font-size:9.5px}.site .pw img{height:9.5px}.site .hd .go{font-size:13px;padding:9px 16px}}
/* ══ コラム一覧（2026-10-08 整理） ══ */
.site .g2 .in{padding-block:40px 80px}
.site .g2 h1{margin-top:8px;font-size:clamp(24px,2.6vw,32px);font-weight:900;line-height:1.4;word-break:auto-phrase}
.site .g2 .glead{margin-top:8px;color:var(--sub);font-weight:700}
.site .g2 h2{font-size:18px;font-weight:900}
.site .gfirst{margin-top:32px}
.site .g1s{margin-top:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.site .g1{display:grid;grid-template-columns:auto 1fr;column-gap:12px;row-gap:6px;align-content:start;background:var(--ice2);border-radius:20px;padding:20px 22px;text-decoration:none;transition:background .15s}
.site .g1:hover{background:var(--ice)}
.site .g1 em{grid-row:span 2;font-style:normal;font:900 28px/1 "Outfit",sans-serif;color:var(--blue)}
.site .g1 b{font-size:17px;font-weight:900;line-height:1.45;word-break:auto-phrase}
.site .g1 span{font-size:13px;color:var(--sub);line-height:1.65}
.site .gtop{margin-top:44px}
.site .gnav{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}
.site .gnav a{display:inline-flex;align-items:baseline;gap:6px;border:2px solid var(--line);border-radius:999px;padding:8px 16px;font-weight:900;font-size:14px;text-decoration:none;background:#fff}
.site .gnav a:hover{border-color:#BFD6F5}
.site .gnav a small{font-size:12px;color:var(--sub);font-weight:700}
.site .gnav a.on{background:var(--ink);border-color:var(--ink);color:#fff}
.site .gnav a.on small{color:#C9D8EE}
.site .gsec{margin-top:48px;scroll-margin-top:20px}
.site .gh{display:flex;align-items:baseline;gap:6px 14px;flex-wrap:wrap;padding-bottom:12px;border-bottom:2px solid var(--ink)}
.site .gh h2{font-size:21px}
.site .gh p{font-size:14px;color:var(--sub);font-weight:700}
.site .gls{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}
.site .gls li{border-bottom:1px solid var(--line)}
.site .gls a{display:grid;grid-template-columns:1fr auto;column-gap:12px;padding:14px 4px;text-decoration:none}
.site .gls a b{font-size:15.5px;font-weight:900;line-height:1.5;word-break:auto-phrase}
.site .gls a span{grid-column:1;font-size:12.5px;color:var(--sub);line-height:1.6;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;margin-top:2px}
.site .gls a i{grid-row:1/span 2;grid-column:2;align-self:center;font-style:normal;font-size:20px;color:var(--blue)}
.site .gls a:hover b{color:var(--blue)}
.site .gmore{display:inline-flex;gap:8px;margin-top:14px;font-weight:900;font-size:14px;color:var(--blue);text-decoration:none}
.site .gmore:hover{text-decoration:underline}
.site .gall{margin-top:24px}
.site .g2 .acta{margin-top:56px}
@media (max-width:820px){.site .g1s{grid-template-columns:1fr}.site .gls{grid-template-columns:1fr}}
/* ══ 写真（2026-10-08） ══ */
.site .hero .ph2{position:relative}
.site .hero .hp2{position:absolute;right:-3%;bottom:-9%;width:30%;margin:0;border-radius:18px;overflow:hidden;border:4px solid #fff;box-shadow:0 18px 40px rgba(15,27,46,.18);z-index:1}
.site .hero .ph2 .hp2 img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.site .hero .hp2 figcaption{position:absolute;left:8px;bottom:8px;background:rgba(255,255,255,.92);border-radius:999px;padding:3px 10px;font-size:11px;font-weight:900}
.site .gstrip{margin-top:28px;display:grid;grid-auto-flow:column;grid-auto-columns:clamp(220px,24%,300px);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px;scrollbar-width:thin}
.site .gal .gstrip figure{margin:0;scroll-snap-align:start;background:none;border-radius:0;display:block}
.site .gal .gstrip img{display:block;width:100%;height:auto;min-height:0;aspect-ratio:4/3;object-fit:cover;border-radius:18px}
.site .gal .gstrip figcaption{display:block;padding:0;margin-top:8px;font-size:14px;font-weight:900}
.site .gstrip figcaption::after{content:"のオフィス";color:var(--sub);font-weight:700}
.site .aph{margin:22px 0 0}
.site .aph img{display:block;width:100%;height:auto;aspect-ratio:21/9;object-fit:cover;border-radius:20px}
.site .aph figcaption{margin-top:8px;font-size:12px;color:var(--sub);font-weight:700}
.site .ah .tgs{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.site .ah .tgs .tg{margin:0}
.site .lv{display:inline-block;font-size:13px;font-weight:900;border-radius:999px;padding:5px 12px;text-decoration:none}
.site .lv1,.site .lvb.lv1{background:#E6F7EE;color:#0B7A43}
.site .lv2,.site .lvb.lv2{background:#FFF4D6;color:#8A5A00}
.site .lv3,.site .lvb.lv3{background:#FDE8EC;color:#B4233F}
@media (max-width:820px){.site .hero .hp2{right:2%;bottom:-8%;width:38%}}
/* ══ コラム一覧：レベル別 ══ */
.site .ghero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:center}
.site .g3 h1{font-size:clamp(28px,3.4vw,44px);line-height:1.3}
.site .g3 .glead{margin-top:14px;font-size:15px;line-height:1.8}
.site .gmos{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:10px;height:300px}
.site .gmos figure{margin:0;position:relative;border-radius:18px;overflow:hidden}
.site .gmos .gm0{grid-row:span 2}
.site .gmos img{width:100%;height:100%;object-fit:cover;display:block}
.site .gmos figcaption{position:absolute;left:8px;bottom:8px;background:rgba(255,255,255,.92);border-radius:999px;padding:2px 10px;font-size:11px;font-weight:900}
.site .lvns{margin-top:36px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.site .lvc{color:var(--ink);display:grid;grid-template-columns:96px 1fr;grid-template-rows:auto auto auto;column-gap:16px;row-gap:4px;align-items:center;border:2px solid var(--line);border-radius:22px;padding:18px;text-decoration:none;background:#fff;transition:transform .15s,border-color .15s}
.site .lvc:hover{transform:translateY(-2px);border-color:#BFD6F5}
.site .lvc img{grid-row:span 3;width:96px;height:80px;object-fit:contain}
.site .lvc b{font-size:17px;font-weight:900}
.site .lvc>span:last-child{font-size:13px;color:var(--sub);font-weight:700}
.site .lvb{display:inline-flex;align-items:baseline;gap:6px;justify-self:start;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:900}
.site .lvb b{font:900 14px "Outfit","Zen Kaku Gothic New",sans-serif}
.site .lvs{margin-top:56px;scroll-margin-top:16px}
.site .lvh{display:grid;gap:8px;padding-bottom:14px;border-bottom:2px solid var(--ink)}
.site .lvh h2{font-size:clamp(22px,2.4vw,28px);font-weight:900}
.site .lvh p{font-size:14px;color:var(--sub);font-weight:700;line-height:1.7}
.site .lvtip{margin-top:14px;font-size:14px;font-weight:900;color:var(--blue)}
.site .ics{margin-top:14px;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.site .ic{display:grid;grid-template-columns:84px 1fr;gap:14px;align-items:center;background:var(--ice2);border-radius:18px;padding:14px;text-decoration:none;transition:background .15s}
.site .ic:hover{background:var(--ice)}
.site .ii{width:84px;height:70px;background:#fff;border-radius:12px;display:grid;place-items:center;overflow:hidden}
.site .ii img{width:76px;height:60px;object-fit:contain}
.site .it{display:grid;gap:3px}
.site .it em{font-style:normal;font:900 13px "Outfit",sans-serif;color:#fff;background:var(--blue);border-radius:999px;width:24px;height:24px;display:grid;place-items:center}
.site .it b{font-size:15px;font-weight:900;line-height:1.45;word-break:auto-phrase}
.site .it small{font-size:12px;color:var(--sub);font-weight:700}
.site .lvt{margin-top:26px;display:flex;align-items:center;gap:10px;font-size:16px;font-weight:900}
.site .lvt small{font-size:12px;color:var(--sub);font-weight:700}
.site .g3 .gls a em{grid-column:1;font-style:normal;font-size:11px;font-weight:900;color:var(--blue);margin-top:4px}
.site .g3 .gls a span{display:none}
.site .g3 .gls a i{grid-row:1/span 2}
.site .g3 .gtop{margin-top:64px}
.site .g3 .gall{margin-top:8px}
@media (max-width:820px){.site .ghero{grid-template-columns:1fr}.site .gmos{height:220px}.site .lvns{grid-template-columns:1fr}.site .lvc{grid-template-columns:72px 1fr}.site .lvc img{width:72px;height:60px}}
.site .same .sph{margin:14px 0 0}
.site .same .sph img{display:block;width:100%;height:auto;aspect-ratio:21/9;object-fit:cover;border-radius:20px}
.site .same .sph figcaption{margin-top:8px;font-size:12px;color:var(--sub);font-weight:700}
.site .lvc.lv1,.site .lvc.lv2,.site .lvc.lv3{background:#fff;color:var(--ink)}
.site .g3 .gls a em{display:none}
.site .gal .gstrip figure:first-child{display:block}
.site .gal .gstrip figure:first-child img{aspect-ratio:4/3;height:auto;min-height:0}
.site .gal .gstrip{grid-auto-columns:calc((100% - 56px) / 4.4)}
@media (max-width:820px){.site .gal .gstrip{grid-auto-columns:72%}}
/* 診断は準備中 */
.site .soon{cursor:default;opacity:.5;filter:grayscale(.3)}
.site .soon small{font-size:.8em;margin-left:2px}

/* 2026-10-08 わたるさん指摘「紹介料は、どちらからもいただきません」の右側が空きすぎ → PCは左に文、右に0円のカード2枚の2段組みにする */
@media (min-width: 900px) {
  .fee .in { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); column-gap: 64px; align-items: center; }
  .fee .ey2, .fee h2, .fee .fl, .fee .fn { grid-column: 1; }
  .fee .fz { grid-column: 2; grid-row: 1 / span 4; margin-top: 0; max-width: none; align-self: center; }
}