@charset "UTF-8";


/*===ABOUT===*/
#about{width:100%;height:auto;background:url(../img/index/bg_point.webp) no-repeat;background-size:900px 450px;background-position:bottom center;padding-bottom:30px;}
.about_in{width:calc(100% - 20px);height:auto;}
.about_in p.pr{width:80px;height:auto;}
.about_in h2{width:100%;height:auto;padding:20px 0px;}
.about_in h2 span{display:inline-block;width:auto;height:auto;line-height:1;font-size:30px;
	background:url(../img/common/left.png),url(../img/common/right.png);background-repeat:no-repeat,no-repeat;background-size:21px 8px,21px 8px;background-position:0% 50%,100% 50%;padding:0px 26px;}
.about_in p.txt{width:100%;height:auto;text-align:left;}

/*===MESSAGE===*/
#message{width:100%;height:auto;background:url(../img/index/bg_message.webp) no-repeat;background-size:auto 100%;background-position:top left;padding:45px 0px;
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
	-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;
	  -webkit-box-pack: end;-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content: flex-end;}
#message .message_in{width:70%;height:auto;margin-right:10px;}
#message h2{width:100%;height:auto;line-height:1;font-size:15px;}
#message h3{width:100%;height:auto;line-height:1;font-size:14px;color:#8f6f38;padding:10px 0px;}
#message p.txt{width:100%;height:auto;text-align:left;}

/*===THREE===*/
ul.three_img{width:calc(100% - 20px);height:auto;padding:20px 0px;}
ul.three_img li{width:100%;height:auto;}
ul.three_img li:nth-of-type(2){padding:10px 0px;}

/*===RECOM===*/
#recom{}
.recom_in_title{width:100%;height:auto;background:url(../img/index/bg_recom.png) no-repeat;background-size:90% auto;background-position:50% 50%;padding:15px 0px;}
#recom h2{width:100%;height:auto;line-height:1;font-size:18px;}
#recom h3{width:100%;height:auto;line-height:1;font-size:15px;color:#8f6f38;padding:5px 0px 10px 0px;}
/*======*/
#recom dl{width:100%;height:auto;margin-bottom:20px;margin-top:10px;
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
#recom dl.right{
	-webkit-box-orient: horizontal;  -webkit-box-direction: reverse;-moz-box-orient: horizontal;-moz-box-direction: reverse;
	-webkit-flex-direction: row-reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}
#recom dl dt{width:calc(66% - 20px);height:auto;margin-left:10px;margin-right:10px;}
#recom dl h4{width:100%;height:auto;line-height:1;font-size:15px;padding:7px 0px 7px 66px;text-align:left;}
#recom dl:nth-of-type(1) h4{background:url(../img/index/recom_01.png) no-repeat;background-size:auto 100%;background-position:top left;}
#recom dl:nth-of-type(2) h4{background:url(../img/index/recom_02.png) no-repeat;background-size:auto 100%;background-position:top left;}
#recom dl:nth-of-type(3) h4{background:url(../img/index/recom_03.png) no-repeat;background-size:auto 100%;background-position:top left;}
#recom dl:nth-of-type(4) h4{background:url(../img/index/recom_04.png) no-repeat;background-size:auto 100%;background-position:top left;}
#recom dl:nth-of-type(5) h4{background:url(../img/index/recom_05.png) no-repeat;background-size:auto 100%;background-position:top left;}
#recom dl dt ul{width:100%;height:auto;padding-top:10px;
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
#recom dl dt li{display:inline-block;line-height:1;font-size:12px;color:#ffffff;padding:5px 6px 6px 4px;margin-left:0px;margin-right:6px;
	background: linear-gradient(to bottom,  #d4b765 0%,#896934 100%);
	border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;}
#recom dl dt p{width:100%;height:auto;text-align:left;padding-top:10px;}
#recom dl dd{width:34%;height:auto;margin-right:0px;overflow:hidden;position:relative;}
#recom dl.left dd p{width:300px;height:auto;position:absolute;top:0px;left:0px;}
#recom dl.right dd p{width:300px;height:auto;position:absolute;top:0px;right:0px;}


