/* ===================== v10：r1（リクルート型）と t1（縦ポスター型）の発展5案 ===================== */
/* 手書きは読みやすさで選び直した Shadows Into Light Two（16書体を同じ文字で比較）。背景は緑のフードテック写真 */
.fv10{position:relative}
.v10{display:none;position:relative;min-height:100svh;overflow:hidden;background:#06120c;color:#fff;
  --L:max(var(--gut),calc((100vw - var(--wrap))/2 + var(--gut)));
  --iris:linear-gradient(100deg,#e6fff0 0%,#8ff5c8 24%,#7fe0e6 46%,#a9c8ff 66%,#e4c8ff 84%,#fff1d6 100%)}
html[data-fv="n1"] .v10n1,html[data-fv="n2"] .v10n2,html[data-fv="n3"] .v10n3,html[data-fv="n4"] .v10n4,html[data-fv="n5"] .v10n5{display:block}
.v10__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.08);transition:transform 7s ease-out}
.fv10.is-in .v10__bg{transform:none}
.v10::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 90% at 55% 45%,transparent 35%,rgba(0,8,4,.55) 100%),linear-gradient(0deg,rgba(0,8,4,.66),transparent 42%)}
.v10>*:not(img){position:absolute;z-index:2}
.v10 h1{font-weight:400}

