/* ==========================================================================
   ワークリズム wr2 型（2026-10-02）— 参考＝Airシフトの作法、形は変える
   採寸メモ＝収益化記事/公開基盤/site_design_ref_airshift_20261002.md
   色＝青 #0b5caa・緑のボタン #0c6b4d・白・淡い青。⛔水色・橙は使わない（参考の指紋）
   ========================================================================== */
:root{
  --ink:#1a2330; --muted:#4e5a68; --blue:#0b5caa; --blue-d:#10263e; --blue-p:#eaf2fb;
  --green:#0c6b4d; --green-d:#09543c; --line:#d7e1ec; --a:#dbe9f8; --b:#d9f0e6; --c:#eef1f5; --ph:#dfe5ee;
}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{background:#fff;color:var(--ink);font-size:16px;line-height:1.8;
  font-family:"Noto Sans JP",system-ui,-apple-system,"Hiragino Kaku Gothic ProN","Yu Gothic UI",Meiryo,sans-serif;
  font-feature-settings:"palt" 1;-webkit-font-smoothing:antialiased;word-break:auto-phrase}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
[hidden][hidden]{display:none}
.wr-wrap{width:min(1120px,100% - 48px);margin-inline:auto}
.wr-arrow{width:16px;height:16px;flex:none}
.wr-center{text-align:center;margin-inline:auto}
.wr-sp{display:none}

