/* WELLBE RIGHT v1 — 下層カンプv5 の CSS（_to_theme.py が書き出し。手で直さない） */
/* 下層ページ（TOPカンプv5と同じトンマナ）。トークン・ヘッダー・フッター・ボタン・相談の帯・制作見本は base.css（TOPのスタイル） */

/* ---------- ページの頭: 左に見出し・右に写真（TOPの1画面目を短くした形）＋下端に6色の帯 ---------- */
.lh{position:relative;background:var(--ground);overflow:hidden}
.lh-g{position:relative;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6.2fr);align-items:stretch;min-height:clamp(420px,40vw,640px)}
.lh .pane{z-index:0}
.lh-tx{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(28px,3vw,44px) clamp(24px,3.4vw,64px) clamp(52px,5vw,96px) max(var(--gut),calc((100vw - var(--max)) / 2 + var(--gut)))}
.bc{display:flex;flex-wrap:wrap;list-style:none;font-size:12.5px;color:var(--ink2);letter-spacing:.08em;margin-bottom:auto}
.bc li+li::before{content:"／";margin:0 10px;color:var(--mist2)}
.bc a{border-bottom:1px solid transparent;transition:border-color .3s}.bc a:hover{border-color:currentColor}
.lh-en{font-family:var(--en);font-weight:600;font-size:clamp(46px,4vw + 18px,120px);line-height:.9;letter-spacing:.01em;color:var(--big);margin-top:clamp(40px,4.6vw,88px)}
.lh-en::before{content:attr(data-w)}
.lh h1{font-size:clamp(26px,1.2vw + 20px,44px);line-height:1.45;letter-spacing:.1em;margin-top:clamp(12px,1.2vw,20px);font-weight:700}
.lh .lead{margin-top:clamp(16px,1.6vw,24px);color:var(--ink2);max-width:30em}
.toc{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:clamp(24px,2.4vw,36px);list-style:none}
.toc a{display:inline-block;font-size:var(--fs-small);font-weight:700;letter-spacing:.08em;padding-bottom:3px;border-bottom:1px solid var(--mist2);transition:color .3s,border-color .3s}
.toc a:hover{color:var(--sage-t);border-color:var(--sage-t)}
.lh-ph{position:relative;z-index:2;margin:clamp(28px,3vw,44px) 0 clamp(52px,5vw,96px)}
.lh-ph .ph{position:absolute;inset:0;overflow:hidden}
.lh-ph img{width:100%;height:100%;object-fit:cover}
.lh-ph figcaption{position:absolute;left:0;bottom:0;transform:translateY(calc(100% + 10px));font-family:var(--en);font-size:12px;letter-spacing:.2em;color:var(--ink2)}
.lh.np .lh-g{grid-template-columns:minmax(0,1fr);min-height:clamp(300px,26vw,420px)}
.lh.np .pane{display:none}
.lh.np .lh-tx{padding-right:var(--gut)}

/* ---------- 節 ---------- */
.s2{position:relative;padding-block:clamp(80px,6vw + 32px,150px)}
.s2.bg{background:var(--ground)}
.hd2{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:16px clamp(24px,5vw,96px);align-items:end;margin-bottom:clamp(36px,3.6vw,60px)}
.hd2 .lb{font-family:var(--en);font-weight:600;font-size:clamp(13px,.2vw + 12px,15px);letter-spacing:.24em;color:var(--sage-t)}
.hd2 h2{font-size:var(--fs-h2);letter-spacing:.1em;margin-top:10px}
.hd2>p{color:var(--ink2)}
.hd2.one{grid-template-columns:minmax(0,1fr)}
.note{font-size:13px;color:var(--ink2);margin-top:18px;line-height:1.8}

/* ---------- 料金表 ---------- */
.ptb{border-top:1.5px solid var(--ink)}
.ptb-r{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(0,1.8fr);gap:6px clamp(16px,2.4vw,40px);align-items:baseline;padding:clamp(18px,1.6vw,24px) 4px;border-bottom:1px solid var(--line)}
.ptb-n{font-weight:700;font-size:clamp(15.5px,.3vw + 14.5px,18px);letter-spacing:.06em;line-height:1.5}
.ptb-n small{display:block;font-size:12.5px;font-weight:700;color:var(--sage-t);letter-spacing:.06em;margin-top:2px}
.ptb-p{font-weight:700;font-size:clamp(15px,.25vw + 14px,17px);letter-spacing:.02em;font-feature-settings:"palt"}
.ptb-d{font-size:var(--fs-small);color:var(--ink2);line-height:1.85}
.ptb-r.em{background:rgba(222,225,216,.55)}
.bg .ptb-r.em{background:var(--paper)}

/* ---------- 事業ごとの塊（事業と料金） ---------- */
.biz{display:grid;grid-template-columns:minmax(0,4.2fr) minmax(0,7fr);gap:clamp(28px,5vw,96px);align-items:start;padding-block:clamp(56px,5vw,96px);border-top:1px solid var(--line);scroll-margin-top:var(--hh)}
.biz:first-child{border-top:0;padding-top:0}
.biz-h{position:sticky;top:calc(var(--hh) + 32px)}
.biz-h h2{font-size:clamp(22px,.8vw + 18px,32px);letter-spacing:.08em;margin-top:16px}
.biz-h .sub{display:block;font-size:var(--fs-small);font-weight:700;color:var(--sage-t);letter-spacing:.1em;margin-top:6px}
.biz-h p{margin-top:16px;color:var(--ink2)}
.biz-h .flow{margin-top:22px;padding-top:16px;border-top:1px solid var(--line);font-size:var(--fs-small);line-height:1.9}
.biz-h .flow b{display:block;font-weight:700;letter-spacing:.12em;margin-bottom:4px}
.biz .tip{margin-top:20px;padding:4px 0 4px 18px;border-left:2px solid var(--c-fruit);font-size:var(--fs-small);line-height:1.9;color:var(--ink2)}
.biz .tip b{color:var(--ink)}
.biz .lk{display:inline-flex;align-items:center;gap:10px;margin-top:22px;font-weight:700;font-size:var(--fs-small);letter-spacing:.1em;border-bottom:1px solid currentColor;padding-bottom:4px;color:var(--deep)}
.biz .lk i{font-style:normal;font-family:var(--en);transition:transform .4s cubic-bezier(.6,0,.2,1)}.biz .lk:hover i{transform:translateX(4px)}

/* ---------- 進め方（順番があるので番号つき） ---------- */
.steps{list-style:none;display:grid;grid-template-columns:repeat(var(--n,5),minmax(0,1fr));border-top:1.5px solid var(--ink)}
.steps li{padding:clamp(20px,1.8vw,28px) clamp(14px,1.4vw,24px) 0 0}
.steps li+li{border-left:1px solid var(--line);padding-left:clamp(14px,1.4vw,24px)}
.steps .n{font-family:var(--en);font-weight:500;font-size:clamp(26px,1.2vw + 18px,40px);line-height:1;color:var(--sage-t)}
.steps b{display:block;font-weight:700;font-size:clamp(15.5px,.3vw + 14.5px,18px);margin-top:12px;letter-spacing:.08em;line-height:1.5}
.steps span{display:block;font-size:var(--fs-small);color:var(--ink2);margin-top:6px;line-height:1.8}

/* ---------- よくあるご質問 ---------- */
.faq{border-top:1.5px solid var(--ink)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:auto minmax(0,1fr) 18px;gap:16px;align-items:baseline;padding:clamp(18px,1.6vw,24px) 4px;font-weight:700;font-size:clamp(15.5px,.3vw + 14.5px,18px);letter-spacing:.06em;line-height:1.6}
.faq summary::-webkit-details-marker{display:none}
.faq .q,.faq .a b{font-family:var(--en);font-weight:600;color:var(--sage-t)}
.faq summary i{position:relative;width:14px;height:14px;align-self:center}
.faq summary i::before,.faq summary i::after{content:"";position:absolute;left:0;right:0;top:6.5px;height:1.5px;background:var(--ink);transition:transform .3s}
.faq summary i::after{transform:rotate(90deg)}
.faq details[open] summary i::after{transform:rotate(0)}
.faq .a{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;padding:0 4px clamp(20px,1.8vw,26px);color:var(--ink2)}

/* ---------- 選べる進め方 ---------- */
.choice{display:grid;gap:clamp(28px,2.6vw,40px)}
.ch-row{display:grid;grid-template-columns:clamp(120px,10vw,160px) minmax(0,1fr) auto minmax(0,1fr);gap:clamp(12px,1.4vw,24px);align-items:stretch}
.ch-lb{align-self:center;font-weight:700;font-size:clamp(17px,.4vw + 15.5px,21px);letter-spacing:.12em}
.ch-lb small{display:block;font-family:var(--en);font-weight:600;font-size:13px;letter-spacing:.24em;color:var(--sage-t)}
.ch-op{background:var(--paper);border-top:1.5px solid var(--deep);padding:clamp(20px,2vw,32px)}
.ch-op b{display:block;font-weight:700;font-size:clamp(16px,.3vw + 15px,19px);letter-spacing:.08em}
.ch-op p{margin-top:10px;font-size:var(--fs-small);color:var(--ink2);line-height:1.9}
.ch-tag{display:inline-block;margin-top:10px;font-size:12.5px;font-weight:700;color:var(--sage-t)}
.ch-price{display:block;margin-top:10px;font-weight:700;font-size:var(--fs-small);color:var(--ink)}
.ch-or{align-self:center;font-size:13px;color:var(--ink2);letter-spacing:.1em}
.ch-note{border-top:1px solid var(--line);padding-top:18px;font-size:var(--fs-small);line-height:1.9}
.ch-note b{color:var(--deep)}

/* ---------- 箇条（葉の印） ---------- */
.how{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(32px,4vw,72px);border-top:1.5px solid var(--ink)}
.how li{position:relative;padding:clamp(20px,1.8vw,26px) 0 clamp(20px,1.8vw,26px) 34px;border-bottom:1px solid var(--line)}
.how li::before{content:"";position:absolute;left:3px;top:calc(clamp(20px,1.8vw,26px) + .62em);width:15px;height:8px;border-radius:0 100% 0 100%;background:var(--c-leaf);transform:rotate(-24deg)}
.how b{display:block;font-weight:700;font-size:clamp(15.5px,.3vw + 14.5px,18px);letter-spacing:.08em;line-height:1.5}
.how p{margin-top:6px;font-size:var(--fs-small);color:var(--ink2);line-height:1.85}
.how.one{grid-template-columns:minmax(0,1fr)}
.how em{font-style:normal;font-weight:700;color:var(--ink);background:linear-gradient(transparent 66%,var(--hl) 66%)}

/* ---------- できること（ドローン） ---------- */
.can{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2vw,32px)}
.can li{border-top:1.5px solid var(--deep);padding-top:clamp(18px,1.6vw,24px)}
.can b{display:block;font-weight:700;font-size:clamp(16px,.35vw + 14.6px,20px);letter-spacing:.08em}
.can p{margin-top:8px;font-size:var(--fs-small);color:var(--ink2);line-height:1.85}

