body {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  overflow-x: hidden; }

#footer_s {
  margin-top: 0 !important; }

#tokyomoonpotato {
  padding-top: 0; }
  #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: calc(700 / 1080 * 100vw);
      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: calc(104 / 1080 * 100vw);
      left: 50%;
      transform: translateX(-50%);
      width: 100vw;
      height: calc(700 / 1080 * 100vw); } }
  @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: calc(644 / 1080 * 100vw); } }
  @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: calc(347 / 1080 * 100vw);
      top: calc(135 / 1080 * 100vw);
      left: calc(392 / 1080 * 100vw); } }
  @media only screen and (min-width: 1080px) {
    #tokyomoonpotato .keyvisual--inner--pkg {
      width: 347px;
      top: 135px;
      left: 392px; } }
#tokyomoonpotato .keyvisual--inner--copy01 {
  position: absolute;
  width: 18.133vw;
  top: 19.466vw;
  left: 9.333vw; }
  @media only screen and (min-width: 768px) {
    #tokyomoonpotato .keyvisual--inner--copy01 {
      width: calc(130 / 1080 * 100vw);
      top: calc(136/ 1080 * 100vw);
      left: calc(249 / 1080 * 100vw); } }
  @media only screen and (min-width: 1080px) {
    #tokyomoonpotato .keyvisual--inner--copy01 {
      width: 130px;
      top: 136px;
      left: 249px; } }
#tokyomoonpotato .keyvisual--inner--copy02 {
  position: absolute;
  width: 10vw;
  top: 20.533vw;
  right: 11.333vw; }
  @media only screen and (min-width: 768px) {
    #tokyomoonpotato .keyvisual--inner--copy02 {
      width: calc(71 / 1080 * 100vw);
      top: calc(165 / 1080 * 100vw);
      right: calc(270 / 1080 * 100vw); } }
  @media only screen and (min-width: 1080px) {
    #tokyomoonpotato .keyvisual--inner--copy02 {
      width: 71px;
      top: 165px;
      right: 270px; } }
#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: calc(700 / 1080 * 100vw); } }
  @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: calc(99 / 1080 * 100vw);
        top: calc(290 / 1080 * 100vw);
        left: calc(115 / 1080 * 100vw); } }
    @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: calc(99 / 1080 * 100vw);
        top: calc(23 / 1080 * 100vw);
        left: calc(-47 / 1080 * 100vw); } }
    @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: calc(126 / 1080 * 100vw);
        top: calc(-4 / 1080 * 100vw);
        right: calc(275 / 1080 * 100vw); } }
    @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: calc(101 / 1080 * 100vw);
        top: calc(105 / 1080 * 100vw);
        right: calc(-19 / 1080 * 100vw); } }
    @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: calc(117 / 1080 * 100vw);
        bottom: calc(185 / 1080 * 100vw);
        left: calc(12 / 1080 * 100vw); } }
    @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: calc(126 / 1080 * 100vw);
        bottom: calc(41 / 1080 * 100vw);
        left: calc(139 / 1080 * 100vw); } }
    @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: calc(113 / 1080 * 100vw);
        bottom: calc(33 / 1080 * 100vw);
        right: calc(173 / 1080 * 100vw); } }
    @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: calc(104 / 1080 * 100vw);
        bottom: calc(147 / 1080 * 100vw);
        right: calc(82 / 1080 * 100vw); } }
    @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: calc(700 / 1080 * 100vw); } }
  @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: calc(627 / 1080 * 100vw);
        height: calc(68 / 1080 * 100vw);
        top: 0;
        left: calc(-178 / 1080 * 100vw); } }
    @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: calc(464 / 1080 * 100vw);
        height: calc(34 / 1080 * 100vw);
        top: 0px;
        right: calc(12 / 1080 * 100vw); } }
    @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: calc(619 / 1080 * 100vw);
        height: calc(39 / 1080 * 100vw);
        top: calc(215 / 1080 * 100vw);
        left: calc(-404 / 1080 * 100vw); } }
    @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: calc(500 / 1080 * 100vw);
        height: calc(112 / 1080 * 100vw);
        top: calc(200 / 1080 * 100vw);
        right: calc(-294 / 1080 * 100vw); } }
    @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: calc(386 / 1080 * 100vw);
        height: calc(89 / 1080 * 100vw);
        top: calc(351 / 1080 * 100vw);
        left: calc(-155 / 1080 * 100vw); } }
    @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: calc(716 / 1080 * 100vw);
        height: calc(75 / 1080 * 100vw);
        top: calc(412 / 1080 * 100vw);
        right: calc(-460 / 1080 * 100vw); } }
    @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: calc(724 / 1080 * 100vw);
        height: calc(78 / 1080 * 100vw);
        top: calc(557 / 1080 * 100vw);
        left: calc(-460 / 1080 * 100vw); } }
    @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: calc(660 / 1080 * 100vw);
        height: calc(68 / 1080 * 100vw);
        top: calc(616 / 1080 * 100vw);
        right: calc(-90 / 1080 * 100vw); } }
    @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: calc(112 / 1080 * 100vw) 0 calc(150 / 1080 * 100vw); } }
  @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.933vw;
  margin: 0 auto; }
  @media only screen and (min-width: 768px) {
    #tokyomoonpotato .story--inner--title {
      width: calc(178 / 1080 * 100vw); } }
  @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: calc(908 / 1080 * 100vw);
    margin: calc(85 / 1080 * 100vw) 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: calc(877 / 1080 * 100vw);
    margin: calc(60 / 1080 * 100vw) 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: calc(853 / 1080 * 100vw);
    margin: calc(72 / 1080 * 100vw) auto 0;
    transform: translateX(calc(-20 / 1080 * 100vw)); } }
