/*===================================================================
　　ページデザイン設定　　
====================================================================*/
.TitleBox{
	padding: 40px 0;
}
.TitleBox h2.h2_title{
	text-align: center;
}
/*--------------　js-tab-wrap　--------------*/
.js-tab-contents {
	display: none;
}
.js-tab-contents.current {
	display: block;
}
/*--------------　w_tabCont　--------------*/
.w_tabCont .js-tab-wrap{
	width: 1200px;
	margin: 0 auto;
	padding: 0 72.5px;
	position: relative;
}
.w_tabCont .js-tab-wrap ul li{
	cursor: pointer;
}
.w_tabCont .js-tab-wrap ul li{
	width: 260px;
	height: 260px;
	position: absolute;
	top: 0;
}
.w_tabCont .topBox{
	position: relative;
}
.w_tabCont .topBox article:first-child{
	position: absolute;
	left: 265px;
}
.w_tabCont .topBox article:nth-child(2){
	position: absolute;
	right: 260px;
}
.w_tabCont .secondBox{
	padding: 265px 0 0 0;
}
.w_tabCont article{
	width: 260px;
	height: 260px;
	float: left;
	background: #ffffff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position: relative;
	box-sizing: border-box;
	margin: 0 5px 5px 0;
	padding: 10px;
}
.w_tabCont article:nth-child(4n){
	margin: 0 0 5px 0;
}
.w_tabCont article figure{
	line-height: 0;
}
.w_tabCont article figure img{
	width: 100%;
	height: auto;
}
/*---------------------------------------------------------
　　トップページ　　
----------------------------------------------------------*/
/*--------------　BgBnrWrap　--------------*/
.BgBnrWrap .BgBnrBox{
	width: 1120px;
	margin: auto;
}
.BgBnrWrap .BgBnrBox dl.dl_table dt ul li{
	line-height: 0;
	margin-bottom: 3px;
}
.BgBnrWrap .BgBnrBox dl.dl_table dt ul li:last-child{
	margin-bottom: 0;
}
.BgBnrWrap .BgBnrBox dl.dl_table dt,
.BgBnrWrap .BgBnrBox dl.dl_table dd{
	vertical-align: top;
}
.BgBnrWrap .BgBnrBox dl.dl_table dt{
	width: 360px;
}
.BgBnrWrap .BgBnrBox dl.dl_table dd{
	line-height: 0;
}
.BgBnrWrap .BgBnrBox dl.dl_table dd video{
	width: 100%;
	height: auto;
}
/*--------------　w_tabCont　--------------*/
.topCont .w_tabCont{
	background: #ffcdde;
	padding: 30px 0;
}
.w_tabCont .js-tab-wrap ul li.current{
	background-position: bottom;
}
.topCont .w_tabCont .LinkBtn{
	text-align: center;
}
.topCont .w_tabCont .LinkBtn a{
	display: block;
	height: 60px;
}
.topCont .w_tabCont .LinkBtn a:hover {
	background-position: bottom;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
/*　18の高待遇　*/
.w_tabCont .js-tab-wrap ul li.treatmenttab{
	left: 72.5px;
	background-image: url(../image/recruit/items/treatment_btn.png);
	margin: 0 5px 5px 0;
}
.topCont .TreatmentCont .LinkBtn a{
	background: url(../image/recruit/items/link_requirements.png);
}
/*　給料公開　*/
.w_tabCont .js-tab-wrap ul li.salarytab{
	right: 72.5px;
	background-image: url(../image/recruit/items/salary_btn.png);
	margin: 0 0 5px 0;
}
.topCont .SalaryCont article .topband{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 5;
	line-height: 0;
}
.topCont .SalaryCont article .band{
	position: absolute;
	bottom: 0px;
	right: 0px;
	z-index: 5;
	line-height: 0;
}
.topCont .SalaryCont .LinkBtn a{
	background: url(../image/recruit/items/link_salary.png);
}
/*--------------　CheckPoint　--------------*/
.CheckPoint{
	background: #ffcdde;
	padding: 30px 0;
}
.CheckPoint h2{
	text-align: center;
}
.CheckPoint .PointBox{
	width: 920px;
	margin: 0 auto;
}
.CheckPoint .PointBox ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;

}
.CheckPoint .PointBox ul li{
	width: 460px;
}
.CheckPoint .AdviserBox{
	width: 880px;
	margin: 20px auto 0 auto;
	position: relative;
}
/*.CheckPoint .AdviserBox ul li.title{
	position: absolute;
	top: 0px;
	left: 0px;
}*/
.topCont .Contact{
	background: #ffcdde;
	padding: 30px 0;
}
.topCont .Contact .LineBox{
	width: 880px;
	height: 1180px;
	margin: 0 auto;
	position: relative;
}
.topCont .Contact .LineBox ul li.linelink{
	position: absolute;
	bottom: 0px;
	left: 110px;
}
/*---------------------------------------------------------
　　下層ページ　　
----------------------------------------------------------*/
/*---------------------------------------------------------
　　パンクズ　　
----------------------------------------------------------*/
.pankuzu{
	width: 1120px;
	margin: 0 auto 20px auto;
	position: relative;
}
.pankuzu ul li{
	float: left;
	margin-left: 6px;
	color: #ff73a3;
}
.pankuzu ul li a:before {
	content: '';
	width: 6px;
	height: 6px;
	border: 0px;
	border-top: solid 1px #ffa9c4;
	border-right: solid 1px #ffa9c4;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 5px;
	margin-top: -4px;
}
.pankuzu ul li a{
	position: relative;
	display: inline-block;
	color: #ffa9c4;
	padding-right: 15px;
}
/*----------------　チャームポイント　-------------------*/
.PointWrap .ContBox{
	width: 1220px;
}
.PointWrap article{
	position: relative;
	margin-bottom: 40px;
}
.PointWrap article.point_1{
	height: 820px;
}
.PointWrap article.point_1 dl dd{
	position: absolute;
	top: 80px;
}
.PointWrap article.point_2{
	height: 1200px;
}
.PointWrap article.point_2 dl dd{
	position: absolute;
	top: 0px;
}
.PointWrap article.point_3{
	height: 1200px;
}
.PointWrap article.point_3 dl dd{
	position: absolute;
	top: 0px;
}
.PointWrap article.point_4 dl dt{
}
.PointWrap article.point_6{
	height: 975px;
}
.PointWrap article.point_6 dl dd{
	position: absolute;
	top: 50px;
}
.PointWrap .ContactBox{
	padding: 50px 0;
}
.PointWrap .ContactBox h3{
	text-align: center;
	margin-bottom: 30px;
}
.PointWrap .ContactBox ul li{
	text-align: center;
	margin-bottom: 20px;
}
/*----------------　アドバイザーの紹介　-------------------*/
.AdviserCont .BnrBox{
	text-align: center;
	margin-top: 20px;
}
.AdviserCont .TitleBox h2{
	margin-bottom: 20px;
}
.AdviserCont .TitleBox p{
	text-align: center;
	font-size: 26px;
	font-weight: bold;
}
.AdviserCont .AdviserWrap{
	background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#efefef));
	background:-webkit-linear-gradient(top, #ffffff, #efefef);
	background:-moz-linear-gradient(top, #ffffff, #efefef);
	background:-o-linear-gradient(top, #ffffff, #efefef);
	background:linear-gradient(to bottom, #ffffff, #efefef);
	padding: 20px 0;
}
.AdviserCont .AdviserWrap article{
	text-align: center;
	position: relative;
}
.AdviserCont .AdviserWrap article ul li{
	position: absolute;
	bottom: 10px;
	right: 175px;
}
.AdviserCont .AdviserWrap article ul li a{
	font-size: 18px;
	font-weight: bold;
	color: #000000;
}
/*-----------------　給料公開＆体験談　-----------------*/
.SalaryCont .SalaryWrap{
	background: url(../image/items/com_bg_1.png);
}
.SalaryWrap .SalaryList h3.h3_title{
	background: #ff71a0;
	text-align: center;
	padding: 10px 0;
	margin-bottom: 30px;
	font-size: 40px;
	line-height: 40px;
	font-weight: bold;
	color: #FFFFFF;
}
.SalaryWrap .SalaryList .ModelProfile{
	margin-bottom: 30px;
}
.SalaryWrap .SalaryList .ModelProfile dl.dl_table dt.dt_table,
.SalaryWrap .SalaryList .ModelProfile dl.dl_table dd.dd_table{
	vertical-align: middle;
}
.SalaryWrap .SalaryList .ModelProfile dl.dl_table dt.dt_table{
	width: 255px;
	line-height: 0;
}
.SalaryWrap .SalaryList .ModelProfile dl.dl_table dd table{
	width: 100%;
}
.SalaryWrap .SalaryList .ModelProfile dl.dl_table dd table th{
	width: 150px;
	background: rgba(255, 62, 126, 0.7);
	border: 1px solid #ff6598;
	color: #FFFFFF;
	text-align: center;
	padding: 18.5px 10px;
	font-size: 18px;
}
.SalaryWrap .SalaryList .ModelProfile dl.dl_table dd table td{
	background: rgba(255, 255, 255, 0.7);
	border: 1px solid #ff6598;
	padding: 18.5px 10px;
	font-size: 18px;
}
.SalaryWrap .SalaryList .Breakdown{
	margin-bottom: 30px;
}
.SalaryWrap .SalaryList .Breakdown h4.h4_title{
	line-height: 0;
	text-align: center;
	margin-bottom: 10px;
}
.SalaryWrap .SalaryList .Breakdown table{
	width: 100%;
}
.SalaryWrap .SalaryList .Breakdown table th{
	background: rgba(255, 62, 126, 0.7);
	border: 1px solid #ff6598;
	color: #FFFFFF;
	text-align: center;
	padding: 10px;
	font-size: 18px;
}
.SalaryWrap .SalaryList .Breakdown table th.th_course{
	width: 225px;
}
.SalaryWrap .SalaryList .Breakdown table td{
	background: rgba(255, 255, 255, 0.7);
	border: 1px solid #ff6598;
	padding: 10px;
	font-size: 18px;
}
.SalaryWrap .SalaryList .BreakdownTotal{
	padding: 30px 0;
}
.SalaryWrap .SalaryList .BreakdownTotal dl.dl_table{
	width: 80%;
	margin: auto;
}
.SalaryWrap .SalaryList .BreakdownTotal dl.dl_table{
	background: rgba(255, 255, 255, 0.7);
	border: 1px solid #ff6598;
}
.SalaryWrap .SalaryList .BreakdownTotal dl.dl_table dt.dt_table,
.SalaryWrap .SalaryList .BreakdownTotal dl.dl_table dd.dd_table{
	vertical-align: middle;
	padding: 10px;
	font-size: 18px;
}
.SalaryWrap .SalaryList .BreakdownTotal dl.dl_table dt.dt_table{
	width: 120px;
	text-align: center;
	color: #ff6598;
	border-right: 1px solid #ff6598;
}
.SalaryWrap .SalaryList .Experiences{
	margin-bottom: 30px;
}
.SalaryWrap .SalaryList .Experiences dl.dl_table dt.dt_table,
.SalaryWrap .SalaryList .Experiences dl.dl_table dd.dd_table{
	vertical-align: top;
}
.SalaryWrap .SalaryList .Experiences dl.dl_table dt.dt_table dt{
	margin-bottom: 15px;
}
.SalaryWrap .SalaryList .Experiences dl.dl_table dt.dt_table dd{
	font-size: 16px;
}
.SalaryWrap .SalaryList .Experiences dl.dl_table dd.dd_table{
	width: 370px;
	line-height: 0;
}
/*-----------------　プラン　-----------------*/
.PlanCont .PlanWrap{
	padding: 30px 0;
}
.PlanWrap article ul li{
	text-align: center;
	line-height: 0;
	margin-bottom: 5px;
}
.PlanWrap article ul li a{
	display: block;
}
/*-----------------　10秒給料見積もり　-----------------*/
.SimulatorCont .SimulatorWrap{
	padding: 30px 0;
    background: url(../image/items/com_bg_1.png);
}
.SimulatorWrap .ContBox{
	width: 920px;
}
.SimulatorWrap .SimulatorImg{
	width: 380px;
	float: left;
	padding: 0 8px;
}
.SimulatorWrap .SimulatorBox{
	width: 540px;
	float: left;
}
.SimulatorWrap .SimulatorForm{
	background: rgba(255, 132, 171, 0.7);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-bottom: 20px;
}
.SimulatorWrap .SimulatorForm h3.h3_estimate{
	position: relative;
	background: #ff3e7e;
	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
}
.SimulatorWrap .SimulatorForm h3.h3_estimate:after{
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 62, 126, 0);
	border-top-color: #ff3e7e;
	border-width: 16px;
	margin-left: -16px;
}
.SimulatorWrap .SimulatorForm .BoxInner{
	padding: 26px 45px 0 45px;
}
.SimulatorWrap .SimulatorForm .BoxInner dl{
	width: 450px;
	background: #FFFFFF;
	border: 5px solid #ffdae6;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-bottom: 10px;
	position: relative;
}
.SimulatorWrap .SimulatorForm .BoxInner dl dt.dt_table,
.SimulatorWrap .SimulatorForm .BoxInner dl dd.dd_table{
	vertical-align: middle;
}
.SimulatorWrap .SimulatorForm .BoxInner dl dt.dt_table{
	width: 35px;
	text-align: center;
	line-height: 1.25em;
	padding: 0;
	color: #FFFFFF;
	background-color: #ff3e7e;
	font-family: Arial;
	font-weight: 700;
	font-size: 30px;
	-webkit-border-radius: 6px 0 0 6px;
	-moz-border-radius: 6px 0 0 6px;
	 border-radius: 6px 0 0 6px;
}
.SimulatorWrap .SimulatorForm .BoxInner dl dd.dd_table select{
	width: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	line-height: 2.3em;
	background-color: #fff;
	font-size: 15px;
	border: none;
	padding: 0 0 0 10px;
	font-weight: 400;
}
.SimulatorWrap .SimulatorForm .BoxInner dl.dl_select:after{
	content: "";
	position: absolute;
	background-image: url(../image/recruit/items/icon_select.png);
	width: 30px;
	height: 30px;
	background-size: 100% auto;
	top: 3px;
	right: 15px;
	display: block;
	pointer-events: none;
}
.SimulatorWrap .SimulatorForm .BoxInner dl dd.dd_table input{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	line-height: 2.3em!important;
	font-size: 16px;
	border: none;
	width: 100%;
	height: 2.3em;
	padding: 0 0 0 10px;
	font-weight: 400;
	vertical-align: middle;
}
.SimulatorWrap .SimulatorForm .BoxInner dl dd.dd_table input:placeholder-shown,
.SimulatorWrap .SimulatorForm .BoxInner dl dd.dd_table input::-webkit-input-placeholder{
	color: #000000;
}
.SimulatorWrap .SimulatorForm .BoxInner dl dd.dd_table input:-ms-input-placeholder{
	color: #000000;
}
.SimulatorWrap .SimulatorForm .BoxInner dl dd.dd_table input:-moz-placeholder,
.SimulatorWrap .SimulatorForm .BoxInner dl dd.dd_table input::-moz-placeholder{
	color: #000000;
	opacity: 1;
}
.SimulatorBox .SimulatorBtn ul li{
	text-align: center;
	padding: 20px 0;
}
.SimulatorBox .SimulatorBtn ul li input.simulator_btn{
	cursor: pointer;
	border: 0px;
	width: 450px;
	height: 124px;
	background: url(../image/recruit/items/simulator_btn.png) no-repeat;
}
.SimulatorWrap .SimulatorBox .Total{
	background: #ff3e7e;
	padding: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.SimulatorWrap .SimulatorBox .Total dl{
	background: #FFFFFF;
	padding: 10px 20px 5px 20px;
}
.SimulatorWrap .SimulatorBox .Total dl.dl_table dt,
.SimulatorWrap .SimulatorBox .Total dl.dl_table dd{
	vertical-align: middle;
}
.SimulatorWrap .SimulatorBox .Total dl.dl_table dt{
	width: 150px;
	font-weight: bold;
	font-size: 20px;
}
.SimulatorWrap .SimulatorBox .Total dl.dl_table dd{
	font-size: 30px;
	text-align: right;
	font-weight: bold;
}
.SimulatorBox .EstimateBtn ul li{
	text-align: center;
	padding: 30px 0 0 0;
}
.SimulatorBox .EstimateBtn ul li input.estimate_btn{
	cursor: pointer;
	border: 0px;
	width: 450px;
	height: 100px;
	background: url(../image/recruit/items/estimate_btn.png) no-repeat;
}
/*　細かい見積りフォーム　*/
.EstimateCont .EstimateWrap{
	padding: 30px 0;
    background: url(../image/items/com_bg_1.png);
}
.EstimateWrap .EstimateForm{
	background: rgba(255, 132, 171, 0.7);
	padding: 60px 0;
	margin: 0 40px 20px 40px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	position: relative;
}
.EstimateWrap .EstimateForm .BoxInner{
	padding: 0 120px;
}
.EstimateWrap .EstimateForm .BoxInner dl.dl_table{
	border-bottom: 1px solid #FFFFFF;
	padding: 20px 0;
	font-size: 14px;
}
.EstimateWrap .EstimateForm .BoxInner dl.dl_table dt.dt_table,
.EstimateWrap .EstimateForm .BoxInner dl.dl_table dd.dd_table{
	vertical-align: middle;
}
.EstimateWrap .EstimateForm .BoxInner dl.dl_table dt.dt_table{
	width: 250px;
	position: relative;
}
.EstimateWrap .EstimateForm .BoxInner dl.dl_table dt.dt_table span.need{
	position: absolute;
	top: 50%;
	right: 10px;
	padding: 14px 10px;
	margin-top: -20px;
	font-size: 11px;
	background: #ff73a3;
	color: #FFFFFF;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.EstimateWrap .EstimateForm .BoxInner dl.dl_table dd.dd_table select{
	width: 40%;
	height: 30px;
}
.EstimateWrap .EstimateForm .BoxInner dl.dl_table dd.dd_table input.txt{
	width: 100%;
	height: 30px;
	padding: 0 1%;
	border: none;
}
.EstimateWrap .EstimateForm .BoxInner dl.dl_table dd.dd_table ul li{
	margin-bottom: 10px;
}
/*　完了　*/
.EstimateWrap .EstimateForm .TopComment{
	top: 25px;
	left: 20px;
	position: absolute;
	line-height: 0;
	z-index: 1;
}
.EstimateWrap .EstimateForm .TopComment ul{
	position: relative;
}
.EstimateWrap .EstimateForm .TopComment ul li.staff_comment{
	top: 68px;
	right: 200px;
	position: absolute;
}
.EstimateWrap .EstimateForm .CommentBox{
	padding: 270px 70px 240px 70px;
	position: relative;
	z-index: 2;
}
.EstimateWrap .EstimateForm .Comment{
	padding: 50px 0;
	background: #ffffff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.EstimateWrap .EstimateForm .Comment p{
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	line-height: 2.0;
}
.EstimateWrap .EstimateForm .BottomComment{
	bottom: 0;
	position: absolute;
	line-height: 0;
}
/*----------------　何でもQ&A　-------------------*/
.FaqCont .FaqWrap{
	padding: 30px 0;
    background: url(../image/items/com_bg_1.png);
}
.FaqWrap .FaqBox{
	background: rgba(255, 132, 171, 0.7);
	margin: 0 40px;
	padding: 30px 130px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.FaqWrap .FaqBox dl{
	padding: 30px 0;
	border-bottom: 1px solid #FFFFFF;
}
.FaqWrap .FaqBox dl dd{
	font-size: 16px;
	color: #353535;
	padding: 0 0 0 40px;
	line-height: 1.6;
}
.FaqWrap .FaqBox dl.dl_table{
	margin-bottom: 10px;
	padding: 0;
	border-bottom: none;
}
.FaqWrap .FaqBox dl.dl_table dt{
	width: 35px;
	vertical-align: middle;
}
.FaqWrap .FaqBox dl.dl_table dd{
	font-size: 18px;
	color: #FFFFFF;
	padding: 0;
	vertical-align: middle;
}
/*----------------　MAP　-------------------*/
.MapCont .MapWrap .MapImg{
	text-align: center;
	position: relative;
	padding: 40px 0;
}
.MapCont .MapWrap .MapImg ul li{
	position: absolute;
	top: 420px;
	right: 0;
}
.MapCont .MapWrap .MapImg ul li a{
	display: block;
}
/*-----------------　募集要項　------------------*/
.ReqCont .ReqWrap{
	padding: 30px 0;
    background: url(../image/items/com_bg_1.png);
}
.ReqCont .ReqBox{
	background: rgba(255, 132, 171, 0.7);
	margin: 0 40px;
	padding: 60px 130px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.ReqCont .ReqBox .ReqBoxInner dl.dl_table{
	border-bottom: 1px solid #FFFFFF;
	padding: 20px 0;
	font-size: 16px;
}
.ReqCont .ReqBox .ReqBoxInner dl.dl_table dt.dt_table,
.ReqCont .ReqBox .ReqBoxInner dl.dl_table dd.dd_table{
	vertical-align: middle;
}
.ReqCont .ReqBox .ReqBoxInner dl.dl_table dt.dt_table{
	width: 250px;
}
.ReqCont .ReqBox .ReqBoxInner dl.dl_table dd a{
	color: #000000;
}
.ReqCont .ReqBnr{
	text-align: center;
	margin-bottom: 10px;
	line-height: 0;
}
.ReqCont .Contact{
	padding: 20px 40px
}
.ReqCont .Contact ul li{
	float: left;
	padding: 0 16px;
}
.ReqCont .Contact ul li a{
	display: block;
}
/*---------　お問い合わせ・応募　------------*/
/*　お問い合わせフォーム　*/
.ContactUs{
	padding: 30px 0;
    background: url(../image/items/com_bg_1.png);
}
.ContactUs .titleBox{
	padding: 0 130px;
}
.ContactUs .titleBox dl.dl_table dt,
.ContactUs .titleBox dl.dl_table dd{
	vertical-align: middle;
	line-height: 0;
}
.ContactUs .titleBox dl.dl_table dt{
	width: 165px;
}
.ContactUs .ContactUsForm{
	background: rgba(255, 132, 171, 0.7);
	margin: 0 40px 20px 40px;
	padding: 60px 0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.ContactUs .ContactUsForm .FormBox{
	padding: 0 120px;
}
.ContactUs .ContactUsForm .FormBox dl.dl_table{
	border-bottom: 1px solid #FFFFFF;
	padding: 20px 0;
	font-size: 14px;
}
.ContactUs .ContactUsForm .FormBox dl.dl_table dt.form_item,
.ContactUs .ContactUsForm .FormBox dl.dl_table dd.form_item_content{
	vertical-align: middle;
}
.ContactUs .ContactUsForm .FormBox dl.dl_table dt.form_item{
	width: 250px;
	position: relative;
}
.ContactUs .ContactUsForm .FormBox dl.dl_table dt.form_item span.need{
	position: absolute;
	top: 50%;
	right: 10px;
	padding: 14px 10px;
	margin-top: -20px;
	font-size: 11px;
	background: #ff73a3;
	color: #FFFFFF;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.ContactUs .ContactUsForm .FormBox dl.dl_table dd.form_item_content span.caution{
	display: block;
	padding: 10px 0;
}
.ContactUs .ContactUsForm .FormBox dl.dl_table dd.form_item_content select{
	width: 20%;
	height: 30px;
}
.ContactUs .ContactUsForm .FormBox dl.dl_table dd.form_item_content input.txt{
	width: 100%;
	height: 30px;
	padding: 0 1%;
	border: none;
}
.ContactUs .ContactUsForm .FormBox dl.dl_table dd.form_item_content textarea{
	width: 100%;
	height: 100px;
	padding: 1%;
	border: none;
}
.ContactUs .ContactUsForm .FormBox dl.dl_table dd.form_item_content input.hasDatepicker{
	height: 30px;
	border: none;
}
/*　お問い合わせ完了　*/
.ContactUs .ContactDone{
	position: relative;
}
.ContactUs .ContactDone .TopComment{
	top: 25px;
	left: 20px;
	position: absolute;
	line-height: 0;
	z-index: 1;
}
.ContactUs .ContactDone .TopComment ul{
	position: relative;
}
.ContactUs .ContactDone .TopComment ul li.staff_comment{
	top: 80px;
	right: 170px;
	position: absolute;
}
.ContactUs .ContactDone .CommentBox{
	padding: 270px 70px 240px 70px;
	position: relative;
	z-index: 2;
}
.ContactUs .ContactDone .Comment{
	padding: 50px 0;
	background: #ffffff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.ContactUs .ContactDone .Comment p{
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	line-height: 2.0;
}
.ContactUs .ContactDone .BottomComment{
	bottom: 0;
	position: absolute;
	line-height: 0;
}

/*　応募完了　*/
.ContactUs .ApplyDone{
	position: relative;
}
.ContactUs .ApplyDone .TopComment{
	top: 25px;
	left: 20px;
	position: absolute;
	line-height: 0;
	z-index: 1;
}
.ContactUs .ApplyDone .TopComment ul{
	position: relative;
}
.ContactUs .ApplyDone .TopComment ul li.staff_comment{
	top: 80px;
	right: 200px;
	position: absolute;
}
.ContactUs .ApplyDone .CommentBox{
	padding: 270px 70px 240px 70px;
	position: relative;
	z-index: 2;
}
.ContactUs .ApplyDone .Comment{
	padding: 50px 0;
	background: #ffffff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.ContactUs .ApplyDone .Comment p{
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	line-height: 2.0;
}
.ContactUs .ApplyDone .BottomComment{
	bottom: 0;
	position: absolute;
	line-height: 0;
}







#pien{
text-align: center;
counter-reset:sample;
margin-top: 20px;
}



#pien article{
background:repeat;
text-align: left;
padding: 20px 0;
}



#pien article header{
width: 1060px;
margin: 0 auto;
position: relative;
}

#pien article header h1{
margin-left: 70px;
font-size: 30px;
font-weight: bold;
color: #fff;
line-height: 100%;
vertical-align: middle;
padding: 10px;
}

#pien article header h1:after{
content: "";
display: inline-block;
vertical-align: bottom;
width: 35px;
height: 35px;
margin-left: 5px;
background-image: url(../image/recruit/pien/pien.png);
background-size: contain;
}

#pien article header h1:before{
font-family: 'Archivo Black', sans-serif;
font-size: 1.7rem;
color: #fff;
text-align: center;
line-height: 1;
width: 100px;
padding: 9px 20px;
counter-increment: sample;
content: "PIEN"counter(sample);
display: block;
transform: rotate(90deg);
transform-origin: top left;
position: absolute;
top:0px;
left: 50px;
}


#pien article.s1 header h1,
#pien article.s1 header h1:before{
background-color: #1abcc8;
}
#pien article.s1{
background-image: url(../image/recruit/pien/pien_bg1.jpg);
}

