@charset "UTF-8";

#interview-header {background-image: url(../img/interview-header.jpg);}

#contents{padding: 0;}

.int-c{padding-top: 120px;}
#interview-05{padding-bottom: 120px;}
@media (max-width: 767px) {
	.int-c{padding-top: 80px;}
	#interview-05{padding-bottom: 80px;}
}

.int-head{position: relative;width: 100%;background-repeat: no-repeat;background-position: center top;background-size: cover;}
#interview-01 .int-head{background-image: url(../img/interview-01-01.jpg);}
#interview-02 .int-head{background-image: url(../img/interview-02-01.jpg);}
#interview-03 .int-head{background-image: url(../img/interview-03-01.jpg);}
#interview-04 .int-head{background-image: url(../img/interview-04-01.jpg);}
#interview-05 .int-head{background-image: url(../img/interview-05-01.jpg);}
.int-head-title{padding: 21.944444444444% 5.555555555556% 40px;}
.int-head-title img{display: block;}
.int-head-title span{display: block;margin-bottom: 30px;}
.int-head-title h2{margin-bottom: 0;text-align: left;}
.int-txt{padding: 80px 0;}
.int-txt-c{position: relative;padding-left: 25%;}
.int-txt-c::before{content: '';display: block;width: 100px;height: 2px;background-color: #4DC4FF;position: absolute;left: 5.555555555556%;top: 10px;}
.int-img{width: calc(50vw + (1080px / 4));margin-right: 0;margin-left: auto;}
.int-img img{display: block;width: 100%;}
@media (min-width: 1080px) {
	.int-head-title{padding: 21.944444444444% 60px 40px;}
}
@media (max-width: 1080px) {
	.int-img{width: calc(50vw + (85% / 4));}
}
@media (max-width: 767px) {
	.int-head-title{padding: 25% 0 20px;}
	.int-head-title span{margin-bottom: 15px;}
	.int-head-title span img{width: 140px;}
	.int-txt{padding: 40px 0;}
	.int-txt-c{padding-left: 0;}
	.int-txt-c::before{display: none;}
	.int-img{width: 85%;margin: 0 auto;}
}