@charset "UTF-8";
/* recruit --------------------*/
/* フェードイン(初期値) */
.js-fadeUp {
  opacity: 0; /* 最初は非表示 */
  transform: translateY(15px); /* 下に15pxの位置から */
  transition: opacity .5s, transform .5s; /* 透過率と縦方向の移動を0.5秒 */
}
/* フェードイン(スクロールした後) */
.js-fadeUp.is-inview {
  opacity: 1; /* 表示領域に入ったら表示 */
  transform: translateY(0); /* 15px上に移動する */
  transition-delay: .5s; /* フェード開始を0.5秒遅らせる */
}
section h2,
section h3,
.ttl {
  margin-bottom:0;
  margin-block: calc((1em - 1lh) / 2);
}
section p { margin-block:calc((1em - 1lh) / 2);}
.ttl + p { margin-top: 24px;}
section{ margin-top: 80px;}
.u-mt16{ margin-top: 11px;}
.u-pc { display: none;}
/* page title */
.page-ttl-area { margin: 20px auto 0!important;}
.page-ttl--recruit {
 animation: showin 3s ease-out forwards; 
 margin: 0 -20px;
}

@keyframes showin {
  0% { opacity: 0;}
  100% { opacity: 1;}
  }
@media (min-width: 600px) {.page-ttl--recruit {margin: 0 auto;}
.page-ttl--recruit img {border-radius: 5px;}}


/* 募集中 */
.recruit-now__head {
  float: left;
  width : 56px;
  height: 56px;
  line-height: 56px;
  background:#f2769d;
  box-sizing:border-box;
  border-radius:50%;
  color :#FFF;
  font-size: 14px;
  text-align: center;
  margin-right:24px;
}
.recruit-now__desc-list {
  display: flex;
  flex-wrap: wrap;
  gap:4px;
  font-size: 13px;
  line-height: 19px;
  margin-top: 16px;
}
.recruit-now__desc-list li {
  background: var(--color_p-l);
  padding: 0 6px;
}

