@charset "UTF-8";
* {
  box-sizing: border-box;
}
*::before, *::after {
  box-sizing: border-box;
}

html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

body, h1, h2, h3, h4, p, figure, blockquote, dl, dd {
  margin: 0;
}

ul[role=list], ol[role=list] {
  list-style: none;
}

body {
  min-height: 100vh;
  line-height: 1.5;
}

h1, h2, h3, h4, button, input, label {
  line-height: 1.1;
}

h1, h2, h3, h4 {
  text-wrap: balance;
}

a:not([class]) {
  text-decoration-skip-ink: auto;
  color: currentColor;
}

img, picture {
  max-width: 100%;
  display: block;
}

input, button, textarea, select {
  font: inherit;
}

textarea:not([rows]) {
  min-height: 10em;
}

:target {
  scroll-margin-block: 5ex;
}

body {
  background-color: #000;
  padding-bottom: min(19vw, 140px);
}

/* styles.css */
.floating-banner {
  position: fixed;
  bottom: 0px;
  /* 画面下部からの距離 */
  width: 750px;
  /* バナーの幅を750pxに設定 */
  z-index: 1000;
  /* 他の要素よりも上に表示 */
}
.floating-banner img {
  max-width: 100%;
  height: auto;
}

@media screen and (max-width: 750px) {
  .floating-banner {
    width: 100%;
  }
  .floating-banner img {
    width: 100%;
    margin: 0 auto;
    height: auto;
  }
}
.wrap {
  max-width: 750px;
  margin: 0 auto;
  background-color: #fff;
}

.btn {
  padding: 0 min(5vw, 40px);
}

.btn01_area {
  background-image: url(../images/img04.jpg);
  background-size: contain;
  background-size: 100%;
  height: min(81vw, 628px);
  background-repeat: no-repeat;
  padding-top: min(12vw, 92px);
}

.btn02_area {
  background-image: url(../images/img06.jpg);
  background-size: contain;
  background-size: 100%;
  height: min(136vw, 1052px);
  background-repeat: no-repeat;
  padding-top: min(97vw, 745px);
}

.btn03_area {
  background-image: url(../images/img12.jpg);
  background-size: contain;
  background-size: 100%;
  height: min(202vw, 1524px);
  background-repeat: no-repeat;
  padding-top: min(179vw, 1355px);
}

.btn04_area {
  background-image: url(../images/img13.jpg);
  background-size: contain;
  background-size: 100%;
  height: min(108vw, 837px);
  background-repeat: no-repeat;
  padding-top: min(84vw, 662px);
}

.swiper {
  background-image: url(../images/sl_bg.jpg);
  background-size: contain;
}

.lineup_box {
  background-color: #002533;
}

.lineup {
  width: 100%;
  display: flex;
  padding-top: 20px;
}

.copyright {
  background-color: #3cb8c4;
  max-height: 140px;
  text-align: center;
  padding: 20px 0 0;
  box-sizing: border-box;
}
.copyright .text_link {
  display: flex;
  justify-content: center;
  font-size: min(3.5vw, 20px);
  width: 100%;
  text-align: center;
  margin: 0 auto 1.5vw;
}
.copyright .text_link span {
  display: block;
  color: #fff;
  line-height: 1em;
  margin-top: 7px;
}
.copyright .text_link a {
  display: block;
  line-height: 1em;
  color: #fff;
  text-align: center;
  padding: min(1vw, 10px);
}
.copyright p {
  color: #fff;
  font-size: min(3.5vw, 20px);
  padding-bottom: 4.5vw;
}

@media screen and (max-width: 750px) {
  .pr_box {
    background-image: url(../img/img15.png);
    background-size: 100%;
    width: 100%;
    background-repeat: no-repeat;
  }
  .pr_box ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 38% 0 28.5% 0;
  }
  .pr_box ul li {
    margin: 0;
    padding: 0;
  }
  .pr_box ul li.pr01 {
    margin-left: 11.6%;
    width: 37.7%;
  }
  .pr_box ul li.pr02 {
    margin-left: 1.9%;
    margin-top: 1.9%;
    width: 36.7%;
  }
  .pr_box ul li.pr03 {
    margin-left: 11.9%;
    margin-top: 2.8%;
    width: 36.8%;
  }
  .pr_box ul li.pr04 {
    margin-left: 2.3%;
    margin-top: 2.2%;
    width: 37.2%;
  }
}
@media screen and (min-width: 751px) {
  .pr_box {
    background-image: url(../img/img15.png);
    background-size: 750px;
    width: 750px;
    background-repeat: no-repeat;
  }
  .pr_box ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 285px 0 214px 0;
  }
  .pr_box ul li {
    width: 283px;
    margin: 0;
    padding: 0;
  }
  .pr_box ul li.pr01 {
    margin-left: 88px;
  }
  .pr_box ul li.pr02 {
    margin-left: 10px;
    margin-top: -1px;
  }
  .pr_box ul li.pr03 {
    margin-left: 86px;
    margin-top: 10px;
  }
  .pr_box ul li.pr04 {
    margin-left: 13px;
    margin-top: 10px;
  }
}
/*# sourceMappingURL=style.css.map */