@charset "utf-8";

main{ color: #333300;}
main p{ line-height: 2.25;}
.interview1_1{
	text-align: center;
	margin-bottom: 290px;
}
.interview1_1.mb70{ margin-bottom: 70px;}
.interview1_2{
	text-align: right;
	position: relative;
	padding: 250px 0 100px;
}
.interview1_2 .wrap div{
	display: inline-block;
	text-align: left;
	width: 41%;
}
.interview1_2 figure{ position: absolute;}
.interview1_2 .abs1{
	top: -9.722vw;
	right: 15.833vw;
	width: 17.22vw;
}
.interview1_2 .abs2{
	top: -7.5vw;
	left: 0;
	width: 49.833vw;
}
.interview1_2 .abs3{
	top: 15.277vw;
	left: 27vw;
	width: 25vw;
	z-index: 9;
}
.interview1_3{ padding: 110px 0 300px;}
.interview1_3.pb390{ padding-bottom: 390px;}
.interview1_3 ul{
	display: flex;
	justify-content: flex-end;
}
.interview1_3 ul li{
	text-align: right;
	margin-right: 4.611vw;
	width: 32.22vw;
}
.interview1_4 .wrap{
	text-align: right;
	position: relative;
	padding-top: 110px;
	padding-bottom: 90px;
}
.interview1_4.interview2_4 .wrap{ padding-bottom: 220px;}
.interview1_4 figure{ position: absolute;}
.interview1_4 .abs1{
	top: -6.38vw;
	left: -8.333vw;
	width: 68%;
}
.interview1_4 .abs2{
	right: 20px;
	bottom: -3.38vw;
	width: 42.5%;
}
.interview1_4.interview2_4 .abs2{ bottom: -5vw;}
.interview1_4 .wrap .box1{
	display: inline-block;
	text-align: left;
	width: 37%;
	margin-bottom: 40px;
}
.interview1_4 .wrap .box2{
	text-align: left;
	width: 54%;
}
.interview1_5{ padding: 200px 0 80px;}
.interview1_5 ul{
	display: flex;
	justify-content: flex-end;
}
.interview1_5 ul li{
	text-align: right;
	margin: 0 4.611vw 100px 0;
	width: 32.22vw;
}
.interview1_6{ padding: 150px 0 160px;}
.interview1_6 ul{
	display: flex;
	justify-content: space-between;
}
.interview1_6 ul li{
	width: 28%;
	margin-bottom: 40px;
}
.interview1_6 ul li picture{
	display: block;
	text-align: center;
	margin-bottom: 30px;
}
.interview1_6 ul li h3{ margin-bottom: 10px;}
.interview1_6 ul li h3 span{
	display: inline-block;
	position: relative;
	background: url("../img/ic_pin_pc.png") left center no-repeat;
	min-height: 31px;
	padding-left: 30px;
}
.interview1_6 ul li h3 span:after{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 120%;
	display: block;
	background: #b0b2a7;
	width: calc(600% - 130px);
	height: 1px;
	margin: auto 0;
}
.interview1_6 ul li:last-child h3 span:after{ content: none;}
.interview1_6 ul li p{
	font-size: 1.5rem;
	line-height: 2;
}
.interview1_6 .youtube{ padding-top: 36.11%;}
.interview1_7{ padding: 120px 0 100px;}
.interview1_7 .wrap{ text-align: center;}
.interview1_7 .imgleft{
	position: relative;
	min-height: 24vw;
	margin-bottom: 65px;
}
.interview1_7 .imgleft picture{
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
}
.interview1_7 .imgleft .wrap{
	display: flex;
	justify-content: flex-end;
}
.interview1_7 .imgleft .wrap div{
	width: 46.5%;
}
.interview1_7 .imgleft .wrap div p{
	font-size: 1.5rem;
	margin-bottom: 1em;
	text-align: left;
}
.interview1_8{
	color: #424b41;
	padding: 80px 0 105px;
}
.interview1_8 a{
	color: #fff;
	display: flex;
	min-height: 355px;
}
.interview1_8 a.bg_interview2{ 
  overflow: hidden;
  border-radius: 2em;
  background: url("../img/interview15_pc.jpg") 100% / cover no-repeat;	transition: all .5s;
background-position: center;

transition: all .5s;
background-size: 100% auto;
}
.interview1_8.interview1_8_2 a.bg_interview2{
  overflow: hidden;
  border-radius: 2em;
background: url("../img/interview2_17_pc.jpg") center / cover no-repeat;
transition: all .5s;
background-size: 100% auto;
}

.interview1_8 a.bg_interview2:hover {
	background-size: 110% auto;
}

.interview1_8 a div{
	font-size: 2rem;
	line-height: 2;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: 45px 50px;
	background: rgba(#46bf0d,.65);
  background: #46bf0d;
	width: 33.33%;
	width: calc(100%/3);

}
.interview1_8 a div p.btn1{
	font-size: 1.6rem;
	background: url("../img/ic_btn1_white.svg") bottom right no-repeat;
	display: inline-block;
	width: 145px;
	padding-top: 20px;
	white-space: nowrap;
}

.interview2_5{ padding: 210px 0 285px;}
.interview2_6{
	padding: 260px 0 170px;
	position: relative;
}
.interview2_6 .wrap{
	display: flex;
	justify-content: flex-end;
}
.interview2_6 figure{ position: absolute;}
.interview2_6 figure.abs1{
	top: -4.166vw;
	right: 22.777vw;
	width: 15%;
}
.interview2_6 figure.abs2{
	top: -7.5vw;
	left: 0;
	width: 52.66%;
	z-index: 10;
}
.interview2_6 .wrap div{ width: 41%;}
.interview2_7{
	padding: 110px 0 35vw;
	position: relative;
}
.interview2_7 ul{
	display: flex;
	justify-content: flex-end;
	margin-bottom: 150px;
}
.interview2_7 ul li{
	text-align: right;
	margin-right: 4.611vw;
	width: 32.22vw;
}
.interview2_7 .abs1,.interview2_7 .abs2{ position: absolute;}
.interview2_7 .abs1{
	bottom: 13.888vw;
	right: 0;
	width: 50vw;
}
.interview2_7 .abs2{
	bottom: 7.5vw;
	right: 54vw;
	width: 24.444vw;
}

@media screen and (max-width: 1580px) {
	.interview1_6 ul li h3 span:after{ width: calc(35vw - 130px);}
}
@media screen and (max-width: 767px) {
	main p{ line-height: 2;}
	.interview1_1{
		text-align: left;
		margin-bottom: 26.666vw;
	}
	.interview1_1.mb70{ margin-bottom: 10.666vw;}
	.interview1_2{
		text-align: left;
		padding: 24vw 0 13.33vw;
	}
	.interview1_2 .wrap div{ width: 100%;}
	.interview1_2 .abs1{
		top: -14.666vw;
		right: 0;
		width: 38.133vw;
	}
	.interview1_2 .abs2{
		position: static;
		width: 77.333vw;
		margin-bottom: 37.333vw;
	}
	.interview1_2 .abs3{
		top: 57.333vw;
		right: 8vw;
		left: inherit;
		width: 46vw;
	}
	.interview1_3.pb390{ padding-bottom: 17.333vw;}
	.interview1_3{ padding: 10.666vw 0 14.666vw;}
	.interview1_3 ul{
		display: block;
		clear: both;
		overflow: hidden;
	}
	.interview1_3 ul li{
		text-align: left;
		width: 76vw;
		float: left;
		margin: 0 0 6.666vw;
	}
	.interview1_3 ul li:last-child{
		width: 53.733vw;
		float: right;
		margin-bottom: 0;
	}
	.interview1_3.interview2_3 ul li:first-child{ margin-bottom: 10.666vw;}
	.interview1_3.interview2_3 ul li:last-child{
		width: 76vw;
		padding-right: 5.333vw;
	}
	.interview1_3 ul li picture{ display: block;}
	.interview1_4 .wrap{
		text-align: left;
		padding-top: 13.333vw;
		padding-bottom: 8vw;
	}
	.interview1_4.interview2_4 .wrap{ padding-bottom: 9.333vw;}
	.interview1_4 figure{ position: relative;}
	.interview1_4 .abs1{
		top: 0;
		left: inherit;
		right: 0;
		width: 105%;
		margin-bottom: 5.333vw;
	}
	.interview1_4 .abs2{ display: none;}
	.interview1_4 .wrap .box1{
		display: block;
		width: 100%;
		margin-bottom: 8vw;
	}
	.interview1_4 .wrap .box2{ width: 100%;}
	.interview1_5{ padding: 13.333vw 0 8vw;}
	.interview1_5 ul{
		display: block;
		clear: both;
		overflow: hidden;
	}
	.interview1_5 ul li{
		text-align: left;
		float: left;
		margin: 0 5vw 12vw;
		width: 52vw;
	}
	.interview1_5 ul li:last-child{
		float: right;
		width: 72vw;
	}
	.interview1_6{ padding: 13.333vw 0 0;}
	.interview1_6 ul{
		display: block;
		overflow: hidden;
		margin-bottom: 4vw;
	}
	.interview1_6 ul li{
		width: 100%;
		margin-bottom: 6.666vw;
	}
	.interview1_6 ul li picture{
		display: block;
		text-align: center;
		margin-bottom: 4vw;
		position: relative;
		z-index: 10;
	}
	.interview1_6 ul li div{ position: relative;}
	.interview1_6 ul li h3{ margin-bottom: 1.333vw;}
	.interview1_6 ul li h3 span{
		background: url("../img/ic_pin_sp.png") 3vw center / 5.333vw auto no-repeat;
		min-height: 6.667vw;
		padding-left: 11vw;
		position: static;
		z-index: 1;
	}
	.interview1_6 ul li h3 span:after{
		top: 10vw;
		bottom: inherit;
		left: 5.5vw;
		width: 1px;
		height: 100%;
		margin: 0;
	}
	.interview1_6 ul li p{
		font-size: 3.466vw;
		line-height: 1.846;
		padding-left: 11.5vw;
	}
	.interview1_6 .youtube{ padding-top: 60%;}
	.interview1_7{ padding: 13.333vw 0 0;}
	.interview1_7 .wrap{ text-align: left;}
	.interview1_7 .imgleft{
		min-height:inherit;
		margin-bottom: 4vw;
	}
	.interview1_7 .imgleft picture{
		position: static;
		width: 100%;
		display: block;
		margin-bottom: 5.333vw;
	}
	.interview1_7 .imgleft .wrap{
		display: block;
	}
	.interview1_7 .imgleft .wrap div{
		width: 100%;
	}
	.interview1_7 .imgleft .wrap div p{
		font-size: 3.466vw;
		margin-bottom: 1.5em;
	}
	.interview1_8{ padding: 10.666vw 0 12vw;}
	.interview1_8 a{
		display: block;
		padding-top: 43.77%;
		min-height: inherit;
	}
	.interview1_8 a.bg_interview2{
    border-radius: 1em;
    background: url("../img/interview1_15_sp.jpg") center top / 100% auto no-repeat;}
	.interview1_8.interview1_8_2 a.bg_interview2{border-radius: 1em; background: url("../img/interview2_17_sp.jpg") center top / 100% auto no-repeat;}
	.interview1_8 a div{
		font-size: 3.466vw;
		line-height: 2;
		display: block;
		padding: 5.333vw;
		width: 100%;
		background: #4f5e53;
	}
	.interview1_8 a div p.btn1{
		font-size: 3.466vw;
		background: url("../img/ic_btn1_white.svg") bottom right no-repeat;
		width: 30vw;
		padding-top: 4vw;
	}

	.interview2_5{ padding: 12vw 0 23.333vw;}
	.interview2_6{ padding: 112vw 0 6.666vw;}
	.interview2_6 .wrap{ display: block;}
	.interview2_6 figure.abs1{
		top: -5.333vw;
		right: 0;
		width: 37.333vw;
	}
	.interview2_6 figure.abs2{
		top: 33.333vw;
		width: 93.333%;
	}
	.interview2_6 .wrap div{ width: 100%;}
	.interview2_7{ padding: 12vw 0 92vw;}
	.interview2_7 ul{
		display: block;
		clear: both;
		overflow: hidden;
		margin-bottom: 1.333vw;
	}
	.interview2_7 ul li{
		margin-right: 4vw;
		width: 74.666vw;
		margin-bottom: 10.666vw;
	}
	.interview2_7 ul li:last-child{
		float: right;
		width: 52vw;
	}
	.interview2_7 .abs1{
		bottom: 40vw;
		width: 84vw;
	}
	.interview2_7 .abs2{
		bottom: 13.333vw;
		right: inherit;
		left: 5.333vw;
		width: 41.333vw;
	}
}

.mv {
	margin-bottom: 40px;
	opacity: 0;
	padding-top: 5px;

}
@media screen and (max-width: 767px) {
	.mv {
		margin-bottom: 1em;
	}
}

.mv img{
	width: 100%;
	height: 550px;
	object-fit: cover;
	object-position: center;
}
@media screen and (max-width: 767px) {
	.mv img{
		height: auto;
	}
}

.interview .recommend_item ul li dl dd p {
	text-align: left;
}


.interview .recommend_item ul li dl dt {
	font-weight: bold;
	text-align: left;
  color: #46bf0d;
}
.interview .recommend_item ul li dl dd p a.btn1 {
	font-weight: bold;
}
@media screen and (max-width: 767px) {
.interview .recommend_item ul {
	display: block;
	margin-bottom: 13vw
}
.interview .recommend_item ul li {
	width: 100%;
	margin-bottom: 12vw;
}
.interview .recommend_item ul li:last-child {
	margin-bottom: 0;
}

.recommend_item ul li picture {
	width: 60vw;
	margin: 0 auto 3vw;
}
.recommend_item ul li dl dt {
	font-size: 4vw;
}
.recommend_item ul li dl dd {
	font-size: 3.4vw;
}
.recommend_item ul li dl dd p {
margin-bottom: 4vw;	
}

.recommend_item ul li dl dd p a.btn1 {
	font-size: 3.2vw;
}

.interview1_6 h2{
	text-align: left;
}
}
.recommend_item .subt1 {
	font-size: 1.8rem;
	text-align: left;
}
.open_animation01,.open_animation02 {
	opacity: 0;
	padding-top: 5px;
}
.interview .thumbnail_video {
width: 100%;
object-fit: cover;
object-position: 95%;
height: 630px;
vertical-align: bottom;
opacity: 0.7;
}
a.inline {
	display: block;
position: relative;
background-color: #000;

}
.interview a.inline::after {
	width: 118px;
	height: 118px;
	background: url("../img/movie_ico01.png") ;
	background-size: cover;
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);

}

@media screen and (max-width: 767px) {
	.interview a.inline::after {
	width: 11.6vw;
	height: 11.6vw;
	}
	.interview .thumbnail_video {
		height: 48vw;
	}
	.recommend_item .subt1 {
		font-size: 3.2vw;
	}
}
#colorbox:after {
content: none;
display: block;
position: absolute;
top: -72px;
right: 0;
background: url(../img/colorbox_close.svg) center no-repeat;
width: 52px;
height: 52px;
text-indent: -9999px;
}