/* =================================
	introducton CSS
================================= */
.color1{ color: #f5855e;}

/*	text_box
============================== */
@media all and (min-width: 768px) {
div.text_box{
	margin-bottom: 3em;
}
}
@media all and (max-width: 767px) {
div.text_box{
	margin-bottom: 2em;
}
}

/*	title
============================== */
.interview01 h2{ background-image:url(../img/interview/interview01_tit.jpg);}
.interview02 h2{ background-image:url(../img/interview/interview02_tit_2.jpg?20171020);}
.interview03 h2{ background-image:url(../img/interview/interview03_tit.jpg);}
.interview04 h2{ background-image:url(../img/interview/interview04_tit.jpg);}
.interview05 h2{ background-image:url(../img/interview/interview05_tit.jpg);}

.inter h2{
	background-repeat: no-repeat;
	text-indent:110%;white-space:nowrap;overflow:hidden;
}

@media all and (min-width: 768px) {
.inter h2{
	width: 820px;
	height: 334px;
	margin:0 0 30px; 
}
}
@media all and (max-width: 767px) {
.inter h2{
	width: 100%;
	position: relative;
	height:0;
	padding-top:40.7317%;
	background-size:contain;
	border:none; 
	margin: 0px 0 15px;
}
}

/*	q_text
============================== */
.q_text{
	color: #07446d;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: bold;
	margin-bottom:0.5em;
	position: relative;
	text-shadow: 1px 1px 1px #a1b6c2;
	letter-spacing:0.05em;
}
.q_text:before{
    display:inline-block;
	content: "";
	/*top: 50%;*/
    background-image: url(../img/interview/q_icon.png);
    background-repeat: no-repeat;
    position: absolute;
}
@media all and (min-width: 768px) {
.q_text{
	font-size: 170%;
	line-height: 1.5;
}
.q_text:before{
    width: 29px;
    height: 29px;
    background-size: 29px 29px;
    margin-top: 2px;
}
.q_text span{
	padding-left: 35px;
}
}
@media all and (max-width: 767px) {
.q_text{
	font-size: 125%;
	line-height: 1.5;
}
.q_text:before{
    width: 18px;
    height: 18px;
    background-size: 18px 18px;
    margin-top: 3px;
}
.q_text span{
	padding-left: 22px;
}
}

/*	text
============================== */

main article.oa p.txt {
	text-align: justify;
	text-justify: distribute;
	line-height:1.5;
}
main article.oa p.txt:not(:last-child) {
	margin-bottom:1.5em;
}
main p.txt a{
	color:#ed1a3d;
	font-weight: bold;
}
main p.txt a:hover{
	text-decoration:none; 
}
@media all and (min-width: 768px) {
main article.oa{
	padding-bottom: 30px;
}
main article.oa p.txt {
	font-size:87.5%;
}
}
@media all and (max-width: 767px) {
main article.oa{
	padding-bottom: 15px;
}
main article.oa p.txt {
	font-size:83%;
}
}

/*	pics
============================== */
div.pic_area_l span,div.pic_area_r span{
	display: block;
    background-repeat: no-repeat;
    border: 2px solid #003b63;
    background-color: #003b63;
    box-shadow: 4px 4px #003b63;
}
@media all and (min-width: 768px) {
div.pic_area_r span{
	margin: 5px 0 30px 30px;
	float: right;
}
div.pic_area_l span{
	margin: 5px 30px 30px 0;
	float: left;
}
div.pics span{ width: 330px; height: 219px; background-size: 330px 219px;}
div.pics_h span{ width: 210px; height: 300px; background-size: 210px 300px;}
}
@media all and (max-width: 767px) {
div.pic_area_l span,div.pic_area_r span{
	margin: 15px auto 20px;
	display: block;
    background-repeat: no-repeat;
    background-position: center center;
}
div.pics span{ width: 250px; height: 166px; background-size: 250px 166px;}
div.pics_h span{ width: 166px; height: 237px; background-size: 166px 237px;}
}

/*	backnumber
============================== */
.bknm{
	border-top: 2px dashed #07446d;
	padding-top: 20px;
}
.bknm h3{
	background-image:url(../img/bknm_tit.png);
	background-repeat:no-repeat;
	text-indent:110%;white-space:nowrap;overflow:hidden;
}
.bknm ul li{
    background-repeat: no-repeat;
    float: left;
}
.bknm ul li a{
	text-indent:110%;white-space:nowrap;overflow:hidden;
	display: block;
}
.bknm .inter01 a{ background-image: url(../img/interview/inter_bknm1.jpg);}
.bknm .inter02 a{ background-image: url(../img/interview/inter_bknm2_2.jpg?20171020);}
.bknm .inter03 a{ background-image: url(../img/interview/inter_bknm3.jpg);}
.bknm .inter04 a{ background-image: url(../img/interview/inter_bknm4.jpg);}
.bknm .inter05 a{ background-image: url(../img/interview/inter_bknm5.jpg);}

@media all and (min-width: 768px) {
.bknm h3{ width: 200px; height: 35px; background-size: 200px 35px;
margin:0 auto 20px;}
.bknm ul li{
	width: 400px;
	height: 150px;
    margin-right: 20px;
    margin-bottom: 20px;
}
.bknm ul li:nth-child(2n){
  	margin-right: 0px;
}
.bknm ul li a{
	width: 400px;
	height: 150px;
	transition: 0.2s ease-in-out;
}
.bknm ul li a:hover{
	opacity:0.7;
	background-color: #fff;
}
}
@media all and (max-width: 767px) {
.bknm{
	margin-bottom: 20px;
}
.bknm h3{ width: 150px; height: 26px; background-size: 150px 26px;
margin:0 auto 10px;}
.bknm ul li{
	margin:10px auto 0;
	width: 49%;
	float: left;
	margin-right: 2%;
}
.bknm ul li:nth-child(2n){
	margin-right: 0%;
}
.bknm ul li a{
	height: 0;
	display: block;
	background-size:100% 100%;
	padding-top: 37.5%;
	position: relative;
	overflow: hidden;
	transition: color 0.3s;
}
.bknm ul li a span{
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;	
}
}