@charset "UTF-8";
/***メイン***/
.pre-inc .page_wrapp {
  width: 100%;
  overflow: hidden;
}
.pre-inc .mv_wrapp {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin: min(9vw, 99px) 0 0;
}
.pre-inc .mv_wrapp .mv_img {
  width: 100%;
  height: auto;
  position: relative;
}
.pre-inc .mv_wrapp .mv_img span {
  color: #fff;
  font-size: min(0.9vw, 10px);
  position: absolute;
  right: 10px;
  bottom: 10px;
}
.pre-inc .shiny_wrap {
  width: 100%;
  padding: min(5vw, 56px) 0 0;
  background-image: url(../images/top_re/bg_shiny02.webp), url(../images/top_re/bg_shiny01.png);
  background-repeat: no-repeat, repeat;
  background-position: center bottom, center top;
  background-size: 100% auto;
  position: relative;
}
.pre-inc .shiny_wrap span {
  font-size: min(0.9vw, 10px);
  position: absolute;
  right: 10px;
  bottom: -20px;
}
.pre-inc .shiny_price {
  margin: 0 auto min(5.454vw, 60px);
  width: 100%;
  max-width: min(90.727vw, 998px);
}
.pre-inc .shiny_price .top_price {
  width: 65%;
  margin: 0 auto;
}
.pre-inc .shiny_price .shiny_image {
  width: 60%;
  margin: 60px auto 40px;
}
.pre-inc .shiny_price .access_info {
  width: 80%;
  margin: 0 auto;
}
.pre-inc .shiny_copy {
  margin: 0 auto;
  padding: min(11.454vw, 126px) 0 min(72.7vw, 800px);
  width: 100%;
  max-width: min(47.181vw, 519px);
}
.pre-inc .contents_wrap {
  padding: min(13.636vw, 150px) 0 0;
  width: 100%;
  background: url(../images/top_re/bg_access.png) repeat-y center top;
  background-size: 100% auto;
}
.pre-inc .contents_box {
  width: 100%;
}
.pre-inc .contents_box_upper {
  width: 100%;
  position: relative;
}
.pre-inc .contents_box_upper .color_box01,
.pre-inc .contents_box_upper .color_box03,
.pre-inc .contents_box_upper .color_box05 {
  width: min(10.727vw, 118px);
  height: min(10.727vw, 118px);
  position: absolute;
}
.pre-inc .contents_box_upper .color_box01 {
  background-color: #f9bd50;
  right: 0;
  bottom: 0;
}
.pre-inc .contents_box_upper .color_box03 {
  background-color: #f8cfc5;
  left: min(10.727vw, 118px);
  bottom: 0;
}
.pre-inc .contents_box_upper .color_box05 {
  background-color: #f8cfc5;
  right: 0;
  bottom: 0;
}
.pre-inc .contents_box_lower {
  padding: min(8.727vw, 96px) 0 min(11.818vw, 130px);
  width: 100%;
  position: relative;
}
.pre-inc .contents_box_lower .color_box02,
.pre-inc .contents_box_lower .color_box04,
.pre-inc .contents_box_lower .color_box06 {
  width: min(10.727vw, 118px);
  height: min(10.727vw, 118px);
  position: absolute;
}
.pre-inc .contents_box_lower .color_box02 {
  background-color: #c9e9fa;
  right: 0;
  top: 0;
}
.pre-inc .contents_box_lower .color_box04 {
  background-color: #fff365;
  left: 0;
  top: 0;
}
.pre-inc .contents_box_lower .color_box06 {
  background-color: #c9e9fa;
  right: min(10.727vw, 118px);
  top: 0;
}
.pre-inc .contents_img {
  width: 100%;
  height: auto;
  position: relative;
}
.pre-inc .contents_img span {
  color: #fff;
  font-size: min(1.2vw, 13px);
  position: absolute;
  left: 10px;
  bottom: 10px;
}
.pre-inc .contents_title {
  margin-bottom: min(2.272vw, 25px);
  font-size: min(1.9vw, 21px);
  font-family: "Zen Kaku Gothic Antique", "Noto Sans JP", serif;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  letter-spacing: 0.28em;
  text-indent: 0.28em;
}
.pre-inc .contents_copy {
  margin-bottom: min(4vw, 45px);
  color: #2e5771;
  font-size: min(2vw, 23px);
  font-family: "Zen Kaku Gothic Antique", "Noto Sans JP", serif;
  font-weight: 400;
  line-height: 2;
  text-align: center;
  letter-spacing: 0.36em;
  text-indent: 0.36em;
}
.pre-inc .contents_copy sup {
  font-size: 60%;
  letter-spacing: 0;
  vertical-align: top;
}
.pre-inc .contents_copy span {
  display: inline-block;
  font-size: 90%;
  letter-spacing: 0.2em;
}
.pre-inc .contents_btn {
  margin: 0 auto;
  width: 180px;
}
.pre-inc .contents_btn a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: min(4vw, 44px);
  color: #fff;
  font-size: min(1.27vw, 14px);
  font-weight: 400px;
  line-height: 1;
  background-color: #004567;
  background-image: url(../images/top_re/btn_icon.svg);
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 9px auto;
}
.pre-inc .contents_box.reverse .contents_box_upper .contents_img span {
  left: inherit;
  right: 10px;
}

