/*--------------------------------------------------------
　共通style
--------------------------------------------------------*/
#interview .title_img {
	position: absolute;
	width: 8.86%;
	max-width: 122px;
	top: 4%;
	right: 5%;
	z-index: 1;
}
#interview .main_area {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	width: 100%;
	margin: 0 auto;
	position: relative;
	height: 100vh;
}
#interview .main_area p {
	color: #083b55;
}
#interview .main_area p:not(:last-child) {
	margin-bottom: 1.5em;
}
#interview .main_area p.q {
	font-weight: 600;
	margin-bottom: 1.5em;
	text-indent: -2em;
    padding-left: 2em;
	box-sizing: border-box;
}
#interview .text_01 p {
	font-size: 16px;
	line-height: 1.85;
	font-weight: 400;
}
#interview .text_02 p {
	font-size: 16px;
	line-height: 1.85;
}
#interview .text_credit {
	position: absolute;
	bottom: -20px;
	right: 0;
}
#interview .text_credit p {
	font-family: "Koburina Gothic W6 JIS2004", sans-serif;
	font-size: 13px;
	color: #4d4d4d;
}
.staff-credit .main_area {
	-webkit-align-items: center;
	align-items: center;
}
.staff-credit {
	text-align: center;
}
#interview .staff-credit p {
	font-size: 16px;
}
#interview .staff-credit p.bold {
	font-size: 16px !important;
	font-weight: 700 !important;
	line-height: 1.65 !important;
}
@media screen and (max-width: 1300px) {
	#interview .text_01 p, #interview .text_02 p {
		font-size: 13px;
	}
}
@media screen and (max-width: 1260px) {
	#interview .text_01 p, #interview .text_02 p {
		font-size: 12px;
	}
}

/*--------------------------------------------------------
　個別style
--------------------------------------------------------*/
#interview .img_01 img,
#interview .img_02 img,
#interview .img_03 img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

#interview #scn01 {
	background: url("/book/focal/kushirotown/images/interview/bg.jpg") no-repeat center / cover;
	opacity: 1;
	z-index: 501;
}
#interview #scn03 {
	background: url("/book/focal/kushirotown/images/interview/bg02.jpg") no-repeat center / cover;
}
#interview #scn08 {
	background: url("/book/focal/kushirotown/images/interview/bg03.jpg") no-repeat center / cover;
}
#interview #scn09 {
	background: url("/book/focal/kushirotown/images/interview/bg04.jpg") no-repeat bottom / cover;
}
#interview #scn12 {
	background: url("/book/focal/kushirotown/images/interview/bg06.jpg") no-repeat center / cover;
}
#interview #scn13 {
	background: url("/book/focal/kushirotown/images/interview/bg07.jpg") no-repeat center bottom / cover;
}

#interview #scn01 .main_title {
	width: 26%;
    position: absolute;
    top: 15%;
    left: 55.5%;
}
#interview #scn01 .main_title img {
	width: 100%;
}

#interview #scn02 .img_01 {
	width: 30%;
    height: auto;
    position: absolute;
    top: 55%;
    left: 14.5%;
}
#interview #scn02 .img_01 img {
	object-fit: unset;
}
#interview #scn02 .img_02 {
	width: 32%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 46%;
}
#interview #scn02 .img_02 img {
	object-position: center center;
}
#interview #scn02 .text_01 {
	width: 29%;
    position: absolute;
    top: 26.5%;
    left: 15%;
}

#interview #scn03 .text_01 {
	width: 26.5%;
    position: absolute;
    top: 38%;
    left: 68%;
}
#interview #scn03 .text_01 p {
	color: #fff;
}

#interview #scn04 .img_01 {
	width: 50%;
    height: auto;
    position: absolute;
    top: 7%;
    left: 45.5%;
}
#interview #scn04 .img_01 img {
object-fit: unset;
}
#interview #scn04 .text_01 {
	width: 32%;
    position: absolute;
    top: 23%;
    left: 13%;
}

#interview #scn05 .img_01 {
	width: 40%;
    height: auto;
    position: absolute;
    top: 17%;
    left: 19%;
}
#interview #scn05 .img_01 img {
	object-fit: unset;
}
#interview #scn05 .text_01 {
	width: 30%;
    position: absolute;
    top: 41%;
    left: 64%;
}

#interview #scn06 .img_01 {
	width: 47%;
    height: auto;
    position: absolute;
    top: 7%;
    left: 47%;
}
#interview #scn06 .img_01 img {
	object-fit: unset;
}
#interview #scn06 .text_01 {
	width: 37%;
    position: absolute;
    top: 21%;
    left: 11%;
}

#interview #scn07 .img_01 {
	width: 23.5%;
    height: auto;
    position: absolute;
    top: 18%;
    left: 13%;
}
#interview #scn07 .img_01 img {
	object-fit: unset;
}
#interview #scn07 .img_02 {
	width: 43%;
    height: auto;
    position: absolute;
    top: 16%;
    left: 43%;
}
#interview #scn07 .img_02 img {
	object-fit: unset;
}
#interview #scn07 .line_area {
	top: 46vh;
    left: 13%;
}
#interview #scn07 .line_area p span {
	font-size: 18px;
	padding: 3px 8px;
}

#interview #scn08 .text_01 {
	width: 33.5%;
    position: absolute;
    top: 18%;
    left: 15%;
    padding: 2.5% 4% 2.5% 3%;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.6) 75%, rgba(255, 255, 255, 0) 100%);
}

#interview #scn09 .text_01 {
	width: 35%;
    position: absolute;
    top: 16%;
    left: 61%;
}