@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.8;
  text-align: left;
  color: #005d91; }
  @media only screen and (min-width: 768px) {
    #tokyomoonpotato .story--inner--wrap01--text,
    #tokyomoonpotato .story--inner--wrap02--text,
    #tokyomoonpotato .story--inner--wrap03--text {
      font-size: calc(19 / 1080 * 100vw);
      text-align: left; } }
  @media only screen and (min-width: 1080px) {
    #tokyomoonpotato .story--inner--wrap01--text,
    #tokyomoonpotato .story--inner--wrap02--text,
    #tokyomoonpotato .story--inner--wrap03--text {
      font-size: 1.9rem; } }
@media only screen and (min-width: 768px) {
  #tokyomoonpotato .story--inner--wrap01--text {
    width: calc(617 / 1080 * 100vw); } }
@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: calc(272 / 1080 * 100vw);
      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: calc(527 / 1080 * 100vw);
    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: calc(350 / 1080 * 100vw);
      margin: calc(60 / 1080 * 100vw) 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: calc(557 / 1080 * 100vw); } }
@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: calc(296 / 1080 * 100vw);
      margin: calc(40 / 1080 * 100vw) 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: calc(47 / 1080 * 100vw) 0 calc(144 / 1080 * 100vw); } }
  @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: calc(160 / 1080 * 100vw);
      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.933vw;
  margin: 0 auto; }
  @media only screen and (min-width: 768px) {
    #tokyomoonpotato .feature--inner--title {
      width: calc(178 / 1080 * 100vw);
      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: calc(40 / 1080 * 100vw) auto 0;
      font-size: calc(25 / 1080 * 100vw); } }
  @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: calc(388 / 1080 * 100vw);
      height: calc(600 / 1080 * 100vw);
      margin: calc(37 / 1080 * 100vw) 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: calc(177 / 1080 * 100vw);
        left: calc(50 / 1080 * 100vw);
        width: calc(343 / 1080 * 100vw); } }
    @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: calc(85 / 1080 * 100vw);
        left: 0;
        width: calc(87 / 1080 * 100vw); } }
    @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: calc(22 / 1080 * 100vw);
        left: calc(54 / 1080 * 100vw);
        width: calc(104 / 1080 * 100vw); } }
    @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: calc(77 / 1080 * 100vw);
        left: calc(132 / 1080 * 100vw);
        width: calc(88 / 1080 * 100vw); } }
    @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: calc(73 / 1080 * 100vw);
        width: calc(73 / 1080 * 100vw); } }
    @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: calc(94 / 1080 * 100vw);
        right: calc(11 / 1080 * 100vw);
        width: calc(81 / 1080 * 100vw); } }
    @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: calc(138 / 1080 * 100vw);
        right: calc(113 / 1080 * 100vw);
        width: calc(58 / 1080 * 100vw); } }
    @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: calc(230 / 1080 * 100vw);
      margin: calc(-395 / 1080 * 100vw) 0 0 calc(123 / 1080 * 100vw); } }
  @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: calc(236 / 1080 * 100vw);
      margin: calc(-290 / 1080 * 100vw) 0 0 calc(730 / 1080 * 100vw); } }
  @media only screen and (min-width: 1080px) {
    #tokyomoonpotato .feature--inner--pnl02 {
      width: 236px;
      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: calc(250 / 1080 * 100vw) 0 calc(137 / 1080 * 100vw); } }
  @media only screen and (min-width: 1080px) {
    #tokyomoonpotato .interview {
      padding: 250px 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: calc(180 / 1080 * 100vw);
      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: 26vw;
  margin: 0 auto; }
  @media only screen and (min-width: 768px) {
    #tokyomoonpotato .interview--inner--title {
      width: calc(150 / 1080 * 100vw); } }
  @media only screen and (min-width: 1080px) {
    #tokyomoonpotato .interview--inner--title {
      width: 150px; } }
