@charset "utf-8";
/* CSS Document */
.brt_header{background-color: transparent;}
.brt_header.active{background-color: rgba(255,255,255,0.5);}
.brt_header .brt_wrap ul li a{color: #FFFFFF;}
.brt_header.active .brt_wrap ul li a{color: #212121;}
.brt_header p a img:nth-of-type(2){display: inline;}
.brt_header p a img:nth-of-type(1){display: none;}
.brt_header.active p a img:nth-of-type(2){display: none;}
.brt_header.active p a img:nth-of-type(1){display: inline;}
.brt_spmenubtn{
  color: #FFFFFF;
  border-color: #FFFFFF;
}
.brt_header.active .brt_spmenubtn{
  color: #1C295D;
  border-color: #1C295D;
}


.brt_rectop{
  padding: 212px 0 192px;
  background-image: url("../img/recruit/il_reclogo.svg");
  background-position: calc(50% + 320px) 90px;
  background-repeat: no-repeat;
}
.brt_rectop .brt_wrap{padding-left: 64px;}
.brt_rectop p:first-of-type{margin-bottom: 68px;}



.brt_message{
  position: relative;
  margin-bottom: 120px;
  padding: 96px 0 160px;
  overflow: hidden;
}
.brt_bgtxt{
  position: absolute;
  left: calc(50% - 640px);
  top: -72px;
  font-family: Oswald;
  font-size: 20.25rem;
  font-weight: bold;
  color: #3B7BCA;
  opacity: 0.1;
}
.brt_message.active .brt_bgtxt::after{width: 0;}
.brt_message .brt_wrap{
  transition: all 1s ease-out 0.2s;
  opacity: 0;
}
.brt_message.active .brt_wrap{opacity: 1;}
.brt_h2{
  font-family: Oswald;
  font-size: 1.125rem;
  font-weight: bold;
}
.brt_h2::after{
  content: "";
  display: inline-block;
  width: 56px;
  margin-left: 18px;
  vertical-align: middle;
  border-top: 1px solid #212121;
}
.brt_txt01{
  margin-bottom: 32px;
  font-weight: bold;
  line-height: 1.75;
  font-size: 2.25rem;
  color: #3B7BCA;
}
.brt_txt02{
  line-height: 2;
  margin-bottom: 2em;
  color: #333333;
}



.brt_ttlen{
  text-align: center;
  font-family: Oswald;
  font-size: 5rem;
  font-weight: bold;
  color: #3B7BCA;
}
.brt_ttl{
  margin-bottom: 80px;
  text-align: center;
  font-size: 1.25rem;
  font-weight: bold;
  color: #212121;
}


.brt_bgcontainer{
  position: relative;
  padding-bottom: 1px;
}
.brt_bgcontainer>span{
  position: -webkit-sticky;
  position: sticky;
  display: block;
  height: 480px;
  top: 0;
}
.brt_bgcontainer>div{margin-top: -360px;}

.brt_jobbox{margin-bottom: 220px;}
.brt_wtblock{
  position: relative;
  width: calc(100% - (100% - 1060px)/2);
  padding: 120px 104px 104px calc((100% - 1060px)/2);
  background-color: #FFFFFF;
  box-shadow: 0px 3px 32px rgba(0, 0, 0, 0.16);
  transition: all 1s ease-out;
  transform: translateY(10px);
  opacity: 0;
  z-index: 15;
}
.brt_jobbox.active .brt_wtblock{
  transform: translateY(0);
  opacity: 1;
}
.brt_wtblock>div{
  margin: auto;
  transition: all 1s ease-out 0.25s;
  transform: translateY(10px);
  opacity: 0;
}
.brt_jobbox.active .brt_wtblock>div{
  transform: translateY(0);
  opacity: 1;
}
.brt_wtblock.brt_pat2{
  margin: auto 0 auto auto;
  padding: 120px calc((100% - 1060px)/2) 104px 104px;
}
.brt_wtblock h3{
  margin-bottom: 80px;
  font-size: 3.125rem;
  font-weight: bold;
  color: #212121;
}
.brt_wtblock dl{
  display: flex;
  align-items: flex-start;
}
.brt_wtblock dl dt{
  width: 18%;
  font-size: 1.25rem;
  font-weight: bold;
  color: #212121;
}
.brt_wtblock dl dd{
  width: 82%;
  line-height: 2;
  color: #212121;
}



.brt_reqiure{padding: 144px 0 216px;}
.brt_reqiure .brt_ttl{margin-bottom: 36px;}
.brt_comment{
  margin-bottom: 32px;
  text-align: center;
  font-size: 1.125rem;
  color: #E9635D;
  
}
.brt_reqiure dl{
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  border-bottom: 1px solid #E5E5E5;
}
.brt_reqiure dl dt{
  width: 18%;
  padding: 22px 0;
  font-weight: bold;
  color: #212121;
  border-top: 1px solid #E5E5E5;
}
.brt_reqiure dl dd{
  width: 82%;
  padding: 22px 0;
  color: #212121;
  border-top: 1px solid #E5E5E5;
}






/*ホバーエフェクト*/
@media screen and (min-width:821px){
  .brt_header .brt_wrap ul li a:hover{
    color: #FFFFFF;
    opacity: 0.5;
  }
  .brt_header.active .brt_wrap ul li a:hover{
    color: #3B7BCA;
    opacity: 1;
  }
}





@media screen and (min-width:1600px){
  .brt_message .brt_wrap{width: 1280px;}
  .brt_reqiure .brt_innerwrap{width: 1060px;}
}

@media screen and (min-width:1440px){
  .brt_wtblock{
    width: calc(100% - (100% - 1280px)/2);
    padding: 120px 104px 104px calc((100% - 1280px)/2);
  }
  .brt_wtblock.brt_pat2{padding: 120px calc((100% - 1280px)/2) 104px 104px;}
}

@media screen and (max-width:1312px){
  .brt_message{padding-bottom: 0;}
}
@media screen and (max-width:1092px){
  .brt_wtblock{width: 96%;}
}







/*-----------------------------------------*/
/*--------------レスポンシブ-------------*/
/*-----------------------------------------*/
@media screen and (max-width:820px){
  .brt_rectop{
    height: 100vh;
    padding: 120px 0 0;
    background-size: 90% auto;
    background-position: left -11vw top 68vw;
  }
  .brt_rectop .brt_wrap{padding: 16px 18px;}
  .brt_rectop p:first-of-type{
    margin-bottom: 11%;
    padding-right: 27%;
  }
  .brt_rectop p:last-of-type{padding-right: 18%;}
  .brt_rectop p img{max-width: 100%;}


  .brt_message{
    margin-bottom: 40px;
    padding: 50px 0 0;
    overflow: hidden;
  }
  .brt_bgtxt{
    left: 0;
    top: 10px;
    font-size: 6.875rem;
  }

  .brt_message .brt_wrap{padding: 0 18px;}
  .brt_txt01{font-size: 1.5rem;}


  .brt_ttlen{font-size: 2.875rem;}
  .brt_ttl{
    margin-bottom: 40px;
    font-size: 0.875rem;
  }
  .brt_jobbox{margin-bottom: 80px;}
  .brt_wtblock,
  .brt_wtblock.brt_pat2{
    width: calc(100% - 24px);
    padding: 50px 24px;
  }
  .brt_wtblock h3{
    margin-bottom: 40px;
    font-size: 1.5rem;
  }
  .brt_wtblock dl{display: block;}
  .brt_wtblock dl dt{
    width: 100%;
    margin-bottom: 16px;
    font-size: 0.875rem;
  }
  .brt_wtblock dl dd{
    width: auto;
    font-size: 0.875rem;
  }


  .brt_reqiure{padding: 80px 0 48px;}
  .brt_comment{font-size: 0.875rem;}
  .brt_comment span{display: block;}
  .brt_reqiure dl{padding: 0 18px;}
  .brt_reqiure dl dt{
    width: 104px;
    font-size: 0.875rem;
    color: #848684;
  }
  .brt_reqiure dl dd{
    width: calc(100% - 104px);
    font-size: 0.875rem;
  }
  .brt_spfs{
    display: inline-block;
    vertical-align: baseline;
    font-size: 0.625rem;
  }
}
@media screen and (max-width:428px){
  .brt_rectop{background-position: left -11vw top 96vw;}
  .brt_img03{background-position: left -250px bottom;}
}
@media screen and (max-width:375px){}
@media screen and (max-width:360px){}
@media screen and (max-width:320px){}