.sec01 {
  padding: 165px 0 90px;
  margin: 0 0 100px;
  background: url(../images/recruit/interview/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/interview/visual_sp.jpg) no-repeat center;
    background-size: cover;
  }
  .sec01 h2 b {
    font-size: 3rem;
  }
  .sec01 h2 span {
    font-size: 1.6rem;
  }
}

.select__box {
  transform: translateY(25px);
  opacity: 0;
  transition: opacity 1s 0s, transform 1s 0s ease;
}

.select__box.js--ing {
  opacity: 1;
  transform: translateY(0);
}

.select__box h3 {
  margin: 0 0 40px;
  text-align: center;
  color: #36b0e9;
}

.select__box ul.flex {
  gap: 0 20px;
}

.select__box li {
  width: 49.15254%;
}

.select__box li a {
  transition: opacity 0.2s 0s ease;
}

.select__box li a.js--on {
  opacity: 0.5;
}

@media (max-width: 750px) {
  .select__box {
    padding: 0 4%;
  }
  .select__box h3 {
    margin: 0 0 6%;
    font-size: 2.4rem;
  }
  .select__box ul.flex {
    gap: 2vw 0;
    flex-direction: column;
  }
  .select__box li {
    width: 100%;
  }
}

.sec02 {
  margin: 0 0 280px;
}

@media (max-width: 750px) {
  .sec02 {
    margin: 0 0 10%;
  }
}

.common__layout01 {
  margin: 0 0 270px;
  scroll-margin-top: 250px;
  transform: translateY(25px);
  opacity: 0;
  transition: opacity 1s 0s, transform 1s 0s ease;
}

.common__layout01.js--ing {
  opacity: 1;
  transform: translateY(0);
}

.common__layout01 div.common__layout01__wr01 {
  background: linear-gradient(90deg, #d4ecfa calc(50% + 480px), rgba(255, 255, 255, 0) calc(50% + 480px));
}

.common__layout01 div.common__layout01__wr01 .inner__l {
  position: relative;
  padding: 50px 110px 40px;
  margin: 0 auto 70px;
}

.common__layout01 div.common__layout01__wr01 dl.tit {
  margin: 0 0 40px;
}

.common__layout01 div.common__layout01__wr01 dl.tit dt {
  margin: 0 0 10px;
  font-weight: bold;
}

.common__layout01 div.common__layout01__wr01 li {
  margin: 0 0 15px;
}

.common__layout01 div.common__layout01__wr01 li dl.flex {
  gap: 0 25px;
}

.common__layout01 div.common__layout01__wr01 li dt {
  width: 117px;
  font-weight: bold;
}

.common__layout01 div.common__layout01__wr01 li dd p {
  width: 300px;
}

.common__layout01 div.common__layout01__wr01 figure {
  width: 46.03175%;
  position: absolute;
  right: 0;
  top: -130px;
}

.common__layout01 div.common__layout01__wr02 li {
  border-bottom: 1px solid #d6e5ee;
  margin: 0 0 5px;
  padding: 0 0 30px;
}

.common__layout01 div.common__layout01__wr02 li:last-child {
  border-bottom: none;
  margin: 0;
  padding: 0;
}

.common__layout01 div.common__layout01__wr02 dt {
  gap: 0 35px;
  align-items: baseline;
  color: #36b0e9;
}

.common__layout01 div.common__layout01__wr02 dt span {
  font-size: 5rem;
}

@media (max-width: 750px) {
  .common__layout01 {
    scroll-margin-top: 100px;
  }
  .common__layout01 div.common__layout01__wr01 {
    background: linear-gradient(180deg, #d4ecfa 69%, rgba(255, 255, 255, 0) 69%);
  }
  .common__layout01 div.common__layout01__wr01 .inner__l {
    padding: 10% 4% 74%;
    margin: 0 auto 12%;
  }
  .common__layout01 div.common__layout01__wr01 dl.tit {
    margin: 0 0 5%;
  }
  .common__layout01 div.common__layout01__wr01 dl.tit dt {
    margin: 0 0 3%;
  }
  .common__layout01 div.common__layout01__wr01 li {
    margin: 0 0 2%;
  }
  .common__layout01 div.common__layout01__wr01 li dl.flex {
    flex-direction: column;
    gap: 0;
  }
  .common__layout01 div.common__layout01__wr01 li dt {
    width: 100%;
  }
  .common__layout01 div.common__layout01__wr01 li dd p {
    width: 100%;
  }
  .common__layout01 div.common__layout01__wr01 figure {
    width: 95.65217%;
    margin: 0 auto;
    right: 0;
    left: 0;
    top: auto;
    bottom: 0;
  }
  .common__layout01 div.common__layout01__wr02 {
    padding: 0 4%;
  }
  .common__layout01 div.common__layout01__wr02 li {
    margin: 0 0 5%;
    padding: 0 0 6%;
  }
  .common__layout01 div.common__layout01__wr02 li:last-child {
    border-bottom: none;
    margin: 0;
    padding: 0;
  }
  .common__layout01 div.common__layout01__wr02 dt {
    margin: 0 0 3%;
    flex-direction: column;
    gap: 3vw 0;
  }
  .common__layout01 div.common__layout01__wr02 dt span {
    font-size: 4rem;
    line-height: 1;
  }
  .common__layout01 div.common__layout01__wr02 dt b {
    font-size: 2rem;
  }
}

.sec03 {
  margin: 0 0 270px;
}

@media (max-width: 750px) {
  .sec03 {
    margin: 0 0 18%;
  }
}

.sec04 {
  margin: 0 0 110px;
}

@media (max-width: 750px) {
  .sec04 {
    margin: 0 0 15%;
  }
}

.sec05 {
  margin: 0 0 70px;
}

@media (max-width: 750px) {
  .sec05 {
    margin: 0 0 11%;
  }
}

.sec06 {
  margin: 0 0 150px;
}

@media (max-width: 750px) {
  .sec06 {
    margin: 0 0 18%;
  }
}