@charset "UTF-8";

/* scss使っていません */
.p-tohoku-priceplan {
  overflow: hidden;
}
.p-popular {
  overflow: hidden;
}
.p-tokai-priceplan_box-bottom {
  display: block;
}
.p-tokai-priceplan_box-bottom_flex {
  display: flex;
  margin-bottom: 4rem;
}
.p-tokai-priceplan_box-bottom_note {
  text-align: right;
}
@media screen and (max-width: 960px) {
  .p-tokai-priceplan_box-bottom_flex {
    display: block;
  }
}

/* yetyMV */
.p-yety_mv {
  overflow: hidden;
  margin-bottom: 2rem;
  @media screen and (max-width: 750px) {
    margin-bottom: 0;
  }
}
.p-yety_mv_inner {
  position: relative;
  z-index: -1;
  /* padding: 10rem 0 4rem; */
  padding: 10rem 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: rgb(148, 185, 67);
  background: linear-gradient(
    90deg,
    rgba(148, 185, 67, 1) 0%,
    rgba(131, 170, 66, 1) 25%,
    rgba(112, 153, 65, 1) 75%,
    rgba(106, 148, 65, 1) 100%
  );
  @media screen and (max-width: 1500px) {
    padding: 5.2vw 0 3.6vw;
  }
  @media screen and (max-width: 750px) {
    /* padding: 7.68rem 0 2.2rem; */
    padding: 20rem 0 7.68rem ;
  }
}

.p-yety_mv_character{
  position: absolute;
  /* bottom: -4rem; */
  bottom: 4rem;
  left: 20rem;
  z-index: -1;
  width: 67rem;
  opacity: 0;
  @media screen and (max-width: 1640px){
    /* bottom: calc(100vw * (-40 / 1920));; */
    left: calc(100vw * (230 / 1920));
    width: calc(100vw * (670 / 1920));
  }
  @media screen and (max-width: 750px) {
    /* bottom: -16rem; */
    bottom: -8rem;
    left: auto;
    width: 64.4rem;
    transform: translateX(-50%);
  }
}

.p-yety_mv_order {
  position: absolute;
  top: 12rem;
  left: 13rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24rem;
  height: 24rem;
  border: 4px solid #fff;
  border-radius: 50%;
  opacity: 0;
  @media screen and (max-width: 1640px) {
    top: calc(100vw * (120 / 1920));
    left: calc(100vw * (130 / 1920));
    width: calc(100vw * (240 / 1920));
    height: calc(100vw * (240 / 1920));
  }
  @media screen and (max-width: 750px) {
    top: 40%;
    left: 3.2rem;
    width: 19.6rem;
    height: 19.6rem;
    border: 2px solid #fff;
  }
}

.p-yety_mv_order_txt {
  width: 11.7rem;
  color: #fff;
  font-size: 5.1rem;
  font-weight: 100;
  letter-spacing: 0.12em;
  line-height: 1.3;
  @media screen and (max-width: 1640px) {
    width: calc(100vw * (117 / 1920));
    font-size: calc(100vw * (51 / 1920));
  }
  @media screen and (max-width: 750px) {
    width: 9.5rem;
    font-size: 4.2rem;
  }
}

.p-yety_mv_wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 107rem;
  margin-left: 50rem;
  @media screen and (max-width: 1640px) {
    margin-left: calc(100vw * (500 / 1920));
    width: calc(100vw * (1070 / 1920));
  }
  @media screen and (max-width: 750px) {
    position: relative;
    margin: 0 auto;
    width: 100%;
  }
}

.p-yety_mv_catch {
  margin-bottom: 7.4rem;
  width: 66.4rem;
  opacity: 0;
  @media screen and (max-width: 1640px) {
    margin-bottom: calc(100vw * (74 / 1920));
    width: calc(100vw * (664 / 1920));
  }
  @media screen and (max-width: 750px) {
    position: absolute;
    top: 28.8rem;
    right: 4.8rem;
    width: 11.6rem;
  }
}

.p-yety_mv_ttl-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  opacity: 0;
  @media screen and (max-width: 750px) {
    margin-bottom: 50rem;
    flex-direction: column-reverse;
  }
}

.p-yety_mv_ttl-logo {
  margin-bottom: 6rem;
  width: 59.6rem;
  @media screen and (max-width: 1640px) {
    margin-bottom: calc(100vw * (60 / 1920));
    width: calc(100vw * (596 / 1920));
  }
  @media screen and (max-width: 750px) {
    margin-bottom: 0;
    width: 48rem;
  }
}

.p-yety_mv_ttl-catch {
  margin-bottom: 3rem;
  width: 51.4rem;
  @media screen and (max-width: 1640px) {
    margin-bottom: calc(100vw * (30 / 1920));
    width: calc(100vw * (514 / 1920));
  }
  @media screen and (max-width: 750px) {
    margin-bottom: 4.4rem;
    width: 37.2rem;
  }
}

.p-yety_mv_house {
  max-width: 100%;
  opacity: 0;
  @media screen and (max-width: 750px) {
    width: 60.8rem;
    max-width: initial;
  }
}

.p-yety_mv_gift {
  position: absolute;
  right: 2rem;
  top: 6rem;
  width: 32rem;
  opacity: 0;
  @media screen and (max-width: 750px) {
    width: 85%;
    right: auto;
    top: 3rem;
  }
}

@keyframes fadeInCharacter {
    0% {
        opacity: 0;
        transform: translateY(80%)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fadeIn02 {
    to {
        opacity: 1;
        transform: translate(0) scale(1)
    }
}


/* .is-fadein {
    animation: fadeInUp .3s cubic-bezier(.18,.83,.24,.87) forwards;
    animation-delay: 2s;
 } */
.is-fadein-character {
    animation: fadeInCharacter .3s cubic-bezier(.18,.83,.24,.87) forwards;
    animation-delay: 1s;
 }
  .is-orderin {
    animation: fadeIn02 .5s cubic-bezier(.18,.83,.24,.87) forwards;
}