#tokyomoonpotato .interview--inner--wrap {
  width: 100vw; }
  @media only screen and (min-width: 768px) {
    #tokyomoonpotato .interview--inner--wrap {
      width: calc(860 / 1080 * 100vw);
      margin: calc(22 / 1080 * 100vw) 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: calc(445 / 1080 * 100vw); } }
  @media only screen and (min-width: 1080px) {
    #tokyomoonpotato .interview--inner--designer {
      width: 445px; } }
#tokyomoonpotato .interview--inner--designer--name {
  width: 67.866vw;
  margin: 9.33vw auto 0 25.066vw; }
  @media only screen and (min-width: 768px) {
    #tokyomoonpotato .interview--inner--designer--name {
      width: calc(317 / 1080 * 100vw);
      margin: 0; } }
  @media only screen and (min-width: 1080px) {
    #tokyomoonpotato .interview--inner--designer--name {
      width: 317px; } }
#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: 11.2vw;
  margin: 6.66vw auto 0; }
  @media only screen and (min-width: 768px) {
    #tokyomoonpotato .interview--inner--designer--subtitle {
      width: calc(65 / 1080 * 100vw);
      margin: calc(39 / 1080 * 100vw) 0 0 calc(47 / 1080 * 100vw); } }
  @media only screen and (min-width: 1080px) {
    #tokyomoonpotato .interview--inner--designer--subtitle {
      width: 65px;
      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: calc(410 / 1080 * 100vw);
      margin: calc(13 / 1080 * 100vw) 0 0 calc(47 / 1080 * 100vw);
      font-size: calc(14 / 1080 * 100vw);
      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: calc(331 / 1080 * 100vw);
      padding-top: calc(49 / 1080 * 100vw); } }
  @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: 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: 18.13vw auto 0;
  padding: 0.9em 1.5em 1.5em; }
  @media only screen and (min-width: 768px) {
    #tokyomoonpotato .interview--inner--q1 {
      width: calc(525 / 1080 * 100vw);
      height: calc(105 / 1080 * 100vw);
      background-image: url(../img/baloon_q1_pc.svg);
      background-size: cover;
      font-size: calc(16 / 1080 * 100vw);
      font-weight: bold;
      line-height: 1.44;
      margin: calc(39 / 1080 * 100vw) auto 0 calc(155 / 1080 * 100vw);
      padding: 1.5em 1.5em 1.5em 1.5em; } }
  @media only screen and (min-width: 1080px) {
    #tokyomoonpotato .interview--inner--q1 {
      width: 525px;
      height: 105px;
      font-size: 1.6rem;
      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.6;
  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: calc(660 / 1080 * 100vw);
      height: calc(183 / 1080 * 100vw);
      background-image: url(../img/baloon_a_pc.svg);
      background-size: cover;
      font-size: calc(16 / 1080 * 100vw);
      font-weight: bold;
      line-height: 1.55;
      margin: calc(12 / 1080 * 100vw) auto 0 calc(245 / 1080 * 100vw);
      padding: 1.7em 2.5em 1.5em; } }
  @media only screen and (min-width: 1080px) {
    #tokyomoonpotato .interview--inner--a1 {
      width: 660px;
      height: 183px;
      font-size: 1.6rem;
      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.5;
  color: #005d8b;
  margin: 9.2vw auto 0;
  padding: 0.9em 1.5em 1.5em; }
  @media only screen and (min-width: 768px) {
    #tokyomoonpotato .interview--inner--q2 {
      width: calc(490 / 1080 * 100vw);
      height: calc(105 / 1080 * 100vw);
      background-image: url(../img/baloon_q2_pc.svg);
      background-size: cover;
      font-size: calc(16 / 1080 * 100vw);
      font-weight: bold;
      line-height: 1.44;
      margin: calc(39 / 1080 * 100vw) auto 0 calc(155 / 1080 * 100vw);
      padding: 1.5em 1.5em 1.5em 1.5em; } }
  @media only screen and (min-width: 1080px) {
    #tokyomoonpotato .interview--inner--q2 {
      width: 490px;
      height: 105px;
      font-size: 1.6rem;
      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.7;
  color: #fff;
  margin: 3.73vw auto 0;
  padding: 1.5em 2em; }
  #tokyomoonpotato .interview--inner--a2 .strong {
    color: #ffff64; }
  @media only screen and (min-width: 768px) {
    #tokyomoonpotato .interview--inner--a2 {
      width: calc(660 / 1080 * 100vw);
      height: calc(187 / 1080 * 100vw);
      background-image: url(../img/baloon_a2_pc.svg);
      background-size: cover;
      font-size: calc(16 / 1080 * 100vw);
      font-weight: bold;
      line-height: 1.55;
      margin: calc(12 / 1080 * 100vw) auto 0 calc(245 / 1080 * 100vw);
      padding: 1.7em 2.5em 1.5em; } }
  @media only screen and (min-width: 1080px) {
    #tokyomoonpotato .interview--inner--a2 {
      width: 660px;
      height: 187px;
      font-size: 1.6rem;
      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: calc(106 / 1080 * 100vw) 0 calc(95 / 1080 * 100vw); } }
  @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: 30.933vw;
  margin: 0 auto; }
  @media only screen and (min-width: 768px) {
    #tokyomoonpotato .spec--inner--title {
      width: calc(178 / 1080 * 100vw); } }
  @media only screen and (min-width: 1080px) {
    #tokyomoonpotato .spec--inner--title {
      width: 178px; } }
