@charset "utf-8";
/* CSS Document */

/* ==========================================================================//
//
//　PC
//
// ========================================================================== */





/* subpage-area-mainimg 
---------------------------------------------------------- */
.subpage-area-mainimg {
  background: url(/recruit/img/bg_01.jpg) center center / cover no-repeat;;
}
.subpage-area-mainimg h2 {
}
.subpage-area-mainimg h2 span {
}


/* area-recruit
---------------------------------------------------------- */
.area-recruit {
}
.area-recruit .box-ttl {
  margin: 0 0 40px;
  text-align: center;
}
.area-recruit .txt_01 {
  text-align: center;
  margin: 0 0 80px;
  font-weight: bold;
  line-height: 2;
}
.area-recruit .tbl_01 tr th {
  width: 20%;
}
.area-recruit .box_btn {
  width: 90%;
  max-width: 270px;
  margin: 90px auto 0;
}



/* ==========================================================================
// modal
========================================================================== */
/* モーダル */
body.fixed {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  overflow-y: scroll;
}
.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.modal-content {
  position: relative;
  z-index: 2;
  padding: 50px 0;
  max-height: 90vh;
  width: 90%;
  max-width: 1000px;
}
 
.modal-inner {
  position: relative;
  padding: 0 0 5vw;
}
.modal-inner .area-entry {
  background: #F5ECE3;
  box-shadow: 0px 0px 10px 0px #b3b3b3;
  position: relative;
  padding: 90px 90px 120px;
}
.modal-inner .area-entry .btn-close {
  width: 38px;
  height: auto;
  position: absolute;
  top: 48px;
  right: 48px;
}
.modal-inner .area-entry dl {
  width: 100%;
  max-width: 810px;
  margin: 0 auto;
}
.modal-inner .area-entry dl dt {
  font-weight: bold;
  margin: 0 0 18px;
}
.modal-inner .area-entry dl dd {
  margin: 0 0 35px;
}
.modal-inner .area-entry dl dd input {
}
.modal-inner .area-entry dl dd.nenrei input {
  width: 30% !important;
}
.modal-inner .area-entry dl dd.nenrei span {
  font-weight: bold;
}
.modal-inner .area-entry dl dd.privacy {
  line-height: 2.4;
}
.modal-inner .area-entry dl dd.privacy a {
  color: #202020;
  text-decoration: underline;
}
.modal-inner .area-entry dl dd.privacy input {
  width: 10px !important;
}
.modal-inner .area-entry dl dd textarea {
  height: 100px !important;
}
.modal-inner .area-entry dl dd input,
.modal-inner .area-entry dl dd textarea {
  width: 92% !important;
  border: 1px solid #202020;
  padding: 20px;
  font-size: 20px;
}

/* チェックボックス01 
input[type=checkbox] {
  display: none;
}
.checkbox01 {
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  padding: 5px 30px;
  position: relative;
  width: auto;
}
.checkbox01::before {
  background: #fff;
  border: 1px solid #231815;
  content: '';
  display: block;
  height: 16px;
  left: 5px;
  margin-top: -8px;
  position: absolute;
  top: 50%;
  width: 16px;
}
.checkbox01::after {
  border-right: 3px solid #202020;
  border-bottom: 3px solid #202020;
  content: '';
  display: block;
  height: 9px;
  left: 10px;
  margin-top: -7px;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: rotate(45deg);
  width: 5px;
}
input[type=checkbox]:checked + .checkbox01::after {
  opacity: 1;
}
*/

/* 送信ボタン */
.modal-inner .area-entry .box_btn {
  width: 100%;
  margin: min(10%, 60px) auto 0;
}
.modal-inner .area-entry button {
  font-size: 16px;
  width: 90% !important;
  max-width: 270px !important;
  margin: 0 auto;
  transition: all 0.3s;
  cursor: pointer;
  background-color: transparent;
} 
.modal-inner .area-entry .btn_01 {
  font-family: YuGothic,"Yu Gothic","游ゴシック体","游ゴシック","Hiragino Kaku Gothic ProN","HiraKakuPro-W3","メイリオ",Meiryo,Verdana,sans-serif;
  padding: min(8%, 20px) 0;
  font-weight: bold;
}
.modal-inner .area-entry .btn_bor_blk_01:hover {
  background-color: #202020;
} 


/* デフォルト設定 */
.modal .btn-close:hover {
  cursor: pointer;
}
.modal.is_close > * {
  pointer-events: none;
}
.modal.is_close {
  pointer-events: none;
  visibility: hidden;
  -webkit-transition: visibility .3s;
  transition: visibility .3s;
}
.modal.is_close .modal-bg,
.modal.is_close .modal-content {
  opacity: 0;
  -webkit-transition: .3s opacity 0s;
  transition: .3s opacity 0s;
}
.modal.is_open {
  visibility: visible;
}
.modal.is_open .modal-bg {
  opacity: 0.5;
  -webkit-transition: .3s opacity 0s;
  transition: .3s opacity 0s;
}
.modal.is_open .modal-content {
  pointer-events: none;
  opacity: 1;
  -webkit-transition: .3s opacity .3s;
  transition: .3s opacity .3s;
}
.modal.is_open .btn-close, .modal.is_open .modal-inner {
  pointer-events: auto;
}


/* thankspage
---------------------------------------------------------- */
.thankspage .txt_01 {
  font-weight: bold;
  font-size: 22px;
}
.thankspage .txt_02 {
  margin: 0 0 10px;
  text-align: center;
}
.thankspage .box_btn {
  width: 90%;
  max-width: 270px;
  margin: 80px auto 0;
}