@charset "UTF-8";
/*---------------------------------------------------------
	INTERVIEW スタイル
---------------------------------------------------------*/
#int01 .ttl_wrap{
	position: relative;
	width:100%;
	background: url(../img/int/int_img01_01.jpg) no-repeat center center;
	background-size:cover;
	z-index:-2;
}
#int02 .ttl_wrap{
	position: relative;
	width:100%;
	background: url(../img/int/int_img02_01.jpg) no-repeat center center;
	background-size:cover;
	z-index:-2;
}
#int03 .ttl_wrap{
	position: relative;
	width:100%;
	background: url(../img/int/int_img03_01.jpg) no-repeat center center;
	background-size:cover;
	z-index:-2;
}
.ttl_txt{
	width:500px;
	padding: 145px 0;
	position: relative;
	top: 0;
	left:50%;
	-webkit-transform: translate(140px,0);
	-moz-transform: translate(140px,0);
	-ms-transform: translate(140px,0);
	-o-transform: translate(140px,0);
	transform: translate(140px,0);
}
.ttl_txt h2{
	font-size:28px;
	line-height:48px;
	color:#fff;
	font-weight:normal;
	padding: 65px 0 30px;
}
.ttl_txt span{
	display:block;
	width:60px;
}
.ttl_txt span hr{
	height: 1px;
	border: none;
	border-top: 1px solid #fff;
}
.ttl_txt h3{
	font-weight:normal;
	font-size:28px;
	color:#fff;
	padding: 30px 0 5px;
}
.ttl_txt p{
	font-size:18px;
	color:#fff;
}
/* INTERVIEW */
.cont01_inner,  .cont02_inner{
	position: relative;	
}
.int_txt {
	position: relative;
	width:625px;
	padding:30px;
	background:#fff;
	z-index:5;
}
.cont01 h1, .cont02 h1{
	display:inline-block;
	font-size:24px;
	font-weight:normal;
	margin-bottom:25px;
}
.int_ttl_wrap:nth-of-type(even){
	margin-top:80px;
}

.cont01 p, .cont02 p{
	font-size:16px;
	line-height:30px;
}
/* INTERVIEW01 */
.cont01{
	padding: 80px 0 150px;
}
.cont01_inner{
	text-align:left;
	padding: 100px 10px 400px;
}
.cont01_inner .int_img {
	position: absolute;
	right:0;
	top:220px;
	z-index:4;
}
/* INTERVIEW02 */
.cont02_inner{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	text-align:left;
	padding: 0 10px 630px;
}
.cont02_inner .int_txt {
	position: relative;
	top:0;
	left:375px;
}
.cont02_inner .int_img {
	position: absolute;
	left:0;
	top:220px;
	z-index:4;
}
/* OTHER INTERVIEW */
.cont03 h1{
	text-align:center;
	margin-bottom:70px;
}
.oint_wrap {
	width:1000px;
	margin:0 auto 105px;;
}
.oint {
	width:292px;
	height:auto;
}
.oint_name {
	font-size:20px;
	text-align:center;
	width:100%;
	background:#c8dc14;
	padding:15px 0;
}
.oint_name span{
	display:block;
	font-size:12px;
}
/*---------------------------------------------------------
	スマホ
---------------------------------------------------------*/
@media screen and (max-width: 680px) ,screen and (max-width: 737px) and (orientation: landscape) {

	.ttl_txt{
		width:100%;
		padding: 50px 0;
		position: static;
		text-align:center;
		left:auto;
		-webkit-transform: translate(0,0);
		-moz-transform: translate(0,0);
		-ms-transform: translate(0,0);
		-o-transform: translate(0,0);
		transform: translate(0,0);
	}
	.ttl_txt img{
		width:157px;
		height:auto;
	}
	.ttl_txt h2{
		font-size:16px;
		line-height:28px;
		padding: 24px 0 24px;
	}
	.ttl_txt h3{
		font-size:14px;
		padding: 0 0 5px;
	}
	.ttl_txt p{
		font-size:10px;
	}
	/* INTERVIEW */
	.cont01_inner,  .cont02_inner{
		position: static;
	}
	.int_txt {
		position: static;
		width:100%;
		padding:30px 3%;
	}
	.cont01 h1, .cont02 h1{
		display:inline;
		font-size:18px;
	}
	.int_ttl_wrap{
		width:100%;
		text-align:center;
		margin-bottom:35px;
	}
	.int_ttl_wrap:nth-of-type(even){
		margin-top:40px;
	}
.cont01 p, .cont02 p{
	font-size:16px;
	line-height:30px;
}
	/* INTERVIEW01 */
	.cont01{
		padding: 80px 0 75px;
	}
	.cont01_inner{
		padding: 0;
	}
	.cont01_inner .int_img {
		position: static;
		width:80%;
		margin:0 auto;
	}
	/* INTERVIEW02 */
	.cont02_inner{
		padding: 0 0 75px;
	}
	.cont02_inner .int_txt {
		position: static;
	}
	.cont02_inner .int_img {
		position: static;
		width:80%;
		margin:0 auto;
	}
	/* OTHER INTERVIEW */
	.cont03 h1{
		margin-bottom:35px;
	}
	.cont03 h1 img{
		width:186px;
		height:auto;
	}
	.oint_wrap {
		width:94%;
		margin:0 3% 45px;;
	}
	.oint_wrap a {
		display:block;
		width:33%;
	}
	.oint {
		width:100%;
		height:auto;
	}
	.oint_name {
		font-size:12px;
		padding:10px 0;
	}
	.oint_name span{
		font-size:10px;
	}
	/* START */
	.ttl_img{
		max-width:80%;
		margin:0 auto;
		padding: 125px 0;
	}
	.cont01 h1{
		font-size:18px;
		margin-bottom:35px;
	}
	.cont01 p{
		font-size:14px;
		line-height:30px;
		text-align:left;
	}
	.cont01 p br{
		display:none;
	}

}