@media only screen and (max-width: 767px) {
  .pre-inc .mv_wrapp {
    margin: 99px 0 0;
  }
  .pre-inc .mv_wrapp .mv_img span {
    font-size: 1.857vw;
    right: 1.428vw;
    bottom: 1.428vw;
  }
  .pre-inc .shiny_wrap {
    background-image: url(../images/top_re/sp/bg_shiny02.webp), url(../images/top_re/sp/bg_shiny01.png);
    background-size: 100% auto;
  }
  .pre-inc .shiny_wrap span {
    font-size: 1.857vw;
    right: 1.285vw;
    bottom: -4vw;
  }
  .pre-inc .shiny_price {
    margin: 0 auto 5.714vw;
    width: 92.285%;
    max-width: inherit;
  }
  .pre-inc .shiny_price .top_price {
    width: 100%;
  }
  .pre-inc .shiny_price .shiny_image {
    width: 90%;
    margin: 30px auto 20px;
  }
  .pre-inc .shiny_price .access_info {
    width: 100%;
    margin: 0 auto;
  }
  .pre-inc .shiny_copy {
    padding: 0 0 43.272vw;
    width: 70.571%;
    max-width: inherit;
  }
  .pre-inc .contents_wrap {
    padding: 24vw 0 0;
    background: url(../images/top_re/sp/bg_access.png) repeat-y center top;
    background-size: 100% auto;
  }
  .pre-inc .contents_box_upper .color_box01,
  .pre-inc .contents_box_upper .color_box03,
  .pre-inc .contents_box_upper .color_box05 {
    width: 16.857vw;
    height: 16.857vw;
  }
  .pre-inc .contents_box_upper .color_box03 {
    left: 16.857vw;
  }
  .pre-inc .contents_box_lower {
    padding: 13.714vw 0 14vw;
  }
  .pre-inc .contents_box_lower .color_box02,
  .pre-inc .contents_box_lower .color_box04,
  .pre-inc .contents_box_lower .color_box06 {
    width: 16.857vw;
    height: 16.857vw;
  }
  .pre-inc .contents_box_lower .color_box06 {
    right: 16.857vw;
  }
  .pre-inc .contents_img span {
    font-size: 1.857vw;
    position: absolute;
    left: 1vw;
    bottom: 1vw;
  }
  .pre-inc .contents_title {
    margin-bottom: 4.285vw;
    font-size: 3.857vw;
  }
  .pre-inc .contents_copy {
    margin-bottom: 9.428vw;
    font-size: 4.285vw;
    letter-spacing: 0.1em;
    text-indent: 0.2em;
  }
  .pre-inc .contents_btn {
    width: 33.142vw;
  }
  .pre-inc .contents_btn a {
    height: 7.857vw;
    font-size: 2.571vw;
    background-position: right 2.571vw center;
    background-size: 1.714vww auto;
  }
}/*# sourceMappingURL=top_re.css.map */