@charset "UTF-8";


.top_img{ max-width: 100vw; margin-left: -5vw;}
.faq-items{ margin: 10vw 5vw;}
.faq-items > dl{border-top: 1px solid #d5d5d5;}
.recruit_tit {color: #65606b;padding: 10vw 0 6vw;position: relative;cursor: pointer;}
.recruit_tit .en {margin-bottom: 2vw;font-size: 6.6vw;font-family: 'Raleway', sans-serif;letter-spacing: 0.3vw;display: initial;font-weight: 600;position:relative;margin: 0 auto;line-height: 1;}
.recruit_tit .jp {font-size: 2.88vw;display: block;}
.recruit_tit .en:before{content:"";background: url("../images/tit_logo.svg") no-repeat;position: absolute;left: -4vw;top: -4vw;height: 45px;width: 60px;vertical-align: middle;}
.recruit_tit:before, .recruit_tit:after {content: '';background: #979797;position: absolute;top: 0;right: 0;}
.recruit_tit:before {width: 20px;height: 2px;top: 50%;right: 12px;}
.recruit_tit:after {width: 2px;height: 20px;top: 50%;right: 21px;-webkit-transition: 0.3s;transition: 0.3s;margin-top: -12px;transform: translate(0, 3px);}
.recruit_tit.open:after {-moz-transform: rotate(90deg) translate(3px, 0);-ms-transform: rotate(90deg) translate(3px, 0);-webkit-transform: rotate(90deg) translate(3px, 0);transform: rotate(90deg) translate(3px, 0);}

.recruit_opn {display: none;padding-bottom: 7vw;}
.message P{ margin-bottom: 5vw;}
.message b{ color: #da9e71;}

.value dt {font-size: 5vw;line-height: 1.2;}
.value dt .en{font-family: 'Raleway', sans-serif;font-size: 6.6vw;}
.value dl{margin-bottom:5vw;}

.recruit_voice{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.recruit_voice li{margin: 1% 1% 6%;text-align: center;width: 48%;line-height: 1.5;}
.recruit_voice .en{font-size: 3.8vw;font-weight: bold;margin: 3vw 0 0;}
.recruit_voice .name{ text-align: center;}

.recruit_list li{font-feature-settings: "palt";}
.recruit_list li dt{line-height: 1.2;font-size: 4.2vw;font-weight: bold;}
.recruit_list li:nth-child(even){-webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse;}  
.recruit_list li dt:first-child::after{content: "";width: 1px;height: 50px;background: #78737d;position: absolute;top: -14vw;left: 2vw;}
.recruit_list li dd{ margin-bottom: 5vw;}    



.tab_01 {width: 100%;margin: 0 auto 5vw;line-height: 1.5;}
.tab_01 tr{margin: 3px 0;border: 4px solid #fff;}
.tab_01 th {width: 100%;text-align: center;padding: 10px 20px;color: #fff;vertical-align: middle;background: #78737d;font-size: 16px;display: block;}
.tab_01 td {padding: 4%;vertical-align: middle;text-align: left;color: #65606b;font-size: 4vw;width: 100%;line-height: 1.8;display: block;}

/*-----------*/
.voice_ttl{text-align: center;margin: 8vw 0 0;}
.voice_ttl .en{
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    font-size: 4vw;
    line-height: 1.2;
}
.voice_ttl .name{}
.voice_img{margin: 0 auto;}
.voice{margin: 10vw 4vw 10vw 7vw;}
.voice dt {font-size: 5vw;line-height: 1.2;margin-bottom: 5vw;padding-left: 3vw;text-indent: -10.8vw;}
.voice .en{font-family: 'Raleway', sans-serif;font-size: 140%;margin-right: 1%;}
.voice dd{    padding-left: 1vw;    text-indent: -4vw;text-align: justify;text-justify: inter-ideograph;}


/* PC-size 
======================================================================================*/
@media screen and (min-width: 736px) {
  
.top_img{ max-width: 100%; margin-left: 0;}
.faq-items{margin: 100px 50px;}
.recruit_tit {padding: 50px 0 30px;}
.recruit_tit .en {margin-bottom: 14px;font-size: 30px;letter-spacing: 2px;}
.recruit_tit .jp {font-size: 12px;}
.recruit_tit .en:before{content:"";background: url("../images/tit_logo.svg") no-repeat;position: absolute;left: -20px;top: -15px;height: 56px;width: 60px;vertical-align: middle;}

.recruit_opn {padding-bottom: 50px;}    
.message P{ margin-bottom: 10px;}
  
.value dl{margin-bottom:20px;}
.value dt {font-size: 20px;}
.value dt .en{font-size: 26px;padding-right: 5px;}
.value dd{font-size: 14px;text-indent: 40px;}

.recruit_voice{-ms-flex-wrap: nowrap;flex-wrap: nowrap;}
.recruit_voice li{ margin: 1%;text-align: center;}
.recruit_voice .en{margin: 10px 0 5px;font-size: 20px;}

.recruit_list{    margin: 70px auto 0px;}
.recruit_list li {margin-bottom: 80px;}
.recruit_list li dt:first-child::after{width: 80px;height: 1px;top: 12px;left: -100px;}
.recruit_list li dt {position: relative;font-size: 20px;}
.recruit_list li dl{padding: 0px 0 0px 60px;} 
.recruit_list li:nth-child(even) dl{padding: 00px  60px 00px 0;} 
.recruit_list li:nth-child(even) dt:first-child::after{content: "";width: 68%;height: 1px;background: #78737d;position: static;display: inline-block;margin-right: -30%;margin-top: 10px;margin-left: 10px;}
.recruit_list li:nth-child(even) dt{display: -webkit-box;display: -ms-flexbox;display: flex;}  
.recruit_list li dd{ margin-bottom: 20px;}    
  
  .entry{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
  .entry li{ margin: 0 5%;}
.tab_01 {width: 100%;margin: 30px auto 50px;line-height: 1.5;}
.tab_01 tr{margin: 3px 0;border: 4px solid #fff;}
.tab_01 th {width: 30%;padding: 10px 20px;font-size: 16px;display: table-cell;}
.tab_01 td {padding: 10px 20px;font-size: 16px;}

/*-----------*/
.voice_ttl{margin: 50px 0 0;}
.voice_ttl .en{
    font-size: 23px;
}
.voice_ttl .name{}
.voice{margin: 50px 50px;}
.voice dt {font-size: 20px;margin-bottom: 10px;padding-left: 30px;text-indent: -45px;}
.voice dt .en{font-size: 26px;padding-right: 0px;}
.voice dd{padding-left: 30px;text-indent: -30px;}



  
/* end
======================================================================================*/
}