/*! Writen  by SCSS */
.pre-inc .page_ttl_wrap {
  margin-bottom: clamp(60px, 10.834vw, 130px);
}
.pre-inc .page_ttl_wrap .eng_ttl .eng_ttl_in.bask {
  background: -webkit-linear-gradient(0deg, #FA91FB 20%, #CBA9E5 40%, #85D2F1 60%, #56DDFB 80%, #2BBBD4 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #FA91FB;
}
.pre-inc .sec01 {
  padding-bottom: clamp(40px, 8.334vw, 100px);
}
.pre-inc .sec01 .sec01_item01 {
  margin-bottom: clamp(60px, 8.334vw, 100px);
  flex-direction: column;
  row-gap: clamp(30px, 4.167vw, 50px);
}
@media screen and (max-width: 480px) {
  .pre-inc .sec01 .sec01_item01 {
    row-gap: 0;
  }
}
.pre-inc .sec01 .sec01_item01 .item_in {
  justify-content: center;
  align-items: baseline;
  column-gap: 20px;
}
@media screen and (max-width: 480px) {
  .pre-inc .sec01 .sec01_item01 .item_in {
    justify-content: flex-start;
    flex-direction: column;
    width: fit-content;
    margin: 0 auto;
  }
}
@media screen and (max-width: 480px) {
  .pre-inc .sec01 .sec01_item01 .item_in:nth-of-type(2) {
    margin: 40px auto 30px;
  }
}
.pre-inc .sec01 .sec01_item01 .item_in.over_line {
  padding-top: clamp(30px, 4.167vw, 50px);
  position: relative;
}
.pre-inc .sec01 .sec01_item01 .item_in.over_line:before {
  content: "";
  position: absolute;
  inset: 0;
  bottom: auto;
  background: #000;
  max-width: 330px;
  height: 1px;
  margin: auto;
}
.pre-inc .sec01 .sec01_item01 .item_in .item01_l {
  font-size: clamp(12px, 1.5vw, 18px);
  padding: 6px 20px 8px;
  line-height: 1;
  background: #D9D9D9;
  transform: translateY(-3px);
}
@media screen and (max-width: 820px) {
  .pre-inc .sec01 .sec01_item01 .item_in .item01_l {
    font-size: 15px;
  }
}
@media screen and (max-width: 480px) {
  .pre-inc .sec01 .sec01_item01 .item_in .item01_l {
    padding: 5px 15px 7px;
    font-size: 13px;
    transform: translateY(0);
  }
}
.pre-inc .sec01 .sec01_item01 .item_in .item01_r {
  font-size: clamp(18px, 2.334vw, 28px);
  letter-spacing: 0.1em;
  width: fit-content;
}
@media screen and (max-width: 820px) {
  .pre-inc .sec01 .sec01_item01 .item_in .item01_r {
    font-size: 24px;
  }
}
@media screen and (max-width: 480px) {
  .pre-inc .sec01 .sec01_item01 .item_in .item01_r {
    font-size: 18px;
    letter-spacing: 0.2em;
    width: fit-content;
    margin: 0 auto;
  }
}
.pre-inc .sec01 .sec01_item01 .item_in .item01_r.small {
  font-size: clamp(14px, 1.667vw, 20px);
}
@media screen and (max-width: 820px) {
  .pre-inc .sec01 .sec01_item01 .item_in .item01_r.small {
    font-size: 18px;
  }
}
.pre-inc .sec01 .sec01_item01 .item_in .item01_r .big {
  font-size: 125%;
}
.pre-inc .sec01 .sec01_item01 .item_in .item01_r .roman {
  font-size: 250%;
  line-height: 1;
  display: inline-block;
  color: #3B9AEE;
  transform: translateY(3px);
}
.pre-inc .sec01 .sec01_item01 .item_in .item01_r .anno {
  display: block;
  text-align: right;
  font-size: 50%;
}
@media screen and (max-width: 480px) {
  .pre-inc .sec01 .sec01_item01 .item_in .item01_r .anno {
    font-size: 70%;
  }
}
.pre-inc .sec01 .sec01_item01 .item_in .item01_r .anno.sm {
  font-size: 70%;
}
.pre-inc .sec01 .sec01_item02 {
  max-width: 1128px;
  margin: clamp(80px, 11.667vw, 140px) auto clamp(100px, 14.584vw, 175px);
  flex-direction: column;
  row-gap: clamp(80px, 10.834vw, 130px);
}
@media screen and (max-width: 480px) {
  .pre-inc .sec01 .sec01_item02 {
    margin: 60px 0 80px;
    row-gap: 40px;
  }
}
@media screen and (max-width: 480px) {
  .pre-inc .sec01 .sec01_item02 .route_image .sp_slide > img {
    width: 800px;
  }
}
.pre-inc .sec01 .sec01_item03 {
  margin-top: clamp(30px, 5vw, 60px);
}
.pre-inc .sec01 .sec01_item03 .sec_ttl_wrap {
  margin-bottom: clamp(50px, 8.334vw, 100px);
}
@media screen and (max-width: 820px) {
  .pre-inc .sec01 .sec01_item03 .sec_ttl_wrap {
    margin-bottom: 50px;
  }
}
.pre-inc .sec01 .sec01_item03 .sec01_item03_in {
  margin-bottom: 20px;
}
@media screen and (max-width: 480px) {
  .pre-inc .sec01 .sec01_item03 .sec01_item03_in {
    flex-direction: column;
    row-gap: 40px;
  }
}
.pre-inc .sec01 .sec01_item03 .sec01_item03_in .item {
  width: 23.96%;
}
@media screen and (max-width: 480px) {
  .pre-inc .sec01 .sec01_item03 .sec01_item03_in .item {
    width: 100%;
  }
}
.pre-inc .sec01 .sec01_item03 .sec01_item03_in .item .item_txt_wrap {
  width: fit-content;
  margin: 0 auto;
}
@media screen and (max-width: 480px) {
  .pre-inc .sec01 .sec01_item03 .sec01_item03_in .item .item_txt_wrap {
    margin: 0;
  }
}
.pre-inc .sec01 .sec01_item03 .sec01_item03_in .item .item_txt_wrap .item_txt {
  font-size: clamp(10px, 1.429vw, 20px);
}
@media screen and (max-width: 820px) {
  .pre-inc .sec01 .sec01_item03 .sec01_item03_in .item .item_txt_wrap .item_txt {
    font-size: 1.4vw;
  }
}
@media screen and (max-width: 480px) {
  .pre-inc .sec01 .sec01_item03 .sec01_item03_in .item .item_txt_wrap .item_txt {
    font-size: 20px;
  }
}
.pre-inc .sec01 .sec01_item03 .sec01_item03_in .item .item_txt_wrap .item_txt.flex {
  align-items: center;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 480px) {
  .pre-inc .sec01 .sec01_item03 .sec01_item03_in .item .item_txt_wrap .item_txt.flex {
    justify-content: flex-start;
  }
}
.pre-inc .sec01 .sec01_item03 .sec01_item03_in .item .item_txt_wrap .item_txt .txt_seg.sub {
  font-size: 70%;
  display: block;
  line-height: 1.4;
}
@media screen and (max-width: 480px) {
  .pre-inc .sec01 .sec01_item03 .sec01_item03_in .item .item_txt_wrap .item_txt .txt_seg.sub {
    font-size: 14px;
  }
}
.pre-inc .sec01 .sec01_item03 .sec01_item03_in .item .item_txt_wrap .item_txt .txt_seg.big {
  font-size: 125%;
}
.pre-inc .sec01 .sec01_item03 .sec01_item03_in .item .item_txt_wrap .item_txt .txt_seg.roman {
  font-size: 275%;
  line-height: 1;
  color: #3B9AEE;
}
.pre-inc .sec01 .sec01_item03 .sec01_item03_in .item .item_txt_wrap .item_txt .txt_seg.anno {
  font-size: 70%;
  display: block;
  text-align: right;
}
@media screen and (max-width: 480px) {
  .pre-inc .sec01 .sec01_item03 .sec01_item03_in .item .item_txt_wrap .item_txt .txt_seg.anno {
    font-size: 85%;
  }
}
@media screen and (max-width: 480px) {
  .pre-inc .sec01 .sec01_item03 .sec01_item03_in02 {
    flex-wrap: wrap;
    row-gap: 12px;
  }
}
.pre-inc .sec01 .sec01_item03 .sec01_item03_in02 .photo {
  width: 23.96%;
}
@media screen and (max-width: 480px) {
  .pre-inc .sec01 .sec01_item03 .sec01_item03_in02 .photo {
    width: 48%;
  }
}

/*# sourceMappingURL=access.css.map */