@charset "utf-8";

body.intervew{
	background: url(/img/interview/bg_int.jpg) no-repeat center top #f7fbfe!important;
}

@media screen and (max-width: 1024px) {
		body.intervew{
			background:#f7fbfe!important;
		}
	}



/******************************************************/
/* title */
/******************************************************/
h1.interview{
	font-size: 250%;
	font-weight: normal;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 30px 0 20px  0;
	text-align: center;
	max-width: 1200px;
	margin: auto;
	line-height:100%;
}

h1 .sub_title{
	display: block;
	font-size: 55%;
	padding-top: 10px;
}

.int_main h2{
	font-size: 280%!important;
	line-height: 150%;
	padding: 50px 0 20px 0;
}

.int_kiji h3{
	font-size: 250%!important;
	line-height: 150%;
	margin-bottom: 55px;
}

.int_kiji h4{
	font-size: 165%!important;
	margin-bottom: 15px;
	line-height: 150%;
}



@media screen and (max-width: 1024px) {
		h1.interview{
			font-size: 150%;
			padding: 15px 0 9px  0;
			width: 100%;
			margin-top: 22px;
		}

		h1 .sub_title{
			display: block;
			font-size: 65%;
			padding-top: 15px;
		}

		.int_main h2{
			font-size: 120%!important;
			line-height: 150%;
			width: 60%;
			padding-top: 25px;
			min-height: 100px;
		}

		.int_kiji h3{
			font-size: 130%!important;
			line-height: 150%;
			margin-bottom: 20px;
			font-weight: bold;
		}

		.int_kiji h4{
			font-size: 120%!important;
			font-weight: bold;
			margin-bottom: 15px;
		}


	}

/******************************************************/
/* content */
/******************************************************/

#p2nd.intervew #content{
	padding-top: 55px!important;
}

.int_main{
	background: url(/img/interview/bg_int2.jpg) no-repeat center bottom !important;
	padding: 100px 12rem 0 12rem;
	box-sizing: border-box;
}

	.int_main .tit_set{
		max-width: 1200px;
		margin: 0 auto 0 auto;
		padding-bottom: 60px;
	}

	.int_main .tit_set.int01{
		background: url(/img/interview/main_int01.png) no-repeat right bottom;
		background-size: 50%;
	}

	.int_main .tit_set.int02{
		background: url(/img/interview/main_int02.png) no-repeat right bottom;
		background-size: 47%;
	}

	.int_main .tit_set.int03{
		background: url(/img/interview/main_int03.png) no-repeat right bottom;
		background-size: 41%;
	}

	.int_main .tit_set.int04{
		background: url(/img/interview/main_int04.png) no-repeat right bottom;
		background-size: 41%;
	}

	.int_main .tit_set.int05{
		background: url(/img/interview/main_int05.png) no-repeat right bottom;
		background-size: 41%;
	}


	.int_main .int_name{
		font-size: 290%!important;
		line-height: 160%;
		margin-bottom: 45px;
	}
		.int_main .int_name span{
			display: block;
			font-size: 40%;
			line-height: 70%;
			letter-spacing: 0.07em;
		}

	.int_main .int_lead{
		width: 55%;
		line-height: 200%;
		margin-bottom: 25px;
	}

	.tit_set .notice{
		width: 45%;
	}


@media screen and (max-width: 1024px) {
	#p2nd.intervew #content{
		padding-top: 0!important;
	}

	.int_main{
		padding: 3rem 1.5rem 0 1.5rem;
		line-height: 180%;
	}

	.int_main .tit_set{
		background-position: right 22px!important;
		background-size: 160px;
		padding-bottom: 20px;
	}

	.int_main .tit_set.int01{
		background-size: 45%;
	}

	.int_main .tit_set.int02{
		background-size: 40%;
	}



		.int_main .int_lead{
			width: 100%;
		}
		.int_main img{
			width: 100%!important;
		}

		.tit_set .notice{
			width: 100%;
		}
		.int_main .int_name{
			font-size: 150%!important;
			margin-bottom: 30px;
		}

	}


/******************************************************/
/* kiji */
/******************************************************/

.int_kiji{
	line-height: 240%;
}

.int_kiji .img_left {
	float:left;
	padding: 0 30px 20px 0;
}

.int_kiji .img_right {
	float:right;
	padding: 0 0 20px 30px;
}

.int_kiji .caption{
	font-size: 80%;
	line-height:180%;
	padding-top: 10px;
}

.kiji_q{
	font-weight: bold;
	display: block;
	line-height: 180%;
	margin-top: 15px;
}

	.kiji_q span{
		font-family:helvetica;
		font-weight: normal;
	}

.credit{
	margin-top: 30px;
	font-size: 80%;
	line-height: 180%;
}

.cr_name{
	font-size: 180%;
	display: block;
	padding: 5px 0 5px 0;
}
	.cr_name span{
		font-size: 60%;
		padding-top: 5px;
		display: block;
	}

.hf_pt15{padding-top: 15px!important;}
.hf_pt30{padding-top: 30px!important;}
.hf_pt45{padding-top: 45px!important;}

.w675{width: 675px;}
.w590{width: 590px;}
.w264{width: 264px;}


.sec_kigou{
	margin: 20px 0 20px 0;
	text-align: center;
}

.t_box{
	margin: 70px 0 50px 0;
	border: solid 1px #bbb;
	padding: 15px 25px 10px 25px;
	box-sizing: border-box;
}
	.t_box h5{
		font-weight: bold;
		font-size: 120%;
	}


@media screen and (max-width: 1024px) {
		.w675,.w590,.w264{width: 100%!important;}

		.int_kiji{
			margin-top: 20px;
		}

		.int_kiji .img_left {
			float:none;
			padding: 0 0 20px 0;
		}

		.int_kiji .img_right {
			float:none;
			padding: 0 0 20px 0;
		}

		.int_kiji .img_left img,
		.int_kiji .img_right img{
			width: 100%;
		}
		.credit{
			margin-top: 10px;
		}

	.sec_kigou{
		margin: 0 0 0 0;
	}

	.t_box{
		margin: 15px 0 0 0;
	}


	}





/******************************************************/
/* clear */
/******************************************************/
.clear:after,
.int_kiji:after{
	display:block;content:"";clear:both;overflow:hidden;
}