.sec01 {
  padding: 165px 0 90px;
  margin: 0 0 100px;
  background: url(../images/recruit/information/visual_pc.jpg) no-repeat center;
  background-size: cover;
}

.sec01 h2 {
  text-align: center;
  color: #fff;
}

.sec01 h2 b {
  font-size: 4rem;
  letter-spacing: 0.04em;
}

.sec01 h2 span {
  display: block;
  text-align: center;
}

@media (max-width: 750px) {
  .sec01 {
    padding: 41% 0 22%;
    margin: 0 0 14%;
    background: url(../images/recruit/information/visual_sp.jpg) no-repeat center;
    background-size: cover;
  }
  .sec01 h2 b {
    font-size: 3rem;
  }
  .sec01 h2 span {
    font-size: 1.6rem;
  }
}

.info__box {
  margin: 0 0 160px;
}

.info__box div.flex {
  justify-content: space-between;
}

.info__box .info__wrapper__list {
  margin: 0 0 40px;
}

.info__box .info__wrapper__list li {
  border-bottom: 1px solid #ded9d9;
  margin: 0px 0 18px;
  padding: 0 0 18px;
}

.info__box .info__wrapper__list li:last-child {
  margin: 0;
}

.info__box .info__wrapper__list dt {
  margin: 0 0 5px;
  align-items: center;
}

.info__box .info__wrapper__list dt time {
  width: 95px;
  font-weight: bold;
}

.info__box .info__wrapper__list dt p {
  width: auto;
}

.info__box .info__wrapper__list dd a.js--on {
  text-decoration: underline;
}

.info__box .info__wrapper__pagination ul {
  width: 235px;
  margin: 0 auto;
}

.info__box .info__wrapper__pagination li {
  border: 2px solid #36b0e9;
  width: 40px;
  margin: 0 8px 0 0;
}

.info__box .info__wrapper__pagination li:last-child {
  margin: 0;
}

.info__box .info__wrapper__pagination li a {
  display: block;
  padding: 4px 0;
  text-align: center;
  background-color: #36b0e9;
  color: #fff;
}

.info__box .info__wrapper__pagination li.active a {
  background-color: #fff;
  color: #36b0e9;
}

.info__box .info__wrapper__pagination li.dot {
  border: none;
}

.info__box .info__wrapper__pagination li.dot a {
  background-color: #fff;
  color: #333;
}

@media (max-width: 750px) {
  .info__box {
    padding: 0 4%;
    margin: 0 0 20%;
  }
  .info__box .info__wrapper {
    width: 100%;
    margin: 0 0 25%;
  }
  .info__box .info__wrapper__list {
    margin: 0 0 7%;
  }
  .info__box .info__wrapper__list li {
    margin: 0 0 5%;
    padding: 0 0 4%;
  }
  .info__box .info__wrapper__list dt {
    margin: 0 0 3%;
  }
  .info__box .info__wrapper__list dt time {
    width: 27.53623%;
    font-weight: bold;
    margin: 0 3% 0 0;
  }
  .info__box .info__wrapper__pagination ul {
    width: 68.4058%;
  }
  .info__box .info__wrapper__pagination li {
    width: 16.94915%;
    margin: 0 4% 0 0;
  }
  .info__box .info__wrapper__pagination li a {
    padding: 12% 0;
  }
}

.recruit-article .info__wrapper {
  margin: 0 0 150px;
}

.recruit-article .info__wrapper__article {
  margin: 0 0 50px;
}

.recruit-article .info__wrapper__article > h3 {
  border-bottom: 1px solid #ded9d9;
  margin: 0 0 47px;
  padding: 0 0 15px;
}

.recruit-article .info__wrapper__article > time {
  margin: 0 0 5px;
  display: inline-block;
  font-weight: bold;
}

.recruit-article .info__wrapper__article #article div, .recruit-article .info__wrapper__article #article ul, .recruit-article .info__wrapper__article #article ol, .recruit-article .info__wrapper__article #article p, .recruit-article .info__wrapper__article #article figure {
  margin-bottom: 40px;
}

.recruit-article .info__wrapper__article #article ul {
  list-style-type: disc;
  padding: 0 0 0 25px;
}

.recruit-article .info__wrapper__article #article ol {
  list-style-type: decimal;
  padding: 0 0 0 25px;
}

.recruit-article .info__wrapper__article #article ul:has(a) li::marker,
.recruit-article .info__wrapper__article #article ol:has(a) li::marker {
  color: #2d8d87;
}

