/* ===================== v11：表紙 n2 の仕上げ比較（見え方 n2〜n2c × 右のコピーの書体 tc0〜tc4） ===================== */
/* n2a〜n2c も n2 の同じ部品を使い、見え方だけを変える */
html[data-fv^="n2"] .v10n2{display:block}

/* tc0（今の小さな添え書き）：2行を改行と同じ見え方に */
.v10__tc span{display:block}

/* ---------- n2a 文字の視認性を上げる ---------- */
/* 英字の後ろだけ楕円の影を敷き、虹色を白寄りに明るく、線を少し太く見せる */
html[data-fv="n2a"] .v10n2::before,html[data-fv="n2c"] .v10n2::before{content:"";position:absolute;z-index:1;left:0;top:0;width:75%;height:85%;pointer-events:none;
  background:radial-gradient(60% 55% at 32% 40%,rgba(2,10,5,.62) 0%,rgba(2,10,5,.35) 50%,transparent 100%)}
html[data-fv="n2a"] .v10n2 .v10__hand,html[data-fv="n2c"] .v10n2 .v10__hand{
  background:linear-gradient(100deg,#f4fff8 0%,#b5ffdc 24%,#a8f0f2 46%,#c7dcff 66%,#efdcff 84%,#fff6e6 100%);-webkit-background-clip:text;background-clip:text;
  -webkit-text-stroke:.6px rgba(255,255,255,.55);filter:drop-shadow(0 2px 14px rgba(0,0,0,.55))}

/* ---------- n2b 緑を増やす ---------- */
/* 写真を明るく・鮮やかにし、全体の影を黒から深緑に */
html[data-fv="n2b"] .v10n2 .v10__bg,html[data-fv="n2c"] .v10n2 .v10__bg{filter:brightness(.66) saturate(1.3) hue-rotate(-6deg)}
html[data-fv="n2b"] .v10n2,html[data-fv="n2c"] .v10n2{background:#03140b}
html[data-fv="n2b"] .v10n2::after,html[data-fv="n2c"] .v10n2::after{background:
  radial-gradient(120% 90% at 55% 45%,rgba(3,20,11,.05) 20%,rgba(3,20,11,.55) 100%),
  linear-gradient(0deg,rgba(3,20,11,.75),transparent 45%),
  linear-gradient(0deg,rgba(20,90,45,.18),rgba(20,90,45,.18))}
/* 見直し1：n2b・n2c の緑の膜が濁って見えたので薄くし、写真そのものの彩度で緑を出す */
html[data-fv="n2b"] .v10n2::after,html[data-fv="n2c"] .v10n2::after{background:
  radial-gradient(120% 90% at 55% 45%,rgba(3,20,11,0) 25%,rgba(3,20,11,.55) 100%),
  linear-gradient(0deg,rgba(3,20,11,.75),transparent 45%)}
html[data-fv="n2b"] .v10n2 .v10__bg,html[data-fv="n2c"] .v10n2 .v10__bg{filter:brightness(.68) saturate(1.4) hue-rotate(-8deg) contrast(1.05)}

/* ---------- 右のコピーの書体（tc1〜tc4。tc0 は今の小さな添え書き） ---------- */
/* 共通：2列をずらして置き、各列は折り返さない。大きさは画面の高さから決める */
html:not([data-tc="tc0"]) .v10__tc{text-orientation:upright;line-height:1.35;text-shadow:0 2px 24px rgba(0,0,0,.45)}
html:not([data-tc="tc0"]) .v10__tc span{white-space:nowrap}
html:not([data-tc="tc0"]) .v10__tc span+span{padding-top:1.2em}
/* tc1 明朝・大（n4 と同じ） */
html[data-tc="tc1"] .v10__tc{font-family:"Shippori Mincho B1",serif;font-weight:800;letter-spacing:.04em;font-size:clamp(28px,calc((100svh - var(--hd) - 120px) / 12.6),64px)}
/* tc2 明朝・中＋細め：字間を広く、上品に */
html[data-tc="tc2"] .v10__tc{font-family:"Shippori Mincho B1",serif;font-weight:700;letter-spacing:.2em;font-size:clamp(24px,calc((100svh - var(--hd) - 140px) / 15),44px);line-height:1.9}
html[data-tc="tc2"] .v10__tc span+span{padding-top:2.4em}
/* tc3 ゴシック極太：手書きの英字と対比させる */
html[data-tc="tc3"] .v10__tc{font-family:var(--f-jp);font-weight:900;letter-spacing:.02em;font-size:clamp(28px,calc((100svh - var(--hd) - 120px) / 12.4),62px);line-height:1.25}
/* tc4 手書きの日本語：英字と同じ虹色 */
html[data-tc="tc4"] .v10__tc{font-family:"Zen Kurenaido",var(--f-jp);font-weight:400;letter-spacing:.06em;font-size:clamp(30px,calc((100svh - var(--hd) - 120px) / 12.2),66px);line-height:1.3;
  background:var(--iris);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 2px 16px rgba(0,0,0,.5))}
@media (max-width:900px){
  html[data-tc="tc1"] .v10__tc,html[data-tc="tc3"] .v10__tc{font-size:calc(34svh / 12.6)}
  html[data-tc="tc2"] .v10__tc{font-size:calc(34svh / 15)}
  html[data-tc="tc4"] .v10__tc{font-size:calc(36svh / 12.2)}
}
/* 見直し2：tc4 は下のボタンにぶつからない大きさに。線を少し太く見せる */
html[data-tc="tc4"] .v10__tc{font-size:clamp(28px,calc((100svh - var(--hd) - 190px) / 12.2),60px);-webkit-text-stroke:.5px rgba(255,255,255,.5)}
/* 見直し3：スマホ。tc4 の大きさを戻す／英字の後ろ（画面の中段）を暗くして明るい通路の上でも読めるように */
@media (max-width:900px){
  html[data-tc="tc4"] .v10__tc{font-size:calc(34svh / 12.2)}
  html[data-fv="n2a"] .v10n2::before,html[data-fv="n2c"] .v10n2::before{width:100%;height:100%;
    background:linear-gradient(180deg,transparent 30%,rgba(2,10,5,.55) 48%,rgba(2,10,5,.55) 72%,transparent 85%)}
}

/* ---------- 領域 k1b：k1 の仕組みはそのまま、写真の色調・見出し・目次を強くする ---------- */
html[data-dm="k1b"] .dm6__it{padding:30vh 0 0}
html[data-dm="k1b"] .dm6__it:last-child{padding-bottom:40vh}
html[data-dm="k1b"] .dm6{background:#03140b}
/* 見出し：表紙の迫力につなげて大きく。説明文の後ろを暗く */
html[data-dm="k1b"] .dm6__h2{font-size:clamp(36px,4.2vw,60px);font-weight:900;line-height:1.25}
html[data-dm="k1b"] .dm6__lead{font-size:17px;color:rgba(255,255,255,.92)}
html[data-dm="k1b"] .dm6__stage::after{background:linear-gradient(90deg,rgba(3,20,11,.86) 0%,rgba(3,20,11,.6) 42%,rgba(3,20,11,.15) 100%),linear-gradient(180deg,rgba(3,20,11,.5) 0%,transparent 30%)}
/* 項目：区分名を少し大きく、見出しを太く */
html[data-dm="k1b"] .dm6__k{font-size:14px;border-top-width:3px;border-color:var(--c3)}
html[data-dm="k1b"] .dm6__it h3{font-size:clamp(28px,2.8vw,40px);font-weight:900}
html[data-dm="k1b"] .dm6__it p{font-size:17px}
/* 右の目次：大きく、今の項目を白＋橙の線に */
html[data-dm="k1b"] .dm6__prog{gap:16px}
html[data-dm="k1b"] .dm6__prog li{font-size:15px;color:rgba(255,255,255,.62)}
html[data-dm="k1b"] .dm6__prog li.on{color:#fff}
html[data-dm="k1b"] .dm6__prog li.on::after{width:56px;height:2px}
@media (max-width:900px){
  html[data-dm="k1b"] .dm6__it{padding-top:36svh}
  html[data-dm="k1b"] .dm6__h2{font-size:32px}
  html[data-dm="k1b"] .dm6__it h3{font-size:26px}
  html[data-dm="k1b"] .dm6__it p{font-size:16px}
  html[data-dm="k1b"] .dm6__stage::after{background:linear-gradient(0deg,rgba(3,20,11,.88) 0%,rgba(3,20,11,.55) 60%,rgba(3,20,11,.4) 100%)}
}
/* k1b 見直し1：見出しを1行に。ドローンを右へ寄せて文字と重ならないように */
html[data-dm="k1b"] .dm6__hd{max-width:min(100%,980px)}
html[data-dm="k1b"] .dm6__lead{max-width:40em}
html[data-dm="k1b"] .dm6__stage img:first-child{object-position:20% 50%;transform:scale(1.15) translateX(12%)}
@media (max-width:900px){html[data-dm="k1b"] .dm6__stage img:first-child{object-position:50% 50%;transform:none}}
/* k1b 見直し2：拡大を大きくして左端の黒い帯をなくし、ドローンを目次の左（画面の中央より右）に */
html[data-dm="k1b"] .dm6__stage img:first-child{object-position:50% 50%;transform:scale(1.25) translate(6%,4%)}
@media (max-width:900px){html[data-dm="k1b"] .dm6__stage img:first-child{transform:none}}
html[data-dm="k1b"] .dm6__stage img:first-child{transform:scale(1.25) translate(1%,4%)}
@media (max-width:900px){html[data-dm="k1b"] .dm6__stage img:first-child{transform:none}}
br.sp{display:none}@media (max-width:900px){br.sp{display:inline}}

/* v12：領域の見出しを他のセクションの見出しにそろえる（強すぎたため） */
html[data-dm="k1b"] .dm6__h2{font-size:var(--fs-h2);font-weight:700;line-height:1.4;letter-spacing:.02em}
@media (max-width:900px){html[data-dm="k1b"] .dm6__h2{font-size:26px}}
/* v12：項目の見出しをセクションの見出しより一段下に */
html[data-dm="k1b"] .dm6__it h3{font-size:clamp(22px,2.1vw,30px);font-weight:700}
html[data-dm="k1b"] .dm6__lead{max-width:36em}
@media (max-width:900px){html[data-dm="k1b"] .dm6__it h3{font-size:22px}}