@charset "utf-8";

/*------------  recruit  ------------*/

.recruit_title_block { padding: 0 0 20px; }
.recruit_title { margin: 0 auto; width: 256px; }
.recruit_wrap { padding: 0 2% 100px; }

.recruit_wrap .txt_block { margin: 0 auto; padding: 50px 2%; max-width: 980px; border-top: 1px solid #d0c199; border-bottom: 1px solid #d0c199; font-family: 'Noto Sans JP', sans-serif; font-weight: 700; line-height: 1.6; color: #53231b; text-align: center; }
.recruit_wrap .txt_block .txt { font-size: 20px; }
.recruit_wrap .txt_block .box { display: flex; justify-content: center; align-items: center; margin: 35px auto 0; line-height: 1.4; }
.recruit_wrap .txt_block .box .tel_txt { padding: 0 10px; font-size: 20px; }
.recruit_wrap .txt_block .box .tel { padding: 0 10px; font-size: 30px; }

.recruit_wrap .btn_block { display: flex; flex-wrap: wrap; margin: 0 auto; padding: 50px 2% 0; max-width: 980px; }
.recruit_wrap .btn_block .btn_recruit { padding: 8px; width: 50%; }
.recruit_wrap .btn_block .btn_recruit .btn { display: flex; justify-content: center; align-items: center; height: 80px; background: #e7760d; font-family: 'Noto Sans JP', sans-serif; font-size: 15px; font-weight: 700; color: #fff; }
.recruit_wrap .btn_block .btn_recruit .label { position: relative; display: inline-block; padding: 0 2px 0 24px; }
.recruit_wrap .btn_block .btn_recruit .label:after { content:""; position: absolute; top: 50%; left: 0; transform: translate(0,-7px); width: 14px; height: 14px; background: url('/images/icon_recruit.png') no-repeat ; background-size: contain; }






@media screen and (max-width: 960px) {

  .recruit_title { width: 224px; }

  .recruit_wrap .txt_block { padding: 45px 2%; }
  .recruit_wrap .txt_block .txt { font-size: 18px; }
  .recruit_wrap .txt_block .box .tel_txt { font-size: 18px; }
  .recruit_wrap .txt_block .box .tel { font-size: 26px; }

}





@media screen and (max-width: 760px) {

  .recruit_title_block { padding: 12px 0 12px; }
  .recruit_title { width: 172px; }
  .recruit_wrap { padding: 0 4% 50px; }

  .recruit_wrap .txt_block { margin: 0 auto 25px; padding: 25px 0; }
  .recruit_wrap .txt_block .txt { font-size: 15px; }
  .recruit_wrap .txt_block .box { flex-direction: column; margin: 24px auto 0; }
  .recruit_wrap .txt_block .box .tel_txt { font-size: 15px; }
  .recruit_wrap .txt_block .box .tel { font-size: 24px; }


  .recruit_wrap .btn_block { flex-direction: column; padding: 0 2%; }
  .recruit_wrap .btn_block .btn_recruit { padding: 6px 0; width: 100%; }
  .recruit_wrap .btn_block .btn_recruit .btn { height: 54px; font-size: 13px; }

}