@charset "UTF-8";

/* blcIntro --------------- */
#blcIntro{
margin: 0 0 3%;
}
#blcIntro .listTable > ul{
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
#blcIntro .listTable li{
flex: 0 1 33%;
box-sizing: border-box;
padding: 0 1% 2%;
text-align: center;,
}
#blcIntro .listTable li a{
transition: all 0.1s;
}
#blcIntro .listTable li a:hover{
opacity: 0.5;
}
@media screen and (max-width: 850px) {
	#blcIntro .listTable > ul{
	justify-content: space-between;
	}
	#blcIntro .listTable li{
	flex: 0 1 50%;
	}
}
@media screen and (max-width: 600px) {
	#blcIntro .listTable li{
	flex: 1 1 100%;
	padding: 0 0 2%;
	}
}

/* blcInterview --------------- */
.blcInterview{
margin: -6% 0 7%;
padding: 6% 0 0;
}
.blcInterview .mainImg{
margin: 0 0 3%;
text-align: center;
background: #dedede;
}
.blcInterview .mainImg img{
width: 100%;
max-width: 1024px;
}
.blcInterview .intro{
text-align: center;
line-height: 1.5;
font-weight: 800;
margin: 0 0 4%;
}
.blcInterview .intro .year{
display: inline-block;
margin: 0 0 1%;
font-weight: 800;
border-bottom: #000 solid 2px;
}
.blcInterview .intro .position{
margin: 0 0 2%;
font-size: 120%;
}
.blcInterview .intro .name{
display: inline-block;
}
.blcInterview .intro .name .inner{
display: flex;
}
.blcInterview .intro .name .inner .box{
font-size: 200%;
letter-spacing: 0.1em;
white-space: nowrap;
}
.blcInterview .intro .name .inner .box .phonetic{
font-size: 50%;
letter-spacing: 0;
}
.blcInterview .intro .name .inner .box:nth-of-type(2){
margin-left: 7%;
}
.blcInterview .listQA li{
margin: 0 0 3%;
}
.blcInterview .listQA li h2{
font-size: 150%;
font-weight: 800;
}
.blcInterview .listQA li h2:before{
content: "■";
}
.blcInterview .listQA li article{
padding: 0 0 0 3%;
}
.blcInterview .listQA li .img.first{
float: right;
margin: -2% 0 3% 3%;
width: 40%;
max-width: 400px;
}
.blcInterview .listQA li .img.second{
display: none;
}
.blcInterview .boxMovie{
margin: 5% auto 0;
width: 100%;
max-width: 800px;
}
@media screen and (max-width: 650px) {
	.blcInterview{
	margin-top: -10%;
	padding-top: 10%;
	}
	.blcInterview .listQA li .img.first{
	display: none;
	}
	.blcInterview .listQA li .img.second{
	display: block;
	margin: 4% auto 8%;
	width: 70%;
	max-width: 450px;
	text-align: center;
	}
}
@media screen and (max-width: 450px) {
	.blcInterview{
	margin-top: -18%;
	padding-top: 18%;
	}
}

/* btmMessage --------------- */
.btmMessage{
text-align: center;
margin: 10% 2% 0;
font-size: 90%;
}