@charset "utf-8";
/* 英語版オーバーライド：英文は日本語より長く、装飾イラストに被りやすいので調整 */
/* トップ・イントロ：両脇のダイバー等イラストに本文が被らないよう本文幅を制限し前面に */
.intro__main p{max-width:820px;margin-left:auto;margin-right:auto;position:relative;z-index:5}
@media (max-width:767px){ .intro__main p{max-width:100%} }
/* 装飾画像コンテナは背面へ（本文の可読性優先） */
.intro [class*="intro_ic"], [class*="_ic0"], .deco, .fish, .bubble{z-index:0}
/* wysiwyg等の本文ブロックを装飾より前面に */
.wysiwyg, .row, .mv-top__txt, .about__txt, .about__box, .story-mid, .intro__main{position:relative; z-index:2}
/* 見出しの英文が長い場合の折返し崩れ対策 */
.mv-title__ja, .page-tl__ja, .r-tt, .g-it__tt, .project-card__title{word-break:normal; overflow-wrap:anywhere}

/* 英語版：トップの英雄コピーは縦書き不要 → 横書き2行に */
.mv-top__txt p{flex-direction:column;align-items:center;text-align:center;max-width:92%}
.mv-top__txt span{
  writing-mode:horizontal-tb !important;
  -ms-writing-mode:lr-tb !important;
  text-orientation:mixed;
  display:block !important;
  margin:.15em 0 !important;
  font-size:clamp(1.5rem,4.2vw,3rem) !important;
  letter-spacing:.06em !important;
  line-height:1.3 !important;
}
.mv-top__txt p:before{display:none !important}  /* 縦書き前提の装飾は英語版で非表示 */

/* 英語版フッター：ナビが1行表示になり全体が低くなるため、
   絶対配置の環境省バナー(.footer-company)が里海ネットロゴ(.footer-logo)に重ならないよう下部余白を確保 */
@media (min-width:768px){
  .footer-wrap{padding-bottom:220px}
}
@media (max-width:767px){
  .footer-company{position:static;margin-top:24px}
}

/* 英語版ヘッダー：ナビが長く右端の「Reference」が言語切替/Menuボタンに重なるため、
   PCでナビ間隔とロゴ左右余白を詰めて右側にゆとりを作る */
@media (min-width:1280px){
  .header__main li{margin-inline:14px}
  .header__main .logo{margin-inline:30px 40px}
}
@media (min-width:768px) and (max-width:1279px){
  .header__main li{margin-inline:.7vw}
  .header__main .logo{margin-inline:2vw 2.6vw}
}

/* 英語版：保全/再生/創出ピル(.info .label)は英語だと折り返すため、折り返し禁止＋縮小防止 */
.info .label{white-space:nowrap;flex-shrink:0}