#tokyomoonpotato h1, #tokyomoonpotato h2, #tokyomoonpotato h3, #tokyomoonpotato div, #tokyomoonpotato p, #tokyomoonpotato ul, #tokyomoonpotato li {
  margin: 0;
  padding: 0;
  line-height: 1;
}
#tokyomoonpotato img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
#tokyomoonpotato .pcOnly {
  display: none;
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .pcOnly {
    display: inline;
  }
}
#tokyomoonpotato .spOnly {
  display: inline;
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .spOnly {
    display: none;
  }
}
#tokyomoonpotato .keyvisual {
  position: relative;
  width: 100vw;
  height: 133.33vw;
  background-image: url(../img/bg_kv_sp.jpg);
  background-size: cover;
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .keyvisual {
    width: 100vw;
    height: 64.8148148148vw;
    background-image: url(../img/bg_kv_pcl.jpg);
    background-size: auto;
    background-position: top center;
    background-repeat: no-repeat;
  }
}
@media only screen and (min-width: 1080px) {
  #tokyomoonpotato .keyvisual {
    width: 100%;
    height: 700px;
  }
}
@media only screen and (min-width: 2000px) {
  #tokyomoonpotato .keyvisual {
    background-size: 100% auto;
  }
}
#tokyomoonpotato .keyvisual--inner {
  position: absolute;
  z-index: 30;
  top: 30.93vw;
  left: 0;
  width: 100vw;
  height: 133.33vw;
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .keyvisual--inner {
    top: 9.6296296296vw;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 64.8148148148vw;
  }
}
@media only screen and (min-width: 1080px) {
  #tokyomoonpotato .keyvisual--inner {
    top: 104px;
    width: 1080px;
    height: 700px;
  }
}
#tokyomoonpotato .keyvisual--inner--title {
  width: 88.4vw;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .keyvisual--inner--title {
    width: 59.6296296296vw;
  }
}
@media only screen and (min-width: 1080px) {
  #tokyomoonpotato .keyvisual--inner--title {
    width: 644px;
  }
}
#tokyomoonpotato .keyvisual--inner--pkg {
  position: absolute;
  width: 48vw;
  top: 19.73vw;
  left: 28.8vw;
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .keyvisual--inner--pkg {
    position: absolute;
    width: 32.1296296296vw;
    top: 12.5vw;
    left: 36.2962962963vw;
  }
}
@media only screen and (min-width: 1080px) {
  #tokyomoonpotato .keyvisual--inner--pkg {
    width: 347px;
    top: 135px;
    left: 392px;
  }
}
#tokyomoonpotato .keyvisual--inner--copy01 {
  position: absolute;
  width: 15.2vw;
  top: 20.13vw;
  left: 10.8vw;
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .keyvisual--inner--copy01 {
    width: 9.9074074074vw;
    top: 13.0555555556vw;
    left: 24.3518518519vw;
  }
}
@media only screen and (min-width: 1080px) {
  #tokyomoonpotato .keyvisual--inner--copy01 {
    width: 107px;
    top: 141px;
    left: 263px;
  }
}
#tokyomoonpotato .keyvisual--inner--copy02 {
  position: absolute;
  width: 10.53vw;
  top: 21.47vw;
  right: 11.2vw;
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .keyvisual--inner--copy02 {
    width: 6.8518518519vw;
    top: 14.537037037vw;
    right: 24.9074074074vw;
  }
}
@media only screen and (min-width: 1080px) {
  #tokyomoonpotato .keyvisual--inner--copy02 {
    width: 74px;
    top: 157px;
    right: 269px;
  }
}
#tokyomoonpotato .keyvisual--potato {
  position: absolute;
  z-index: 20;
  width: 100vw;
  height: 133.33vw;
  top: 0;
  left: 0;
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .keyvisual--potato {
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 64.8148148148vw;
  }
}
@media only screen and (min-width: 1080px) {
  #tokyomoonpotato .keyvisual--potato {
    width: 1080px;
    height: 700px;
  }
}
#tokyomoonpotato .keyvisual--potato div {
  position: absolute;
}
#tokyomoonpotato .keyvisual--potato .kv-potato01 {
  width: 13.2vw;
  top: 11.2vw;
  left: 6vw;
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .keyvisual--potato .kv-potato01 {
    width: 9.1666666667vw;
    top: 26.8518518519vw;
    left: 10.6481481481vw;
  }
}
@media only screen and (min-width: 1080px) {
  #tokyomoonpotato .keyvisual--potato .kv-potato01 {
    width: 99px;
    top: 290px;
    left: 115px;
  }
}
#tokyomoonpotato .keyvisual--potato .kv-potato02 {
  width: 13.2vw;
  top: 7.06vw;
  left: 24vw;
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .keyvisual--potato .kv-potato02 {
    width: 9.1666666667vw;
    top: 2.1296296296vw;
    left: -4.3518518519vw;
  }
}
@media only screen and (min-width: 1080px) {
  #tokyomoonpotato .keyvisual--potato .kv-potato02 {
    width: 99px;
    top: 23px;
    left: -47px;
  }
}
#tokyomoonpotato .keyvisual--potato .kv-potato03 {
  width: 16.8vw;
  top: 2.53vw;
  right: 16.53vw;
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .keyvisual--potato .kv-potato03 {
    width: 11.6666666667vw;
    top: -0.3703703704vw;
    right: 25.462962963vw;
  }
}
@media only screen and (min-width: 1080px) {
  #tokyomoonpotato .keyvisual--potato .kv-potato03 {
    width: 126px;
    top: -4px;
    right: 275px;
  }
}
#tokyomoonpotato .keyvisual--potato .kv-potato04 {
  width: 13.46vw;
  top: 13.86vw;
  right: 2vw;
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .keyvisual--potato .kv-potato04 {
    width: 9.3518518519vw;
    top: 9.7222222222vw;
    right: -1.7592592593vw;
  }
}
@media only screen and (min-width: 1080px) {
  #tokyomoonpotato .keyvisual--potato .kv-potato04 {
    width: 101px;
    top: 105px;
    right: -19px;
  }
}
#tokyomoonpotato .keyvisual--potato .kv-potato05 {
  width: 15.6vw;
  bottom: 17.06vw;
  left: 6vw;
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .keyvisual--potato .kv-potato05 {
    width: 10.8333333333vw;
    bottom: 17.1296296296vw;
    left: 1.1111111111vw;
  }
}
@media only screen and (min-width: 1080px) {
  #tokyomoonpotato .keyvisual--potato .kv-potato05 {
    width: 117px;
    bottom: 185px;
    left: 12px;
  }
}
#tokyomoonpotato .keyvisual--potato .kv-potato06 {
  width: 16.8vw;
  bottom: 6.26vw;
  left: 22.4vw;
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .keyvisual--potato .kv-potato06 {
    width: 11.6666666667vw;
    bottom: 3.7962962963vw;
    left: 12.8703703704vw;
  }
}
@media only screen and (min-width: 1080px) {
  #tokyomoonpotato .keyvisual--potato .kv-potato06 {
    width: 126px;
    bottom: 41px;
    left: 139px;
  }
}
#tokyomoonpotato .keyvisual--potato .kv-potato07 {
  width: 15.06vw;
  bottom: 2.26vw;
  right: 16.53vw;
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .keyvisual--potato .kv-potato07 {
    width: 10.462962963vw;
    bottom: 3.0555555556vw;
    right: 16.0185185185vw;
  }
}
@media only screen and (min-width: 1080px) {
  #tokyomoonpotato .keyvisual--potato .kv-potato07 {
    width: 113px;
    bottom: 33px;
    right: 173px;
  }
}
#tokyomoonpotato .keyvisual--potato .kv-potato08 {
  width: 13.86vw;
  bottom: 16vw;
  right: 7.73vw;
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .keyvisual--potato .kv-potato08 {
    width: 9.6296296296vw;
    bottom: 13.6111111111vw;
    right: 7.5925925926vw;
  }
}
@media only screen and (min-width: 1080px) {
  #tokyomoonpotato .keyvisual--potato .kv-potato08 {
    width: 104px;
    bottom: 147px;
    right: 82px;
  }
}
#tokyomoonpotato .keyvisual--belt {
  position: absolute;
  z-index: 10;
  width: 100vw;
  height: 133.33vw;
  top: 0;
  left: 0;
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .keyvisual--belt {
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 64.8148148148vw;
  }
}
@media only screen and (min-width: 1080px) {
  #tokyomoonpotato .keyvisual--belt {
    width: 1080px;
    height: 700px;
  }
}
#tokyomoonpotato .keyvisual--belt div {
  position: absolute;
  background-color: #fff;
  opacity: 0.7;
}
#tokyomoonpotato .keyvisual--belt .kv-belt01 {
  width: 37.06vw;
  height: 12vw;
  top: 15.06vw;
  left: 0;
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .keyvisual--belt .kv-belt01 {
    width: 58.0555555556vw;
    height: 6.2962962963vw;
    top: 0;
    left: -16.4814814815vw;
  }
}
@media only screen and (min-width: 1080px) {
  #tokyomoonpotato .keyvisual--belt .kv-belt01 {
    width: 627px;
    height: 68px;
    top: 0;
    left: -178px;
  }
}
#tokyomoonpotato .keyvisual--belt .kv-belt02 {
  width: 41.06vw;
  height: 11.46vw;
  top: 10.53vw;
  right: 0;
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .keyvisual--belt .kv-belt02 {
    width: 42.962962963vw;
    height: 3.1481481481vw;
    top: 0px;
    right: 1.1111111111vw;
  }
}
@media only screen and (min-width: 1080px) {
  #tokyomoonpotato .keyvisual--belt .kv-belt02 {
    width: 464px;
    height: 34px;
    top: 0px;
    right: 12px;
  }
}
#tokyomoonpotato .keyvisual--belt .kv-belt03 {
  width: 3.86vw;
  height: 5.46vw;
  top: 47.6vw;
  left: 0;
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .keyvisual--belt .kv-belt03 {
    width: 57.3148148148vw;
    height: 3.6111111111vw;
    top: 19.9074074074vw;
    left: -37.4074074074vw;
  }
}
@media only screen and (min-width: 1080px) {
  #tokyomoonpotato .keyvisual--belt .kv-belt03 {
    width: 619px;
    height: 39px;
    top: 215px;
    left: -404px;
  }
}
#tokyomoonpotato .keyvisual--belt .kv-belt04 {
  width: 3.06vw;
  height: 15.73vw;
  top: 45.06vw;
  right: 0;
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .keyvisual--belt .kv-belt04 {
    width: 46.2962962963vw;
    height: 10.3703703704vw;
    top: 18.5185185185vw;
    right: -27.2222222222vw;
  }
}
@media only screen and (min-width: 1080px) {
  #tokyomoonpotato .keyvisual--belt .kv-belt04 {
    width: 500px;
    height: 112px;
    top: 200px;
    right: -294px;
  }
}
#tokyomoonpotato .keyvisual--belt .kv-belt05 {
  width: 6.26vw;
  height: 12.93vw;
  top: 66.66vw;
  left: 0;
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .keyvisual--belt .kv-belt05 {
    width: 35.7407407407vw;
    height: 8.2407407407vw;
    top: 32.5vw;
    left: -14.3518518519vw;
  }
}
@media only screen and (min-width: 1080px) {
  #tokyomoonpotato .keyvisual--belt .kv-belt05 {
    width: 386px;
    height: 89px;
    top: 351px;
    left: -155px;
  }
}
#tokyomoonpotato .keyvisual--belt .kv-belt06 {
  width: 9.73vw;
  height: 10.66vw;
  top: 75.46vw;
  right: 0;
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .keyvisual--belt .kv-belt06 {
    width: 66.2962962963vw;
    height: 6.9444444444vw;
    top: 38.1481481481vw;
    right: -42.5925925926vw;
  }
}
@media only screen and (min-width: 1080px) {
  #tokyomoonpotato .keyvisual--belt .kv-belt06 {
    width: 716px;
    height: 75px;
    top: 412px;
    right: -460px;
  }
}
#tokyomoonpotato .keyvisual--belt .kv-belt07 {
  width: 10.4vw;
  height: 11.2vw;
  top: 96vw;
  left: 0;
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .keyvisual--belt .kv-belt07 {
    width: 67.037037037vw;
    height: 7.2222222222vw;
    top: 51.5740740741vw;
    left: -42.5925925926vw;
  }
}
@media only screen and (min-width: 1080px) {
  #tokyomoonpotato .keyvisual--belt .kv-belt07 {
    width: 724px;
    height: 78px;
    top: 557px;
    left: -460px;
  }
}
#tokyomoonpotato .keyvisual--belt .kv-belt08 {
  width: 54.53vw;
  height: 9.6vw;
  top: 102.26vw;
  right: 0;
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .keyvisual--belt .kv-belt08 {
    width: 61.1111111111vw;
    height: 6.2962962963vw;
    top: 57.037037037vw;
    right: -8.3333333333vw;
  }
}
@media only screen and (min-width: 1080px) {
  #tokyomoonpotato .keyvisual--belt .kv-belt08 {
    width: 660px;
    height: 68px;
    top: 616px;
    right: -90px;
  }
}
#tokyomoonpotato .story {
  background-color: #ace7fd;
  padding: 19.4vw 0 17.33vw;
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .story {
    padding: 10.3703703704vw 0 13.8888888889vw;
  }
}
@media only screen and (min-width: 1080px) {
  #tokyomoonpotato .story {
    padding: 112px 0 150px;
  }
}
#tokyomoonpotato .story--inner {
  width: 100vw;
}
@media only screen and (min-width: 1080px) {
  #tokyomoonpotato .story--inner {
    width: 1080px;
    margin: 0 auto;
  }
}
#tokyomoonpotato .story--inner--title {
  width: 30.93vw;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .story--inner--title {
    width: 16.4814814815vw;
  }
}
@media only screen and (min-width: 1080px) {
  #tokyomoonpotato .story--inner--title {
    width: 178px;
  }
}
#tokyomoonpotato .story--inner--wrap01,
#tokyomoonpotato .story--inner--wrap02,
#tokyomoonpotato .story--inner--wrap03 {
  width: 69.33vw;
  margin: 12.66vw auto 0;
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .story--inner--wrap01,
  #tokyomoonpotato .story--inner--wrap02,
  #tokyomoonpotato .story--inner--wrap03 {
    display: flex;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .story--inner--wrap01 {
    width: 84.0740740741vw;
    margin: 7.8703703704vw auto 0;
  }
}
@media only screen and (min-width: 1080px) {
  #tokyomoonpotato .story--inner--wrap01 {
    width: 908px;
    margin: 85px auto 0;
  }
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .story--inner--wrap02 {
    width: 81.2037037037vw;
    margin: 5.5555555556vw auto 0;
  }
}
@media only screen and (min-width: 1080px) {
  #tokyomoonpotato .story--inner--wrap02 {
    width: 877px;
    margin: 60px auto 0;
  }
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .story--inner--wrap03 {
    width: 78.9814814815vw;
    margin: 6.6666666667vw auto 0;
    transform: translateX(-1.8518518519vw);
  }
}
@media only screen and (min-width: 1080px) {
  #tokyomoonpotato .story--inner--wrap03 {
    width: 853px;
    margin: 72px auto 0;
    transform: translateX(-20px);
  }
}
#tokyomoonpotato .story--inner--wrap01--text,
#tokyomoonpotato .story--inner--wrap02--text,
#tokyomoonpotato .story--inner--wrap03--text {
  font-size: 3.1vw;
  font-weight: bold;
  line-height: 1.9;
  text-align: justify;
  color: #005d91;
  letter-spacing: 0.05em;
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .story--inner--wrap01--text,
  #tokyomoonpotato .story--inner--wrap02--text,
  #tokyomoonpotato .story--inner--wrap03--text {
    font-size: 1.8518518519vw;
    text-align: left;
    letter-spacing: 0.07em;
  }
}
@media only screen and (min-width: 1080px) {
  #tokyomoonpotato .story--inner--wrap01--text,
  #tokyomoonpotato .story--inner--wrap02--text,
  #tokyomoonpotato .story--inner--wrap03--text {
    font-size: 2rem;
  }
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .story--inner--wrap01--text {
    width: 57.1296296296vw;
  }
}
@media only screen and (min-width: 1080px) {
  #tokyomoonpotato .story--inner--wrap01--text {
    width: 617px;
  }
}
#tokyomoonpotato .story--inner--wrap01--img {
  width: 38vw;
  margin: 8.8vw auto 0;
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .story--inner--wrap01--img {
    width: 25.1851851852vw;
    margin: 0;
  }
}
@media only screen and (min-width: 1080px) {
  #tokyomoonpotato .story--inner--wrap01--img {
    width: 272px;
  }
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .story--inner--wrap02--text {
    order: 2;
    width: 48.7962962963vw;
    text-align: right;
  }
}
@media only screen and (min-width: 1080px) {
  #tokyomoonpotato .story--inner--wrap02--text {
    width: 527px;
  }
}
#tokyomoonpotato .story--inner--wrap02--img {
  width: 43.46vw;
  margin: 14.66vw auto 0;
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .story--inner--wrap02--img {
    order: 1;
    width: 32.4074074074vw;
    margin: 5.5555555556vw 0 0;
  }
}
@media only screen and (min-width: 1080px) {
  #tokyomoonpotato .story--inner--wrap02--img {
    width: 350px;
    margin: 60px 0 0;
  }
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .story--inner--wrap03--text {
    width: 51.5740740741vw;
  }
}
@media only screen and (min-width: 1080px) {
  #tokyomoonpotato .story--inner--wrap03--text {
    width: 557px;
  }
}
#tokyomoonpotato .story--inner--wrap03--img {
  width: 50.8vw;
  margin: 13.86vw auto 0;
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .story--inner--wrap03--img {
    width: 27.4074074074vw;
    margin: 3.7037037037vw 0 0;
  }
}
@media only screen and (min-width: 1080px) {
  #tokyomoonpotato .story--inner--wrap03--img {
    width: 296px;
    margin: 40px 0 0;
  }
}
#tokyomoonpotato .feature {
  position: relative;
  background-color: #0080bf;
  padding: 14.53vw 0 15.06vw;
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .feature {
    padding: 4.3518518519vw 0 13.3333333333vw;
  }
}
@media only screen and (min-width: 1080px) {
  #tokyomoonpotato .feature {
    padding: 47px 0 144px;
  }
}
#tokyomoonpotato .feature::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  transform: skewY(-6deg);
  transform-origin: bottom left;
  width: 100vw;
  height: 17.33vw;
  background: #0080bf;
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .feature::before {
    width: 100%;
    height: 14.8148148148vw;
    transform: skewY(-3.5deg);
  }
}
@media only screen and (min-width: 1080px) {
  #tokyomoonpotato .feature::before {
    width: 100%;
    height: 160px;
    transform: skewY(-3.5deg);
  }
}
#tokyomoonpotato .feature--inner {
  width: 100%;
  height: 100%;
  position: relative;
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .feature--inner {
    margin: 0 auto;
  }
}
@media only screen and (min-width: 1080px) {
  #tokyomoonpotato .feature--inner {
    width: 1080px;
  }
}
#tokyomoonpotato .feature--inner--title {
  width: 30.93vw;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .feature--inner--title {
    width: 16.4814814815vw;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 1080px) {
  #tokyomoonpotato .feature--inner--title {
    width: 178px;
  }
}
#tokyomoonpotato .feature--inner--copy {
  width: 90vw;
  margin: 6vw auto 0;
  font-size: 3.2vw;
  letter-spacing: 0.025em;
  line-height: 1.56;
  text-align: center;
  color: #fff;
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .feature--inner--copy {
    margin: 3.7037037037vw auto 0;
    font-size: 2.3148148148vw;
  }
}
@media only screen and (min-width: 1080px) {
  #tokyomoonpotato .feature--inner--copy {
    width: 1080px;
    margin: 40px auto 0;
    font-size: 2.5rem;
  }
}
#tokyomoonpotato .feature--inner--box {
  position: relative;
  width: 56.93vw;
  height: 88.13vw;
  margin: 6.66vw auto 0;
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .feature--inner--box {
    width: 35.9259259259vw;
    height: 55.5555555556vw;
    margin: 3.4259259259vw auto 0;
  }
}
@media only screen and (min-width: 1080px) {
  #tokyomoonpotato .feature--inner--box {
    width: 388px;
    height: 600px;
    margin: 37px auto 0;
  }
}
#tokyomoonpotato .feature--inner--box div {
  position: absolute;
}
#tokyomoonpotato .feature--inner--box .feature--pkg {
  top: 26vw;
  left: 6.26vw;
  width: 53.33vw;
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .feature--inner--box .feature--pkg {
    top: 16.3888888889vw;
    left: 4.6296296296vw;
    width: 31.7592592593vw;
  }
}
@media only screen and (min-width: 1080px) {
  #tokyomoonpotato .feature--inner--box .feature--pkg {
    top: 177px;
    left: 50px;
    width: 343px;
  }
}
#tokyomoonpotato .feature--inner--box .feature--potato01 {
  top: 12.53vw;
  left: 0;
  width: 12.66vw;
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .feature--inner--box .feature--potato01 {
    top: 7.8703703704vw;
    left: 0;
    width: 8.0555555556vw;
  }
}
@media only screen and (min-width: 1080px) {
  #tokyomoonpotato .feature--inner--box .feature--potato01 {
    top: 85px;
    left: 0;
    width: 87px;
  }
}
#tokyomoonpotato .feature--inner--box .feature--potato02 {
  top: 3.46vw;
  left: 8vw;
  width: 15.33vw;
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .feature--inner--box .feature--potato02 {
    top: 2.037037037vw;
    left: 5vw;
    width: 9.6296296296vw;
  }
}
@media only screen and (min-width: 1080px) {
  #tokyomoonpotato .feature--inner--box .feature--potato02 {
    top: 22px;
    left: 54px;
    width: 104px;
  }
}
#tokyomoonpotato .feature--inner--box .feature--potato03 {
  top: 11.46vw;
  left: 19.46vw;
  width: 12.8vw;
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .feature--inner--box .feature--potato03 {
    top: 7.1296296296vw;
    left: 12.2222222222vw;
    width: 8.1481481481vw;
  }
}
@media only screen and (min-width: 1080px) {
  #tokyomoonpotato .feature--inner--box .feature--potato03 {
    top: 77px;
    left: 132px;
    width: 88px;
  }
}
#tokyomoonpotato .feature--inner--box .feature--potato04 {
  top: 0vw;
  right: 10.8vw;
  width: 10.53vw;
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .feature--inner--box .feature--potato04 {
    top: 0;
    right: 6.7592592593vw;
    width: 6.7592592593vw;
  }
}
@media only screen and (min-width: 1080px) {
  #tokyomoonpotato .feature--inner--box .feature--potato04 {
    top: 0;
    right: 73px;
    width: 73px;
  }
}
#tokyomoonpotato .feature--inner--box .feature--potato05 {
  top: 14.13vw;
  right: 1.73vw;
  width: 11.86vw;
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .feature--inner--box .feature--potato05 {
    top: 8.7037037037vw;
    right: 1.0185185185vw;
    width: 7.5vw;
  }
}
@media only screen and (min-width: 1080px) {
  #tokyomoonpotato .feature--inner--box .feature--potato05 {
    top: 94px;
    right: 11px;
    width: 81px;
  }
}
#tokyomoonpotato .feature--inner--box .feature--potato06 {
  top: 20.26vw;
  right: 18.4vw;
  width: 8.4vw;
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .feature--inner--box .feature--potato06 {
    top: 12.7777777778vw;
    right: 10.462962963vw;
    width: 5.3703703704vw;
  }
}
@media only screen and (min-width: 1080px) {
  #tokyomoonpotato .feature--inner--box .feature--potato06 {
    top: 138px;
    right: 113px;
    width: 58px;
  }
}
#tokyomoonpotato .feature--inner--pnl01 {
  width: 48vw;
  margin: 8.8vw auto 0;
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .feature--inner--pnl01 {
    position: relative;
    width: 21.2962962963vw;
    margin: -36.5740740741vw 0 0 11.3888888889vw;
  }
}
@media only screen and (min-width: 1080px) {
  #tokyomoonpotato .feature--inner--pnl01 {
    width: 230px;
    margin: -395px 0 0 123px;
  }
}
#tokyomoonpotato .feature--inner--pnl02 {
  width: 48.73vw;
  margin: 7.86vw auto 0;
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .feature--inner--pnl02 {
    position: relative;
    width: 21.9444444444vw;
    margin: -26.8518518519vw 0 0 67.5925925926vw;
  }
}
@media only screen and (min-width: 1080px) {
  #tokyomoonpotato .feature--inner--pnl02 {
    width: 237px;
    margin: -290px 0 0 730px;
  }
}
#tokyomoonpotato .interview {
  position: relative;
  background-image: url(../img/bg_interview_sp.png);
  background-size: cover;
  padding: 38vw 0 21.6vw;
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .interview {
    background-image: url(../img/bg_interview_pc.png);
    padding: 18.1481481481vw 0 12.6851851852vw;
  }
}
@media only screen and (min-width: 1080px) {
  #tokyomoonpotato .interview {
    padding: 196px 0 137px;
  }
}
#tokyomoonpotato .interview::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  transform: skewY(6deg);
  transform-origin: top right;
  width: 100vw;
  height: 17.33vw;
  background: #0080bf;
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .interview::before {
    width: 100%;
    height: 16.6666666667vw;
    transform: skewY(4deg);
  }
}
@media only screen and (min-width: 1080px) {
  #tokyomoonpotato .interview::before {
    width: 100%;
    height: 180px;
  }
}
#tokyomoonpotato .interview--inner {
  width: 100vw;
  margin: 0 auto;
}
@media only screen and (min-width: 1080px) {
  #tokyomoonpotato .interview--inner {
    width: 1080px;
  }
}
#tokyomoonpotato .interview--inner--title {
  width: 43.33vw;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .interview--inner--title {
    width: 23.1481481481vw;
  }
}
@media only screen and (min-width: 1080px) {
  #tokyomoonpotato .interview--inner--title {
    width: 250px;
  }
}
#tokyomoonpotato .interview--inner--wrap {
  width: 100vw;
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .interview--inner--wrap {
    width: 79.6296296296vw;
    margin: 2.037037037vw auto 0;
    display: flex;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 1080px) {
  #tokyomoonpotato .interview--inner--wrap {
    width: 860px;
    margin: 22px auto 0;
  }
}
#tokyomoonpotato .interview--inner--designer {
  width: 100vw;
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .interview--inner--designer {
    width: 41.2037037037vw;
  }
}
@media only screen and (min-width: 1080px) {
  #tokyomoonpotato .interview--inner--designer {
    width: 445px;
  }
}
#tokyomoonpotato .interview--inner--designer--name {
  width: 75.92vw;
  margin: 9.33vw auto 0 16.8vw;
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .interview--inner--designer--name {
    width: 39.6296296296vw;
    margin: 0;
  }
}
@media only screen and (min-width: 1080px) {
  #tokyomoonpotato .interview--inner--designer--name {
    width: 428px;
  }
}
#tokyomoonpotato .interview--inner--designer--ph--sp {
  width: 48.4vw;
  margin: 8.26vw auto 0;
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .interview--inner--designer--ph--sp {
    display: none;
  }
}
#tokyomoonpotato .interview--inner--designer--subtitle {
  width: 17.2vw;
  margin: 6.66vw auto 0;
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .interview--inner--designer--subtitle {
    width: 9.2592592593vw;
    margin: 3.6111111111vw 0 0 4.3518518519vw;
  }
}
@media only screen and (min-width: 1080px) {
  #tokyomoonpotato .interview--inner--designer--subtitle {
    width: 100px;
    margin: 39px 0 0 47px;
  }
}
#tokyomoonpotato .interview--inner--designer--profile {
  width: 26em;
  margin: 4vw auto 0;
  font-size: 2.9vw;
  line-height: 1.7;
  font-weight: bold;
  color: #005d8b;
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .interview--inner--designer--profile {
    width: 37.962962963vw;
    margin: 1.2037037037vw 0 0 4.3518518519vw;
    font-size: 1.2962962963vw;
    line-height: 1.57;
  }
}
@media only screen and (min-width: 1080px) {
  #tokyomoonpotato .interview--inner--designer--profile {
    width: 410px;
    margin: 13px 0 0 47px;
    font-size: 1.4rem;
  }
}
#tokyomoonpotato .interview--inner--designer--ph--pc {
  display: none;
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .interview--inner--designer--ph--pc {
    display: block;
    width: 30.6481481481vw;
    padding-top: 4.537037037vw;
  }
}
@media only screen and (min-width: 1080px) {
  #tokyomoonpotato .interview--inner--designer--ph--pc {
    width: 331px;
    padding-top: 49px;
  }
}
#tokyomoonpotato .interview--inner--q1 {
  width: 70.8vw;
  height: 21.33vw;
  background-image: url(../img/baloon_q1_sp.svg);
  background-size: cover;
  font-size: 2.93vw;
  font-weight: bold;
  line-height: 1.36;
  color: #005d8b;
  margin: 18.13vw auto 0;
  padding: 0.9em;
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .interview--inner--q1 {
    width: 48.6111111111vw;
    height: 9.7222222222vw;
    background-image: url(../img/baloon_q1_pc.svg);
    background-size: cover;
    font-size: 1.712962963vw;
    font-weight: bold;
    line-height: 1.44;
    margin: 3.6111111111vw auto 0 14.3518518519vw;
    padding: 0.7em 0.8em 0.8em;
  }
}
@media only screen and (min-width: 1080px) {
  #tokyomoonpotato .interview--inner--q1 {
    width: 525px;
    height: 105px;
    font-size: 1.85rem;
    margin: 39px auto 0 155px;
  }
}
#tokyomoonpotato .interview--inner--a1 {
  width: 74.4vw;
  height: 39vw;
  background-image: url(../img/baloon_a_sp.svg);
  background-size: cover;
  font-size: 2.93vw;
  font-weight: bold;
  line-height: 1.5;
  color: #fff;
  margin: 3.73vw auto 0;
  padding: 1.2em 1.5em;
}
#tokyomoonpotato .interview--inner--a1 .strong {
  color: #ffff64;
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .interview--inner--a1 {
    width: 61.1111111111vw;
    height: 16.9444444444vw;
    background-image: url(../img/baloon_a_pc.svg);
    background-size: cover;
    font-size: 1.712962963vw;
    font-weight: bold;
    line-height: 1.44;
    margin: 1.1111111111vw auto 0 22.6851851852vw;
    padding: 1.2em 1.5em;
  }
}
@media only screen and (min-width: 1080px) {
  #tokyomoonpotato .interview--inner--a1 {
    width: 660px;
    height: 183px;
    font-size: 1.85rem;
    margin: 12px auto 0 245px;
  }
}
#tokyomoonpotato .interview--inner--q2 {
  width: 70.8vw;
  height: 18vw;
  background-image: url(../img/baloon_q2_sp.svg);
  background-size: cover;
  font-size: 2.93vw;
  font-weight: bold;
  line-height: 1.36;
  color: #005d8b;
  margin: 9.2vw auto 0;
  padding: 0.9em;
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .interview--inner--q2 {
    width: 45.3703703704vw;
    height: 9.7222222222vw;
    background-image: url(../img/baloon_q2_pc.svg);
    background-size: cover;
    font-size: 1.712962963vw;
    font-weight: bold;
    line-height: 1.44;
    margin: 3.6111111111vw auto 0 14.3518518519vw;
    padding: 0.7em 0.7em 0.8em 0.6em;
  }
}
@media only screen and (min-width: 1080px) {
  #tokyomoonpotato .interview--inner--q2 {
    width: 490px;
    height: 105px;
    font-size: 1.85rem;
    margin: 39px auto 0 155px;
  }
}
#tokyomoonpotato .interview--inner--a2 {
  width: 74.4vw;
  height: 39vw;
  background-image: url(../img/baloon_a_sp.svg);
  background-size: cover;
  font-size: 2.93vw;
  font-weight: bold;
  line-height: 1.5;
  color: #fff;
  margin: 3.73vw auto 0;
  padding: 1.2em 1.25em 1.2em 1.5em;
}
#tokyomoonpotato .interview--inner--a2 .strong {
  color: #ffff64;
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .interview--inner--a2 {
    width: 61.1111111111vw;
    height: 16.9444444444vw;
    background-image: url(../img/baloon_a_pc.svg);
    background-size: cover;
    font-size: 1.712962963vw;
    font-weight: bold;
    line-height: 1.44;
    margin: 1.1111111111vw auto 0 22.6851851852vw;
    padding: 1.2em 1.5em;
  }
}
@media only screen and (min-width: 1080px) {
  #tokyomoonpotato .interview--inner--a2 {
    width: 660px;
    height: 183px;
    font-size: 1.85rem;
    margin: 12px auto 0 245px;
  }
}
#tokyomoonpotato .spec {
  background-color: #0080bf;
  padding: 17.86vw 0 12.8vw;
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .spec {
    padding: 9.8148148148vw 0 8.7962962963vw;
  }
}
@media only screen and (min-width: 1080px) {
  #tokyomoonpotato .spec {
    padding: 106px 0 95px;
  }
}
#tokyomoonpotato .spec--inner {
  position: relative;
  width: 100vw;
  margin: 0 auto;
}
@media only screen and (min-width: 1080px) {
  #tokyomoonpotato .spec--inner {
    width: 1080px;
  }
}
#tokyomoonpotato .spec--inner--title {
  width: 43.33vw;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .spec--inner--title {
    width: 23.1481481481vw;
  }
}
@media only screen and (min-width: 1080px) {
  #tokyomoonpotato .spec--inner--title {
    width: 250px;
  }
}
#tokyomoonpotato .spec--inner--wrap {
  width: 100vw;
  padding: 5.6vw 0 0;
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .spec--inner--wrap {
    width: 81.2962962963vw;
    margin: 0 auto;
    padding: 4.1666666667vw 0 0;
    display: flex;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 1080px) {
  #tokyomoonpotato .spec--inner--wrap {
    width: 878px;
    padding: 45px 0 0;
  }
}
#tokyomoonpotato .spec--inner--wrap--blk1 {
  width: 100vw;
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .spec--inner--wrap--blk1 {
    order: 2;
    width: 47.8703703704vw;
  }
}
@media only screen and (min-width: 1080px) {
  #tokyomoonpotato .spec--inner--wrap--blk1 {
    width: 517px;
  }
}
#tokyomoonpotato .spec--inner--prodname {
  width: 68.8vw;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .spec--inner--prodname {
    width: 41.2037037037vw;
    margin: 3.3333333333vw auto 0;
  }
}
@media only screen and (min-width: 1080px) {
  #tokyomoonpotato .spec--inner--prodname {
    width: 445px;
    margin: 36px auto 0;
  }
}
#tokyomoonpotato .spec--inner--pkg--sp {
  width: 46.93vw;
  margin: 8vw 0 0 29.86vw;
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .spec--inner--pkg--sp {
    display: none;
  }
}
#tokyomoonpotato .spec--inner--subpkg {
  width: 73.73vw;
  margin: 4vw auto 0;
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .spec--inner--subpkg {
    width: 47.8703703704vw;
    margin: 1.3888888889vw auto 0;
  }
}
@media only screen and (min-width: 1080px) {
  #tokyomoonpotato .spec--inner--subpkg {
    width: 517px;
    margin: 15px auto 0;
  }
}
#tokyomoonpotato .spec--inner--wrap--blk2 {
  display: none;
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .spec--inner--wrap--blk2 {
    display: block;
    order: 1;
    width: 30.9259259259vw;
  }
}
@media only screen and (min-width: 1080px) {
  #tokyomoonpotato .spec--inner--wrap--blk2 {
    width: 334px;
  }
}
#tokyomoonpotato .spec--inner--potato {
  position: absolute;
  width: 22.53vw;
  top: -12vw;
  right: 2.93vw;
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .spec--inner--potato {
    width: 21.2962962963vw;
    top: -4.4444444444vw;
    right: 6.6666666667vw;
  }
}
@media only screen and (min-width: 1080px) {
  #tokyomoonpotato .spec--inner--potato {
    width: 230px;
    top: -48px;
    right: 72px;
  }
}
#tokyomoonpotato .spec--inner--linkbtn {
  width: 77.33vw;
  margin: 8.4vw auto 0;
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .spec--inner--linkbtn {
    width: 72.7777777778vw;
    margin: 5.8333333333vw auto 0;
  }
}
@media only screen and (min-width: 1080px) {
  #tokyomoonpotato .spec--inner--linkbtn {
    width: 786px;
    margin: 63px auto 0;
  }
}
#tokyomoonpotato .spec--inner--linkbtn img {
  filter: drop-shadow(0 1.2vw 0 #0168ad);
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .spec--inner--linkbtn img {
    filter: drop-shadow(0 0.6481481481vw 0 #0168ad);
  }
}
@media only screen and (min-width: 1080px) {
  #tokyomoonpotato .spec--inner--linkbtn img {
    filter: drop-shadow(0 7px 0 #0168ad);
  }
}
#tokyomoonpotato .spec--inner--linkbtn a img:hover {
  filter: drop-shadow(0 0 0 #0168ad);
  transform: translateY(1.2vw);
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .spec--inner--linkbtn a img:hover {
    transform: translateY(0.6481481481vw);
  }
}
@media only screen and (min-width: 1080px) {
  #tokyomoonpotato .spec--inner--linkbtn a img:hover {
    transform: translateY(7px);
  }
}
#tokyomoonpotato .keyvisual--inner h1,
#tokyomoonpotato .keyvisual--inner div {
  display: none;
  opacity: 0;
}
#tokyomoonpotato .keyvisual--potato div {
  display: none;
  opacity: 0;
}
#tokyomoonpotato .keyvisual--belt div {
  display: none;
  opacity: 0;
}
#tokyomoonpotato .keyvisual--inner--pkg.active {
  display: block;
  animation: fadeIn 0.3s ease-out forwards;
}
#tokyomoonpotato .keyvisual--inner h1.active {
  display: block;
  animation: fadeIn 0.3s ease-out 2.5s forwards;
}
#tokyomoonpotato .keyvisual--inner--copy01.active {
  display: block;
  animation: fadeUpIn 0.3s ease-out 3s forwards;
}
#tokyomoonpotato .keyvisual--inner--copy02.active {
  display: block;
  animation: fadeUpIn 0.3s ease-out 2.75s forwards;
}
#tokyomoonpotato .kv-belt01.active,
#tokyomoonpotato .kv-belt03.active,
#tokyomoonpotato .kv-belt05.active,
#tokyomoonpotato .kv-belt07.active {
  display: block;
  animation: slideIn-left01 1s ease-out 0.5s forwards;
}
#tokyomoonpotato .kv-belt02.active,
#tokyomoonpotato .kv-belt04.active,
#tokyomoonpotato .kv-belt06.active,
#tokyomoonpotato .kv-belt08.active {
  display: block;
  animation: slideIn-right01 1s ease-out 0.5s forwards;
}
#tokyomoonpotato .kv-potato01.active,
#tokyomoonpotato .kv-potato04.active {
  display: block;
  animation: upin 0.2s ease-out 1.5s forwards;
}
#tokyomoonpotato .kv-potato02.active,
#tokyomoonpotato .kv-potato07.active {
  display: block;
  animation: upin 0.2s ease-out 1.75s forwards;
}
#tokyomoonpotato .kv-potato03.active,
#tokyomoonpotato .kv-potato06.active {
  display: block;
  animation: upin 0.2s ease-out 2s forwards;
}
#tokyomoonpotato .kv-potato05.active,
#tokyomoonpotato .kv-potato08.active {
  display: block;
  animation: upin 0.2s ease-out 2.25s forwards;
}
@keyframes slideIn-left01 {
  0% {
    transform: translateX(-100%);
    opacity: 0;
  }
  100% {
    opacity: 0.7;
    transform: translateX(0);
  }
}
@keyframes slideIn-right01 {
  0% {
    transform: translateX(100%);
    opacity: 0;
  }
  100% {
    opacity: 0.7;
    transform: translateX(0);
  }
}
@keyframes upin {
  from {
    opacity: 0;
    transform: scale(0.25);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes fadeUpIn {
  0% {
    opacity: 0;
    transform: translateY(10%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#tokyomoonpotato .feature--potato01,
#tokyomoonpotato .feature--potato02,
#tokyomoonpotato .feature--potato03,
#tokyomoonpotato .feature--potato04,
#tokyomoonpotato .feature--potato05,
#tokyomoonpotato .feature--potato06 {
  display: none;
  opacity: 0;
}
#tokyomoonpotato .feature--potato01.active {
  display: block;
  animation: fpotato01 0.5s ease-out 0.5s forwards;
}
#tokyomoonpotato .feature--potato02.active {
  display: block;
  animation: fpotato02 0.5s ease-out 0.5s forwards;
}
#tokyomoonpotato .feature--potato03.active {
  display: block;
  animation: fpotato03 0.5s ease-out 0.5s forwards;
}
#tokyomoonpotato .feature--potato04.active {
  display: block;
  animation: fpotato04 0.5s ease-out 0.5s forwards;
}
#tokyomoonpotato .feature--potato05.active {
  display: block;
  animation: fpotato05 0.5s ease-out 0.5s forwards;
}
#tokyomoonpotato .feature--potato06.active {
  display: block;
  animation: fpotato06 0.5s ease-out 0.5s forwards;
}
@keyframes fpotato01 {
  0% {
    opacity: 0;
    transform: translate3d(50%, 100%, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fpotato02 {
  0% {
    opacity: 0;
    transform: translate3d(0, 200%, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fpotato03 {
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fpotato04 {
  0% {
    opacity: 0;
    transform: translate3d(0, 200%, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fpotato05 {
  0% {
    opacity: 0;
    transform: translate3d(-50%, 100%, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fpotato06 {
  0% {
    opacity: 0;
    transform: translate3d(0, 60%, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
#tokyomoonpotato .feature--inner--pnl01,
#tokyomoonpotato .feature--inner--pnl02 {
  opacity: 0;
}
#tokyomoonpotato .feature--inner--pnl01.active,
#tokyomoonpotato .feature--inner--pnl02.active {
  animation: fadeUpIn2 0.5s ease-out 1s forwards;
}
@keyframes fadeUpIn2 {
  0% {
    opacity: 0;
    transform: translateY(30%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
#tokyomoonpotato .lang {
  display: none;
  width: 80vw;
  max-width: 248px;
  padding: 40px 20px 10px;
  position: absolute;
  top: 22vw;
  right: 5vw;
  z-index: 999;
  transition: 300ms;
  border-radius: 25px;
  background-color: #004e92;
  font-family: "Noto Sans JP", sans-serif;
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .lang {
    display: block;
    width: 22.962962963vw;
    top: 7.4074074074vw;
    right: 3vw;
    border-radius: 0.9259259259vw;
  }
}
@media only screen and (min-width: 1080px) {
  #tokyomoonpotato .lang {
    width: 248px;
    top: 80px;
    right: 16px;
    border-radius: 10px;
  }
}
@media only screen and (min-width: 1230px) {
  #tokyomoonpotato .lang {
    right: inherit;
    left: calc(50% + 352px);
  }
}
#tokyomoonpotato .lang.active {
  display: block;
  padding: 40px 20px 20px;
}
#tokyomoonpotato .lang-item {
  display: none;
  margin: 10px 0 0;
}
#tokyomoonpotato .lang.active .lang-item {
  display: block;
}
#tokyomoonpotato .lang-item > a {
  display: block;
  text-align: center;
  font-size: 15px;
  font-weight: 700;
  line-height: 2;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 6px;
}
#tokyomoonpotato .lang-item > a:hover {
  opacity: 0.7;
}
#tokyomoonpotato .lang-item > a.current {
  color: #004e92;
  background-color: #fff;
}
#tokyomoonpotato .lang-title {
  position: absolute;
  display: block;
  width: 28.66vw;
  max-width: 170px;
  top: 5.33vw;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .lang-title {
    top: 1.4814814815vw;
    width: 15.7407407407vw;
  }
}
@media only screen and (min-width: 1080px) {
  #tokyomoonpotato .lang-title {
    top: 16px;
    width: 170px;
  }
}
#tokyomoonpotato .menu-btn {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 22vw;
  right: 5vw;
  background-color: #004e92;
  z-index: 1000;
  border-radius: 50%;
}
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .menu-btn {
    display: none;
  }
}
#tokyomoonpotato .menu-btn span {
  display: block;
  width: 23px;
  height: 1px;
  background-color: #fff;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  transition: 300ms;
}
#tokyomoonpotato .menu-btn > span:nth-of-type(1) {
  top: 18px;
}
#tokyomoonpotato .menu-btn > span:nth-of-type(2) {
  top: 50%;
}
#tokyomoonpotato .menu-btn > span:nth-of-type(3) {
  top: 32px;
}
#tokyomoonpotato .menu-btn.active > span:nth-of-type(1) {
  top: 24px;
  transform: translateX(-50%) rotate(45deg);
}
#tokyomoonpotato .menu-btn.active > span:nth-of-type(2) {
  opacity: 0;
}
#tokyomoonpotato .menu-btn.active > span:nth-of-type(3) {
  top: 24px;
  transform: translateX(-50%) rotate(-45deg);
}/*# sourceMappingURL=style.css.map */