/*
 * mittsu-ai.com メインページ（初稿）— トップ専用スタイル
 * Claude Design のキャンバス版（canvas-source/Main.dc.html）から書き出した静的版。
 * すべて .mt 配下・--mt- 接頭辞の変数に限定しているので、共有 style.css に混ぜても他ページに影響しない想定。
 * 装飾を控えめにする版：<div class="mt mt--calm">
 */
body{margin:0;background:#FBFAF6}
html{scroll-padding-top:92px}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
a{color:#9E1B22}a:hover{color:#6E0F15}

/* ===== トークン（トップ専用：.mt 配下だけに効く） ===== */
.mt{
  --mt-bg:#FBFAF6;--mt-paper:#FFFFFF;--mt-paper-2:#F3EEE4;
  --mt-ink:#3F0011;--mt-ink-2:#6A3A44;--mt-line:#E7DFD2;--mt-line-2:#CFC3B1;
  --mt-shu:#C1272D;--mt-shu-dk:#9E1B22;--mt-shu-pale:#F8E4E1;
  --mt-ai:#C96F3B;--mt-ai-ink:#87411A;--mt-ai-pale:#F8E8DB;
  --mt-edu:#3E7C59;--mt-edu-ink:#2A5A3F;--mt-edu-pale:#E2EFE6;
  --mt-web:#2F5378;--mt-web-ink:#23405E;--mt-web-pale:#E2EAF3;
  --mt-f-head:"Klee One","Hiragino Maru Gothic ProN","Yu Gothic",serif;
  --mt-f-body:"Zen Kaku Gothic New","Hiragino Kaku Gothic ProN","Yu Gothic","Meiryo",sans-serif;
  --mt-r-s:8px;--mt-r-m:14px;--mt-r-l:22px;
  --mt-sh-1:0 1px 0 rgba(63,0,17,.05),0 10px 22px -14px rgba(63,0,17,.28);
  --mt-sh-2:0 2px 0 rgba(63,0,17,.05),0 22px 40px -22px rgba(63,0,17,.4);
  --mt-d-1:.16s;--mt-d-2:.28s;--mt-d-3:.5s;
  --mt-ease:cubic-bezier(.2,.7,.2,1);--mt-ease-pop:cubic-bezier(.3,1.45,.5,1);
  --mt-gutter:clamp(16px,4vw,40px);--mt-max:1160px;--mt-sec:clamp(72px,10vw,128px);
  font-family:var(--mt-f-body);color:var(--mt-ink);background-color:var(--mt-bg);
  background-image:radial-gradient(rgba(63,0,17,.055) 1px,transparent 1.4px);background-size:22px 22px;
  font-size:16px;line-height:1.8;overflow-x:clip;-webkit-font-smoothing:antialiased;
}
.mt *,.mt *::before,.mt *::after{box-sizing:border-box}
:where(.mt) img{max-width:100%;height:auto;display:block}
:where(.mt) p{margin:0}
:where(.mt) ul,:where(.mt) ol{margin:0;padding:0;list-style:none}
:where(.mt) :is(h1,h2,h3,h4,h5){margin:0}
.mt h1,.mt h2,.mt h3,.mt h4,.mt h5{font-family:var(--mt-f-head);font-weight:600;line-height:1.35;letter-spacing:.01em;word-break:auto-phrase;text-wrap:balance}
.mt [id]{scroll-margin-top:92px}
.mt [hidden]{display:none!important}
html:not(.js) .mt [data-js-only]{display:none!important}
html.js .mt [data-nojs-only]{display:none!important}
.mt-split__label{margin:28px 0 -6px;font-weight:700;color:var(--mt-ink-2)}
.mt-path__chips{display:contents}
.mt-wrap{max-width:var(--mt-max);margin:0 auto;padding-inline:var(--mt-gutter)}
.mt-vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.mt-nb{display:inline-block}
.mt :focus-visible{outline:3px solid var(--mt-web);outline-offset:3px;border-radius:6px}
.mt-skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--mt-ink);color:#fff;padding:10px 16px;border-radius:8px;text-decoration:none}
.mt-skip:focus{top:12px;color:#fff}

/* ===== ボタン ===== */
.mt-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 22px;border-radius:999px;border:2px solid transparent;font:700 16px/1.3 var(--mt-f-body);text-decoration:none;cursor:pointer;transition:transform var(--mt-d-1) var(--mt-ease),box-shadow var(--mt-d-2) var(--mt-ease),background-color var(--mt-d-2),color var(--mt-d-2);-webkit-tap-highlight-color:transparent;overflow:hidden;isolation:isolate}
.mt-btn svg{flex:none}
.mt-btn::after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at center,rgba(255,255,255,.55) 0,transparent 60%);opacity:0;transform:scale(.2);transition:opacity .45s,transform .45s;z-index:-1}
.mt-btn:active::after{opacity:1;transform:scale(1.4);transition:0s}
.mt-btn:active{transform:translateY(1px) scale(.98)}
.mt-btn--primary{background:var(--mt-shu);color:#fff;box-shadow:0 3px 0 var(--mt-shu-dk)}
.mt-btn--primary:hover,.mt-btn--primary:focus-visible{background:var(--mt-shu-dk);color:#fff;box-shadow:0 3px 0 #6E0F15,0 0 0 6px rgba(193,39,45,.16)}
.mt-btn--ghost{background:var(--mt-paper);color:var(--mt-ink);border-color:var(--mt-ink)}
.mt-btn--ghost:hover,.mt-btn--ghost:focus-visible{background:var(--mt-ink);color:#fff}
.mt-btn--ai{background:var(--mt-ai-ink);color:#fff;box-shadow:0 3px 0 #5E2C10}
.mt-btn--ai:hover,.mt-btn--ai:focus-visible{background:#6E3413;color:#fff}
.mt-btn--edu{background:var(--mt-edu-ink);color:#fff;box-shadow:0 3px 0 #1B3D2A}
.mt-btn--edu:hover,.mt-btn--edu:focus-visible{background:#1F4630;color:#fff}
.mt-btn--edu-line{background:var(--mt-paper);color:var(--mt-edu-ink);border-color:var(--mt-edu-ink)}
.mt-btn--edu-line:hover,.mt-btn--edu-line:focus-visible{background:var(--mt-edu-ink);color:#fff}
.mt-btn--web{background:var(--mt-web-ink);color:#fff;box-shadow:0 3px 0 #152A40}
.mt-btn--web:hover,.mt-btn--web:focus-visible{background:#182F47;color:#fff}
.mt-btn--web-line{background:var(--mt-paper);color:var(--mt-web-ink);border-color:var(--mt-web-ink)}
.mt-btn--web-line:hover,.mt-btn--web-line:focus-visible{background:var(--mt-web-ink);color:#fff}
.mt-btn--small{min-height:44px;padding:8px 16px;font-size:15px}
.mt-btn--text{background:none;border:0;color:var(--mt-ink);text-decoration:underline;text-underline-offset:4px;padding:8px 6px;min-height:44px;border-radius:8px}
.mt-btn--text:hover{color:var(--mt-shu-dk)}
.mt-btn[disabled]{opacity:.55;cursor:not-allowed}
.mt-btns{display:flex;flex-wrap:wrap;gap:12px 14px;align-items:center}

/* ===== ヘッダー ===== */
.mt-header{position:sticky;top:0;z-index:40;background:rgba(251,250,246,.97);border-bottom:1px solid var(--mt-line)}
.mt-header__in{display:flex;align-items:center;gap:20px;min-height:72px}
.mt-logo{display:flex;align-items:center;flex:none;border-radius:8px}
.mt-logo img{height:42px;width:auto}
.mt-nav{margin-left:auto}
.mt-nav ul{display:flex;gap:4px}
.mt-nav a{display:flex;align-items:center;min-height:44px;padding:0 14px;border-radius:999px;color:var(--mt-ink);text-decoration:none;font-weight:500;font-size:15px;transition:background-color var(--mt-d-2)}
.mt-nav a:hover{background:var(--mt-paper-2);color:var(--mt-ink)}
.mt-header__cta{flex:none}
.mt-menu-btn{display:none;align-items:center;justify-content:center;gap:6px;min-width:48px;min-height:44px;border:2px solid var(--mt-ink);background:var(--mt-paper);color:var(--mt-ink);border-radius:999px;font:700 14px var(--mt-f-body);cursor:pointer;padding:0 12px}
@media (max-width:980px){
  .mt-header__in{gap:10px}
  .mt-menu-btn{display:inline-flex;margin-left:auto}
  .mt-nav{position:absolute;left:0;right:0;top:100%;margin:0;background:var(--mt-bg);border-bottom:1px solid var(--mt-line);box-shadow:var(--mt-sh-1);display:none}
  .mt-nav.is-open{display:block}
  .mt-nav ul{flex-direction:column;padding:8px var(--mt-gutter) 16px;gap:2px}
  .mt-nav a{border-radius:10px;font-size:16px}
  .mt-header__cta .mt-btn{min-height:44px;padding:8px 16px;font-size:15px}
}
@media (max-width:420px){.mt-logo img{height:34px}.mt-menu-btn span{display:none}}

/* ===== 見出しまわり ===== */
.mt-kicker{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:14px;letter-spacing:.08em;color:var(--mt-shu-dk)}
.mt-kicker::before{content:"";width:22px;height:22px;border:2px solid currentColor;border-radius:5px;transform:rotate(-8deg);background:repeating-linear-gradient(45deg,transparent 0 3px,rgba(193,39,45,.25) 3px 4px)}
.mt-h2{font-size:clamp(30px,4.4vw,48px);margin-top:10px}
.mt-lead{margin-top:16px;max-width:40em;color:var(--mt-ink-2);font-size:17px}
.mt-sec{padding-block:var(--mt-sec)}

/* ===== ① ファーストビュー ===== */
.mt-hero{padding-block:clamp(40px,6vw,80px) clamp(64px,8vw,104px)}
.mt-hero__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(32px,5vw,64px);align-items:center}
.mt-domains{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:8px 16px;border:1.5px solid var(--mt-line-2);border-radius:999px;background:var(--mt-paper);font-weight:700;font-size:14px}
.mt-domains span{display:inline-flex;align-items:center;gap:7px}
.mt-domains span::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--mt-shu)}
.mt-domains .mt-d-ai::before{background:var(--mt-ai)}.mt-domains .mt-d-edu::before{background:var(--mt-edu)}.mt-domains .mt-d-web::before{background:var(--mt-web)}
.mt-hero__title{position:relative;isolation:isolate;font-size:clamp(40px,5.4vw,70px);line-height:1.15;margin-top:22px;letter-spacing:0}
.mt-hero__title span{display:inline-block}
.mt-hero__title em{font-style:normal;color:var(--mt-shu);position:relative}
.mt-hero__title em::after{content:"";position:absolute;left:-2%;right:-2%;bottom:.04em;height:.22em;background:rgba(193,39,45,.14);border-radius:4px;z-index:-1}
.mt-hero__sub{margin-top:22px;font-family:var(--mt-f-head);font-weight:600;font-size:clamp(19px,2.2vw,24px);line-height:1.6}
.mt-hero__body{margin-top:16px;max-width:34em;font-size:17px}
.mt-hero .mt-btns{margin-top:30px}
.mt-hero__note{margin-top:26px;display:flex;align-items:center;gap:10px;font-size:14px;color:var(--mt-ink-2)}
.mt-hero__note::before{content:"";flex:none;width:28px;height:1.5px;background:var(--mt-ink-2)}

.mt-desk{position:relative;isolation:isolate;min-height:520px}
.mt-desk__sheet{position:absolute;inset:16px 4% 30px 8%;background:var(--mt-paper);border:1px solid var(--mt-line);border-radius:6px;box-shadow:var(--mt-sh-1);transform:rotate(1.5deg);background-image:linear-gradient(90deg,transparent 46px,rgba(193,39,45,.28) 46px 47.5px,transparent 47.5px),repeating-linear-gradient(180deg,transparent 0 33px,rgba(47,83,120,.16) 33px 34px)}
.mt-desk__sheet::before{content:"";position:absolute;inset:auto auto -10px 12%;width:76%;height:20px;background:rgba(63,0,17,.06);filter:blur(10px);z-index:-1}
.mt-note{--tilt:0deg;position:absolute;display:block;width:min(310px,72%);padding:22px 22px 20px;border-radius:4px 4px 18px 4px;text-decoration:none;color:var(--mt-ink);background:var(--pale);box-shadow:var(--mt-sh-2);transform:rotate(var(--tilt));transition:transform var(--mt-d-3) var(--mt-ease-pop),box-shadow var(--mt-d-2)}
.mt-note::before{content:"";position:absolute;top:-12px;left:50%;width:84px;height:24px;margin-left:-42px;background:rgba(255,255,255,.62);border:1px solid rgba(63,0,17,.08);transform:rotate(-3deg)}
.mt-note:hover,.mt-note:focus-visible{transform:rotate(0) translateY(-6px);box-shadow:0 2px 0 rgba(63,0,17,.05),0 30px 48px -24px rgba(63,0,17,.5);color:var(--mt-ink);z-index:4}
.mt-note__no{display:inline-block;font:700 13px var(--mt-f-body);letter-spacing:.1em;color:#fff;background:var(--ink);padding:2px 10px;border-radius:999px}
.mt-note__title{display:block;margin-top:16px;font:600 26px/1.3 var(--mt-f-head);color:var(--ink)}
.mt-note__text{display:block;margin-top:6px;font-size:15px;line-height:1.7}
.mt-note__go{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-weight:700;font-size:14px;color:var(--ink)}
.mt-note--ai{z-index:3;--pale:var(--mt-ai-pale);--ink:var(--mt-ai-ink);--tilt:-4deg;top:24px;left:2%}
.mt-note--edu{z-index:2;--pale:var(--mt-edu-pale);--ink:var(--mt-edu-ink);--tilt:3deg;top:170px;right:0}
.mt-note--web{z-index:1;--pale:var(--mt-web-pale);--ink:var(--mt-web-ink);--tilt:-1.5deg;top:322px;left:12%}
.mt-note__stamp{position:absolute;top:12px;right:14px;width:56px;height:56px;object-fit:contain;transform:rotate(8deg);mix-blend-mode:multiply;opacity:.86;pointer-events:none}
.mt-note--ai .mt-note__stamp{transform:rotate(-8deg)}
.mt-note--web .mt-note__stamp{transform:rotate(-3deg)}
@media (max-width:880px){
  .mt-hero__grid{grid-template-columns:minmax(0,1fr)}
  .mt-desk{min-height:0;display:flex;flex-direction:column;gap:18px;padding:24px 4px 8px}
  .mt-desk__sheet{inset:0 0 0 0;transform:rotate(.8deg)}
  .mt-note{position:relative;top:auto;left:auto;right:auto;width:auto;margin-inline:6%}
  .mt-note--edu{margin-left:12%;margin-right:2%}
}

/* ===== ② サービス：シート ===== */
.mt-services__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:24px 56px;align-items:end}
.mt-border-note{padding:18px 20px;border:1.5px dashed var(--mt-line-2);border-radius:var(--mt-r-m);background:var(--mt-paper);font-size:15px}
.mt-border-note strong{font-weight:700}
.mt-index{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.mt-index a{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:6px 18px 6px 8px;border-radius:999px;background:var(--mt-paper);border:1.5px solid var(--mt-line-2);color:var(--mt-ink);text-decoration:none;font-weight:700;transition:transform var(--mt-d-2) var(--mt-ease-pop),border-color var(--mt-d-2)}
.mt-index a:hover{transform:translateY(-2px);border-color:var(--c);color:var(--mt-ink)}
.mt-index .mt-i-ai{--c:var(--mt-ai-ink)}.mt-index .mt-i-edu{--c:var(--mt-edu-ink)}.mt-index .mt-i-web{--c:var(--mt-web-ink)}
.mt-index b{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--c);color:#fff;font-size:13px}
.mt-sheet{position:relative;margin-top:96px;background:var(--mt-paper);border:1px solid var(--mt-line);border-radius:4px var(--mt-r-l) var(--mt-r-l) var(--mt-r-l);box-shadow:var(--mt-sh-1);padding:clamp(28px,4.5vw,60px)}
.mt-sheet__tab{position:absolute;left:-1px;top:-42px;height:42px;display:flex;align-items:center;gap:10px;padding:0 22px;border-radius:14px 14px 0 0;background:var(--c);color:#fff;font-weight:700;font-size:15px;letter-spacing:.04em}
.mt-sheet__tab b{font-family:var(--mt-f-head);font-size:18px}
.mt-sheet--ai{--c:var(--mt-ai-ink);--pale:var(--mt-ai-pale)}
.mt-sheet--edu{--c:var(--mt-edu-ink);--pale:var(--mt-edu-pale)}
.mt-sheet--web{--c:var(--mt-web-ink);--pale:var(--mt-web-pale)}
.mt-h3{font-size:clamp(28px,3.6vw,40px);color:var(--c)}
.mt-h4{font-size:clamp(22px,2.6vw,28px)}
.mt-sheet__grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,5vw,64px);align-items:start}
.mt-sheet__body{margin-top:18px;display:flex;flex-direction:column;gap:14px;font-size:17px}
.mt-sublabel{display:block;margin-top:28px;font-weight:700;font-size:14px;letter-spacing:.06em;color:var(--mt-ink-2)}
.mt-asks{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.mt-asks li{position:relative;padding:10px 16px;background:var(--pale);border-radius:4px 14px 14px 14px;font-weight:500;font-size:15px}
.mt-asks li:nth-child(2){transform:rotate(-1deg)}
.mt-asks li:nth-child(3){transform:rotate(.8deg)}
.mt-sheet .mt-btns{margin-top:28px}

/* チャット吹き出し */
.mt-chat{display:flex;flex-direction:column;gap:14px;padding:22px;background:var(--mt-bg);border-radius:var(--mt-r-l);border:1px solid var(--mt-line);background-image:repeating-linear-gradient(180deg,transparent 0 31px,rgba(63,0,17,.05) 31px 32px)}
.mt-bubble{display:flex;gap:12px;align-items:flex-start}
.mt-bubble__who{display:block;font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--mt-ink-2);margin-bottom:4px}
.mt-bubble__box{position:relative;padding:12px 16px;border-radius:16px;background:var(--mt-paper);border:1.5px solid var(--mt-line-2);font-size:15.5px;line-height:1.7}
.mt-bubble--you .mt-bubble__box{border-top-left-radius:4px}
.mt-bubble--me{flex-direction:row-reverse;text-align:left}
.mt-bubble--me .mt-bubble__box{background:var(--pale);border-color:transparent;border-top-right-radius:4px}
.mt-bubble--me .mt-bubble__who{text-align:right}
.mt-avatar{flex:none;width:40px;height:40px;border-radius:10px;overflow:hidden;background:var(--mt-paper)}
.mt-avatar--you{display:grid;place-items:center;background:var(--mt-paper-2);color:var(--mt-ink-2);border:1.5px solid var(--mt-line-2)}
.mt-uses{display:flex;flex-direction:column;gap:10px;margin-right:52px}
.mt-uses li{padding:12px 16px;background:var(--mt-paper);border:1.5px solid var(--c);border-radius:14px 4px 14px 14px;transition:transform var(--mt-d-2) var(--mt-ease-pop)}
.mt-uses li:hover{transform:translateX(-4px)}
.mt-uses b{display:inline-block;font-family:var(--mt-f-head);font-size:18px;color:var(--c);margin-bottom:2px}
.mt-uses span{display:block;font-size:15px;line-height:1.7}

/* AI：循環 */
.mt-cycle{margin-top:clamp(48px,6vw,72px);padding-top:clamp(36px,5vw,56px);border-top:2px dashed var(--mt-line-2)}
.mt-cycle__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px 32px}
.mt-cycle__head p{max-width:30em;color:var(--mt-ink-2)}
.mt-cycle__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto auto;gap:44px 56px;margin-top:36px;position:relative}
.mt-step{position:relative;display:flex;flex-direction:column;gap:6px;width:100%;text-align:left;padding:20px 22px 22px;background:var(--mt-paper);border:1.5px solid var(--mt-line-2);border-radius:var(--mt-r-m);color:var(--mt-ink);font:inherit;cursor:pointer;transition:transform var(--mt-d-2) var(--mt-ease-pop),border-color var(--mt-d-2),background-color var(--mt-d-2),box-shadow var(--mt-d-2)}
.mt-step:hover{transform:translateY(-3px);border-color:var(--mt-ai);box-shadow:var(--mt-sh-1)}
.mt-step__no{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--mt-ai-ink);color:#fff;font:700 14px var(--mt-f-body)}
.mt-step__kicker{font-size:13px;font-weight:700;letter-spacing:.06em;color:var(--mt-ai-ink)}
.mt-step__title{font:600 21px/1.4 var(--mt-f-head)}
.mt-step__text{font-size:15px;line-height:1.75;color:var(--mt-ink-2)}
.mt-step.is-current{background:var(--mt-ai-pale);border-color:var(--mt-ai-ink);box-shadow:0 0 0 4px rgba(201,111,59,.18)}
.mt-step.is-current::after{content:"いまここ";position:absolute;top:-14px;right:14px;padding:2px 10px;border:2px solid var(--mt-shu);color:var(--mt-shu);background:var(--mt-paper);font:700 13px var(--mt-f-body);border-radius:6px;transform:rotate(6deg);animation:mt-stamp .42s var(--mt-ease-pop) both}
.mt-step::before{position:absolute;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--mt-bg);border:1.5px solid var(--mt-line-2);color:var(--mt-ai-ink);font:700 16px var(--mt-f-body);z-index:2}
.mt-step--1{grid-area:1/1}.mt-step--2{grid-area:1/2}.mt-step--3{grid-area:1/3}
.mt-step--4{grid-area:2/3}.mt-step--5{grid-area:2/2}.mt-step--6{grid-area:2/1}
.mt-step--1::before,.mt-step--2::before{content:"→" / "";right:-46px;top:50%;margin-top:-17px}
.mt-step--3::before{content:"↓" / "";bottom:-40px;left:50%;margin-left:-17px}
.mt-step--4::before,.mt-step--5::before{content:"←" / "";left:-46px;top:50%;margin-top:-17px}
.mt-step--6::before{content:"↑" / "";top:-40px;left:50%;margin-left:-17px;background:var(--mt-ai-pale);border-color:var(--mt-ai)}
.mt-cycle__loop{margin-top:22px;display:flex;align-items:center;gap:10px;font-size:15px;color:var(--mt-ink-2)}
@media (max-width:860px){
  .mt-cycle__grid{grid-template-columns:minmax(0,1fr);gap:40px}
  .mt-step--1,.mt-step--2,.mt-step--3,.mt-step--4,.mt-step--5,.mt-step--6{grid-area:auto}
  .mt-step--1::before,.mt-step--2::before,.mt-step--3::before,.mt-step--4::before,.mt-step--5::before{content:"↓" / "";right:auto;left:50%;top:auto;bottom:-38px;margin:0 0 0 -17px}
  .mt-step--6::before{content:none}
}

/* 教育 */
.mt-talk{display:flex;flex-direction:column;gap:14px}
.mt-flow{display:flex;flex-wrap:wrap;align-items:center;gap:10px 8px;margin-top:26px;padding:16px 18px;background:var(--mt-edu-pale);border-radius:var(--mt-r-m)}
.mt-flow li{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--mt-edu-ink)}
.mt-flow li span{padding:6px 14px;border-radius:999px;background:var(--mt-paper);border:1.5px solid var(--mt-edu)}
.mt-flow li + li::before{content:"→" / "";color:var(--mt-edu-ink);font-weight:700}
.mt-flow__note{flex-basis:100%;font-size:13px;font-weight:500;color:var(--mt-edu-ink)}
.mt-tracks{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:28px;margin-top:clamp(40px,5vw,56px);align-items:stretch}
.mt-track{position:relative;padding:clamp(24px,3vw,34px);border-radius:var(--mt-r-l);background:var(--mt-paper)}
.mt-track--build{border:2px dashed var(--mt-edu);background-image:linear-gradient(rgba(62,124,89,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(62,124,89,.06) 1px,transparent 1px);background-size:20px 20px}
.mt-track--live{border:2px solid var(--mt-edu);box-shadow:var(--mt-sh-1)}
.mt-track__top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px}
.mt-track__who{font-weight:700;font-size:14px;color:var(--mt-edu-ink);letter-spacing:.04em}
.mt-track h4{margin-top:12px;font-size:clamp(22px,2.5vw,27px);color:var(--mt-edu-ink)}
.mt-track p{margin-top:12px}
.mt-track .mt-btns{margin-top:22px}
.mt-status{display:inline-flex;align-items:center;gap:7px;padding:5px 12px;border-radius:999px;font-weight:700;font-size:13.5px;line-height:1.2;white-space:nowrap}
.mt-status--build{color:var(--mt-edu-ink);background:var(--mt-paper);border:1.5px dashed var(--mt-edu-ink)}
.mt-status--live{color:#fff;background:var(--mt-edu-ink)}
.mt-status--live i{width:8px;height:8px;border-radius:50%;background:#9FE0B8;box-shadow:0 0 0 3px rgba(159,224,184,.3)}
.mt-status--proto{color:var(--mt-web-ink);background:var(--mt-paper);border:1.5px solid var(--mt-web-ink)}
.mt-shots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}
.mt-shot{display:flex;flex-direction:column;gap:8px;padding:0;border:0;background:none;text-align:left;font:inherit;color:var(--mt-ink);cursor:zoom-in}
.mt-shot__frame{position:relative;display:block;width:100%;aspect-ratio:9/16;padding:10px;border-radius:24px;background:#2B1B1F;box-shadow:var(--mt-sh-1);transition:transform var(--mt-d-2) var(--mt-ease-pop)}
.mt-shot:hover .mt-shot__frame{transform:translateY(-4px) rotate(-1deg)}
.mt-shot__frame img{width:100%;height:100%;object-fit:contain;border-radius:16px;background:#fff}
.mt-shot__ph{display:grid;place-items:center;height:100%;padding:14px;border-radius:16px;background:var(--mt-paper-2);border:2px dashed var(--mt-line-2);text-align:center;font-size:13px;line-height:1.6;color:var(--mt-ink-2)}
.mt-shot__cap{font-size:13.5px;line-height:1.6;color:var(--mt-ink-2)}
.mt-shot__zoom{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--mt-edu-ink)}
.mt-speaking{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,155px);gap:22px;align-items:center;margin-top:24px}
.mt-speaking__text h5,.mt-scene h5{font-family:var(--mt-f-head);font-size:clamp(20px,2vw,24px);line-height:1.6;margin-top:8px;color:var(--mt-edu-ink)}
.mt-scene__label{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--mt-edu-ink);border-bottom:2px solid var(--mt-edu-pale);padding-bottom:4px}
.mt-shot--scene{width:100%;max-width:176px;justify-self:center}
.mt-shot--scene .mt-shot__frame{aspect-ratio:180/391;padding:6px;border-radius:18px}
.mt-shot--scene .mt-shot__frame img{display:block;border-radius:12px}
.mt-shot--scene .mt-shot__cap{font-size:12px}
.mt-app-scenes{margin-top:32px;padding-top:28px;border-top:1px solid var(--mt-line)}
.mt-app-scenes>h4{font-family:var(--mt-f-head);font-size:clamp(22px,2.5vw,28px);color:var(--mt-edu-ink)}
.mt-app-scenes__lead{margin-top:10px;max-width:42em;color:var(--mt-ink-2)}
.mt-scene-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px}
.mt-scene{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,162px);gap:22px;align-items:center;padding:24px;border:1px solid var(--mt-line);border-radius:var(--mt-r-l);background:var(--mt-paper-2)}
.mt-scene__text p{margin-top:12px;font-size:15px}
.mt-act__body>.mt-btn{margin-top:18px}
@media(max-width:1100px){
  .mt-speaking{grid-template-columns:minmax(0,1fr)}
  .mt-speaking .mt-shot--scene{max-width:180px}
  .mt-scene{grid-template-columns:minmax(0,1fr);align-content:start}
}
@media(max-width:760px){
  .mt-scene-grid{grid-template-columns:minmax(0,1fr)}
  .mt-scene{gap:20px;padding:22px 18px}
  .mt-shot--scene{max-width:200px}
}

/* Web：分岐カード */
.mt-chooser{margin-top:clamp(36px,5vw,52px);display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:28px;align-items:start}
.mt-board{position:relative;padding:clamp(22px,3vw,34px);border-radius:var(--mt-r-l);background:var(--mt-web-pale);background-image:radial-gradient(rgba(47,83,120,.12) 1px,transparent 1.4px);background-size:18px 18px}
.mt-board__top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
.mt-board__top h4{font-size:22px;color:var(--mt-web-ink)}
.mt-stepno{font-weight:700;font-size:14px;color:var(--mt-web-ink);background:var(--mt-paper);padding:4px 12px;border-radius:999px}
.mt-path{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;min-height:44px}
.mt-path__label{font-size:13px;font-weight:700;color:var(--mt-web-ink)}
.mt-path__empty{font-size:14px;color:var(--mt-ink-2)}
.mt-chip{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:6px 8px 6px 14px;border-radius:999px;background:var(--mt-paper);border:1.5px solid var(--mt-web-ink);font-size:14px;font-weight:500;color:var(--mt-ink)}
.mt-chip b{font-weight:700;color:var(--mt-web-ink)}
.mt-chip button{min-height:30px;padding:2px 10px;border-radius:999px;border:0;background:var(--mt-web-pale);color:var(--mt-web-ink);font:700 12.5px var(--mt-f-body);cursor:pointer}
.mt-chip button:hover{background:var(--mt-web-ink);color:#fff}
.mt-path__sep{color:var(--mt-web-ink);font-weight:700}
.mt-stage{margin-top:16px;min-height:300px}
.mt-q{font-size:clamp(21px,2.4vw,26px);color:var(--mt-ink);outline:none}
.mt-q:focus-visible{outline:3px solid var(--mt-web);outline-offset:6px}
.mt-panel{animation:mt-flipin .36s var(--mt-ease) both;transform-origin:50% 0}
.mt-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:16px;margin-top:18px}
.mt-choice{position:relative;display:flex;flex-direction:column;gap:8px;min-height:150px;padding:22px 22px 20px;text-align:left;background:var(--mt-paper);border:2px solid var(--mt-paper);border-radius:var(--mt-r-m);box-shadow:var(--mt-sh-1);font:inherit;color:var(--mt-ink);cursor:pointer;transition:transform var(--mt-d-2) var(--mt-ease-pop),border-color var(--mt-d-2),box-shadow var(--mt-d-2)}
.mt-choice:hover,.mt-choice:focus-visible{transform:translateY(-4px) rotate(-.6deg);border-color:var(--mt-web-ink);box-shadow:var(--mt-sh-2)}
.mt-choice:active{transform:scale(.97)}
.mt-choice__letter{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:8px;background:var(--mt-web-ink);color:#fff;font:700 15px var(--mt-f-body);transform:rotate(-6deg)}
.mt-choice__label{font:600 20px/1.45 var(--mt-f-head)}
.mt-choice__desc{font-size:15px;line-height:1.7;color:var(--mt-ink-2)}
.mt-choice__go{margin-top:auto;display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:14px;color:var(--mt-web-ink)}
.mt-result{position:relative;margin-top:18px;padding:26px 26px 24px;background:var(--mt-paper);border-radius:var(--mt-r-m);border:2px solid var(--mt-web-ink);box-shadow:var(--mt-sh-2)}
.mt-result__stamp{position:absolute;top:-18px;right:18px;padding:4px 12px;border:2.5px solid var(--mt-shu);color:var(--mt-shu);background:var(--mt-paper);border-radius:8px;font:700 14px var(--mt-f-body);transform:rotate(-8deg);animation:mt-stamp .5s .12s var(--mt-ease-pop) both}
.mt-result__kicker{font-size:13px;font-weight:700;letter-spacing:.06em;color:var(--mt-web-ink)}
.mt-result h5{margin-top:6px;font-size:clamp(24px,2.8vw,30px);color:var(--mt-web-ink)}
.mt-result p{margin-top:12px}
.mt-result__price{display:flex;align-items:center;gap:10px;margin-top:16px;padding-top:14px;border-top:1.5px dashed var(--mt-line-2);font-size:15px}
.mt-result__price b{font-weight:700}
.mt-result__price strong{font-size:24px;color:var(--mt-web-ink);white-space:nowrap}
.mt-result__price small{display:block;margin-top:4px;font-size:13px;color:var(--mt-ink-2)}
.mt-result .mt-btns{margin-top:18px}
.mt-board__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;margin-top:20px;padding-top:14px;border-top:1.5px solid rgba(47,83,120,.2)}
.mt-plans{padding:22px;background:var(--mt-paper);border:1.5px solid var(--mt-line-2);border-radius:var(--mt-r-l)}
.mt-plans__intro{font-size:14.5px;color:var(--mt-ink-2)}
.mt-more{margin-top:12px;border-radius:var(--mt-r-m)}
.mt-more summary{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:10px 16px;border-radius:var(--mt-r-m);background:var(--mt-web-pale);color:var(--mt-web-ink);font-weight:700;cursor:pointer;list-style:none}
.mt-more summary::-webkit-details-marker{display:none}
.mt-more summary::after{content:"+" / "";font-size:22px;line-height:1;transition:transform var(--mt-d-2) var(--mt-ease)}
.mt-more[open] summary::after{transform:rotate(45deg)}
.mt-more__stamp{display:none;position:absolute;right:46px;top:-10px;padding:1px 8px;border:2px solid var(--mt-shu);color:var(--mt-shu);background:var(--mt-paper);border-radius:6px;font-size:12px;transform:rotate(-6deg)}
.mt-more[open] .mt-more__stamp{display:inline-block;animation:mt-stamp .42s var(--mt-ease-pop) both}
.mt-plan-list{display:flex;flex-direction:column;gap:14px;margin-top:14px}
.mt-plan-list li{padding:14px 16px;border-radius:12px;background:var(--mt-bg);border:1px solid var(--mt-line)}
.mt-plan-list b{display:block;font-family:var(--mt-f-head);font-size:18px;color:var(--mt-web-ink)}
.mt-plan-list small{display:block;font-size:12.5px;font-weight:700;color:var(--mt-ink-2);margin-top:2px}
.mt-plan-list span{display:block;margin-top:6px;font-size:14.5px;line-height:1.7}
.mt-plan-list .mt-plan-list__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;margin-top:12px;padding-top:10px;border-top:1px dashed var(--mt-line-2);font-size:13px;color:var(--mt-ink-2)}
.mt-plan-list__amount{font-size:22px;color:var(--mt-web-ink);white-space:nowrap}
.mt-move__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;padding-top:14px;color:var(--mt-web-ink);font-size:15px}
.mt-move__price strong{font-size:24px;white-space:nowrap}
.mt-plans__price{margin-top:16px;font-size:14.5px;font-weight:700}

