@media screen and (min-width: 768px) {
  .is-sp {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .is-pc {
    display: none;
  }
  .is-sp {
    display: block;
  }
  html {
    font-size: 1.3333333333vw;
  }
}
.js-fade {
  opacity: 0;
  transition-duration: 1.2s;
  transform: translateY(25px);
}
.js-fade.is-active {
  opacity: 1;
  transform: translateY(0);
}

.js-fade-Vr-first {
  opacity: 0;
  transition-duration: 1.2s;
}
.js-fade-Vr-first.is-active {
  opacity: 1;
  transform: translateY(0);
}

.js-n-fade {
  opacity: 0;
  transition: opacity 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.js-u-fade {
  opacity: 0;
  transform: translate3d(0, 5%, 0);
  transition: opacity 680ms cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 680ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.js-r-fade {
  transform: translate3d(5%, 0, 0);
  opacity: 0;
  transition: opacity 680ms cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 680ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.js-l-fade {
  transform: translate3d(-5%, 0, 0);
  opacity: 0;
  transition: opacity 680ms cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 680ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.js-n-fade.is-active,
.js-u-fade.is-active,
.js-r-fade.is-active,
.js-l-fade.is-active {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.js-shuffle {
  overflow: hidden;
  opacity: 0;
}

.js-swich {
  position: relative;
}
.js-swich img {
  opacity: 0;
  transition: opacity 2s ease-in-out;
}
.js-swich img + img {
  position: absolute;
  top: 0;
  left: 0;
}
.js-swich img.is-active {
  opacity: 1;
}

.main-area .main-inner {
  padding: 0;
}

.main-area {
  padding-top: 11.9rem;
}
@media (max-width: 767px) {
  .main-area {
    padding-top: 22.6666666667vw;
  }
}

.main_container * {
  font-feature-settings: "palt";
  font-family: "hiragino-kaku-gothic-pron", sans-serif;
}
.main_container img, .main_container svg {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
.main_container .wrapper {
  max-width: 1400px;
  margin: 0 auto;
}
.main_container .mvWrapper {
  display: inline-block;
}
.main_container .mv_container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border: 1px solid #DDDDDD;
  width: 100rem;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .main_container .mv_container {
    grid-template-columns: repeat(1, 1fr);
    border: unset;
    width: 100%;
    position: relative;
    margin-top: 2.5rem;
  }
}
.main_container .mv .js-swich img {
  transition: opacity 0s ease-in-out;
}
.main_container .mv_lBlk {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 767px) {
  .main_container .mv_lBlk {
    display: none;
  }
}
.main_container .mv_ttl {
  width: 33.9rem;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .main_container .mv_ttl {
    width: 63rem;
  }
}
.main_container .main_lead {
  margin-top: 5rem;
  font-size: 1.6rem;
  line-height: 2;
  letter-spacing: 0.025em;
  text-align: center;
}
@media (max-width: 767px) {
  .main_container .main_lead {
    font-size: 2.6rem;
    text-align: justify;
    padding: 0 5rem;
    margin-top: 6.9rem;
    letter-spacing: 0.025em;
  }
}
.main_container .products_img {
  background: #fff;
  position: relative;
}
.main_container .products_credit {
  font-size: 1.4rem;
  line-height: 2;
  letter-spacing: 0.01em;
}
@media (max-width: 767px) {
  .main_container .products_credit {
    font-size: 2.4rem;
    line-height: 1.75;
  }
}
.main_container .products_credit a {
  font-family: "acumin-variable", sans-serif;
}
.main_container .products_inner.__01 {
  width: 70rem;
  margin: 14.3rem auto 0;
}
@media (max-width: 767px) {
  .main_container .products_inner.__01 {
    width: auto;
    margin-top: 18.5rem;
  }
}
.main_container .products_inner.__02 {
  width: 85rem;
  margin: 11.1rem auto 0;
}
@media (max-width: 767px) {
  .main_container .products_inner.__02 {
    width: auto;
    margin-top: 10.7rem;
  }
}
.main_container .products_inner.__03 {
  width: 85rem;
  margin: 20rem auto 0;
}
@media (max-width: 767px) {
  .main_container .products_inner.__03 {
    width: auto;
    margin-top: 24.9rem;
  }
}
.main_container .products_inner.__04 {
  width: 85rem;
  margin: 11rem auto 0;
}
@media (max-width: 767px) {
  .main_container .products_inner.__04 {
    width: auto;
    margin-top: 10.4rem;
  }
}
.main_container .products.__01 .products_unit.__01 {
  width: 43.5rem;
  margin-left: auto;
  margin-right: 0;
}
@media (max-width: 767px) {
  .main_container .products.__01 .products_unit.__01 {
    width: 54rem;
  }
}
.main_container .products.__01 .products_unit.__02 {
  width: 30rem;
  margin-top: -29rem;
  margin-left: 0;
  margin-right: auto;
}
@media (max-width: 767px) {
  .main_container .products.__01 .products_unit.__02 {
    margin-top: -29.4rem;
  }
}
.main_container .products.__01 .products_unit.__03 {
  width: 48rem;
  margin-right: 0;
  margin-left: auto;
}
@media (max-width: 767px) {
  .main_container .products.__01 .products_unit.__03 {
    width: 63rem;
  }
}
.main_container .products.__01 .products_unit.__04 {
  width: 33rem;
  margin-right: auto;
  margin-left: 0;
  margin-top: -34rem;
}
@media (max-width: 767px) {
  .main_container .products.__01 .products_unit.__04 {
    width: 51rem;
    margin-top: 4rem;
    margin-left: 4rem;
  }
}
.main_container .products.__01 .products_credit.__01 {
  margin-top: 1.2rem;
  text-align: right;
}
@media (max-width: 767px) {
  .main_container .products.__01 .products_credit.__01 {
    margin-top: 5.2rem;
    text-align: left;
    padding-left: 12.5rem;
  }
}
.main_container .products.__02 .products_unit.__01 {
  width: 51rem;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .main_container .products.__02 .products_unit.__01 {
    width: 100%;
  }
}
.main_container .products.__02 .products_unit.__02 {
  width: 33rem;
  margin: 5.4rem auto 0;
}
@media (max-width: 767px) {
  .main_container .products.__02 .products_unit.__02 {
    width: 54rem;
    margin: 5.2rem auto 0;
  }
}
.main_container .products.__02 .products_unit.__03 {
  width: 45rem;
  margin-left: 0;
  margin-right: auto;
}
@media (max-width: 767px) {
  .main_container .products.__02 .products_unit.__03 {
    width: 66rem;
  }
}
.main_container .products.__02 .products_unit.__04 {
  width: 36rem;
  margin-left: auto;
  margin-right: 0;
  margin-top: -27rem;
}
@media (max-width: 767px) {
  .main_container .products.__02 .products_unit.__04 {
    margin-top: 4rem;
    width: 42rem;
  }
}
.main_container .products.__02 .products_unit.__05 {
  width: 45rem;
  margin-left: 0;
  margin-right: auto;
  margin-top: -19rem;
}
@media (max-width: 767px) {
  .main_container .products.__02 .products_unit.__05 {
    width: 57rem;
    margin-left: 4rem;
    margin-top: 4rem;
  }
}
.main_container .products.__02 .products_credit.__01 {
  margin-top: 1.2rem;
  text-align: center;
}
@media (max-width: 767px) {
  .main_container .products.__02 .products_credit.__01 {
    margin-top: 3rem;
  }
}
@media (max-width: 767px) {
  .main_container .products.__02 .products_desc {
    margin-top: 5rem;
  }
}
.main_container .products_desc {
  font-size: 1.6rem;
  line-height: 2;
  letter-spacing: 0.05em;
  max-width: 70rem;
  margin: 3.4rem auto 0;
}
@media (max-width: 767px) {
  .main_container .products_desc {
    font-size: 2.6rem;
    letter-spacing: 0.025em;
    margin-top: 6.7rem;
    max-width: unset;
    width: 100%;
    padding: 0 5rem;
  }
}
.main_container .allBtn {
  display: block;
  width: 46rem;
  margin: 10rem auto;
}
@media (max-width: 767px) {
  .main_container .allBtn {
    margin: 12rem auto;
    width: 48rem;
  }
}/*# sourceMappingURL=style.css.map */