/*
Last Updated: 2018-05-16
Author: minoura
*/

/*----------------------------------------
	全体
----------------------------------------*/

html{
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ ゴシック',sans-serif;
	font-size:62.5%;
	color: #000;
	-webkit-text-size-adjust:100%;
	line-height:1.5;
}
body{ font-size:1.4rem; font-size: 1.4em; }
img{ vertical-align: bottom; }
img{
	-webkit-backface-visibility: hidden !important;
}

a{ color:#009dc4; }
a:hover{ color:#05bfee; }

.text_red{ color:#cc0000; }
.text_white{ color:#fff; }
.text_yellow{ color:#fed92a; }
.text_orenge{ color:#f39800; }

.text_bold{ font-weight: bold; }
.text_normal{ font-weight: normal; }

.text_yu_go{ font-family:'游ゴシック体', 'Yu Gothic', YuGothic,'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ ゴシック',sans-serif; }
.text_yu_min{ font-family:'游明朝体', 'Yu Mincho', YuMincho, 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro','ＭＳ Ｐ明朝','ＭＳ 明朝',serif; }


/*----------------------------------------
	画像を中央配置
----------------------------------------*/

.photo_frame{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
	padding: 75% 0 0;
	background: #ddd;
}
.photo_frame img{
	width: 100%;
	height: auto !important;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	-ms-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
}
.photo_frame img:not(:target){
	left: 0\9;
	top: 0\9;
}
.photo_frame img{
	left: 0\9;
	top: 0\9;
}
@media all and (-ms-high-contrast: none) {
.photo_frame img{
		left: 50%\9 !important;
		top: 50%\9 !important;
	}
}
.photo_frame{ z-index: 2; }/*chrome対策*/


/*----------------------------------------
	text
----------------------------------------*/

.text_8{ font-size:0.8rem !important; }
.text_9{ font-size:0.9rem !important; }
.text_10{ font-size:1.0rem !important; }
.text_11{ font-size:1.1rem !important; }
.text_12{ font-size:1.2rem !important; }
.text_13{ font-size:1.3rem !important; }
.text_14{ font-size:1.4rem !important; }
.text_15{ font-size:1.5rem !important; }
.lh_08{ line-height: 0.8 !important; }
.lh_12{ line-height: 1.2 !important; }
.lh_13{ line-height: 1.3 !important; }
.lh_14{ line-height: 1.4 !important; }

p{ line-height:1.8; }

@media print, screen and (min-width: 769px) {

	.text_16{ font-size:1.6rem !important; }
	.text_17{ font-size:1.7rem !important; }
	.text_18{ font-size:1.8rem !important; }
	.text_19{ font-size:1.9rem !important; }
	.text_20{ font-size:2.0rem !important; }
	.text_21{ font-size:2.1rem !important; }
	.text_22{ font-size:2.2rem !important; }
	.text_24{ font-size:2.4rem !important; }
	.text_26{ font-size:2.6rem !important; }
	.text_28{ font-size:2.8rem !important; }
	.text_30{ font-size:3.0rem !important; }
	.text_36{ font-size:3.6rem !important; }
	.text_40{ font-size:4.0rem !important; }

	/*line-height*/
	.lh_15{ line-height: 1.5 !important; }
	.lh_16{ line-height: 1.6 !important; }
	.lh_17{ line-height: 1.7 !important; }
	.lh_18{ line-height: 1.8 !important; }
	.lh_19{ line-height: 1.9 !important; }
	.lh_20{ line-height: 2 !important; }
	.lh_21{ line-height: 2.1 !important; }
	.lh_22{ line-height: 2.2 !important; }
	.lh_23{ line-height: 2.3 !important; }
	.lh_24{ line-height: 2.4 !important; }
	.lh_25{ line-height: 2.5 !important; }

	/*letter-spacing*/
	.ls_-2{ letter-spacing: -2px; }
	.ls_-1{ letter-spacing: -1px; }
	.ls_1{ letter-spacing: 1px; }
	.ls_2{ letter-spacing: 2px; }
	.ls_3{ letter-spacing: 3px; }

}/*END*/

@media screen and (max-width: 768px){

	.text_16,
	.text_17,
	.text_18{
		font-size: 1.4rem;
	}
	.text_20,
	.text_19,
	{
		font-size: 1.5rem !important;
	}
	.text_21,
	.text_22{
		font-size: 1.6rem !important;
	}
	.text_24,
	.text_26,
	.text_28,
	.text_30,
	.text_36,
	.text_40{
		font-size: 1.8rem !important;
	}

}/*END*/

li{ list-style:none; }
.center{ text-align:center; }
.text_left{ text-align:left; }
.text_right{ text-align:right; }
.left{ float:left; }
.right{ float:right; }

.clear{ clear:both; }
@media print, screen and (min-width: 769px) { .pc_clear{ clear:both; } }
@media screen and (max-width: 768px) { .tb_clear{ clear:both; } }
@media screen and (max-width: 479px) { .sp_clear{ clear:both; } }

.op:hover{
	filter: alpha(opacity=60);
	-moz-opacity:060;
	opacity:0.60;
}
@media print, screen and (min-width: 769px) {
	.op:hover{
		-webkit-transition: opacity 0.1s ease-out;
		-moz-transition: opacity 0.1s ease-out;
		-ms-transition: opacity 0.1s ease-out;
		transition: opacity 0.1s ease-out;
	}
}/*END*/

.shadow{
	box-shadow:rgba(0, 0, 0, 0.3) 0px 1px 2px 0;
	-webkit-box-shadow:rgba(0, 0, 0, 0.3) 0px 1px 2px 0;
	-moz-box-shadow:rgba(0, 0, 0, 0.3) 0px 1px 2px 0;
}


/*----------------------------------------
	共通
----------------------------------------*/

.pan_nav{
	font-size: 1.2rem;
	background: #eee;
	letter-spacing: 1px;
	padding: 8px 10px;
	color: #222;
}
.pan_nav a{
	text-decoration: none;
	color: #222;
}
.pan_nav a:hover{ text-decoration: underline; }

@media screen and (max-width: 768px) {

	.pan_nav{ display: none; }

}/*END*/


/*----------------------------------------
	layout
----------------------------------------*/

.inner_frame{
	width: 100%;
	position: relative;
	box-sizing: border-box;
}

@media print, screen and (min-width: 769px) {

	.narrow_frame,
	.inner_frame{
		padding-right: 1.5%;
		padding-left: 1.5%;
	}

}/*END*/

@media print, screen and (min-width: 850px) {

	.narrow_frame{
		width: 830px;
		padding-right: 20px;
		padding-left: 20px;
		margin-left: auto;
		margin-right: auto;
	}

}/*END*/

@media print, screen and (min-width: 1120px) {

	.inner_frame{
		width: 1100px;
		padding-right: 20px;
		padding-left: 20px;
		margin-right: auto;
		margin-left: auto;
	}

}/*END*/

@media screen and (max-width: 768px){

	.narrow_frame,
	.inner_frame{
		padding-right: 3%;
		padding-left: 3%;
	}

}/*END*/

@media screen and (max-width: 479px){

	.narrow_frame,
	.inner_frame{
		padding-right: 4%;
		padding-left: 4%;
	}

}/*END*/

/*iframe比率維持*/
.map{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
	padding: 60% 0 0;
	text-align: center;
}
.map iframe{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	-ms-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
}
.map iframe:not(:target){
	left: 0\9;
	top: 0\9;
}
.map iframe{
	left: 0\9;
	top: 0\9;
}
@media all and (-ms-high-contrast: none) {
.map iframe{
		left: 50%\9 !important;
		top: 50%\9 !important;
	}
}
.map{ z-index: 2; }/*chrome対策*/

/*----------------------------------------
	分割用
----------------------------------------*/

.box_l{
	float: left;
	width: 48.11%;
}
.box_r{
	float: right;
	width: 48.11%;
}
.list_two,
.list_three,
.list_four,
.list_five{
	margin-left: -1.85%;
}
.list_two li,
.list_three li,
.list_four li,
.list_five li{
	position: relative;
	float: left;
	margin-bottom: 20px;
	box-sizing: border-box;
	margin-left: 1.85%;
}
.list_three li{ width: 31.48%; }
.list_two li{ width: 48.14%; }
.list_four li{ width: 23.14%; }
.list_five li{ width: 17.59%; }

.list_two li a,
.list_three li a,
.list_four li a,
.list_five li a{
	text-decoration: none;
}

@media print, screen and (min-width: 769px) {

	.list_two li:nth-child(2n+1),
	.list_three li:nth-child(3n+1),
	.list_four li:nth-child(4n+1),
	.list_five li:nth-child(5n+1){
		clear: both;
	}

}/*END*/

@media screen and (max-width: 768px){

	.box_l,
	.box_r{
		float: none;
		width: 100%;
	}
	.list_three{ margin-left: 0; }
	.list_three li{
		float: none;
		width: 100%;
		margin-left:0;
	}
	.list_four li:nth-child(2n+1){ clear: both; }
	.list_four li{
		width: 48.14%;
	}

}/*END*/

@media screen and (max-width: 479px){

	.list_two{ margin-left:0; }
	.list_two li{
		float: none;
		width: 100%;
		margin-left:0;
	}
	.list_five li:nth-child(3n+1){ clear: both; }
	.list_five li{
		width: 31.48%;
	}

}/*END*/


/*----------------------------------------
	btn
----------------------------------------*/

.btn{
	display: inline-block;
	text-decoration: none;
	text-align: center;
	line-height: 1 !important;
	box-sizing: border-box;
}
.btn_white{
	border: 3px solid #fff;
	color: #fff;
}
.btn_white:hover{ color: #fff; }
.btn_black{
	border: 3px solid #000;
	color: #000;
}
.btn_black:hover{
	color: #000;
	background: #eee;
}
.btn_yellow{
	border: 3px solid #000;
	background: #fed92a;
	color: #000;
}
.btn_yellow:hover{
	background: #ffe671;
	color: #000;
}
.btn_200{ width: 200px; }
.btn_250{ width: 250px; }
.btn_300{ width: 300px; }
.btn_350{ width: 350px; }
.btn_auto{
	padding-right: 20px;
	padding-left: 20px;
}
.btn_all{ width: 100%; }


/*----------------------------------------
	header
----------------------------------------*/

header{
	position: relative;
	width:100%;
	background: #313131;
	box-sizing: border-box;
}
nav li a{ display: block; }
header h1{
	font-weight: normal;
	color: #a0a0a0;
	font-size: 1.0rem;
}
.head_logo{ float: left; }
.head_mail{
	float: right;
	background: #fed92a;
	display: block;
	text-align: center;
	box-sizing: border-box;
}

@media print, screen and (min-width: 769px) {

	.head_logo{
		width: 295px;
		padding-top: 11px;
		margin-left: 1.2%;
	}
	.g_nav{
		float: right;
		text-align: right;
	}
	header h1{
		padding-top: 12px;
		line-height: 1.2;
		padding-right: 2.5%;
		padding-bottom: 10px;
	}
	nav li{ float: left; }
	nav li img{ width: 100%; }
	.nav01{ width: 17.18%; }
	.nav02{ width: 15.62%; }
	.nav03{ width: 14.06%; }
	.nav04{ width: 18.75%; }
	.nav05{ width: 18.75%; }
	.nav06{ width: 15.62%; }

	.head_mail a{
		display: block;
		box-sizing: border-box;
		width: 70px;
		height: 70px;
		padding-top: 20px;
	}
	.head_mail img{ width: 44.28%; }

}/*END*/

@media print, screen and (min-width:769px) and ( max-width:1119px) {

	.head_logo{ width: 26.86%; }
	.g_nav{ width: 58.18%; }
	.head_mail{ width: 6.36%; }
	header h1{
		padding-top: 10px;
		padding-bottom: 8px;
	}

}/*END*/

@media print, screen and (min-width: 769px) and ( max-width: 899px) {

	.head_mail{
		height: 55px;
		padding-top: 18px;
	}
	header h1{
		padding-top: 10px;
		padding-bottom: 3px;
	}

}/*END*/

@media print, screen and (min-width: 900px) and ( max-width:1119px) {

	.head_mail{
		height: 65px;
		padding-top: 18px;
	}
	header h1{
		padding-top: 10px;
		padding-bottom: 8px;
	}

}/*END*/

@media print, screen and (min-width: 1120px) {

	.g_nav{ width: 640px; }

}/*END*/

@media screen and (max-width: 768px){

	header h1{
		position: absolute;
		left: 2%;
		top: 15px;
	}
	.head_logo{
		padding-top: 20px;
		width: 56%;
		max-width: 250px;
		margin-left: 2%;
		margin-top: 13px;
	}
	.head_mail,
	.sd-trigger{
		width: 18%;
		max-width: 66px;
		height: 56px;
		border-radius: 4px;
		float: right;
		text-align: center;
		cursor: pointer;
		box-sizing: border-box;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.head_mail{
		margin-left: 1.5%;
		padding-top: 16px;
		margin-right: 1.5%;
	}
	.sd-trigger{
		background: #fff;
		padding-top: 20px;
	}
	.head_mail img{ width: 50%; }
	.sd-trigger img{ width: 72%; }

	#sd{ box-sizing: border-box; }
	#sd ul{
		margin-bottom: 0;
		border-top: 1px dotted #959595;
	}
	#sd li{ position: relative; }
	#sd li img{ display: none; }
	.sp_dd .menu_text,
	#sd li a{
		display: block;
		text-decoration: none;
		padding: 20px 2% 20px 4%;
		color:#000;
		border-bottom: 1px dotted #959595;
	}
	#sd li a:before{
		content:attr(data-label);
		color:#000;
	}
	#sd li a:hover,
	#sd li a:hover:before{
		color:#777;
	}

	/*スマホメニュー*/
	.sp_menu{
		clear: both;
		padding-top: 10px;
		padding-bottom: 10px;
		background: #313131;
		border-top: 1px solid #434343;
	}
	.sp_menu li{
		list-style: none;
		float: left;
		border-left: 1px solid #434343;
		box-sizing: border-box;
		width: 25%;
		text-align: center;
	}
	.sp_menu li:first-child{ border-left: 1px solid #313131; }
	.sp_menu li a{ display: block; }

	/*ドロップダウン*/
	.sp_dd ul{
		display: none;
		border-top: none !important;
	}
	.sp_dd li a{
		padding-left: 11% !important;
		background: url("images/common/arrow_beige.png") no-repeat left 4% center;
		background-size: 12px;
	}

	/*ドロワー+ボタン開閉*/
	.plus_icon{
		background: #00783d;
		border-radius: 2px;
	}
	.plus_icon,
	.plus_icon span{
		display: inline-block;
		transition: all .4s;
		box-sizing: border-box;
	}
	.plus_icon{
		position: absolute;
		width: 30px;
		height: 30px;
		right: 6px;
		top: 12px;
		cursor: pointer;
	}
	.plus_icon span{
		position: absolute;
		left: 6px;
		top: 0;
		width: 60%;
		height: 2px;
		background-color: #fff;
		padding: 0 !important;
	}
	.plus_icon span:nth-of-type(1){
		top: 14px;
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
	}
	.plus_icon span:nth-of-type(2){
		top: 14px;
		transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-o-transform: rotate(90deg);
	}
	.active .plus_icon span:nth-of-type(1){ display:none; }
	.active .plus_icon span:nth-of-type(2){
		top: 14px;
		transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-o-transform: rotate(180deg);
	}

}/*END*/


/*----------------------------------------
	MV
----------------------------------------*/

#container{ overflow: hidden; }
#top_mv{
	position: relative;
	background: #313131;
}
.under_mv{ position: relative; }
.mv_bg{
	position: relative;
	width: 100%;
}
.page_ttl{
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 45.45%;
}

@media print, screen and (min-width: 769px){

	#top_mv .bxslider img{ width: 100%; }
	.mv_copy{
		position: absolute;
		margin: auto;
		top: 0;
		bottom: 0;
		right: 50%;
		max-height: 80%;
	}

}/*END*/

@media print, screen and (min-width: 1120px){

	.page_ttl{ width: 500px; }

}/*END*/

@media screen and (max-width: 768px){

	.top_hide{ display: none; }
	.bx-wrapper img{ max-width: 200%; }
	.mv_copy{
		position: relative;
		width: 70%;
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-top: -430px;
		z-index: 10;
	}
	.mv_bg{
		width: 150%;
		margin-left: -25%;
	}
	.page_ttl{ width: 50%; }
	.top_bg h1{ padding-top: 20px; }

}/*END*/

@media screen and (max-width: 479px){

	.bx-wrapper img{
		max-width: 260%;
		margin-left: -150%;
	}
	.mv_copy{
		width: 80%;
		margin-top: -320px;
	}
	.top_bg h1{ padding-top: 60px; }

}/*END*/


/*----------------------------------------
	index.php
----------------------------------------*/

.kangei{
	position: absolute;
	top: -10px;
	right: -10px;
	width: 26.47%;
}
.top_recruit a:hover .btn_white{
	background: #fff !important;
	color: #000;
}
.iv_set a{
	color: #000;
	text-decoration: none;
}


.iv_set iframe{
	width: 100%;
}






/*20180509youtubeへのリンク追加*/
.movie_link{
	background: #313131;
}
.movie_link a{
	display: block;
	margin-left: auto;
	margin-right: auto;
	background: #222;
	color: #fff;
	font-size: 1.7rem;
	letter-spacing: 3px;
	padding: 20px 0;
	text-decoration: none;
	text-align: center;
	max-width: 500px;
	width: 100%;
	border: 1px solid #eee;
	transition: all 0.4s ease-in;
}
.movie_link a:hover{
	color: #313131;
	background: #fed92a;
	border-color: #fed92a;
	transition: all 0.4s ease-in;
}

@media print, screen and (min-width: 769px){

	.iv_set a{
		color: white;
		text-decoration: none;
	}


	/*20180509youtubeへのリンクを入れた為調整*/
	/*
	.top_bg{
		background: url("../images/top/top_bg.png") no-repeat left top 110px #313131;
		padding-top: 190px;
		padding-bottom: 90px;
	}
	*/
	.top_bg{
		background: url("../images/top/top_bg.png") no-repeat left top 70px #313131;
		padding-top: 140px;
		padding-bottom: 90px;
	}


	.top_bg .box_r{ padding-bottom: 180px; }
	.iv_l{ float: left; width: 31.32%;}
	.iv_r{ float: right; width: 59.43%;}
	.iv_set{
		position: relative;
		margin-bottom: 30px;
	}
	.iv_text_l,
	.iv_text_r{
		position: absolute;
		top: 0;
		width: 97%;
		padding: 5% 0 15% 0;
	}
	.iv_text_l{
		background: url("../images/top/iv_imgbg_l.png") no-repeat;
		background-size: 100%;
		text-align: left;
		padding-left: 3%;
	}
	.iv_text_r{
		background: url("../images/top/iv_imgbg_r.png") no-repeat;
		background-size: 100%;
		text-align: right;
		padding-right: 3%;
	}

}/*END*/

@media print, screen and (min-width: 769px) and ( max-width: 899px) {

	.iv_text_r .text_30,
	.iv_text_l .text_30{
		font-size: 2.2rem !important;
	}
	.iv_text_r .m_b20,
	.iv_text_l .m_b20{
		margin-bottom: 10px !important;
	}
	.iv_text_r .text_16,
	.iv_text_l .text_16{
		font-size: 1.5rem !important;
	}
	.iv_text_r p.text_12,
	.iv_text_l p.text_12{
		line-height: 1.5;
	}

}/*END*/

@media print, screen and (min-width: 900px) and ( max-width: 1119px) {

	.iv_text_r .text_30,
	.iv_text_l .text_30{
		font-size: 2.6rem !important;
	}
	.iv_text_r .m_b20,
	.iv_text_l .m_b20{
		margin-bottom: 15px !important;
	}
	.iv_text_r .text_16,
	.iv_text_l .text_16{
		font-size: 1.5rem !important;
	}

}/*END*/

@media screen and (max-width: 768px){

	.top_bg{
		background: #313131;
		padding-bottom: 30px;
	}
	.top_bg .box_r{ padding-bottom: 30px; }
	.iv_l{ margin-bottom: 30px; }
	.iv_photo{ margin-bottom: 10px; }
	.iv_set{ padding-bottom: 10px; }

}/*END*/


/*----------------------------------------
	採用情報
----------------------------------------*/

.new_g li a{
	color: #000;
	text-decoration: none;
}

@media print, screen and (min-width: 769px){

	.mid_btn_area{
		width: 620px;
		margin-left: auto;
		margin-right: auto;
	}

}/*END*/

@media print, screen and (min-width: 960px){

	.new_btn_area{
		width: 940px;
		margin-left: auto;
		margin-right: auto;
	}

}/*END*/

@media screen and (max-width: 768px){

	.new_btn_area li{ margin-bottom: 10px; }

}/*END*/


/*----------------------------------------
	support
----------------------------------------*/

@media print, screen and (min-width: 960px){

	.female_point{
		width: 940px;
		margin-left: auto;
		margin-right: auto;
	}

}/*END*/


/*----------------------------------------
	募集要項・会社情報テーブル
----------------------------------------*/

.recruit_l{
	float: left;
	width: 22.64%;
}
.recruit_r{
	float: right;
	width: 74.52%;
}
.recruit_table{
	width: 100%;
	line-height: 1.6;
}
.recruit_table th,
.recruit_table td{
	font-weight: normal;
	vertical-align: top;
	padding: 20px 2%;
}
.recruit_table th{
	border-top: 1px solid #959595;
	border-bottom: 1px solid #959595;
}
.recruit_table td{
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
}
.mechanic_bg{
	background: url("../images/new/mechanic_bg.gif") no-repeat left top 46px;
	padding-top: 100px;
}
.service_bg{
	background: url("../images/mid/service_bg.gif") no-repeat left top 46px;
	padding-top: 100px;
	margin-top: -30px;
}
.clerk_bg{
	background: url("../images/new/clerk_bg.gif") no-repeat left top 46px;
	padding-top: 100px;
}
.sales_bg{
	background: url("../images/mid/sales_bg.gif") no-repeat left top 46px;
	padding-top: 100px;
}
.history_bg{
	background: url("../images/outline/history_bg.gif") no-repeat left top 46px;
	padding-top: 100px;
}
.outline_bg{
	background: url("../images/outline/outline_bg.gif") no-repeat left top 46px;
	padding-top: 100px;
}

@media print, screen and (min-width: 769px){

	.history_bg .recruit_table th,
	.outline_bg .recruit_table th{
		width: 120px;
	}
	.service_bg .recruit_table th,
	.mechanic_bg .recruit_table th{
		width: 150px;
	}

}/*END*/

@media screen and (max-width: 768px){

	.recruit_l,
	.recruit_r{
		float: none;
		width: 100%;
	}
	.recruit_table th,
	.recruit_table td{
		display: block;
		border: none;
	}
	.recruit_table th{
		background: #dcdcdc;
		padding: 4px 3%;
		text-align: left;
	}
	.recruit_table td{ padding: 8px 1% 20px 1%; }
	.mechanic_bg{
		background-position: left top;
		background-size: 80%;
		padding-top: 30px;
	}
	.history_bg{
		background-position: left top 20px;
		background-size: 60%;
		padding-top: 50px;
	}
	.outline_bg{
		background-position: left top;
		background-size: 60%;
		padding-top: 30px;
	}

}/*END*/


/*----------------------------------------
	interview　共通
----------------------------------------*/

.interview_mv .inner_frame{
	position: absolute;
	left: 0;
	right: 0;
	magin: auto;
}

@media print, screen and (min-width: 769px) and ( max-width: 979px) {

	.interview_mv .inner_frame{ top: 10%; }
	.interview_mv .inner_frame .m_b25{ margin-bottom: 15px !important; }
	.interview_mv .inner_frame .m_b20{ margin-bottom: 10px !important; }
	.interview_mv .inner_frame .text_36{ font-size: 2.8rem !important; }
	.interview_mv .inner_frame .text_16{ font-size: 1.4rem !important; }

}/*END*/

@media print, screen and (min-width: 980px) and ( max-width: 1169px) {

	.interview_mv .inner_frame{ top: 15%; }
	.interview_mv .inner_frame .m_b25{ margin-bottom: 20px !important; }
	.interview_mv .inner_frame .m_b20{ margin-bottom: 15px !important; }
	.interview_mv .inner_frame .text_36{ font-size: 3.1rem !important; }
	.interview_mv .inner_frame .text_16{ font-size: 1.5rem !important; }

}/*END*/

@media print, screen and (min-width: 1170px) and ( max-width: 1369px) {

	.interview_mv .inner_frame{ top: 20%; }
	.interview_mv .inner_frame .text_36{ font-size: 3.4rem !important; }

}/*END*/

@media print, screen and (min-width: 1370px){

	.interview_mv .inner_frame{ top: 25%; }

}/*END*/

@media screen and (max-width: 768px){

	.interview_mv .inner_frame{
		position: static;
		margin-bottom: 10px;
	}
	.interview_mv .inner_frame .text_16{ line-height: 1.6 !important; }
	.interview_mv .inner_frame .text_36{ font-size: 2.4rem !important; }
	.mv_bg{width: 200%; margin-left: -100%; }
	.interview_mv .inner_frame .m_b25{ padding-top: 10px !important; }

}/*END*/

@media screen and (max-width: 479px){

	.interview_mv .inner_frame .m_b25{ margin-bottom: 8px !important; }
	.interview_mv .inner_frame .m_b20{ margin-bottom: 2px !important; }
	.interview_mv .inner_frame .text_36{ font-size: 2rem !important;}
	.interview_mv .inner_frame .text_16{ font-size: 1.2rem !important;}
	.mv_bg{ width: 200%; margin-left: -100%; }

}/*END*/


/*----------------------------------------
	interview　ひとり
----------------------------------------*/



.fukidashi{
	position: relative;
	display: inline-block;
	background: #e5e5e5;
	padding: 10px 3.5%;
	line-height: 1.2;
}
.fukidashi:after{
	border-top: 14px solid #e5e5e5;
	border-right: 14px solid transparent;
	border-left: 14px solid transparent;
	content: '';
	margin-left: -7px;
	position: absolute;
	bottom: -14px;
	left: 50%;
}
.interview_frame{ position: relative; }
.profile{ background: url("../images/interview01/profile_bg.gif") no-repeat left top; }
.profile_l{
	float: left;
	width: 58.49%;
}
.profile_r{
	float: right;
	width: 39.62%;
}

@media print, screen and (min-width: 769px){

	.interview_img_r{
		position: absolute;
		left: 50%;
		top: 130px;
	}
	.interview_img_l{
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		margin-left: -150px;
		margin-top: auto;
		margin-bottom: auto;
	}
	.profile .profile_l{ padding-top: 55px; }

}/*END*/

@media print, screen and (min-width: 769px) and ( max-width: 1119px) {

	.interview_img_r{ width: 48%; }
	.interview_img_l{
		width: 48%;
		margin-left: 0;
	}

}/*END*/

@media screen and (max-width: 768px){

	.interview_img_r,
	.interview_img_l{
		float: none;
		margin-bottom: 30px;
		width: 100%;
	}
	.profile{ background: none; }

}/*END*/

@media screen and (max-width: 479px){

	.profile_r,.profile_l{ float: none; width: 100%; }
	.profile img{ width: 80%; margin: 10%; }

}/*END*/


/*----------------------------------------
	interview　対談
----------------------------------------*/
.member_list img{
	max-width:250px;
}
.member_list li{
	text-align:center;
	margin-bottom:60px;
}
.member_list.small_inner{
	max-width:535px;
	margin:0 auto;
}



.inteview_num{
	position: relative;
	text-align: center;
}
.inteview_num h2{
	margin-top: -45px;
	position: relative;
}

/*ふきだし共通*/
.fukidashi_water p,
.fukidashi_mikan p,
.fukidashi_green p,
.fukidashi_orange p,
.fukidashi_pink p,
.fukidashi_blue p{
	width: 88.6%;
	position: relative;
	border-width: 3px;
	border-style: solid;
	border-radius: 5px;
	box-sizing: border-box;
	padding: 15px 3%;
}

.fukidashi_water img,
.fukidashi_green img,
.fukidashi_mikan img,
.fukidashi_orange img,
.fukidashi_pink img,
.fukidashi_blue img{
	width: 8.86%;
	margin-top: -4px;
}

.fukidashi_water p:before,
.fukidashi_green p:before,
.fukidashi_mikan p:before,
.fukidashi_orange p:before,
.fukidashi_pink p:before,
.fukidashi_blue p:before{
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	top: 16px;
}

.fukidashi_water p:after,
.fukidashi_green p:after,
.fukidashi_mikan p:after,
.fukidashi_orange p:after,
.fukidashi_pink p:after,
.fukidashi_blue p:after{
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	top: 16px;
}

.fukidashi_water p{ border-color: #00a0e9;  }
.fukidashi_mikan p{ border-color: #f39800;  }
.fukidashi_orange p{ border-color: #f39800; }
.fukidashi_green p{ border-color: #8fc31f; }
.fukidashi_blue p{ border-color: #00a0e9; }
.fukidashi_pink p{ border-color: #eb6877; }


.fukidashi_water p:before{ border-right: 15px solid #00a0e9;  }
.fukidashi_pink p:before{ border-right: 15px solid #eb6877; }
.fukidashi_orange p:before{ border-right: 15px solid #f39800; }

.fukidashi_mikan p:before{ border-left: 15px solid #f39800;  }
.fukidashi_green p:before{ border-left: 15px solid #8fc31f; }
.fukidashi_blue p:before{ border-left: 15px solid #00a0e9; }


/*ふきだし右向き（青・黄緑）*/
.fukidashi_mikan p,
.fukidashi_green p,
.fukidashi_blue p{
	float: left;
}
.fukidashi_mikan img,
.fukidashi_green img,
.fukidashi_blue img{
	float: right;
}
.fukidashi_mikan p:before,
.fukidashi_green p:before,
.fukidashi_blue p:before{
	right: -15px;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
}
.fukidashi_mikan p:after,
.fukidashi_green p:after,
.fukidashi_blue p:after{
	right: -11px;
	border-left: 15px solid #fff;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
}

/*ふきだし左向き（オレンジ・ピンク）*/
.fukidashi_water p,
.fukidashi_pink p,
.fukidashi_orange p{
	float: right;
}
.fukidashi_water img,
.fukidashi_pink img,
.fukidashi_orange img{
	float: left;
}
.fukidashi_water p:before,
.fukidashi_pink p:before,
.fukidashi_orange p:before{
	left: -15px;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
}
.fukidashi_water p:after,
.fukidashi_pink p:after,
.fukidashi_orange p:after{
	left: -11px;
	border-right: 15px solid #fff;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
}

/*TIPS*/
.tips{
	background: url("../images/interview05/tips_bg.gif") left top no-repeat #eee;
	background-size: 100%;
	box-sizing: border-box;
	padding-right: 2.27%;
	padding-left: 2.27%;
}
.tips .box_l{ padding-top: 35px; }

.tips.message_bg{
	background: url("../images/interview05/message_bg.jpg") left top no-repeat #eee;
	background-size: 100%;
	box-sizing: border-box;
	padding-right: 2.27%;
	padding-left: 2.27%;
}


@media print, screen and (min-width: 769px){

	/*ふきだし右向き（青・黄緑）*/
	.fukidashi_mikan,
	.fukidashi_green,
	.fukidashi_blue{
		margin-left: 18.55%;
	}

	/*ふきだし左向き（オレンジ・ピンク）*/
	.fukidashi_water,
	.fukidashi_pink,
	.fukidashi_orange{
		margin-right: 18.55%;
	}

}/*END*/

@media print, screen and (min-width: 920px){

	/*TIPS*/
	.tips{
		width: 880px;
		margin-left: auto;
		margin-right: auto;
	}
	.tips .box_l{
		padding-top: 44px;
	}

}/*END*/
@media print, screen and (min-width: 990px){

	.talk_frame{
		width: 970px;
		margin-left: auto;
		margin-right: auto;
	}

}/*END*/

@media screen and (max-width: 768px){
	.member_list li{
		text-align:center;
		margin-bottom:40px;
	}

	.list_three.member_list li {
	    float: left;
	    width: 33.333%;
	    margin-left: 0;
	}

	.list_three.member_list li:nth-child(4n){
		clear:both;
	}

	.inteview_num h2{ margin-top: -30px; }

	/*ふきだし右向き（青・黄緑）*/
	.fukidashi_mikan,
	.fukidashi_green,
	.fukidashi_blue{
		margin-left: 5%;
	}

	/*ふきだし左向き（オレンジ・ピンク）*/
	.fukidashi_water,
	.fukidashi_pink,
	.fukidashi_orange{
		margin-right: 5%;
	}

	/*ふきだし共通*/
	.fukidashi_mikan p,
	.fukidashi_water p,
	.fukidashi_green p,
	.fukidashi_orange p,
	.fukidashi_pink p,
	.fukidashi_blue p{
		width: 84.6%;
	}
	.fukidashi_mikan img,
	.fukidashi_water img,
	.fukidashi_green img,
	.fukidashi_orange img,
	.fukidashi_pink img,
	.fukidashi_blue img{
		width: 11%;
		padding-top: 3px;
	}

	/*TIPS*/
	.tips .box_l{
		padding-top: 25px;
	}
	.tips{
		padding-right: 3%;
		padding-left: 3%;
	}

}/*END*/

@media screen and (max-width: 479px){
	.member_list li{
		text-align:center;
		margin-bottom:30px;
	}

	.list_three.member_list li {
	    float: left;
	    width: 50%;
	    margin-left: 0;
	}

	.list_three.member_list li:nth-child(3n){
		clear:both;
	}
	.list_three.member_list li:nth-child(2n){
		clear:none;
	}


	.list_two.member_list li {
	    float: left;
	    width: 50%;
	    margin-left: 0;
	}





	.inteview_num h2{ margin-top: -20px; }

	/*ふきだし共通*/
	.fukidashi_mikan p,
	.fukidashi_water p,
	.fukidashi_green p,
	.fukidashi_orange p,
	.fukidashi_pink p,
	.fukidashi_blue p{
		width: 80.6%;
	}
	.fukidashi_mikan img,
	.fukidashi_water img,
	.fukidashi_green img,
	.fukidashi_orange img,
	.fukidashi_pink img,
	.fukidashi_blue img{
		width: 15%;
		padding-top: 8px;
	}

	/*TIPS*/
	.tips .box_l{ padding-top: 20px; }
	.tips{
		padding-right: 3.5%;
		padding-left: 3.5%;
	}

}/*END*/


/*----------------------------------------
	entry form
----------------------------------------*/

.hissu,
.nini{
	display: inline-block;
	line-height: 1;
	padding: 3px 8px;
	box-sizing: border-box;
	border-radius: 2px;
	font-size: 1.2rem;
	margin-left: 10px;
}
.hissu{ background: #fed92a; }
.nini{ background: #dcdcdc; }

.entry_table{
	width: 100%;
	line-height: 1.6;
}
.entry_table th,
.entry_table td{
	font-weight: normal;
	vertical-align: middle;
	padding: 11px 2%;
	text-align: left;
	box-sizing: border-box;
}
.entry_table.confirm th,
.entry_table.confirm td{
	padding: 20px 2%;
}
.entry_table th{
	border-top: 1px solid #959595;
	border-bottom: 1px solid #959595;
}
.entry_table td{
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
}
.send_btn input{ background: #fff !important; }
.send_btn input:hover{ background: #eee !important; }


/*error*/
td.error{ background: #feefef; }
p.error{
	color: #e60012;
	padding-top: 7px;
	font-size: 1.3rem;
	line-height: 1.4;
	clear: both;
}

@media print, screen and (min-width: 769px){

	.entry_table th{ width: 200px; }
	.radio div,
	.radio input,
	.check div{
		float: left;
		margin-right: 20px;
	}
	.send_btn input{
		display: inline-block;
		margin-right: 10px;
		margin-left: 10px;
	}

}/*END*/

@media screen and (max-width: 768px){

	.entry_table th,
	.entry_table td{
		display: block;
		border: none;
	}
	.entry_table.confirm th,
	.entry_table th{
		background: #dcdcdc;
		padding: 4px 3%;
		text-align: left;
	}
	.entry_table.confirm td,
	.entry_table td{
		padding: 10px 1% 20px 1%;
	}

}/*END*/

select,
textarea,
input[type="text"],
input[type="tel"]{
	border: 1px solid #959595;
	border-radius: 3px;
	padding: 9px 10px;
	box-sizing: border-box;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-appearance: none;
		font-size: 1.4rem;
}
input[type="button"],
input[type="submit"]{
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-appearance: none;
	cursor: pointer;
}

.form1{ width: 80px; }
.form2{ width: 140px; }
.form3{ width: 220px; }
.form4{ width: 320px; }
.form_all{ width: 100%; }

@media screen and (max-width: 768px){

	select,
	textarea,
	input[type="text"]{
		font-size: 1.6rem;
	}
	.form3,
	.form4{
		width: 100%;
	}

}/*END*/


/*----------------------------------------
	radio checkbox
----------------------------------------*/

.radio input[type="radio"],
.check input[type="checkbox"]{
	display: none;
}
.radio label,
.check label{
	display: inline-block;
	position: relative;
	cursor: pointer;
	margin-left: 12px;
	padding: 11px 0 11px 16px;
	line-height: 1.2;
}
.radio label:before,
.check label:before{
	position: absolute;
	content: "";
	top: 50%;
	left: -10px;
	width: 18px;
	height: 18px;
	margin-top: -10px;
	background: #fff;
	border-radius: 50%;
	border: 1px solid #474747;
	box-sizing: border-box;
}
.check label:before{ border-radius: 0; }
.radio label,
.check label{
	margin-left: 0\9;
	padding: 11px\9;
}
.radio label:not(:target),
.check label:not(:target){
	margin-left: 10px\9;
	padding: 11px 0 11px 25px\9;
}
.radio label:before,
.check label:before{
	display: none\9;
}
.radio label:not(:target):before,
.check label:not(:target):before{
	display: inline-block\9;
}
.radio input[type="radio"]:checked + label:after{
	position: absolute;
	content: "";
	top: 50%;
	left: -5px;
	width: 8px;
	height: 8px;
	margin-top: -5px;
	border-radius: 50%;
	background: #8fc31f;
}
.check input[type="checkbox"]:checked + label::after {
	content: "";
	position: absolute;
	top: 50%;
	box-sizing: border-box;
	display: block;
}
.check input[type="checkbox"]:checked + label::after {
	left: -7px;
	width: 18px;
	height: 10px;
	margin-top: -10px;
	border-left: 3px solid #8fc31f;
	border-bottom: 3px solid #8fc31f;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}


/*----------------------------------------
	foot entry
----------------------------------------*/

.foot_entry{ background: #dcdcdc; }
.foot_entry_btn{
	display: inline-block;
	border: 3px solid #000;
	text-align: center;
	padding-top: 25px;
	padding-bottom: 25px;
	background: #fed92a;
	box-sizing: border-box;
	width: 37%;
	color: #000;
	text-decoration: none;
	font-weight: bold;
}
.foot_entry_btn img{
	width: 8%;
	vertical-align: middle;
	margin-right: 10px;
}
.foot_entry_btn:hover{
	background: #ffec50;
	color: #000;
}

@media print, screen and (min-width: 480px){

	.foot_entry_btn{ min-width: 290px; }

}/*END*/

@media screen and (max-width: 479px){

	.foot_entry_btn{ width: 90%; }

}/*END*/


/*----------------------------------------
	footer
----------------------------------------*/

footer{
	position: relative;
	background: #fff;
}
footer li{ font-size: 1.2rem; }
footer li a{
	display: block;
	text-decoration: none;
	color: #000;
}
.copyright{ background: #313131; }
.copyright small{
	color: #a0a0a0;
	font-size: 1.0rem;
}

@media print, screen and (min-width: 769px){

	.page_top{
		position: absolute;
		top: 0;
		right: 0;
	}
	footer{ padding-top: 130px; }
	footer .inner_frame{
		position: relative;
		overflow: hidden;
	}
	footer ul{
		position: relative;
		float: left;
		left: 50%;
		margin-bottom: 100px;
	}
	footer li{
		position: relative;
		float: left;
		left: -50%;
		line-height: 1.4;
		margin-right: 10px;
		margin-left: 10px;
	}
	footer li a:hover{
		text-decoration: underline;
		color: #000;
	}
	.copyright{ padding: 16px 20px; }
	.copyright img{
		float: left;
		width: 220px;
	}
	.copyright small{
		float: right;
		padding-top: 5px;
	}

}/*END*/

@media screen and (max-width: 768px){

	.page_top{
		display: block;
		text-align: center;
		color: #434343;
		text-decoration: none;
		background: #dcdcdc;
		padding-top: 14px;
		padding-bottom: 14px;
		font-family: Helvetica;
		font-weight: bold;
		letter-spacing: 1px;
	}
	.page_top:hover{
		color: #434343;
		background: #aaa;
	}
	footer .inner_frame{
		padding-right: 0;
		padding-left: 0;
	}
	footer li a{
		padding: 15px 4%;
		border-bottom: 1px solid #dcdcdc;
	}
	footer li a:hover{
		color: #000;
		background: #eee;
	}
	.copyright{
		padding: 18px 3% 12px 3%;
		text-align: center;
	}
	.copyright img{
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 8px;
		width: 70%;
	}

}/*END*/