@charset "UTF-8";

/* ==========================================
 インタビュー common
========================================== */

/* override
------------------------------------------ */


/* タイトル
--------------------------- */
#recruit #interview01 #contents_header { background-image: url("../images/int01_ttl_bg.jpg"); }
#recruit #interview02 #contents_header { background-image: url("../images/int02_ttl_bg.jpg"); }
#recruit #interview03 #contents_header { background-image: url("../images/int03_ttl_bg.jpg"); }
#recruit #interview04 #contents_header { background-image: url("../images/int04_ttl_bg.jpg"); }
#recruit #interview05 #contents_header { background-image: url("../images/int05_ttl_bg.jpg"); }
#recruit #interview06 #contents_header { background-image: url("../images/int06_ttl_bg.jpg"); }
#recruit #interview07 #contents_header { background-image: url("../images/int07_ttl_bg.jpg"); }

#contents_header .title {
	padding-top: 70px;
	background-image: url("/recruit/common/images/ttl_bg_interview.png");
	background-size: 24% auto;
}
#contents_header .title h1 {
	font-size: 3rem;
	line-height: 1.4;
}
#interview02 #contents_header .title h1,
#interview05 #contents_header .title h1,
#interview06 #contents_header .title h1,
#interview07 #contents_header .title h1 {
	font-size: 2.6rem;
}


@media only screen and (min-width: 1400px) {
	#contents_header .title {
		padding-top: 6vw;
		background-position: top 3vw center;
	}
}
@media only screen and (max-width: 1050px) {
	#contents_header .title {
		width: 380px;
	}
	#interview04 #contents_header .title h1 .ttl_copy {
		margin-top: 0.5em;
		display: inline-block;
	}
	#interview04 #contents_header .title h1 .ttl_copy .tb {
		display: inline;
	}
}
@media only screen and (max-width: 950px) {
	#recruit #interview06 #contents_header {
		background-position: top right -50px;
	}
}
@media only screen and (max-width: 767px) {
	#recruit #contents_header {
		padding-top: 45vw;
	}
	#recruit #interview01 #contents_header { background-image: url("../images/int01_ttl_bg_sp.jpg"); }
	#recruit #interview02 #contents_header { background-image: url("../images/int02_ttl_bg_sp.jpg"); }
	#recruit #interview03 #contents_header { background-image: url("../images/int03_ttl_bg_sp.jpg"); }
	#recruit #interview04 #contents_header { background-image: url("../images/int04_ttl_bg_sp.jpg"); }
	#recruit #interview05 #contents_header { background-image: url("../images/int05_ttl_bg_sp.jpg"); }
	#recruit #interview06 #contents_header {
		background-image: url("../images/int06_ttl_bg_sp.jpg");
		background-position: top left;
	}
	#recruit #interview07 #contents_header { background-image: url("../images/int07_ttl_bg_sp.jpg"); }

	#contents_header .title {
		width: 82%;
		padding: 14vw 0 5vw;
		background-position: top 5vw center;
	}
}
@media only screen and (max-width: 480px) {
	#contents_header .title h1 {
		font-size: 2.5rem;
	}
	#interview02 #contents_header .title h1 {
		font-size: 2rem;
	}
	#interview02 #contents_header .title h1 .ttl_copy,
	#interview05 #contents_header .title h1 .ttl_copy,
	#interview06 #contents_header .title h1 .ttl_copy,
	#interview07 #contents_header .title h1 .ttl_copy {
		line-height: 2;
		font-size: 1.8rem;
	}

	#interview04 #contents_header .title h1 .ttl_copy {
		margin-top: 0.8em;
		font-size: 1.8rem;
	}
	#interview05 #contents_header .title h1,
	#interview06 #contents_header .title h1,
	#interview07 #contents_header .title h1 {
		font-size: 2rem;
	}
}



.text_contents {
	padding: 90px 0;
}
@media only screen and (max-width: 767px) {
.text_contents {
	padding: 60px 0;
}
}
@media only screen and (max-width: 480px) {
	
}


/* contents
------------------------------------------ */
.interview_contents .ttl {
	margin-bottom: 1.4em;
	padding-bottom: 36px;
	line-height: 1.4;
}
.interview_contents .answer {
	margin-bottom: 1.4em;
	font-size: 3.4rem;
	font-weight: 700;
	line-height: 1.65;
	text-align: center;
}
.interview_contents .answer_line {
	padding: 0 0 0 0.5em;
	background-image: linear-gradient(0deg, #ff0 0%, #ff0 40%, transparent 40%, transparent 100%);
}
.interview_contents .answer_line_left0 {
	padding-left: 0;
}

.interview_contents .answer_a {
	padding: 0 0 0 0.5em;
	background-image: linear-gradient(0deg, #ff0 0%, #ff0 40%, transparent 40%, transparent 100%);
}


.interview_img {
}
.interview_img_left {
	text-align: left;
	background-image: linear-gradient(90deg, #ff0 0%, #ff0 40%, #fff 40%, #fff 100%);
}
.interview_img_right {
	text-align: right;
	background-image: linear-gradient(-90deg, #ff0 0%, #ff0 40%, #fff 40%, #fff 100%);
}
.interview_img_last {
	margin-bottom: 30px;
	background-image: none;
	background-color: #ff0;
}
@media only screen and (max-width: 1050px) {
	.interview_img img {
		width: 80%;
	}
	.interview_img_left {
		padding-left: 3%;
	}
	.interview_img_right {
		padding-right: 3%;
	}
}
@media only screen and (max-width: 767px) {
	.interview_contents .ttl {
		margin-bottom: 1.2em;
		padding-bottom: 1.1em;
		line-height: 1.5;
	}
	
}
@media only screen and (max-width: 480px) {
	.interview_contents .answer {
		font-size: 6.4vw;
	}
	.interview_contents .answer .answer_a {
		display: block;
		padding: 0;
		background-image: none;
		font-size: 5vw;
	}
	.interview_img img {
		width: 90%;
	}
}