/* Web：見た目を引き継ぐ移行 */
.mt-move{margin-top:clamp(48px,6vw,72px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,56px);align-items:center}
.mt-move__text p{margin-top:14px}
.mt-move__note{padding:14px 16px;border-radius:12px;background:var(--mt-web-pale);font-size:15px}
.mt-feats{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.mt-feats li{padding:6px 14px;border-radius:999px;border:1.5px solid var(--mt-web-ink);color:var(--mt-web-ink);font-weight:700;font-size:14px;background:var(--mt-paper)}
.mt-feats__note{margin-top:8px!important;font-size:13.5px;color:var(--mt-ink-2)}
.mt-diagram{position:relative;padding:26px 20px 20px;border-radius:var(--mt-r-l);background:var(--mt-bg);border:1.5px solid var(--mt-line)}
.mt-diagram__label{position:absolute;top:-12px;left:18px;padding:2px 10px;border-radius:6px;background:var(--mt-ink);color:#fff;font-size:12px;font-weight:700;letter-spacing:.08em}
.mt-diagram__cols{display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);gap:8px;align-items:stretch}
.mt-diagram__col{display:flex;flex-direction:column;gap:10px}
.mt-diagram__col h5{font-family:var(--mt-f-body);font-size:13px;font-weight:700;color:var(--mt-ink-2);text-align:center}
.mt-layer{padding:14px 12px;border-radius:10px;text-align:center;font-size:14px;font-weight:700;line-height:1.5}
.mt-layer--face{background:var(--mt-paper);border:2px solid var(--mt-ink);background-image:linear-gradient(var(--mt-shu-pale) 0 10px,transparent 10px)}
.mt-layer--face small{display:block;margin-top:4px;font-weight:500;font-size:12px;color:var(--mt-ink-2)}
.mt-layer--back{background:var(--mt-paper-2);border:2px dashed var(--mt-line-2);color:var(--mt-ink-2)}
.mt-layer--new{background:var(--mt-web-ink);border:2px solid var(--mt-web-ink);color:#fff}
.mt-diagram__arrow{display:flex;flex-direction:column;justify-content:space-around;align-items:center;padding-top:26px;font-weight:700;color:var(--mt-web-ink);font-size:12px;text-align:center;line-height:1.3}
.mt-diagram__arrow span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--mt-paper);border:1.5px solid var(--mt-web-ink);font-size:16px}
.mt-diagram__cap{margin-top:14px;font-size:12.5px;color:var(--mt-ink-2);text-align:center}
@media (max-width:900px){
  .mt-sheet__grid,.mt-tracks,.mt-chooser,.mt-move,.mt-services__head{grid-template-columns:minmax(0,1fr)}
  .mt-uses{margin-right:0}
}