/* ---------- 注意（左の罫） ---------- */
.warn{margin-top:clamp(28px,2.6vw,40px);padding:4px 0 4px 22px;border-left:3px solid #9A4A33;font-size:var(--fs-small);line-height:1.95;color:var(--ink2)}
.warn b{display:block;font-weight:700;font-size:clamp(16px,.3vw + 15px,19px);color:#7E3B28;margin-bottom:6px;letter-spacing:.06em}
.safe{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(28px,4vw,72px);align-items:start}
.safe .warn{margin-top:0}

/* ---------- お受けできないこと ---------- */
.ng{border-top:1.5px solid var(--ink)}
.ng-r{display:grid;grid-template-columns:minmax(0,1.3fr) 5.5em minmax(0,2.6fr);gap:6px clamp(16px,2vw,32px);align-items:baseline;padding:clamp(18px,1.6vw,24px) 4px;border-bottom:1px solid var(--line)}
.ng-r b{font-weight:700;font-size:clamp(15px,.25vw + 14px,17px);letter-spacing:.06em}
.ng-r .mk{font-weight:700;font-size:13px;letter-spacing:.06em}
.ng-r .mk.x{color:#8C4430}.ng-r .mk.t{color:#8A5822}
.ng-r p{font-size:var(--fs-small);color:var(--ink2);line-height:1.85}

/* ---------- 会社概要 ---------- */
.greet{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,6vw,120px);align-items:center}
.greet .ph{position:relative;isolation:isolate}
.greet .ph img{aspect-ratio:4/5;object-fit:cover;width:100%}
.greet .ph::before{content:"";position:absolute;left:clamp(16px,1.6vw,28px);top:clamp(16px,1.6vw,28px);right:calc(-1 * clamp(16px,1.6vw,28px));bottom:calc(-1 * clamp(16px,1.6vw,28px));background:var(--mist);z-index:-1}
.greet .txt h2{font-size:var(--fs-h2);letter-spacing:.1em}
.greet .txt p{margin-top:1.1em;color:var(--ink2)}
.greet .txt p:first-of-type{margin-top:clamp(20px,2vw,32px)}
.sig{margin-top:clamp(24px,2.4vw,36px)!important;color:var(--ink)!important;font-size:var(--fs-small);letter-spacing:.12em}
.sig b{display:block;font-weight:700;font-size:clamp(20px,.6vw + 17px,26px);letter-spacing:.24em;margin-top:4px}
.dl{display:grid;grid-template-columns:clamp(110px,12vw,180px) minmax(0,1fr);border-top:1.5px solid var(--ink)}
.dl dt,.dl dd{padding:clamp(16px,1.4vw,22px) 4px;border-bottom:1px solid var(--line)}
.dl dt{font-weight:700;letter-spacing:.1em;font-size:var(--fs-small)}
.dl dd{font-size:clamp(14.5px,.2vw + 14px,16px)}
.dl dd small{display:block;font-size:12.5px;color:var(--ink2);margin-top:2px}
.hist{list-style:none;border-top:1.5px solid var(--ink)}
.hist li{display:grid;grid-template-columns:clamp(130px,12vw,190px) minmax(0,1fr);gap:16px;padding:clamp(16px,1.4vw,22px) 4px;border-bottom:1px solid var(--line)}
.hist time{font-family:var(--en);font-weight:500;color:var(--sage-t);letter-spacing:.04em}
.team{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,96px);align-items:start}
.team .txt p+p{margin-top:1em}
.team .note{margin-top:20px}

/* ---------- お問い合わせ ---------- */
.ct{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:clamp(28px,4vw,72px);align-items:start}
.form{background:var(--paper);border-top:1.5px solid var(--deep);padding:clamp(24px,3vw,48px)}
.f-r{display:grid;grid-template-columns:clamp(150px,13vw,200px) minmax(0,1fr);gap:10px 20px;align-items:start;padding:18px 0;border-bottom:1px solid var(--line)}
.f-r:first-of-type{padding-top:0}
.f-r>label,.f-r>.lb{font-weight:700;font-size:var(--fs-small);letter-spacing:.08em;padding-top:10px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.req,.opt{font-size:12px;font-weight:700;padding:1px 8px;letter-spacing:.06em}
.req{background:var(--deep);color:#fff}.opt{background:var(--ground);color:var(--ink2)}
.form input[type=text],.form input[type=email],.form input[type=tel],.form textarea{width:100%;font:inherit;font-size:16px;padding:11px 14px;border:1px solid var(--mist2);background:#fff;color:var(--ink);border-radius:0;transition:border-color .2s,box-shadow .2s}
.form textarea{min-height:180px;resize:vertical;line-height:1.8}
.form input:focus,.form textarea:focus{outline:none;border-color:var(--deep);box-shadow:0 0 0 3px var(--hl)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips label{position:relative}
.chips input{position:absolute;opacity:0;inset:0;cursor:pointer}
.chips span{display:inline-flex;align-items:center;min-height:40px;padding:6px 16px;border:1px solid var(--mist2);background:#fff;font-size:13.5px;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:background .2s,color .2s}
.chips input:checked+span{background:var(--deep);border-color:var(--deep);color:#fff}
.chips input:focus-visible+span{outline:2px solid var(--sage);outline-offset:2px}
.agree{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:26px;font-size:var(--fs-small)}
.agree input{width:20px;height:20px;accent-color:var(--deep)}
.agree a{border-bottom:1px solid currentColor}
.form .btn{display:flex;margin:24px auto 0;width:fit-content}
.demo-msg{margin-top:16px;text-align:center;font-size:var(--fs-small);color:var(--sage-t);font-weight:700}
.side{display:grid;gap:clamp(20px,2vw,28px)}
.side>div{border-top:1px solid var(--ink);padding-top:16px}
.side b{display:block;font-weight:700;letter-spacing:.1em;margin-bottom:6px}
.side p{font-size:var(--fs-small);color:var(--ink2);line-height:1.9}
.side ol{list-style:none;counter-reset:f}
.side ol li{position:relative;padding:5px 0 5px 34px;font-size:var(--fs-small)}
.side ol li::before{counter-increment:f;content:counter(f);position:absolute;left:0;top:6px;font-family:var(--en);font-weight:600;color:var(--sage-t)}
.side .mail{font-family:var(--en);font-weight:500;color:var(--ink);user-select:all;word-break:break-all}

/* ---------- お知らせ ---------- */
.nl{list-style:none;border-top:1.5px solid var(--ink)}
.nl a{display:grid;grid-template-columns:7.5em 7em minmax(0,1fr) 24px;gap:16px;align-items:baseline;padding:clamp(18px,1.6vw,24px) 4px;border-bottom:1px solid var(--line);transition:background .3s}
.nl a:hover{background:var(--ground)}
.nl time{font-family:var(--en);font-weight:500;color:var(--sage-t);font-size:var(--fs-small);letter-spacing:.04em}
.nl .cat{justify-self:start;font-size:12.5px;font-weight:700;color:var(--ink2);border:1px solid var(--mist2);padding:1px 10px}
.nl b{font-weight:700;letter-spacing:.06em}
.nl .eg{font-size:12.5px;color:var(--ink2);font-weight:500;margin-left:8px}
.nl i{font-style:normal;font-family:var(--en);color:var(--deep);transition:transform .3s}.nl a:hover i{transform:translateX(4px)}

/* ---------- プライバシーポリシー ---------- */
.pp{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(28px,5vw,96px);align-items:start}
.pp-toc{list-style:none;position:sticky;top:calc(var(--hh) + 32px);border-top:1.5px solid var(--ink)}
.pp-toc a{display:block;padding:12px 4px;border-bottom:1px solid var(--line);font-size:var(--fs-small);font-weight:700;letter-spacing:.06em;transition:color .3s}
.pp-toc a:hover{color:var(--sage-t)}
.pp-b section{padding-bottom:clamp(28px,2.6vw,40px);margin-bottom:clamp(28px,2.6vw,40px);border-bottom:1px solid var(--line);scroll-margin-top:calc(var(--hh) + 24px)}
.pp-b h2{font-size:clamp(17px,.4vw + 15.5px,21px);letter-spacing:.08em}
.pp-b p,.pp-b li{margin-top:12px;color:var(--ink2)}
.pp-b ul{padding-left:1.4em}
.pp-b a{color:var(--deep);border-bottom:1px solid currentColor}
.pp-b .date{border:0;color:var(--ink);font-size:var(--fs-small)}

/* ---------- Feather Be への導線（ドローン） ---------- */
.fbx{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(28px,4vw,72px);align-items:center;margin-top:clamp(48px,4.6vw,80px);border-top:1.5px solid var(--ink);padding-top:clamp(28px,2.6vw,40px)}
.fbx .fb-ph{aspect-ratio:16/10}

/* ---------- 可変幅 ---------- */
@media (max-width:1024px){
  .lh-g{grid-template-columns:minmax(0,1fr);min-height:0}
  .lh .pane{width:auto;left:var(--gut);top:0;bottom:auto;height:clamp(240px,52vw,480px)}
  .lh-ph{order:-1;margin:0 0 0 var(--gut);height:clamp(240px,52vw,480px)}
  .lh-ph figcaption{left:auto;right:var(--gut)}
  .lh-tx{padding:clamp(48px,7vw,72px) var(--gut) clamp(56px,8vw,88px)}
  .bc{margin-bottom:0}
  .biz,.greet,.team,.ct,.pp,.safe,.fbx{grid-template-columns:minmax(0,1fr)}
  .biz-h,.pp-toc{position:static}
  .can{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ch-row{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.ch-lb{grid-column:1/-1}
  .greet .ph{max-width:460px}
}
@media (max-width:860px){
  .steps{grid-template-columns:minmax(0,1fr)}
  .steps li,.steps li+li{display:grid;grid-template-columns:3.2em minmax(0,1fr);gap:0 12px;border-left:0;padding:18px 0;border-bottom:1px solid var(--line)}
  .steps .n{grid-row:1/3;font-size:28px}.steps b{margin-top:0}
  .hd2{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:720px){
  .ptb-r{grid-template-columns:minmax(0,1fr) auto;gap:4px 16px}.ptb-d{grid-column:1/-1}
  .how{grid-template-columns:minmax(0,1fr)}
  .ng-r{grid-template-columns:minmax(0,1fr) auto}.ng-r p{grid-column:1/-1}
  .f-r{grid-template-columns:minmax(0,1fr)}.f-r>label,.f-r>.lb{padding-top:0}
  .nl a{grid-template-columns:auto minmax(0,1fr) 20px;gap:6px 14px}.nl b{grid-column:1/3}.nl i{grid-row:1/3;grid-column:3}
}
@media (max-width:600px){
  .can{grid-template-columns:minmax(0,1fr)}
  .ch-row{grid-template-columns:minmax(0,1fr)}.ch-or{justify-self:center}
  .dl,.hist li{grid-template-columns:minmax(0,1fr)}.dl dt{border-bottom:0;padding-bottom:0}.dl dd{padding-top:4px}.hist li{gap:2px}
  .greet .ph::before{right:calc(-1 * var(--gut))}
  .form{padding:22px 16px}
}

/* ===== v2（10/7）文字を減らして図と図標で見せる ===== */
.ic{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
/* 6つの事業カード */
.bz{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,32px)}
.bz-c{position:relative;background:var(--paper);border-top:3px solid var(--c);padding:clamp(22px,2vw,32px);display:flex;flex-direction:column;scroll-margin-top:calc(var(--hh) + 24px);box-shadow:0 1px 0 var(--line)}
.bz-t{display:flex;justify-content:space-between;align-items:center;color:var(--c)}
.bz-t .ic{width:32px;height:32px}
.bz-n{font-family:var(--en);font-size:clamp(20px,.5vw + 17px,26px);line-height:1;letter-spacing:.04em;color:var(--sage-t)}
.bz-c h3{font-size:clamp(17px,.4vw + 15.5px,21px);letter-spacing:.08em;margin-top:18px;line-height:1.5}
.bz-c p{margin-top:8px;font-size:var(--fs-small);color:var(--ink2)}
.bz-m{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}
.bz-m li{font-size:12.5px;font-weight:700;padding:3px 10px;background:var(--ground);letter-spacing:.04em}
.bz-c .lk{margin-top:auto;padding-top:18px;align-self:flex-start;display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:var(--fs-small);letter-spacing:.1em;color:var(--deep);border-bottom:1px solid currentColor;padding-bottom:4px}
.bz-c .lk i{font-style:normal;font-family:var(--en)}
.s2:not(.bg) .bz-c{background:var(--ground);box-shadow:none}.s2:not(.bg) .bz-m li{background:var(--paper)}
/* 進め方の線（図標つき） */
.trk{list-style:none;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));position:relative}
.trk::before{content:"";position:absolute;left:calc(100% / var(--n) / 2);right:calc(100% / var(--n) / 2);top:32px;height:1.5px;background:var(--sage);opacity:.5}
.trk li{position:relative;text-align:center;padding:0 8px}
.trk-i{position:relative;z-index:1;display:grid;place-items:center;width:64px;height:64px;margin:0 auto;border-radius:50%;background:var(--paper);border:1.5px solid var(--sage);color:var(--deep)}
.bg .trk-i{background:var(--paper)}.s2:not(.bg) .trk-i{background:var(--ground)}
.trk-n{display:block;font-family:var(--en);font-weight:600;font-size:13px;letter-spacing:.16em;color:var(--sage-t);margin-top:14px}
.trk b{display:block;font-weight:700;font-size:clamp(15px,.3vw + 14px,18px);letter-spacing:.08em;margin-top:4px;line-height:1.5}
.trk-d{display:block;font-size:13px;color:var(--ink2);margin-top:4px;line-height:1.7}
.trk.span{padding-top:44px}
.trk.span::after{content:"おおむね 2〜3か月";position:absolute;left:calc(100% / var(--n) / 2);right:calc(100% / var(--n) / 2);top:0;height:26px;border:1px solid var(--mist2);border-bottom:0;font-size:12.5px;font-weight:700;letter-spacing:.1em;color:var(--sage-t);display:grid;place-items:start center;padding-top:4px}
.trk.span::before{top:76px}
/* 分けて頼む／まとめて頼む */
.vs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,32px)}
.vs-c{border:1px solid var(--mist2);padding:clamp(24px,2.4vw,40px);display:flex;flex-direction:column;gap:clamp(18px,1.8vw,28px)}
.vs-c.on{background:var(--deep);color:#F3F1EA;border-color:var(--deep)}
.vs-h{font-weight:700;letter-spacing:.14em;font-size:clamp(15px,.3vw + 14px,18px)}
.vs-l{list-style:none;display:grid;gap:10px}
.vs-l li{display:flex;align-items:center;gap:12px;border:1px dashed var(--mist2);padding:10px 14px;font-weight:700;font-size:var(--fs-small)}
.vs-l .ic{width:22px;height:22px;color:var(--sage-t)}
.vs-one{display:flex;align-items:center;justify-content:center;gap:14px;border:1px solid rgba(255,255,255,.3);padding:24px 14px;font-weight:700;font-size:clamp(16px,.4vw + 14.5px,20px);letter-spacing:.12em;flex:1}
.vs-one img{width:48px;filter:brightness(0) invert(1)}
.vs-k{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--mist2);padding-top:16px;margin-top:auto}
.vs-c.on .vs-k{border-color:rgba(255,255,255,.25)}
.vs-k dt{font-size:12.5px;letter-spacing:.1em;opacity:.8}
.vs-k dd{font-weight:700;font-size:clamp(18px,.6vw + 16px,24px);letter-spacing:.06em;margin-top:2px}
/* つくり方×任せ方 */
.mx{display:grid;gap:10px}
.mx-r{display:grid;grid-template-columns:clamp(120px,14vw,200px) repeat(2,minmax(0,1fr));gap:10px}
.mx-ax span{font-weight:700;font-size:var(--fs-small);letter-spacing:.1em;text-align:center;padding:10px;border-bottom:1.5px solid var(--ink)}
.mx-ax span:first-child{text-align:left;border-bottom:0;font-size:12.5px;color:var(--ink2);font-weight:500;align-self:end}
.mx-h{display:flex;align-items:center;font-weight:700;letter-spacing:.1em;font-size:var(--fs-small);border-right:1.5px solid var(--ink);padding-right:12px}
.mx-c{background:var(--ground);padding:clamp(20px,2vw,32px);display:flex;flex-direction:column;gap:6px;min-height:clamp(110px,9vw,150px);justify-content:center}
.mx-c b{font-weight:700;font-size:clamp(16px,.4vw + 14.5px,20px);letter-spacing:.08em}
.mx-c i{font-style:normal;font-size:13px;color:var(--ink2)}
.mx-c.on{background:var(--deep);color:#F3F1EA}.mx-c.on i{color:#CFE0D3}
/* 図標5つ・3つ */
.ic5,.ic3{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(12px,1.6vw,24px)}
.ic3{grid-template-columns:repeat(3,minmax(0,1fr))}
.ic5 li,.ic3 li{text-align:center;padding:clamp(22px,2vw,32px) 10px;border-top:1.5px solid var(--deep)}
.ic5 .ic,.ic3 .ic{width:40px;height:40px;color:var(--sage-t);margin:0 auto}
.ic5 b,.ic3 b{display:block;font-weight:700;font-size:clamp(15px,.3vw + 14px,18px);letter-spacing:.08em;margin-top:14px}
.ic5 span,.ic3 span{display:block;font-size:13px;color:var(--ink2);margin-top:4px;line-height:1.7}
/* プラン比較 */
.cmp-w{overflow-x:auto}
.cmp{width:100%;min-width:560px;border-collapse:collapse;font-size:var(--fs-small)}
.cmp th,.cmp td{padding:clamp(14px,1.3vw,20px) 12px;border-bottom:1px solid var(--line);text-align:center;vertical-align:middle}
.cmp thead th{font-weight:700;font-size:clamp(15px,.3vw + 14px,18px);letter-spacing:.08em;border-bottom:1.5px solid var(--ink);vertical-align:bottom}
.cmp thead th small{display:block;font-size:12px;color:var(--sage-t);letter-spacing:.06em;margin-top:2px}
.cmp tbody th{text-align:left;font-weight:700;letter-spacing:.06em;width:28%}
.cmp .on{background:var(--paper)}
.cmp thead .on{background:var(--deep);color:#fff}.cmp thead .on small{color:#CFE0D3}
.dt{font-size:18px;color:var(--deep)}.dt.sm{font-size:13px;color:var(--ink2)}
.opt3{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,24px);margin-top:clamp(28px,2.6vw,40px)}
.opt3 li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 14px;align-items:center;background:var(--paper);padding:16px 18px}
.opt3 .ic{grid-row:1/3;color:var(--sage-t)}
.opt3 b{font-weight:700;letter-spacing:.08em}.opt3 span{font-size:12.5px;color:var(--ink2)}
/* Feather Be への大きな導線 */
.fbb{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);margin-top:clamp(40px,4vw,72px);background:var(--deep);color:#F3F1EA;overflow:hidden}
.fbb-ph{position:relative;aspect-ratio:16/10;overflow:hidden}
.fbb-ph img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.6,.2,1)}
.fbb:hover .fbb-ph img{transform:scale(1.04)}
.fbb-tx{display:flex;flex-direction:column;justify-content:center;gap:18px;padding:clamp(28px,3vw,56px)}
.fbb-tx .tag{font-family:var(--en);font-weight:600;font-size:12.5px;letter-spacing:.22em;color:#B9D0BF}
.fbb-tx b{font-weight:700;font-size:clamp(20px,.8vw + 16px,30px);letter-spacing:.1em;line-height:1.55}
.fbb-tx .go{display:inline-flex;align-items:center;gap:12px;align-self:flex-start;font-family:var(--en);font-weight:600;letter-spacing:.08em;border-bottom:1px solid currentColor;padding-bottom:4px}
.fbb-tx .go i{font-style:normal;transition:transform .4s}.fbb:hover .go i{transform:translateX(4px)}
@media (max-width:1024px){
  .bz{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ic5{grid-template-columns:repeat(3,minmax(0,1fr))}
  .fbb{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:860px){
  .trk{grid-template-columns:minmax(0,1fr);gap:0}
  .trk::before,.trk.span::before{left:31px;right:auto;width:1.5px;height:auto;top:32px;bottom:32px}
  .trk li{display:grid;grid-template-columns:64px minmax(0,1fr);gap:0 16px;text-align:left;padding:0 0 18px}
  .trk-i{grid-row:1/4;margin:0}.trk-n{margin-top:6px}
  .trk.span{padding-top:0}.trk.span::after{position:static;display:block;border:0;border-left:3px solid var(--sage);padding:2px 0 2px 10px;margin-bottom:20px;height:auto;grid-column:1/-1;order:-1}
  .vs{grid-template-columns:minmax(0,1fr)}
  .opt3{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:600px){
  .bz{grid-template-columns:minmax(0,1fr)}
  .ic5{grid-template-columns:repeat(2,minmax(0,1fr))}.ic3{grid-template-columns:minmax(0,1fr)}
  .ic3 li{display:grid;grid-template-columns:48px minmax(0,1fr);gap:2px 14px;text-align:left;align-items:center}.ic3 .ic{grid-row:1/3;margin:0}.ic3 b{margin-top:0}
  .mx-r{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.mx-h{grid-column:1/-1;border-right:0;border-bottom:1px solid var(--ink);padding:0 0 6px}
  .mx-ax span:first-child{grid-column:1/-1}
}
.mx-ax small{font-size:inherit}

/* 下層の頭の写真＝1画面目の主役（LCP）: 幕で隠さず、ゆっくり寄りを戻すだけ（表示の速さ・10/7） */
.js .lh-ph .rv{clip-path:none}

/* プラン比較表（スマホ）: 項目の列を左に固定・右端を薄くして横に動かせることを示す（10/7 Fable） */
@media(max-width:600px){.cmp-w{-webkit-mask:linear-gradient(90deg,#000 88%,transparent);mask:linear-gradient(90deg,#000 88%,transparent);padding-right:24px}
.cmp tbody th,.cmp thead th:first-child{position:sticky;left:0;z-index:1;background:var(--ground);box-shadow:1px 0 0 var(--line)}
.cmp{min-width:540px}.cmp thead th{white-space:nowrap}}
/* パンくずのタップ領域（見た目は変えない）・比較表の「横に動かせる」の合図（10/7 Fable 再評価） */
.bc a{display:inline-block;padding:6px 0;margin:-6px 0}
@media(max-width:600px){.cmp-w::before{content:"表は横にスクロールできます →";display:block;position:sticky;left:0;font-size:12px;letter-spacing:.06em;color:var(--ink2);margin-bottom:8px}}
@media(max-width:600px){.cmp tbody th{word-break:keep-all}}

/* 10/14 スマホの区画の余白を 56px に(スマホ実測221件の中央値) */
@media (max-width:600px){.s2{padding-block:56px}}

/* 10/14 改行位置をそろえる: 下層の導入文も共通の幅(--measure=34rem)・行末を揃えにいく指定なし */
.lh .lead{max-width:none}
@media (min-width:1025px){.lh .lead{max-width:var(--measure)}}

/* 10/14 サブページ整理 A1: 事業内容の 5 項目(番号・アイコン・見出し・1 文・できること)。トップの事業内容の行と同じ線と番号の作り */
.svd-list{border-top:1px solid var(--ink)}
.svd{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1.15fr);gap:16px clamp(24px,3vw,56px);padding:clamp(32px,3vw,48px) clamp(12px,1.6vw,28px);border-bottom:1px solid var(--ink);scroll-margin-top:calc(var(--hh) + 24px)}
.svd-n{align-self:start;min-width:2.2em;font-family:var(--en);font-size:clamp(22px,.6vw + 18px,30px);line-height:1.2;color:var(--sage-t);letter-spacing:.04em}
.svd-h .ic{width:30px;height:30px;color:var(--sage-t)}
.svd-h h3{font-size:var(--fs-h3);letter-spacing:.06em;margin-top:10px;line-height:1.5}
.svd-h p{font-size:var(--fs-small);color:var(--ink2);margin-top:10px;line-height:1.85}
.svd-h .lk{display:inline-flex;align-items:center;gap:10px;margin-top:18px;font-weight:700;font-size:var(--fs-small);letter-spacing:.1em;color:var(--deep);border-bottom:1px solid currentColor;padding-bottom:4px}
.svd-h .lk i{font-style:normal;font-family:var(--en);transition:transform .4s cubic-bezier(.6,0,.2,1)}.svd-h .lk:hover i{transform:translateX(4px)}
.svd-i{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(16px,2vw,32px);align-content:start}
.svd-i li{padding:14px 0;border-bottom:1px solid var(--line)}
.svd-i b{display:block;font-size:clamp(14px,.15vw + 13.5px,16px);font-weight:700;letter-spacing:.04em}
.svd-i span{display:block;font-size:13px;color:var(--ink2);margin-top:3px;line-height:1.7}
/* B2: 画面の中央に来た項目が「育つ」(トップの事業内容と同じ: 番号 木の緑→琥珀・上端に琥珀の線) */
.js .svd .svd-n{color:var(--c-leaf);transition:color .6s cubic-bezier(.2,.6,.2,1)}
.js .svd.is-on .svd-n{color:var(--c-fruit)}
.js .svd::after{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:var(--c-fruit);transform:scaleX(0);transform-origin:left center;transition:transform .9s cubic-bezier(.7,0,.2,1);pointer-events:none}
.js .svd.is-on::after{transform:scaleX(1)}
/* A2: ドローン空撮「空撮が活きる現場」 */
.fld{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.fld li{background:var(--paper);padding:clamp(16px,1.6vw,22px) 14px;text-align:center;font-weight:700;font-size:clamp(14px,.2vw + 13px,16px);letter-spacing:.06em;border-top:2px solid var(--c-leaf)}
@media (max-width:1024px){.svd{grid-template-columns:auto minmax(0,1fr)}.svd-i{grid-column:2}.fld{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){
  .svd{gap:8px 14px;padding:24px 12px}.svd-h .ic{width:24px;height:24px}.svd-h h3{margin-top:6px}.svd-h p{margin-top:6px}.svd-h .lk{margin-top:12px}
  .svd-i{grid-template-columns:minmax(0,1fr)}.svd-i li{padding:9px 0}
  .fld{gap:8px}.fld li{padding:12px 8px;font-size:13.5px;letter-spacing:.02em}
  /* A4: ホームページ制作ページを詰める(余白と字の大きさだけ・中身はそのまま) */
  .mx,.mx-r{gap:8px}.mx-c{padding:14px;min-height:0;gap:2px}.mx-c b{font-size:15px;letter-spacing:.04em}.mx-c i{font-size:12px}
  .ic5{gap:0 12px}.ic5 li{padding:16px 6px}.ic5 .ic{width:30px;height:30px}.ic5 b{margin-top:8px;font-size:14px;letter-spacing:.04em}.ic5 span{font-size:12px;margin-top:2px}
  .cmp th,.cmp td{padding:10px 8px}
  .opt3{gap:8px}.opt3 li{padding:12px 14px}
  .trk li{grid-template-columns:48px minmax(0,1fr);gap:0 14px;padding-bottom:10px}.trk-i{width:48px;height:48px}.trk-i .ic{width:20px;height:20px}
  .trk::before,.trk.span::before{left:23px;top:24px;bottom:24px}.trk-n{margin-top:2px}.trk b{margin-top:0;font-size:15px}.trk-d{margin-top:0;font-size:12px}
}

/* ===== お問い合わせフォーム（Snow Monkey Forms をカンプの見た目に） ===== */
.form .smf-progress-tracker{display:none}
.form .smf-form .smf-item{display:grid;grid-template-columns:clamp(192px,16vw,224px) minmax(0,1fr);gap:10px 20px;align-items:start;padding:18px 0;border-bottom:1px solid var(--line)}
.form .smf-form .smf-item:first-child{padding-top:0}
.form .smf-item__col--label{font-weight:700;font-size:var(--fs-small);letter-spacing:.08em;padding-top:10px}
.form .smf-item__label__text{display:inline}
.form .smf-item__label__text::after{display:inline-block;white-space:nowrap}
.form .smf-item:has([name=fullname],[name=email],[name=category],[name=message],[name^=agree]) .smf-item__label__text::after{content:"必須";margin-left:8px;font-size:12px;font-weight:700;letter-spacing:.06em;padding:1px 8px;background:var(--deep);color:#fff;vertical-align:1px}
.form .smf-item:has([name=company],[name=tel]) .smf-item__label__text::after{content:"任意";margin-left:8px;font-size:12px;font-weight:700;letter-spacing:.06em;padding:1px 8px;background:var(--ground);color:var(--ink2);vertical-align:1px}
.form .smf-text-control__control,.form .smf-textarea-control__control,.form .smf-select-control__control{width:100%;font:inherit;font-size:16px;padding:11px 14px;border:1px solid var(--mist2);background:#fff;color:var(--ink);border-radius:0;transition:border-color .2s,box-shadow .2s}
.form .smf-select-control{display:block;position:relative}
.form .smf-select-control__control{appearance:none;padding-right:44px;cursor:pointer}
.form .smf-select-control__toggle::before{right:18px;width:7px;height:7px;border-color:var(--deep);border-width:0 1.5px 1.5px 0}
.form .smf-textarea-control__control{min-height:180px;resize:vertical;line-height:1.8}
.form .smf-text-control__control:focus,.form .smf-textarea-control__control:focus,.form .smf-select-control__control:focus{outline:none;border-color:var(--deep);box-shadow:0 0 0 3px var(--hl)}
.form .smf-checkbox-control,.form .smf-radio-button-control{display:inline-flex;align-items:center;gap:10px;font-size:var(--fs-small);cursor:pointer}
.form .smf-checkbox-control__control,.form .smf-radio-button-control__control{width:20px;height:20px;accent-color:var(--deep)}
.form .smf-checkboxes-control__control,.form .smf-radio-buttons-control__control{display:flex;flex-wrap:wrap;gap:8px 20px;padding-top:8px}
.form .smf-item__description{font-size:13px;font-weight:400;letter-spacing:.04em;color:var(--ink2);line-height:1.7;margin-top:6px}
.form .smf-item__description a{border-bottom:1px solid currentColor}
.form .smf-error-messages{color:#9A3B2B;font-size:13px;margin-top:6px}
.form .smf-action{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin-top:28px}
.form .smf-button-control__control{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:18px;min-width:clamp(240px,20vw,300px);height:clamp(54px,4.2vw,60px);padding:0 26px;background:var(--deep);color:#fff;border:0;border-radius:0;font:700 clamp(14px,.2vw + 13px,16px) var(--jp,inherit);letter-spacing:.16em;cursor:pointer;transition:background .35s}
.form .smf-button-control__control::after{content:"→";font-family:var(--en);font-weight:500}
.form .smf-button-control__control:hover{background:var(--sage-t)}
.form .smf-button-control__control[data-action=back]{background:var(--paper);color:var(--deep);border:1px solid var(--deep)}
.form .smf-button-control__control[data-action=back]::after{content:none}
.form .smf-system-error-content,.form .smf-complete-content{font-size:var(--fs-small);line-height:2}
@media(max-width:720px){.form .smf-form .smf-item{grid-template-columns:minmax(0,1fr);gap:8px}.form .smf-item__col--label{padding-top:0}}
/* ===== お知らせの本文・汎用ページ ===== */
.post-body{max-width:46em}
.post-body>*+*{margin-top:1.4em}
.post-body h2{font-size:clamp(20px,.6vw + 17px,26px);font-weight:700;letter-spacing:.06em;line-height:1.6;margin-top:2.2em;padding-top:.8em;border-top:1px solid var(--line)}
.post-body h3{font-size:clamp(17px,.3vw + 16px,20px);font-weight:700;letter-spacing:.06em;margin-top:1.8em}
.post-body p,.post-body li{line-height:2.05}
.post-body ul,.post-body ol{padding-left:1.4em}
.post-body a{color:var(--deep);border-bottom:1px solid currentColor}
.post-body img{height:auto}
.post-body figure{margin:2em 0}
.post-body figcaption{font-size:13px;color:var(--ink2);margin-top:8px}
.post-date{font-family:var(--en);font-weight:500;letter-spacing:.12em;color:var(--sage-t);margin-top:10px}
.nf-links{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 clamp(20px,2.4vw,40px)}
.nf-links a{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 12px;padding:20px 0;border-bottom:1px solid var(--line);transition:color .3s}
.nf-links b{font-weight:700;letter-spacing:.08em}
.nf-links span{grid-row:2;font-family:var(--en);font-size:12px;letter-spacing:.2em;color:var(--sage-t)}
.nf-links i{grid-row:1/3;grid-column:2;font-style:normal;font-family:var(--en);transition:transform .4s cubic-bezier(.6,0,.2,1)}
.nf-links a:hover{color:var(--sage-t)}.nf-links a:hover i{transform:translateX(4px)}
@media(max-width:820px){.nf-links{grid-template-columns:minmax(0,1fr)}}
.post-nav{max-width:46em;display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:clamp(40px,4vw,64px)}
.post-nav a{display:block;padding:16px 0;border-top:1px solid var(--line)}
.post-nav .nx{text-align:right;grid-column:2}
.post-nav small{display:block;font-family:var(--en);font-size:12px;letter-spacing:.2em;color:var(--sage-t)}
.post-nav b{display:block;font-weight:700;font-size:var(--fs-small);line-height:1.7;margin-top:4px}
.back-news{max-width:46em;margin-top:clamp(40px,4vw,64px);padding-top:8px;border-top:1px solid var(--line)}

/* Feather Be のサイト公開前（表示内容の URL が空欄）: リンクにしない */
.fbb.is-soon .go{border-bottom:0;opacity:.85;font-family:inherit;letter-spacing:.06em}
.fbb.is-soon:hover .fbb-ph img{transform:none}

/* Feather Be の動画（写真と同じく枠いっぱい・10/20） */
.fb-vid{display:block;width:100%;height:100%;object-fit:cover;background:#1E1F1D}

/* WBR-CARE-20261023 保守・運用の節（/web/ #care）— 太罫＋細罫・本文 15px 以上 */
.care{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(24px,4vw,72px);border-top:1.5px solid var(--deep)}
.care li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:start;padding:clamp(22px,2vw,32px) 4px;border-bottom:1px solid var(--line)}
.care .ic{width:clamp(30px,2.4vw,36px);height:clamp(30px,2.4vw,36px);color:var(--sage-t);margin-top:2px}
.care h3{font-size:clamp(16.5px,.35vw + 15px,20px);font-weight:700;letter-spacing:.06em;line-height:1.6}
.care p{font-size:var(--fs-body);color:var(--ink2);line-height:1.9;margin-top:6px}
.care-f{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px 18px;align-items:center;margin-top:clamp(24px,2.4vw,36px);padding:clamp(18px,1.8vw,24px) clamp(18px,2vw,28px);background:var(--paper)}
.care-f .ic{width:28px;height:28px;color:var(--sage-t);align-self:start;margin-top:3px}
.care-f p{font-size:var(--fs-body);line-height:1.9}
@media (max-width:860px){.care{grid-template-columns:minmax(0,1fr)}.care-f{grid-template-columns:auto minmax(0,1fr)}.care-f .go2{grid-column:1/-1;justify-self:start}}
@media (max-width:600px){.care li{gap:14px;padding:18px 2px}.care-f{gap:12px 14px}}

/* WBR-WRAP-20261023 頭の案内（保守・運用へ）・節の見出しの下線・1文ずつの改行 */
.lh .care-chip{display:inline-flex;align-items:center;gap:10px;margin-top:clamp(18px,1.8vw,26px);padding:10px 16px 10px 14px;border:1px solid var(--deep);background:var(--paper);color:var(--deep);font-weight:700;font-size:clamp(15px,.2vw + 14px,16.5px);letter-spacing:.06em;line-height:1.6;transition:background .3s,color .3s}
.lh .care-chip .ic{width:22px;height:22px;flex:none;color:currentColor}
.lh .care-chip i{font-style:normal;font-family:var(--en);font-weight:500}
.lh .care-chip:hover{background:var(--deep);color:#fff}
.lh .care-chip+.toc{margin-top:clamp(18px,1.8vw,26px)}
#care .hd2 h2 em{font-style:normal;background:linear-gradient(transparent 64%,var(--hl) 64%)}
#care .hd2{grid-template-columns:minmax(0,1fr);row-gap:clamp(14px,1.4vw,20px)} /* 説明は見出しの下＝1文1行に収まる幅 */
#care .hd2>p,.care p,.care-f p,.faq .a span{text-wrap:pretty}
/* WBR-COMPANY-20261023 表紙の大きな英字を文字の列の幅に収める（列＝幅の基準・上限＝列の幅÷5.5。cqi が使えないブラウザは従来どおり） */
.lh-tx{container-type:inline-size}
.lh-en{font-size:min(clamp(46px,4vw + 18px,120px),calc(100cqi / 5.5))}

/* ===== WBR-CN-20261028 地域のつながり ===== */
.cn-lb{font-weight:700;font-size:var(--fs-small);letter-spacing:.2em;color:var(--sage-t)}
.cn-role-g{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(24px,5vw,96px);align-items:start}
.cn-role h2{font-size:var(--fs-h2);letter-spacing:.12em;line-height:1.55;margin-top:.5em}
.cn-role-t p{color:var(--ink2);max-width:34rem}
.cn-role-t p+p{margin-top:1.1em}
.cn-role-t em{font-style:normal;background:linear-gradient(transparent 64%,rgba(210,134,64,.34) 64%)}
.cn-pj{padding-block:clamp(48px,5vw,96px);border-top:1px solid var(--line)}
.cn-pj-g{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(28px,5vw,96px);align-items:start}
.cn-pj.rev .cn-pj-g{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}
.cn-pj.rev .cn-ph{order:2}
.cn-ph{position:relative;aspect-ratio:4/3;margin:0;isolation:isolate}
.cn-ph::after{content:"";position:absolute;left:clamp(14px,1.5vw,24px);top:clamp(14px,1.5vw,24px);right:calc(-1*clamp(14px,1.5vw,24px));bottom:calc(-1*clamp(14px,1.5vw,24px));background:var(--ground);z-index:-1}
.cn-ph img{width:100%;height:100%;object-fit:cover;display:block}
.cn-no{font-family:var(--en);font-size:14px;letter-spacing:.2em;color:var(--sage-t)}
.cn-pj h3{font-size:clamp(22px,1.3vw + 16px,34px);letter-spacing:.08em;line-height:1.45;margin-top:.3em}
.cn-where{font-size:var(--fs-small);color:var(--ink2);margin-top:.4em}
.cn-about{margin-top:1.4em}
.cn-role-box{margin-top:1.8em;border-left:3px solid var(--sage);background:#F3F2EE;padding:.9em 1.2em}
.cn-role-box dt{font-size:var(--fs-small);font-weight:700;color:var(--sage-t);letter-spacing:.14em}
.cn-role-box dd{margin:.3em 0 0}
.cn-lk{margin-top:1.4em}
.cn-lk a{font-size:var(--fs-small);font-weight:700;border-bottom:1px solid var(--ink);padding:6px 0 2px}
.cn-lk a::after{content:" ↗";font-family:var(--en)}
.cn-sub{margin-top:2.2em;display:grid;grid-template-columns:120px minmax(0,1fr);gap:1.2em;align-items:start;padding-top:1.6em;border-top:1px dashed var(--line)}
.cn-mini{display:block;aspect-ratio:1/1;overflow:hidden}
.cn-mini img{width:100%;height:100%;object-fit:cover;display:block}
.cn-sub b{display:block;font-size:clamp(17px,.5vw + 15px,22px);letter-spacing:.06em}
.cn-sub p{color:var(--ink2);margin-top:.3em}
.cn-note{padding-block:clamp(32px,3vw,56px) clamp(72px,7vw,140px);font-size:var(--fs-small);color:var(--ink2)}
.cn-note p{max-width:46em}
.cn-co{padding-block:0 clamp(56px,5vw,96px)}
.cn-co-g{display:flex;flex-wrap:wrap;gap:12px 32px;align-items:center;justify-content:space-between}
.cn-co-g p{color:var(--ink2);max-width:40em}
.cn-co-a{margin-top:0}
@media (max-width:820px){.cn-role-g,.cn-pj-g,.cn-pj.rev .cn-pj-g{grid-template-columns:minmax(0,1fr)}.cn-pj.rev .cn-ph{order:0}.cn-ph::after{right:calc(-1*var(--gut))}.cn-sub{grid-template-columns:88px minmax(0,1fr)}}

/* ===== WBR-CNWRAP-20261028 改行の見直し ===== */
.p-connections .lh .lead{max-width:36em}
.cn-role-t p{max-width:38rem}
.cn-note p{max-width:none}
@media (min-width:821px) and (max-width:1180px){.cn-pj-g{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}.cn-pj.rev .cn-pj-g{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}}
@media (max-width:480px){.cn-sub{grid-template-columns:minmax(0,1fr);gap:14px}.cn-mini{width:120px}}

/* ===== WBR-CNFIX-20261029 Fable 点検の直し ===== */
#forest-door .cn-pj-l{min-width:0}
#forest-door .cn-sub{margin-top:clamp(40px,3.4vw,56px);padding-top:0;border-top:0}
.cn-role-box{border-left:0;background:none;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:1em 0 1.1em}
@media (min-width:821px) and (max-width:1180px){#forest-door .cn-sub{grid-template-columns:minmax(0,1fr);gap:14px}#forest-door .cn-mini{width:120px}}
@media (max-width:820px){#forest-door .cn-pj-l{display:contents}#forest-door .cn-ph{order:0}#forest-door .cn-pj-t{order:1}#forest-door .cn-sub{order:2;margin-top:8px;padding-top:1.6em;border-top:1px dashed var(--line)}}

/* ===== WBR-SAMPLESPAGE-20261029 業種別サンプルサイト(/web/samples/)— 頁頭 np 型+群ごとの縦の一覧 ===== */
.sp-chk{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin-top:clamp(18px,1.8vw,26px)}
.sp-chk li{display:flex;align-items:center;gap:12px;padding:11px 18px 11px 15px;background:var(--paper);border:1px solid var(--line);font-size:clamp(15px,.2vw + 14px,16.5px);font-weight:700;letter-spacing:.06em;line-height:1.6}
.sp-chk li::before{content:"";flex:none;width:15px;height:8px;border-left:2.5px solid var(--sage-t);border-bottom:2.5px solid var(--sage-t);transform:rotate(-45deg) translate(1px,-2px)}
.sp-meta{margin-top:16px;font-size:15px;color:var(--ink2);letter-spacing:.04em}
.sp-list.s2{padding-top:clamp(48px,4vw,80px)}
.sp-tabs{display:none;flex-wrap:wrap;gap:0 6px;margin:0 0 clamp(40px,4vw,64px);border-bottom:1px solid var(--line)}.js .sp-tabs{display:flex}
.sp-tab{font:inherit;font-size:clamp(15px,.2vw + 14px,16.5px);font-weight:700;letter-spacing:.06em;min-height:48px;padding:10px 14px 8px;margin-bottom:-1px;border:0;border-bottom:3px solid transparent;background:none;color:var(--ink2);cursor:pointer;transition:color .3s,border-color .3s}
.sp-tab span{margin-left:8px;font-family:var(--en);font-weight:500}
.sp-tab:hover{color:var(--ink)}.sp-tab[aria-pressed="true"]{color:var(--deep);border-bottom-color:var(--deep)}
.sp-tab:focus-visible{outline:2px solid var(--sage);outline-offset:2px}
.sp-grp{margin:0 0 clamp(56px,5vw,88px)}.sp-grp[hidden]{display:none}
.sp-grp h2{display:flex;align-items:baseline;gap:14px;padding-bottom:14px;border-bottom:1.5px solid var(--deep);font-size:clamp(19px,.4vw + 17px,24px);font-weight:700;letter-spacing:.08em}
.sp-grp h2 span{font-size:15px;font-weight:400;color:var(--ink2);letter-spacing:.04em}
.sp-cases{list-style:none}
.sp-case{position:relative;display:grid;grid-template-columns:16rem minmax(0,1fr) 320px;grid-template-areas:"hd note im";column-gap:clamp(28px,3vw,48px);align-items:start;padding:clamp(24px,2vw,32px) 0;border-bottom:1px solid var(--line);scroll-margin-top:calc(var(--hh) + 16px);transition:background-color .4s ease-out}
.sp-case:hover{background:var(--ground)}
.sp-hd{grid-area:hd}.sp-note{grid-area:note;font-size:var(--fs-body);line-height:1.95;max-width:30em;text-wrap:pretty}.sp-im{grid-area:im}
.sp-hd h3{word-break:keep-all;overflow-wrap:anywhere;font-size:clamp(18px,.3vw + 16.5px,21px);line-height:1.5;font-weight:700;letter-spacing:.06em}
.sp-hd h3 a{color:var(--ink);text-decoration:none}
.sp-hd h3 a::after{content:"";position:absolute;inset:0}
.sp-hd h3 i{margin-left:.4em;font-style:normal;font-family:var(--en);font-weight:500;color:var(--sage-t)}
.sp-hd h3 a:hover{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:6px}
.sp-hd h3 a:focus-visible{outline:none}.sp-case:focus-within{outline:2px solid var(--sage);outline-offset:-2px}
.sp-name{margin-top:6px;font-size:15px;line-height:1.6;color:var(--ink2)}.sp-name .sl{margin:0 .35em}
.sp-im{aspect-ratio:3/2;overflow:hidden;background:var(--ground);border:1px solid var(--line)}
.sp-im img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.6,.2,1)}
.sp-case:hover .sp-im img{transform:scale(1.03)}
.sp-f{display:flex;justify-content:space-between;align-items:center;gap:20px 40px;flex-wrap:wrap;padding-top:8px;font-size:15px;line-height:1.85;color:var(--ink2)}
.sp-f a.go2{position:relative;display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-width:250px;min-height:52px;padding:0 22px 0 26px;border:1px solid var(--deep);background:var(--paper);color:var(--deep);font-weight:700;letter-spacing:.12em;font-size:15px;overflow:hidden;isolation:isolate;transition:color .4s}
.sp-f a.go2::after{content:"";position:absolute;inset:0;width:0;background:var(--deep);z-index:-1;transition:width .5s cubic-bezier(.6,0,.2,1)}
.sp-f a.go2:hover{color:#fff}.sp-f a.go2:hover::after{width:100%}
.sp-f a.go2 i{font-style:normal;font-family:var(--en);font-weight:500}
.sp-empty{padding:24px 0 48px;color:var(--ink2)}
@media (max-width:1023px){.sp-case{grid-template-columns:minmax(0,1fr) 260px;grid-template-areas:"hd im" "note im";row-gap:12px;column-gap:28px}.sp-note{max-width:none}}
@media (max-width:699px){
  .sp-chk{flex-direction:column;gap:8px}.sp-chk li{padding:10px 16px 10px 14px}
  .sp-tabs{gap:0;margin-bottom:36px}.sp-tab{padding-inline:10px;min-height:44px}
  .sp-case{grid-template-columns:minmax(0,1fr);grid-template-areas:"hd" "note" "im";row-gap:12px;padding:24px 0}
  .sp-note{font-size:16px;line-height:1.9}
  .sp-f a.go2{width:100%}
}
@media (prefers-reduced-motion:reduce){.sp-case,.sp-im img,.sp-tab{transition:none}.sp-case:hover .sp-im img{transform:none}}

/* WBR-WIDE-20261029 1600px より広い画面だけ: 中身の幅を画面の約 79% まで・文字と余白を 2560px で 1.15 倍まで(1600px で今と同じ)。_wide1029.py が書き出す */
@media (min-width:1601px){
.lh-g{grid-template-columns:minmax(0,5fr) minmax(0,6.2fr);min-height:max(clamp(420px,40vw,640px), min(calc(640px + (100vw - 1600px) * 0.1), 736px))}
.lh-tx{padding:max(clamp(28px,3vw,44px), min(calc(44px + (100vw - 1600px) * 0.00687), 50.6px)) max(clamp(24px,3.4vw,64px), min(calc(54.4px + (100vw - 1600px) * 0.02), 73.6px)) max(clamp(52px,5vw,96px), min(calc(80px + (100vw - 1600px) * 0.03167), 110.4px)) max(var(--gut),calc((100vw - var(--max)) / 2 + var(--gut)))}
.bc{font-size:min(calc(12.5px + (100vw - 1600px) * 0.00195), 14.375px);margin-bottom:auto}
.bc li+li::before{margin:0 min(calc(10px + (100vw - 1600px) * 0.00156), 11.5px)}
.lh-en{font-size:max(clamp(46px,4vw + 18px,120px), min(calc(82px + (100vw - 1600px) * 0.05833), 138px));margin-top:max(clamp(40px,4.6vw,88px), min(calc(73.6px + (100vw - 1600px) * 0.02875), 101.2px))}
.lh h1{font-size:max(clamp(26px,1.2vw + 20px,44px), min(calc(39.2px + (100vw - 1600px) * 0.01187), 50.6px));margin-top:max(clamp(12px,1.2vw,20px), min(calc(19.2px + (100vw - 1600px) * 0.00396), 23px))}
.lh .lead{margin-top:max(clamp(16px,1.6vw,24px), min(calc(24px + (100vw - 1600px) * 0.00375), 27.6px));max-width:30em}
.toc{gap:min(calc(10px + (100vw - 1600px) * 0.00156), 11.5px) min(calc(22px + (100vw - 1600px) * 0.00344), 25.3px);margin-top:max(clamp(24px,2.4vw,36px), min(calc(36px + (100vw - 1600px) * 0.00562), 41.4px))}
.toc a{font-size:var(--fs-small);padding-bottom:min(calc(3px + (100vw - 1600px) * 0.00047), 3.45px)}
.lh-ph{margin:max(clamp(28px,3vw,44px), min(calc(44px + (100vw - 1600px) * 0.00687), 50.6px)) 0 max(clamp(52px,5vw,96px), min(calc(80px + (100vw - 1600px) * 0.03167), 110.4px))}
.lh-ph .ph{inset:0}
.lh-ph img{width:100%;height:100%}
.lh-ph figcaption{left:0;bottom:0;font-size:min(calc(12px + (100vw - 1600px) * 0.00187), 13.8px)}
.lh.np .lh-g{grid-template-columns:minmax(0,1fr);min-height:max(clamp(300px,26vw,420px), min(calc(416px + (100vw - 1600px) * 0.06979), 483px))}
.lh.np .lh-tx{padding-right:var(--gut)}
.s2{padding-block:max(clamp(80px,6vw + 32px,150px), min(calc(128px + (100vw - 1600px) * 0.04635), 172.5px))}
.hd2{grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:min(calc(16px + (100vw - 1600px) * 0.0025), 18.4px) max(clamp(24px,5vw,96px), min(calc(80px + (100vw - 1600px) * 0.03167), 110.4px));margin-bottom:max(clamp(36px,3.6vw,60px), min(calc(57.6px + (100vw - 1600px) * 0.01187), 69px))}
.hd2 .lb{font-size:max(clamp(13px,.2vw + 12px,15px), min(calc(15px + (100vw - 1600px) * 0.00234), 17.25px))}
.hd2 h2{font-size:var(--fs-h2);margin-top:min(calc(10px + (100vw - 1600px) * 0.00156), 11.5px)}
.hd2.one{grid-template-columns:minmax(0,1fr)}
.note{font-size:min(calc(13px + (100vw - 1600px) * 0.00203), 14.95px);margin-top:min(calc(18px + (100vw - 1600px) * 0.00281), 20.7px)}
.ptb-r{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(0,1.8fr);gap:min(calc(6px + (100vw - 1600px) * 0.00094), 6.9px) max(clamp(16px,2.4vw,40px), min(calc(38.4px + (100vw - 1600px) * 0.00792), 46px));padding:max(clamp(18px,1.6vw,24px), min(calc(24px + (100vw - 1600px) * 0.00375), 27.6px)) min(calc(4px + (100vw - 1600px) * 0.00062), 4.6px)}
.ptb-n{font-size:max(clamp(15.5px,.3vw + 14.5px,18px), min(calc(18px + (100vw - 1600px) * 0.00281), 20.7px))}
.ptb-n small{font-size:min(calc(12.5px + (100vw - 1600px) * 0.00195), 14.375px);margin-top:min(calc(2px + (100vw - 1600px) * 0.00031), 2.3px)}
.ptb-p{font-size:max(clamp(15px,.25vw + 14px,17px), min(calc(17px + (100vw - 1600px) * 0.00266), 19.55px))}
.ptb-d{font-size:var(--fs-small)}
.biz{grid-template-columns:minmax(0,4.2fr) minmax(0,7fr);gap:max(clamp(28px,5vw,96px), min(calc(80px + (100vw - 1600px) * 0.03167), 110.4px));padding-block:max(clamp(56px,5vw,96px), min(calc(80px + (100vw - 1600px) * 0.03167), 110.4px))}
.biz:first-child{padding-top:0}
.biz-h{top:calc(var(--hh) + 32px)}
.biz-h h2{font-size:max(clamp(22px,.8vw + 18px,32px), min(calc(30.8px + (100vw - 1600px) * 0.00625), 36.8px));margin-top:min(calc(16px + (100vw - 1600px) * 0.0025), 18.4px)}
.biz-h .sub{font-size:var(--fs-small);margin-top:min(calc(6px + (100vw - 1600px) * 0.00094), 6.9px)}
.biz-h p{margin-top:min(calc(16px + (100vw - 1600px) * 0.0025), 18.4px)}
.biz-h .flow{margin-top:min(calc(22px + (100vw - 1600px) * 0.00344), 25.3px);padding-top:min(calc(16px + (100vw - 1600px) * 0.0025), 18.4px);font-size:var(--fs-small)}
.biz-h .flow b{margin-bottom:min(calc(4px + (100vw - 1600px) * 0.00062), 4.6px)}
.biz .tip{margin-top:min(calc(20px + (100vw - 1600px) * 0.00313), 23px);padding:min(calc(4px + (100vw - 1600px) * 0.00062), 4.6px) 0 min(calc(4px + (100vw - 1600px) * 0.00062), 4.6px) min(calc(18px + (100vw - 1600px) * 0.00281), 20.7px);font-size:var(--fs-small)}
.biz .lk{gap:min(calc(10px + (100vw - 1600px) * 0.00156), 11.5px);margin-top:min(calc(22px + (100vw - 1600px) * 0.00344), 25.3px);font-size:var(--fs-small);padding-bottom:min(calc(4px + (100vw - 1600px) * 0.00062), 4.6px)}
.steps{grid-template-columns:repeat(var(--n,5),minmax(0,1fr))}
.steps li{padding:max(clamp(20px,1.8vw,28px), min(calc(28px + (100vw - 1600px) * 0.00437), 32.2px)) max(clamp(14px,1.4vw,24px), min(calc(22.4px + (100vw - 1600px) * 0.00542), 27.6px)) 0 0}
.steps li+li{padding-left:max(clamp(14px,1.4vw,24px), min(calc(22.4px + (100vw - 1600px) * 0.00542), 27.6px))}
.steps .n{font-size:max(clamp(26px,1.2vw + 18px,40px), min(calc(37.2px + (100vw - 1600px) * 0.00917), 46px))}
.steps b{font-size:max(clamp(15.5px,.3vw + 14.5px,18px), min(calc(18px + (100vw - 1600px) * 0.00281), 20.7px));margin-top:min(calc(12px + (100vw - 1600px) * 0.00187), 13.8px)}
.steps span{font-size:var(--fs-small);margin-top:min(calc(6px + (100vw - 1600px) * 0.00094), 6.9px)}
.faq summary{grid-template-columns:auto minmax(0,1fr) min(calc(18px + (100vw - 1600px) * 0.00281), 20.7px);gap:min(calc(16px + (100vw - 1600px) * 0.0025), 18.4px);padding:max(clamp(18px,1.6vw,24px), min(calc(24px + (100vw - 1600px) * 0.00375), 27.6px)) min(calc(4px + (100vw - 1600px) * 0.00062), 4.6px);font-size:max(clamp(15.5px,.3vw + 14.5px,18px), min(calc(18px + (100vw - 1600px) * 0.00281), 20.7px))}
.faq summary i{width:min(calc(14px + (100vw - 1600px) * 0.00219), 16.1px);height:min(calc(14px + (100vw - 1600px) * 0.00219), 16.1px)}
.faq summary i::before,.faq summary i::after{left:0;right:0;top:min(calc(6.5px + (100vw - 1600px) * 0.00102), 7.475px);height:1.5px}
.faq .a{grid-template-columns:auto minmax(0,1fr);gap:min(calc(16px + (100vw - 1600px) * 0.0025), 18.4px);padding:0 min(calc(4px + (100vw - 1600px) * 0.00062), 4.6px) max(clamp(20px,1.8vw,26px), min(calc(26px + (100vw - 1600px) * 0.00406), 29.9px))}
.choice{gap:max(clamp(28px,2.6vw,40px), min(calc(40px + (100vw - 1600px) * 0.00625), 46px))}
.ch-row{grid-template-columns:max(clamp(120px,10vw,160px), min(calc(160px + (100vw - 1600px) * 0.025), 184px)) minmax(0,1fr) auto minmax(0,1fr);gap:max(clamp(12px,1.4vw,24px), min(calc(22.4px + (100vw - 1600px) * 0.00542), 27.6px))}
.ch-lb{font-size:max(clamp(17px,.4vw + 15.5px,21px), min(calc(21px + (100vw - 1600px) * 0.00328), 24.15px))}
.ch-lb small{font-size:min(calc(13px + (100vw - 1600px) * 0.00203), 14.95px)}
.ch-op{padding:max(clamp(20px,2vw,32px), min(calc(32px + (100vw - 1600px) * 0.005), 36.8px))}
.ch-op b{font-size:max(clamp(16px,.3vw + 15px,19px), min(calc(19px + (100vw - 1600px) * 0.00297), 21.85px))}
.ch-op p{margin-top:min(calc(10px + (100vw - 1600px) * 0.00156), 11.5px);font-size:var(--fs-small)}
.ch-tag{margin-top:min(calc(10px + (100vw - 1600px) * 0.00156), 11.5px);font-size:min(calc(12.5px + (100vw - 1600px) * 0.00195), 14.375px)}
.ch-price{margin-top:min(calc(10px + (100vw - 1600px) * 0.00156), 11.5px);font-size:var(--fs-small)}
.ch-or{font-size:min(calc(13px + (100vw - 1600px) * 0.00203), 14.95px)}
.ch-note{padding-top:min(calc(18px + (100vw - 1600px) * 0.00281), 20.7px);font-size:var(--fs-small)}
.how{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 max(clamp(32px,4vw,72px), min(calc(64px + (100vw - 1600px) * 0.01958), 82.8px))}
.how li{padding:max(clamp(20px,1.8vw,26px), min(calc(26px + (100vw - 1600px) * 0.00406), 29.9px)) 0 max(clamp(20px,1.8vw,26px), min(calc(26px + (100vw - 1600px) * 0.00406), 29.9px)) min(calc(34px + (100vw - 1600px) * 0.00531), 39.1px)}
.how li::before{left:min(calc(3px + (100vw - 1600px) * 0.00047), 3.45px);top:calc(clamp(20px,1.8vw,26px) + .62em);width:min(calc(15px + (100vw - 1600px) * 0.00234), 17.25px);height:min(calc(8px + (100vw - 1600px) * 0.00125), 9.2px)}
.how b{font-size:max(clamp(15.5px,.3vw + 14.5px,18px), min(calc(18px + (100vw - 1600px) * 0.00281), 20.7px))}
.how p{margin-top:min(calc(6px + (100vw - 1600px) * 0.00094), 6.9px);font-size:var(--fs-small)}
.how.one{grid-template-columns:minmax(0,1fr)}
.can{grid-template-columns:repeat(4,minmax(0,1fr));gap:max(clamp(16px,2vw,32px), min(calc(32px + (100vw - 1600px) * 0.005), 36.8px))}
.can li{padding-top:max(clamp(18px,1.6vw,24px), min(calc(24px + (100vw - 1600px) * 0.00375), 27.6px))}
.can b{font-size:max(clamp(16px,.35vw + 14.6px,20px), min(calc(20px + (100vw - 1600px) * 0.00313), 23px))}
.can p{margin-top:min(calc(8px + (100vw - 1600px) * 0.00125), 9.2px);font-size:var(--fs-small)}
.warn{margin-top:max(clamp(28px,2.6vw,40px), min(calc(40px + (100vw - 1600px) * 0.00625), 46px));padding:min(calc(4px + (100vw - 1600px) * 0.00062), 4.6px) 0 min(calc(4px + (100vw - 1600px) * 0.00062), 4.6px) min(calc(22px + (100vw - 1600px) * 0.00344), 25.3px);font-size:var(--fs-small)}
.warn b{font-size:max(clamp(16px,.3vw + 15px,19px), min(calc(19px + (100vw - 1600px) * 0.00297), 21.85px));margin-bottom:min(calc(6px + (100vw - 1600px) * 0.00094), 6.9px)}
.safe{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:max(clamp(28px,4vw,72px), min(calc(64px + (100vw - 1600px) * 0.01958), 82.8px))}
.safe .warn{margin-top:0}
.ng-r{grid-template-columns:minmax(0,1.3fr) 5.5em minmax(0,2.6fr);gap:min(calc(6px + (100vw - 1600px) * 0.00094), 6.9px) max(clamp(16px,2vw,32px), min(calc(32px + (100vw - 1600px) * 0.005), 36.8px));padding:max(clamp(18px,1.6vw,24px), min(calc(24px + (100vw - 1600px) * 0.00375), 27.6px)) min(calc(4px + (100vw - 1600px) * 0.00062), 4.6px)}
.ng-r b{font-size:max(clamp(15px,.25vw + 14px,17px), min(calc(17px + (100vw - 1600px) * 0.00266), 19.55px))}
.ng-r .mk{font-size:min(calc(13px + (100vw - 1600px) * 0.00203), 14.95px)}
.ng-r p{font-size:var(--fs-small)}
.greet{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:max(clamp(32px,6vw,120px), min(calc(96px + (100vw - 1600px) * 0.04375), 138px))}
.greet .ph img{width:100%}
.greet .ph::before{left:max(clamp(16px,1.6vw,28px), min(calc(25.6px + (100vw - 1600px) * 0.00687), 32.2px));top:max(clamp(16px,1.6vw,28px), min(calc(25.6px + (100vw - 1600px) * 0.00687), 32.2px));right:min(calc(-1 * clamp(16px,1.6vw,28px)), max(calc(-25.6px + (100vw - 1600px) * -0.00687), -32.2px));bottom:min(calc(-1 * clamp(16px,1.6vw,28px)), max(calc(-25.6px + (100vw - 1600px) * -0.00687), -32.2px))}
.greet .txt h2{font-size:var(--fs-h2)}
.greet .txt p{margin-top:1.1em}
.greet .txt p:first-of-type{margin-top:max(clamp(20px,2vw,32px), min(calc(32px + (100vw - 1600px) * 0.005), 36.8px))}
.sig{margin-top:max(clamp(24px,2.4vw,36px), min(calc(36px + (100vw - 1600px) * 0.00562), 41.4px))!important;font-size:var(--fs-small)}
.sig b{font-size:max(clamp(20px,.6vw + 17px,26px), min(calc(26px + (100vw - 1600px) * 0.00406), 29.9px));margin-top:min(calc(4px + (100vw - 1600px) * 0.00062), 4.6px)}
.dl{grid-template-columns:max(clamp(110px,12vw,180px), min(calc(180px + (100vw - 1600px) * 0.02812), 207px)) minmax(0,1fr)}
.dl dt,.dl dd{padding:max(clamp(16px,1.4vw,22px), min(calc(22px + (100vw - 1600px) * 0.00344), 25.3px)) min(calc(4px + (100vw - 1600px) * 0.00062), 4.6px)}
.dl dt{font-size:var(--fs-small)}
.dl dd{font-size:max(clamp(14.5px,.2vw + 14px,16px), min(calc(16px + (100vw - 1600px) * 0.0025), 18.4px))}
.dl dd small{font-size:min(calc(12.5px + (100vw - 1600px) * 0.00195), 14.375px);margin-top:min(calc(2px + (100vw - 1600px) * 0.00031), 2.3px)}
.hist li{grid-template-columns:max(clamp(130px,12vw,190px), min(calc(190px + (100vw - 1600px) * 0.02969), 218.5px)) minmax(0,1fr);gap:min(calc(16px + (100vw - 1600px) * 0.0025), 18.4px);padding:max(clamp(16px,1.4vw,22px), min(calc(22px + (100vw - 1600px) * 0.00344), 25.3px)) min(calc(4px + (100vw - 1600px) * 0.00062), 4.6px)}
.team{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:max(clamp(28px,5vw,96px), min(calc(80px + (100vw - 1600px) * 0.03167), 110.4px))}
.team .txt p+p{margin-top:1em}
.team .note{margin-top:min(calc(20px + (100vw - 1600px) * 0.00313), 23px)}
.ct{grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:max(clamp(28px,4vw,72px), min(calc(64px + (100vw - 1600px) * 0.01958), 82.8px))}
.form{padding:max(clamp(24px,3vw,48px), min(calc(48px + (100vw - 1600px) * 0.0075), 55.2px))}
.f-r{grid-template-columns:max(clamp(150px,13vw,200px), min(calc(200px + (100vw - 1600px) * 0.03125), 230px)) minmax(0,1fr);gap:min(calc(10px + (100vw - 1600px) * 0.00156), 11.5px) min(calc(20px + (100vw - 1600px) * 0.00313), 23px);padding:min(calc(18px + (100vw - 1600px) * 0.00281), 20.7px) 0}
.f-r:first-of-type{padding-top:0}
.f-r>label,.f-r>.lb{font-size:var(--fs-small);padding-top:min(calc(10px + (100vw - 1600px) * 0.00156), 11.5px);gap:min(calc(8px + (100vw - 1600px) * 0.00125), 9.2px)}
.req,.opt{font-size:min(calc(12px + (100vw - 1600px) * 0.00187), 13.8px);padding:1px min(calc(8px + (100vw - 1600px) * 0.00125), 9.2px)}
.form input[type=text],.form input[type=email],.form input[type=tel],.form textarea{width:100%;font-size:min(calc(16px + (100vw - 1600px) * 0.0025), 18.4px);padding:min(calc(11px + (100vw - 1600px) * 0.00172), 12.65px) min(calc(14px + (100vw - 1600px) * 0.00219), 16.1px)}
.form textarea{min-height:min(calc(180px + (100vw - 1600px) * 0.02812), 207px)}
.chips{gap:min(calc(8px + (100vw - 1600px) * 0.00125), 9.2px)}
.chips input{inset:0}
.chips span{min-height:min(calc(40px + (100vw - 1600px) * 0.00625), 46px);padding:min(calc(6px + (100vw - 1600px) * 0.00094), 6.9px) min(calc(16px + (100vw - 1600px) * 0.0025), 18.4px);font-size:min(calc(13.5px + (100vw - 1600px) * 0.00211), 15.525px)}
.agree{gap:min(calc(10px + (100vw - 1600px) * 0.00156), 11.5px);margin-top:min(calc(26px + (100vw - 1600px) * 0.00406), 29.9px);font-size:var(--fs-small)}
.agree input{width:min(calc(20px + (100vw - 1600px) * 0.00313), 23px);height:min(calc(20px + (100vw - 1600px) * 0.00313), 23px)}
.form .btn{margin:min(calc(24px + (100vw - 1600px) * 0.00375), 27.6px) auto 0;width:fit-content}
.demo-msg{margin-top:min(calc(16px + (100vw - 1600px) * 0.0025), 18.4px);font-size:var(--fs-small)}
.side{gap:max(clamp(20px,2vw,28px), min(calc(28px + (100vw - 1600px) * 0.00437), 32.2px))}
.side>div{padding-top:min(calc(16px + (100vw - 1600px) * 0.0025), 18.4px)}
.side b{margin-bottom:min(calc(6px + (100vw - 1600px) * 0.00094), 6.9px)}
.side p{font-size:var(--fs-small)}
.side ol li{padding:min(calc(5px + (100vw - 1600px) * 0.00078), 5.75px) 0 min(calc(5px + (100vw - 1600px) * 0.00078), 5.75px) min(calc(34px + (100vw - 1600px) * 0.00531), 39.1px);font-size:var(--fs-small)}
.side ol li::before{left:0;top:min(calc(6px + (100vw - 1600px) * 0.00094), 6.9px)}
.nl a{grid-template-columns:7.5em 7em minmax(0,1fr) min(calc(24px + (100vw - 1600px) * 0.00375), 27.6px);gap:min(calc(16px + (100vw - 1600px) * 0.0025), 18.4px);padding:max(clamp(18px,1.6vw,24px), min(calc(24px + (100vw - 1600px) * 0.00375), 27.6px)) min(calc(4px + (100vw - 1600px) * 0.00062), 4.6px)}
.nl time{font-size:var(--fs-small)}
.nl .cat{font-size:min(calc(12.5px + (100vw - 1600px) * 0.00195), 14.375px);padding:1px min(calc(10px + (100vw - 1600px) * 0.00156), 11.5px)}
.nl .eg{font-size:min(calc(12.5px + (100vw - 1600px) * 0.00195), 14.375px);margin-left:min(calc(8px + (100vw - 1600px) * 0.00125), 9.2px)}
.pp{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:max(clamp(28px,5vw,96px), min(calc(80px + (100vw - 1600px) * 0.03167), 110.4px))}
.pp-toc{top:calc(var(--hh) + 32px)}
.pp-toc a{padding:min(calc(12px + (100vw - 1600px) * 0.00187), 13.8px) min(calc(4px + (100vw - 1600px) * 0.00062), 4.6px);font-size:var(--fs-small)}
.pp-b section{padding-bottom:max(clamp(28px,2.6vw,40px), min(calc(40px + (100vw - 1600px) * 0.00625), 46px));margin-bottom:max(clamp(28px,2.6vw,40px), min(calc(40px + (100vw - 1600px) * 0.00625), 46px))}
.pp-b h2{font-size:max(clamp(17px,.4vw + 15.5px,21px), min(calc(21px + (100vw - 1600px) * 0.00328), 24.15px))}
.pp-b p,.pp-b li{margin-top:min(calc(12px + (100vw - 1600px) * 0.00187), 13.8px)}
.pp-b ul{padding-left:1.4em}
.pp-b .date{font-size:var(--fs-small)}
.fbx{grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:max(clamp(28px,4vw,72px), min(calc(64px + (100vw - 1600px) * 0.01958), 82.8px));margin-top:max(clamp(48px,4.6vw,80px), min(calc(73.6px + (100vw - 1600px) * 0.01917), 92px));padding-top:max(clamp(28px,2.6vw,40px), min(calc(40px + (100vw - 1600px) * 0.00625), 46px))}
.ic{width:min(calc(28px + (100vw - 1600px) * 0.00437), 32.2px);height:min(calc(28px + (100vw - 1600px) * 0.00437), 32.2px)}
.sr{width:1px;height:1px}
.bz{grid-template-columns:repeat(3,minmax(0,1fr));gap:max(clamp(16px,2vw,32px), min(calc(32px + (100vw - 1600px) * 0.005), 36.8px))}
.bz-c{padding:max(clamp(22px,2vw,32px), min(calc(32px + (100vw - 1600px) * 0.005), 36.8px))}
.bz-t .ic{width:min(calc(32px + (100vw - 1600px) * 0.005), 36.8px);height:min(calc(32px + (100vw - 1600px) * 0.005), 36.8px)}
.bz-n{font-size:max(clamp(20px,.5vw + 17px,26px), min(calc(25px + (100vw - 1600px) * 0.0051), 29.9px))}
.bz-c h3{font-size:max(clamp(17px,.4vw + 15.5px,21px), min(calc(21px + (100vw - 1600px) * 0.00328), 24.15px));margin-top:min(calc(18px + (100vw - 1600px) * 0.00281), 20.7px)}
.bz-c p{margin-top:min(calc(8px + (100vw - 1600px) * 0.00125), 9.2px);font-size:var(--fs-small)}
.bz-m{gap:min(calc(6px + (100vw - 1600px) * 0.00094), 6.9px);margin-top:min(calc(16px + (100vw - 1600px) * 0.0025), 18.4px)}
.bz-m li{font-size:min(calc(12.5px + (100vw - 1600px) * 0.00195), 14.375px);padding:min(calc(3px + (100vw - 1600px) * 0.00047), 3.45px) min(calc(10px + (100vw - 1600px) * 0.00156), 11.5px)}
.bz-c .lk{margin-top:auto;padding-top:min(calc(18px + (100vw - 1600px) * 0.00281), 20.7px);gap:min(calc(10px + (100vw - 1600px) * 0.00156), 11.5px);font-size:var(--fs-small);padding-bottom:min(calc(4px + (100vw - 1600px) * 0.00062), 4.6px)}
.trk{grid-template-columns:repeat(var(--n),minmax(0,1fr))}
.trk::before{left:calc(100% / var(--n) / 2);right:calc(100% / var(--n) / 2);top:min(calc(32px + (100vw - 1600px) * 0.005), 36.8px);height:1.5px}
.trk li{padding:0 min(calc(8px + (100vw - 1600px) * 0.00125), 9.2px)}
.trk-i{width:min(calc(64px + (100vw - 1600px) * 0.01), 73.6px);height:min(calc(64px + (100vw - 1600px) * 0.01), 73.6px);margin:0 auto}
.trk-n{font-size:min(calc(13px + (100vw - 1600px) * 0.00203), 14.95px);margin-top:min(calc(14px + (100vw - 1600px) * 0.00219), 16.1px)}
.trk b{font-size:max(clamp(15px,.3vw + 14px,18px), min(calc(18px + (100vw - 1600px) * 0.00281), 20.7px));margin-top:min(calc(4px + (100vw - 1600px) * 0.00062), 4.6px)}
.trk-d{font-size:min(calc(13px + (100vw - 1600px) * 0.00203), 14.95px);margin-top:min(calc(4px + (100vw - 1600px) * 0.00062), 4.6px)}
.trk.span{padding-top:min(calc(44px + (100vw - 1600px) * 0.00687), 50.6px)}
.trk.span::after{left:calc(100% / var(--n) / 2);right:calc(100% / var(--n) / 2);top:0;height:min(calc(26px + (100vw - 1600px) * 0.00406), 29.9px);font-size:min(calc(12.5px + (100vw - 1600px) * 0.00195), 14.375px);padding-top:min(calc(4px + (100vw - 1600px) * 0.00062), 4.6px)}
.trk.span::before{top:min(calc(76px + (100vw - 1600px) * 0.01187), 87.4px)}
.vs{grid-template-columns:repeat(2,minmax(0,1fr));gap:max(clamp(16px,2vw,32px), min(calc(32px + (100vw - 1600px) * 0.005), 36.8px))}
.vs-c{padding:max(clamp(24px,2.4vw,40px), min(calc(38.4px + (100vw - 1600px) * 0.00792), 46px));gap:max(clamp(18px,1.8vw,28px), min(calc(28px + (100vw - 1600px) * 0.00437), 32.2px))}
.vs-h{font-size:max(clamp(15px,.3vw + 14px,18px), min(calc(18px + (100vw - 1600px) * 0.00281), 20.7px))}
.vs-l{gap:min(calc(10px + (100vw - 1600px) * 0.00156), 11.5px)}
.vs-l li{gap:min(calc(12px + (100vw - 1600px) * 0.00187), 13.8px);padding:min(calc(10px + (100vw - 1600px) * 0.00156), 11.5px) min(calc(14px + (100vw - 1600px) * 0.00219), 16.1px);font-size:var(--fs-small)}
.vs-l .ic{width:min(calc(22px + (100vw - 1600px) * 0.00344), 25.3px);height:min(calc(22px + (100vw - 1600px) * 0.00344), 25.3px)}
.vs-one{gap:min(calc(14px + (100vw - 1600px) * 0.00219), 16.1px);padding:min(calc(24px + (100vw - 1600px) * 0.00375), 27.6px) min(calc(14px + (100vw - 1600px) * 0.00219), 16.1px);font-size:max(clamp(16px,.4vw + 14.5px,20px), min(calc(20px + (100vw - 1600px) * 0.00313), 23px))}
.vs-one img{width:min(calc(48px + (100vw - 1600px) * 0.0075), 55.2px)}
.vs-k{grid-template-columns:repeat(3,minmax(0,1fr));padding-top:min(calc(16px + (100vw - 1600px) * 0.0025), 18.4px);margin-top:auto}
.vs-k dt{font-size:min(calc(12.5px + (100vw - 1600px) * 0.00195), 14.375px)}
.vs-k dd{font-size:max(clamp(18px,.6vw + 16px,24px), min(calc(24px + (100vw - 1600px) * 0.00375), 27.6px));margin-top:min(calc(2px + (100vw - 1600px) * 0.00031), 2.3px)}
.mx{gap:min(calc(10px + (100vw - 1600px) * 0.00156), 11.5px)}
.mx-r{grid-template-columns:max(clamp(120px,14vw,200px), min(calc(200px + (100vw - 1600px) * 0.03125), 230px)) repeat(2,minmax(0,1fr));gap:min(calc(10px + (100vw - 1600px) * 0.00156), 11.5px)}
.mx-ax span{font-size:var(--fs-small);padding:min(calc(10px + (100vw - 1600px) * 0.00156), 11.5px)}
.mx-ax span:first-child{font-size:min(calc(12.5px + (100vw - 1600px) * 0.00195), 14.375px)}
.mx-h{font-size:var(--fs-small);padding-right:min(calc(12px + (100vw - 1600px) * 0.00187), 13.8px)}
.mx-c{padding:max(clamp(20px,2vw,32px), min(calc(32px + (100vw - 1600px) * 0.005), 36.8px));gap:min(calc(6px + (100vw - 1600px) * 0.00094), 6.9px);min-height:max(clamp(110px,9vw,150px), min(calc(144px + (100vw - 1600px) * 0.02969), 172.5px))}
.mx-c b{font-size:max(clamp(16px,.4vw + 14.5px,20px), min(calc(20px + (100vw - 1600px) * 0.00313), 23px))}
.mx-c i{font-size:min(calc(13px + (100vw - 1600px) * 0.00203), 14.95px)}
.ic5,.ic3{grid-template-columns:repeat(5,minmax(0,1fr));gap:max(clamp(12px,1.6vw,24px), min(calc(24px + (100vw - 1600px) * 0.00375), 27.6px))}
.ic3{grid-template-columns:repeat(3,minmax(0,1fr))}
.ic5 li,.ic3 li{padding:max(clamp(22px,2vw,32px), min(calc(32px + (100vw - 1600px) * 0.005), 36.8px)) min(calc(10px + (100vw - 1600px) * 0.00156), 11.5px)}
.ic5 .ic,.ic3 .ic{width:min(calc(40px + (100vw - 1600px) * 0.00625), 46px);height:min(calc(40px + (100vw - 1600px) * 0.00625), 46px);margin:0 auto}
.ic5 b,.ic3 b{font-size:max(clamp(15px,.3vw + 14px,18px), min(calc(18px + (100vw - 1600px) * 0.00281), 20.7px));margin-top:min(calc(14px + (100vw - 1600px) * 0.00219), 16.1px)}
.ic5 span,.ic3 span{font-size:min(calc(13px + (100vw - 1600px) * 0.00203), 14.95px);margin-top:min(calc(4px + (100vw - 1600px) * 0.00062), 4.6px)}
.cmp{width:100%;min-width:min(calc(560px + (100vw - 1600px) * 0.0875), 644px);font-size:var(--fs-small)}
.cmp th,.cmp td{padding:max(clamp(14px,1.3vw,20px), min(calc(20px + (100vw - 1600px) * 0.00313), 23px)) min(calc(12px + (100vw - 1600px) * 0.00187), 13.8px)}
.cmp thead th{font-size:max(clamp(15px,.3vw + 14px,18px), min(calc(18px + (100vw - 1600px) * 0.00281), 20.7px))}
.cmp thead th small{font-size:min(calc(12px + (100vw - 1600px) * 0.00187), 13.8px);margin-top:min(calc(2px + (100vw - 1600px) * 0.00031), 2.3px)}
.cmp tbody th{width:28%}
.dt{font-size:min(calc(18px + (100vw - 1600px) * 0.00281), 20.7px)}
.dt.sm{font-size:min(calc(13px + (100vw - 1600px) * 0.00203), 14.95px)}
.opt3{grid-template-columns:repeat(3,minmax(0,1fr));gap:max(clamp(12px,1.6vw,24px), min(calc(24px + (100vw - 1600px) * 0.00375), 27.6px));margin-top:max(clamp(28px,2.6vw,40px), min(calc(40px + (100vw - 1600px) * 0.00625), 46px))}
.opt3 li{grid-template-columns:auto minmax(0,1fr);gap:min(calc(2px + (100vw - 1600px) * 0.00031), 2.3px) min(calc(14px + (100vw - 1600px) * 0.00219), 16.1px);padding:min(calc(16px + (100vw - 1600px) * 0.0025), 18.4px) min(calc(18px + (100vw - 1600px) * 0.00281), 20.7px)}
.opt3 span{font-size:min(calc(12.5px + (100vw - 1600px) * 0.00195), 14.375px)}
.fbb{grid-template-columns:minmax(0,7fr) minmax(0,5fr);margin-top:max(clamp(40px,4vw,72px), min(calc(64px + (100vw - 1600px) * 0.01958), 82.8px))}
.fbb-ph img{width:100%;height:100%}
.fbb-tx{gap:min(calc(18px + (100vw - 1600px) * 0.00281), 20.7px);padding:max(clamp(28px,3vw,56px), min(calc(48px + (100vw - 1600px) * 0.01708), 64.4px))}
.fbb-tx .tag{font-size:min(calc(12.5px + (100vw - 1600px) * 0.00195), 14.375px)}
.fbb-tx b{font-size:max(clamp(20px,.8vw + 16px,30px), min(calc(28.8px + (100vw - 1600px) * 0.00594), 34.5px))}
.fbb-tx .go{gap:min(calc(12px + (100vw - 1600px) * 0.00187), 13.8px);padding-bottom:min(calc(4px + (100vw - 1600px) * 0.00062), 4.6px)}
.mx-ax small{font-size:inherit}
.bc a{padding:min(calc(6px + (100vw - 1600px) * 0.00094), 6.9px) 0;margin:max(calc(-6px + (100vw - 1600px) * -0.00094), -6.9px) 0}
.lh .lead{max-width:none}
@media (min-width:1025px){.lh .lead{max-width:var(--measure)}}
.svd{grid-template-columns:auto minmax(0,1fr) minmax(0,1.15fr);gap:min(calc(16px + (100vw - 1600px) * 0.0025), 18.4px) max(clamp(24px,3vw,56px), min(calc(48px + (100vw - 1600px) * 0.01708), 64.4px));padding:max(clamp(32px,3vw,48px), min(calc(48px + (100vw - 1600px) * 0.0075), 55.2px)) max(clamp(12px,1.6vw,28px), min(calc(25.6px + (100vw - 1600px) * 0.00687), 32.2px))}
.svd-n{min-width:2.2em;font-size:max(clamp(22px,.6vw + 18px,30px), min(calc(27.6px + (100vw - 1600px) * 0.00719), 34.5px))}
.svd-h .ic{width:min(calc(30px + (100vw - 1600px) * 0.00469), 34.5px);height:min(calc(30px + (100vw - 1600px) * 0.00469), 34.5px)}
.svd-h h3{font-size:var(--fs-h3);margin-top:min(calc(10px + (100vw - 1600px) * 0.00156), 11.5px)}
.svd-h p{font-size:var(--fs-small);margin-top:min(calc(10px + (100vw - 1600px) * 0.00156), 11.5px)}
.svd-h .lk{gap:min(calc(10px + (100vw - 1600px) * 0.00156), 11.5px);margin-top:min(calc(18px + (100vw - 1600px) * 0.00281), 20.7px);font-size:var(--fs-small);padding-bottom:min(calc(4px + (100vw - 1600px) * 0.00062), 4.6px)}
.svd-i{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 max(clamp(16px,2vw,32px), min(calc(32px + (100vw - 1600px) * 0.005), 36.8px))}
.svd-i li{padding:min(calc(14px + (100vw - 1600px) * 0.00219), 16.1px) 0}
.svd-i b{font-size:max(clamp(14px,.15vw + 13.5px,16px), min(calc(15.9px + (100vw - 1600px) * 0.0026), 18.4px))}
.svd-i span{font-size:min(calc(13px + (100vw - 1600px) * 0.00203), 14.95px);margin-top:min(calc(3px + (100vw - 1600px) * 0.00047), 3.45px)}
.js .svd::after{left:0;right:0;top:-1px;height:min(calc(2px + (100vw - 1600px) * 0.00031), 2.3px)}
.fld{grid-template-columns:repeat(4,minmax(0,1fr));gap:min(calc(10px + (100vw - 1600px) * 0.00156), 11.5px)}
.fld li{padding:max(clamp(16px,1.6vw,22px), min(calc(22px + (100vw - 1600px) * 0.00344), 25.3px)) min(calc(14px + (100vw - 1600px) * 0.00219), 16.1px);font-size:max(clamp(14px,.2vw + 13px,16px), min(calc(16px + (100vw - 1600px) * 0.0025), 18.4px))}
.form .smf-form .smf-item{grid-template-columns:max(clamp(192px,16vw,224px), min(calc(224px + (100vw - 1600px) * 0.035), 257.6px)) minmax(0,1fr);gap:min(calc(10px + (100vw - 1600px) * 0.00156), 11.5px) min(calc(20px + (100vw - 1600px) * 0.00313), 23px);padding:min(calc(18px + (100vw - 1600px) * 0.00281), 20.7px) 0}
.form .smf-form .smf-item:first-child{padding-top:0}
.form .smf-item__col--label{font-size:var(--fs-small);padding-top:min(calc(10px + (100vw - 1600px) * 0.00156), 11.5px)}
.form .smf-item:has([name=fullname],[name=email],[name=category],[name=message],[name^=agree]) .smf-item__label__text::after{margin-left:min(calc(8px + (100vw - 1600px) * 0.00125), 9.2px);font-size:min(calc(12px + (100vw - 1600px) * 0.00187), 13.8px);padding:1px min(calc(8px + (100vw - 1600px) * 0.00125), 9.2px)}
.form .smf-item:has([name=company],[name=tel]) .smf-item__label__text::after{margin-left:min(calc(8px + (100vw - 1600px) * 0.00125), 9.2px);font-size:min(calc(12px + (100vw - 1600px) * 0.00187), 13.8px);padding:1px min(calc(8px + (100vw - 1600px) * 0.00125), 9.2px)}
.form .smf-text-control__control,.form .smf-textarea-control__control,.form .smf-select-control__control{width:100%;font-size:min(calc(16px + (100vw - 1600px) * 0.0025), 18.4px);padding:min(calc(11px + (100vw - 1600px) * 0.00172), 12.65px) min(calc(14px + (100vw - 1600px) * 0.00219), 16.1px)}
.form .smf-select-control__control{padding-right:min(calc(44px + (100vw - 1600px) * 0.00687), 50.6px)}
.form .smf-select-control__toggle::before{right:min(calc(18px + (100vw - 1600px) * 0.00281), 20.7px);width:min(calc(7px + (100vw - 1600px) * 0.00109), 8.05px);height:min(calc(7px + (100vw - 1600px) * 0.00109), 8.05px)}
.form .smf-textarea-control__control{min-height:min(calc(180px + (100vw - 1600px) * 0.02812), 207px)}
.form .smf-checkbox-control,.form .smf-radio-button-control{gap:min(calc(10px + (100vw - 1600px) * 0.00156), 11.5px);font-size:var(--fs-small)}
.form .smf-checkbox-control__control,.form .smf-radio-button-control__control{width:min(calc(20px + (100vw - 1600px) * 0.00313), 23px);height:min(calc(20px + (100vw - 1600px) * 0.00313), 23px)}
.form .smf-checkboxes-control__control,.form .smf-radio-buttons-control__control{gap:min(calc(8px + (100vw - 1600px) * 0.00125), 9.2px) min(calc(20px + (100vw - 1600px) * 0.00313), 23px);padding-top:min(calc(8px + (100vw - 1600px) * 0.00125), 9.2px)}
.form .smf-item__description{font-size:min(calc(13px + (100vw - 1600px) * 0.00203), 14.95px);margin-top:min(calc(6px + (100vw - 1600px) * 0.00094), 6.9px)}
.form .smf-error-messages{font-size:min(calc(13px + (100vw - 1600px) * 0.00203), 14.95px);margin-top:min(calc(6px + (100vw - 1600px) * 0.00094), 6.9px)}
.form .smf-action{gap:min(calc(14px + (100vw - 1600px) * 0.00219), 16.1px);margin-top:min(calc(28px + (100vw - 1600px) * 0.00437), 32.2px)}
.form .smf-button-control__control{gap:min(calc(18px + (100vw - 1600px) * 0.00281), 20.7px);min-width:max(clamp(240px,20vw,300px), min(calc(300px + (100vw - 1600px) * 0.04688), 345px));height:max(clamp(54px,4.2vw,60px), min(calc(60px + (100vw - 1600px) * 0.00937), 69px));padding:0 min(calc(26px + (100vw - 1600px) * 0.00406), 29.9px)}
.form .smf-system-error-content,.form .smf-complete-content{font-size:var(--fs-small)}
.post-body{max-width:46em}
.post-body>*+*{margin-top:1.4em}
.post-body h2{font-size:max(clamp(20px,.6vw + 17px,26px), min(calc(26px + (100vw - 1600px) * 0.00406), 29.9px));margin-top:2.2em;padding-top:.8em}
.post-body h3{font-size:max(clamp(17px,.3vw + 16px,20px), min(calc(20px + (100vw - 1600px) * 0.00313), 23px));margin-top:1.8em}
.post-body ul,.post-body ol{padding-left:1.4em}
.post-body img{height:auto}
.post-body figure{margin:2em 0}
.post-body figcaption{font-size:min(calc(13px + (100vw - 1600px) * 0.00203), 14.95px);margin-top:min(calc(8px + (100vw - 1600px) * 0.00125), 9.2px)}
.post-date{margin-top:min(calc(10px + (100vw - 1600px) * 0.00156), 11.5px)}
.nf-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 max(clamp(20px,2.4vw,40px), min(calc(38.4px + (100vw - 1600px) * 0.00792), 46px))}
.nf-links a{grid-template-columns:minmax(0,1fr) auto;gap:min(calc(2px + (100vw - 1600px) * 0.00031), 2.3px) min(calc(12px + (100vw - 1600px) * 0.00187), 13.8px);padding:min(calc(20px + (100vw - 1600px) * 0.00313), 23px) 0}
.nf-links span{font-size:min(calc(12px + (100vw - 1600px) * 0.00187), 13.8px)}
.post-nav{max-width:46em;grid-template-columns:1fr 1fr;gap:min(calc(16px + (100vw - 1600px) * 0.0025), 18.4px);margin-top:max(clamp(40px,4vw,64px), min(calc(64px + (100vw - 1600px) * 0.01), 73.6px))}
.post-nav a{padding:min(calc(16px + (100vw - 1600px) * 0.0025), 18.4px) 0}
.post-nav small{font-size:min(calc(12px + (100vw - 1600px) * 0.00187), 13.8px)}
.post-nav b{font-size:var(--fs-small);margin-top:min(calc(4px + (100vw - 1600px) * 0.00062), 4.6px)}
.back-news{max-width:46em;margin-top:max(clamp(40px,4vw,64px), min(calc(64px + (100vw - 1600px) * 0.01), 73.6px));padding-top:min(calc(8px + (100vw - 1600px) * 0.00125), 9.2px)}
.fb-vid{width:100%;height:100%}
.care{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:max(clamp(24px,4vw,72px), min(calc(64px + (100vw - 1600px) * 0.01958), 82.8px))}
.care li{grid-template-columns:auto minmax(0,1fr);gap:min(calc(18px + (100vw - 1600px) * 0.00281), 20.7px);padding:max(clamp(22px,2vw,32px), min(calc(32px + (100vw - 1600px) * 0.005), 36.8px)) min(calc(4px + (100vw - 1600px) * 0.00062), 4.6px)}
.care .ic{width:max(clamp(30px,2.4vw,36px), min(calc(36px + (100vw - 1600px) * 0.00562), 41.4px));height:max(clamp(30px,2.4vw,36px), min(calc(36px + (100vw - 1600px) * 0.00562), 41.4px));margin-top:min(calc(2px + (100vw - 1600px) * 0.00031), 2.3px)}
.care h3{font-size:max(clamp(16.5px,.35vw + 15px,20px), min(calc(20px + (100vw - 1600px) * 0.00313), 23px))}
.care p{font-size:var(--fs-body);margin-top:min(calc(6px + (100vw - 1600px) * 0.00094), 6.9px)}
.care-f{grid-template-columns:auto minmax(0,1fr) auto;gap:min(calc(16px + (100vw - 1600px) * 0.0025), 18.4px) min(calc(18px + (100vw - 1600px) * 0.00281), 20.7px);margin-top:max(clamp(24px,2.4vw,36px), min(calc(36px + (100vw - 1600px) * 0.00562), 41.4px));padding:max(clamp(18px,1.8vw,24px), min(calc(24px + (100vw - 1600px) * 0.00375), 27.6px)) max(clamp(18px,2vw,28px), min(calc(28px + (100vw - 1600px) * 0.00437), 32.2px))}
.care-f .ic{width:min(calc(28px + (100vw - 1600px) * 0.00437), 32.2px);height:min(calc(28px + (100vw - 1600px) * 0.00437), 32.2px);margin-top:min(calc(3px + (100vw - 1600px) * 0.00047), 3.45px)}
.care-f p{font-size:var(--fs-body)}
.lh .care-chip{gap:min(calc(10px + (100vw - 1600px) * 0.00156), 11.5px);margin-top:max(clamp(18px,1.8vw,26px), min(calc(26px + (100vw - 1600px) * 0.00406), 29.9px));padding:min(calc(10px + (100vw - 1600px) * 0.00156), 11.5px) min(calc(16px + (100vw - 1600px) * 0.0025), 18.4px) min(calc(10px + (100vw - 1600px) * 0.00156), 11.5px) min(calc(14px + (100vw - 1600px) * 0.00219), 16.1px);font-size:max(clamp(15px,.2vw + 14px,16.5px), min(calc(16.5px + (100vw - 1600px) * 0.00258), 18.975px))}
.lh .care-chip .ic{width:min(calc(22px + (100vw - 1600px) * 0.00344), 25.3px);height:min(calc(22px + (100vw - 1600px) * 0.00344), 25.3px)}
.lh .care-chip+.toc{margin-top:max(clamp(18px,1.8vw,26px), min(calc(26px + (100vw - 1600px) * 0.00406), 29.9px))}
#care .hd2{grid-template-columns:minmax(0,1fr);row-gap:max(clamp(14px,1.4vw,20px), min(calc(20px + (100vw - 1600px) * 0.00313), 23px))}
.lh-en{font-size:min(clamp(46px,4vw + 18px,120px),calc(100cqi / 5.5))}
.cn-lb{font-size:var(--fs-small)}
.cn-role-g{grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:max(clamp(24px,5vw,96px), min(calc(80px + (100vw - 1600px) * 0.03167), 110.4px))}
.cn-role h2{font-size:var(--fs-h2);margin-top:.5em}
.cn-role-t p{max-width:34rem}
.cn-role-t p+p{margin-top:1.1em}
.cn-pj{padding-block:max(clamp(48px,5vw,96px), min(calc(80px + (100vw - 1600px) * 0.03167), 110.4px))}
.cn-pj-g{grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:max(clamp(28px,5vw,96px), min(calc(80px + (100vw - 1600px) * 0.03167), 110.4px))}
.cn-pj.rev .cn-pj-g{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}
.cn-ph{margin:0}
.cn-ph::after{left:max(clamp(14px,1.5vw,24px), min(calc(24px + (100vw - 1600px) * 0.00375), 27.6px));top:max(clamp(14px,1.5vw,24px), min(calc(24px + (100vw - 1600px) * 0.00375), 27.6px));right:min(calc(-1*clamp(14px,1.5vw,24px)), max(calc(-24px + (100vw - 1600px) * -0.00375), -27.6px));bottom:min(calc(-1*clamp(14px,1.5vw,24px)), max(calc(-24px + (100vw - 1600px) * -0.00375), -27.6px))}
.cn-ph img{width:100%;height:100%}
.cn-no{font-size:min(calc(14px + (100vw - 1600px) * 0.00219), 16.1px)}
.cn-pj h3{font-size:max(clamp(22px,1.3vw + 16px,34px), min(calc(34px + (100vw - 1600px) * 0.00531), 39.1px));margin-top:.3em}
.cn-where{font-size:var(--fs-small);margin-top:.4em}
.cn-about{margin-top:1.4em}
.cn-role-box{margin-top:1.8em;padding:.9em 1.2em}
.cn-role-box dt{font-size:var(--fs-small)}
.cn-role-box dd{margin:.3em 0 0}
.cn-lk{margin-top:1.4em}
.cn-lk a{font-size:var(--fs-small);padding:min(calc(6px + (100vw - 1600px) * 0.00094), 6.9px) 0 min(calc(2px + (100vw - 1600px) * 0.00031), 2.3px)}
.cn-sub{margin-top:2.2em;grid-template-columns:min(calc(120px + (100vw - 1600px) * 0.01875), 138px) minmax(0,1fr);gap:1.2em;padding-top:1.6em}
.cn-mini img{width:100%;height:100%}
.cn-sub b{font-size:max(clamp(17px,.5vw + 15px,22px), min(calc(22px + (100vw - 1600px) * 0.00344), 25.3px))}
.cn-sub p{margin-top:.3em}
.cn-note{padding-block:max(clamp(32px,3vw,56px), min(calc(48px + (100vw - 1600px) * 0.01708), 64.4px)) max(clamp(72px,7vw,140px), min(calc(112px + (100vw - 1600px) * 0.05104), 161px));font-size:var(--fs-small)}
.cn-note p{max-width:46em}
.cn-co{padding-block:0 max(clamp(56px,5vw,96px), min(calc(80px + (100vw - 1600px) * 0.03167), 110.4px))}
.cn-co-g{gap:min(calc(12px + (100vw - 1600px) * 0.00187), 13.8px) min(calc(32px + (100vw - 1600px) * 0.005), 36.8px)}
.cn-co-g p{max-width:40em}
.cn-co-a{margin-top:0}
.p-connections .lh .lead{max-width:36em}
.cn-role-t p{max-width:38rem}
.cn-note p{max-width:none}
#forest-door .cn-pj-l{min-width:0}
#forest-door .cn-sub{margin-top:max(clamp(40px,3.4vw,56px), min(calc(54.4px + (100vw - 1600px) * 0.01042), 64.4px));padding-top:0}
.cn-role-box{padding:1em 0 1.1em}
.sp-chk{gap:min(calc(10px + (100vw - 1600px) * 0.00156), 11.5px);margin-top:max(clamp(18px,1.8vw,26px), min(calc(26px + (100vw - 1600px) * 0.00406), 29.9px))}
.sp-chk li{gap:min(calc(12px + (100vw - 1600px) * 0.00187), 13.8px);padding:min(calc(11px + (100vw - 1600px) * 0.00172), 12.65px) min(calc(18px + (100vw - 1600px) * 0.00281), 20.7px) min(calc(11px + (100vw - 1600px) * 0.00172), 12.65px) min(calc(15px + (100vw - 1600px) * 0.00234), 17.25px);font-size:max(clamp(15px,.2vw + 14px,16.5px), min(calc(16.5px + (100vw - 1600px) * 0.00258), 18.975px))}
.sp-chk li::before{width:min(calc(15px + (100vw - 1600px) * 0.00234), 17.25px);height:min(calc(8px + (100vw - 1600px) * 0.00125), 9.2px)}
.sp-meta{margin-top:min(calc(16px + (100vw - 1600px) * 0.0025), 18.4px);font-size:min(calc(15px + (100vw - 1600px) * 0.00234), 17.25px)}
.sp-list.s2{padding-top:max(clamp(48px,4vw,80px), min(calc(64px + (100vw - 1600px) * 0.02917), 92px))}
.sp-tabs{gap:0 min(calc(6px + (100vw - 1600px) * 0.00094), 6.9px);margin:0 0 max(clamp(40px,4vw,64px), min(calc(64px + (100vw - 1600px) * 0.01), 73.6px))}
.sp-tab{font-size:max(clamp(15px,.2vw + 14px,16.5px), min(calc(16.5px + (100vw - 1600px) * 0.00258), 18.975px));min-height:min(calc(48px + (100vw - 1600px) * 0.0075), 55.2px);padding:min(calc(10px + (100vw - 1600px) * 0.00156), 11.5px) min(calc(14px + (100vw - 1600px) * 0.00219), 16.1px) min(calc(8px + (100vw - 1600px) * 0.00125), 9.2px);margin-bottom:-1px}
.sp-tab span{margin-left:min(calc(8px + (100vw - 1600px) * 0.00125), 9.2px)}
.sp-grp{margin:0 0 max(clamp(56px,5vw,88px), min(calc(80px + (100vw - 1600px) * 0.02208), 101.2px))}
.sp-grp h2{gap:min(calc(14px + (100vw - 1600px) * 0.00219), 16.1px);padding-bottom:min(calc(14px + (100vw - 1600px) * 0.00219), 16.1px);font-size:max(clamp(19px,.4vw + 17px,24px), min(calc(23.4px + (100vw - 1600px) * 0.00437), 27.6px))}
.sp-grp h2 span{font-size:min(calc(15px + (100vw - 1600px) * 0.00234), 17.25px)}
.sp-case{grid-template-columns:16rem minmax(0,1fr) min(calc(320px + (100vw - 1600px) * 0.05), 368px);column-gap:max(clamp(28px,3vw,48px), min(calc(48px + (100vw - 1600px) * 0.0075), 55.2px));padding:max(clamp(24px,2vw,32px), min(calc(32px + (100vw - 1600px) * 0.005), 36.8px)) 0}
.sp-note{font-size:var(--fs-body);max-width:30em}
.sp-hd h3{font-size:max(clamp(18px,.3vw + 16.5px,21px), min(calc(21px + (100vw - 1600px) * 0.00328), 24.15px))}
.sp-hd h3 a::after{inset:0}
.sp-hd h3 i{margin-left:.4em}
.sp-name{margin-top:min(calc(6px + (100vw - 1600px) * 0.00094), 6.9px);font-size:min(calc(15px + (100vw - 1600px) * 0.00234), 17.25px)}
.sp-name .sl{margin:0 .35em}
.sp-im img{width:100%;height:100%}
.sp-f{gap:min(calc(20px + (100vw - 1600px) * 0.00313), 23px) min(calc(40px + (100vw - 1600px) * 0.00625), 46px);padding-top:min(calc(8px + (100vw - 1600px) * 0.00125), 9.2px);font-size:min(calc(15px + (100vw - 1600px) * 0.00234), 17.25px)}
.sp-f a.go2{gap:min(calc(20px + (100vw - 1600px) * 0.00313), 23px);min-width:min(calc(250px + (100vw - 1600px) * 0.03906), 287.5px);min-height:min(calc(52px + (100vw - 1600px) * 0.00812), 59.8px);padding:0 min(calc(22px + (100vw - 1600px) * 0.00344), 25.3px) 0 min(calc(26px + (100vw - 1600px) * 0.00406), 29.9px);font-size:min(calc(15px + (100vw - 1600px) * 0.00234), 17.25px)}
.sp-f a.go2::after{inset:0;width:0}
.sp-f a.go2:hover::after{width:100%}
.sp-empty{padding:min(calc(24px + (100vw - 1600px) * 0.00375), 27.6px) 0 min(calc(48px + (100vw - 1600px) * 0.0075), 55.2px)}
}