@charset "utf-8";

/* ふわっと表示↓*/
.element {/* 最初は非表示 */transform: translateY(30px);opacity: 0;visibility: hidden;transition: transform 1s, opacity 1s, visibility 1s;}
/* フェードイン時に入るクラス */
.is-fadein {transform: translateX(0);opacity: 1;visibility: visible;}
/* ふわっと表示↑*/

.spimg {display:none;}
body{font-family: 'Noto Sans JP', sans-serif; overflow-x:hidden;}

/*↓コンテンツ１*/
#content1 {/*width:1920px; position:relative; left:50%; top:0; margin-left:-960px; height:260px;*/ padding:160px 0 0 0;}
#content1 img {width:100%;}

/*↓コンテンツ2*/
.content2 h3{text-align:center; font-size:20px; font-weight:400; margin:170px auto 80px auto; position:relative;}
.content2h3img{width:70px;position:absolute;margin-left: 30px;top:-10px;}
.reddot{color:#ff2a2a;}
.fontsize{font-size:min(calc((100 / 1500) * 15vw), 15px);}


/*↓表*/
.bosyuhyou {border-collapse: separate; border-spacing: 0px 8px; max-width:1100px; width:100%; margin: 0 auto;}
.bosyuhyou td {border-top: 1px solid #727171;color:black; font-weight:400; font-size:18px; border-spacing:10px 0px;vertical-align: top; }
.bosyuhyou td:nth-child(1) {width:25%; padding:50px 0px 50px 80px;}
.bosyuhyou td:nth-child(2) {width:10%; padding:50px 0px 50px 0px;}
.bosyuhyou td:nth-child(3) {width:65%; padding:50px 80px 50px 0px;}

.shikakuseido {box-sizing:border-box; padding:0 20px; margin:60px auto 100px auto;}
.shikakuseido .inner {border:2px solid #C7B299; box-sizing:border-box; position:relative; padding:30px 30px; max-width:1100px; width:100%; margin:0 auto;}
.shikakuseido .inner h4 {position:absolute; font-size:18px; height:40px; line-height:40px; top:-45px; left:50%; width:200px; margin-left:-100px; background-color:#fff; text-align:center; font-weight:normal;}

.saiyonagare .inner {display:flex; /*justify-content: center;*/justify-content: space-evenly;max-width:1100px;margin: 0 auto;}
.saiyonagare .inner div:nth-of-type(1) {font-size:18px; /*max-width:300px; width:100%;*/ text-align:center; padding-top:10px;}
.saiyonagare .inner div:nth-of-type(2) {/*max-width:320px;*/}
.saiyonagare .inner div:nth-of-type(2) img {width:320px;}
.saiyonagare .inner div:nth-of-type(3) {/*max-width:300px; width:100%; display:relative;*/margin-top: auto;}

.recruitnagareimg{width:min(calc((100 / 1500) * 320vw), 320px);}

/*ボタン*/
.nagareflex{display:flex;align-items: flex-end;}
.nagarebutton{font-weight:bold;/*position:relative;*/}
.nagarebutton a:hover {background: #534741;cursor: pointer;display:block;}
.nagarebutton a{color:white;display:block;font-size:16px; 
  position:relative;white-space:nowrap; background: linear-gradient(to right,#1a71b4,#24bddc,#77b848,#d2d65b,#f9c94f,#ec6350);
  padding:10px;text-align:center;border-radius: 50px;height:20px;line-height:20px;/*width:200px;*/font-weight:500;display:block; /*position:absolute;*/ bottom:0; /*left:80px;*/
}

.nagarebutton a::before{
  z-index: 40;content:""!important;display: inline-block;position:absolute;width:7px;height:16px;/*left:33px;*/left:16px;bottom:10px;background-image:url(../img/recruit/6.svg);background-repeat: no-repeat;opacity: 1!important;
}

/*コンテンツ3*/
.content3flex{display:flex;justify-content: center;margin-top: 7%;margin-bottom: 7%;}
.content3button1{width:min(calc((100 / 1500) * 600vw), 600px);margin-right:2%;position:relative;}
.content3button2{width:min(calc((100 / 1500) * 600vw), 600px);position:relative;}

.content3button1::before{
  content:"";
  display: inline-block;
  position:absolute;
  width:min(calc((100 / 1500) * 60vw), 60px);
  height:min(calc((100 / 1500) * 60vw), 60px);
  left:-10px;
  top:35%;
  background-image:url(../img/9.recruit/buttonyajirusi.svg);
  background-size: contain;
  background-repeat: no-repeat;
  z-index:30;
}
.content3button1:hover:before{
  content:"";
  display: inline-block;
  position:absolute;
  width:min(calc((100 / 1500) * 60vw), 60px);
  height:min(calc((100 / 1500) * 60vw), 60px);
  left:0;
  top:35%;
  background-image:url(../img/9.recruit/buttonyajirusi.svg);
  background-size: contain;
  background-repeat: no-repeat;
  z-index:30;
}

.content3button2::before{
  content:"";
  display: inline-block;
  position:absolute;
  width:min(calc((100 / 1500) * 60vw), 60px);
  height:min(calc((100 / 1500) * 60vw), 60px);
  left:-10px;
  top:35%;
  background-image:url(../img/9.recruit/buttonyajirusi.svg);
  background-size: contain;
  background-repeat: no-repeat;
  z-index:30;
}

.content3button2:hover:before{
  content:"";
  display: inline-block;
  position:absolute;
  width:min(calc((100 / 1500) * 60vw), 60px);
  height:min(calc((100 / 1500) * 60vw), 60px);
  left:0;
  top:35%;
  background-image:url(../img/9.recruit/buttonyajirusi.svg);
  background-size: contain;
  background-repeat: no-repeat;
  z-index:30;
}

/*↑コンテンツ3*/


/*↓sp追記*/
.recruitallsp{display:none;}
.content3flex2{display:none;}
/*↑sp追記*/

@media screen and (max-width : 800px ){
  #content1 .pcimg {display:none;}
  #content1 .spimg {display:initial;}
  
  /*↓コンテンツ１*/
  #content1 {width:100%; height:auto; position:relative; left:0; top:0; margin-left:0; padding:50px 0 0 0;}
  #content1 img {width:100%;}

	/*↓コンテンツ2*/
  .content2 h3{font-size:16px;margin:40px auto 90px auto;}
  .content2h3img{top:40px; margin-left: -82px; width:60px;}

  .content3flex{display:none;}
  .content3flex2{display:block;}

.nagarebutton{margin-left: 0;}
.nagarebutton a{font-size:15px;padding:20px;width:200px;margin: 0 auto;display:block;margin-top: 10%;margin-bottom: 10%;}
.nagarebutton a::before{
  z-index: 40;
  content:""!important;
  display: inline-block;
  position:absolute;
  width:7px;
  height:min(calc((100 / 1500) * 35vw), 35px);
  left:20px;
  bottom:17px;
  background-image:url(../img/9.recruit/6.svg);
  background-repeat: no-repeat;
  opacity: 1!important;}

  .content3button1::before{display: none;}
  .content3button2::before{display: none;}


  /*↑コンテンツ2*/

/*↓コンテンツ3*/
.fontsize{font-size:15px;}
.bosyuhyou {border-collapse: separate; border-spacing: 0px 8px; width:75%; margin: 0 auto;}
.bosyuhyou td {border-top: 1px solid #727171;color:black; font-weight:400; font-size:18px; border-spacing:10px 0px;vertical-align: top; }
.bosyuhyou td:nth-child(1) {width:25%; padding:50px 0px 50px 80px;}
.bosyuhyou td:nth-child(2) {width:10%; padding:50px 0px 50px 0px;}
.bosyuhyou td:nth-child(3) {width:65%; padding:50px 80px 50px 0px;}
.bosyuhyou  * { box-sizing: border-box;}
.bosyuhyou {border-collapse: separate; border-spacing: 0px 8px; width:100%; margin: 0 auto;}
.bosyuhyou table {display:block;}
.bosyuhyou tr {display:block; padding:0 20px;}
.bosyuhyou td {display:block; border-top: 1px solid #727171;color:black; font-weight:400; font-size:18px; border-spacing:10px 0px;vertical-align: top; }
.bosyuhyou td:nth-child(1) {width:100%; padding:30px 20px; border-top:1px solid #231815;}
.bosyuhyou td:nth-child(2) {display:none;}
.bosyuhyou td:nth-child(3) {width:100%; padding:30px 20px; border-top:1px dashed #231815;}
.bosyuhyou tr:nth-last-child(1) td:nth-child(3) {border-bottom:1px solid #231815;}


.shikakuseido {box-sizing:border-box; padding:0 20px; margin:60px auto 50px auto;}
.shikakuseido .inner {border:2px solid #C7B299; box-sizing:border-box; position:relative; padding:30px 30px; max-width:1100px; width:100%; margin:0 auto;}
.shikakuseido .inner h4 {position:absolute; font-size:18px; height:40px; line-height:40px; top:-45px; left:50%; width:200px; margin-left:-100px; background-color:#fff; text-align:center; font-weight:normal;}

.saiyonagare .inner {display:block; padding:0 20px;}
.saiyonagare .inner div:nth-of-type(1) {font-size:18px; max-width:initial; width:100%; text-align:left; padding:0 0 30px 0;}
.saiyonagare .inner div:nth-of-type(2) {width:100%;margin: 0 auto;}
.saiyonagare .inner div:nth-of-type(2) img {width:100%;}
.saiyonagare .inner div:nth-of-type(3) {max-width:initial; width:100%; }

.nagareflex{display:block;}
.nagarebutton{font-weight:bold;position:relative;}
.nagarebutton a:hover {background: #534741;cursor: pointer;display:block;}
.nagarebutton a {color:white; display:block; height:20px; width:220px; display:block; position:relative; 
  margin:40px auto 40px auto; left:initial; bottom:initial; padding:20px 20px; font-size:15px; }
.nagarebutton a::before {
  z-index: 40;content:""!important;display: inline-block;
  position:absolute; width:7px; height:25px; left:55px; bottom:10px;background-image:url(../img/recruit/6.svg);
  background-repeat: no-repeat;opacity: 1!important;
}



.recruitnagareimg{width:95%;margin: 0 auto;margin-top: 8%;}

.content3button1 img{width:95%; margin: 0 auto;display:block;}
.content3button2 img{width:95%; margin: 0 auto;display:block;}
.bosyuhyou td{border-top:none;}
.bosyuhyou ul{margin-left: -5%;}
.recruitsptop{border-bottom:dotted 1px;color :#231815;}
.recruitspbottom{border-bottom:solid 1px;color :#231815;}



}