/* ===== ③ 任せる／頑張る ===== */
.mt-share{background:var(--mt-paper-2);background-image:repeating-linear-gradient(180deg,transparent 0 35px,rgba(63,0,17,.07) 35px 36px);border-block:1px solid var(--mt-line)}
.mt-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.mt-tab{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:8px 20px;border-radius:12px 12px 4px 4px;border:2px solid var(--c);background:var(--mt-paper);color:var(--c);font:700 16px var(--mt-f-body);cursor:pointer;transition:transform var(--mt-d-2) var(--mt-ease-pop),background-color var(--mt-d-2),color var(--mt-d-2)}
.mt-tab:hover{transform:translateY(-2px)}
.mt-tab[aria-pressed="true"]{background:var(--c);color:#fff}
.mt-tab[aria-pressed="true"]::before{content:"✓" / "";font-size:14px}
.mt-tab--ai{--c:var(--mt-ai-ink)}.mt-tab--edu{--c:var(--mt-edu-ink)}.mt-tab--web{--c:var(--mt-web-ink)}
.mt-split{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);margin-top:18px;background:var(--mt-paper);border-radius:var(--mt-r-l);box-shadow:var(--mt-sh-2);overflow:hidden}
.mt-split__col{padding:clamp(22px,3.4vw,40px)}
.mt-split__col h3{font-size:clamp(21px,2.4vw,26px)}
.mt-split__col--me h3{color:var(--c)}
.mt-split__spine{background:repeating-linear-gradient(180deg,var(--mt-line-2) 0 10px,transparent 10px 20px) center/2px 100% no-repeat,var(--mt-bg)}
.mt-split ul{display:flex;flex-direction:column;gap:12px;margin-top:16px}
.mt-split li{display:flex;gap:12px;align-items:flex-start;font-size:16.5px}
.mt-split li svg{flex:none;margin-top:4px}
.mt-split__col--me li svg{color:var(--c)}
.mt-split__col--you li svg{color:var(--mt-shu)}
.mt-split--ai{--c:var(--mt-ai-ink)}.mt-split--edu{--c:var(--mt-edu-ink)}.mt-split--web{--c:var(--mt-web-ink)}
@media (max-width:760px){.mt-split{grid-template-columns:minmax(0,1fr)}.mt-split__spine{height:20px;background:repeating-linear-gradient(90deg,var(--mt-line-2) 0 10px,transparent 10px 20px) center/100% 2px no-repeat,var(--mt-bg)}}

