@charset "UTF-8";


/* interview ===================== */

#interview,
#interview_detail{
	margin-bottom:100px;
}
.contents .main_ttl{
	margin-bottom:95px;
}
.contents_area1{
	position:relative;
}
.contents_area1 .list1 li .btn_more2{
	width: 183px;
	font-size:1.13rem;
	margin: 0 auto;
}
.contents_area1 .btn_more2_2{
	width: 380px;
	margin: 0 auto;
	font-size: 1.5rem;
	padding: 11px 0;
}
#interview .contents_area1 .illust_cat{
	top: -64px;
	left:129px;
}
#interview .contents_area1 .list1 li{
	width:33%;
	text-align:center;
	position:relative;
	display:inline-block;
	vertical-align:top;
	margin-bottom: 82px;
}
#interview .contents_area1 .list1 li .icon_now{
	top: 222px;
	left:40px;
}
#interview .contents_area1 .list1 li .position{
	font-size: 1.5rem;
	margin: 12px 0 25px;
	font-weight: 500;
}
#interview .contents_area1 .list1 li:nth-child(12) .position{
	margin:4px 0 19px;
}
#interview .contents_area1 .list1 li:nth-child(12) .btn_more2{
	opacity:0.5;
}
#interview .contents_area1 .list1 li .comment{
	padding: 0 20px;
}
#interview .contents_area1 .list1 li:nth-child(5) .comment{
	padding-bottom:24px;
}
#interview .contents_area1 .list1 li .btn_more{
	margin: 23px 0 6px;
	display:block;
}
/* interview_detail ===================== */

#interview_detail .main_ttl{
	margin-bottom:56px;
}
#interview_detail .contents_area1 .illust_cat{
	right:40px;
	top:44px;
}
#interview_detail .contents_area1 .ttl3{
	margin-bottom:0;
}
#interview_detail .contents_area1 .detail{
	overflow:hidden;
	margin: 65px 0 0;
}
#interview_detail .contents_area1 .detail .photo1{
	float:right;
	margin:0 0 30px 55px;
}
#interview_detail .contents_area1 .detail .catch{
	font-size:1.38rem;
	font-weight:500;
}
#interview_detail .contents_area1 .detail .pgrh{
	padding:20px 0 20px;
}
#interview_detail .contents_area1 .detail .pgrh p{
	padding:0 0 10px;
}
.contents_area1 .return{
	margin-top:58px;
}

/* 1082px ===================== */
@media screen and (max-width: 1142px) {
	
}
/* 1082px end ===================== */



/* 768px ===================== */
@media screen and (max-width: 768px) {
	
	/* interview ========== */
	
	.contents .main_ttl{
		margin-bottom:17%;
		line-height: 1.4;
	}
	.contents_area1{
		width: 88%;
	}
	.contents_area1 .list1 li .btn_more2{
		width:48%;
		font-size: 1.8rem;
	}
	.contents_area1 .btn_more2_2{
		width: 80%;
		padding: 5% 0;
		font-size: 2rem;
	}
	#interview .contents_area1 .illust_cat{
		top:-88px;
		left:268px;
		width:22%;
	}
	#interview .contents_area1 .list1 li{
		width:100%;
		margin-bottom: 15%;
	}
	#interview .contents_area1 .list1 li .icon_now{
		width:21%;
		top:310px;
		left:143px;
	}
	#interview .contents_area1 .list1 li .photo{
		width:50%;
	}
	#interview .contents_area1 .list1 li .position{
		font-size:2rem;
		margin: 2.5% 0 5%;
	}
	#interview .contents_area1 .list1 li .comment{
		font-size:1.3rem;
	}
	#interview .contents_area1 .list1 li:nth-child(5) .comment{
		padding-bottom:0;
	}
	#interview .contents_area1 .list1 li .btn_more{
		width:48%;
		display:block;
		margin: 4% auto 2%;
	}
	#interview .contents_area1 .list1 li .btn_more img{
		width:100%;
	}
	
	/* interview_detail ========== */
	
	#interview_detail .main_ttl{
		margin-bottom:9%;
	}
	#interview_detail .contents_area1 .illust_cat{
		right:121px;
		top:63px;
		width:17%;
	}
	#interview_detail .contents_area1 .detail{
		margin:13% 0 5%;
	}
	#interview_detail .contents_area1 .detail .photo1{
		float:none;
		margin:0 auto 10%;
		display:block;
		width:67%;
	}
}
/* 768px end ===================== */



/* 470px ===================== */
@media screen and (max-width: 470px) {
	
	#interview,
	#interview_detail{
		margin-bottom:20%;
	}
	.contents .main_ttl{
		margin-bottom: 22%;
	}
	.contents_area1 .list1 li .btn_more2{
		font-size: 1.2rem;
		padding:5.2%;
		width:70%;
	}
	.contents_area1 .btn_more2_2{
		width: 95%;
		font-size: 1.2rem;
	}
	#interview .contents_area1 .illust_cat{
		width:28%;
		top:-61px;
		left:138px;
	}
	#interview .contents_area1 .list1 li .icon_now{
		width:26%;
		top:232px;
		left:38px;
	}
	#interview .contents_area1 .list1 li .photo{
		width:74%;
	}
	#interview .contents_area1 .list1 li .position{
		font-size:1.5rem;
	}
	#interview .contents_area1 .list1 li .comment{
		font-size:1rem;
	}
	#interview .contents_area1 .list1 li .btn_more{
		width:70%;
	}
	
	#interview_detail .contents_area1 .illust_cat{
		right:52px;
		top:73px;
	}
	#interview_detail .contents_area1 .ttl3{
		font-size:1.6rem;
	}
	#interview_detail .contents_area1 .detail{
		margin-top:21%;
	}
	#interview_detail .contents_area1 .detail .photo1{
		width:77%;
	}
	#interview_detail .contents_area1 .detail .catch{
		font-size:1.2rem;
	}
}
/* 470px end ===================== */



/* 320px ===================== */
@media screen and (max-width: 320px) {
	
	#interview .contents_area1 .illust_cat{
		top:-48px;
		left:106px;
	}
	#interview .contents_area1 .list1 li .icon_now{
		top:191px;
		left:14px;
		width:31%;
	}
	#interview .contents_area1 .list1 li .btn_more2{
		font-size:1rem;
	}
	#interview_detail .contents_area1 .illust_cat{
		top:57px;
	}
	
}
/* 320px end ===================== */