@charset "utf-8";
/* CSS Document */

/**/


#interview{
	width: 100%;

}

#interview .inner {
		margin: 0 auto;
		width: 1200px;
		/*max-width: 1440px;
		min-width: 1200px;*/
		padding: 30px;
}

#interview .inner .txtbox_top{
	width: 750px;
	padding-left: 20px;
}

#interview .inner .txtbox{
	width: 730px;
	padding-left: 25px;
}

#interview .inner .txtbox span{
	font-weight: bold;
	color: #222;
}

.interviewTop .Topleft{
	float: left;
	width: 850px;
}

.interviewTop .Topleft .list{
}

.interviewTop .Topleft .list li{
	float: left;
	margin-bottom: 25px;
	margin-right: 25px;
	width: 400px;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
}

.interviewTop .Topleft .list li a:hover{
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
	opacity: 0.7;
}



/*-------------topright*/

.interviewTop .Topright{
	float: right;
	width: 348px;
	border: 1px solid #ff0000;
	background-color: #fff;
}

.interviewTop .Topright .titnaiyo{
	background-color: #ff0000;
	padding: 10px;
	color: #fff;
	text-align: center;
	font-size: 20px;
	margin-bottom: 20px;
}

.interviewTop .Topright .titnaiyo img{
	/*padding-top: 3px;*/
	margin-right: 5px;
}

.interviewTop .Topright .list li{
	border-bottom: 1px dotted #ccc;
	margin-bottom: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
}

.interviewTop .Topright .list li .p01{
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5em;
	margin-bottom: 10px;
}

.interviewTop .Topright .list li .p01 a:hover{
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
	opacity: 0.7;
}

.interviewTop .Topright .list li .p01 img{
	border: 1px solid #ddd;
}

.interviewTop .Topright .list li .p02{
font-size: 14px;
font-weight: bold;
line-height: 1.5em;
}

.interviewTop .Topright .list li .p03{
	font-size: 14px;
	line-height: 1.5em;
	text-align: right;
}


/*--------------detail*/

#interview .detail_top{
	background-color: #fffcf3;
	margin: 0 auto;
	height: 80px;
	width: 100%;
}

#interview .detail_top p{
	margin: 0 auto;
	text-align: center;
}

#interview .inner .detail{

}

#interview .inner .detail .leftbox{
	float: left;
	width: 865px;
}

#interview .inner .detail .leftbox .main{
	margin-bottom: 30px;
}

#interview .inner .detail .leftbox .main img{
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
}

#interview .inner .detail .leftbox .btnbox{
	border: 1px solid #ff0000;
	margin-left: 45px;
	/*text-align: center;*/
	width: 750px;
	margin-bottom: 30px;
}

#interview .inner .detail .leftbox .btnbox .p01{
	background-color: #ff0000;
	border-bottom: 1px solid #ff0000;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	padding: 5px 0 5px;
	text-align: center;
}

#interview .inner .detail .leftbox .so{
	width: 750px;
}

#socialbuttons_c01{
	margin-bottom: 20px !important;
}

#interview .inner .detail .leftbox .btnbox .p01 img{
	padding-bottom: 2px;
	margin-right: 5px;
}

#interview .inner .detail .leftbox .btnbox .p02{
	font-size: 17px;
	line-height: 1.5em;
	padding: 15px 15px 0;
	text-align: center;
	background-color: #fff;
}

#interview .inner .detail .leftbox .btnbox .p02 .p02_wp{
	float: left;
	width: 202px;
	text-align: center;
}

#interview .inner .detail .leftbox .btnbox .p02 .p02_wp p img{
	border: 1px solid #ddd;
}

#interview .inner .detail .leftbox .btnbox .p02 .p02_wp p a:hover{
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
	opacity: 0.7;
}


#interview .inner .detail .leftbox .btnbox .p02 .p02_txt{
	float: right;
	width: 500px;
	text-align: left;
}

#interview .inner .detail .leftbox .btnbox .p02 .p02_txt .tit{
	font-size: 20px;
	line-height: 1.2em;
	font-weight: bold;
	margin-bottom: 10px;
}

#interview .inner .detail .leftbox .btnbox .p02 .p02_txt .txt{
	font-size: 15px;
	line-height: 1.5em;
}

#interview .inner .detail .leftbox .btnbox .p02 .p02_txt .txt span{
	font-weight: bold;
	color: #222;
}


#interview .inner .detail .leftbox .detailTop{
	width: 840px;
	margin-bottom: 30px;
	border-bottom: 2px solid #8c8b8b;
}

