@charset "UTF-8";
:root{
	--body : #222;
	--link : #222;
}
@media screen and (max-width: 768px){
	#main{
		padding-bottom : calc( 191 * 100vw / 375 );
	}
}
@media screen and (min-width: 769px) and (max-width:1299px){
	#main{
		padding-bottom : calc( 392 * 100vw / 1300 );
	}
}
@media print,screen and (min-width: 1300px){
	#main{
		padding-bottom : 392px;
	}
}
@media screen and (max-width: 768px){
	#toHome{
		margin-top : calc( 50 * 100vw / 375 );
	}
}
@media screen and (min-width: 769px) and (max-width:1299px){
	#toHome{
		padding-bottom : calc( 140 * 100vw / 1300 );
	}
}
@media print,screen and (min-width: 1300px){
	#toHome{
		margin-top : 140px;
	}
}
#interview picture img{
	width : 100%;
	height : auto;
}
#interview .box{
	position : relative;
}
#interview .box p {
	padding-top: 32px;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.7;
	word-break: break-all;
}
#interview h2 span{
	display : block;
}
#interview h2 span:nth-of-type(1){
	font-size : 0;
}
#interview h2 span:nth-of-type(2){
	letter-spacing : .1em;
	font-weight : 600;
}
#interview .head h3 span{
	display : block;
}
#interview .head h3 span:nth-of-type(1){
	color : #666;
	letter-spacing : .1em;
	font-weight : 300;
}
#interview .head h3 span:nth-of-type(2){
	letter-spacing : .1em;
	font-weight : 600;
}
#interview .head h3 span:nth-of-type(3){
	font-size : 0;
}
#interview .head h3 span:nth-of-type(3):before{
	letter-spacing : .2em;
	color : #666;
	font-family : "Roboto", sans-serif;
	font-weight : 500;
	text-transform: uppercase;
}
#interview li h3{
	letter-spacing : .1em;
	font-weight : 600;
}
#interview .texts p.lede02 strong {
	font-weight: bold;
}
@media screen and (max-width: 768px){
	#interview .wrap{
		padding-bottom : calc( 64 * 100vw / 375 );
		padding-left : 0;
		padding-right : 0;
	}
	#interview .head{
		padding-top : calc( 20 * 100vw / 375 );
	}
	#interview .box{
		padding-left : calc( 20 * 100% / 375);
		padding-right : calc( 20 * 100% / 375);
	}
	#interview .box p{
		padding-top : calc( 15 * 100% / 375);
		font-size: 12px;
		line-height: 1.16;
		font-weight: normal;
		word-break: break-all;
	}
	#interview h2 span:nth-of-type(1){
		text-align : center;
		margin-top : calc( -50 * 100vw / 375 );
	}
	#interview h2 span:nth-of-type(1) img{
		height : calc( 60 * 100vw / 375 );
	}
	#interview h2 span:nth-of-type(2){
		font-size : calc( 16 * 100vw / 375 );
		line-height : 1.5;
	}
	#interview .head h3{
		margin-top : calc( ( 23 - 5 ) * 100vw / 375 );
		display : flex;
		flex-wrap : wrap;
		align-items : baseline;
	}
	#interview .head h3 span:nth-of-type(1){
		font-size : calc( 12 * 100vw / 375 );
		font-weight: bold;
		width : 100%;
	}
	#interview .head h3 span:nth-of-type(2){
		font-size : calc( 18 * 100vw / 375 );
		margin-top : calc( 12 * 100vw / 375 );
		margin-bottom: calc( 12 * 100vw / 375 );
	}
	#interview .head h3 span:nth-of-type(3):before{
		margin-left : calc( 1 * 100vw / 375 );
		font-size : calc( 14 * 100vw / 375 );
	}
	#interview .head h3.adjust span:nth-of-type(1){
		font-size : calc( 12 * 100vw / 375 );
		white-space : nowrap;
	}
	#interview .head h3.adjust span:nth-of-type(2){
		font-size : calc( 15 * 100vw / 375 );
	}
	#interview .head h3.adjust span:nth-of-type(3):before{
		margin-left : calc( 4 * 100vw / 375 );
		font-size : calc( 11 * 100vw / 375 );
	}
	#interview .head .lede02{
		margin-top : calc( ( 20 - 4 ) * 100vw / 375 );
	}
	#interview ul{
		margin-top : calc( ( 32 - 4 ) * 100vw / 375 );
	}
	#interview li + li{
		margin-top : calc( 32 * 100vw / 375 );
	}
	#interview li h3 , #interview li .texts{
		background-color : #fff;
		position : relative;
		z-index : 1;
	}
	#interview li h3{
		font-size : calc( 15 * 100vw / 375 );
		line-height : 1.33;
		padding-bottom : calc( ( 20 - 2.4 ) * 100vw / 375 );
		width : calc( 345 * 100% / 375 );
		margin-left : auto;
		margin-right : auto;
		padding-left : calc( 10 * 100% / 345 );
		padding-right : calc( 10 * 100% / 345 );
	}
	#interview li picture{
		margin-top : calc( -20 * 100vw / 375 );
	}
	#interview .texts{
		padding-left : calc( 20 * 100% / 375 );
		padding-right : calc( 20 * 100% / 375 );
		padding-top : calc( ( 21 - 4 ) * 100vw / 375 );
		padding-bottom : calc( ( 27 - 4 ) * 100vw / 375 );
	}
}
@media print,screen and (min-width: 769px){
	#interview .head{
		background-color : #fff;
		position : relative;
	}
	#interview .head picture{
		margin-left : auto;
		margin-right : auto;
	}
	#interview .box{
		margin-left : auto;
		background-color : #fff;
	}
	#interview .head h3 span:nth-of-type(3){
		font-size : 0;
	}
	#interview h2 span:nth-of-type(1){
		position : absolute;
	}
	#interview li h3{
		background-color : #fff;
	}
	#interview .texts{
		background-color : #fff;
	}
	#interview .lede02 + .lede02{
		margin-top : 1.87em;
	}
	#interview li{
		position : relative;
	}
	#interview li picture{
		position : absolute;
		top : 0;
		z-index : -1;
	}
}
@media screen and (min-width: 769px) and (max-width:1299px){
	#interview .wrap{
		padding-bottom : calc( 95 * 100vw / 1300 );
		padding-left : 0;
		padding-right : 0;
	}
	#interview .head{
		padding-top : calc( 40 * 100vw / 1300 );
	}
	#interview .head picture{
		width : calc( 1200 * 100% / 1280 );
	}
	#interview .box{
		margin-top : calc( -80 * 100vw / 1300 );
		width : calc( 780 * 100% / 1280 );
		padding-left : calc( 50 * 100% / 1280 );
		padding-right : calc( 30 * 100% / 1280 );
		padding-top : calc( ( 57 - 10 ) * 100vw / 1300 );
		padding-bottom : calc( ( 68 - 6.5 ) * 100vw / 1300 );
	}
	#interview h2 span:nth-of-type(1){
		top : calc( -20 * 100vw / 1300 );
		left : calc( -493 * 100% / 780 );
	}
	#interview h2 span:nth-of-type(1) img{
		height : calc( 122 * 100vw / 1300 );
		width: 371px;
	}
	#interview h2 span:nth-of-type(2){
		font-size : calc( 40 * 100vw / 1300 );
		line-height : 1.5;
	}
	#interview .head h3{
		margin-top : calc( ( 33 - 10 ) * 100vw / 1300 );
	}
	#interview .head h3 span:nth-of-type(1){
		font-size : calc( 14 * 100vw / 1300 );
	}
	#interview .head h3 span:nth-of-type(2){
		font-size : calc( 24 * 100vw / 1300 );
		margin-top : calc( 12 * 100vw / 1300 );
	}
	#interview .head h3 span:nth-of-type(3){
		margin-top : calc( 10 * 100vw / 1300 );
	}
	#interview .head h3 span:nth-of-type(3):before{
		font-size : calc( 14 * 100vw / 1300 );
		margin-top : calc( 10 * 100vw / 1300 );
	}
	#interview .head h3 span:nth-of-type(3) img{
		height : calc( 10 * 100vw / 1300 );
	}
	#interview .head .lede02{
		margin-top : calc( ( 38 - 6.5 ) * 100vw / 1300 );
	}
	#interview ul{
		margin-top : calc( 43 * 100vw / 1300 );
	}
	#interview li{
		min-height : calc( 600 * 100vw / 1300 );
		display : flex;
		flex-direction : column;
	}
	#interview li:first-child{
		padding-top : calc( 30 * 100vw / 1300 );
	}
	#interview li + li{
		margin-top : calc( 60 * 100vw / 1300 );
		padding-top : calc( 20 * 100vw / 1300 );
	}
	#interview li h3{
		font-size : calc( 30 * 100vw / 1300 );
		line-height : 1.33;
		padding-top : calc( ( 24 - 5 ) * 100vw / 1300 );
		padding-bottom : calc( ( 8 - 5 ) * 100vw / 1300 );
		width : calc( 580 * 100% / 1280 );
		flex-shrink : 0;
	}
	#interview li picture{
		width : calc( 600 * 100% / 1280 );
	}
	#interview .texts{
		margin-top : calc( 20 * 100vw / 1300 );
		padding-top : calc( ( 20 - 6.5 ) * 100vw / 1300 );
		width : calc( 580 * 100% / 1280 );
		flex-grow : 1;
	}
	#interview li:nth-child(odd) h3{
		padding-right : calc( 20 * 100% / 1280 );
		margin-left : calc( 140 * 100% / 1280 );
	}
	#interview li:nth-child(odd) picture{
		right : 0;
	}
	#interview li:nth-child(odd) .texts{
		padding-right : calc( 20 * 100% / 1280 );
		margin-left : calc( 140 * 100% / 1280 );
	}
	#interview li:nth-child(even) h3{
		padding-left : calc( 20 * 100% / 1280 );
		margin-left : calc( 560 * 100% / 1280 );
	}
	#interview li:nth-child(even) picture{
		left : 0;
	}
	#interview li:nth-child(even) .texts{
		padding-left : calc( 20 * 100% / 1280 );
		margin-left : calc( 560 * 100% / 1280 );
	}
}
@media print,screen and (min-width: 1300px){
	#interview .wrap{
		padding-bottom : 95px;
	}
	#interview .head{
		padding-top : 40px;
	}
	#interview .head picture{
		width : 1200px;
	}
	#interview .box{
		margin-top : -80px;
		width : 640px;
		padding-left : 50px;
		padding-right : 30px;
		padding-top : calc( 57px - 10px );
		padding-bottom : calc( 68px - 6.5px );
	}
	#interview h2 span:nth-of-type(1){
		top : -20px;
		left : -493px;
	}
	#interview h2 span:nth-of-type(1) img{
		height : 122px;
		width: 371px;
	}
	#interview h2 span:nth-of-type(2){
		font-size : 40px;
		line-height : 1.5;
	}
	#interview .head h3{
		margin-top : calc( 33px - 10px );
	}
	#interview .head h3 span:nth-of-type(1){
		font-size : 14px;
	}
	#interview .head h3 span:nth-of-type(2){
		font-size : 24px;
		margin-top : 12px;
	}
	#interview .head h3 span:nth-of-type(3){
		margin-top : 10px;
	}
	#interview .head h3 span:nth-of-type(3):before{
		font-size : 14px;
		margin-top : 10px;
	}
	#interview .head h3 span:nth-of-type(3) img{
		height : 10px;
	}
	#interview .head .lede02{
		margin-top : calc( 38px - 6.5px );
	}
	#interview ul{
		margin-top : 43px;
	}
	#interview li{
		min-height : 600px;
		display : flex;
		flex-direction : column;
	}
	#interview li:first-child{
		padding-top : 30px;
	}
	#interview li + li{
		margin-top : 60px;
		padding-top : 20px;
	}
	#interview li h3{
		font-size : 30px;
		line-height : 1.33;
		padding-top : calc( 24px - 5px );
		padding-bottom : calc( 8px - 5px );
		width : 580px;
		flex-shrink : 0;
	}
	#interview li picture{
		width : 600px;
	}
	#interview .texts{
		margin-top : 20px;
		padding-top : calc( 20px - 6.5px );
		width : 580px;
		flex-grow : 1;
	}
	#interview li:nth-child(odd) h3{
		padding-right : 20px;
		margin-left : 140px;
	}
	#interview li:nth-child(odd) picture{
		right : 0;
	}
	#interview li:nth-child(odd) .texts{
		padding-right : 20px;
		margin-left : 140px;
	}
	#interview li:nth-child(even) h3{
		padding-left : 20px;
		margin-left : 560px;
	}
	#interview li:nth-child(even) picture{
		left : 0;
	}
	#interview li:nth-child(even) .texts{
		padding-left : 20px;
		margin-left : 560px;
	}
}
/*# sourceMappingURL=../maps/interview.css.map */