#tokyomoonpotato .spec--inner--wrap {
  width: 100vw;
  padding: 5.6vw 0 0; }
  @media only screen and (min-width: 768px) {
    #tokyomoonpotato .spec--inner--wrap {
      width: calc(878 / 1080 * 100vw);
      margin: 0 auto;
      padding: calc(45 / 1080 * 100vw) 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: calc(517 / 1080 * 100vw); } }
  @media only screen and (min-width: 1080px) {
    #tokyomoonpotato .spec--inner--wrap--blk1 {
      width: 517px; } }
#tokyomoonpotato .spec--inner--prodname {
  width: 68.933vw;
  margin: 0 auto; }
  @media only screen and (min-width: 768px) {
    #tokyomoonpotato .spec--inner--prodname {
      width: calc(445 / 1080 * 100vw);
      margin: calc(4 / 1080 * 100vw) auto 0; } }
  @media only screen and (min-width: 1080px) {
    #tokyomoonpotato .spec--inner--prodname {
      width: 445px;
      margin: 4px 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: calc(517 / 1080 * 100vw);
      margin: calc(15 / 1080 * 100vw) 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: calc(334 / 1080 * 100vw); } }
  @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: 3.5vw; }
  @media only screen and (min-width: 768px) {
    #tokyomoonpotato .spec--inner--potato {
      width: calc(230 / 1080 * 100vw);
      top: calc(-48 / 1080 * 100vw);
      right: calc(27 / 1080 * 100vw); } }
  @media only screen and (min-width: 1080px) {
    #tokyomoonpotato .spec--inner--potato {
      width: 230px;
      top: -48px;
      right: 27px; } }
#tokyomoonpotato .spec--inner--linkbtn {
  width: 77.33vw;
  margin: 8.4vw auto 0; }
  @media only screen and (min-width: 768px) {
    #tokyomoonpotato .spec--inner--linkbtn {
      width: calc(786 / 1080 * 100vw);
      margin: calc(63 / 1080 * 100vw) 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 calc(7 / 1080 * 100vw) 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(calc(7 / 1080 * 100vw)); } }
  @media only screen and (min-width: 1080px) {
    #tokyomoonpotato .spec--inner--linkbtn a img:hover {
      transform: translateY(7px); } }

#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: calc(248 / 1080 * 100vw);
      top: calc(80 / 1080 * 100vw);
      right: 3vw;
      border-radius: calc(10 / 1080 * 100vw); } }
  @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: calc(16 / 1080 * 100vw);
      width: calc(170 / 1080 * 100vw); } }
  @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); }