@charset "UTF-8";

.recruit_box{width:100%;height:auto;background:rgb(62,62,62,0.1);padding:15px 0px;margin-bottom:25px;max-width:1200px;}
.recruit_box_contents{width:calc(100% - 30px);background:#000000;}
	@media all and (max-width: 1024px) {
		.recruit_box{padding:8px 0px;}
		.recruit_box_contents{width:calc(100% - 16px);}
	}
.h2 h2 .en.white{color:#ffffff;}

/*===■トップバナー===*/
.recruit_topimage{width:100%;height:auto;margin-bottom:25px;max-width:1200px;}
.recruit_topimage p{width:100%;height:auto;padding-bottom:15px;}
.recruit_topimage p:last-child{padding-bottom:0px;}

/*===■求人テキスト===*/
.recruit_txt{max-width:1200px;width:100%;height:auto;}
.recruit_txt div{width:100%;height:auto;padding-bottom:35px;
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
	-webkit-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;
	-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.recruit_txt div:nth-child(even){
	-webkit-box-direction: reverse;-webkit-box-orient: horizontal;-webkit-flex-direction: row-reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}
.recruit_txt div:nth-child(odd) dt{width:28%;margin-left:0px;}
.recruit_txt div:nth-child(odd) dd{width:70%;margin-right:0px;}
.recruit_txt div:nth-child(even) dt{width:28%;margin-right:0px;}
.recruit_txt div:nth-child(even) dd{width:70%;margin-left:0px;}
.recruit_txt div.all_dl dd{width:100%;height:auto;}
.recruit_txt div.all_dl dd h3 , 
.recruit_txt div.all_dl dd p
	{text-align:center;}
.recruit_txt div dd h3{width:100%;margin-right:0px;color:#e410a6;font-size:16px;font-weight:bold;}
.recruit_txt div dd p{width:100%;margin-right:0px;font-size:14px;padding-top:10px;font-weight:bold;line-height:170%;}
.recruit_txt div dd p img{display:inline-block;width:auto;height:15px;vertical-align:text-bottom;padding:0px 2px;}
.recruit_txt div:nth-child(odd) h3{text-align:left;}
.recruit_txt div:nth-child(odd) p{text-align:left;}
.recruit_txt div:nth-child(even) h3{text-align:left;}
.recruit_txt div:nth-child(even) p{text-align:left;}
	@media all and (max-width: 1024px) {
		.recruit_txt{width: calc(100% - 16px);}
		.recruit_txt div{-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
		.recruit_txt div:nth-child(odd) dt , 
		.recruit_txt div:nth-child(odd) dd , 
		.recruit_txt div:nth-child(even) dt , 
		.recruit_txt div:nth-child(even) dd
			{width:100%;}
		.recruit_txt div dd h3{font-size:14px;padding:15px 0px 5px 0px;}
		.recruit_txt div dd p{font-size:12px;}
	}

/*===■募集要項===*/
dl.recruitment{width:calc(100% - 50px);height:auto;padding:0px 0px 20px 0px;}
dl.recruitment div{max-width:1200px;width:100%;height:auto;padding:17px 0px;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border-bottom:1px solid #222222;
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
	-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;
	-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
dl.recruitment div:first-child{padding:0px 0px 17px 0px;}
dl.recruitment div dt{width:32%;margin-left:0px;text-align:left;}
dl.recruitment div dt h3{width:100%;height:auto;text-align:left;
		display: -ms-flexbox;display: flex;-ms-flex-pack: center;
		-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
dl.recruitment div dt h3 span{display:inline-block;width:100%;text-align:left;}
dl.recruitment div dd{width:65%;margin-right:0px;text-align:left;}
dl.recruitment div dd p{color:#ffffff;}
	@media all and (max-width: 1024px) {
		dl.recruitment div{-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
		dl.recruitment div dt{width:100%;}
		dl.recruitment div dd{width:100%;padding-top:8px;}
	}

/*===■よくある質問===*/
.question .recruit_box_contents{width:calc(100% - 30px);background: url(../img/common/bg_white.webp) repeat;background-size:auto 100%;background-position:top center;}
dl.question{width:calc(100% - 50px);height:auto;padding:0px 0px 15px 0px;}
dl.question div:last-child{padding-bottom:0px;}
dl.question div{width:100%;height:auto;padding-bottom:15px;
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
	-webkit-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;
	-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
dl.question dt{width:100%;height:auto;background:url(../img/common/q.webp) no-repeat;background-size:25px 20px;background-position:top left;text-align:left;padding-left:30px;}
dl.question dd{width:100%;height:auto;background:url(../img/common/a.webp) no-repeat;background-size:25px 20px;background-position:top left;text-align:left;color:#ffffff;padding-left:30px;margin-top:4px;}
dl.question dt h3{width:100%;height:auto;line-height:200%;color:#1c8578;}
dl.question dd p{width:100%;height:auto;line-height:200%;color:#222222;}
	@media all and (max-width: 1024px) {
		.question .recruit_box_contents{width:calc(100% - 20px);}
	}

/*===■先輩ボイス===*/
dl.voice{width:calc(100% - 50px);
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
	-webkit-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;
	-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
dl.voice div.voice_dl_dt_dd{margin:0px;
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
	-webkit-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;
	-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
dl.voice dt{width:30%;height:auto;margin-left:0px;}
dl.voice dd{width:65%;height:auto;margin-right:0px;}
	@media all and (min-width: 1025px) {
		dl.voice div.voice_dl_dt_dd{width:49%;padding-bottom:20px;}
		dl.voice div.voice_dl_dt_dd:nth-child(odd){margin-left:0px;margin-right:1%;}
		dl.voice div.voice_dl_dt_dd:nth-child(even){margin-left:0px;margin-left:1%;}
	}
	@media all and (max-width: 1024px) {
		dl.voice div.voice_dl_dt_dd{padding-bottom:10px;}
		dl.voice dt{width:50%;margin:0px auto;}
		dl.voice dd{width:100%;margin:0px auto;padding-top:8px;}
	}

/*===先輩ボイス 画像===*/
dl.voice dt div.item_img{width:100%;position:relative;}
dl.voice dt div.item_img div.name{width:100%;position:absolute;bottom:0px;left:0px;background:rgb(168,0,119,0.6);color:#ffffff;padding:4px 0px 2px 0px;}
dl.voice dt div.item_img div.name h4{width:calc(100% - 10px);}
dl.voice dt div.item_img div.name h4 span , 
dl.voice dt div.item_img div.name p.size span
		{font-size:11px;}
/*===先輩ボイス テキスト===*/
dl.voice dd ul{width:100%;
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
	-webkit-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;
	-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
dl.voice dd ul li.item_title{width:100%;}
dl.voice dd ul li.item_title h3{width:100%;text-align:left;padding-bottom:5px;font-size:13px;}
dl.voice dd ul li.item_salary_time{width:100%;text-align:left;}
dl.voice dd ul li.item_salary_time p{width:100%;text-align:left;color:#ffffff;}
dl.voice dd ul li.item_salary_time p span{font-size:11px;}
dl.voice dd ul li.item_salary_txt{width:100%;}
dl.voice dd ul li.item_salary_txt p{width:100%;text-align:left;padding-top:10px;color:#ffffff;}


/*===■お問い合わせ===*/
.contact_intro{color:#222222;padding-bottom:20px;}
dl.contact{width:calc(100% - 30px);padding-bottom:25px;
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
	-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;
	-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
dl.contact div{width:31%;margin:0px 1%;
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
	-webkit-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;
	-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
dl.contact div dt{width:100%;}
dl.contact div dt h3{width:100%;font-size:13px;line-height:100%;padding:11px 0px;color:#ffffff;}
dl.contact div.tel dt h3{background:#95816f;box-shadow: 0 0 0 3px #95816f inset,0 0 0 4px rgb(255,255,255,0.2) inset;}
dl.contact div.mail dt h3{background:#00c0ef;box-shadow: 0 0 0 3px #00c0ef inset,0 0 0 4px rgb(255,255,255,0.2) inset;}
dl.contact div.line dt h3{background:#06c152;box-shadow: 0 0 0 3px #06c152 inset,0 0 0 4px rgb(255,255,255,0.2) inset;}
dl.contact div dd {width:100%;}
dl.contact div dd.txt_limit{padding-top:8px;}
dl.contact div dd a span{font-size:20px;line-height:200%;}
dl.contact div.tel dd a , 
dl.contact div.tel dd 
	{color:#95816f;}
dl.contact div.tel dd a span:before{content:"";display:inline-block;width:34px;height:26px;background:url(../img/recruit/tel.png) no-repeat;background-size:28px 23px;background-position:50% 0%;vertical-align: text-bottom;}
dl.contact div.mail dd a , 
dl.contact div.mail dd 
	{color:#00c0ef;}
dl.contact div.mail dd a span:before{content:"";display:inline-block;width:34px;height:26px;background:url(../img/recruit/mail.png) no-repeat;background-size:28px 23px;background-position:50% 0%;vertical-align: text-bottom;}
dl.contact div.line dd a , 
dl.contact div.line dd 
	{color:#06c152;}
dl.contact div.line dd a span:before{content:"";display:inline-block;width:34px;height:26px;background:url(../img/recruit/line.png) no-repeat;background-size:28px 23px;background-position:50% 0%;vertical-align: text-bottom;}
	@media all and (max-width: 1024px) {
		dl.contact div{width:100%;margin:0px auto;padding-bottom:10px;}
		dl.contact div:last-child{padding-bottom:0px;}
	}

/*===動画===*/
ul.movie{width:calc(100% - 30px);height:auto;padding-bottom:20px;
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
	-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;
	-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;
	-webkit-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;}
ul.movie li div{width:calc(100% - 10px);margin:0px auto;}
ul.movie li{width:31%;background: rgb(62, 62, 62, 0.2);padding:5px 0px;margin:0px 1%;color:#ffffff;}
ul.movie li h3{width:100%;padding-top:5px;}
ul.movie li h3 span{font-size:11px;}
	@media all and (max-width: 1024px) {
		ul.movie{width:calc(100% - 20px);}
		ul.movie li{width:100%;margin:0px auto;margin-bottom:10px;}
	}