@charset "UTF-8";

.inner{width: 100%; max-width: 1200px; padding: 0 40px;}
.flex{display: flex; flex-wrap: wrap;}
.flex.reverse{flex-direction: row-reverse;}
#mainVisual img{width: 100%;}

@media screen and (max-width: 767px){
	.inner{padding: 0 15px;}
}

/* interview_lead ========================= */
#interview_lead{padding: 50px 0 80px;}
#interview_lead .lead_text{text-align: center; font-size: 18px;}

@media screen and (max-width: 767px){
	#interview_lead{padding: 30px 0 50px;}
	#interview_lead .lead_text{font-size: 14px; text-align: left;}
}

.interview_pageLink{display: flex; flex-wrap: wrap; margin: 50px -15px 0;}
.pageLink_box{width: calc(100% / 3); padding: 0 15px;}
.pageLink_box a{display: block; background: #fec356; color: #2d2d2d; border-radius: 5px; padding: 10px; box-shadow: 0 0 10px #ccc; height: 100%;}
.pageLink_box a span{display: block; text-align: center; font-size: 25px; line-height: 1.4;}
.pageLink_box a p{text-align: center; color: #2d2d2d; font-weight: 600;}

@media screen and (max-width: 767px){
	.interview_pageLink{margin: 30px 0 0;}
	.pageLink_box{width: 100%; margin: 0 0 15px;}

}

.interview_title{margin: 0 0 50px;}
.interview_title h3{background: #fec356; color: #2d2d2d; font-size: 24px; font-weight: 700; padding: 15px 20px 15px 60px;
	position: relative;
}
.interview_title h3 span{font-size: 80px; font-weight: 400; font-style: italic; line-height: 1.2;
	position: absolute; bottom: 5px; left: 10px;
}
.interview_line + .interview_line{margin: 50px 0 0;}
.h4_title{color: #fea500; font-size: 22px; font-weight: 600; margin: 0 0 24px;}
.interview_flex{align-items: center;}

.interview_img{width: 50%;}
.interview_img figure + p{font-size: 12px; margin: 5px 0 0;}

.interview_text{width: 50%; padding: 0 0 0 40px;}
.reverse .interview_text{padding: 0 40px 0 0;}
.interview_text p + p{margin: 20px 0 0;}

.interview_movie{width: 50%; padding: 0 0 0 40px;}
.reverse .interview_movie{padding: 0 40px 0 0;}

.movie_box{position: relative; aspect-ratio: 16 / 9;}

@media screen and (max-width: 767px){
	.interview_title{margin: 0 0 30px;}
	.interview_title h3{font-size: 18px; font-weight: 600; line-height: 1.5;}
	.interview_line + .interview_line{margin: 30px 0 0;}

	.h4_title{font-size: 18px; line-height: 1.8; margin: 0 0 20px;}

	.interview_img{width: 100%; margin: 0 0 20px;}
	.interview_text{width: 100%; padding: 0; margin: 0 0 20px;}
	.reverse .interview_text{padding: 0;}
	.interview_movie{width: 100%; padding: 0; margin: 0 0 20px;}
	.reverse .interview_movie{padding: 0;}
}

/* interview_01 ========================= */
#interview_01{margin: 0 0 80px;}

.interview01_line01 .movie_box{margin: 20px 0 0;}
.interview01_line03 .movie_box{padding-right: 40px;}

@media screen and (max-width: 767px){
	#interview_01{margin: 0 0 40px;}
}

/* interview_02 ========================= */
#interview_02{margin: 0 0 80px; background: #f5f5f5; padding: 80px 0;}

.interview02_line01 .movie_box{margin: 20px 0 0;}
.interview02_line02 .interview_flex{margin: 0 -15px;}
.interview02_line02 .interview_img{padding: 0 15px;}
.interview02_line03 .interview_flex{margin-bottom: 20px;}
.interview02_line03 .interview_text{width: 70%; padding: 0 0 0 40px;}
.interview02_line03 .interview_img{width: 30%;}
.interview02_line03 .movie_box{margin: 20px 0 0;}

@media screen and (max-width: 767px){
	#interview_02{margin: 0 0 40px; padding: 40px 0;}
	.interview02_line03 .interview_text{width: 100%; padding: 0;}
	.interview02_line03 .interview_img{width: 100%;}

}

/* interview_03 ========================= */
#interview_03{margin: 0 0 80px;}

.interview03_line01 .movie_box{margin: 20px 0 0;}
.interview03_line02 .interview_movie{width: 70%; padding: 0 40px 0 0;}
.interview03_line02 .interview_img{width: 30%;}
.interview03_line03 .interview_text{width: 70%; padding: 0 0 0 40px;}
.interview03_line03 .interview_img{width: 30%;}


.interview_cv{max-width: 1000px; width: 100%; margin: 0 auto 80px; padding: 0 15px;}
.interview_cv a{display: flex; align-items: center; height: 200px; position: relative;
	background: url(../images/interview/interview_cv.jpg) no-repeat center center; background-size: cover;
}
.interview_cv a p:nth-child(1){font-size: 24px; font-weight: 700; line-height: 1.5; letter-spacing: 2px; color: #000; padding-left: 40px;}
.interview_cv a p:nth-child(2){position: absolute; bottom: 0; right: 0; font-weight: 700;
	background: rgba(255,255,255,0.8); padding: 7px 25px;
}
.interview_cv a p:nth-child(2)::after{content: ""; width: 8px; height: 8px; border: 2px solid #000; display: block;
	transform: rotate(45deg); border-bottom: none; border-left: none;
	position: absolute; top: 16px; right: 10px;
}

@media screen and (max-width: 767px){
	#interview_03{margin: 0 0 40px;}
	.interview03_line02 .interview_movie{width: 100%; padding: 0;}
	.interview03_line02 .interview_img{width: 100%;}
	.interview03_line03 .interview_text{width: 100%; padding: 0;}
	.interview03_line03 .interview_img{width: 100%;}

	.interview_cv a{height: 150px;}
	.interview_cv a p:nth-child(1){font-size: 18px; padding-left: 20px;}
}