/* ===================== v9：英字の名称を主役にした表紙（リクルート型2・縦ポスター型2・合わせ1） ===================== */
/* 共通の決まり：主役＝英字の名称／副＝縦書きのコピー／下に日程1行とボタン。写真は全面、色は写真と文字の虹色だけ */
.fv9{position:relative}
.v9{display:none;position:relative;min-height:100svh;overflow:hidden;background:#0b0d0c;color:#fff}
html[data-fv="r1"] .v9r1,html[data-fv="r2"] .v9r2,html[data-fv="t1"] .v9t1,html[data-fv="t2"] .v9t2,html[data-fv="m1"] .v9m1{display:block}
.v9__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.08);transition:transform 7s ease-out}
.fv9.is-in .v9__bg{transform:none}
.v9::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 90% at 55% 45%,transparent 35%,rgba(0,0,0,.55) 100%),linear-gradient(0deg,rgba(0,0,0,.62),transparent 42%)}
.v9>*:not(img){position:absolute;z-index:2}
.v9 h1{font-weight:400}
.v9{--L:max(var(--gut),calc((100vw - var(--wrap))/2 + var(--gut)))}
.v9__foot{left:var(--L);right:var(--L);bottom:44px;display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.v9__date{font-size:14px;font-weight:500;letter-spacing:.06em;color:rgba(255,255,255,.88)}
.v9__date b{font-family:var(--f-en);font-weight:600;letter-spacing:.12em;color:#fff}
.v9__date i{display:inline-block;width:1px;height:.9em;background:currentColor;opacity:.4;margin:0 14px;vertical-align:-1px}
.v9__cta{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.v9__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}
.v9__btn::after{content:"";width:8px;height:8px;border-radius:50%;background:var(--c3)}
.v9__sub{font-size:14px;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:2px}
.v9__sub::after{content:" →"}
/* 縦書きのコピー（小：リクルートの添え書き／大：ポスターの明朝） */
.v9__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}
.v9__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,.35)}
.v9__tate--big span{display:block;white-space:nowrap}
.v9__tate--big span+span{padding-top:1.2em}
/* 虹色（リクルートの手書き文字の色） */
.v9{--iris:linear-gradient(100deg,#d9ffe9 0%,#7ff0c6 22%,#8fd3ff 44%,#d7b8ff 66%,#ffd2a8 86%,#fff3c9 100%)}

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

/* ---------- r1 種と手書き3段 ---------- */
.v9r1 .v9__bg{object-position:60% 50%;filter:brightness(.72)}
.v9r1__hand{left:var(--L);top:calc(var(--hd) + 6svh);font-family:"Covered By Your Grace",cursive;font-size:clamp(64px,calc((100svh - var(--hd) - 220px) / 3.1),190px);line-height:.98;text-transform:uppercase;letter-spacing:.02em;
  background:var(--iris);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 30px rgba(0,0,0,.4))}
.v9r1__hand span{display:block;white-space:nowrap}
.v9r1__hand span:nth-child(2){padding-left:.9em}
.v9r1__hand span:nth-child(3){padding-left:.35em}

/* ---------- r2 植物工場と手書き1行 ---------- */
.v9r2 .v9__bg{filter:brightness(.6) contrast(1.1)}
.v9r2__hand{left:var(--L);right:var(--L);top:50%;transform:translateY(-58%);font-family:"Reenie Beanie",cursive;font-size:clamp(80px,11vw,180px);line-height:.86;letter-spacing:.01em;
  background:var(--iris);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 30px rgba(0,0,0,.5))}
.v9r2__hand span{display:block;white-space:nowrap}
.v9r2__hand span+span{padding-left:2.2em}
.v9r2__hand small{font-size:.5em}

/* ---------- t1 英字を左に積む ---------- */
.v9t1 .v9__bg,.v9t2 .v9__bg{filter:brightness(.6) saturate(.9)}
.v9t1__en{left:var(--L);top:calc(var(--hd) + 7svh);font-family:var(--f-en);font-weight:800!important;font-size:clamp(56px,calc((100svh - var(--hd) - 230px) / 3.3),140px);line-height:.95;letter-spacing:-.02em}
.v9t1__en span{display:block}
.v9t1__en small{font-size:.32em;font-weight:500;letter-spacing:.06em;margin-left:.5em;vertical-align:.95em}

/* ---------- t2 英字も縦に（画面の高さいっぱい） ---------- */
.v9t2__en{left:var(--L);top:calc(var(--hd) + 20px);bottom:130px;writing-mode:vertical-rl;transform:rotate(180deg);font-family:var(--f-en);font-weight:800!important;font-size:clamp(48px,calc((100svh - var(--hd) - 150px) / 11.2),104px);line-height:.92;letter-spacing:-.01em;display:flex;flex-direction:row-reverse;gap:.12em;white-space:nowrap}
.v9t2__en span:last-child{color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.9)}
.v9t2 .v9__foot{left:calc(var(--L) + 2 * clamp(48px,calc((100svh - var(--hd) - 150px) / 11.2),104px) + 48px)}