.recruit-pr {
  background: url("../img/06recruit/bg-lead.jpg") center center /contain no-repeat;
  margin-top: 80px;
}
  .recruit-pr__ttl:before{
    content:url('../img/navi/logo-mark.svg');
    display: block;
    width: 48px;
    height: 48px;
    margin: 0 auto 16px;
  }
  .recruit-pr__ttl { 
    font-size: 21px;
    font-weight: 400;
    margin-block: var(--leading-trim);  
  }
  .recruit-pr__ttl span {
    display: block;
    font-size: 18px;
    }
  .recruit-pr__img { margin: 40px auto 32px;}
  .recruit-pr__primary:before {
    content:url('../img/06recruit/fukidashi.svg');
    display: block;
    width: 212px;
    height: 16px;
    margin: 16px auto;
  }
  .recruit-pr__primary span{
    display: inline-block;
    line-height: 1;
    background: linear-gradient(transparent 70%, #fad2d5 70%);
    padding: 0 3px;
    margin: 0;
  }
.recruit-pr__img + p span { display: inline-block; border-bottom: 2px solid #fad2d5;}
.recruit-message__wrap:first-of-type { margin-top: 80px;}
  .recruit-message__ttl {
    font-family: 'Zen Old Mincho', serif;
    font-size:16px; 
    background: url("../img/06recruit/bg-i-mark.svg") top left/56px no-repeat;
    padding: 16px 0 0 24px;
  }
  .recruit-message__head-img {
    width: 100%;
    margin-top: 24px;
  }
  .recruit-message__head-img img { border-radius: 5px;}
  .recruit-message__img img {
    width: 100%;
    margin: 24px auto 0;
  }
  .recruit-message__wrap + .recruit-message__wrap {
    display:flex;
    flex-direction: column-reverse;
    margin-top: 32px;
  }
  .recruit-message__wrap p + p {margin-top: 24px;}

.recruit-about {
  border-top: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  padding: 40px 0;
  margin-top: 56px;
}
  .recruit-about__ttl {
    font-size: 18px;
    color: #0061aa;
  }
  .recruit-about__item {
    margin-top: 32px;
  }
  .recruit-about__item + .recruit-about__item {
    border-top: dashed 1px #ccc;
    padding-top: 32px;
  }
  .recruit-about__item p { margin-top: 16px;}

/* 募集要項/応募方法 */
section [class$="__list"] li {
  text-indent: -1em;
  padding-left:1em;
}
  section [class$="__list"] li > ul{margin-bottom: 24px;}
  section [class$="__list"] li li { text-indent: -1em; padding-left:1em; }
  section [class$="__list"] div {
    border-top: dashed 1px #ccc;
    padding-top:11px;
    margin-top: 11px;
  }
  section [class$="__list"] .recruit-detail__list--salary li {
    text-indent: -4em;
    padding-left:4em; }
  section [class$="__list"] {
    font-size: .9333em;
    border-collapse: separate;
    border-spacing: 0;
    margin-top: 24px;
  }
  section [class$="__list"] th,
  section [class$="__list"] td {width: 100%;display:block;}
  section [class$="__list"] th {
   font-weight: 500;
   line-height: 1;
   background: #e5eff7;
   color: #2d2d2d;
   text-align: left;
   border-bottom: 1px solid #c8d5db;
   border-radius: 2px;
   padding:9px 8px 7px;
   box-sizing: border-box;
  }
  section [class$="__list"] td {
   background: #fff;
   line-height: 1.7142;
   padding:11px 0;
  }
.recruit-apply {
  background: url("../img/06recruit/bg-i-mark.svg") top left /128px no-repeat;
  border: solid 2px #fdeeea;
  border-radius: 5px;
  padding: 24px;
  box-sizing: border-box;
}
  .recruit-apply__contact { width: 220px; margin: 24px auto 0;}
  .recruit-apply__phone { font-size: 24px; line-height: 1; letter-spacing: 1px; text-align: center;}
  .recruit-apply__phone:before {
    content: url("../img/06recruit/icon-phone.svg");
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 4px;
  }
  .recruit-apply__phone span {
    display: block;
    border: solid 1px #ccc;
    border-radius: 20px;
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    margin-top: 4px;
  }
  .recruit-apply__mail {
    display: flex;
    justify-content: center;
    background: #fdeeea;
    border-right: 1px solid #fad2d5;
    border-bottom: 1px solid #fad2d5; 
    border-radius: 48px;
    width: 220px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    margin-top: 16px;
    cursor: pointer;
    transition:.3s;
  }
  .recruit-apply__mail:before {
    content: url("../img/06recruit/icon-mail.svg");
    display: inline-block;
    width : 16px;
    height: 16px;
    padding-top: 2px;
    margin-right: 8px;
  }
  .recruit-apply__mail:hover {
    background:#fad2d5;
    transition:.3s;
  }
@media (min-width: 600px) {
.ttl + p{ margin-top: 40px;}
section{ margin-top: 120px;}
.u-pc { display: block;}
.recruit-now br,.recruit-pr__ttl br{ display: none;} 
 
.recruit-now { display: flex;}
  .recruit-now__head {
    display: inline-block;
    width : 64px;
    height: 64px;
    line-height: 64px;
    }
  .recruit-now__desc-list { margin-top: 8px;}

.recruit-message__wrap {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
  .recruit-message__wrap + .recruit-message__wrap {
    flex-direction: row;
    margin-top: 40px;
    }  
  .recruit-message__ttl {
    width: 31.43%;
    writing-mode: vertical-rl;
    font-size:18px; 
    background: url("../img/06recruit/bg-i-mark.svg") top left/96px no-repeat;
    padding: 40px 4em 0 0;
  }
  .recruit-message__head-img {
    width: 65.71%;
    max-width: 460px;
    margin-top: 0;
  }
  .recruit-message__img { width: 31.43%;}
  .recruit-message__img img { display: block; width: 197px; margin: 0;}
  .recruit-message__txt { max-width: 460px; width: 65.71%; }

.recruit-about {padding: 56px 0;}  
  .recruit-about__wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  } 
  .recruit-about__item { width: calc(50% - 24px);}
  .recruit-about__item:nth-of-type(2),
  .recruit-about__item:last-of-type { width: calc(50% - 25px);}
  .recruit-about__item:first-of-type,
  .recruit-about__item:nth-of-type(2){padding-top:0;border-top: 0;}

.recruit-apply{ padding: 40px;}
  .recruit-apply__wrap {
    display: flex;
    justify-content: space-between;
  }
  .recruit-apply__contact { margin: 0;}

section [class$="__list"] {
  display: table;
  margin-top: 40px;
  }
  section [class$="__list"] th {
    display: table-cell;
    width: 20%;
    text-align: center;
  }
  section [class$="__list"] tr:first-of-type th,
  section [class$="__list"] tr:first-of-type td { border-top: 1px solid #d8e2e6;} 
  section [class$="__list"] td {
   display: table-cell;
   width: 80%;
   border-bottom: 1px solid #d8e2e6;
   padding:19px 0 19px 24px;
  }
}