/*===VOICES===*/
#voices{}
.voices_in_title{width:100%;height:auto;padding-bottom:10px;}
.voices_in_title p{width:100%;height:auto;}
.voices_in_title p img{width:auto;max-height:33px;}
.voices_in_title h2{width:100%;height:auto;color:#c7a262;line-height:1;font-size:16px;padding:7px 0px 9px 0px;}
/*======*/
#voices dl{width:100%;height:auto;margin-bottom:10px;
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
#voices dl.right{
	-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}
#voices dl dt{width:calc(26% - 20px);height:auto;margin-left:10px;margin-right:10px;}
#voices dl dt p{width:100%;height:auto;}
#voices dl dd{width:74%;height:auto;}
#voices dl dd h3{width:100%;height:auto;background:url(../img/index/bg_voice_title.png) no-repeat;background-size:100% 100%;background-position:top left;color:#c7a262;line-height:1;font-size:14px;padding:6px 0px 7px 15px;text-align:left;}
	#voices dl.right dd h3{background:url(../img/index/bg_voice_title_right.png) no-repeat;background-size:100% 100%;background-position:top left;}
#voices dl dd p.day{width:calc(100% - 15px);height:auto;margin-left:15px;margin-right:10px;text-align:left;line-height:1;font-size:13px;padding-top:10px;}
#voices dl dd p.salary{width:calc(100% - 15px);height:auto;margin-left:15px;margin-right:10px;text-align:left;line-height:1;font-size:13px;padding-top:8px;}
#voices dl dd p.salary span{font-size:18px;line-height:1;display: inline-block;vertical-align: baseline;}
#voices dl dd p.txt{width:calc(100% - 15px);height:auto;margin-left:15px;margin-right:10px;text-align:left;line-height:1.5;font-size:12px;padding-top:10px;}


/*==FLOW====*/
#flow{width:100%;height:auto;padding-top:20px;}
.flow_dl{width:calc(100% - 20px);height:auto;}
.flow_dl div{width:100%;height:auto;margin-bottom:10px;
	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;}
.flow_dl div dt{width:20%;height:auto;margin-left:0px;}
.flow_dl div dd:nth-of-type(1){width:calc(35% - 20px);height:auto;margin:0px 10px;}
.flow_dl div dd:nth-of-type(1) h3{width:100%;height:auto;text-align:left;line-height:1;font-size:16px;color:#c7a262;}
.flow_dl div dd:nth-of-type(1) h4{width:100%;height:auto;text-align:left;line-height:1.3;font-size:12px;}
.flow_dl div dd:nth-of-type(2){width:45%;height:auto;margin-right:0px;text-align:left;line-height:1.3;}

/*==QUESTION====*/
#question{width:100%;height:auto;padding-top:20px;}
dl.question{width:calc(100% - 20px);height:auto;}
dl.question div.box{width:100%;height:auto;text-align:left;
	-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
dl.question div dt{width:100%;height:auto;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border:2px solid #181818;
	border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;text-align:left;position:relative;}
dl.question div dt:before {content:"";width:7px;height:6px;background:#ffffff;position:absolute;top:calc(50% - 3px);left:-5px;z-index:2;}
dl.question div dt:after {content:"";width:7px;height:6px;background:#ffffff;position:absolute;top:calc(50% - 3px);right:-5px;z-index:2;}
dl.question div dt div.txt_limit{width:calc(100% - 20px);height:auto;padding:7px 0px;
	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: start;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;}
dl.question div dt h3{width:100%;line-height:1;font-size:13px;text-align:left;margin-left:0px;}
dl.question div dt h3 span.en{color:#c7a262;font-size:15px;display:inline-block;padding-right:6px;}
dl.question div dd{width:100%;height:auto;}
dl.question div dd p{width:calc(100% - 20px);height:auto;line-height:1.3;padding:7px 0px 12px 0px;}

/*===Recruitment===*/
#recruitment{width:100%;height:auto;padding-top:20px;padding-bottom:30px;}
dl.recruitment {width:calc(100% - 20px);height:auto;
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
.recruitment dt,
.recruitment dd {padding: 10px;box-sizing: border-box;border-bottom:1px solid #d9d9d9;}
.recruitment dt{width:30%;}
.recruitment dd{width:70%;}
.recruitment dt h3{width:calc(100% - 10px);text-align:left;}
.recruitment dt h3 span{display:inline-block;background:url(../img/index/recruitment_li.png) no-repeat;background-size:10px 10px;background-position:0% 4px;padding-left:15px;}
.recruitment dd p{width:calc(100% - 10px);text-align:left;}