/* ===== リセット＆基本 ===== */
*{margin:0;padding:0;box-sizing:border-box}
html,body{font-family:'Helvetica Neue',sans-serif;color:#333;background:#fff;overflow-x:hidden}
a{text-decoration:none;color:inherit}

/* ヘッダー（WPのheader.phpを使う想定。ここでは干渉弱めに） */
.fixed-header{position:fixed;top:0;left:0;right:0;height:100px;background:#fff;border-bottom:1px solid #ccc;display:flex;align-items:center;padding:0 20px;z-index:1000}
.logo{display:flex;align-items:center}
.logo img{height:20px;margin-right:10px}
.menu-container{display:flex;align-items:center;margin-left:auto}
.nav-links{display:flex;list-style:none;gap:20px;margin-right:20px}
.nav-links li a{font-size:18px;color:#333;font-weight:500;transition:color .3s}
.nav-links li a:hover{color:#0056b3}
.entry-button a{background:#0047a3;color:#fff;font-size:18px;padding:14px 24px;border-radius:6px;font-weight:700;transition:background .3s,transform .3s}
.entry-button a:hover{background:#002f6c;transform:scale(1.05)}
.hamburger{display:none}
.mobile-nav{display:none}

/* ===== Interview ヒーロー ===== */
.interview-section{position:relative;width:100vw;height:665px;overflow:hidden;margin-bottom:60px}
.interview-bg{position:absolute;top:100px;left:50%;transform:translateX(-50%);width:100vw;height:900px;object-fit:cover;z-index:1}
.interview-overlay{position:absolute;top:25%;left:60px;text-align:left;z-index:2;color:#fff;text-shadow:0 0 8px rgba(0,0,0,.6)}
.interview-title{font-family:'Poppins',sans-serif;font-weight:800;font-size:90px;font-style:italic;color:#fafbfc!important;text-shadow:0 0 4px rgba(0,0,0,.3);margin-left:100px;margin-top:150px}
.name-jp{font-size:36px;font-weight:700;margin:40px 0 6px 40px;color:#fff;text-shadow:0 0 4px rgba(0,0,0,.4)}
.position{font-size:24px;color:#fff;margin-left:40px;text-shadow:0 0 4px rgba(0,0,0,.4)}

/* ===== Career ===== */
.career-wrapper{background:none;overflow:visible;padding:100px 20px}
.career-bg{overflow:visible}
.career-title{font-family:'Poppins',sans-serif;font-weight:700;font-size:48px;color:#222;text-align:center;margin-top:120px;margin-bottom:16px}
.career-sub{font-size:18px;color:#666;letter-spacing:.15em;font-weight:400;text-align:center;margin-bottom:60px}
.career-box-wrapper{display:flex;justify-content:center;align-items:stretch;gap:40px;background:#fff;padding:40px 60px;max-width:1300px;margin:0 auto;border-radius:8px;box-shadow:0 12px 25px rgba(0,0,0,.1);margin-top:-130px}
.career-entry{width:300px;display:flex;flex-direction:column;justify-content:flex-start}
.career-entry-header{background:#d9f2ff;color:#007BFF;font-weight:700;text-align:center;padding:8px;border-radius:4px;margin-bottom:20px}
.career-entry-body{display:flex;align-items:flex-start;gap:20px;text-align:left}
.career-icon{height:60px;flex-shrink:0}
.career-description{display:flex;flex-direction:column;gap:6px;font-size:14px;color:#333;line-height:1.6}
.career-arrow{display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:#007BFF}

/* ===== 01~03 ===== */
.interview-block{max-width:1200px;margin:0 auto;padding:80px 20px;background:#fff}
.interview-card-overlay{position:relative;width:100%;max-width:none;margin:0 auto 100px;padding:0 40px}
.image-01 img,.image-02 img,.image-03 img{width:100%;max-width:590px;height:390px;object-fit:cover}
.image-01{position:relative;left:560px}
.image-02{position:relative;left:0;margin-bottom:300px;margin-top:270px}
.image-03{position:relative;left:560px;margin-bottom:170px}

.overlay-text-box{position:absolute;background:rgba(255,255,255,.9);padding:90px 24px;border-radius:8px;box-shadow:0 6px 20px rgba(0,0,0,.2);max-width:60%;z-index:2}
.text-01{margin-top:-290px!important;left:0;height:450px;width:700px;padding:40px;z-index:10}
.text-02{position:absolute;top:100px!important;right:-70px;width:690px;height:470px;padding:40px;background:rgba(255,255,255,.9);border-radius:8px;box-shadow:0 6px 30px rgba(0,0,0,.2);z-index:2;overflow:auto}
.text-03{position:absolute;top:90px;left:0;width:700px;height:450px;padding:40px;background:rgba(255,255,255,.9);border-radius:8px;box-shadow:0 6px 30px rgba(0,0,0,.2);z-index:2;overflow:visible}

.interview-number{position:absolute;top:-50px;left:30px;z-index:9;font-size:80px;color:#007BFF;font-weight:800;font-family:'Poppins',sans-serif;padding:0 12px;line-height:1;font-style:italic}
.interview-question{font-size:22px;font-weight:700;margin:0 0 16px}
.interview-subtitle{font-size:17px;font-weight:700;color:#222;margin-bottom:25px;padding-left:18px}
.interview-answer{font-size:15px;color:#333;line-height:1.8;margin-bottom:.8em}
.subtitle-bar{display:inline-block;width:4px;height:24px;background:#a8e063;margin-right:10px;border-radius:2px;flex-shrink:0;margin-left:-15px}
.interview-question1,.interview-question2{margin-top:70px}
.interview-question3{margin-top:80px}
.number1{margin-top:10px}
.number2{margin-top:98px;left:1060px}
.number3{margin-top:100px}

/* ===== Days ===== */
.days-section{margin:120px 0 60px;text-align:center}
.days-wrapper{width:100%;padding:100px 20px;background:linear-gradient(135deg,#133b7a,#2059a6,#428fdb)}
.days-title{font-family:'Poppins',sans-serif;font-weight:700;font-size:48px;color:#fff;margin-bottom:16px;text-align:center}
.days-sub{font-size:18px;color:#fff;letter-spacing:.15em;font-weight:400;margin-bottom:60px;text-align:center}
.days-container{background:#fff;border-radius:16px;padding:60px 40px;max-width:900px;margin:0 auto;box-shadow:0 12px 30px rgba(0,0,0,.15)}
.timeline{position:relative;padding-left:40px}
.timeline-item{position:relative;margin-bottom:60px}
.timeline::before{content:"";position:absolute;top:0;bottom:0;left:30px;width:4px;border-left:4px dashed #0050b3;z-index:0}
.time-label{position:absolute;left:-35px;top:0;background:#0050b3;color:#fff;font-weight:700;padding:8px 14px;border-radius:20px;font-size:14px;min-width:40px;text-align:center}
.timeline-content h3{font-size:19px;margin-bottom:8px;font-weight:700;color:#111;margin-left:50px}
.timeline-content p{font-size:16px;line-height:1.7;color:#333;margin-left:50px}
.worknote{font-size:16px;color:#666;margin-top:40px;text-align:left;line-height:1.8;padding:0}

/* ===== フッター（自作） ===== */
.site-footer{position:relative;clear:both;width:100%;background:#0B1E32;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(#0B1E32,#0B1E32);background-repeat:repeat;background-size:20px 20px,cover;padding:60px 20px 20px;color:#fff;font-family:'Helvetica Neue',sans-serif;margin-top:40px}
.footer-top{text-align:center;margin-bottom:40px}
.footer-top h2{font-size:28px;margin-bottom:10px}
.footer-top p{margin:6px 0;font-size:15px;line-height:1.6}
.footer-main{display:flex;flex-wrap:wrap;justify-content:space-between;border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2);padding:40px 0}
.footer-logo{max-width:280px}
.footer-logo img{width:160px;margin-bottom:10px}
.footer-logo p{font-size:14px;margin:6px 0}
.footer-icon-group{margin-top:10px}
.footer-icon-group a{display:inline-block;margin-right:12px;transition:transform .3s,opacity .3s}
.footer-icon-group img{width:38px;height:38px;filter:brightness(0) invert(1)}
.footer-icon-group a:hover{transform:scale(1.1);opacity:.8}
.footer-nav{display:flex;margin-left:70px;gap:70px}
.footer-nav h3{font-size:16px;margin-bottom:10px}
.footer-nav ul{list-style:none}
.footer-nav li{font-size:14px;margin-bottom:6px}
.footer-nav a{color:#fff;border-bottom:1px solid transparent;transition:border-bottom .2s}
.footer-nav a:hover{border-bottom:1px solid #fff}
.footer-bottom{text-align:center;margin-top:130px;font-size:13px;opacity:.7}

/* ===== レスポンシブ ===== */
@media (max-width:768px){
  .fixed-header{height:60px;padding:0 16px}
  .fixed-header .logo img{height:11px!important}

  .interview-section{width:100%;height:100vw;overflow:hidden}
  .interview-bg{top:0;left:50%;transform:translateX(-50%);width:auto;min-width:100%;height:100%;object-fit:cover}
  .interview-overlay{top:50%;left:10%;transform:translate(-50%,-50%);text-align:center;width:90%}
  .interview-title{font-size:1.8rem;margin-top:120px}
  .name-jp,.position{font-size:1rem}

  .career-box-wrapper{flex-direction:column;gap:24px;padding:20px 16px;max-width:95%;margin:0 auto;box-shadow:none;border-radius:0;margin-top:-120px}
  .career-title{font-size:1.8rem;margin-top:60px;margin-bottom:12px}
  .career-sub{font-size:.9rem;color:#888;letter-spacing:.1em;margin-bottom:32px}
  .career-entry{width:100%;background:#fff;border-radius:12px;padding:24px 16px;box-shadow:0 4px 12px rgba(0,0,0,.06);text-align:center}
  .career-entry-header{font-size:.95rem;padding:12px;border-radius:8px;margin-bottom:16px}
  .career-entry-body{flex-direction:column;align-items:center;gap:12px}
  .career-icon{height:56px;margin-bottom:10px}
  .career-description{font-size:.85rem;line-height:1.6}
  .career-arrow,.career-arrow::before,.career-arrow::after{background:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;transform:none!important;content:none!important}
  .career-arrow{display:block!important;width:0!important;height:0!important;margin:20px auto!important;border-left:12px solid transparent!important;border-right:12px solid transparent!important;border-top:16px solid #0B63CE!important;filter:drop-shadow(0 2px 4px rgba(0,0,0,.12));font-size:0!important;line-height:0!important}

  .interview-card-overlay{display:flex;flex-direction:column;align-items:center;gap:24px;position:static!important;margin-bottom:60px}
  .overlay-image-container{order:2;position:static!important;margin:0 auto;width:100%;text-align:center}
  .overlay-image-container img{width:115%;max-width:115%;border-radius:8px;margin-top:630px;margin-left:-17px}
  .overlay-image-container02{margin-top:-135px!important}
  .overlay-image-container03{margin-top:-145px!important}
  .overlay-text-box{width:90%;max-width:90%;margin:0 auto;text-align:left;background:transparent!important;box-shadow:none!important;padding:0!important;border-radius:0!important}
  .overlay-text-box01{margin-left:20px;margin-top:-20px!important}
  .overlay-text-box02{left:-57px!important;overflow:visible!important;max-height:none!important;height:auto!important}
  .overlay-text-box03{left:20px}
  .interview-number{position:relative;top:0;left:0;font-size:1.8rem;font-weight:700;color:#0073e6;margin-bottom:12px;padding-left:4px}

  .image-03{margin-top:-170px!important}

  .footer-main{flex-direction:column;align-items:center;text-align:center;padding:12px;gap:12px;margin-left:0}
  .footer-nav{flex-direction:row;justify-content:space-between;flex-wrap:nowrap;gap:12px;text-align:left;margin-left:0}
  .footer-nav>div{flex:1;min-width:100px}
  .footer-nav h3{font-size:13px;margin-bottom:4px;white-space:nowrap}
  .footer-nav li{font-size:11px;margin-bottom:2px;white-space:nowrap}
  .site-footer{font-size:11px}
}

/* 01の白ボックスはPCのみ */
@media (min-width:769px){
  .overlay-text-box01{background:#fff;padding:24px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.08)}
}

/* たまに昔のfloat残骸でフッターが横に行くのを更に防止 */
.interview-1-page:after{content:"";display:block;clear:both}

/*******************************************
 * ===== 強制上書きパッチ（最優先） =====
 * ヘッダー1行 / ヒーロー画像位置 / タイトル1行 /
 * 名前・役職の位置
 *******************************************/
.site-header nav.wp-block-navigation .wp-block-navigation__container,
header .wp-block-navigation .wp-block-navigation__container,
#site-navigation ul {display:flex!important;flex-wrap:nowrap!important;gap:20px!important}
.site-header nav.wp-block-navigation .wp-block-navigation__container>li,
#site-navigation ul>li{white-space:nowrap!important}
@media (max-width:1280px){
  .site-header nav.wp-block-navigation a,
  header .wp-block-navigation a,
  #site-navigation a{font-size:14px!important}
}

/* ヒーロー画像の表示位置 */
.interview-section{height:660px!important;overflow:hidden!important}
.interview-bg{
  position:absolute!important;
  top:40px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  width:100vw!important;
  height:900px!important;
  object-fit:cover!important;
  object-position:center 26%!important;
}

/* 「Interview」強制1行 */
.interview-title{white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;font-size:84px!important;line-height:1!important;display:block!important}

/* 名前・役職位置 */
.interview-overlay{top:18%!important;left:60px!important;text-align:left!important}
.name-jp{margin-top:6px!important}
.position{margin-top:0!important}

/* モバイル微調整 */
@media (max-width:768px){
  .interview-bg{object-position:center 38%!important}
  .interview-title{font-size:1.9rem!important}
  .interview-overlay{top:24%!important;left:8%!important}
}

/* ヘッダー高さを低くする（テーマ互換） */
.site-header,
.fixed-header,
header.site-header{height:10px!important;min-height:60px!important;padding-top:0!important;padding-bottom:0!important}
.site-header .logo img,
.fixed-header .logo img{height:28px!important;width:auto!important}
.site-header nav a,#site-navigation a{line-height:60px!important}

/* Business ページ互換指定（誤爆防止のためそのまま） */
body.business-page .site-header{padding-top:10px;padding-bottom:10px;min-height:60px}

/* =========================================
   レイアウト保険（AOSを邪魔しない）
   ========================================= */
@media (max-width:1280px){
  .image-01,.image-02,.image-03{left:0!important;margin-left:0!important;margin-right:0!important}
  .image-01 img,.image-02 img,.image-03 img{max-width:100%!important;width:100%!important}

  .overlay-text-box,.text-01,.text-02,.text-03{
    position:relative!important;
    top:auto!important;left:auto!important;right:auto!important;
    margin:16px 0!important;
    width:auto!important;max-width:100%!important;height:auto!important;
    padding:24px!important;
    background:rgba(255,255,255,.95)!important;
    box-shadow:0 6px 24px rgba(0,0,0,.12)!important;
    border-radius:8px!important;
    overflow:visible!important;
  }
  .text-02{right:auto!important}

  .interview-number{position:static!important;font-size:2rem!important;color:#007BFF!important;margin:8px 0!important}
}

@media (max-width:768px){
  .interview-card-overlay{display:block!important;margin:32px auto!important;padding:0 16px!important}
  .overlay-image-container img{margin:0!important;width:100%!important;max-width:100%!important;border-radius:8px!important}
  .overlay-text-box{padding:16px!important}
}

/* 絶対配置による親高さ0化を防ぐ */
.interview-card-overlay::after{content:"";display:block;clear:both}






/* =========================================================
   Interview-1 追加修正
   - FVの「Interview」タイトルが消える件の復旧
   - フッター：ロゴ/住所/電話/SNSは元の“左側”へ、ナビだけ中央
   ========================================================= */

/* --- 1) ファーストビューのタイトルが見えない/消える対策 --- */
/* 画像より上、オーバーレイよりも上に重ねる（z-index） */
.interview-title{
  position: absolute !important;
  z-index: 3 !important;          /* 画像(1)・オーバーレイ(2)より上 */
  left: -250px !important;         /* 元レイアウトを維持 */
  top: 45% !important;            /* 前回より少し下に配置 */
  transform: none !important;
  color: #fff !important;
  display: block !important;
  pointer-events: none;           /* 念のため */
}
/* 背景画像は一番下 */
.interview-bg{ z-index: 1 !important; }
/* 名前・役職のレイヤーは中段 */
.interview-overlay{ z-index: 2 !important; top: 76% !important; }

/* モバイルは下げ幅を控えめに */
@media (max-width: 768px){
  .interview-title{ top: 55% !important; left: 8% !important; }
  .interview-overlay{ top: 72% !important; left: 8% !important; }
}

/* --- 2) フッター：ロゴ・住所・電話・SNSは“左”、ナビは中央 --- */
/* デスクトップのみ調整（モバイルは既存の中央寄せを維持） */
@media (min-width: 769px){
  /* 全体レイアウトを元の「左右に配置」に戻す */
  .site-footer .footer-main{
    display: flex !important;
    justify-content: space-between !important; /* 左：ロゴ塊 / 右：ナビ */
    align-items: flex-start !important;
    column-gap: 60px !important;
  }

  /* 左側：ロゴ/住所/電話/SNS を元の位置（左端）に固定 */
  .site-footer .footer-logo{
    margin-left: 0 !important;
    margin-right: auto !important; /* ナビが押し出されてもロゴは左寄せのまま */
    text-align: left !important;
  }

  /* 右側：ナビブロック自体は中央寄せに（内部の3カラムを中央に並べる） */
  .site-footer .footer-nav{
    margin: 0 auto !important;           /* ブロック自体をセンタリング */
    flex: 1 1 auto !important;           /* 横幅を柔軟にとる */
    display: flex !important;
    justify-content: center !important;  /* 内部カラムを中央に */
    gap: 40px !important;                /* 過度な右寄りにならない余白 */
    text-align: left !important;         /* 各カラム内の文字は左寄せ */
  }
}

/* --- 3) 回答01の白ボックス：透け感を 02/03 と揃える --- */
@media (min-width: 769px){
  .overlay-text-box01{
    background: rgba(255,255,255,0.90) !important;  /* 02/03と同じ透明度 */
    box-shadow: 0 6px 30px rgba(0,0,0,0.20) !important;
  }
}

/* =========================================================
   Interview-1 フッターナビ 左寄せ調整
   ========================================================= */
@media (min-width: 769px){
  .site-footer .footer-nav{
    justify-content: flex-start !important; /* 左寄せ基準 */
    margin-left: 410px !important;           /* 少しだけ左に寄せる */
    margin-right: auto !important;          /* 右の余白を自動調整 */
    gap: 60px !important;                   /* カラム間のスペースを確保 */
  }
}

/* =========================================================
   Interview-1 ヒーロー 名前＆役職 位置調整
   ========================================================= */
#hero-name {
  top: 67% !important;   /* 下へ移動（70%→78%） */
  left: 160px !important; /* 少し右へ（125px→150px） */
}

#hero-name p {
  margin: 4px 0 !important;
}






















/* ========================================== *//* ========================================== *//* ========================================== *//* ========================================== */


/***** =========================================
  Interview-1（page-id=131）専用：ヘッダー統一
  ・ロゴ＝左端 / メニュー＝右端
  ・折り返し防止・余白/サイズは変数で調整可
============================================ *****/
:root{
  /* 好みで微調整（数値変えるだけ） */
  --i1-hd-pad: 32px;   /* 端からの左右余白 */
  --i1-logo-h: 22px;   /* ロゴ高さ（36〜48pxあたり推奨） */
  --i1-gap:    32px;   /* メニュー間隔 */
  --i1-font:   18px;   /* メニュー文字サイズ */
}

@media (min-width: 769px){
  /* 行そのものをフル幅＆左右端で分配 */
  body.page-id-131 .site-header .inside-header{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding: 16px var(--i1-hd-pad) !important;
    box-sizing:border-box !important;
  }

  /* ロゴ（左） */
  body.page-id-131 .site-branding,
  body.page-id-131 .site-logo{
    flex:0 0 auto !important;
    margin:0 !important;
  }
  body.page-id-131 img.custom-logo,
  body.page-id-131 .site-logo img,
  body.page-id-131 .site-branding img{
    height: var(--i1-logo-h) !important;
    width:auto !important;
    display:block !important;
  }
  /* テキストサイト名は出さない */
  body.page-id-131 .site-title,
  body.page-id-131 .main-title{ display:none !important; }

  /* メニュー（右） */
  body.page-id-131 .main-navigation{
    margin-left:auto !important;
    margin-right:0 !important;
    float:none !important;
    display:flex !important;
    align-items:center !important;
  }
  body.page-id-131 .main-navigation .main-nav > ul{
    display:flex !important;
    gap: var(--i1-gap) !important;
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
    flex-wrap: nowrap !important;     /* 折り返し禁止 */
    white-space: nowrap !important;   /* テキストの改行も禁止 */
  }
  body.page-id-131 .main-navigation .main-nav > ul > li > a{
    font-size: var(--i1-font) !important;
    line-height: 1.5 !important;
    padding: 0 !important;
    font-weight: 500 !important;
    color:#111 !important;
    text-decoration:none !important;
  }

  /* 以前の“ズラし系”を全解除（保険） */
  body.page-id-131 .site-header,
  body.page-id-131 .inside-header,
  body.page-id-131 .site-branding,
  body.page-id-131 .site-logo,
  body.page-id-131 .main-navigation{
    position:relative !important;
    left:auto !important;
    right:auto !important;
    transform:none !important;
  }
}

@media (min-width:769px){
  body.page-id-131 .site-header .inside-header{
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  body.page-id-131 .custom-logo{
    height: 48px !important;
  }
}







/* ===== Interview-1（page-id-131）— 01の白ボックスを確実に広げるパッチ ===== */
body.page-id-131{
  --c1-box-w: 780px;    /* ← 好きな幅に。例: 720/780/820px */
  --c1-box-minh: 500px; /* ← 高さ */
  --c1-gap: 56px;       /* ← 写真との間隔 */
}

/* 01段を中央2カラムに（左：白 / 右：写真） */
body.page-id-131 .interview-card-overlay.card-01{
  display:grid !important;
  grid-template-areas: "text image" !important;
  grid-template-columns: var(--c1-box-w) 560px !important; /* 右の写真幅は必要に応じて変更 */
  align-items:center !important;
  justify-content:center !important;
  gap: var(--c1-gap) !important;
  margin: 0 auto 100px !important;
  padding: 0 20px !important;
}

/* 既存の“ズラし”を全解除 */
body.page-id-131 .card-01 .image-01,
body.page-id-131 .card-01 .text-01{
  position:relative !important;
  top:auto !important; right:auto !important; bottom:auto !important; left:auto !important;
  margin:0 !important; transform:none !important;
}

/* ★ 共通の max-width:60% を無効化（これが一番の犯人） */
body.page-id-131 .card-01 .overlay-text-box{ 
  max-width:none !important; 
  width:auto !important; 
}

/* 左：白ボックス（幅・高さを変えられる） */
body.page-id-131 .card-01 .overlay-text-box01,
body.page-id-131 .card-01 .text-01{     /* text-01のwidth指定も潰す */
  grid-area:text !important;
  width: var(--c1-box-w) !important;
  min-height: var(--c1-box-minh) !important;
  box-sizing: border-box !important;
  padding: 40px !important;
  background: rgba(255,255,255,.9) !important;
  border-radius: 8px !important;
  box-shadow: 0 6px 20px rgba(0,0,0,.2) !important;
  z-index: 2 !important;
  overflow: visible !important;
}

/* 番号の見た目はそのまま。位置だけ白ボックス基準で固定 */
body.page-id-131 .card-01 .overlay-text-box01 .interview-number{
  position:absolute !important;
  top:-36px !important;
  left:24px !important;
  color:#007BFF !important;  /* 色は元の青 */
  font-size:80px !important;
  font-weight:800 !important;
  font-family:'Poppins',sans-serif !important;
  font-style:italic !important;
  line-height:1 !important;
}

/* 右：写真の枠（必要ならサイズ調整） */
body.page-id-131 .card-01 .overlay-image-container.image-01{
  grid-area:image !important;
  width:560px !important;
  height:390px !important;
}
body.page-id-131 .card-01 .overlay-image-container.image-01 img{
  width:100% !important; height:100% !important; object-fit:cover !important;
}

/* スマホでは縦積み */
@media (max-width:768px){
  body.page-id-131 .interview-card-overlay.card-01{
    grid-template-columns: 1fr !important;
    grid-template-areas: "image" "text" !important;
    gap: 24px !important;
  }
  body.page-id-131 .card-01 .overlay-image-container.image-01{ width:100% !important; height:auto !important; }
  body.page-id-131{ --c1-box-w: 100%; --c1-box-minh: auto; }
}




/* ===== Interview-1（page-id-131）— 01だけの仕上げ ===== */
body.page-id-131{
  /* 他ブロックと同サイズに（02/03に合わせて 700×450 ） */
  --c1-box-w: 700px;
  --c1-box-h: 450px;

  /* 白ボックスを下へ動かす（正の値で下） */
  --c1-text-shift-y: 24px;

  /* 透明度（他と同じに） */
  --c1-bg-alpha: .9;
}

/* 白ボックス：サイズ固定＆透明度を統一 */
body.page-id-131 .card-01 .overlay-text-box01{
  width: var(--c1-box-w) !important;
  min-height: var(--c1-box-h) !important;
  background: rgba(255,255,255,var(--c1-bg-alpha)) !important;
  margin-top: var(--c1-text-shift-y) !important;   /* ← 下へ移動 */
  box-sizing: border-box !important;
}

/* 画像：03と並びが合うように少し左へ寄せる */
body.page-id-131 .card-01 .overlay-image-container.image-01{
  transform: translateX(var(--c1-image-shift-x)) !important;
}

/* 念のため、01の共通max-width制限を解除（広がらない対策） */
body.page-id-131 .card-01 .overlay-text-box{ 
  max-width: none !important;
}

/* 色や書体は既存のまま。番号の見た目だけ保証（位置はボックス基準のまま） */
body.page-id-131 .card-01 .overlay-text-box01 .interview-number{
  color:#007BFF !important;
}

/* ===== Interview-1（page-id-131）— 01の白ボックス位置調整 ===== */
body.page-id-131{
  --c1-text-shift-y: 100px!important;   /* 下へ動かす（数値を大きくすると下へ） */
  --c1-text-shift-x: 70px;   /* 右へ動かす（数値を大きくすると右へ） */
}

body.page-id-131 .card-01 .overlay-text-box01{
  transform: translate(var(--c1-text-shift-x), var(--c1-text-shift-y)) !important;
}

/* 02の画像ボックスを上げて間隔を縮める */
.image-02 {
  position: relative;
  left: 0;
  margin-top: 200px;   /* ← 270px → 120px に変更 */
  margin-bottom: 330px; /* ← 必要ならこちらも調整 */
}

/* ===== Interview-1（page-id-131）: 01の画像を確実に左へ動かす強制パッチ ===== */
/* 数値だけ変えれば微調整できます */
:root{
  --img01-left-shift: -80px;   /* ← 左へ動かす量（マイナスで左／プラスで右） */
}

/* 1) まず既存の left 固定を無効化し、flow上で左へ押し出す */
body.page-id-131 .interview-block .card-01 .overlay-image-container.image-01{
  position: relative !important;
  left: 0 !important;               /* 既存の left:560px を無効化 */
  right: auto !important;
  margin-left: var(--img01-left-shift) !important; /* ← これで必ず動く */
  margin-right: 0 !important;
  transform: none !important;       /* 他の transform 指定を打ち消し */
  z-index: 2 !important;
}

/* ===== Interview-1（page-id-131）: 01の画像サイズ調整 ===== */
body.page-id-131 .interview-block .card-01 .overlay-image-container.image-01 {
  left: 10px !important; /* ← 位置を少し左に（560→400） */
}

/* ===== Interview-1: 01の画像を大きくする ===== */
body.page-id-131 .interview-block .card-01 .overlay-image-container.image-01 img {
  width: 580px !important;   /* ← 幅を直接指定して拡大 */
  max-width: none !important; /* ← max-width 制限を解除 */
  height: auto !important;   /* アスペクト比維持 */
}



/* ===== interview-1専用：回答テキストサイズを統一 ===== */
body.page-id-131 .interview-answer {
  font-size: 16px !important;   /* ← 好みのサイズに変更OK */
  line-height: 1.9 !important;  /* 行間も揃える */
  color: #333 !important;       /* 色も統一 */
  margin-bottom: 1em !important;
}



/* ===== interview-1専用：白ボックスの高さ調整 ===== */
body.page-id-131 .text-01,
body.page-id-131 .text-02,
body.page-id-131 .text-03 {
  min-height: 500px !important;   /* ← 好きな高さに変更してください */
}


/* ===== interview-1専用：01だけ白ボックスの高さを長く ===== */
body.page-id-131 .text-01 {
  height: auto !important;       /* 固定高さを解除 */
  min-height: 520px !important;  /* 好きな高さに変更 */
}


/* ===== interview-1（page-id:131）専用：WP共通フッターを非表示 ===== */

/* WP標準の共通フッターを消す */
body.page-id-131 footer.site-footer,
body.page-id-131 div.site-footer,
body.page-id-131 #colophon,
body.page-id-131 footer#colophon,
body.page-id-131 .site-info,
body.page-id-131 .footer-widgets {
  display: none !important;
}

/* 自作フッターが <main> 内にある場合は再表示させる */
body.page-id-131 main footer.site-footer,
body.page-id-131 main div.site-footer {
  display: block !important;
}





/***** interview-1（page-id:131）専用：フッターナビをもっと左へ *****/

/* まず、フッター内側の左右余白を無効化（ある場合のみ） */
body.page-id-131 .site-footer .footer-inner { padding-left: 0 !important; }

/* グリッド or フレックス親の左右パディング/マージンの影響をゼロに */
body.page-id-131 .site-footer .footer-main {
  padding-left: 0 !important;
  margin-left: 0 !important;
}

/* ナビブロック自体を“物理的に”左へオフセット */
body.page-id-131 .site-footer .footer-nav {
  position: relative !important;
  left: 120px !important;               /* ← さらに左へ寄せたい時は -60 / -80 に */
  justify-content: flex-start !important;
  gap: 24px !important;                 /* ナビ同士の間隔（狭め） */
  margin-left: 0 !important;
  padding-left: 0 !important;
}

/* もし .footer-main がグリッドなら、ナビを左寄せに固定 */
body.page-id-131 .site-footer .footer-main {
  display: grid !important;
  grid-template-columns: minmax(260px,1fr) minmax(520px,2fr);
  align-items: start;
  column-gap: 32px;
}
body.page-id-131 .site-footer .footer-logo { justify-self: start; }
body.page-id-131 .site-footer .footer-nav  { justify-self: start; }

/* さらに内側に余白が仕込まれているケースの保険 */
body.page-id-131 .site-footer,
body.page-id-131 .site-footer .footer-main,
body.page-id-131 .site-footer .footer-nav {
  box-sizing: border-box !important;
}

/* タブレット以下はレイアウト崩れ防止で縦積み */
@media (max-width: 768px){
  body.page-id-131 .site-footer .footer-main { 
    display: block !important;
  }
  body.page-id-131 .site-footer .footer-nav {
    left: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
  }
}