/* Base Style
===============================*/
html {
  font-size: 62.5%;
}
@media screen and (max-width: 1535px) {
  html {
    font-size: 50%;
  }
}
@media screen and (max-width: 1326px) {
  html {
    font-size: 44%;
  }
}
@media screen and (max-width: 800px) {
  html {
    font-size: 62.5%;
  }
}

body {
  width: 100%;
  font-family: "Noto Sans JP", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-feature-settings: "palt";
}

img {
  height: auto;
  width: 100%;
}

a:hover {
  cursor: pointer;
}

/* Visible Style
===============================*/
@media screen and (max-width: 800px) {
  .pc {
    display: none;
  }
}

@media screen and (max-width: 1110px) {
  .tb {
    display: none;
  }
}

.sp {
  display: none;
}
@media screen and (max-width: 800px) {
  .sp {
    display: block;
  }
}

.sp-600 {
  display: none;
}
@media screen and (max-width: 600px) {
  .sp-600 {
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .pc-600 {
    display: none;
  }
}

.sp-360 {
  display: none;
}
@media screen and (max-width: 365px) {
  .sp-360 {
    display: block;
  }
}

#footer-link-sp {
  display: none;
}
@media screen and (max-width: 600px) {
  #footer-link-sp {
    display: flex;
  }
}

@media screen and (max-width: 600px) {
  #footer-link-pc {
    display: none;
  }
}

.nav-sp {
  display: none;
}
@media screen and (max-width: 1110px) {
  .nav-sp {
    display: block;
  }
}

@media screen and (max-width: 1110px) {
  .nav-pc {
    display: none;
  }
}

/* Media Query
===============================*/
/* Margin Calc Set
===============================*/
/* COMMON
===============================*/
img {
  width: 100%;
  height: auto;
}

button {
  width: 100%;
}

.abs {
  position: absolute;
}

.abs-def {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}

.abs-bm-def {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
}

.rel {
  position: relative;
}

.sticky {
  position: sticky;
}

.mt-1 {
  margin-top: -1px;
}

.opacity {
  opacity: 0;
}

.zeroA {
  margin: 0 auto;
}

.block {
  display: block;
}

.z-10 {
  z-index: 10;
}

a {
  transition: 0.2s ease-in-out;
}
a:hover {
  opacity: 0.7;
}

/* LP Original Style
===============================*/
.fixed-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-image: url(images/pc_bg.png);
  background-size: 100% 100vh;
  background-repeat: no-repeat;
}
@media screen and (max-width: 600px) {
  .fixed-bg {
    display: none;
  }
}
.fixed-bg .fixed-logo {
  top: 3%;
  left: 2%;
  width: 7%;
}

.column-wrap {
  width: 600px;
  z-index: 10000;
}
@media screen and (max-width: 600px) {
  .column-wrap {
    width: 100%;
  }
}

.sec-mv {
  background-color: #02a4c0;
}

.sec-copy {
  background-color: #02a4c0;
  margin-top: -140px;
}
@media screen and (max-width: 600px) {
  .sec-copy {
    margin-top: calc(-140 * 0.625 / 375 * 100vw);
  }
}
.sec-copy .copy-ul {
  width: 100%;
  padding-bottom: 270px;
}
@media screen and (max-width: 600px) {
  .sec-copy .copy-ul {
    padding-bottom: calc(270 * 0.625 / 375 * 100vw);
  }
}
.sec-copy .copy-ul li {
  width: 77%;
}

.sec-mustbuy {
  margin-top: -172px;
}
@media screen and (max-width: 600px) {
  .sec-mustbuy {
    margin-top: calc(-172 * 0.625 / 375 * 100vw);
  }
}
.sec-mustbuy .mustbuy-bg {
  background: linear-gradient(180.67deg, rgb(243, 154, 0) 0%, rgb(241, 133, 0) 8.31%, rgb(238, 117, 0) 11.35%, rgb(236, 107, 0) 14.76%, rgb(236, 104, 0) 19.28%, rgb(233, 72, 32) 72.4%);
  padding-bottom: 216px;
}
@media screen and (max-width: 600px) {
  .sec-mustbuy .mustbuy-bg {
    padding-bottom: calc(216 * 0.625 / 375 * 100vw);
  }
}
.sec-mustbuy .entry {
  width: 65%;
}
.sec-mustbuy .arrow {
  width: 6%;
  right: 10%;
  top: 43.5%;
}

.entry-app .entry-app-btn {
  width: 82%;
}

.sec-yell .yell-top {
  margin-top: -172px;
}
@media screen and (max-width: 600px) {
  .sec-yell .yell-top {
    margin-top: calc(-172 * 0.625 / 375 * 100vw);
  }
}
.sec-yell .yell-bg {
  background: linear-gradient(179.55deg, rgb(0, 149, 180) 21.29%, rgb(0, 96, 152) 49.87%, rgb(13, 51, 89) 100%);
  padding-bottom: 216px;
}
@media screen and (max-width: 600px) {
  .sec-yell .yell-bg {
    padding-bottom: calc(216 * 0.625 / 375 * 100vw);
  }
}
.sec-yell .yell-abs {
  width: 25.5%;
  top: -14%;
  right: 2%;
}
.sec-yell .yell-btn {
  width: 68%;
  bottom: 15%;
  left: 15%;
}

.sec-hr .hr-top {
  margin-top: -172px;
}
@media screen and (max-width: 600px) {
  .sec-hr .hr-top {
    margin-top: calc(-172 * 0.625 / 375 * 100vw);
  }
}
.sec-hr .hr-bg {
  background: linear-gradient(179.5deg, rgb(239, 133, 140) 0.05%, rgb(231, 50, 115) 18.63%, rgb(182, 0, 129) 100%);
}
.sec-hr .hr-bg-abs {
  top: -1.5%;
}
.sec-hr .hr-entry {
  width: 67%;
}

.footer {
  padding-top: 30px;
  background-color: #fff;
}
.footer .footer-box {
  padding-left: 4%;
  padding-right: 4%;
}
.footer .attension-h2 {
  border: 2px solid #000;
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 20px;
}
@media screen and (max-width: 600px) {
  .footer .attension-h2 {
    font-size: 18px;
  }
}
.footer .attension-h3 {
  color: #FFFFFF;
  background-color: #2e4080;
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
  line-height: 1.4;
}
@media screen and (max-width: 600px) {
  .footer .attension-h3 {
    font-size: 16px;
  }
}
.footer .attension-p {
  width: 92%;
  margin: 0 auto;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 14px;
  font-weight: 400;
  text-align: justify;
  line-height: 1.7;
  margin-bottom: 15px;
}
@media screen and (max-width: 600px) {
  .footer .attension-p {
    font-size: 14px;
  }
}
.footer .anker {
  color: #02a4c0;
  text-decoration: underline;
}
.footer .faq {
  background-color: #b60081;
}
.footer .faq-mail {
  width: 65%;
  left: 17.5%;
  bottom: 7.5%;
}

.entry-btn .arrow {
  transition: transform 0.3s;
}

.entry-btn .arrow.active {
  transform: rotate(180deg);
}/*# sourceMappingURL=style.css.map */