/* ======================================= */
/* variables */
/* ======================================= */
.keyvisual-2nd {
  background: url("../img/title_bg_01.jpg") top right #086be5 no-repeat;
  background-size: cover;
  padding: 3vw;
  margin-bottom: 2rem;
}
.keyvisual-2nd h1 {
  color: #ffffff;
}

@media screen and (max-width: 767px) {
  .keyvisual-2nd {
    padding: 5vw;
  }
}
.lead-inner {
  padding: 3vw;
}
.lead-inner .page-nav {
  margin-top: 3rem;
}

.area {
  margin-bottom: 3vw;
}
.area-inner {
  padding: 0 3vw 5vw;
}
.area .h2-area {
  border-left: #007bff solid 5px;
  padding: 0 0.6rem;
  line-height: 1;
  font-size: clamp(1.2rem, 2vw, 2.4rem);
}

.table-base th:nth-of-type(1) {
  width: 10%;
}
.table-base th:nth-of-type(2) {
  width: 20%;
}
.table-base th:nth-of-type(3) {
  width: 40%;
}
.table-base th:nth-of-type(4) {
  width: 30%;
}

@media screen and (max-width: 767px) {
  .page-nav > ul {
    flex-wrap: wrap;
    gap: 3%;
  }
  .page-nav > ul li {
    width: 31%;
    margin-right: 0;
    margin-bottom: 3%;
  }
  .page-nav > ul a {
    display: block;
    padding: 0.6rem 0.5rem 1rem;
  }
  .page-nav > ul .table-base {
    width: 200%;
  }
}/*# sourceMappingURL=page-base.css.map */