.wr-flag{background:#12171c;color:#f2f5f7;font-size:12px;line-height:1.7;display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:8px 24px}
.wr-flag b{padding:4px 12px;border-radius:999px;background:#f6c945;color:#221a00;font-weight:700;white-space:nowrap}
.wr-flag span{flex:1 1 16rem}
.wr-flag a{color:#f2f5f7;font-weight:700;text-decoration:underline;white-space:nowrap}

/* ボタン ⛔黒にしない。主＝緑の塗り・副＝青の線 */
.wr-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:56px;padding:0 32px;border-radius:999px;
  font-size:16px;font-weight:700;transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease}
.wr-btn--main{background:var(--green);color:#fff;box-shadow:0 4px 12px rgba(12,107,77,.24)}
.wr-btn--main:hover,.wr-btn--main:focus-visible{background:var(--green-d);transform:translateY(-2px)}
.wr-btn--line{background:#fff;color:var(--blue);border:2px solid var(--blue)}
.wr-btn--line:hover,.wr-btn--line:focus-visible{background:var(--blue-p);transform:translateY(-2px)}
.wr-note2{font-size:14px;font-weight:700;color:var(--blue)}

/* ヘッダー */
.wr-hd{position:sticky;top:0;z-index:50;background:#fff;box-shadow:0 1px 0 var(--line)}
.wr-hd__in{display:flex;align-items:center;gap:32px;height:72px}
.wr-logo{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:900;color:var(--blue-d)}
.wr-logo__mark{display:flex;align-items:flex-end;gap:4px;width:36px;height:36px;padding:8px;border-radius:8px;background:var(--blue)}
.wr-logo__mark i{flex:1;background:#fff;border-radius:2px;height:100%}
.wr-logo__mark i:nth-child(2){height:60%;background:#8fc3ea}
.wr-logo__mark i:nth-child(3){height:80%}
.wr-nav{display:flex;gap:28px;margin-left:auto;font-size:14px;font-weight:700}
.wr-nav a:hover{color:var(--blue)}
.wr-hd__cta{height:44px;padding:0 24px;font-size:14px}

/* KV */
@keyframes wr-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@keyframes wr-float{from{opacity:0;transform:translate(24px,24px)}to{opacity:1;transform:none}}
@keyframes wr-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.wr-kv{background:linear-gradient(rgba(234,242,251,.9),rgba(234,242,251,.9)),url(img/wr2-bg-cafe.webp) center/cover;overflow:clip}
.wr-kv__in{display:grid;grid-template-columns:5fr 6fr;gap:40px;align-items:center;min-height:488px;padding:40px 0}
.wr-kv__kick{font-size:14px;font-weight:700;color:var(--blue);animation:wr-up .6s .1s both}
.wr-kv__ttl{margin-top:12px;font-size:48px;line-height:1.4;font-weight:900;color:var(--blue-d);animation:wr-up .7s .25s both}
.wr-kv__lead{margin-top:16px;font-size:16px;color:var(--muted);animation:wr-up .7s .4s both}
.wr-kv__note{margin-top:24px;animation:wr-up .7s .55s both}
.wr-kv__btns{margin-top:8px;display:flex;flex-wrap:wrap;gap:12px;animation:wr-up .7s .6s both}
.wr-kv__dev{position:relative;padding-bottom:24px}
.wr-laptop{background:#2b3440;border-radius:16px 16px 0 0;padding:12px 12px 0;box-shadow:0 24px 48px rgba(16,38,62,.18);animation:wr-float .9s .3s both}
.wr-laptop::after{content:"";display:block;height:16px;margin:0 -40px;background:#c8d1dc;border-radius:0 0 12px 12px}
.wr-kv__phone{position:absolute;right:-8px;bottom:0;animation:wr-float .9s .6s both}
@media (prefers-reduced-motion:reduce){.wr-kv *,.wr-laptop,.wr-chip{animation:none}}

/* 画面の見本 */
.wr-sheet{background:#fff;border-radius:8px;padding:16px;font-size:12px}
.wr-sheet__bar{display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--line);margin-bottom:8px}
.wr-sheet__bar b{font-size:14px}
.wr-sheet__bar span{color:var(--muted)}
.wr-sheet__bar i{margin-left:auto;font-style:normal;font-weight:700;color:#9a4b00;background:#fdf0e1;padding:2px 8px;border-radius:4px}
.wr-sheet__row{display:grid;grid-template-columns:56px repeat(7,1fr);gap:4px;align-items:center;padding:4px 0}
.wr-sheet__row--head span{color:var(--muted);text-align:center}
.wr-sheet__name{font-weight:700;text-align:left}
.wr-chip{display:block;text-align:center;border-radius:4px;padding:4px 0;font-weight:700;transform-origin:left;animation:wr-grow .5s both}
.wr-sheet__row:nth-child(3) .wr-chip{animation-delay:.8s}.wr-sheet__row:nth-child(4) .wr-chip{animation-delay:.9s}
.wr-sheet__row:nth-child(5) .wr-chip{animation-delay:1s}.wr-sheet__row:nth-child(6) .wr-chip{animation-delay:1.1s}.wr-sheet__row:nth-child(7) .wr-chip{animation-delay:1.2s}
.wr-chip--a{background:var(--a);color:#0b4a8a}.wr-chip--b{background:var(--b);color:#0a5a40}.wr-chip--c{background:var(--c);color:#5b6672}
.wr-phone{width:176px;background:#2b3440;border-radius:24px;padding:8px;box-shadow:0 16px 32px rgba(16,38,62,.24)}
.wr-phone__in{background:#fff;border-radius:16px;padding:16px 12px;font-size:12px}
.wr-phone__ttl{font-size:14px;font-weight:900}
.wr-phone__due{margin-top:4px;color:#9a4b00;font-weight:700}
.wr-phone ul{list-style:none;margin-top:8px}
.wr-phone li{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line)}
.wr-phone__btn{display:block;margin-top:12px;background:var(--green);color:#fff;text-align:center;border-radius:999px;padding:8px;font-weight:700}
.wr-clock{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;text-align:center;max-width:360px;margin-inline:auto}
.wr-clock__date{font-size:14px;color:var(--muted)}
.wr-clock__time{font-size:56px;font-weight:900;line-height:1.2;color:var(--blue-d)}
.wr-clock__btns{margin-top:16px;display:flex;gap:8px;justify-content:center}
.wr-clock__btns span{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;background:var(--c);color:var(--muted)}
.wr-clock__btns .is-in{background:var(--blue);color:#fff}
.wr-csv{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;font-size:14px}
.wr-csv table{width:100%;border-collapse:collapse}
.wr-csv th,.wr-csv td{padding:8px;text-align:right;border-bottom:1px solid var(--line)}
.wr-csv th:first-child,.wr-csv td:first-child{text-align:left}
.wr-csv th{font-size:12px;color:var(--muted)}
.wr-csv__btn{display:inline-block;margin-top:12px;background:var(--blue);color:#fff;border-radius:999px;padding:8px 20px;font-size:12px;font-weight:700}

.wr-menu{display:grid;grid-template-columns:120px 1fr;width:100%;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;font-size:14px}
.wr-menu__side{list-style:none;background:var(--blue-d);padding:16px 8px;display:grid;gap:4px;align-content:start}
.wr-menu__side li{color:#d8e2ee;padding:8px 12px;border-radius:6px;font-weight:700;font-size:12px}
.wr-menu__side .is-cur{background:var(--blue);color:#fff}
.wr-menu__main{padding:20px}
.wr-menu__ttl{font-weight:900}
.wr-menu__btn{display:inline-block;margin-top:12px;background:var(--green);color:#fff;border-radius:999px;padding:8px 16px;font-size:12px;font-weight:700}
.wr-menu__bars{margin-top:16px;display:grid;gap:8px}
.wr-menu__bars i{display:block;height:12px;border-radius:4px;background:var(--a)}
.wr-menu__bars i:nth-child(2){width:80%;background:var(--b)}.wr-menu__bars i:nth-child(3){width:64%}.wr-menu__bars i:nth-child(4){width:88%;background:var(--c)}
.wr-cta__mock{display:flex;align-items:center;justify-content:center;gap:20px}
.wr-clock--cta{margin:0;padding:20px;max-width:220px}
.wr-clock--cta .wr-clock__time{font-size:40px}
.wr-clock--cta .wr-clock__btns span{width:48px;height:48px;font-size:12px}

/* 写真の帯 */
.wr-band{display:grid;grid-template-columns:repeat(4,1fr)}
.wr-band__img{width:100%;aspect-ratio:16/9;object-fit:cover}
.wr-ph{background:var(--ph);display:flex;align-items:center;justify-content:center;text-align:center;padding:12px;color:#4e5a68;font-size:14px;font-weight:700}

/* 節 */
.wr-sec{padding:96px 0}
.wr-h2{font-size:40px;line-height:1.45;font-weight:900;color:var(--blue-d)}
.wr-body{margin-top:16px;color:var(--muted);max-width:40em}
.wr-en{display:block;width:max-content;font-size:14px;font-weight:900;letter-spacing:.2em;color:var(--blue);margin-bottom:8px}
.wr-en::before{content:"";display:inline-block;width:24px;height:4px;background:var(--green);border-radius:2px;vertical-align:middle;margin-right:12px}
.wr-note{margin-top:12px;font-size:12px;color:var(--muted);text-align:center}

.wr-points{list-style:none;margin-top:48px;display:grid;grid-template-columns:repeat(3,1fr)}
.wr-points li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:0 32px}
.wr-points li + li{border-left:1px solid var(--line)}
.wr-ic{width:48px;height:48px;color:var(--blue)}
.wr-points b{font-size:20px;font-weight:900;color:var(--blue-d)}
.wr-points span{font-size:14px;color:var(--muted)}

/* 理由（淡い面＝透かし） */
.wr-reasons{background:linear-gradient(rgba(234,242,251,.9),rgba(234,242,251,.9)),url(img/wr2-bg-warehouse.webp) center/cover}
.wr-reasons__list{margin-top:48px;display:grid;gap:24px}
.wr-reason{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;background:#fff;border-radius:24px;padding:40px 48px;box-shadow:0 8px 24px rgba(16,38,62,.06)}
.wr-reason--rev .wr-reason__txt{order:2}
.wr-reason__no{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:8px;background:var(--blue);color:#fff;font-size:20px;font-weight:900}
.wr-reason h3{margin-top:16px;font-size:28px;line-height:1.5;font-weight:900;color:var(--blue-d)}
.wr-reason p{margin-top:12px;color:var(--muted)}
.wr-reason__mock{display:flex;justify-content:center}
.wr-reason__mock .wr-sheet{border:1px solid var(--line);width:100%}

/* タブ */
.wr-tabs{margin:40px auto 0;display:flex;width:max-content;background:var(--blue-p);border-radius:999px;padding:4px}
.wr-tab{border:0;background:transparent;font:inherit;font-size:16px;font-weight:700;color:var(--blue);padding:12px 32px;border-radius:999px;cursor:pointer;transition:background-color .2s ease}
.wr-tab[aria-selected="true"]{background:var(--blue);color:#fff}
.wr-tab:hover{background:#d3e4f6}
.wr-tab[aria-selected="true"]:hover{background:var(--blue)}
.wr-panes{margin-top:32px;border:2px solid var(--blue-p);border-radius:24px;padding:40px}
.wr-pane{display:grid;grid-template-columns:2fr 3fr;gap:48px;align-items:center}
.wr-pane__list{list-style:none;display:grid;gap:16px}
.wr-pane__list li{position:relative;padding-left:32px;font-size:18px;font-weight:700}
.wr-pane__list li::before{content:"";position:absolute;left:0;top:8px;width:20px;height:12px;border-left:4px solid var(--green);border-bottom:4px solid var(--green);transform:rotate(-45deg)}
.wr-pane__mock .wr-sheet{border:1px solid var(--line)}

/* CTA */
.wr-cta{background:var(--blue);padding:56px 0}
.wr-cta__box{width:min(1000px,100% - 48px);margin-inline:auto;background:#fff;border-radius:24px;padding:40px 48px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.wr-sheet--mini{border:1px solid var(--line)}
.wr-sheet--mini .wr-sheet__row:nth-child(n+6){display:none}
.wr-cta__ttl{font-size:32px;line-height:1.45;font-weight:900;color:var(--blue-d)}
.wr-cta__txt .wr-note2{margin-top:20px}
.wr-cta__txt .wr-btn{margin-top:8px}

/* 業種 */
.wr-inds__grid{margin-top:40px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.wr-ind{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.wr-ind__img{width:100%;aspect-ratio:3/2;object-fit:cover}
.wr-ind div{padding:16px 20px 20px}
.wr-ind h3{font-size:18px;font-weight:900;color:var(--blue-d)}
.wr-ind p{margin-top:4px;font-size:14px;color:var(--muted)}

/* 料金（淡い面＝透かし） */
.wr-price{background:linear-gradient(rgba(234,242,251,.9),rgba(234,242,251,.9)),url(img/wr2-bg-cafe.webp) center/cover}
.wr-price__box{margin:40px auto 0;max-width:880px;display:grid;grid-template-columns:1fr 1fr;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 8px 24px rgba(16,38,62,.06)}
.wr-price__cell{padding:40px;text-align:center;display:flex;flex-direction:column;gap:4px}
.wr-price__cell + .wr-price__cell{border-left:1px solid var(--line)}
.wr-price__cell span{font-size:14px;font-weight:700;color:var(--muted)}
.wr-price__cell b{font-size:48px;line-height:1.3;font-weight:900;color:var(--blue)}
.wr-price__cell b em{font-style:normal;font-size:24px;margin-left:4px}
.wr-price__cell small{font-size:12px;color:var(--muted)}
.wr-price__zero{list-style:none;margin-top:24px;display:flex;justify-content:center;gap:12px}
.wr-price__zero li{background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 20px;font-size:14px;font-weight:700;color:var(--green)}

/* 使い方の例 */
.wr-cases__grid{margin-top:40px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.wr-case{border:1px solid var(--line);border-radius:16px;padding:28px;display:flex;flex-direction:column}
.wr-case__tags{display:flex;gap:8px;flex-wrap:wrap}
.wr-case__tags span{font-size:12px;font-weight:700;padding:2px 12px;border-radius:999px;background:var(--blue);color:#fff}
.wr-case__tags span + span{background:#fff;color:var(--blue);border:1px solid var(--blue)}
.wr-case h3{margin-top:16px;font-size:18px;line-height:1.6;font-weight:900;color:var(--blue-d)}
.wr-case p{margin-top:12px;font-size:14px;color:var(--muted);flex:1}
.wr-case small{margin-top:16px;font-size:12px;color:var(--muted)}

/* 流れ */
.wr-flow{background:var(--blue-p)}
.wr-flow__list{list-style:none;margin-top:48px;display:grid;grid-template-columns:repeat(3,1fr);gap:56px}
.wr-flow__list li{position:relative;background:#fff;border-radius:24px;padding:32px 24px;text-align:center}
.wr-flow__list li + li::before{content:"";position:absolute;left:-44px;top:50%;width:16px;height:16px;border-top:4px solid var(--blue);border-right:4px solid var(--blue);transform:translateY(-50%) rotate(45deg)}
/* ⛔ 回した「く」の字は見た目の重心が右に寄る＝画素で左右の余白をそろえた値 -44px（10-02 Junya「矢印を真ん中に」） */
.wr-flow__no{display:inline-flex;width:40px;height:40px;border-radius:50%;background:var(--blue);color:#fff;font-weight:900;align-items:center;justify-content:center}
.wr-flow__list b{display:block;margin-top:12px;font-size:20px;font-weight:900;color:var(--blue-d)}
.wr-flow__list p{margin-top:4px;font-size:14px;color:var(--muted)}

/* FAQ */
.wr-faq__in{max-width:880px}
.wr-faq__list{margin-top:40px;display:grid;gap:12px}
.wr-faq__item{border:1px solid var(--line);border-radius:12px;background:#fff}
/* ⛔ 透明だと透かし写真の上で箱の輪郭が弱かった（10-02 Junya のスクショ） */
.wr-faq__item summary{list-style:none;cursor:pointer;padding:20px 56px 20px 24px;font-weight:700;position:relative}
.wr-faq__item summary::-webkit-details-marker{display:none}
.wr-faq__item summary::before{content:"Q";color:var(--blue);font-weight:900;margin-right:12px}
.wr-faq__item summary::after{content:"+";position:absolute;right:24px;top:50%;transform:translateY(-50%);font-size:24px;color:var(--blue);transition:transform .3s ease}
.wr-faq__item[open] summary::after{transform:translateY(-50%) rotate(45deg)}
/* ★10-02 Junya「transition」: よくある質問の開け閉めに動きを付ける。
   ::details-content と interpolate-size（対応ブラウザ）で高さを動かし、記号は＋→×へ回す。
   ⛔ 未対応のブラウザでは今までどおり動きなしで開く（壊れない）。⛔ 動きを減らす設定では止める */
:root{interpolate-size:allow-keywords}
details::details-content{block-size:0;overflow:hidden;transition:block-size .3s ease,content-visibility .3s allow-discrete}
details[open]::details-content{block-size:auto}
@media (prefers-reduced-motion:reduce){details::details-content{transition:none}}

.wr-faq__item p{padding:0 24px 20px 48px;font-size:14px;color:var(--muted)}

.wr-ft{background:var(--blue-d);color:#d8e2ee;padding:48px 0;font-size:12px}
.wr-ft__brand{font-size:20px;font-weight:900;color:#fff;display:flex;flex-direction:column;margin-bottom:12px}
.wr-ft__brand small{font-size:12px;font-weight:400;color:#b9c7d8}
.wr-ft a{display:inline-block;margin-top:12px;color:#fff;text-decoration:underline}

@media (max-width:899px){
  .wr-nav{display:none}
  .wr-kv__in,.wr-reason,.wr-pane,.wr-cta__box{grid-template-columns:1fr}
  .wr-reason--rev .wr-reason__txt{order:0}
  .wr-inds__grid{grid-template-columns:repeat(2,1fr)}
  .wr-cases__grid{grid-template-columns:1fr}
}
@media (max-width:767px){
  .wr-wrap{width:calc(100% - 32px)}
  .wr-sp{display:inline}
  .wr-hd__in{height:60px;gap:12px}
  .wr-hd__cta{margin-left:auto;height:40px;padding:0 16px;font-size:12px}
  .wr-kv__in{min-height:0;padding:28px 0 40px;gap:28px}
  .wr-kv__ttl{font-size:32px}
  .wr-kv__btns .wr-btn{flex:1 1 100%}
  .wr-laptop::after{margin:0 -12px}
  .wr-kv__phone{width:136px;right:0}
  .wr-sheet{padding:12px}
  .wr-sheet__row{grid-template-columns:44px repeat(7,1fr);gap:2px}
  .wr-chip{font-size:12px}
  .wr-band{grid-template-columns:repeat(2,1fr)}
  .wr-sec{padding:64px 0}
  .wr-h2{font-size:28px}
  .wr-points{grid-template-columns:1fr;gap:24px}
  .wr-points li + li{border-left:0;border-top:1px solid var(--line);padding-top:24px}
  .wr-reason{padding:24px;gap:24px}
  .wr-reason h3{font-size:24px}
  .wr-tabs{width:100%}
  .wr-tab{flex:1;padding:12px 8px;font-size:14px}
  .wr-panes{padding:20px}
  .wr-pane{gap:24px}
  .wr-pane__list li{font-size:16px}
  .wr-cta__box{padding:28px 20px;gap:24px}
  .wr-cta__ttl{font-size:24px}
  .wr-clock--cta{display:none}
  .wr-menu{grid-template-columns:96px 1fr}
  .wr-cta__txt .wr-btn{width:100%}
  .wr-inds__grid{gap:12px}
  .wr-ind div{padding:12px}
  .wr-ind h3{font-size:16px}
  .wr-ind p{font-size:12px}
  .wr-price__box{grid-template-columns:1fr}
  .wr-price__cell{padding:28px 20px}
  .wr-price__cell + .wr-price__cell{border-left:0;border-top:1px solid var(--line)}
  .wr-price__cell b{font-size:40px}
  .wr-price__zero{flex-wrap:wrap}
  .wr-flow__list{grid-template-columns:1fr;gap:20px}
  .wr-flow__list li + li::before{display:none}
}

/* ── 下層（2026-10-02）── */
.wr-nav a[aria-current="page"]{color:var(--blue);box-shadow:inset 0 -3px 0 var(--green)}
.wr-more{margin-top:32px;text-align:center}
.wr-narrow{max-width:880px}
.wr-h3{font-size:24px;line-height:1.5;font-weight:900;color:var(--blue-d)}
.wr-reason .wr-h3{margin-top:16px;font-size:28px}
.wr-sec--pale{background:linear-gradient(rgba(234,242,251,.9),rgba(234,242,251,.9)),url(img/wr2-bg-warehouse.webp) center/cover}
.wr-subkv{background:linear-gradient(rgba(234,242,251,.9),rgba(234,242,251,.9)),url(img/wr2-bg-cafe.webp) center/cover;overflow:clip}
.wr-subkv__in{display:grid;grid-template-columns:3fr 2fr;gap:48px;align-items:center;padding:48px 0}
.wr-crumb{font-size:12px;color:var(--muted)}
.wr-crumb a{color:var(--blue);text-decoration:underline}
.wr-subkv__ttl{margin-top:12px;font-size:40px;line-height:1.4;font-weight:900;color:var(--blue-d);animation:wr-up .7s .1s both}
.wr-subkv__lead{margin-top:12px;color:var(--muted);animation:wr-up .7s .25s both}
.wr-subkv__img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:24px;animation:wr-float .9s .2s both}
@media (prefers-reduced-motion:reduce){.wr-subkv__ttl,.wr-subkv__lead,.wr-subkv__img{animation:none}}
.wr-feats{list-style:none;margin-top:40px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.wr-feats li{border:1px solid var(--line);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:4px}
.wr-feats .wr-ic{width:32px;height:32px}
.wr-feats b{margin-top:8px;font-size:16px;font-weight:900;color:var(--blue-d)}
.wr-feats span{font-size:12px;color:var(--muted)}
.wr-checks{list-style:none;margin-top:32px;display:grid;gap:12px}
.wr-checks li{background:#fff;border-radius:12px;padding:16px 20px 16px 52px;position:relative;font-weight:700}
.wr-checks li::before{content:"";position:absolute;left:20px;top:24px;width:16px;height:8px;border-left:3px solid var(--green);border-bottom:3px solid var(--green);transform:rotate(-45deg)}
.wr-tblwrap{margin-top:32px;overflow-x:auto}
.wr-tbl{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.wr-tbl th,.wr-tbl td{padding:16px 24px;border-bottom:1px solid var(--line);text-align:left}
.wr-tbl thead th{background:var(--blue);color:#fff;font-size:14px}
.wr-tbl tbody th{font-weight:900}
.wr-tbl tbody td:nth-child(2){font-size:20px;font-weight:900;color:var(--blue)}
.wr-tbl tbody td:nth-child(3){font-size:14px;color:var(--muted)}
.wr-cased__list{display:grid;gap:24px}
.wr-cased{border:1px solid var(--line);border-radius:24px;padding:32px}
.wr-cased .wr-h3{margin-top:16px}
.wr-case__tags .is-feat{background:var(--blue-p);color:var(--blue);border:0}
.wr-cased__ba{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.wr-cased__ba div{border-radius:12px;padding:20px;background:var(--c)}
.wr-cased__ba div + div{background:var(--b)}
.wr-cased__ba b{display:inline-block;font-size:12px;font-weight:900;padding:2px 12px;border-radius:999px;background:#fff;color:var(--muted)}
.wr-cased__ba div + div b{color:var(--green)}
.wr-cased__ba p{margin-top:8px;font-size:14px}
.wr-cased small{display:block;margin-top:16px;font-size:12px;color:var(--muted)}
.wr-howto{margin-top:32px;border-left:4px solid var(--blue);padding:16px 20px;background:var(--blue-p);border-radius:0 12px 12px 0}
.wr-howto b{color:var(--blue-d)}
.wr-howto p{margin-top:4px;font-size:14px;color:var(--muted)}
.wr-faqg{margin-top:48px}
.wr-faqg:first-child{margin-top:0}
.wr-faqg + .wr-faq__list{margin-top:16px}
.wr-form{margin-top:32px;background:#fff;border-radius:24px;padding:32px;display:grid;gap:20px}
.wr-form label{display:grid;gap:8px;font-size:14px;font-weight:700}
.wr-form input,.wr-form select,.wr-form textarea{font:inherit;font-size:16px;padding:12px 16px;border:1px solid #8794a5;border-radius:8px;background:#fff}
.wr-form button[disabled]{opacity:.6;cursor:not-allowed}
.wr-ft__nav{display:flex;flex-wrap:wrap;gap:8px 24px;margin-bottom:16px;font-size:14px}
.wr-ft__nav a{margin-top:0;text-decoration:none}
@media (max-width:899px){.wr-subkv__in{grid-template-columns:1fr;gap:28px}.wr-feats{grid-template-columns:repeat(2,1fr)}}
@media (max-width:767px){
  .wr-subkv__in{padding:28px 0 40px}
  .wr-subkv__ttl{font-size:28px}
  .wr-reason .wr-h3{font-size:24px}
  .wr-feats{gap:12px}
  .wr-cased{padding:20px}
  .wr-cased__ba{grid-template-columns:1fr}
  .wr-tbl th,.wr-tbl td{padding:12px}
  .wr-form{padding:20px}
}