#interview .inner .detail .leftbox .detailTop .detailTop_txt{
	/*float: left;*/
	/*width: 650px;*/
	padding: 20px 30px 15px;
	background-color: #fff;
	margin-bottom: 20px;
}

#interview .inner .detail .leftbox .detailTop .detailTop_txt .toptit{
	font-size: 22px;
	margin-bottom: 20px;
	line-height: 1.4em;
	font-weight: bold;
	margin-left: 20px;
}

#interview .inner .detail .leftbox .detailTop .detailTop_txt .toptxt{
	font-size: 16px;
	margin-bottom: 10px;
	line-height: 1.6em;
	/*text-indent : 1em;*/
}

/*#interview .inner .detail .leftbox .detailTop .detailTop_sns{
	float: right;
	width: 140px;
	margin: 0 auto;
}*/

.social_btn_main{
}

.social_btn_main li{
	height: 30px;
}

.social_btn_main li.facebook{
	background-image: url("images/fb.png");
	background-color: #3a579a;
	color: #fff;
	margin-bottom: 20px;
	padding: 5px;
	width: 130px;
}

.social_btn_main li.facebook div.facebook{
}

.social_btn_main li.google{
	background-image: url("images/google.png");
	background-color: #E06055;
	color: #fff;
	margin-bottom: 20px;
	padding: 5px;
	width: 130px;
}

.social_btn_main li.hatena{
	background-image: url("images/google.png");
	background-color: #008de1;
	color: #fff;
	margin-bottom: 20px;
	padding: 5px;
	width: 130px;
}

#interview .inner .detail .leftbox .detailMain{
	width: 780px;
	padding: 20px 30px 15px;
	background-color: #fff;
	margin-bottom: 30px;
}

#interview .inner .detail .leftbox .detailMain h1{
	padding: .25em 0 .25em .75em;
	border-left: 6px solid #385723;
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 15px;
}

#interview .inner .detail .leftbox .detailMain .q1{
	font-size: 16px;
}

#interview .inner .detail .leftbox .detailMain .q1_txt{
	font-size: 15px;
	margin-bottom: 10px;
	line-height: 1.6em;
}

#interview .inner .detail .leftbox .detailMain .answer1{
	font-size: 16px;
}

#interview .inner .detail .leftbox .detailMain .answer1_txt{
	font-size: 15px;
	margin-bottom: 30px;
}

#interview .inner .detail .leftbox .detailMain p.txt{
	font-size: 16px;
	/*text-indent : 1em;*/
}

#interview .inner .detail .leftbox .detailMain .img_photo{
	margin: 0 auto 30px;
	text-align: center;
}

#interview .inner .detail .leftbox .detailMain .img_photo img{
	margin-bottom: 10px;
}

#interview .inner .detail .leftbox .detailMain .img_photo p.p_txt{
	text-align: left;
	line-height: 1.4em;
	font-size: 12px;
	padding-left: 40px;
}


#interview .inner .detail .leftbox .detailComp{
	width: 840px;
	border-top: 1px solid #8c8b8b;
	padding-top: 30px;
}

#interview .inner .detail .leftbox .detailComp .detailComp_box{
	width: 780px;
	padding: 20px 30px 15px 15px;
	border: 1px dotted #525252;
	margin: 0 auto 30px;
	background-color: #fff;
}

#interview .inner .detail .leftbox .detailComp .detailComp_box .detailComp_photo{
	float: left;
	width: 28%;
}

#interview .inner .detail .leftbox .detailComp .detailComp_box .detailComp_photo p img{
	margin-bottom: 10px;
}


#interview .inner .detail .leftbox .detailComp .detailComp_box .detailComp_txt{
	float: right;
	width: 72%;
}

#interview .inner .detail .leftbox .detailComp .detailComp_box .comp_name{
	font-size: 13px;
	line-height: 1.3em;
	font-weight: bold;
}

/*#interview .inner .detail .leftbox .detailComp .detailComp_box .detailComp_txt .compposi{
	font-size: 16px;
	line-height: 1.3em;
}

#interview .inner .detail .leftbox .detailComp .detailComp_box .detailComp_txt .name{
	font-size: 16px;
}*/

#interview .inner .detail .leftbox .detailComp .detailComp_box .comp_name_a{
	font-size: 10px;
	margin-bottom: 10px;
	font-weight: bold;
	line-height: 1.6em;
}

#interview .inner .detail .leftbox .detailComp .detailComp_box .comphis2{
	font-size: 14px;
	line-height: 1.5em;
	margin-bottom: 5px;
}

