@charset "utf-8";
/* =========================================================
   mv-area
========================================================= */
html,body {
  height: 100%;
}
.mv-wrap {
  padding-bottom: 100px;
}
.mv-wrap-bg {
  background-color: rgba(230, 237, 246, 1);
}
.mv-bg {
  background: url('../images/mainvisual_sp.jpg') center center no-repeat;
  background-size: cover;
  padding: 20% 0;
}
.mv-center-wrap {
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .mv-center-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.mv-center-wrap img.pc_none {
  width: 75%;
}
@media only screen and (min-width: 768px) {
  .mv-bg {
    height: 605px;
    background: url('../images/mainvisual_pc.jpg') center center no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    padding: 144px 0 126px;
  }
}
/* =========================================================
   recommend-area
========================================================= */
.recommend-area {
  margin: 0 auto;
}
.btn-wrap {
  margin-top: 60px;
  text-align: center;
}

/* =========================================================
   benefit-txt-area
========================================================= */
.main-area-inner .benefit-txt {
  padding: 60px 10px;
}
@media only screen and (min-width: 768px) {
  .main-area-inner .benefit-txt {
    padding: 60px 20px;
  }
}
/* =========================================================
   other
========================================================= */
.main-area-ttl-fujikyu {
  background: #d62c29;
}
.benefit-area .main-area-ttl-fujikyu {
  margin-top: 80px;
}
.fujiyama_img {
  margin: 30px auto 0;
  text-align: center;
  padding: 0 30px;
}

/* =========================================================
   close
========================================================= */

.renew-wrap {
  min-height: 100%;
  position: relative;
}
.close-txt {
  text-align: center;
  margin-top: 53px;
  line-height: 1.25;
  min-height: 32.5px;
}
.close-txt > a {
  text-decoration: underline;
  color: #0563c1;
}
.close-txt + .btn-wrap {
  width: 257px;
  margin: 50px auto 60px;
}
.renew-footer {
  position: absolute;
  bottom: 0;
  z-index: 10;
  width: -webkit-fill-available;
  width: -moz-available;
}
@media only screen and (max-width: 767px) {
  .main-area-inner {
    margin: 0 10px;
  }
  .close-txt + .btn-wrap {
    width: calc(50% - 3.4%);
  }
  .close-txt {
    font-size: 14px;
  }
}