/* ===== ④ 活動 ===== */
.mt-acts{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:28px;margin-top:44px}
.mt-act{position:relative;grid-column:span 4;padding:28px 24px 24px;background:var(--mt-paper);border-radius:6px;box-shadow:var(--mt-sh-1);transform:rotate(var(--tilt,0deg));transition:transform var(--mt-d-3) var(--mt-ease-pop)}
.mt-act:hover{transform:rotate(0) translateY(-4px)}
.mt-act::before{content:"";position:absolute;top:-11px;left:22px;width:72px;height:22px;background:var(--tape,rgba(193,39,45,.18));transform:rotate(-4deg)}
.mt-act--wide{grid-column:span 7;--tilt:-.6deg}
.mt-act--mid{grid-column:span 5;--tilt:.8deg}
.mt-act:nth-child(3){--tilt:.6deg;--tape:rgba(201,111,59,.25)}
.mt-act:nth-child(4){--tilt:-.5deg;--tape:rgba(47,83,120,.2)}
.mt-act:nth-child(5){--tilt:.4deg;--tape:rgba(47,83,120,.2)}
.mt-act:nth-child(1),.mt-act:nth-child(2){--tape:rgba(62,124,89,.22)}
.mt-act__meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.mt-tag{display:inline-flex;align-items:center;padding:3px 10px;border-radius:6px;font-size:12.5px;font-weight:700}
.mt-tag--ai{background:var(--mt-ai-pale);color:var(--mt-ai-ink)}
.mt-tag--edu{background:var(--mt-edu-pale);color:var(--mt-edu-ink)}
.mt-tag--web{background:var(--mt-web-pale);color:var(--mt-web-ink)}
.mt-act h3{margin-top:12px;font-size:22px}
.mt-act p{margin-top:10px;font-size:15.5px;line-height:1.8}
.mt-act__row{display:grid;grid-template-columns:minmax(0,1fr) 128px;gap:22px;align-items:start}
.mt-act .mt-shot__frame{border-radius:18px;padding:7px}
.mt-act .mt-shot__ph{font-size:11px;border-radius:12px;padding:8px}
@media (max-width:1000px){.mt-act,.mt-act--wide,.mt-act--mid{grid-column:span 6}}
@media (max-width:680px){.mt-acts{grid-template-columns:minmax(0,1fr)}.mt-act,.mt-act--wide,.mt-act--mid{grid-column:auto}.mt-act__row{grid-template-columns:minmax(0,1fr) 104px}}

