@charset "UTF-8";

.interview{margin:0 auto 80px;width: 100%;margin-top: 100px;}

/*.bg-text{position:absolute;left:0;transform-origin:left;transform:translateY(-50%) rotate(-90deg);font-size:100px;font-weight:700;color:#fff;opacity:.1;pointer-events:none;white-space:nowrap;z-index:1;letter-spacing:.1em;}
.bg-text-1{left:150px;bottom:80px;}
.bg-text-2{left:260px;bottom:260px;}
.first-img img{width:100%;height:auto;display:block;margin-bottom:100px;}
.interview-top{position:relative;max-width:1200px;margin:0 auto;padding:30px 0;}
.text-area{max-width:850px;line-height:1.8;letter-spacing:.1em;position:relative;z-index:2;margin-left:30px;border:1px solid #bc0a0a;border-radius:30px;padding:40px;margin-bottom:50px;}
.inteview-title{font-size:24px;font-weight:600;margin-bottom:24px;}
.inteview-title span{color:rgb(216,31,31);}
.interview-first{position:relative;width:98%;margin:2% auto;padding:0 0 40px;}
.interview-first .text-area{position:absolute;top:12%;left:0;width:55%;background:rgba(255,255,255,.95);padding:40px;box-sizing:border-box;}
.interview-second{position:relative;width:100%;max-width:98%;margin:2% auto;}
.interview-second img{width:60%;height:500px;object-fit:cover;}
.interview-second .text-area{position:absolute;top:200px;right:40px;width:55%;background:rgba(255,255,255,.95);padding:40px;box-sizing:border-box;}
.interview-third,.interview-first{position:relative;width:98%;margin:2% auto;padding-top:0;}
.interview-third img,.interview-first img{width:60%;height:500px;object-fit:cover;margin-left:auto;display:block;}
.interview-third .text-area{position:absolute;top:200px;left:40px;width:55%;background:rgba(255,255,255,.95);padding:40px;box-sizing:border-box;}
.interview-bottom{position:relative;width:98%;margin:2% auto 20%;}
.interview-bottom img{width:50%;height:auto;object-fit:contain;display:block;}
.interview-bottom .text-area{position:absolute;top:100px;right:40px;width:55%;background:rgba(255,255,255,.95);padding:40px;box-sizing:border-box;}
.btn{text-align:center;margin-bottom:50px;}
.btn a{position:relative;text-decoration:none;color:#d02828;font-weight:bold;}
.btn a:hover{text-decoration:underline;text-underline-offset:6px;}
.bottom{display:flex;justify-content:center;gap:80px;margin:80px 0;}*/

.interview{max-width:98%;margin:2% auto ;max-width: 1200px;margin-bottom: 50px;}
.interview-top{margin-top: 120px;}
.interview-first,
.interview-second,
.interview-third,
.interview-forth,
.interview-bottom{position:relative;width:98%;margin:50px auto;}

/* 画像共通 */
.interview-first img,
.interview-second img,
.interview-third img,
.interview-forth img{width:65%;height:500px;object-fit:cover;display:block;}
.interview-bottom img{width:45%;height:auto;object-fit:contain;display:block;}

/* 画像の左右制御 */
.interview-first img,
.interview-third img{margin-left:auto;margin-right:0;}   /* 右寄せ */
.interview-second img,.interview-forth img{margin-left:0;margin-right:auto;}  /* 左寄せ */
.interview-bottom img{margin-left:auto;margin-right:0;padding-bottom: 40px;}  /* 右寄せ */

/* テキスト共通（少しかぶせる） */
.text-area{position:absolute;width:55%;background:rgba(255,255,255,.95);border-radius:30px;padding:40px;box-sizing:border-box;border:1px solid #bc0a0a;border-radius:30px}

/* テキスト位置 */
.interview-first .text-area{left:0;top:20%;}
.interview-second .text-area{right:0;top:20%;}
.interview-third .text-area{left:0;top:20%;}
.interview-forth .text-area{right:0;top:20%;}
.interview-bottom .text-area{left:0;top:20%;}
.inteview-title span{color:rgb(216,31,31);}
.inteview-title{font-size:clamp(18px,2.5vw,24px);font-weight:600;margin-bottom:24px;}
.interview .description{line-height: 1.8;}

.btn{text-align:center;margin-bottom:50px;}
.btn a{position:relative;text-decoration:none;color:#d02828;font-weight:bold;}
.btn a:hover{text-decoration:underline;text-underline-offset:6px;}
.bottom{display:flex;justify-content:center;gap:80px;margin:80px 0;}

/* SP */
@media (max-width:768px){
.interview-first,
.interview-second,
.interview-third,
.interview-bottom{margin:40px auto;}
.interview-first img,
.interview-second img,
.interview-third img,
.interview-bottom img{width:100%;height:auto;margin:0;}
.text-area{position:static;width:100%;margin-top:20px;padding:20px;}
.interview-bottom img{max-width:75%;height:auto;object-fit:contain;display:block;margin:0 auto;}
.tall-img img{width:90vw;height:50vh;object-fit:cover;display:block;}}