#pien article.s2 header h1,
#pien article.s2 header h1:before{
background-color: #e3027f;
}
#pien article.s2{
background-image: url(../image/recruit/pien/pien_bg2.jpg);
}


#pien article.s3 header h1,
#pien article.s3 header h1:before{
background-color: #fa8ba9;
}
#pien article.s3{
background:  url(../image/recruit/pien/pien_bg3-circle.jpg) no-repeat ,url(../image/recruit/pien/pien_bg3.jpg) repeat;
}

#pien article.s4 header h1,
#pien article.s4 header h1:before{
background-color: #646ec7;
}
#pien article.s4{
background-image: url(../image/recruit/pien/pien_bg4.jpg);
}

#pien article.s5 header h1,
#pien article.s5 header h1:before{
background-color: #1abcc8;
}
#pien article.s5{
background-image: url(../image/recruit/pien/pien_bg5.jpg);
}

#pien article.s6 header h1,
#pien article.s6 header h1:before{
background-color: #fc6593;
}
#pien article.s6{
background-image: url(../image/recruit/pien/pien_bg6.jpg);
}

#pien article.s7 header h1,
#pien article.s7 header h1:before{
background-color: #ababab;
}
#pien article.s7{
background-image: url(../image/recruit/pien/pien_bg7.jpg);
}

#pien article.s8 header h1,
#pien article.s8 header h1:before{
background-color: #5ccdeb;
}
#pien article.s8{
background-image: url(../image/recruit/pien/pien_bg8.jpg);
}









#pien article .box{
width: 1060px;
margin: 0 auto;
padding: 15px 0 15px 70px;
}

#pien article .box p{
line-height: 150%;
}