@charset "UTF-8";
/* =================================================== *
  recruit
 * =================================================== */
/*  メイン画像
=================================================== */
.mainvisual {
  background: url("../img/recruit/main.jpg") no-repeat center center;
}

/*  INTRO
=================================================== */
#recruit-intro {
  padding-bottom: 10%;
}

#recruit-intro h2 {
  color: #003d02;
  margin-bottom: 8%;
  text-align: center;
}

/* 横並び */
.recruit-intro-flex {
  display: flex;
  display: -ms-flexbox;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.recruit-intro-flex h3 {
  margin-bottom: 15%;
}

.recruit-intro-flex > div:first-child {
  flex-basis: 47%;
  -ms-flex-preferred-size: 47%;
}

.recruit-intro-flex > div:last-child {
  flex-basis: 47%;
  -ms-flex-preferred-size: 47%;
  overflow: hidden;
}

.recruit-intro-flex > div:last-child img {
  border-radius: 40px;
}

@media screen and (max-width: 767px) {
  .recruit-intro-flex {
    display: block;
  }
  .recruit-intro-flex h3 {
    margin-bottom: 5%;
  }
  .recruit-intro-flex > div:first-child {
    margin-bottom: 5%;
  }
}

/*  OUTLINE
=================================================== */
#recruit-outline-link {
  margin-top: -160px;
  padding-top: 160px;
}

@media screen and (max-width: 767px) {
  #recruit-outline-link {
    margin-top: -40px;
    padding-top: 40px;
  }
}

#recruit-outline {
  padding-bottom: 3%;
}

#recruit-outline h2 {
  margin-bottom: 1%;
}

/* カード */
.recruit-outline-card {
  background: #fde1b0;
  border-radius: 40px;
  margin-bottom: 8%;
  padding: 30px 50px;
}

.recruit-outline-card h3 {
  font-weight: bold;
  margin-bottom: 2%;
}

.recruit-outline-card p + p {
  margin-top: 3%;
}

@media screen and (max-width: 767px) {
  .recruit-outline-card {
    margin-bottom: 5%;
    padding: 20px;
  }
}

/*  DAY
=================================================== */
#recruit-day {
  padding-bottom: 10%;
}

#recruit-day h2 {
  margin-bottom: 1%;
}

/* リスト　基本のリストはpage.css　.default-list */
.recruit-day-list {
  background: linear-gradient(90deg, #cbe4b9 0%, #cbe4b9 10em, #fff 10em, #fff 100%);
}

.recruit-day-list dt {
  padding: 15px;
  text-align: center;
}

.recruit-day-list dd {
  padding: 15px 15px 15px 12em;
}

@media screen and (max-width: 767px) {
  .recruit-day-list {
    background: none;
  }
  .recruit-day-list dt {
    background: #cbe4b9;
    padding: 5px;
  }
  .recruit-day-list dd {
    border-bottom: none;
    padding: 0;
  }
}

/*  INFO
=================================================== */
#recruit-info-link {
  margin-top: -160px;
  padding-top: 160px;
}

@media screen and (max-width: 767px) {
  #recruit-info-link {
    margin-top: -40px;
    padding-top: 40px;
  }
}

#recruit-info {
  padding-bottom: 10%;
}

#recruit-info h2 {
  margin-bottom: 1%;
}

/* リスト　基本のリストはpage.css　.default-list */
.recruit-info-list {
  background: linear-gradient(90deg, #fde1b0 0%, #fde1b0 10em, #fff 10em, #fff 100%);
}

.recruit-info-list dt {
  padding: 15px 0 15px 4%;
}

.recruit-info-list dd {
  padding: 15px 15px 15px 12em;
}

@media screen and (max-width: 767px) {
  .recruit-info-list {
    background: none;
  }
  .recruit-info-list dt {
    background: #fde1b0;
    padding: 5px;
    text-align: center;
  }
  .recruit-info-list dd {
    border-bottom: none;
    padding: 0;
  }
}

/*  ACCESS
=================================================== */
#recruit-access {
  padding-bottom: 10%;
}

#recruit-access h2 {
  margin-bottom: 1%;
}

/* リスト　基本のリストはpage.css　.default-list */
.recruit-access-list {
  margin-bottom: 5%;
}

.recruit-access-list dt {
  padding: 15px;
  width: 7em;
}

.recruit-access-list dd {
  padding: 15px 15px 15px 7em;
}

@media screen and (max-width: 767px) {
  .recruit-access-list dt {
    padding: 0;
    width: 100%;
  }
  .recruit-access-list dd {
    padding: 0 0 10px 0;
  }
}

.recruit-access-btn {
  font-size: 2rem;
  margin: 10% auto 0 auto;
  text-align: center;
}

.recruit-access-btn img:first-child {
  margin-right: 10px;
  width: 50px;
}

.recruit-access-btn img:nth-child(2) {
  margin-left: 10px;
  width: 30px;
}

@media screen and (max-width: 767px) {
  .recruit-access-btn {
    font-size: 1.4rem;
  }
  .recruit-access-btn img:first-child {
    margin-right: 5px;
    width: 30px;
  }
  .recruit-access-btn img:nth-child(2) {
    margin-left: 5px;
    width: 15px;
  }
}

@media screen and (max-width: 320px) {
  .recruit-access-btn {
    font-size: 1.2rem;
  }
  .recruit-access-btn img:first-child {
    width: 15px;
  }
  .recruit-access-btn img:nth-child(2) {
    width: 10px;
  }
}