#interview .inner .detail .leftbox .detailComp .detailComp_box .comphis{
	font-size: 14px;
	line-height: 1.5em;
	/*margin-bottom: 10px;*/
}

.detail .rightbox{
	float: right;
	width: 333px;
	margin: 0 auto;
}

.detail .rightbox .rightTop{
	margin-bottom: 30px;
}

.detail .rightbox .rightTop a:hover{
	margin-bottom: 30px;
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
	opacity: 0.7;
}

.detail .rightbox .p_interview{
	background-color: #383838;
	text-align: center;
	padding: 10px;
}

.detail .rightbox .p_interview .titnaiyo_1{
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	margin: 0;
}

.detail .rightbox .p_interview .titnaiyo_2{
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	line-height: 0.9em;
}

.detail .rightbox .p_interview_list{
	background-color: #ddd;
	border: 2px solid #383838;
	padding: 15px 15px 0;
}

.detail .rightbox .p_interview_list .list{
}

.detail .rightbox .p_interview_list .list li{
	margin-bottom: 20px;
}

.detail .rightbox .p_interview_list .list li a:hover{
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
	opacity: 0.7;
}


/*--------------------wp_list*/

#interview .inner .wp_list{
	margin: 0 auto;
	padding: 0 20px;
}

#interview .inner .wp_list .txt{
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 15px;
}

#interview .inner .wp_list .txt{

}

#interview .inner .wp_box{
	margin: 0 auto 30px;
	border: 2px solid #333;
}

#interview .inner .wp_box .wp_img{
	float: left;
	width: 385px;
	background-color: #333;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 5px 10px 20px;
}

#interview .inner .wp_box .wp_img .img{
	width: 350px;
	text-align: center;
	padding: 20px 0 0;
}

#interview .inner .wp_box .wp_img .img a:hover{
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
	opacity: 0.7;
}

#interview .inner .wp_box .wp_img .checkbox {
	background-color: #333;
	font-size: 16px;
	margin-bottom: 0;
	padding: 10px;
	text-align: center;
	color: #fff;
}

#interview .inner .wp_box .wp_img .checkbox input {
	margin-right: 10px;
	transform: scale(1.5);
	vertical-align: middle;
	outline: 3px solid #ff0000;
}

#interview .inner .wp_box .wp_naiyo{
	float: right;
	width: 721px;
	padding: 20px 20px 0 10px;
}

#interview .inner .wp_box .wp_naiyo .wp_tit{
	font-size: 22px;
	color:#2e68ff;
	line-height: 1.4em;
	font-weight: bold;
	line-height: 1.2em;
	margin-bottom: 5px;
}

#interview .inner .wp_box .wp_naiyo .wp_tit a span{
	font-size: 18px;
}

#interview .inner .wp_box .wp_naiyo .wp_tit a{
	color:#2e68ff;
}

#interview .inner .wp_box .wp_naiyo .wp_tit a:hover{
	color:#6d93f7;
}

#interview .inner .wp_box .wp_naiyo .wp_comp{
	margin-bottom: 10px;
}

#interview .inner .wp_box .wp_naiyo .wp_contents{
	font-size: 16px;
	line-height: 1.6em;
}

#interview .inner .wp_box .wp_naiyo .wp_contents_sub{
	font-size: 14px;
	line-height: 1.8em;
	margin-bottom: 2px;
}



/*--------------------wp_detail*/

#interview .inner .wp_detail .leftbox{
	float: left;
	width: 865px;
}

#interview .inner .wp_detail .leftbox .linkimg{
	width: 840px;
}

#interview .inner .wp_detail .leftbox .so{
}

#interview .inner .wp_detail .leftbox .so #socialbuttons_c01{
	margin: 0 0 30px 25%;
}


#interview .inner .wp_detail .leftbox .main_box{
	background-color: #000;
	padding: 30px 10px 30px 30px;
	margin-bottom: 5px;
	width: 800px;
}

#interview .inner .wp_detail .leftbox .main_box .main_tit{
	color: #fff;
	font-size: 35px;
	line-height: 1.4em;
	font-weight: bold;
}

#interview .inner .wp_detail .leftbox .main_box .main_tit span{
	font-size: 26px;
}


#interview .inner .wp_detail .leftbox .main_comp{
	text-align: right;
	width: 840px;
}

#interview .inner .wp_detail .leftbox .txtbox{
	font-size: 18px;
	line-height: 1.6em;
	margin-bottom: 40px;
	padding: 20px;
	background-color: #fff;
	width: 800px;
}