/* 下の日程とボタン */
.v10__foot{left:var(--L);right:var(--L);bottom:44px;display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.v10__date{font-size:14px;font-weight:500;letter-spacing:.06em;color:rgba(255,255,255,.9)}
.v10__date b{font-family:var(--f-en);font-weight:600;letter-spacing:.12em;color:#fff}
.v10__date i{display:inline-block;width:1px;height:.9em;background:currentColor;opacity:.4;margin:0 14px;vertical-align:-1px}
.v10__cta{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.v10__btn{display:inline-flex;align-items:center;gap:14px;height:54px;padding:0 30px;border-radius:999px;background:#fff;color:var(--v6-ink);font-size:15px;font-weight:700;letter-spacing:.06em}
.v10__btn::after{content:"";width:8px;height:8px;border-radius:50%;background:var(--c3)}
.v10__sub{font-size:14px;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:2px}
.v10__sub::after{content:" →"}

/* 縦書きのコピー（小：添え書き／大：明朝） */
.v10__tate{right:var(--L);top:calc(var(--hd) + 36px);writing-mode:vertical-rl;text-orientation:upright;font-size:17px;font-weight:700;letter-spacing:.3em;line-height:2.1}
.v10__tate--big{font-family:"Shippori Mincho B1",serif;font-weight:800;letter-spacing:.04em;line-height:1.35;font-size:clamp(28px,calc((100svh - var(--hd) - 120px) / 12.6),64px);text-shadow:0 2px 24px rgba(0,0,0,.4)}
.v10__tate--big span{display:block;white-space:nowrap}
.v10__tate--big span+span{padding-top:1.2em}

/* ヘッダー：表紙の上では透明・白文字 */
html[data-fv] .hdr:not(.is-scrolled){background:transparent;box-shadow:none;backdrop-filter:none}
html[data-fv] .hdr:not(.is-scrolled) .logo,html[data-fv] .hdr:not(.is-scrolled) .nav a{color:#fff!important}
html[data-fv] .hdr:not(.is-scrolled) .logo b{color:#fff}
html[data-fv] .hdr:not(.is-scrolled) .cta{background:#fff;color:var(--v6-ink)}

/* ---------- 手書き（n1・n2） ---------- */
.v10__hand{left:var(--L);top:calc(var(--hd) + 5svh);font-family:"Shadows Into Light Two",cursive;font-size:clamp(64px,calc((100svh - var(--hd) - 220px) / 3),186px);line-height:1;text-transform:uppercase;letter-spacing:.015em;
  background:var(--iris);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 30px rgba(0,0,0,.4))}
.v10__hand span{display:block;white-space:nowrap}
.v10__hand span:nth-child(2){padding-left:.9em}
.v10__hand span:nth-child(3){padding-left:.35em}
.v10n1 .v10__bg{object-position:60% 50%;filter:brightness(.62)}
.v10n2 .v10__bg{filter:brightness(.5) saturate(1.05)}
.v10n2::after{background:radial-gradient(120% 90% at 55% 45%,rgba(0,8,4,.15) 20%,rgba(0,8,4,.6) 100%),linear-gradient(0deg,rgba(0,8,4,.7),transparent 45%)}

/* ---------- n3 細い英字＋手書きの「2026」 ---------- */
.v10n3 .v10__bg{filter:brightness(.42) saturate(1.1);object-position:50% 70%}
.v10n3__en{left:var(--L);top:calc(var(--hd) + 7svh);font-family:var(--f-en);font-weight:200!important;font-size:min(clamp(56px,calc((100svh - var(--hd) - 230px) / 3.1),150px),9vw);line-height:1.02;letter-spacing:.02em;
  background:var(--iris);-webkit-background-clip:text;background-clip:text;color:transparent}
.v10n3__en span{display:block;white-space:nowrap}
.v10n3__en em{font-family:"Shadows Into Light Two",cursive;font-weight:400;font-size:.5em;margin-left:.3em;letter-spacing:.04em}

/* ---------- 極太の英字（n4・n5） ---------- */
.v10__bold{left:var(--L);top:calc(var(--hd) + 7svh);font-family:var(--f-en);font-weight:800!important;font-size:min(clamp(56px,calc((100svh - var(--hd) - 230px) / 3.3),140px),7.6vw);line-height:.95;letter-spacing:-.02em;text-shadow:0 4px 40px rgba(0,0,0,.25)}
.v10__bold span{display:block;white-space:nowrap}
.v10__bold small{font-size:.32em;font-weight:500;letter-spacing:.06em;margin-left:.5em;vertical-align:.95em}
.v10n4 .v10__bg{filter:brightness(.72) saturate(1.05);object-position:50% 60%}
.v10n4::after{background:linear-gradient(90deg,rgba(0,10,4,.55),transparent 60%),linear-gradient(270deg,rgba(0,10,4,.45),transparent 35%),linear-gradient(0deg,rgba(0,10,4,.6),transparent 40%)}
.v10__bold--iris{background:var(--iris);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}
.v10__bold--iris small{color:transparent}
.v10n5 .v10__bg{object-position:65% 50%;filter:brightness(.6)}

/* ---------- 動き ---------- */
.v10__hand span{clip-path:inset(-10% 100% -10% 0);transition:clip-path 1.4s cubic-bezier(.6,.05,.25,1)}
.fv10.is-in .v10__hand span{clip-path:inset(-10% -5% -10% 0)}
.fv10.is-in .v10__hand span:nth-child(2){transition-delay:.7s}.fv10.is-in .v10__hand span:nth-child(3){transition-delay:1.4s}
.v10n3__en span,.v10__bold span,.v10__tate{opacity:0;transform:translateY(18px);transition:opacity 1.1s var(--ease),transform 1.1s var(--ease)}
.fv10.is-in .v10n3__en span,.fv10.is-in .v10__bold span,.fv10.is-in .v10__tate{opacity:1;transform:none}
.fv10.is-in .v10n3__en span:nth-child(2),.fv10.is-in .v10__bold span:nth-child(2){transition-delay:.12s}
.fv10.is-in .v10n3__en span:nth-child(3),.fv10.is-in .v10__bold span:nth-child(3){transition-delay:.24s}
.fv10.is-in .v10__tate{transition-delay:.6s}
html.static .fv10 *{transition:none!important}
html.static .v10__hand span{clip-path:none}
html.static .v10n3__en span,html.static .v10__bold span,html.static .v10__tate{opacity:1;transform:none}

/* ---------- スマホ ---------- */
@media (max-width:900px){
  .v10{--L:20px}
  .v10__foot{flex-direction:column;align-items:stretch;bottom:26px}
  .v10__btn{width:100%;justify-content:space-between}
  .v10__tate{font-size:14px;top:calc(var(--hd) + 16px)}
  .v10__tate--big{font-size:calc(34svh / 12.6)}
  .v10__hand{font-size:clamp(50px,17vw,74px);top:auto;bottom:250px}
  .v10n3__en{font-size:clamp(40px,12.6vw,58px);top:auto;bottom:250px}
  .v10__bold{font-size:clamp(36px,11.2vw,52px);top:auto;bottom:240px}
  .v10__bold small{display:block;margin:.4em 0 0;font-size:max(.4em,14px);vertical-align:0}
}
/* 見直し1 */
/* n1・n2：手書きが縦書きにかからない大きさに。n1 は種が見える明るさに */
.v10__hand{font-size:min(clamp(64px,calc((100svh - var(--hd) - 220px) / 3),186px),8.6vw)}
.v10n1 .v10__bg{filter:brightness(.85)}
/* n4：ドローンを英字の右下へずらす。英字は少し小さく */
.v10n4 .v10__bg{transform:scale(1.32) translate(13%,9%)}
.fv10.is-in .v10n4 .v10__bg{transform:scale(1.28) translate(13%,9%)}
.v10__bold{font-size:min(clamp(56px,calc((100svh - var(--hd) - 230px) / 3.3),140px),7vw)}
@media (max-width:900px){
  .v10__hand{font-size:clamp(50px,17vw,74px)}
  .v10__bold{font-size:clamp(36px,11.2vw,52px)}
  .v10n3__en em{display:block;margin:.3em 0 0;font-size:.6em}
  .v10n4 .v10__bg,.fv10.is-in .v10n4 .v10__bg{transform:none;object-position:45% 50%}
}
/* 見直し2：n4 のずらしを控えめに（左端の黒い帯をなくし、ドローンを英字と縦書きの間に） */
.v10n4 .v10__bg{transform:scale(1.3) translate(3%,10%)}
.fv10.is-in .v10n4 .v10__bg{transform:scale(1.26) translate(3%,10%)}
@media (max-width:900px){.v10n4 .v10__bg,.fv10.is-in .v10n4 .v10__bg{transform:none}}