@charset "UTF-8";

/* インタビューページ */

/* トップ画像 */
.interview-hero{position:relative;width:100%;overflow:hidden;}
.interview-hero img{display:block;width:100%;height:auto;}

/* パンくず */
.interview-breadcrumb{position:absolute;top:5%;left:3%;display:flex;align-items:center;gap:8px;font-size:14px;z-index:10;}
.interview-breadcrumb a{color:#1f1f1f;text-decoration:none;}
.interview-breadcrumb-separator{color:#1f1f1f;}
.interview-breadcrumb-current{color:#d60012;}

/* インタビュー本文全体 */
.interview-content{width:94%;margin:0 auto;padding:5% 0;max-width: 1200px;}

/* INTERVIEW見出し部分 */
.interview-heading{position:relative;text-align:center;margin-bottom:5%;}
.interview-bg-text{position:absolute;top:-40%;left:50%;transform:translateX(-50%);margin:0;font-size:clamp(40px,7vw,90px);font-weight:700;color:#f1f1f1;z-index:-1;}
.interview-heading h2{margin:0 0 2%;font-size:clamp(20px,2vw,30px);font-weight:700;letter-spacing:.12em;}
.interview-lead{margin:0;line-height:1.9;font-size:18px;letter-spacing:.1em;font-weight: 500;}

/* 人物画像＋インタビュー文章 */
.interview-block{position:relative;display:flex;align-items:flex-start;gap:6%;padding-bottom:8%;}
.interview-photo{width:32%;position:relative;}
.interview-photo::after{content:"";position:absolute;left:5%;bottom:-4%;width:100%;height:100%;background:#f7b9b9;z-index:-1;}
.interview-photo img{display:block;width:100%;height:auto;}
.interview-text{width:58%;padding-top:1%;}
.interview-text h3{margin:0 0 4%;font-size:clamp(18px,2vw,28px);letter-spacing:.08em;}
.interview-text h3 span{color:#e60012;}
.interview-text p,.interview-question p,.interview-goal-text p{margin:0 0 3%;font-size:16px;line-height:2;letter-spacing:.15em;font-weight: 500;}

/* 右下の赤いあしらい */
.interview-decoration{position:absolute;right:0;bottom:-30px;width:10%;height:auto;}
/* インタビュー続き */
.interview-question{font-size:15px;line-height:2;letter-spacing:.08em;}
.interview-question h3{margin:0 0 3%;font-size:clamp(18px,2vw,26px);letter-spacing:.08em;}
.interview-question h3 span{color:#d60012;}
.interview-question-wide{width:90%;margin:0 auto 10%;}
.interview-row{display:flex;align-items:center;gap:8%;margin-bottom:10%;position:relative;}
.interview-row-reverse{flex-direction:row;}
.interview-workplace{width:50%;}
.interview-small-title{font-size:20px;font-weight:700;letter-spacing:.15em;margin-bottom:1%;}
.interview-sub-photo{width:37%;position:relative;}
.interview-sub-photo::after{content:"";position:absolute;left:-5%;bottom:-4%;width:100%;height:100%;background:#f7b9b9;z-index:-1;}
.interview-sub-photo img{display:block;width:100%;height:auto;}
.interview-holiday-row{align-items:flex-end;}
.interview-holiday-image{width:25%;align-self:flex-end;}
.interview-holiday-image img{display:block;width:100%;height:auto;}
.interview-holiday{width:70%;}
.interview-red-text{color:#d60012;font-weight:700;}

@media(max-width:768px){
.interview-question{font-size:14px;line-height:1.9;}
.interview-question h3{font-size:18px;margin-bottom:5%;}
.interview-question-wide{width:100%;margin-bottom:15%;}
.interview-row{display:block;margin-bottom:15%;}
.interview-workplace{width:100%;margin-bottom:8%;}
.interview-small-title{font-size:16px;}
.interview-sub-photo{width:80%;margin:0 auto;}
.interview-holiday-image{width:45%;margin:0 auto 8%;}
.interview-holiday{width:100%;}
}

/* スマホ */
@media(max-width:768px){
.interview-breadcrumb{top:2%;left:3%;gap:6px;font-size:12px;}
.interview-content{width:95%;padding:8% 0;}
.interview-heading{margin-bottom:10%;}
.interview-bg-text{top:-15%;font-size:clamp(36px,12vw,60px);}
.interview-heading h2{font-size:18px;}
.interview-lead{font-size:13px;line-height:1.8;}
.interview-block{display:block;padding-bottom:20%;}
.interview-photo{width:80%;margin:0 auto 10%;}
.interview-text{width:100%;padding-top:0;}
.interview-text h3{font-size:18px;margin-bottom:5%;}
.interview-text p{font-size:14px;line-height:1.9;margin-bottom:5%;}
.interview-decoration{right:0;bottom:0;width:25%;}
}
main{margin-top: 8%;}

/* 最後の質問 */
.interview-goal{width:90%;margin:0 auto;}
.interview-goal-image{width:82%;margin:0 auto 5%;}
.interview-goal-image img{display:block;width:100%;height:auto;}
.interview-goal-text{width:100%;}
.interview-goal-text h3{text-align:center;margin:0 0 4%;font-size:clamp(18px,2vw,26px);letter-spacing:.08em;}
.interview-goal-text h3 span{color:#d60012;}

@media(max-width:768px){
.interview-goal{width:100%;padding-bottom:12%;}
.interview-goal-image{width:100%;margin-bottom:8%;}
.interview-goal-text h3{font-size:18px;margin-bottom:6%;}
.interview-goal-text p{font-size:14px;line-height:1.9;margin-bottom:4%;}
}
.other-interview{position:relative;width:100%;padding:7% 0 7%;overflow:hidden;background:#fff;}
.other-interview::before{content:"";position:absolute;left:0;bottom:10%;width:22%;height:80%;background:#e60012;clip-path:polygon(0 0,100% 0,65% 100%,0 100%);}
.other-interview::after{content:"";position:absolute;right:0;bottom:10%;width:22%;height:80%;background:#e60012;clip-path:polygon(35% 0,100% 0,100% 100%,0 100%);}
.other-interview-title{position:relative;z-index:2;margin:0 0 4%;text-align:center;font-size:18px;font-weight:700;letter-spacing:.08em;}
.other-interview-list{position:relative;z-index:2;display:flex;justify-content:center;gap:10%;width:70%;margin:0 auto;}
.other-interview-card{display:block;width:28%;text-align:center;color:#1f1f1f;text-decoration:none;transition:transform .5s ease;}
.other-interview-image{width:100%;aspect-ratio:1/1;border-radius:50%;overflow:hidden;margin-bottom:6%;}
.other-interview-image img{display:block;width:100%;height:100%;object-fit:cover;}
.other-interview-en{margin:0 0 2%;font-size:10px;font-weight:700;color:#d60012;letter-spacing:.08em;}
.other-interview-name{margin:0;font-size:18px;font-weight:700;letter-spacing:.08em;}
.other-interview-card:hover{transform:scale(1.05);}
@media(max-width:768px){
.other-interview{padding:10% 0 12%;}
.other-interview::before{width:28%;height:70%;}
.other-interview::after{width:28%;height:70%;}
.other-interview-title{font-size:16px;margin-bottom:8%;}
.other-interview-list{width:80%;gap:10%;}
.other-interview-card{width:40%;}
.other-interview-en{font-size:9px;}
.other-interview-name{font-size:15px;}
}
.other-interview-heading{position:relative;text-align:center;margin-bottom:4%;}
.other-interview-bg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;font-size:clamp(40px,6vw,80px);font-weight:700;color:#f0f0f0;white-space:nowrap;line-height:1;z-index:0;}
.other-interview-title{position:relative;z-index:1;margin:0;font-size:18px;font-weight:700;letter-spacing:.08em;}