#interview .inner .wp_detail .leftbox .txtbox .txt span{
	font-weight: bold;
	color: #222;
}


#interview .inner .wp_detail .leftbox .titnaiyo{
	background-color: #333;
	padding: 10px 20px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	width: 800px;
}

#interview .inner .wp_detail .leftbox .wp_detailbox{
	padding: 20px;
	border: 1px solid #333;
	background-color: #fff;
	margin-bottom: 40px;
	width: 798px;
}

#interview .inner .wp_detail .leftbox .wp_detailbox .wp_detail_img{
	float: left;
	width: 220px;
}

#interview .inner .wp_detail .leftbox .wp_detailbox .wp_detail_img .img{
	margin-bottom: 15px;
}

#interview .inner .wp_detail .leftbox .wp_detailbox .wp_detail_img .img img{
	border: 1px solid #ddd;
}


#interview .inner .wp_detail .leftbox .wp_detailbox .wp_detail_naiyo{
	float: right;
	width: 568px;
	padding: 0 0 10px 10px;
}

#interview .inner .wp_detail .leftbox .wp_detailbox .wp_detail_naiyo .wp_detail_tit{
	font-size: 17px;
	font-weight: bold;
	line-height: 1.6em;
	margin-bottom: 10px;
}

#interview .inner .wp_detail .leftbox .wp_detailbox .wp_detail_naiyo .wp_detail_tit1 {
	font-size: 15px;
	line-height: 1.6em;
	margin-bottom: 10px;
}


#interview .inner .wp_detail .leftbox .wp_detailbox .wp_detail_naiyo .wp_detail_txt{
	font-size: 15px;
	line-height: 1.6em;
	margin-bottom: 15px;
}

#interview .inner .wp_detail .leftbox .wp_detail_btnbox{
	width: 840px;
}

#interview .inner .wp_detail .leftbox .wp_detail_btnbox .leftbtn{
	float: left;
	width: 50%;
}

#interview .inner .wp_detail .leftbox .wp_detail_btnbox .linkbtn input:hover{
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
	opacity: 0.7;
}

#interview .inner .wp_detail .leftbox .wp_detail_btnbox .linkbtn input{
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
}


#interview .inner .wp_detail .leftbox .wp_detail_btnbox .rightbtn{
	float: right;
	width: 50%;
}

/*-------rightbox*/

#interview .inner .wp_detail .rightbox{
	float: right;
	margin: 0 auto;
	width: 333px;
}

#interview .inner .wp_detail .rightbox .title{
	background-color: #333;
	color: #fff;
	text-align: center;
	padding: 10px;
	font-size: 18px;
	line-height: 1.4em;
	font-weight: bold;
}

#interview .inner .wp_detail .rightbox .right_wp_list{
	background-color: #ddd;
	border: 2px solid #383838;
}

#interview .inner .wp_detail .rightbox .right_wp_list .right_wpbox{
}

#interview .inner .wp_detail .rightbox .right_wp_list .right_wpbox li{
	border-bottom: 1px dotted #383838;
	padding: 20px 20px 10px;
}

#interview .inner .wp_detail .rightbox .right_wp_list .right_wpbox li .wp_tit{
	color: #2e68ff;
	font-size: 22px;
	line-height: 1.4em;
	font-weight: bold;
}

#interview .inner .wp_detail .rightbox .right_wp_list .right_wpbox li .wp_tit a{
	color: #2e68ff;
}

#interview .inner .wp_detail .rightbox .right_wp_list .right_wpbox li .wp_tit a:hover{
	color: #6d93f7;
}

#interview .inner .wp_detail .rightbox .right_wp_list .right_wpbox li .wp_comp{
	margin-bottom: 20px;
	line-height: 1.8em;
}

#interview .inner .wp_detail .rightbox .right_wp_list .right_wpbox li .checkbox{
	background-color: #ff0000;
	color: #fff;
	font-size: 16px;
	padding: 5px;
	text-align: center;
}

#interview .inner .wp_detail .rightbox .right_wp_list .right_wpbox li .checkbox input{
	margin-right: 5px;
	transform: scale(1.5);
	vertical-align: middle;
}

#interview .inner .wp_detail .rightbox .right_wp_list .linkimg{
	padding: 20px 0;
	text-align: center;
}

.thanks_catch{
	color: #eb441d;
	font-size: 28px;
	line-height: 1.3;
	text-align: center;
	font-weight: bold;
	margin-bottom: 20px;
}