/*===================================================================
　　ページデザイン設定　　
====================================================================*/
/*---------------------------------------------------------
　　トップページ　　
----------------------------------------------------------*/
/*--------------　動画　--------------*/
.BgWrap{
}
.BgWrap .ImgBg{
	line-height: 0;
}
/*--------------　バナー　--------------*/
.BnrWrap{
	background: #ffcdde;
}
.BnrWrap ul li{
	line-height: 0;
	margin-bottom: 5px;
}
.BnrWrap ul li a{
	display: block;
}
/*--------------　js-tab-wrap　--------------*/
.js-tab-contents {
	display: none;
}
.js-tab-contents.current {
	display: block;
}
/*--------------　w_tabCont　--------------*/
.w_tabCont{
	background: #ffcdde;
	padding: 20px 0;
}
.w_tabCont .js-tab-wrap{
	width: 95%;
	margin: 0 auto;
	position: relative;
}
.w_tabCont .js-tab-wrap ul li{
	width: 33.3333%;
	cursor: pointer;
	position: absolute;
	top: 0;
}
.w_tabCont .js-tab-wrap ul li.salarytab{
	right: 0;
}
.w_tabCont .js-tab-wrap ul li{
	opacity: 0.3;
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
}
.w_tabCont .js-tab-wrap ul li.current{
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
}
.w_tabCont .topBox{
	position: relative;
}
.w_tabCont .topBox article:first-child{
	line-height: 0;
}
.w_tabCont .secondBox{
	padding: 34% 0 0 0;
}
.w_tabCont article a{
	position: relative;
	display: block;
}
.w_tabCont article figure{
	line-height: 0;
}
.w_tabCont article .band{
	position: absolute;
	top: -10px;
	left: -10px;
	z-index: 5;
	line-height: 0;
}
/*---------　アラカルト18の高待遇　------------*/
.w_tabCont .TreatmentCont .topBox article:first-child {
	width: 32.5%;
	position: absolute;
	left: 32.3333%;
	background: #ff73a3;
	-webkit-border-radius: 0px 5px 5px 0px;
	-moz-border-radius: 0px 5px 5px 0px;
	border-radius: 0px 5px 5px 0px;
	margin: 0;
	padding: 3px 3px 0.21% 0;
}
.w_tabCont .TreatmentCont .secondBox article{
	width: 32.5%;
	float: left;
	background: #ffffff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-sizing: border-box;
	margin: 0 1.25% 1.25% 0;
	padding: 6px;
}
.w_tabCont .TreatmentCont article:nth-child(3n){
	margin: 0 0 1.25% 0;
}
/*---------　給料公開　------------*/
.w_tabCont .SalaryCont .topBox article:first-child {
	width: 32.5%;
	position: absolute;
	right: 32.3333%;
	background: #ff73a3;
	-webkit-border-radius: 5px 0px 0px 5px;
	-moz-border-radius: 5px 0px 0px 5px;
	border-radius: 5px 0px 0px 5px;
	margin: 0;
	padding: 3px 0 0.21% 3px;
}
.w_tabCont .SalaryCont .secondBox article{
	width: 32.5%;
	float: left;
	background: #ffffff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-sizing: border-box;
	margin: 0 1.25% 1.25% 0;
	padding: 6px;
}
.w_tabCont .SalaryCont article:nth-child(3n){
	margin: 0 0 1.25% 0;
}
/*--------------　CheckPoint　--------------*/
.CheckPoint{
	background: #ffcdde;
}
.CheckPoint h2{
	text-align: center;
}
.CheckPoint h2 img{
	width: 80%;
}
.CheckPoint .AdviserBox ul li a{
	display: block;
}
.topCont .Contact{
	background: #ffcdde;
	padding: 20px 0;
}
.topCont .Contact ul li a{
	display: block;
}
/*---------------------------------------------------------
　　下層ページ　　
----------------------------------------------------------*/
.TitleBox{
	background: url(../spimage/recruit/common/box_bg2.jpg);
	padding: 20px 0;
}
.TitleBox h2.h2_title{
	text-align: center;
}
/*--------------　ALCのチャームポイント　-------------------*/
.PointCont .TitleBox h2.h2_title img{
	width: 100%;
}
.PointWrap .PointList ul li{
	margin-bottom: 20px;
}
.PointWrap .PointList ul li:last-child{
	margin-bottom: 0;
}
.PointWrap .ContactBox{
	padding: 20px 0;
}
.PointWrap .ContactBox h3{
	margin-bottom: 10px;
}
.PointWrap .ContactBox ul li{
	margin-bottom: 10px;
}
/*------------　アドバイザーの紹介　-------------*/
.AdviserCont .BnrBox{
	text-align: center;
	margin-top: 10px;
}
.AdviserCont .TitleBox{
	padding: 10px 0;
}
.AdviserCont .TitleBox h2{
	margin-bottom: 10px;
}
.AdviserCont .TitleBox p{
	text-align: center;
	font-size: 16px;
	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: 10px 0;
}
.AdviserCont .AdviserWrap article{
	position: relative;
}
.AdviserCont .AdviserWrap article ul li{
	position: absolute;
	bottom: 1%;
	right: 1%;
}
.AdviserCont .AdviserWrap article ul li a{
	font-size: 14px;
	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: 10px;
	font-size: 20px;
	line-height: 20px;
	font-weight: bold;
	color: #FFFFFF;
}
.SalaryWrap .SalaryList .ModelProfile{
	margin-bottom: 20px;
}
.SalaryWrap .SalaryList .ModelProfile .ModelImg{
	line-height: 0;
}
.SalaryWrap .SalaryList .ModelProfile .Profile dl dt{
	background: rgba(255, 62, 126, 0.7);
	border: 1px solid #ff6598;
	color: #FFFFFF;
	padding: 5px 10px;
	font-size: 14px;
}
.SalaryWrap .SalaryList .ModelProfile .Profile dl dd{
	background: rgba(255, 255, 255, 0.7);
	border: 1px solid #ff6598;
	padding: 5px 10px;
	font-size: 14px;
}
.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: 5px 10px;
	font-size: 14px;
}
.SalaryWrap .SalaryList .Breakdown table th.th_course{
	width: 20%;
}
.SalaryWrap .SalaryList .Breakdown table td{
	background: rgba(255, 255, 255, 0.7);
	border: 1px solid #ff6598;
	padding: 5px 10px;
	font-size: 14px;
}
.SalaryWrap .SalaryList .BreakdownTotal{
	padding: 10px 0;
}
.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: 5px 10px;
	font-size: 14px;
}
.SalaryWrap .SalaryList .BreakdownTotal dl.dl_table dt.dt_table{
	width: 20%;
	text-align: center;
	color: #ff6598;
	border-right: 1px solid #ff6598;
}
.SalaryWrap .SalaryList .Experiences dl{
	padding: 10px 0;
}
.SalaryWrap .SalaryList .Experiences dl dt{
	margin-bottom: 5px;
}
.SalaryWrap .SalaryList .Experiences dl dd{
	font-size: 14px;
}
.SalaryWrap .SalaryList .Experiences .ModelImg{
	line-height: 0;
}
/*-----------------　ALCのプラン　-----------------*/
.PlanCont .PlanWrap{
	padding: 0 0 20px 0;
}
.PlanWrap ul.PlanList li{
	line-height: 0;
	margin-bottom: 5px;
}
.PlanWrap ul.PlanList li a{
	display: block;
}
/*-----------------　10秒見積もり　-----------------*/
.SimulatorCont .SimulatorWrap{
	background: url(../image/items/com_bg_1.png);
	padding: 20px 0;
}
.SimulatorWrap .SimulatorForm{
	background: rgba(255, 132, 171, 0.7);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	margin-bottom: 10px;
}
.SimulatorWrap .SimulatorForm h3.h3_estimate{
	position: relative;
	background: #ff3e7e;
	-webkit-border-radius: 6px 6px 0 0;
	-moz-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 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 10px 0 10px;
}
.SimulatorWrap .SimulatorForm .BoxInner dl{
	width: 100%;
	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(../spimage/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{
	padding: 10px;
}
.SimulatorBox .SimulatorBtn ul li input.simulator_btn{
	width: 100%;
    height: 0;
    border: 0px;
    padding-top: 28%;
    background: url(../spimage/recruit/items/simulator_btn.png) no-repeat;
    background-size: contain;
}
.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{
	padding: 15px 0 0 0;
	line-height: 0;
}
.SimulatorBox .EstimateBtn ul li input.estimate_btn{
	width: 100%;
	height: 0;
	border: 0px;
	padding-top: 22%;
	background: url(../spimage/recruit/items/estimate_btn.png) no-repeat;
	background-size: contain;
}
/*　細かい見積りフォーム　*/
.EstimateCont .EstimateWrap{
	background: url(../image/items/com_bg_1.png);
	padding: 20px 0;
}
.EstimateWrap .EstimateForm{
	background: rgba(255, 132, 171, 0.7);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.EstimateWrap .EstimateForm .BoxInner{
	padding: 10px 20px;
}
.EstimateWrap .EstimateForm .BoxInner dl{
	border-bottom: 1px solid #FFFFFF;
	padding: 10px 0;
	font-size: 14px;
}
.EstimateWrap .EstimateForm .BoxInner dl:last-child{
	border-bottom: none;
}
.EstimateWrap .EstimateForm .BoxInner dl dt{
	margin-bottom: 10px;
}
.EstimateWrap .EstimateForm .BoxInner dl dd{
}
.EstimateWrap .EstimateForm .BoxInner dl dt span.need{
	display: inline-block;
	padding: 2px 10px;
	margin-left: 5px;
	font-size: 11px;
	background: #ff73a3;
	color: #FFFFFF;
}
.EstimateWrap .EstimateForm .BoxInner dl dd select{
	height: 30px;
}
.EstimateWrap .EstimateForm .BoxInner dl dd.dd_select1 select{
	width: 22%;
}
.EstimateWrap .EstimateForm .BoxInner dl dd.dd_select2 select{
	width: 45%;
}
.EstimateWrap .EstimateForm .BoxInner dl dd input.txt{
	width: 100%;
	height: 30px;
	padding: 0 1%;
	border: none;
}
.EstimateWrap .EstimateForm .BoxInner dl dd ul li{
	margin-bottom: 10px;
}
.EstimateWrap .EstimateForm .BoxInner dl dd span{
	font-size: 12px;
}
/*　完了　*/
.EstimateCont .DoneBox{
	padding: 15px;
	margin-bottom: 10px;
}
.EstimateCont .TopComment{
	line-height: 0;
}
.EstimateCont .DoneBox .Comment{
	background: #FFFFFF;
	padding: 20px;
}
.EstimateCont .DoneBox .Comment p{
	line-height: 1.6;
	font-weight: bold;
}
/*----------------　何でもQ&A　-------------------*/
.FaqCont .FaqWrap{
	background: url(../image/items/com_bg_1.png);
	padding: 20px 0;
}
.FaqWrap .FaqBox{
	background: rgba(255, 132, 171, 0.7);
	padding: 10px 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.FaqWrap .FaqBox dl{
	padding: 10px 0;
	border-bottom: 1px solid #FFFFFF;
}
.FaqWrap .FaqBox dl:last-child{
	border-bottom: none;
}
.FaqWrap .FaqBox dl dd{
	font-size: 12px;
	color: #353535;
	padding: 0 0 0 20px;
	line-height: 1.6;
}
.FaqWrap .FaqBox dl.dl_table{
	margin-bottom: 5px;
	padding: 0;
	border-bottom: none;
}
.FaqWrap .FaqBox dl.dl_table dt{
	width: 8%;
	vertical-align: middle;
}
.FaqWrap .FaqBox dl.dl_table dt img{
	width: 80%;
}
.FaqWrap .FaqBox dl.dl_table dd{
	font-size: 14px;
	color: #FFFFFF;
	padding: 0;
	vertical-align: middle;
}
/*----------------　MAP　-------------------*/
.MapCont .MapWrap .MapImg{
	text-align: center;
	padding: 10px 0;
}
.MapCont .MapWrap .MapImg ul li{
	padding: 0 20px;
}
.MapCont .MapWrap .MapImg ul li a{
	display: block;
}
/*-----------------　募集要項　------------------*/
.ReqCont .ReqWrap{
	background: url(../image/items/com_bg_1.png);
	padding: 20px 0;
}
.ReqWrap .ReqBox{
	background: rgba(255, 132, 171, 0.7);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.ReqWrap .ReqBox .ReqBoxInner{
	padding: 10px 20px;
}
.ReqWrap .ReqBox .ReqBoxInner dl{
	border-bottom: 1px solid #FFFFFF;
	padding: 10px 5px;
	font-size: 14px;
}
.ReqWrap .ReqBox .ReqBoxInner dl:last-child{
	border-bottom: none;
}
.ReqWrap .ReqBox .ReqBoxInner dl dt{
	margin-bottom: 5px;
}
.ReqWrap .ReqBox .ReqBoxInner dl dd{
	padding: 0 0 0 20px;
}
.ReqWrap .ReqBox .ReqBoxInner dl dd a{
	color: #000000;
}
.ReqCont .Contact{
	padding: 10px 5px;
}
.ReqCont .Contact ul li a{
	display: block;
}
/*---------　お問い合わせフォーム　------------*/
.ContactUs{
	background: url(../image/items/com_bg_1.png);
	padding: 20px 0;
}
.ContactUs .ContactUsForm{
	background: rgba(255, 132, 171, 0.7);
	padding: 10px 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.ContactUs .ContactUsForm .FormBox dl{
	border-bottom: 1px solid #FFFFFF;
	padding: 15px 0;
	font-size: 14px;
}
.ContactUs .ContactUsForm .FormBox dl{
	border-bottom: 1px solid #FFFFFF;
	padding: 10px 0;
	font-size: 14px;
}
.ContactUs .ContactUsForm .FormBox dl:last-child{
	border-bottom: none;
}
.ContactUs .ContactUsForm .FormBox dl dt{
	margin-bottom: 10px;
}
.ContactUs .ContactUsForm .FormBox dl dd{
}
.ContactUs .ContactUsForm .FormBox dl dt span.need{
	display: inline-block;
	padding: 2px 10px;
	margin-left: 5px;
	font-size: 11px;
	background: #ff73a3;
	color: #FFFFFF;
}
.ContactUs .ContactUsForm .FormBox dl dd input.txt{
	width: 100%;
	height: 30px;
	padding: 0 1%;
	border: none;
}
.ContactUs .ContactUsForm .FormBox dl dd textarea{
	width: 100%;
	height: 100px;
	padding: 1%;
	border: none;
}
/*---------　応募フォーム　------------*/
.ContactUs .ContactUsForm .FormBox dl dd span.caution{
	display: block;
	padding: 8px 0 2px 0;
}
.ContactUs .ContactUsForm .FormBox dl dd select{
	width: 20%;
	height: 30px;
}
/*　完了　*/
.ContactUs .DoneBox{
	padding: 15px;
	margin-bottom: 10px;
}
.ContactUs .TopComment{
	line-height: 0;
}
.ContactUs .DoneBox .Comment{
	background: #FFFFFF;
	padding: 20px;
}
.ContactUs .DoneBox .Comment p{
	line-height: 1.6;
	font-weight: bold;
}






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

#pien article{
background:repeat;
text-align: left;
padding: 20px 10px;
min-height: 200px;
}

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

#pien article header h1{
margin-left: 70px;
font-size: 18px;
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: 22px;
height: 22px;
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: 100%;
margin: 0 auto;
box-sizing: border-box;
padding: 15px 0 15px 70px;
}

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