#interview #scn10 .text_01 {
	width: 30.5%;
    position: absolute;
    top: 20%;
    left: 17%;
}
#interview #scn10 .img_01 {
	width: 33.6%;
    position: absolute;
    top: 43%;
    left: 11%;
}
#interview #scn10 .img_01 img {
	object-fit: unset;
}
#interview #scn10 .img_02 {
	width: 54.6%;
    position: absolute;
    top: 13%;
    left: 46%;
    height: 80%;
}
#interview #scn10 .img_02 img {
	object-fit: center bottom;
}

#interview #scn11 .img_01 {
	width: 30.6%;
    position: absolute;
    top: 0;
    left: 46%;
}
#interview #scn11 .img_01 img {
	object-position: center bottom;
}
#interview #scn11 .text_01 {
	width: 34.5%;
    position: absolute;
    top: 37%;
    left: 16%;
}

#interview #scn12 .text_01 {
	width: 35%;
    position: absolute;
    top: 46%;
    left: 60%;
	filter: drop-shadow(0px 0px 6px rgba(255, 255, 255, 0.5));
}

#interview #scn13 .text_01 {
	width: 35%;
    position: absolute;
    top: 38%;
    left: 57%;
	filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.5));
}
#interview #scn13 .text_01 p {
	color: #fff;
}

#interview #scn14 {
	background: url("/book/focal/kushirotown/images/interview/bg08.jpg") no-repeat center center / cover;
}
#interview .profile .profile_data {
	background: #ffffff;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 2% 2%;
	width: 55%;
	box-sizing: border-box;
	margin: 0 auto;
}
#interview .profile .profile_data .img {
	width: 26%;
}
#interview .profile .profile_data .data {
	width: 68%;
}
#interview .profile .profile_data .name {
	font-family: "Noto Serif TC", serif;
	font-weight: 700;
	color: #093a56;
	font-size: 26px;
	margin-bottom: 15px;
	display: flex;
	align-items: flex-end;
    column-gap: 0.5em;
}
#interview .profile .profile_data .name small {
	display: block;
	padding-bottom: 5px;
}
#interview .profile .profile_data .tag {
	width: 50px;
	margin-bottom: 5px;
}
#interview .profile .profile_text p {
	padding-top: 10px;
    border-top: 1px solid #093a56;
    font-size: 14px;
    line-height: 1.75;
    font-weight: 400;
}
#interview .profile .costume_credit {
	width: 50%;
	margin: 2%auto 0;
}
#interview .profile .costume_credit .title {
	flex-basis: 90px;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 10px;
}
#interview .profile .costume_credit .costume {
	font-size: 14px;
	font-weight: 400;
    line-height: 1.75;
}
#interview .staff-credit .main_area  p {
	margin-bottom: 0;
}


@media screen and (max-width: 1680px) {
	#interview #scn11 .text_01 { top: 32%; left: 14%; }
	#interview #scn11 .img_01 { left: 48%; }
	#interview #scn10 .text_01 { top: 18%; left: 15%; }
}
@media screen and (max-width: 1440px) {
	#interview #scn04 .img_01 { width: 46%; }
	#interview #scn05 .img_01 { width: 36%; }
	#interview #scn05 .text_01 { left: 61%; }
	#interview #scn06 .img_01 { width: 41%; }
	#interview #scn07 .img_01 { width: 20.5%; }
	#interview #scn07 .img_02 { width: 38%; }
	#interview #scn10 .text_01 { left: 14%; }
	#interview #scn11 .text_01 { top: 32%; left: 15%; }
	#interview #scn11 .img_01 { width: 31.5%; left: 50%; }
	#interview #scn12 .text_01 { top: 42%; }
	
	#interview #scn07 .line_area {
		top: 39%;
	}
	#interview #scn07 .line_area p span {
		font-size: 16px;
	}
	#interview .profile .profile_text p {
		font-size: 14px;
	}
	#interview .profile .costume_credit {
		width: 50%;
		margin-top: 10px;
	}
	#interview .profile .costume_credit .costume {
		font-size: 12px;
		line-height: 1.5;
	}
}
@media screen and (max-width: 1260px) {
	#interview #scn01 .main_title {
		top: 10%;
	}
	#interview #scn04 .text_01 {
		top: 20%;
    	left: 9%;
	}
	#interview #scn05 .img_01 {
		top: 11%;
	}
	#interview #scn05 .text_01 {
		top: 35%;
	}
	#interview #scn07 .line_area p span {
        font-size: 14px;
    }
	#interview #scn10 .img_01 {
		top: 50%;
	}
	#interview #scn11 .text_01 {
		top: 28%;
    	left: 13.5%;
	}
	#interview #scn11 .img_01 {
		height: 86%;
	}
	#interview #scn12 .text_01 {
		top: 41%;
    	left: 56%;
	}
	#interview #scn13 .text_01 {
        top: 31%;
    }

	#interview .profile .profile_data {
		padding: 1.5% 2%;
    	width: 65%;
	}
	#interview .profile .profile_data .name {
		font-size: 20px;
	}
	#interview .profile .profile_data .name small {
		font-size: 14px;
	}
	#interview .profile .profile_text p {
        font-size: 12px;
    }
	#interview .profile .costume_credit {
		width: 60%;
	}
	#interview .profile .costume_credit .title {
		font-size: 12px;
	}
	#interview .profile .costume_credit .costume {
		font-size: 10px;
	}

	#interview .staff-credit p.bold {
		font-size: 12px !important;
	}
	#interview .staff-credit .mt15 {
		margin-top: 5px;
	}
	#interview .staff-credit p {
		font-size: 10px;
	}
}