@charset "UTF-8";
/* ============================================================
   みん芸 スペシャルインタビュー 2026（PC）
   ============================================================ */
.iv{
  --orange:#ff7a00;
  --orange-bg:#feefdd;
  --blue:#0571b9;
  --text:#333333;
  font-family:'BIZ UDGothic','Noto Sans JP',sans-serif;
  color:var(--text);
  line-height:1.9;
  background:#fefdf1;
  padding:0 0 100px;
}
.iv *{box-sizing:border-box;}
.iv .iv-spbr{display:none;} /* SP専用改行（PCでは非表示） */
.iv img{max-width:100%;height:auto;display:block;}
.iv .iv-inner{width:1000px;max-width:100%;margin:0 auto;padding:0;}

/* ===== 見出しブロック ===== */
.iv-title{margin:48px 0 24px;text-align:center;}
.iv-title img{width:749px;max-width:100%;height:auto;margin:0 auto;}
.iv-read{
  text-align:center;font-size:calc(20px * var(--fz, 1));line-height:1.9;
  margin:0 0 56px;
}

/* ===== 各インタビュー ===== */
.iv-sec{margin:0 0 72px;}
.iv-sec__title{text-align:center;margin:0 0 32px;}
.iv-sec__title img{width:358px;max-width:100%;height:auto;margin:0 auto;}

/* 全幅ヒーロー写真（学校用） */
.iv-hero{margin:0 0 28px;}
.iv-hero img{width:100%;border-radius:2px;}

/* PROFILE 行：写真＋プロフィール枠 */
.iv-prof{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start;margin:0 0 28px;}
.iv-prof__photo img{width:100%;border-radius:2px;}
.iv-profbox{border:1px solid var(--blue);border-radius:2px;padding:20px 22px;}
.iv-profbox__ttl{
  color:var(--blue);font-weight:700;font-family:'Noto Sans JP',sans-serif;
  font-size:calc(20px * var(--fz, 1));letter-spacing:.04em;margin:0 0 6px;line-height:1.4;
}
.iv-profbox__txt{font-size:calc(20px * var(--fz, 1));line-height:1.85;margin:0;}
.iv-prof__photo{margin:0;}
.iv-prof__cap{font-size:calc(15px * var(--fz, 1));line-height:1.7;margin:8px 0 0;color:#333;}

/* イントロ行（BLACK BOTTOM）：本文＋写真 */
.iv-intro{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start;margin:0 0 40px;}
.iv-intro__txt{font-size:calc(20px * var(--fz, 1));line-height:1.95;margin:0;}
.iv-intro__photo img{width:100%;border-radius:2px;}

/* ===== Q&A ===== */
.iv-qa{margin:40px 0 0;}
.iv-q{
  background:var(--orange-bg);color:var(--orange);
  border-left:21px solid var(--orange);
  font-family:'Noto Sans JP',sans-serif;font-weight:700;
  font-size:calc(30px * var(--fz, 1));line-height:1.5;
  padding:14px 20px;margin:32px 0 20px;
}
.iv-a{font-size:calc(20px * var(--fz, 1));line-height:1.95;margin:0 0 20px;}
.iv-a__name{
  display:block;color:var(--orange);font-weight:700;
  font-family:'Noto Sans JP',sans-serif;font-size:calc(20px * var(--fz, 1));
  margin:0 0 2px;
}
.iv-a:last-child{margin-bottom:0;}

/* ============================================================
   SP（〜767px）
   ============================================================ */
@media screen and (max-width:767px){
  .iv .iv-inner{padding:0 16px;}

  /* SP専用改行を有効化 */
  .iv .iv-spbr{display:inline;}

  /* SPフォントサイズ */
  .iv-read{font-size:calc(15px * var(--fz, 1));}
  .iv-profbox__ttl{font-size:calc(15px * var(--fz, 1));}
  .iv-profbox__txt{font-size:calc(15px * var(--fz, 1));}
  .iv-prof__cap{font-size:calc(12px * var(--fz, 1));}
  .iv-intro__txt{font-size:calc(15px * var(--fz, 1));}
  .iv-q{font-size:calc(16px * var(--fz, 1));}
  .iv-a{font-size:calc(15px * var(--fz, 1));}
  .iv-a__name{font-size:calc(15px * var(--fz, 1));}

  /* 見出し（SP画像・幅264px） */
  .iv-title{margin:32px 0 20px;}
  .iv-title img{width:264px;}

  /* 各セクション見出し */
  .iv-sec__title img{width:250px;}

  /* PROFILE行・導入行は1カラム */
  .iv-prof{grid-template-columns:1fr;gap:16px;}
  /* 導入行は本文→写真の順で縦積み（写真が最後） */
  .iv-intro{display:flex;flex-direction:column;gap:16px;}

  /* BLACK：写真 → キャプション → PROFILE（DOM順のまま縦積み） */
  .iv-prof--band .iv-profbox{margin-top:16px;}

  /* 学校：PROFILE → 写真 → キャプション の順に並べ替え */
  .iv-prof--school{display:flex;flex-direction:column;gap:0;}
  .iv-prof--school .iv-prof__col{display:contents;}
  .iv-prof--school .iv-profbox{order:1;}
  .iv-prof--school .iv-prof__photo{order:2;margin-top:20px;}
  .iv-prof--school .iv-prof__cap{order:3;margin-top:8px;}
}

/* 郡山高校：PROFILEを最初の写真の下に全幅配置 */
.iv-profbox--full{margin:0 0 28px;}

/* 詳細ボタン（ページ最下部） */
.iv-morebtn{ text-align:center; margin:56px 0 24px; }
.iv-morebtn__link{
  display:inline-flex; align-items:center; gap:16px; justify-content:center;
  background:#fff; color:var(--pink,#ff6fa2); border:2px solid var(--pink,#ff6fa2);
  border-radius:40px; font-family:'Noto Sans JP',sans-serif; font-weight:700;
  font-size:calc(18px * var(--fz, 1)); line-height:1.4;
  padding:16px 44px; min-width:320px; max-width:100%; text-decoration:none;
  transition:background-color .2s ease, color .2s ease;
}
.iv-morebtn__link:hover{ background:var(--pink,#ff6fa2); color:#fff; }
.iv-morebtn__arrow{ font-size:calc(20px * var(--fz, 1)); line-height:1; }
@media (max-width:767px){
  .iv-morebtn__link{ font-size:calc(15px * var(--fz, 1)); min-width:0; width:100%; padding:14px 20px; }
}