@charset "UTF-8";
/*****************/
/* 紹介動画 */
/*****************/
.mov_wrap{
	padding: 71px 0 50px;
}
.movie_list li {
	max-width: 446px;
	margin-right: 10px;
}
.movie_list li:last-child {
	margin-right: 0;
}
.movie_list {
	display: flex;
}
.movie_name {
	margin-top: 10px;
	line-height: 1.5;
	font-size: 14px;
}
.movie_img::before {
	width: 40px;
	height: 40px;
}
@media screen and (min-width: 641px) {
	.movie_img::before {
		width: 93px;
		height: 93px;
	}
	.movie_name {
		margin-top: 30px;
	}
	.movie_list li {
		margin-right: 50px;
	}
}
@media screen and (min-width: 1025px) {
	.movie_name {
		font-size: 18px;
	}
}

/* 特に可変するもの */
.mov_linkfig::before{
	content: '';
	width: 34px;
	height: 34px;
	background: url("../images/voices/mov_btn.svg") no-repeat center;
	background-size: cover;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.mov_linkfig::after{
	content: '';
	border-style: solid;
	border-width: 8px 0 8px 14px;
	border-color: transparent transparent transparent #FFF;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	margin-left: 2px;
	-webkit-transition: 0.3s all;
	transition: 0.3s all;
}


.mov_item{
	width: 48%;
	margin-right: calc( 100% - ( 48% * 2 ) );
}
.mov_item:nth-of-type(2n){
	margin-right: 0;
}

@media only screen and (min-width: 641px) {
	.mov_wrap{
		padding: 130px 0 100px;
	}
	.mov_box{
		display: flex;
		flex-wrap: wrap;
	}
	a.mov_link{
		display: block;
	}
	.mov_linkfig{
		width: 100%;
		padding-top: 64.3776%;
		position: relative;
		background: #CCC;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}
	.mov_linkfig::before{
		width: 93px;
		height: 93px;
	}
	.mov_linkfig::after{
		content: '';
		border-style: solid;
		border-width: 21.5px 0 21.5px 37px;
		border-color: transparent transparent transparent #FFF;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		margin-left: 5px;
		-webkit-transition: 0.3s all;
		transition: 0.3s all;
	}
	a.mov_link:hover .mov_linkfig::after{
		border-width: 24.5px 0 24.5px 40px;
	}
	.mov_linkcap{
		margin: 36px 0 0;
	}

}
@media only screen and (min-width: 1025px) {
	.mov_item{
		width: 30.9722%;
		margin-right: calc( ( 100% - ( 30.9722% * 3 ) ) * 0.5 );
	}
	.mov_item:nth-of-type(2n){
		margin-right: calc( ( 100% - ( 30.9722% * 3 ) ) * 0.5 );
	}
	.mov_item:nth-of-type(3n){
		margin-right: 0;
	}
}

/*****************/
/* インタビュー */
/*****************/
.bgcl{
	background: #F6F7FC;
}

.intv_wrap{
	padding: 50px 0 50px;
}
.intv_box{
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 -30px;
}
a.intv_link{
	display: block;
	width: 100%;
}
.intv_fig{
	position: relative;
	line-height: 0;
}
.intv_date{
	position: absolute;
	line-height: 27px;
	background: rgba( 0, 0, 0, 0.5 );
	min-width: 10.5em;
	padding: 0 0 0 1.1em;
	color: #fff;
	font-weight: bold;
}
.intv_cap{
	width: 100%;
}
.intv_univ{
	line-height: 27px;
	font-weight: bold;
	background: #1C3177;
	color: #fff;
	padding: 0 0.5em 0;
}
.intv_info{
	padding: 10px 25px 10px 1em;
	position: relative;
	background: #fff;
}
.intv_nameen{
	line-height: 1.5;
	font-weight: bold;
}
.intv_namejp{
	line-height: 2;
	font-weight: bold;
}
.intv_icon{
	position: absolute;
	width: 5.6px;
	height: 9.9px;
	top: 50%;
	right: 15px;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
}

.intv_item{
	width: 48%;
	margin-bottom: 30px;
	margin-right: calc( ( 100% - ( 48% * 2 ) ) );
}
.intv_item:nth-of-type(2n){
	margin-right: 0;
}

/* font-size */
.intv_date{
	font-size: 10px;
}
.intv_univ{
	font-size: 10px;
}
.intv_nameen{
	font-size: 14px;
}
.intv_namejp{
	font-size: 10px;
}


@media only screen and (min-width: 641px) {
	.intv_wrap{
		padding: 100px 0 100px;
	}
	.intv_box{
		display: flex;
		flex-wrap: wrap;
		margin: 0 0 -50px;
	}
	a.intv_link{
		display: block;
		width: 100%;
	}
	.intv_fig{
		position: relative;
	}
	.intv_date{
		position: absolute;
		line-height: 39px;
		background: rgba( 0, 0, 0, 0.5 );
		min-width: 150px;
		padding: 0 0 0 1.1em;
		color: #fff;
		font-weight: bold;
	}
	.intv_cap{
		width: 100%;
	}
	.intv_univ{
		line-height: 39px;
		font-weight: bold;
		background: #1C3177;
		color: #fff;
		padding: 0 0.5em 0;
	}
	.intv_info{
		padding: 10px 25px 20px 1em;
		position: relative;
		background: #fff;
	}
	.intv_nameen{
		line-height: 26px;
		font-weight: bold;
	}
	.intv_namejp{
		line-height: 20px;
		font-weight: bold;
	}
	.intv_icon{
		position: absolute;
		width: auto;
		height: auto;
		top: 50%;
		right: 15px;
		transform: translateY(-50%) translateX(-50%);
		-webkit- transform: translateY(-50%) translateX(-50%);
	}

}
@media screen and (min-width: 1025px) {
	.intv_fig {
		overflow: hidden;
	}
	a.intv_link:hover .intv_figimg{
		transform: scale(1.15, 1.15);
	}
	a.intv_link .intv_figimg,
	a.intv_link .intv_nameen,
	a.intv_link .intv_namejp {
		transition: all 0.4s ease-in-out;
	}
	.intv_date{
		z-index: 1;
	}
	a.intv_link:hover .intv_nameen,
	a.intv_link:hover .intv_namejp {
		color: #7F96C2;
	}
}

@media only screen and (min-width: 751px) {
	.intv_item{
		width: 30%;
		margin-bottom: 50px;
		margin-right: calc( ( 100% - ( 30% * 3 ) ) * 0.5 - 1px );
	}
	.intv_item:nth-of-type(2n){
		margin-right: calc( ( 100% - ( 30% * 3 ) ) * 0.5 - 1px );
	}
	.intv_item:nth-of-type(3n){
		margin-right: 0;
	}
}

@media only screen and (min-width: 1025px) {
	.intv_date{
		font-size: 14px;
	}
	.intv_univ{
		font-size: 14px;
	}
	.intv_nameen{
		font-size: 18px;
	}
	.intv_namejp{
		font-size: 14px;
	}
}

@media only screen and (min-width: 1200px) {
	.intv_item{
		width: 22.3611%;
		margin-bottom: 50px;
		margin-right: calc( ( 100% - ( 22.3611% * 4 ) ) * 0.33 - 1px );
	}
	.intv_item:nth-of-type(2n){
		margin-right: calc( ( 100% - ( 22.3611% * 4 ) ) * 0.33 - 1px );
	}
	.intv_item:nth-of-type(3n){
		margin-right: calc( ( 100% - ( 22.3611% * 4 ) ) * 0.33 - 1px );
	}
	.intv_item:nth-of-type(4n){
		margin-right: 0;
	}

}