/* = home
-------------------------------------------------------------- */

#interview{
	padding-top:85px;
}

.keyVisual{
	position:relative;
	z-index:0;
	width:100%;
	height:400px;
	background:url(/share/imgs/miryoku-interview-interview02-category-bg-all.jpg);
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
}
.keyVisual::after{
	content:"";
	position:absolute;
	z-index:0;
	bottom:0;
	left:0;
	width:100%;
	height:100%;
	background:url(/share/imgs/miryoku-interview-interview02-category-bg-g.png);
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
}
.titleSpecialguest img{
	position:absolute;
	top:72px;
	left:50%;
	display:block;
	z-index:100;
	-webkit-transform: translate(-50%) scale(1);
	transform: translate(-50%) scale(1);
	transform-origin:center;
}
.catchInterview img{
	position:absolute;
	top:140px;
	left:50%;
	display:block;
	z-index:100;
	-webkit-transform: translate(-50%) scale(1);
	transform: translate(-50%) scale(1);
	transform-origin:center;
}
.nameInterview img{
	position:absolute;
	top:220px;
	left:50%;
	display:block;
	z-index:100;
	-webkit-transform: translate(-50%) scale(1);
	transform: translate(-50%) scale(1);
	transform-origin:center;
}

.keyVisualWave{
	position:absolute;
	left:0;
	height:44px;
	top:-44px;
	width:100%;
	background-image:url(/share/imgs/pageWaveGray@2x.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	z-index:1000;
}
.keyVisualWave::after{
	content:"";
	position:absolute;
	left:0;
	bottom:-2px;
	width:100%;
	height:4px;
	background-color:#F7F5F5;
	z-index:1000;
}

.contentWrap{
	padding-bottom:120px;
}

.intro{
	margin-top:72px;
	font-size:16px;
	line-height:2em;
	letter-spacing:.01em;
	text-align:left;
	font-weight:bold;
}

.interviewWrap{
	margin-top:64px;
}
.photoWrap{
	width:380px;
}
.photoWrap img{
	width:100%;
}
.textWrap{
	width:620px;
}

.guest{
	background:#ffffff;
	width:100%;
	height:auto;
	margin-bottom:40px;
}
.guestPhoto{
	width:100%;
	height:auto;
}
.guestTextWrap{
	padding:20px;
}
.textWrapInner{
	margin-bottom:56px;
}
.guestName{
	font-size:18px;
	line-height:1em;
	letter-spacing:.01em;
	text-align:left;
	font-weight:bold;
}
.guestText{
	font-size:14px;
	line-height:25px;
	letter-spacing:.01em;
	text-align:left;
	font-weight:normal;
	margin-top:24px;
}
.interviewWrap.layoutA .photoWrap{
	float:right;
}
.interviewWrap.layoutB .photoWrap{
	float:left;
}
.interviewWrap.layoutA .textWrap{
	float:left;
}
.interviewWrap.layoutB .textWrap{
	float:right;
}
.textTitle{
	font-size:27px;
	line-height:31px;
	letter-spacing:.01em;
	text-align:left;
	font-weight:bold;
	margin-bottom:40px;
}
.question{
	font-size:16px;
	line-height:31px;
	letter-spacing:.01em;
	text-align:left;
	font-weight:bold;
	padding-left:1.5em;
	position:relative;
	margin-bottom:28px;
}
.question::before{
	position:absolute;
	top:0;
	left:0;
	content:"-";
}
.answer{
	font-size:16px;
	line-height:31px;
	letter-spacing:.01em;
	text-align:left;
	font-weight:normal;
	margin-bottom:28px;
}
.answer .red{
	color:#E95E1C;
	font-weight:bold;
}
.answer .blue{
	color:#058DBF;
	font-weight:bold;
}

.caption{
	font-size:14px;
	line-height:16px;
	letter-spacing:.01em;
	text-align:left;
	font-weight:normal;
}

.bannerWrap{
	margin-top:40px;
}

.bannerL{
	float:left;
	display:block;
	width:500px;
	height:100px;
	background-color:#ffffff;
	position:relative;
	overflow:hidden;
	text-align:center;
	vertical-align:middle;
	line-height:100px;
}
.bannerL img{
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}


.bannerR{
	float:right;
	display:block;
	width:500px;
	height:100px;
	background-color:#ffffff;
	position:relative;
	overflow:hidden;
	text-align:center;
	vertical-align:middle;
	line-height:100px;
}
.bannerR img{
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.bannerL::before{
	position:absolute;
	content:"";
	bottom:0;
	left:0;
	width:138px;
	height:100px;
	background-image:url(/share/imgs/miryoku-interview-pagenav-interview02-ip01.png);
	background-repeat:no-repeat;
	background-size:138px;
}
.bannerL::after{
	position:absolute;
	content:"";
	bottom:0;
	right:0;
	width:89px;
	height:100px;
	background-image:url(/share/imgs/miryoku-interview-pagenav-interview02-ip02.png);
	background-repeat:no-repeat;
	background-size:89px;
}

.bannerR::before{
	position:absolute;
	content:"";
	bottom:0;
	left:0;
	width:98px;
	height:93px;
	background-image:url(/share/imgs/miryoku-interview-pagenav-interview01-ip01.png);
	background-repeat:no-repeat;
	background-size:98px;
}
.bannerR::after{
	position:absolute;
	content:"";
	bottom:0;
	right:0;
	width:113px;
	height:100px;
	background-image:url(/share/imgs/miryoku-interview-pagenav-interview01-ip02.png);
	background-repeat:no-repeat;
	background-size:113px;
}

	
/* = Media (Responsive Setting)
-------------------------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 1079px) {

#interview{
	padding-top:58px;
}
.keyVisual{
	height:280px;
}
.titleSpecialguest img{
	top:50.4px;
	-webkit-transform: translate(-50%) scale(.7);
	transform: translate(-50%) scale(.7);
}
.catchInterview img{
	top:98px;
	-webkit-transform: translate(-50%) scale(.7);
	transform: translate(-50%) scale(.7);
}
.nameInterview img{
	top:154px;
	-webkit-transform: translate(-50%) scale(.7);
	transform: translate(-50%) scale(.7);
}
.keyVisualWave{
	height:30.8px;
	top:-30.8px;
}
.contentWrap{
	padding-bottom:84px;
}
.intro{
	margin-top:50.4px;
	font-size:13px;
}
.interviewWrap{
	margin-top:44.8px;
}
.photoWrap{
	width:266px;
}
.textWrap{
	width:434px;
}
.guest{
	margin-bottom:28px;
}
.guestTextWrap{
	padding:14px;
}
.textWrapInner{
	margin-bottom:39.2px;
}
.guestName{
	font-size:15px;
}
.guestText{
	font-size:12px;
	line-height:17.5px;
	margin-top:16.8px;
}
.textTitle{
	font-size:18.9px;
	line-height:21.7px;
	margin-bottom:28px;
}
.question{
	font-size:13px;
	line-height:21.7px;
	margin-bottom:19.6px;
}
.answer{
	font-size:13px;
	line-height:21.7px;
	margin-bottom:19.6px;
}
.caption{
	font-size:12px;
	line-height:12px;
}
.bannerWrap{
	margin-top:28px;
}
.bannerL{
	width:350px;
	height:70px;
	line-height:70px;
}
.bannerL img{
	-webkit-transform: translate(-50%, -50%) scale(.7);
	transform: translate(-50%, -50%) scale(.7);
	transform-origin:center center;
}
.bannerR{
	width:350px;
	height:70px;
	line-height:70px;
}
.bannerR img{
	-webkit-transform: translate(-50%, -50%) scale(.7);
	transform: translate(-50%, -50%) scale(.7);
	transform-origin:center center;
}
.bannerL::before{
	width:96.6px;
	height:70px;
	background-size:96.6px;
}
.bannerL::after{
	width:62.3px;
	height:70px;
	background-size:62.3px;
}

.bannerR::before{
	width:68.6px;
	height:65.1px;
	background-size:68.6px;
}
.bannerR::after{
	width:79.1px;
	height:70px;
	background-size:79.1px;
}



} /*Query End*/
@media only screen and (max-width: 767px) {

#interview{
	padding-top:47px;
}

.keyVisual{
	height:140px;
	width:100%;
}
.titleSpecialguest img{
	top:12px;
	-webkit-transform: translate(-50%) scale(.35);
	transform: translate(-50%) scale(.35);
}
.catchInterview img{
	top:36px;
	-webkit-transform: translate(-50%) scale(.35);
	transform: translate(-50%) scale(.35);
}
.nameInterview img{
	top:32px;
	-webkit-transform: translate(-50%) scale(.35);
	transform: translate(-50%) scale(.35);
}
.keyVisualWave{
	height:15.4px;
	top:-15.4px;
}
.contentWrap{
	padding-bottom:42px;
}
.intro{
	margin-top:50.4px;
	font-size:13px;
}
.interviewWrap{
	margin-top:44.8px;
}
.photoWrap{
	width:320px;
}
.photoWrap > img{
	margin-bottom:24px;
}
.textWrap{
	width:320px;
}
.guest{
	margin-bottom:28px;
}
.guestTextWrap{
	padding:14px;
}
.textWrapInner{
	margin-bottom:39.2px;
}
.guestName{
	font-size:15px;
}
.guestText{
	font-size:12px;
	line-height:17.5px;
	margin-top:16.8px;
}
.textTitle{
	font-size:18.9px;
	line-height:21.7px;
	margin-bottom:28px;
}
.question{
	font-size:13px;
	line-height:21.7px;
	margin-bottom:19.6px;
}
.answer{
	font-size:13px;
	line-height:21.7px;
	margin-bottom:19.6px;
}
.caption{
	font-size:12px;
	line-height:12px;
}
.bannerWrap{
	margin-top:28px;
}
.bannerL{
	width:320px;
	height:70px;
	line-height:70px;
	margin-bottom:24px;
}
.bannerL img{
	-webkit-transform: translate(-50%, -50%) scale(.7);
	transform: translate(-50%, -50%) scale(.7);
	transform-origin:center;
}
.bannerR{
	width:320px;
	height:70px;
	line-height:70px;
}
.bannerR img{
	-webkit-transform: translate(-50%, -50%) scale(.7);
	transform: translate(-50%, -50%) scale(.7);
	transform-origin:center;
}
.bannerL::before{
	width:96.6px;
	height:70px;
	background-size:96.6px;
}
.bannerL::after{
	width:62.3px;
	height:70px;
	background-size:62.3px;
}

.bannerR::before{
	width:68.6px;
	height:65.1px;
	background-size:68.6px;
}
.bannerR::after{
	width:79.1px;
	height:70px;
	background-size:79.1px;
}

	
} /*Query End*/

@media only screen and (min-width: 768px) {
.bannerL:hover{
	opacity:.8;
}
.bannerR:hover{
	opacity:.8;
}

} /*Query End*/