/* ===== ⑤ 進め方 ===== */
.mt-process{background:var(--mt-ink);color:var(--mt-bg)}
.mt-process .mt-kicker{color:#F4B7B2}
.mt-process .mt-h2{color:#fff}
.mt-steps3{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:48px}
.mt-steps3::before{content:"";position:absolute;left:8%;right:8%;top:38px;border-top:2px dashed rgba(251,250,246,.35)}
.mt-p{position:relative;padding:26px 24px 26px;background:var(--mt-bg);color:var(--mt-ink);border-radius:6px;transform:rotate(var(--tilt,0deg))}
.mt-p:nth-child(1){--tilt:-1deg}.mt-p:nth-child(2){--tilt:.6deg}.mt-p:nth-child(3){--tilt:-.4deg}
.mt-p__no{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:12px;border:2.5px solid var(--mt-shu);color:var(--mt-shu);font:600 26px var(--mt-f-head);transform:rotate(-6deg);background:var(--mt-paper)}
.mt-p h3{margin-top:14px;font-size:24px}
.mt-p p{margin-top:8px;font-size:15.5px}
@media (max-width:820px){.mt-steps3{grid-template-columns:minmax(0,1fr)}.mt-steps3::before{left:50px;right:auto;top:30px;bottom:30px;border-top:0;border-left:2px dashed rgba(251,250,246,.35)}}

/* ===== ⑥ プロフィール ===== */
.mt-prof{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(28px,5vw,72px);align-items:center}
.mt-card{position:relative;padding:28px;background:var(--mt-paper);border-radius:6px;box-shadow:var(--mt-sh-2);transform:rotate(-2deg);max-width:360px;justify-self:center;width:100%}
.mt-card::after{content:"";position:absolute;inset:10px;border:1px solid var(--mt-line);border-radius:3px;pointer-events:none}
.mt-card img{width:120px;mix-blend-mode:multiply}
.mt-card__name{margin-top:16px;font:600 30px var(--mt-f-head)}
.mt-card__place{margin-top:2px;color:var(--mt-ink-2);font-size:15px}
.mt-card__roles{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}
.mt-prof__text p{margin-top:16px;font-size:17px}
.mt-prof__text .mt-prof__aside{display:inline-block;margin-top:22px;padding:12px 18px;border-radius:4px 16px 16px 16px;background:var(--mt-shu-pale);font-family:var(--mt-f-head);font-weight:600;font-size:18px}
@media (max-width:820px){.mt-prof{grid-template-columns:minmax(0,1fr)}}

/* ===== ⑦ お問い合わせ ===== */
.mt-contact{background:var(--mt-shu-pale);background-image:radial-gradient(rgba(193,39,45,.09) 1px,transparent 1.4px);background-size:20px 20px}
.mt-contact__grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,64px);align-items:start}
.mt-contact__card{padding:clamp(22px,3.4vw,40px);background:var(--mt-paper);border-radius:var(--mt-r-l);box-shadow:var(--mt-sh-2);display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.mt-contact__card h3{font-size:clamp(22px,4vw,28px);line-height:1.5}
.mt-contact__email{max-width:100%;font-size:16px;overflow-wrap:anywhere}
.mt-contact__hint{font-size:14px;color:var(--mt-ink-2)}
.mt-notice{padding:12px 14px;border-radius:10px;background:var(--mt-edu-pale);color:var(--mt-edu-ink);font-size:14px;font-weight:500}
@media (max-width:900px){.mt-contact__grid{grid-template-columns:minmax(0,1fr)}}

/* ===== フッター ===== */
.mt-footer{background:#F1ECE2;border-top:1px solid var(--mt-line);padding-block:48px 40px}
.mt-footer__in{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px 40px;align-items:flex-start}
.mt-footer__brand img{height:40px;width:auto}
.mt-footer__brand p{margin-top:10px;font-size:14px;color:var(--mt-ink-2)}
.mt-footer nav ul{display:flex;flex-wrap:wrap;gap:4px 8px}
.mt-footer nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 10px;color:var(--mt-ink);font-size:14.5px;text-underline-offset:4px}

/* ===== 拡大表示 ===== */
dialog.mt-lb{padding:24px;margin:0;border:0;background:transparent;width:100%;height:100%;max-width:none;max-height:none;color:inherit}
dialog.mt-lb[open]{display:grid;place-items:center}
dialog.mt-lb::backdrop{background:rgba(43,10,18,.72)}
.mt-lb__box{position:relative;width:min(420px,100%);max-height:calc(100vh - 48px);display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:var(--mt-r-l);background:var(--mt-bg);box-shadow:0 30px 60px -20px rgba(0,0,0,.5);animation:mt-flipin .3s var(--mt-ease) both}
.mt-lb__bar{display:flex;align-items:center;justify-content:space-between;gap:12px}
.mt-lb__bar h2{font-size:18px}
.mt-lb__close{flex:none;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border-radius:999px;border:2px solid var(--mt-ink);background:var(--mt-paper);color:var(--mt-ink);font:700 14px var(--mt-f-body);cursor:pointer}
.mt-lb__close:hover{background:var(--mt-ink);color:#fff}
.mt-lb__img{flex:1;min-height:0;display:grid;place-items:center;overflow:auto}
.mt-lb__img img{max-width:100%;max-height:calc(100vh - 200px);object-fit:contain;border-radius:12px}
.mt-lb__img .mt-shot__ph{width:100%;aspect-ratio:9/16;max-height:calc(100vh - 200px);font-size:15px}
.mt-lb__cap{font-size:14px;color:var(--mt-ink-2)}

/* ===== 動き ===== */
@keyframes mt-stamp{0%{opacity:0;transform:scale(1.7) rotate(-16deg)}60%{opacity:1;transform:scale(.94) rotate(-6deg)}100%{opacity:1}}
@keyframes mt-flipin{from{opacity:0;transform:perspective(900px) rotateX(-9deg) translateY(10px)}to{opacity:1;transform:none}}
@keyframes mt-glow{0%{box-shadow:0 3px 0 var(--mt-shu-dk),0 0 0 0 rgba(193,39,45,.45)}100%{box-shadow:0 3px 0 var(--mt-shu-dk),0 0 0 16px rgba(193,39,45,0)}}
@keyframes mt-rise{from{opacity:.15;translate:0 22px}to{opacity:1;translate:0 0}}
@keyframes mt-deal{from{opacity:0;translate:0 26px}to{opacity:1;translate:0 0}}
@media (prefers-reduced-motion:no-preference){
  .mt-hero .mt-btn--primary{animation:mt-glow 1.4s ease-out .8s 2}
  .mt-note{animation:mt-deal .6s var(--mt-ease-pop) both}
  .mt-note--edu{animation-delay:.12s}.mt-note--web{animation-delay:.24s}
  @supports (animation-timeline:view()){
    .mt-reveal{animation:mt-rise linear both;animation-timeline:view();animation-range:entry 0% entry 55%}
  }
}
@media (prefers-reduced-motion:reduce){
  .mt *,.mt *::before,.mt *::after{animation:none!important;transition:none!important}
}

/* 装飾を控えめにする（Tweaks） */
.mt--calm .mt-note,.mt--calm .mt-act,.mt--calm .mt-p,.mt--calm .mt-card{--tilt:0deg}
.mt--calm .mt-desk__sheet,.mt--calm .mt-card,.mt--calm .mt-asks li{transform:none}
.mt--calm .mt-note::before,.mt--calm .mt-act::before{display:none}
.mt--calm{background-image:none}

/* Contact form shares the paper card and ink palette. */
.mt-contact-form{width:100%;display:grid;gap:18px}
.mt-contact-form[hidden]{display:none}
.mt-contact-form__row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:16px}
.mt-contact-form label{display:block;font-size:14px;font-weight:700;line-height:1.8}
.mt-contact-form label>span{font-size:12px;font-weight:400;color:var(--mt-ink-2)}
.mt-contact-form input:not([type="checkbox"]),.mt-contact-form textarea,.mt-contact-form select{display:block;box-sizing:border-box;width:100%;min-width:0;margin-top:6px;padding:11px 12px;border:1px solid var(--mt-line);border-radius:8px;background:#fff;color:var(--mt-ink);font:400 16px/1.6 var(--mt-f-body)}
.mt-contact-form textarea{resize:vertical}
.mt-contact-form :is(input,textarea,select):focus-visible{outline:2px solid var(--mt-shu);outline-offset:2px}
#mt-contact-web-fields{display:grid;gap:18px}
#mt-contact-web-fields[hidden]{display:none}
.mt-contact-form .mt-contact-form__consent{display:flex;align-items:flex-start;gap:10px;font-weight:400}
.mt-contact-form__consent input{width:18px;height:18px;margin-top:4px;flex:none;accent-color:var(--mt-shu)}
.mt-contact-form .mt-contact-form__consent>span{font-size:13px;color:var(--mt-ink)}
.mt-contact-form__trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.mt-contact-form button{justify-self:start}
.mt-contact-form button:disabled{opacity:.55;cursor:wait}
.mt-contact-form__status{font-size:14px;line-height:1.8;overflow-wrap:anywhere}
.mt-contact-form__status:empty{display:none}
.mt-contact-form__status:not(:empty){padding:12px 14px;border-radius:8px;background:var(--mt-edu-pale);color:var(--mt-edu-ink)}
.mt-contact-form__status.is-error{background:var(--mt-shu-pale);color:var(--mt-shu-dk)}
#mt-contact-check{min-width:0;max-width:100%}
@media(max-width:600px){.mt-contact-form__row{grid-template-columns:minmax(0,1fr)}}