.recruit-article .info__wrapper__article #article a {
  color: #2d8d87;
  text-decoration: underline;
  text-decoration-color: #2d8d87;
}

.recruit-article .info__wrapper__article #article a:hover {
  text-decoration: none;
}

.recruit-article .info__wrapper__article #article figure {
  font-size: 0;
  line-height: 0;
}

.recruit-article .info__wrapper__article #article img {
  max-width: 100%;
  width: auto;
}

.recruit-article .info__wrapper__pagination-article ul {
  justify-content: center;
  align-items: center;
}

.recruit-article .info__wrapper__pagination-article li {
  margin: 0 140px 0 0;
  position: relative;
}

.recruit-article .info__wrapper__pagination-article li.prev,
.recruit-article .info__wrapper__pagination-article li.next {
  width: 150px;
}

.recruit-article .info__wrapper__pagination-article li.prev a,
.recruit-article .info__wrapper__pagination-article li.next a {
  display: block;
  background-color: #36b0e9;
  color: #fff;
  padding: 5px 0;
  text-align: center;
}

.recruit-article .info__wrapper__pagination-article li a svg:not(:host).svg-inline--fa,
.recruit-article .info__wrapper__pagination-article li a svg:not(:root).svg-inline--fa {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}

.recruit-article .info__wrapper__pagination-article li.prev a svg:not(:host).svg-inline--fa,
.recruit-article .info__wrapper__pagination-article li.prev a svg:not(:root).svg-inline--fa {
  left: 10px;
}

.recruit-article .info__wrapper__pagination-article li.next a svg:not(:host).svg-inline--fa,
.recruit-article .info__wrapper__pagination-article li.next a svg:not(:root).svg-inline--fa {
  right: 10px;
}

.recruit-article .info__wrapper__pagination-article li.back {
  width: 90px;
  text-align: center;
  border-bottom: 2px solid #cecece;
}

.recruit-article .info__wrapper__pagination-article li:last-child {
  margin: 0;
}

@media (max-width: 750px) {
  .recruit-article .info__wrapper {
    margin: 0 0 23%;
  }
  .recruit-article .info__wrapper__article {
    margin: 0 0 6%;
  }
  .recruit-article .info__wrapper__article > h3 {
    margin: 0 0 7%;
    padding: 0 0 3%;
  }
  .recruit-article .info__wrapper__article > time {
    margin: 0 0 2%;
  }
  .recruit-article .info__wrapper__article #article div, .recruit-article .info__wrapper__article #article ul, .recruit-article .info__wrapper__article #article ol, .recruit-article .info__wrapper__article #article p, .recruit-article .info__wrapper__article #article figure {
    margin-bottom: 7%;
  }
  .recruit-article .info__wrapper__article #article ul {
    list-style-type: disc;
    padding: 0 0 0 7%;
  }
  .recruit-article .info__wrapper__article #article ol {
    list-style-type: decimal;
    padding: 0 0 0 7%;
  }
  .recruit-article .info__wrapper__pagination-article ul {
    flex-wrap: wrap;
  }
  .recruit-article .info__wrapper__pagination-article li {
    margin: 0 13% 8% 0;
  }
  .recruit-article .info__wrapper__pagination-article li.prev {
    order: 1;
  }
  .recruit-article .info__wrapper__pagination-article li.next {
    order: 2;
    margin: 0 0 8% 0;
  }
  .recruit-article .info__wrapper__pagination-article li.prev,
  .recruit-article .info__wrapper__pagination-article li.next {
    width: 43.47826%;
  }
  .recruit-article .info__wrapper__pagination-article li.prev a,
  .recruit-article .info__wrapper__pagination-article li.next a {
    padding: 4% 0;
  }
  .recruit-article .info__wrapper__pagination-article li.prev a svg:not(:host).svg-inline--fa,
  .recruit-article .info__wrapper__pagination-article li.prev a svg:not(:root).svg-inline--fa {
    left: 9%;
  }
  .recruit-article .info__wrapper__pagination-article li.next a svg:not(:host).svg-inline--fa,
  .recruit-article .info__wrapper__pagination-article li.next a svg:not(:root).svg-inline--fa {
    right: 9%;
  }
  .recruit-article .info__wrapper__pagination-article li.back {
    order: 3;
    width: 26.08696%;
    margin: 0;
  }
}