/* ---------- m1 明るいモノクロ ---------- */
.v9m1{background:#eef0ee;color:var(--v6-ink)}
.v9m1 .v9__bg{filter:brightness(1.04) contrast(.92);object-position:30% 50%}
.v9m1::after{background:linear-gradient(90deg,rgba(255,255,255,.55),transparent 55%)}
.v9m1__hand{left:var(--L);top:calc(var(--hd) + 6svh);font-family:"Covered By Your Grace",cursive;font-size:clamp(64px,calc((100svh - var(--hd) - 220px) / 3.1),190px);line-height:.98;text-transform:uppercase;
  background:linear-gradient(100deg,#0c6b47 0%,#1aa37a 25%,#2c7fd6 50%,#7b55d6 72%,#e2762a 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.v9m1__hand span{display:block;white-space:nowrap}
.v9m1__hand span:nth-child(2){padding-left:.9em}
.v9m1__hand span:nth-child(3){padding-left:.35em}
.v9m1 .v9__tate--big{text-shadow:none;color:var(--v6-ink)}
.v9m1 .v9__date{color:var(--v6-ink2)}
.v9m1 .v9__date b{color:var(--v6-ink)}
.v9m1 .v9__btn{background:var(--v6-ink);color:#fff}

/* ---------- 動き：手書きは左から書くように、英字と縦書きは順に浮かぶ ---------- */
.v9r1__hand span,.v9r2__hand span,.v9m1__hand span{clip-path:inset(-10% 100% -10% 0);transition:clip-path 1.4s cubic-bezier(.6,.05,.25,1)}
.fv9.is-in .v9r1__hand span,.fv9.is-in .v9r2__hand span,.fv9.is-in .v9m1__hand span{clip-path:inset(-10% -5% -10% 0)}
.fv9.is-in [class$="__hand"] span:nth-child(2){transition-delay:.7s}.fv9.is-in [class$="__hand"] span:nth-child(3){transition-delay:1.4s}
.v9t1__en span,.v9__tate,.v9t2__en span{opacity:0;transform:translateY(18px);transition:opacity 1.1s var(--ease),transform 1.1s var(--ease)}
.v9t2__en span{transform:translateY(-18px)}
.fv9.is-in .v9t1__en span,.fv9.is-in .v9__tate,.fv9.is-in .v9t2__en span{opacity:1;transform:none}
.fv9.is-in .v9t1__en span:nth-child(2),.fv9.is-in .v9t2__en span:nth-child(2){transition-delay:.12s}.fv9.is-in .v9t1__en span:nth-child(3){transition-delay:.24s}
.fv9.is-in .v9__tate{transition-delay:.6s}
html.static .fv9 *{transition:none!important}
html.static .fv9 [class$="__hand"] span{clip-path:none}
html.static .v9t1__en span,html.static .v9__tate,html.static .v9t2__en span{opacity:1;transform:none}

/* ---------- スマホ ---------- */
@media (max-width:900px){
  .v9{--L:20px}
  .v9__foot{flex-direction:column;align-items:stretch;bottom:26px}
  .v9__btn{width:100%;justify-content:space-between}
  .v9__tate{font-size:14px;top:calc(var(--hd) + 16px)}
  .v9__tate--big{font-size:calc(34svh / 12.6)}
  .v9r1__hand,.v9m1__hand{font-size:clamp(48px,17vw,72px);top:auto;bottom:250px}
  .v9r2__hand{font-size:clamp(56px,19vw,84px);top:38%}
  .v9r2__hand span+span{padding-left:.6em}
  .v9t1__en{font-size:clamp(40px,12.5vw,56px);top:auto;bottom:240px}
  .v9t2__en{font-size:clamp(34px,calc((100svh - var(--hd) - 290px) / 11.2),60px);bottom:270px}
  .v9t2 .v9__foot{left:var(--L)}
}
/* 見直し1 */
/* r2：右で切れないよう小さく、2026は2行目の後ろに */
.v9r2__hand{font-size:clamp(64px,8.6vw,150px);right:auto}
.v9r2__hand span+span{padding-left:1.6em}
/* t1：英字が縦書きに重ならない幅に */
.v9t1__en{font-size:min(clamp(56px,calc((100svh - var(--hd) - 230px) / 3.3),140px),8.4vw)}
/* t2：英字を3列の縦に（1列9字）。画面の高さから大きさを決める */
.v9t2__en{bottom:auto;transform:none;writing-mode:vertical-rl;flex-direction:row;gap:.06em;font-size:clamp(44px,calc((100svh - var(--hd) - 150px) / 6.9),116px);line-height:1}
.v9t2__en span{display:block;transform:rotate(180deg)}
.v9t2__en span:last-child{color:#fff;-webkit-text-stroke:0}
.v9t2__en span:nth-child(2){color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.95)}
.v9t2 .v9__foot{left:calc(var(--L) + 3.3 * clamp(44px,calc((100svh - var(--hd) - 150px) / 6.9),116px) + 40px)}
@media (max-width:900px){
  .v9r2__hand{font-size:clamp(52px,17vw,76px);white-space:normal;right:var(--L);top:30%}
  .v9r2__hand span{white-space:normal}
  .v9r2__hand span+span{padding-left:.4em}
  .v9t1__en{font-size:clamp(36px,11.2vw,52px)}
  .v9t1__en small{display:block;margin:.4em 0 0;font-size:.4em;vertical-align:0}
  .v9t2__en{font-size:calc((100svh - var(--hd) - 330px) / 6.9)}
  .v9t2 .v9__foot{left:var(--L)}
}
/* 見直し2：t2 は縦書きの段組み（右から HIROSHIMA／FOODTECH／HACKATHON）。t1 は少し小さく */
.v9t2__en{display:block;writing-mode:vertical-rl;text-orientation:mixed}
.v9t2__en span{display:block;transform:none;padding-left:.06em}
.v9t1__en{font-size:min(clamp(56px,calc((100svh - var(--hd) - 230px) / 3.3),140px),7.6vw)}
@media (max-width:900px){.v9t1__en small{font-size:max(.4em,14px)}}