@charset "UTF-8";

.recruit_box{width:100%;height:auto;padding:5px 0px;margin-bottom:25px;max-width:1200px;border:1px solid #c8c8c8;}
.recruit_box_contents{width:calc(100% - 10px);background:#f3f3f3;padding:8px 0px;}

/*===■h3===*/
.recruit_h3_box{width:100%;height:auto;padding:8px 0px;}
.recruit_h3{width:190px;height:auto;padding:3px 0px;
	-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;
	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;}
.recruit_h3 div{width:auto;height:auto;}
.recruit_h3 div h3.ja{line-height:1;padding:2px 10px 3px 10px;}
.recruit_h3 div p.en{display:inline-block;width:auto;height:auto;line-height:1;color:#ffffff;padding:3px 10px 3px 10px;}
/*===■h3色変え===*/
.recruit_h3.recruitment{border-top:1px solid #ff5692;border-bottom:1px solid #ff5692;}
.recruit_h3.recruitment h3.ja{color:#ff5692;}
.recruit_h3.recruitment div p.en{background:#ff5692;}
/*======*/
.recruit_h3.question{border-top:1px solid #349de7;border-bottom:1px solid #349de7;}
.recruit_h3.question h3.ja{color:#349de7;}
.recruit_h3.question div p.en{background:#349de7;}
/*======*/
.recruit_h3.voices{border-top:1px solid #5ec48f;border-bottom:1px solid #5ec48f;}
.recruit_h3.voices h3.ja{color:#5ec48f;}
.recruit_h3.voices div p.en{background:#5ec48f;}
/*======*/
.recruit_h3.movie{border-top:1px solid #ffa00b;border-bottom:1px solid #ffa00b;}
.recruit_h3.movie h3.ja{color:#ffa00b;}
.recruit_h3.movie div p.en{background:#ffa00b;}
/*======*/
.recruit_h3.contact{border-top:1px solid #107dcf;border-bottom:1px solid #107dcf;}
.recruit_h3.contact h3.ja{color:#107dcf;}
.recruit_h3.contact div p.en{background:#107dcf;}

/*===■トップバナー===*/
.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;}

/*===■求人テキスト===*/
div.recruit_txt{max-width:1200px;width:100%;height:auto;padding-top:15px;}
.recruit_txt 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-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:#bd114e;font-size:16px;}
.recruit_txt div dd p{width:100%;margin-right:0px;font-size:13px;padding-top:10px;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 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;}
	}

/*===■募集要項===*/
div.recruitment_in{width:100%;height:auto;padding-bottom:5px;}
dl.recruitment {width:calc(100% - 30px);height:auto;padding:3px 0px;
  display: flex;align-items: stretch;}
.recruitment dt,
.recruitment dd {padding: 10px;box-sizing: border-box;}
.recruitment dt{width:25%;background:#ff84b0;}
.recruitment dd{width:75%;background:#ffffff;}
.recruitment dt h4{width:calc(100% - 10px);text-align:left;}
.recruitment dt h4 span{display:inline-block;color:#ffffff;background:url(../img/common/li_colorful.png) no-repeat;background-size:9px 9px;background-position:0% 4px;padding-left:15px;}
.recruitment dd p{width:calc(100% - 10px);text-align:left;}
	@media all and (max-width: 1024px) {
		dl.recruitment {-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
		.recruitment dt{width:100%;}
		.recruitment dd{width:100%;}
	}

/*===■よくある質問===*/
.question .recruit_box_contents{width:calc(100% - 10px);}
dl.question{width:calc(100% - 30px);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.png) 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.png) no-repeat;background-size:25px 20px;background-position:top left;text-align:left;color:#ffffff;padding-left:30px;margin-top:4px;}
dl.question dt h4{width:100%;height:auto;line-height:200%;color:#51b6da;}
dl.question dd p{width:100%;height:auto;line-height:200%;color:#222222;}

/*===■先輩ボイス===*/
dl.voice{width:calc(100% - 30px);
	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:25%;height:auto;margin-left:0px;}
dl.voice dd{width:72%;height:auto;margin-right:0px;}
	@media all and (min-width: 1025px) {
		dl.voice div.voice_dl_dt_dd{width:49%;padding-bottom:10px;}
		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(255,80,142,0.4);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;color:#ff84b0;}
/*===先輩ボイス テキスト===*/
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 h4{width:100%;text-align:left;padding-bottom:5px;font-size:13px;color:#ff84b0;}
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:#ff84b0;}
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;}


/*===■お問い合わせ===*/
.contact_intro{color:#222222;padding-bottom:10px;}
dl.contact{width:calc(100% - 10px);padding-bottom:5px;
	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:#f9b45b;box-shadow: 0 0 0 3px #f9b45b inset,0 0 0 4px rgb(255,255,255,0.2) inset;}
dl.contact div.mail dt h3{background:#51b6da;box-shadow: 0 0 0 3px #51b6da inset,0 0 0 4px rgb(255,255,255,0.2) inset;}
dl.contact div.line dt h3{background:#5ec48f;box-shadow: 0 0 0 3px #5ec48f 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:#f6a339;}
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:#349de7;}
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:#3ac97f;}
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:5px;
	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%;padding:5px 0px;margin:0px 1%;color:#ffffff;}
ul.movie li h4{width:100%;padding-top:5px;color:#107dcf;}
ul.movie li h4 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;}
	}