/* 3案で共通の部品（料金・質問・案内・予約の手順・ボタン）。色と書体は店のもの */
:root{
  --white:#fff;--cream:#faf6f0;--sand:#f1e8dc;--wood:#c8a682;--wood-d:#a07f5c;
  --rose:#8f6260;--rose-d:#774f4e;--rose-l:#f6ebe7;--sage:#eef0e6;--sage-d:#8b9478;
  --ink:#4a3a33;--sub:#7d6c63;--line:#e6dccf;
  --gut:clamp(20px,5vw,72px);--r:18px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:var(--ink);font-family:"Zen Maru Gothic","Hiragino Maru Gothic ProN",sans-serif;font-weight:500;font-size:clamp(16px,.35vw + 14.7px,17px);line-height:2;letter-spacing:.05em;font-feature-settings:"palt";overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0}
ul,ol{padding:0;list-style:none}
.nb{display:inline-block}
.il{pointer-events:none;user-select:none}
a:focus-visible,summary:focus-visible{outline:3px solid var(--wood-d);outline-offset:3px}

.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 28px;border-radius:999px;font-weight:700;font-size:16px;letter-spacing:.08em;text-decoration:none;line-height:1.4;transition:background .2s,color .2s,border-color .2s}
.btn--lg{min-height:60px;padding:14px 36px;font-size:17px}
.btn--line{background:var(--rose);color:#fff}
.btn--line:hover{background:var(--rose-d)}
.btn--ghost{border:1.5px solid var(--wood);color:var(--ink);background:#fff}
.btn--ghost:hover{border-color:var(--rose);color:var(--rose)}
.sp-cta{display:none}
.sp-cta.is-hide{opacity:0;pointer-events:none}

.win{border-radius:999px 999px var(--r) var(--r);overflow:hidden;background:var(--sand)}
.win img{width:100%;height:100%;object-fit:cover}

.tags{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.tags li{background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 20px;line-height:1.6}

/* はじめての方の料金 */
.first{background:#fff;border-radius:var(--r);padding:clamp(24px,4vw,52px);border:1.5px solid var(--wood);text-align:left}
.first__tag{display:inline-block;background:var(--rose);color:#fff;font-size:14px;line-height:1.4;padding:6px 18px;border-radius:999px}
.first__ttl{font-size:clamp(22px,1.4vw + 16px,30px);margin:12px 0 8px;line-height:1.5}
.first__list li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 24px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}
.first__list b{display:block;line-height:1.6;font-size:clamp(16px,.5vw + 14.5px,19px)}
.first__list small{display:block;font-size:14px;color:var(--sub);line-height:1.6;margin-top:2px}
.first__list p{display:flex;align-items:baseline;gap:14px;white-space:nowrap}
.first__list s{color:var(--sub);font-size:15px}
.first__list strong{font-family:var(--num,"Zen Maru Gothic"),sans-serif;font-weight:var(--numw,700);font-size:clamp(28px,2vw + 18px,40px);color:var(--rose);line-height:1.2;letter-spacing:.01em}
.first__list i{font-style:normal;font-family:"Zen Maru Gothic",sans-serif;font-weight:700;font-size:.42em;margin-left:3px}
.first__foot{margin-top:16px;font-size:15px;color:var(--sub);line-height:1.8}

/* 折りたたみ（2回目からの料金・回数券） */
.acc{margin-top:14px;background:#fff;border-radius:var(--r);border:1px solid var(--line);text-align:left}
.first+.acc{margin-top:clamp(24px,3vw,36px)}
.acc summary{cursor:pointer;padding:18px clamp(20px,3vw,32px);font-weight:700;list-style:none;display:flex;justify-content:space-between;align-items:center;line-height:1.6}
.acc summary::-webkit-details-marker{display:none}
.acc summary::after{content:"＋";color:var(--rose);font-size:20px}
.acc[open] summary::after{content:"−"}
.acc__body{padding:4px clamp(20px,3vw,32px) 28px}
.acc__note{margin-top:14px;font-size:15px;color:var(--sub);line-height:1.8}
.price{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,56px)}
.price h3{font-size:clamp(17px,.5vw + 15.5px,20px);padding-bottom:8px;border-bottom:2px solid var(--wood);margin-top:30px;line-height:1.6}
.price__col>h3:first-child{margin-top:0}
.price dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:12px 0;border-bottom:1px solid var(--line);line-height:1.6}
.price dt small{display:block;font-size:14px;color:var(--sub)}
.price dd{font-weight:700;white-space:nowrap;text-align:right}
.ticket>div{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:4px 28px;padding:14px 0;border-top:1px solid var(--line);line-height:1.6}
.ticket>div:first-child{border-top:0}
.ticket dd{white-space:nowrap;font-weight:700}
.ticket dd small{display:block;font-weight:500;font-size:14px;color:var(--sub)}

/* 予約の手順 */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,24px);text-align:left}
.steps li{background:#fff;border-radius:var(--r);padding:24px 22px;border:1px solid var(--line)}
.steps span{font-family:var(--num,"Zen Maru Gothic"),sans-serif;font-size:32px;line-height:1;color:var(--wood-d);font-weight:var(--numw,700)}
.steps h3{font-size:19px;line-height:1.5;margin:8px 0 4px}
.steps p{font-size:15px;line-height:1.8}
.ask{background:#fff;border-radius:var(--r);padding:clamp(24px,3.4vw,40px);border:1px solid var(--line);text-align:left}
.ask h3{font-size:clamp(18px,.6vw + 16px,21px);margin-bottom:8px;line-height:1.6}
.ask ol{counter-reset:a}
.ask li{counter-increment:a;position:relative;padding:12px 0 12px 40px;border-bottom:1px solid var(--line);line-height:1.7}
.ask li::before{content:counter(a);position:absolute;left:0;top:13px;width:26px;height:26px;border-radius:50%;background:var(--sand);font-size:15px;line-height:26px;text-align:center;font-weight:700}
.ask small{display:block;font-size:14px;color:var(--sub)}
.ask>p{margin-top:14px;font-size:15px;line-height:1.8}

/* 質問 */
.faq{text-align:left}
.faq>div{padding:22px 0;border-bottom:1px solid var(--line)}
.faq dt,.faq dd{position:relative;padding-left:38px;line-height:1.8}
.faq dt{font-weight:700}
.faq dd{margin-top:6px}
.faq dt::before,.faq dd::before{position:absolute;left:0;top:-.12em;font-size:21px;font-weight:700}
.faq dt::before{content:"Q";color:var(--rose)}
.faq dd::before{content:"A";color:var(--wood-d)}

/* お店の案内 */
.info{text-align:left}
.info>div{display:grid;grid-template-columns:6.4em 1fr;gap:12px;padding:15px 0;border-bottom:1px solid var(--line);line-height:1.8}
.info dt{color:var(--wood-d);font-weight:700}
.info+.btn{margin-top:26px}
.map{width:100%;height:100%;min-height:320px;border:0;border-radius:var(--r);display:block}

@media (max-width:768px){
  .first__list li{grid-template-columns:1fr}
  .first__list p{justify-content:flex-end}
  .price{grid-template-columns:1fr;gap:30px}
  .ticket>div{grid-template-columns:1fr 1fr}
  .ticket dt{grid-column:1/-1}
  .steps{grid-template-columns:1fr}
  .sp-cta{display:flex;position:fixed;left:16px;right:16px;bottom:14px;z-index:40;min-height:56px;box-shadow:0 6px 20px rgba(74,58,51,.25);transition:opacity .2s}
  body{padding-bottom:84px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* 案T：「わかば保育園」（L10）の再現。写真と箱の大きさは参考の実測値（参考_追加リサーチ/L10_1440.json・L10_390.json）。
   --u = 画面幅÷1440（スマホは ÷390）。calc(var(--u)*N) は「幅1440のとき N px」。
   第1画面は貼り絵のイラスト、あしらいは生成した紙片（img/t/d*.webp）、地は生成した紙と布のテクスチャ。
   2026-10-06 中川さんの希望で全体をグレージュに寄せた：参考の黄緑 → 濃いグレージュ、青 → 中間のグレージュ、濃い面 → 墨に近いグレージュの布、薄い地 → 白に近いグレージュの紙。
   白い文字をのせる色は、文字が読める濃さ（--a は白文字と4.5:1以上）にしてある */
:root{--u:calc(100vw/1440);--a:#857364;--b:#9c8f85;--c:#b9b3a6;--d:#7a6d63;--bg:#fff;--pale:#f4efea;--ink:#4f453e;
  --rose:#857364;--rose-d:#6f5f52;--rose-l:#f4efea;--wood:#9c8f85;--wood-d:#7b6f67;--sand:#f4efea;--cream:#f4efea;--sub:#756b64;--line:#e2dcd6;--r:0px;--num:"Quicksand";--numw:700}
body{font-family:"Zen Kaku Gothic New",sans-serif;font-weight:700;font-size:max(12px,calc(var(--u)*14));line-height:calc(var(--u)*28);letter-spacing:calc(var(--u)*0.8);color:var(--ink);background:#fff}
h1,h2,h3{font-weight:700}
.btn{border-radius:0}
.t-btn{background:var(--a);color:#fff;width:calc(var(--u)*280);min-width:0;min-height:0;height:calc(var(--u)*50);font-size:max(12px,calc(var(--u)*14));padding:0}
.t-btn:hover{background:var(--d)}
.sp-cta{background:var(--a)}
.t-main{position:relative;overflow:hidden}
.t-d{position:absolute;z-index:3;height:auto;pointer-events:none}
/* ヘッダー：案内14px（上50）、中央に白い五角形の札339×260とロゴ */
.t-hd{position:relative;z-index:6;height:calc(var(--u)*100)}
.t-nav{position:absolute;top:calc(var(--u)*50);display:flex;font-size:max(12px,calc(var(--u)*14));line-height:calc(var(--u)*21)}
.t-nav--l{left:calc(var(--u)*170);gap:calc(var(--u)*50)}
.t-nav--r{left:calc(var(--u)*900);gap:calc(var(--u)*70)}
.t-nav a{text-decoration:none;white-space:nowrap}
.t-nav a:hover{color:var(--a)}
.t-hd__logo{position:absolute;left:calc(var(--u)*551);top:0;width:calc(var(--u)*339);height:calc(var(--u)*260);background:#fff;clip-path:polygon(0 0,100% 0,100% 62%,88% 100%,8% 93%,0 62%);display:grid;place-items:center}
.t-hd__logo img{width:calc(var(--u)*250);height:auto;margin-top:calc(var(--u)*-30)}
.t-float{position:fixed;right:calc(var(--u)*-10);top:calc(var(--u)*578);z-index:40;display:flex;flex-direction:column;gap:calc(var(--u)*10)}
.t-float a{width:calc(var(--u)*90);height:calc(var(--u)*84);border-radius:calc(var(--u)*42) 0 0 calc(var(--u)*42);background:var(--d);color:#fff;text-decoration:none;font-size:max(12px,calc(var(--u)*12));line-height:1.4;display:grid;place-items:center;text-align:center}
.t-float a:first-child{background:var(--a)}
.t-float a:last-child{background:var(--wood-d)}

/* 第1画面：上100から高さ900。角を切った横いっぱいのイラスト */
.t-fv{position:relative;height:calc(var(--u)*900)}
.t-fv figure{height:100%;clip-path:polygon(0 17%,8% 0,77% 0,100% 20%,100% 88%,71% 100%,0 92%)}
.t-fv figure img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.t-fv h1{position:absolute;z-index:4;left:calc(var(--u)*1077);top:calc(var(--u)*166);display:flex;flex-direction:column;align-items:flex-start;gap:calc(var(--u)*8);font-size:calc(var(--u)*17);line-height:calc(var(--u)*30.6);letter-spacing:calc(var(--u)*2.4)}
.t-fv h1 span{background:#fff;padding:0 calc(var(--u)*10);white-space:nowrap}
.t-fv__news{position:absolute;z-index:4;left:calc(var(--u)*158);top:calc(var(--u)*715);width:calc(var(--u)*883);height:calc(var(--u)*46);display:flex;align-items:center;background:#fff;border-radius:calc(var(--u)*23);padding:0 calc(var(--u)*30);text-decoration:none;font-size:max(12px,calc(var(--u)*13));line-height:1;white-space:nowrap}
.t-fv__news small{font-family:"Quicksand",sans-serif;font-size:max(9px,calc(var(--u)*9));letter-spacing:.1em;margin-left:calc(var(--u)*12);padding-right:calc(var(--u)*24);border-right:1px dotted var(--ink);line-height:calc(var(--u)*22)}
.t-fv__news span{font-weight:500;margin-left:calc(var(--u)*26)}
.t-fv__d1{left:calc(var(--u)*24);top:calc(var(--u)*70);width:calc(var(--u)*104);transform:rotate(-24deg)}
.t-fv__d2{left:calc(var(--u)*930);top:calc(var(--u)*836);width:calc(var(--u)*84);transform:rotate(24deg)}

/* 見出し：28px、英字12px、もっと見る136×31 */
.t-sec{position:relative;width:calc(var(--u)*1126);margin:0 auto;padding-top:calc(var(--u)*120)}
.t-h2{display:flex;align-items:center;margin:0 0 calc(var(--u)*50) calc(var(--u)*70)}
.t-ic{width:calc(var(--u)*54);height:calc(var(--u)*54);object-fit:contain;margin-right:calc(var(--u)*16);flex:none}
.t-h2{margin-left:0!important}
.t-h2 h2{font-size:calc(var(--u)*28);line-height:calc(var(--u)*42);letter-spacing:calc(var(--u)*3)}
.t-h2 small{font-family:"Quicksand",sans-serif;font-size:max(12px,calc(var(--u)*12));letter-spacing:.14em;margin-left:calc(var(--u)*26)}
.t-more{display:inline-flex;align-items:center;justify-content:space-between;gap:calc(var(--u)*14);min-width:calc(var(--u)*136);height:calc(var(--u)*36);font-size:max(12px,calc(var(--u)*14));line-height:1;text-decoration:none;border-bottom:2px dotted var(--ink);padding:0 calc(var(--u)*2) calc(var(--u)*6) calc(var(--u)*8);margin-left:calc(var(--u)*58);white-space:nowrap}
.t-more i{position:relative;flex:none;width:calc(var(--u)*24);height:calc(var(--u)*24);border-radius:50%;background:var(--ink);transition:transform .2s}
.t-more i::after{content:"";position:absolute;left:50%;top:50%;width:calc(var(--u)*6);height:calc(var(--u)*6);border-top:1.5px solid #fff;border-right:1.5px solid #fff;transform:translate(-70%,-50%) rotate(45deg)}
.t-more:hover i{transform:translateX(calc(var(--u)*4))}
.t-tag{display:inline-block;background:var(--a);color:#fff;font-size:max(10px,calc(var(--u)*11));line-height:calc(var(--u)*22);padding:0 calc(var(--u)*8);vertical-align:top}

/* ヘアカタログ：5枚×2段（幅206・縦長3:4・横の間24）。全体の幅1126は参考のお知らせ3枚と同じ */
.t-voice__d{left:calc(var(--u)*-50);top:calc(var(--u)*96);width:calc(var(--u)*64)}
.t-voices{display:grid;grid-template-columns:repeat(5,calc(var(--u)*206));gap:calc(var(--u)*44) calc(var(--u)*24)}
.t-voices li{line-height:0}
.t-voices__th{width:calc(var(--u)*206);height:calc(var(--u)*275);overflow:hidden}
.t-voices__th img{width:100%;height:100%;object-fit:cover}

/* 薄い地の箱1246幅：太字20pxの3行、横長の写真1366×400（左右に60はみ出す）、15px・行間36の2段 */
.t-msg{position:relative;width:calc(var(--u)*1246);margin:calc(var(--u)*117) auto 0;padding:calc(var(--u)*110) 0 calc(var(--u)*76);background:url(img/t/paper.jpg) center/calc(var(--u)*700) auto}
.t-msg__b{text-align:center;font-size:calc(var(--u)*20);line-height:calc(var(--u)*46);letter-spacing:calc(var(--u)*3)}
.t-msg figure{position:relative;width:calc(var(--u)*1366);height:calc(var(--u)*400);margin:calc(var(--u)*50) 0 0 calc(var(--u)*-60)}
.t-msg figure>img:first-child{width:100%;height:100%;object-fit:cover;object-position:50% 80%}
.t-msg__tx{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--u)*60);width:calc(var(--u)*916);margin:calc(var(--u)*55) auto 0;font-size:max(12px,calc(var(--u)*15));line-height:calc(var(--u)*36)}
.t-msg__tx p+p{margin-top:calc(var(--u)*18)}
/* 強調のマーカー：文字の下半分に引く線。--p（0〜1）は scroll.js が画面内の位置に合わせて動かす。スクリプトが動かないときと「動きを減らす」設定では、はじめから引いてある */
.t-hl,.t-hl i{--p:1;color:inherit;font-style:normal;background:linear-gradient(#e2cdb4,#e2cdb4) 0 88%/calc(var(--p)*100%) 46% no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.t-hl.is-split{background:none}
.t-msg__d1{left:calc(var(--u)*350);top:calc(var(--u)*-10);width:calc(var(--u)*80);transform:rotate(-30deg)}
.t-msg__d2{left:calc(var(--u)*105);top:calc(var(--u)*100);width:calc(var(--u)*64)}
.t-msg__d3{right:calc(var(--u)*120);top:calc(var(--u)*96);width:calc(var(--u)*84);transform:rotate(30deg)}
.t-msg__d4{left:calc(var(--u)*240);top:calc(var(--u)*-36);width:calc(var(--u)*84);transform:rotate(20deg)}
.t-msg__d5{right:calc(var(--u)*200);top:calc(var(--u)*120);width:calc(var(--u)*64)}

/* 写真362×250を3枚（中央を80上へ）。札22px・英字12px・説明14px */
.t-three-w{width:calc(var(--u)*1200);margin:0 auto;padding-top:calc(var(--u)*220)}
.t-three{display:grid;grid-template-columns:repeat(3,calc(var(--u)*362));gap:calc(var(--u)*57);align-items:start}
.t-three li{display:flex;flex-direction:column;align-items:flex-start}
.t-three li:nth-child(2){margin-top:calc(var(--u)*-80)}
.t-three figure{width:calc(var(--u)*362);height:calc(var(--u)*250)}
.t-three figure img{width:100%;height:100%;object-fit:cover}
.t-three li:first-child figure img{object-position:50% 92%}   /* 縦長の写真：椅子と鏡の下半分を見せる */
.t-three h3{position:relative;z-index:2;margin-top:calc(var(--u)*-23);background:var(--b);color:#fff;font-size:calc(var(--u)*20);line-height:calc(var(--u)*47);letter-spacing:calc(var(--u)*3);padding:0 calc(var(--u)*16);white-space:nowrap}
.t-three li:nth-child(2) h3{background:var(--a)}
.t-three small{margin-top:calc(var(--u)*6);background:var(--d);color:#fff;font-family:"Quicksand",sans-serif;font-size:max(12px,calc(var(--u)*12));letter-spacing:.16em;line-height:calc(var(--u)*29);padding:0 calc(var(--u)*14)}
.t-three p{font-size:max(12px,calc(var(--u)*14));line-height:calc(var(--u)*26);margin-top:calc(var(--u)*31)}

/* ドリンクサービス：3つの理由の下に小さく添える。写真はフォトアルバムと同じ白いフレーム（細い線つき）に入れ、傾けて2枚重ねる */
.t-drink{position:relative;width:calc(var(--u)*960);margin:calc(var(--u)*80) auto calc(var(--u)*70);display:grid;grid-template-columns:calc(var(--u)*330) 1fr;gap:calc(var(--u)*64);align-items:center}
.t-drink__ph{position:relative;height:calc(var(--u)*230)}
.t-drink__ph figure{position:absolute;background:#fff;border:1px solid var(--c);padding:calc(var(--u)*10);box-shadow:0 2px 12px rgba(0,0,0,.12)}
.t-drink__ph img{width:100%;height:100%;object-fit:cover;display:block}
.t-drink__ph figure:first-child{left:calc(var(--u)*6);top:calc(var(--u)*4);width:calc(var(--u)*190);height:calc(var(--u)*190);transform:rotate(-9deg);z-index:2}
.t-drink__ph figure:last-child{left:calc(var(--u)*158);top:calc(var(--u)*56);width:calc(var(--u)*168);height:calc(var(--u)*150);transform:rotate(7deg)}
.t-drink__ph figure:first-child img{object-position:62% 60%}
.t-drink__ph figure:last-child img{object-position:60% 50%}
.t-drink__tx{display:flex;flex-direction:column;align-items:flex-start}
.t-drink small{font-family:"Quicksand",sans-serif;color:var(--sub);font-size:max(12px,calc(var(--u)*12));letter-spacing:.16em;line-height:1.6}
.t-drink h3{font-size:max(15px,calc(var(--u)*18));line-height:1.6;letter-spacing:calc(var(--u)*2);margin-bottom:calc(var(--u)*10)}
.t-drink p{font-weight:500;font-size:max(12px,calc(var(--u)*13));line-height:calc(var(--u)*26)}
.t-drink .t-drink__k{font-weight:700;font-size:max(13px,calc(var(--u)*15));line-height:1.7;letter-spacing:calc(var(--u)*1.5);margin:calc(var(--u)*16) 0 calc(var(--u)*4);padding-top:calc(var(--u)*14);border-top:1px solid var(--line);width:100%}
.t-drink .t-more{margin:calc(var(--u)*16) 0 0}

/* ドリンクサービスの見比べ用。B＝薄い地の帯に文章、写真は右上から帯の外へはみ出す／C＝写真を上、文章を下に中央でそろえる（A＝指定なし） */
.t-drink--b{width:100%;margin-top:calc(var(--u)*130);background:var(--pale);padding:calc(var(--u)*40) calc(var(--u)*70) calc(var(--u)*44);grid-template-columns:1fr calc(var(--u)*330);gap:calc(var(--u)*80);align-items:start}
.t-drink--b{grid-template-columns:auto 1fr;gap:0}
.t-drink--b .t-drink__ph{order:2;width:calc(var(--u)*384);height:calc(var(--u)*262);justify-self:center;margin:calc(var(--u)*-104) 0 0 calc(var(--u)*70)}
.t-drink--b .t-drink__ph figure:first-child{left:calc(var(--u)*138);top:calc(var(--u)*14);width:calc(var(--u)*244);height:calc(var(--u)*244);transform:rotate(6deg)}
.t-drink--b .t-drink__ph figure:last-child{left:calc(var(--u)*2);top:calc(var(--u)*22);width:calc(var(--u)*172);height:calc(var(--u)*152);transform:rotate(-8deg)}
.t-drink--b .t-drink__k{border-top-color:var(--c)}
.t-drink--c{width:calc(var(--u)*620);grid-template-columns:1fr;gap:calc(var(--u)*26);justify-items:center}
.t-drink--c .t-drink__ph{width:calc(var(--u)*330)}
.t-drink--c .t-drink__tx{align-items:center;text-align:center}

/* 屋根の形の濃い区画（参考：高さ768・屋根137）。地は布のテクスチャ */
.t-roof{position:relative;margin-top:calc(var(--u)*14);min-height:calc(var(--u)*768);background:#82756a url(img/t/linen.jpg) center/calc(var(--u)*520) auto;color:#fff;clip-path:polygon(0 calc(var(--u)*96),50% 0,100% calc(var(--u)*96),100% 100%,0 100%);padding:calc(var(--u)*137) 0 calc(var(--u)*62)}
.t-roof__h{display:flex;justify-content:center;align-items:center}
.t-roof__h h2{font-size:calc(var(--u)*28);line-height:calc(var(--u)*42);letter-spacing:calc(var(--u)*6)}
.t-roof__h small{font-family:"Quicksand",sans-serif;font-size:max(12px,calc(var(--u)*12));letter-spacing:.14em;margin-left:calc(var(--u)*22)}
.t-roof__lead{text-align:center;font-size:max(12px,calc(var(--u)*14));line-height:calc(var(--u)*28);margin-top:calc(var(--u)*31)}
.t-roof__g{position:relative;display:grid;grid-template-columns:calc(var(--u)*334) 1fr;gap:calc(var(--u)*62);align-items:center;width:calc(var(--u)*1126);margin:calc(var(--u)*60) auto 0}
.t-roof__g figure{width:calc(var(--u)*334);height:calc(var(--u)*380)}
.t-roof__g figure img{width:100%;height:100%;object-fit:cover;object-position:50% 12%}
.t-roof__name{font-size:calc(var(--u)*22);line-height:calc(var(--u)*40);letter-spacing:calc(var(--u)*4);margin-bottom:calc(var(--u)*12)}
.t-roof__name small{font-size:max(12px,calc(var(--u)*12));font-weight:500;margin-left:calc(var(--u)*16);opacity:.85}
.t-roof__g p{font-size:max(12px,calc(var(--u)*15));line-height:calc(var(--u)*34)}
.t-roof__tx p+p{margin-top:calc(var(--u)*14)}
.t-roof__d1{left:calc(var(--u)*280);top:calc(var(--u)*-40);width:calc(var(--u)*90)}
.t-roof__d2{right:calc(var(--u)*20);bottom:calc(var(--u)*-52);width:calc(var(--u)*80)}

/* 料金 */
.t-menu__d{right:calc(var(--u)*40);top:calc(var(--u)*90);width:calc(var(--u)*110);transform:rotate(-8deg)}
.t-cards{display:grid;grid-template-columns:repeat(3,calc(var(--u)*334));gap:calc(var(--u)*50) calc(var(--u)*62)}
.t-cards h3{font-weight:700;font-size:calc(var(--u)*20);line-height:calc(var(--u)*32);margin:0 0 calc(var(--u)*4);min-height:calc(var(--u)*64)}
.t-pr{font-family:"Quicksand","Zen Kaku Gothic New",sans-serif;font-weight:700;line-height:1.3}
.t-pr s{font-size:max(12px,calc(var(--u)*13));color:var(--sub);margin-right:calc(var(--u)*10)}
.t-pr b{color:#7d6b5b;font-size:calc(var(--u)*36);font-weight:700;letter-spacing:0;margin-right:2px}
.t-sm{font-size:max(12px,calc(var(--u)*12));font-weight:500;color:var(--sub);border-top:1px solid var(--line);margin-top:calc(var(--u)*8);padding-top:calc(var(--u)*6)}
.t-note{font-size:max(12px,calc(var(--u)*13));font-weight:500;color:var(--sub);margin:calc(var(--u)*26) 0 calc(var(--u)*20)}
.acc summary::after{color:var(--a)}
.price h3{border-bottom:2px solid var(--d)}
.acc,.steps li,.ask{border-radius:0;font-weight:500}

/* 五角形2つ・小さな吹き出し・傾けた写真540×337ぶん */
.t-sns{position:relative;width:calc(var(--u)*1440);height:calc(var(--u)*560);margin-top:calc(var(--u)*60)}
.t-sns>*{position:absolute}
.t-sns__p{display:grid;place-content:center;text-align:center;color:#fff;text-decoration:none;font-family:"Quicksand",sans-serif;font-size:max(12px,calc(var(--u)*12));letter-spacing:.2em;line-height:1.6}
.t-sns__p b{display:block;font-size:calc(var(--u)*26)}
.t-sns__ic{display:block;width:calc(var(--u)*46);height:calc(var(--u)*46);margin:0 auto calc(var(--u)*6)}
.t-sns__ic text{fill:var(--b)}
.t-sns__p.is-a{left:calc(var(--u)*150);top:calc(var(--u)*131);width:calc(var(--u)*275);height:calc(var(--u)*230);background:var(--b);clip-path:polygon(56% 0,100% 30%,86% 86%,14% 100%,0 34%)}
.t-sns__p.is-b{left:calc(var(--u)*400);top:calc(var(--u)*286);width:calc(var(--u)*283);height:calc(var(--u)*180);background:var(--a);clip-path:polygon(22% 0,84% 12%,100% 48%,82% 100%,10% 90%,0 34%)}
.t-sns__say{left:calc(var(--u)*470);top:calc(var(--u)*127);display:flex;flex-direction:column;align-items:flex-start;gap:calc(var(--u)*7);font-size:max(12px,calc(var(--u)*14));line-height:calc(var(--u)*22.4)}
.t-sns__say span{background:var(--pale);padding:0 calc(var(--u)*6)}
.t-sns__f{background:#fff;padding:calc(var(--u)*16);box-shadow:0 2px 12px rgba(0,0,0,.12)}
.t-sns__f img{width:100%;height:100%;object-fit:cover}
.t-sns__f.is-1 img{object-position:50% 90%}   /* 縦長の写真：椅子と鏡の下半分を見せる */
.t-sns__f.is-1{left:calc(var(--u)*770);top:calc(var(--u)*40);width:calc(var(--u)*290);height:calc(var(--u)*240);transform:rotate(-18deg)}
.t-sns__f.is-2{left:calc(var(--u)*1050);top:calc(var(--u)*20);width:calc(var(--u)*230);height:calc(var(--u)*210);transform:rotate(16deg)}
.t-sns__tx{left:calc(var(--u)*750);top:calc(var(--u)*324);width:calc(var(--u)*540);font-weight:500}
.t-lab{display:inline-block;background:var(--wood-d);color:#fff;font-family:"Quicksand",sans-serif;font-weight:700;font-size:calc(var(--u)*18);line-height:calc(var(--u)*49);letter-spacing:.14em;padding:0 calc(var(--u)*16);margin-bottom:calc(var(--u)*20)}
.t-sns__tx .t-more{margin:calc(var(--u)*10) 0 0}

.ask{margin-top:calc(var(--u)*14)}
.steps span{display:grid;place-items:center;width:46px;height:46px;border:2px solid var(--a);border-radius:50%;color:var(--a);font-size:22px;line-height:1;margin-bottom:14px}   /* 数字を丸で囲む */
/* 予約の注意事項：左に濃い線を引いた箱。4項目 */
/* お支払い方法：料金の開閉の3つ目。色数の多いロゴで世界観が崩れるので、押すまで隠す */
.t-pay{text-align:center;font-weight:500}
.t-pay h3{font-size:max(15px,calc(var(--u)*18));line-height:1.6;letter-spacing:calc(var(--u)*3)}
.t-pay figure{width:calc(var(--u)*700);max-width:100%;margin:calc(var(--u)*14) auto 0}
.t-pay img{display:block;width:100%;height:auto}
.t-pay p{font-size:max(12px,calc(var(--u)*14));line-height:1.9;margin-top:calc(var(--u)*10)}
.t-rule{margin-top:calc(var(--u)*14);background:var(--pale);border-left:calc(var(--u)*6) solid var(--a);padding:calc(var(--u)*34) calc(var(--u)*40);font-weight:500}
.t-rule h3{font-size:max(15px,calc(var(--u)*20));line-height:1.6;letter-spacing:calc(var(--u)*2);margin-bottom:calc(var(--u)*12)}
.t-rule li{position:relative;padding:calc(var(--u)*10) 0 calc(var(--u)*10) 1.5em;font-size:max(13px,calc(var(--u)*15));line-height:1.9;border-top:1px solid var(--line)}
.t-rule li::before{content:"";position:absolute;left:.3em;top:calc(var(--u)*10 + .72em);width:.5em;height:.5em;background:var(--a);transform:rotate(45deg)}
/* 相談の箱：中央ぞろえ。見出し（左右に貼り絵の枝と花）→ 予約ボタン → 変更・返事の案内 */
.t-cta{display:flex;flex-direction:column;align-items:center;text-align:center;border:2px solid var(--line);background:url(img/t/paper.jpg) center/calc(var(--u)*700) auto;padding:calc(var(--u)*46) calc(var(--u)*22) calc(var(--u)*40);margin-top:calc(var(--u)*40)}
.t-cta h3{display:flex;align-items:center;justify-content:center;gap:calc(var(--u)*18);font-size:calc(var(--u)*24);line-height:calc(var(--u)*40);letter-spacing:calc(var(--u)*3)}
.t-cta h3 .t-d{position:static;flex:none}
.t-cta__d1{width:calc(var(--u)*50);transform:scaleX(-1) rotate(-12deg)}
.t-cta__d2{width:calc(var(--u)*42)}
.t-cta .t-btn{width:calc(var(--u)*360);height:calc(var(--u)*60);font-size:max(12px,calc(var(--u)*16));margin-top:calc(var(--u)*22)}
.t-cta p{font-size:max(12px,calc(var(--u)*14));line-height:calc(var(--u)*28);font-weight:500;margin-top:calc(var(--u)*20)}
.faq{font-weight:500}
.faq dt::before{color:var(--b)}.faq dd::before{color:var(--a)}
.t-faq__d{right:calc(var(--u)*60);top:calc(var(--u)*84);width:calc(var(--u)*90)}
.t-access{display:grid;grid-template-columns:1.1fr 1fr;gap:calc(var(--u)*50);font-weight:500}
.info dt{color:var(--wood-d)}

/* 店頭販売 */
.t-item__lead{font-weight:500;font-size:max(13px,calc(var(--u)*16));line-height:1.9;margin-bottom:calc(var(--u)*30)}
.t-item__l{display:grid;grid-template-columns:repeat(2,calc(var(--u)*334));gap:calc(var(--u)*62)}
.t-item__l figure{background:#e9e5e0;aspect-ratio:4/5;overflow:hidden}.t-item__l img{width:100%;height:100%;object-fit:cover;display:block}
.t-item__l h3{font-size:calc(var(--u)*20);line-height:calc(var(--u)*32);margin:calc(var(--u)*14) 0 calc(var(--u)*2)}
.t-item__l p{font-weight:500;color:var(--sub);font-size:max(12px,calc(var(--u)*13))}
.t-item__pr{margin-top:calc(var(--u)*30);font-size:max(14px,calc(var(--u)*18));letter-spacing:calc(var(--u)*2)}
.t-item__pr a{display:inline-block;margin-left:calc(var(--u)*20);background:var(--a);color:#fff;text-decoration:none;font-size:max(12px,calc(var(--u)*14));line-height:calc(var(--u)*40);padding:0 calc(var(--u)*22)}

/* 足もと：ロゴ、案内14px、丸い波、色の帯340 */
.t-ft{text-align:center;margin-top:calc(var(--u)*120);background:url(img/t/paper.jpg) center/calc(var(--u)*700) auto}
.t-ft__logo{display:inline-block;margin-top:calc(var(--u)*60)}
.t-ft__logo img{width:calc(var(--u)*250);height:auto}
.t-ft__nav{display:flex;justify-content:center;gap:calc(var(--u)*54);font-size:max(12px,calc(var(--u)*14));line-height:calc(var(--u)*28);padding:calc(var(--u)*60) 0 calc(var(--u)*260)}
.t-ft__nav a{text-decoration:none}
.t-ft__band{position:relative;background:#7b706a url(img/t/band.jpg) center top/100% auto;color:#fff;min-height:calc(var(--u)*340);display:grid;grid-template-columns:1fr calc(var(--u)*490);gap:calc(var(--u)*60);align-items:center;text-align:left;padding:calc(var(--u)*40) calc(var(--u)*119) calc(var(--u)*30) calc(var(--u)*277)}
.t-ft__band::before{content:"";position:absolute;left:0;right:0;top:calc(var(--u)*-248);height:calc(var(--u)*250);background:url(img/t/edge.webp) center bottom/100% 100% no-repeat;pointer-events:none}
.t-ft__tx{font-size:max(12px,calc(var(--u)*13));line-height:calc(var(--u)*26);position:relative}
.t-ft__tx .t-lab{background:#fff;color:var(--ink);font-size:max(12px,calc(var(--u)*14));line-height:calc(var(--u)*30);margin-bottom:calc(var(--u)*12)}
.t-ft__box{position:relative;background:#fff;color:var(--ink);clip-path:polygon(4% 0,96% 6%,100% 40%,96% 100%,0 92%);height:calc(var(--u)*170);display:grid;place-content:center;justify-items:center;gap:calc(var(--u)*8);font-size:max(12px,calc(var(--u)*14))}
.t-ft__d1{display:none}
.t-ft__d2{display:none}
.t-ft small{display:block;background:#7b706a url(img/t/band.jpg) center bottom/100% auto;color:#fff;font-size:11px;font-weight:500;padding-bottom:20px}

/* 開いたとき：紙の地にロゴがふわっと出て、ぼんやり消えてから第1画面が見える（合計2.6秒）。動きを減らす設定の人には出さない */
.t-intro{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:#f4efea url(img/t/paper.jpg) center/calc(var(--u)*700) auto;pointer-events:none;animation:t-intro-out 1s ease 1.6s both}
.t-intro img{width:calc(var(--u)*340);height:auto;animation:t-intro-logo 1.9s ease both}
@keyframes t-intro-logo{0%{opacity:0;transform:translateY(calc(var(--u)*10)) scale(.96);filter:blur(6px)}32%{opacity:1;transform:none;filter:blur(0)}78%{opacity:1;transform:none;filter:blur(0)}100%{opacity:0;transform:scale(1.04);filter:blur(8px)}}
@keyframes t-intro-out{from{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}
@media (prefers-reduced-motion:reduce){.t-intro{display:none}}

/* スマホ：参考のスマホ幅390の実測値（ロゴ136幅、絵350×189、横長の写真390×229、写真350×242） */
@media (max-width:860px){
  .t-item__l{grid-template-columns:1fr 1fr;gap:calc(var(--u)*16)}.t-item__l h3{font-size:calc(var(--u)*15);line-height:1.5}.t-item__l p{letter-spacing:0;font-size:12px}.t-item__pr a{display:block;margin:calc(var(--u)*14) 0 0;text-align:center}
  :root{--u:calc(100vw/390)}
  body{font-size:calc(var(--u)*14);line-height:calc(var(--u)*28)}
  .t-nav{display:none}
  .t-hd{height:calc(var(--u)*100)}
  .t-hd__logo{left:calc(var(--u)*45);width:calc(var(--u)*300);height:calc(var(--u)*188)}
  .t-hd__logo img{width:calc(var(--u)*190);margin-top:calc(var(--u)*-20)}
  .t-float{right:0;top:auto;bottom:calc(var(--u)*84);gap:calc(var(--u)*6)}
  .t-float a{width:calc(var(--u)*60);height:calc(var(--u)*56);border-radius:calc(var(--u)*28) 0 0 calc(var(--u)*28);font-size:calc(var(--u)*11)}
  .t-fv{height:calc(var(--u)*620)}  /* 縦長のイラスト（2:3）の左右がほぼ切れない高さ。参考は744 */
  .t-fv figure img{object-position:50% 40%}
  .t-fv figure{clip-path:polygon(0 6%,24% 0,78% 0,100% 8%,100% 94%,62% 100%,0 96%)}
  .t-fv h1{left:calc(var(--u)*24);top:calc(var(--u)*452);font-size:calc(var(--u)*17)}
  .t-fv__news{left:calc(var(--u)*20);top:calc(var(--u)*560);width:calc(var(--u)*350);height:auto;border-radius:calc(var(--u)*14);padding:calc(var(--u)*10) calc(var(--u)*18);flex-wrap:wrap;white-space:normal;font-size:calc(var(--u)*13);line-height:calc(var(--u)*22)}
  .t-fv__news span{margin:calc(var(--u)*2) 0 0;width:100%}
  .t-fv__d1{left:calc(var(--u)*6);top:calc(var(--u)*50);width:calc(var(--u)*60)}.t-fv__d2{left:calc(var(--u)*300);top:calc(var(--u)*572);width:calc(var(--u)*52)}
  .t-sec{width:calc(var(--u)*350);padding-top:calc(var(--u)*80)}
  .t-h2{margin:0 0 calc(var(--u)*30);flex-wrap:wrap;gap:calc(var(--u)*6) 0}
  .t-ic{width:calc(var(--u)*54);height:calc(var(--u)*54);object-fit:contain;margin-right:calc(var(--u)*16);flex:none}
.t-h2{margin-left:0!important}
.t-h2 h2{font-size:calc(var(--u)*24)}.t-h2 small{margin-left:calc(var(--u)*16)}
  .t-more{min-width:calc(var(--u)*140);height:calc(var(--u)*34);margin-left:0}
  .t-more i{width:calc(var(--u)*22);height:calc(var(--u)*22)}.t-h2 .t-more{margin-left:auto}
  .t-voices{grid-template-columns:repeat(2,calc(var(--u)*165));gap:calc(var(--u)*30) calc(var(--u)*20)}
  .t-voices__th{width:calc(var(--u)*165);height:calc(var(--u)*220)}
  .t-ic{width:calc(var(--u)*42);height:calc(var(--u)*42);margin-right:calc(var(--u)*10)}
  .t-voice__d{left:auto;right:0;top:calc(var(--u)*60);width:calc(var(--u)*44)}
  .t-msg{width:100%;margin-top:calc(var(--u)*90);padding:calc(var(--u)*70) 0 calc(var(--u)*60);background-size:calc(var(--u)*390) auto}
  .t-msg__b{font-size:calc(var(--u)*17);line-height:calc(var(--u)*38);letter-spacing:calc(var(--u)*1.5)}
  .t-msg figure{width:calc(var(--u)*390);height:calc(var(--u)*229);margin:calc(var(--u)*36) 0 0}
  .t-msg figure>img:first-child{object-position:50% 100%}   /* 照明が半分で切れないよう、床側に寄せる */
  .t-msg__tx{grid-template-columns:1fr;gap:calc(var(--u)*20);width:calc(var(--u)*350);margin-top:calc(var(--u)*40);font-size:calc(var(--u)*14);line-height:calc(var(--u)*30)}
  .t-msg__d1{left:calc(var(--u)*40);width:calc(var(--u)*46)}.t-msg__d2{left:calc(var(--u)*8);top:calc(var(--u)*60);width:calc(var(--u)*36)}.t-msg__d3{right:calc(var(--u)*14);top:calc(var(--u)*20);width:calc(var(--u)*48)}.t-msg__d4{left:calc(var(--u)*30);top:calc(var(--u)*-22);width:calc(var(--u)*50)}.t-msg__d5{right:calc(var(--u)*20);top:calc(var(--u)*170);width:calc(var(--u)*40)}
  .t-three-w{width:calc(var(--u)*350);padding-top:calc(var(--u)*80)}
  .t-three{grid-template-columns:1fr;gap:calc(var(--u)*60)}
  .t-three li:nth-child(2){margin-top:0}
  .t-three figure{width:calc(var(--u)*350);height:calc(var(--u)*242)}
  .t-three h3{font-size:calc(var(--u)*18);line-height:calc(var(--u)*42);letter-spacing:calc(var(--u)*2)}
  .t-drink{width:100%;grid-template-columns:1fr;gap:calc(var(--u)*22);margin:calc(var(--u)*56) 0 0}
  .t-drink__ph{height:calc(var(--u)*176);width:calc(var(--u)*270)}
  .t-drink__ph figure{padding:calc(var(--u)*8)}
  .t-drink__ph figure:first-child{left:calc(var(--u)*8);top:calc(var(--u)*4);width:calc(var(--u)*150);height:calc(var(--u)*150)}
  .t-drink__ph figure:last-child{left:calc(var(--u)*128);top:calc(var(--u)*40);width:calc(var(--u)*136);height:calc(var(--u)*122)}
  .t-drink h3{font-size:calc(var(--u)*16)}
  .t-drink p{font-size:calc(var(--u)*13);line-height:calc(var(--u)*26)}
  .t-drink .t-drink__k{font-size:calc(var(--u)*14)}
  .t-drink--b{margin-top:calc(var(--u)*110);padding:0 calc(var(--u)*20) calc(var(--u)*28);grid-template-columns:1fr;gap:calc(var(--u)*14)}
  .t-drink--b .t-drink__ph{order:0;width:calc(var(--u)*306);height:calc(var(--u)*206);margin:calc(var(--u)*-60) 0 0;justify-self:center}
  .t-drink--b .t-drink__ph figure:first-child{left:calc(var(--u)*112);top:calc(var(--u)*10);width:calc(var(--u)*192);height:calc(var(--u)*192)}
  .t-drink--b .t-drink__ph figure:last-child{left:calc(var(--u)*2);top:calc(var(--u)*18);width:calc(var(--u)*138);height:calc(var(--u)*122)}
  .t-drink--c{width:100%;gap:calc(var(--u)*20)}
  .t-drink--c .t-drink__ph{width:calc(var(--u)*270)}
  .t-drink--c .t-drink__tx p:not(.t-drink__k){text-align:left}
  .t-roof{margin-top:calc(var(--u)*70);clip-path:polygon(0 calc(var(--u)*46),50% 0,100% calc(var(--u)*46),100% 100%,0 100%);padding:calc(var(--u)*90) 0 calc(var(--u)*70);background-size:calc(var(--u)*300) auto;min-height:0}
  .t-roof__h h2{font-size:calc(var(--u)*24)}
  .t-roof__g{grid-template-columns:1fr;gap:calc(var(--u)*30);width:calc(var(--u)*350);margin-top:calc(var(--u)*40)}
  .t-roof__g figure{width:calc(var(--u)*350);height:calc(var(--u)*380)}
  .t-roof__g p{font-size:calc(var(--u)*14);line-height:calc(var(--u)*30)}
  .t-pay figure{width:100%;margin-top:calc(var(--u)*12)}.t-pay p{font-size:calc(var(--u)*13);text-align:left}
  .t-rule{padding:calc(var(--u)*22) calc(var(--u)*18);border-left-width:calc(var(--u)*5)}.t-rule h3{font-size:calc(var(--u)*17);letter-spacing:calc(var(--u)*1)}.t-rule li{font-size:calc(var(--u)*14);padding:calc(var(--u)*10) 0 calc(var(--u)*10) 1.4em}
  .t-msg__tx p+p{margin-top:calc(var(--u)*14)}
  .t-roof__d1{left:auto;right:calc(var(--u)*-6);top:calc(var(--u)*-30);width:calc(var(--u)*64)}.t-roof__d2{display:none}
  .t-menu__d{display:none}
  .t-cards{grid-template-columns:1fr;gap:calc(var(--u)*28)}
  .t-cards h3{font-size:calc(var(--u)*17);line-height:calc(var(--u)*28);min-height:0;margin:0 0 calc(var(--u)*2)}.t-pr{text-align:right}.t-pr s{font-size:calc(var(--u)*13)}.t-pr b{font-size:calc(var(--u)*34)}
  .t-sns{width:100%;height:auto;padding:0 calc(var(--u)*20);margin-top:calc(var(--u)*70)}
  .t-sns>*{position:relative;left:auto!important;top:auto!important}
  .t-sns__p.is-a{width:calc(var(--u)*195);height:calc(var(--u)*160)}
  .t-sns__p.is-b{width:calc(var(--u)*200);height:calc(var(--u)*130);margin:calc(var(--u)*-30) 0 0 auto}
  .t-sns__p b{font-size:calc(var(--u)*20)}
  .t-sns__ic{width:calc(var(--u)*36);height:calc(var(--u)*36);margin-bottom:calc(var(--u)*4)}
  .t-sns__say{margin-top:calc(var(--u)*24)}
  .t-sns__f{padding:calc(var(--u)*10)}
  .t-sns__f.is-1{width:calc(var(--u)*195);height:calc(var(--u)*135);margin-top:calc(var(--u)*40);transform:rotate(-8deg)}
  .t-sns__f.is-2{width:calc(var(--u)*195);height:calc(var(--u)*121);margin:calc(var(--u)*-90) 0 0 auto;transform:rotate(7deg)}
  .t-sns__tx{width:auto;margin-top:calc(var(--u)*40)}
  .t-lab{font-size:calc(var(--u)*16);line-height:calc(var(--u)*40)}
  .t-cta{padding:calc(var(--u)*30) calc(var(--u)*16) calc(var(--u)*28);background-size:calc(var(--u)*390) auto}
  .t-cta h3{font-size:calc(var(--u)*18);line-height:calc(var(--u)*30);letter-spacing:calc(var(--u)*1);gap:calc(var(--u)*8)}
  .t-cta__d1{width:calc(var(--u)*34)}.t-cta__d2{width:calc(var(--u)*30)}
  .t-cta .t-btn{width:100%;height:calc(var(--u)*56);font-size:calc(var(--u)*16);margin-top:calc(var(--u)*16)}
  .t-cta p{font-size:calc(var(--u)*13);line-height:calc(var(--u)*24);margin-top:calc(var(--u)*14)}
  .t-faq__d{display:none}
  .t-access{grid-template-columns:1fr;gap:calc(var(--u)*24)}
  .t-ft{margin-top:calc(var(--u)*80);background-size:calc(var(--u)*390) auto}
  .t-ft__logo img{width:calc(var(--u)*190)}
  .t-ft__nav{flex-wrap:wrap;gap:calc(var(--u)*8) calc(var(--u)*24);padding:calc(var(--u)*30) calc(var(--u)*20) calc(var(--u)*90)}
  .t-ft__band{grid-template-columns:1fr;gap:calc(var(--u)*26);padding:calc(var(--u)*60) calc(var(--u)*20) calc(var(--u)*30);min-height:0}
  .t-ft__band::before{top:calc(var(--u)*-66);height:calc(var(--u)*68)}
  .t-ft__box{height:calc(var(--u)*160)}

  .t-intro{background-size:calc(var(--u)*390) auto}
  .t-intro img{width:calc(var(--u)*220)}
}