/*
Theme Name: litpla theme
Author: himecas
Author URI: https://litpla.com/
Description: リトプラテーマ
Version: {release version}
License: GNU General Public License v2 or later
License URI: LICENSE
*/
@charset "UTF-8";
[data-hidden] {
  display: block;
  overflow: hidden;
}
[data-slides] {
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.is-playing [data-youtube-el='thumb'] {
  opacity: 0;
  pointer-events: none;
}
[data-accordion-el='content'] {
  height: 0;
  overflow: hidden;
}
[data-hero-el="slider"] .swiper-slide-active img,
[data-hero-el="slider"] .swiper-slide-duplicate-active img,
[data-hero-el="slider"] .swiper-slide-prev img {
  animation: zoomIn 1.33s cubic-bezier(0, 0.55, 0.45, 1);
}
.sk-chase {
  width: 40px;
  height: 40px;
  position: relative;
  animation: sk-chase 2.5s infinite linear both;
}
.sk-chase-dot {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  animation: sk-chase-dot 2s infinite ease-in-out both;
}
.sk-chase-dot:before {
  content: '';
  display: block;
  width: 25%;
  height: 25%;
  background-color: #fff;
  border-radius: 100%;
  animation: sk-chase-dot-before 2s infinite ease-in-out both;
}
.sk-chase-dot:nth-child(1) {
  animation-delay: -1.1s;
}
.sk-chase-dot:nth-child(2) {
  animation-delay: -1s;
}
.sk-chase-dot:nth-child(3) {
  animation-delay: -0.9s;
}
.sk-chase-dot:nth-child(4) {
  animation-delay: -0.8s;
}
.sk-chase-dot:nth-child(5) {
  animation-delay: -0.7s;
}
.sk-chase-dot:nth-child(6) {
  animation-delay: -0.6s;
}
.sk-chase-dot:nth-child(1):before {
  animation-delay: -1.1s;
}
.sk-chase-dot:nth-child(2):before {
  animation-delay: -1s;
}
.sk-chase-dot:nth-child(3):before {
  animation-delay: -0.9s;
}
.sk-chase-dot:nth-child(4):before {
  animation-delay: -0.8s;
}
.sk-chase-dot:nth-child(5):before {
  animation-delay: -0.7s;
}
.sk-chase-dot:nth-child(6):before {
  animation-delay: -0.6s;
}
@keyframes sk-chase {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes sk-chase-dot {
  80%, 100% {
    transform: rotate(360deg);
  }
}
@keyframes sk-chase-dot-before {
  50% {
    transform: scale(0.4);
  }
  100%, 0% {
    transform: scale(1);
  }
}
.loader {
  background: #00bfff;
  position: fixed;
  top: 0;
  left: 0;
  pointer-events: none;
  width: 100%;
  height: 100%;
  z-index: 101;
}
.is-loaded .loader {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s, visibility 0.5s;
  visibility: hidden;
}
.page-dinosaurfestival .loader {
  background: #fff;
}
@keyframes scroll-hint-appear {
  0% {
    transform: translateX(40px);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  50%,
  100% {
    transform: translateX(-40px);
    opacity: 0;
  }
}

.scroll-hint.is-right-scrollable {
  background: linear-gradient(270deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint.is-right-scrollable.is-left-scrollable {
  background: linear-gradient(90deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0)), linear-gradient(270deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint.is-left-scrollable {
  background: linear-gradient(90deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint-icon {
  position: absolute;
  /* top: calc(50% - 25px);
  left: calc(50% - 60px); */
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  width: 120px;
  /* height: 80px; */
  height: 90px;
  border-radius: 5px;
  transition: opacity .3s;
  opacity: 0;
  background: rgba(0, 0, 0, .7);
  text-align: center;
  padding: 20px 10px 10px 10px;
}

.scroll-hint-icon-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 100%;
  pointer-events: none;
}

.scroll-hint-text {
  font-size: 10px;
  color: #FFF;
  margin-top: 5px;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon {
  opacity: .8;
}

.scroll-hint-icon:before {
  display: inline-block;
  width: 40px;
  height: 40px;
  color: #FFF;
  vertical-align: middle;
  text-align: center;
  content: "";
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDM8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIiBmaWxsPSIjZmZmIi8+PC9nPjwvZz48L3N2Zz4=);
}

.scroll-hint-icon:after {
  content: "";
  width: 34px;
  height: 14px;
  display: block;
  position: absolute;
  top: 10px;
  left: 50%;
  margin-left: -20px;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDE8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIgZmlsbD0iI2ZmZiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvc3ZnPg==);
  opacity: 0;
  transition-delay: 2.4s;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:after {
  opacity: 1;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:before {
  animation: scroll-hint-appear 1.2s linear;
  animation-iteration-count: 2;
}

.scroll-hint-icon-white {
  background-color: #FFF;
  box-shadow: 0 4px 5px rgba(0, 0, 0, .4);
}

.scroll-hint-icon-white:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDQ8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIi8+PC9nPjwvZz48L3N2Zz4=);
}

.scroll-hint-icon-white:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDI8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiLz48L2c+PC9nPjwvc3ZnPg==);
}

.scroll-hint-icon-white .scroll-hint-text {
  color: #000;
}

.main-wrapper .btn .btn-text,
.footer .btn-coupon .btn-text,
.main-contents .section-attraction .attraction-list .item .heading .text-sub,
.main-contents .section-access .place,
.main-contents .section-access .access dt,
.main-contents .section-flow .flow-list .item .contents .heading {
  font-weight: 700;
}
th,
td,
.main-contents .section-price .price-list li .heaidng,
.main-contents .section-price .price-list li .contents .price,
.main-contents .section-price .ticket .table-block th,
.main-contents .section-price .ticket .table-block td,
.main-contents .section-flow .notes-container .heading,
.main-contents .section-faq .faq-list .accordion-btn {
  font-family: "M PLUS 1", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
}
.main-contents .section-price .price-list li .contents,
.main-contents .section-flow .notes-container {
  font-family: "M PLUS 1", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
}
.footer .copyright {
  font-family: "M PLUS 1", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
}
.main-contents .section-price .price-list li .heaidng .text-small {
  font-family: "M PLUS 1", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
}
.main-contents .section-about .ranking .ranking-list .text,
.main-contents .section-kuchikomi .ranking .ranking-list .item .text {
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 400;
}
.main-contents .section-onayami .voice .voice-list .text,
.main-contents .section-onayami .point .point-list .item .num,
.main-contents .section-onayami .point .point-list .item .heading,
.main-contents .section-price .ticket .ticket-heading .text {
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 700;
}
.main-contents .section-price .price-list li:nth-child(2) .contents .notes,
.main-contents .section-price .ticket .notes {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
body {
  line-height: 1;
  color: #000;
  background: #fff;
}
ol,
ul {
  list-style: none;
}
table {
  border-collapse: separate;
  border-spacing: 0;
  vertical-align: middle;
}
caption,
th,
td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}
a img {
  border: none;
}
html {
  font-size: 62.5%;
}
body {
  color: #000;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-weight: 500;
  font-optical-sizing: auto;
  font-style: normal;
  text-rendering: auto;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
}
* {
  box-sizing: border-box;
}
img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
svg {
  width: 100%;
  height: 100%;
  vertical-align: top;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
button,
input,
select,
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: block;
  margin: 0;
  padding: 0;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 100%;
  border: 0;
  border-radius: 0;
  background: none;
  outline: none;
}
button,
input,
label,
select {
  cursor: pointer;
}
main,
section {
  position: relative;
}
a {
  text-decoration: none;
  color: #4c2618;
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  a {
    transition: 0.3s;
  }
  a:hover {
    opacity: 0.7;
  }
}
@media only screen and (max-width: 767px) {
  input[type=text],
  textarea {
    font-size: 4.266666666666667vw;
    transform-origin: left center;
  }
}
.sp {
  display: none;
}
@media only screen and (max-width: 767px) {
  .sp {
    display: inline-block;
  }
}
@media only screen and (max-width: 767px) {
  .pc {
    display: none;
  }
}
.wrapper {
  position: relative;
  overflow: hidden;
}
.main-wrapper {
  background: #fffbf5;
}
@media only screen and (min-width: 768px) {
  .main-wrapper {
    margin-inline: auto;
    min-height: 100vh;
    width: 750px;
  }
}
.main-wrapper .btn {
  display: block;
  width: 87.2vw;
  height: 17.066666666666666vw;
  border-radius: 8.533333333333333vw;
  border-width: 0.533333333333333vw;
  align-items: center;
  display: flex;
  justify-content: center;
  margin-inline: auto;
}
@media only screen and (min-width: 768px) {
  .main-wrapper .btn {
    width: 654px;
    height: 128px;
  }
}
@media only screen and (min-width: 768px) {
  .main-wrapper .btn {
    border-radius: 64px;
  }
}
@media only screen and (min-width: 768px) {
  .main-wrapper .btn {
    border-width: 4px;
  }
}
.main-wrapper .btn .btn-text {
  font-size: 4.8vw;
}
@media only screen and (min-width: 768px) {
  .main-wrapper .btn .btn-text {
    font-size: 3.6rem;
  }
}
.main-wrapper .btn.btn-space {
  background: #fff;
  border: solid #08a3dc;
  box-shadow: 0px 1.6vw 0px 0px #08a3dc;
  gap: 2.666666666666667vw;
  padding-right: 0.533333333333333vw;
}
@media only screen and (min-width: 768px) {
  .main-wrapper .btn.btn-space {
    gap: 20px;
  }
}
@media only screen and (min-width: 768px) {
  .main-wrapper .btn.btn-space {
    padding-right: 4px;
  }
}
@media only screen and (min-width: 768px) {
  .main-wrapper .btn.btn-space {
    box-shadow: 0px 12px 0px 0px #08a3dc;
  }
}
.main-wrapper .btn.btn-space .btn-text {
  color: #000;
}
.main-wrapper .btn.btn-space .btn-icon {
  width: 3.466666666666666vw;
  height: 3.466666666666666vw;
}
@media only screen and (min-width: 768px) {
  .main-wrapper .btn.btn-space .btn-icon {
    width: 26px;
    height: 26px;
  }
}
.main-wrapper .btn.btn-coupon {
  background: #08a3dc;
  border: solid #000;
  box-shadow: 0px 1.6vw 0px 0px #000;
  gap: 2.4vw;
}
@media only screen and (min-width: 768px) {
  .main-wrapper .btn.btn-coupon {
    gap: 18px;
  }
}
@media only screen and (min-width: 768px) {
  .main-wrapper .btn.btn-coupon {
    box-shadow: 0px 12px 0px 0px #000;
  }
}
.main-wrapper .btn.btn-coupon .btn-text {
  color: #fff;
}
.main-wrapper .btn.btn-coupon .btn-icon {
  display: grid;
  place-items: center;
  width: 4.266666666666667vw;
  height: 4.266666666666667vw;
  background: #fff;
  border-radius: 50%;
  padding-left: 0.4vw;
}
@media only screen and (min-width: 768px) {
  .main-wrapper .btn.btn-coupon .btn-icon {
    width: 32px;
    height: 32px;
  }
}
@media only screen and (min-width: 768px) {
  .main-wrapper .btn.btn-coupon .btn-icon {
    padding-left: 3px;
  }
}
.main-wrapper .btn.btn-coupon .btn-icon .icon-arrow {
  fill: #08a3dc;
  width: 2.133333333333333vw;
  height: 1.6vw;
  transform: rotate(-90deg);
}
@media only screen and (min-width: 768px) {
  .main-wrapper .btn.btn-coupon .btn-icon .icon-arrow {
    width: 16px;
    height: 12px;
  }
}
.main-wrapper .deco {
  position: absolute;
}
@media only screen and (min-width: 768px) {
  .main-contents {
    overflow: hidden;
  }
}
.section-inner {
  position: relative;
}
.section-kuchikomi .section-heading,
.section-attraction .section-heading,
.section-price .section-heading,
.section-access .section-heading,
.section-flow .section-heading,
.section-faq .section-heading {
  position: relative;
}
.section-kuchikomi .section-heading span,
.section-attraction .section-heading span,
.section-price .section-heading span,
.section-access .section-heading span,
.section-flow .section-heading span,
.section-faq .section-heading span {
  display: block;
}
.section-kuchikomi .section-heading .text-main,
.section-attraction .section-heading .text-main,
.section-price .section-heading .text-main,
.section-access .section-heading .text-main,
.section-flow .section-heading .text-main,
.section-faq .section-heading .text-main {
  width: 76.53333333333333vw;
  margin-inline: auto;
}
@media only screen and (min-width: 768px) {
  .section-kuchikomi .section-heading .text-main,
  .section-attraction .section-heading .text-main,
  .section-price .section-heading .text-main,
  .section-access .section-heading .text-main,
  .section-flow .section-heading .text-main,
  .section-faq .section-heading .text-main {
    width: 574px;
  }
}
.pc-contents {
  background: #fff;
}
.footer {
  background: #ccc;
}
.footer .footer-inner {
  background: #fff;
  position: relative;
  padding-block: 15.466666666666667vw 29.333333333333332vw;
  padding-inline: 6.4vw;
}
@media only screen and (min-width: 768px) {
  .footer .footer-inner {
    padding-block: 116px 220px;
  }
}
@media only screen and (min-width: 768px) {
  .footer .footer-inner {
    padding-inline: 48px;
  }
}
.footer .links {
  font-size: 3.733333333333334vw;
}
@media only screen and (min-width: 768px) {
  .footer .links {
    font-size: 2.8rem;
  }
}
.footer .links a {
  color: #000;
  display: block;
  padding-block: 2.133333333333333vw;
}
@media only screen and (min-width: 768px) {
  .footer .links a {
    padding-block: 16px;
  }
}
.footer .logo {
  width: 59.46666666666667vw;
  margin-top: 4.533333333333333vw;
}
@media only screen and (min-width: 768px) {
  .footer .logo {
    width: 446px;
  }
}
@media only screen and (min-width: 768px) {
  .footer .logo {
    margin-top: 34px;
  }
}
.footer .logo a {
  display: block;
}
.footer .copyright {
  margin-top: 2.4vw;
  color: #08a3dc;
  font-size: 3.2vw;
}
@media only screen and (min-width: 768px) {
  .footer .copyright {
    margin-top: 18px;
  }
}
@media only screen and (min-width: 768px) {
  .footer .copyright {
    font-size: 2.4rem;
  }
}
.footer .btn-coupon {
  position: fixed;
  bottom: 1.866666666666667vw;
  right: 3.466666666666666vw;
  width: 22.400000000000002vw;
  margin-left: auto;
  z-index: 2;
}
@media only screen and (min-width: 768px) {
  .footer .btn-coupon {
    bottom: 14px;
  }
}
@media only screen and (min-width: 768px) {
  .footer .btn-coupon {
    right: 26px;
  }
}
@media only screen and (min-width: 768px) {
  .footer .btn-coupon {
    width: 168px;
  }
}
.footer .btn-coupon .btn-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  text-align: center;
  font-size: 4vw;
  padding-top: 7.466666666666668vw;
}
@media only screen and (min-width: 768px) {
  .footer .btn-coupon .btn-text {
    font-size: 3rem;
  }
}
@media only screen and (min-width: 768px) {
  .footer .btn-coupon .btn-text {
    padding-top: 56px;
  }
}
.footer .btn-coupon .btn-text >span:nth-child(2) {
  display: flex;
  justify-content: center;
  margin-top: 0.266666666666667vw;
  margin-left: 1.466666666666667vw;
}
@media only screen and (min-width: 768px) {
  .footer .btn-coupon .btn-text >span:nth-child(2) {
    margin-top: 2px;
  }
}
@media only screen and (min-width: 768px) {
  .footer .btn-coupon .btn-text >span:nth-child(2) {
    margin-left: 11px;
  }
}
.footer .btn-coupon .btn-text .btn-icon {
  display: grid;
  place-items: center;
  width: 2.933333333333333vw;
  height: 2.933333333333333vw;
  background: #fff;
  border-radius: 50%;
  transform: rotate(-90deg);
  padding-top: 0.266666666666667vw;
  margin-top: 0.933333333333333vw;
  margin-left: 0.933333333333333vw;
}
@media only screen and (min-width: 768px) {
  .footer .btn-coupon .btn-text .btn-icon {
    width: 22px;
    height: 22px;
  }
}
@media only screen and (min-width: 768px) {
  .footer .btn-coupon .btn-text .btn-icon {
    padding-top: 2px;
  }
}
@media only screen and (min-width: 768px) {
  .footer .btn-coupon .btn-text .btn-icon {
    margin-top: 7px;
  }
}
@media only screen and (min-width: 768px) {
  .footer .btn-coupon .btn-text .btn-icon {
    margin-left: 7px;
  }
}
.footer .btn-coupon .btn-text .btn-icon svg {
  width: 1.333333333333333vw;
  height: 1.066666666666667vw;
  fill: #08a3dc;
}
@media only screen and (min-width: 768px) {
  .footer .btn-coupon .btn-text .btn-icon svg {
    width: 10px;
    height: 8px;
  }
}
.footer .btn-coupon[data-fixed-banner] {
  transition: transform 0.3s ease;
}
.footer .btn-coupon[data-fixed-banner].is-hidden {
  transform: translateY(110%);
}
.main-contents .coupon .expiration {
  width: 89.2vw;
  margin-inline: auto;
}
@media only screen and (min-width: 768px) {
  .main-contents .coupon .expiration {
    width: 669px;
  }
}
.main-contents .coupon .img {
  width: 87.46666666666667vw;
  margin-top: 2.666666666666667vw;
  margin-left: 6vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .coupon .img {
    width: 656px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .coupon .img {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .coupon .img {
    margin-left: 45px;
  }
}
.main-contents .coupon .notes {
  text-align: center;
  font-size: 3.733333333333334vw;
  margin-top: 2.266666666666667vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .coupon .notes {
    font-size: 2.8rem;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .coupon .notes {
    margin-top: 17px;
  }
}
.main-contents .coupon-btn-container .expiration {
  width: 79.60000000000001vw;
  margin-left: 9.6vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .coupon-btn-container .expiration {
    width: 597px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .coupon-btn-container .expiration {
    margin-left: 72px;
  }
}
.main-contents .coupon-btn-container .btn {
  margin-top: 3.066666666666666vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .coupon-btn-container .btn {
    margin-top: 23px;
  }
}
.main-contents .section-hero .section-heading {
  position: absolute;
  left: 0;
  width: 100%;
  top: 0vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-hero .section-heading {
    top: 0px;
  }
}
.main-contents .section-hero .movie video {
  width: 100%;
}
.main-contents .section-hero .btn {
  position: absolute;
  bottom: 13.733333333333334vw;
  left: 6.4vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-hero .btn {
    bottom: 103px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-hero .btn {
    left: 48px;
  }
}
.main-contents .section-hero .bg-bottom {
  position: absolute;
  left: 0;
  bottom: -14.399999999999999vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-hero .bg-bottom {
    bottom: -108px;
  }
}
.main-contents .section-about .section-inner {
  padding-block: 11.600000000000001vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-about .section-inner {
    padding-block: 87px;
  }
}
.main-contents .section-about .section-heading span {
  display: block;
  margin-inline: auto;
}
.main-contents .section-about .section-heading .place {
  width: 72.26666666666667vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-about .section-heading .place {
    width: 542px;
  }
}
.main-contents .section-about .section-heading .logo {
  width: 69.33333333333334vw;
  margin-top: 3.2vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-about .section-heading .logo {
    width: 520px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-about .section-heading .logo {
    margin-top: 24px;
  }
}
.main-contents .section-about .ranking {
  position: relative;
  margin-top: 8.533333333333333vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-about .ranking {
    margin-top: 64px;
  }
}
.main-contents .section-about .ranking .deco-kirakira {
  top: -6.266666666666667vw;
  left: 2.933333333333333vw;
  width: 95.19999999999999vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-about .ranking .deco-kirakira {
    top: -47px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-about .ranking .deco-kirakira {
    left: 22px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-about .ranking .deco-kirakira {
    width: 714px;
  }
}
.main-contents .section-about .ranking .ranking-list {
  display: flex;
  justify-content: center;
  gap: 2vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-about .ranking .ranking-list {
    gap: 15px;
  }
}
.main-contents .section-about .ranking .ranking-list .item {
  width: 42.66666666666667vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-about .ranking .ranking-list .item {
    width: 320px;
  }
}
.main-contents .section-about .ranking .ranking-list .text {
  text-align: center;
  font-size: 2.666666666666667vw;
  line-height: 1.3;
  margin-top: 2.133333333333333vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-about .ranking .ranking-list .text {
    font-size: 2rem;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-about .ranking .ranking-list .text {
    margin-top: 16px;
  }
}
.main-contents .section-about .coupon {
  margin-top: 10.666666666666668vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-about .coupon {
    margin-top: 80px;
  }
}
.main-contents .section-about .btn {
  margin-top: 9.466666666666667vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-about .btn {
    margin-top: 71px;
  }
}
.main-contents .section-onayami {
  margin-top: 9.733333333333333vw;
  background: url("assets/img/cp/mozo-enji-campaign/onayami-bg.png?hash=3948b5f93a5c52c3ca64a9730d3d8378") center top no-repeat;
  background-size: 100%;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami {
    margin-top: 73px;
  }
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .main-contents .section-onayami {
    background: url("assets/img/cp/mozo-enji-campaign/onayami-bg@2x.png?hash=fc53e8b4d31eb73a5840e087b065916b") center top no-repeat;
    background-size: 100%;
  }
}
.main-contents .section-onayami .section-inner {
  padding-top: 19.466666666666665vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .section-inner {
    padding-top: 146px;
  }
}
.main-contents .section-onayami .deco-arrow {
  width: 30.933333333333334vw;
  bottom: -7.199999999999999vw;
  left: 58.13333333333334vw;
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .deco-arrow {
    width: 232px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .deco-arrow {
    bottom: -54px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .deco-arrow {
    left: 436px;
  }
}
.main-contents .section-onayami .deco-circle-1 {
  width: 13.333333333333334vw;
  top: 37.06666666666666vw;
  right: -3.2vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .deco-circle-1 {
    width: 100px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .deco-circle-1 {
    top: 278px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .deco-circle-1 {
    right: -24px;
  }
}
.main-contents .section-onayami .deco-circle-2 {
  width: 17.066666666666666vw;
  top: 40.400000000000006vw;
  right: -6.133333333333333vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .deco-circle-2 {
    width: 128px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .deco-circle-2 {
    top: 303px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .deco-circle-2 {
    right: -46px;
  }
}
.main-contents .section-onayami .deco-circle-3 {
  width: 19.733333333333334vw;
  top: -13.333333333333334vw;
  right: -5.866666666666666vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .deco-circle-3 {
    width: 148px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .deco-circle-3 {
    top: -100px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .deco-circle-3 {
    right: -44px;
  }
}
.main-contents .section-onayami .deco-flower {
  width: 16.266666666666666vw;
  top: 10.533333333333333vw;
  left: -2.266666666666667vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .deco-flower {
    width: 122px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .deco-flower {
    top: 79px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .deco-flower {
    left: -17px;
  }
}
.main-contents .section-onayami .deco-foot-1 {
  width: 32.53333333333333vw;
  top: 32.13333333333333vw;
  left: 51.6vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .deco-foot-1 {
    width: 244px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .deco-foot-1 {
    top: 241px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .deco-foot-1 {
    left: 387px;
  }
}
.main-contents .section-onayami .deco-foot-2 {
  width: 23.866666666666667vw;
  top: -17.599999999999998vw;
  right: -1.333333333333333vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .deco-foot-2 {
    width: 179px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .deco-foot-2 {
    top: -132px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .deco-foot-2 {
    right: -10px;
  }
}
.main-contents .section-onayami .deco-foot-3 {
  width: 21.6vw;
  top: -8vw;
  left: -5.333333333333334vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .deco-foot-3 {
    width: 162px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .deco-foot-3 {
    top: -60px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .deco-foot-3 {
    left: -40px;
  }
}
.main-contents .section-onayami .deco-foot-4 {
  width: 23.866666666666667vw;
  top: -18vw;
  right: -2.666666666666667vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .deco-foot-4 {
    width: 179px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .deco-foot-4 {
    top: -135px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .deco-foot-4 {
    right: -20px;
  }
}
.main-contents .section-onayami .deco-foot-5 {
  width: 27.333333333333332vw;
  top: -24.8vw;
  left: -5.333333333333334vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .deco-foot-5 {
    width: 205px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .deco-foot-5 {
    top: -186px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .deco-foot-5 {
    left: -40px;
  }
}
.main-contents .section-onayami .deco-gogo {
  width: 20.266666666666666vw;
  top: -12.266666666666666vw;
  right: 16.53333333333333vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .deco-gogo {
    width: 152px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .deco-gogo {
    top: -92px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .deco-gogo {
    right: 124px;
  }
}
.main-contents .section-onayami .deco-lets {
  width: 21.866666666666667vw;
  top: -8.666666666666668vw;
  left: 14.933333333333335vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .deco-lets {
    width: 164px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .deco-lets {
    top: -65px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .deco-lets {
    left: 112px;
  }
}
.main-contents .section-onayami .section-heading {
  width: 85.33333333333334vw;
  margin-left: 6.933333333333333vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .section-heading {
    width: 640px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .section-heading {
    margin-left: 52px;
  }
}
.main-contents .section-onayami .voice {
  margin-top: 0.533333333333333vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .voice {
    margin-top: 4px;
  }
}
.main-contents .section-onayami .voice .voice-list .item {
  position: relative;
}
.main-contents .section-onayami .voice .voice-list .text {
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 4.266666666666667vw;
  line-height: 1.45;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .voice .voice-list .text {
    font-size: 3.2rem;
  }
}
.main-contents .section-onayami .voice .voice-list .item-1 {
  width: 46.13333333333333vw;
  margin-left: 2.666666666666667vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .voice .voice-list .item-1 {
    width: 346px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .voice .voice-list .item-1 {
    margin-left: 20px;
  }
}
.main-contents .section-onayami .voice .voice-list .item-1 .text {
  padding-top: 10.266666666666667vw;
  padding-left: 5.066666666666666vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .voice .voice-list .item-1 .text {
    padding-top: 77px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .voice .voice-list .item-1 .text {
    padding-left: 38px;
  }
}
.main-contents .section-onayami .voice .voice-list .item-2 {
  width: 43.46666666666666vw;
  margin-left: auto;
  margin-right: 4.533333333333333vw;
  margin-top: -33.46666666666667vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .voice .voice-list .item-2 {
    width: 326px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .voice .voice-list .item-2 {
    margin-right: 34px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .voice .voice-list .item-2 {
    margin-top: -251px;
  }
}
.main-contents .section-onayami .voice .voice-list .item-2 .text {
  padding-top: 12.266666666666666vw;
  padding-left: 0.266666666666667vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .voice .voice-list .item-2 .text {
    padding-top: 92px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .voice .voice-list .item-2 .text {
    padding-left: 2px;
  }
}
.main-contents .section-onayami .voice .voice-list .item-3 {
  width: 51.733333333333334vw;
  margin-left: 16.133333333333333vw;
  margin-top: -22.133333333333333vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .voice .voice-list .item-3 {
    width: 388px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .voice .voice-list .item-3 {
    margin-left: 121px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .voice .voice-list .item-3 {
    margin-top: -166px;
  }
}
.main-contents .section-onayami .voice .voice-list .item-3 .text {
  padding-top: 14.399999999999999vw;
  padding-right: 2.4vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .voice .voice-list .item-3 .text {
    padding-top: 108px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .voice .voice-list .item-3 .text {
    padding-right: 18px;
  }
}
.main-contents .section-onayami .main-img {
  position: relative;
  margin-top: -7.466666666666668vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .main-img {
    margin-top: -56px;
  }
}
.main-contents .section-onayami .main-img .bg-bottom {
  position: absolute;
  left: 0;
  bottom: -3.466666666666666vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .main-img .bg-bottom {
    bottom: -26px;
  }
}
.main-contents .section-onayami .point {
  position: relative;
  margin-top: 3.466666666666666vw;
  padding-bottom: 32.800000000000004vw;
  background: #fff6eb;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .point {
    margin-top: 26px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .point {
    padding-bottom: 246px;
  }
}
.main-contents .section-onayami .point .point-list .item {
  position: relative;
}
.main-contents .section-onayami .point .point-list .item .num,
.main-contents .section-onayami .point .point-list .item .heading {
  place-items: center;
}
.main-contents .section-onayami .point .point-list .item .num {
  color: #fff;
  position: relative;
  width: 26.13333333333333vw;
  height: 8.266666666666666vw;
  font-size: 4.8vw;
  display: grid;
  margin-left: 36.666666666666664vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .point .point-list .item .num {
    width: 196px;
    height: 62px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .point .point-list .item .num {
    font-size: 3.6rem;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .point .point-list .item .num {
    margin-left: 275px;
  }
}
.main-contents .section-onayami .point .point-list .item .num .num-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("assets/img/cp/mozo-enji-campaign/onayami-point-heading-bg.png?hash=81cab2ebcf451460e32858355ba67fd3") center top no-repeat;
  background-size: 100%;
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .main-contents .section-onayami .point .point-list .item .num .num-bg {
    background: url("assets/img/cp/mozo-enji-campaign/onayami-point-heading-bg@2x.png?hash=7d3390ea861939bbd13192fcac53c6f1") center top no-repeat;
    background-size: 100%;
  }
}
.main-contents .section-onayami .point .point-list .item .num .num-text {
  position: relative;
}
.main-contents .section-onayami .point .point-list .item .heading {
  color: #000;
  font-size: 6.4vw;
  text-align: center;
  margin-top: 1.2vw;
  line-height: 1.3;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .point .point-list .item .heading {
    font-size: 4.8rem;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .point .point-list .item .heading {
    margin-top: 9px;
  }
}
.main-contents .section-onayami .point .point-list .item .text {
  font-size: 4.266666666666667vw;
  line-height: 1.6;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .point .point-list .item .text {
    font-size: 3.2rem;
  }
}
.main-contents .section-onayami .point .point-list .item-1 .img {
  margin-top: 3.2vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .point .point-list .item-1 .img {
    margin-top: 24px;
  }
}
.main-contents .section-onayami .point .point-list .item-1 .text {
  margin-top: -10.533333333333333vw;
  padding-inline: 8vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .point .point-list .item-1 .text {
    margin-top: -79px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .point .point-list .item-1 .text {
    padding-inline: 60px;
  }
}
.main-contents .section-onayami .point .point-list .item-2 {
  margin-top: 13.466666666666665vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .point .point-list .item-2 {
    margin-top: 101px;
  }
}
.main-contents .section-onayami .point .point-list .item-2 .num .num-bg {
  transform: scale(-1, 1);
}
.main-contents .section-onayami .point .point-list .item-2 .heading span:nth-child(1) {
  margin-left: 1.066666666666667vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .point .point-list .item-2 .heading span:nth-child(1) {
    margin-left: 8px;
  }
}
.main-contents .section-onayami .point .point-list .item-2 .heading span:nth-child(2) {
  letter-spacing: -0.2em;
  margin-right: 2.266666666666667vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .point .point-list .item-2 .heading span:nth-child(2) {
    margin-right: 17px;
  }
}
.main-contents .section-onayami .point .point-list .item-2 .img {
  margin-top: 3.866666666666667vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .point .point-list .item-2 .img {
    margin-top: 29px;
  }
}
.main-contents .section-onayami .point .point-list .item-2 .text {
  margin-top: -4.933333333333334vw;
  padding-inline: 6.666666666666667vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .point .point-list .item-2 .text {
    margin-top: -37px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .point .point-list .item-2 .text {
    padding-inline: 50px;
  }
}
.main-contents .section-onayami .point .point-list .item-3 {
  margin-top: 13.733333333333334vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .point .point-list .item-3 {
    margin-top: 103px;
  }
}
.main-contents .section-onayami .point .point-list .item-3 .num .num-bg {
  transform: scale(-1, 1);
}
.main-contents .section-onayami .point .point-list .item-3 .img {
  margin-top: 4.133333333333333vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .point .point-list .item-3 .img {
    margin-top: 31px;
  }
}
.main-contents .section-onayami .point .point-list .item-3 .text {
  margin-top: 4.399999999999999vw;
  padding-inline: 8vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .point .point-list .item-3 .text {
    margin-top: 33px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .point .point-list .item-3 .text {
    padding-inline: 60px;
  }
}
.main-contents .section-onayami .point .point-list .item-4 {
  margin-top: 13.733333333333334vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .point .point-list .item-4 {
    margin-top: 103px;
  }
}
.main-contents .section-onayami .point .point-list .item-4 .num .num-bg {
  transform: scale(-1, 1);
}
.main-contents .section-onayami .point .point-list .item-4 .img {
  margin-top: 3.866666666666667vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .point .point-list .item-4 .img {
    margin-top: 29px;
  }
}
.main-contents .section-onayami .point .point-list .item-4 .text {
  margin-top: 4.399999999999999vw;
  padding-inline: 10vw;
  text-align: justify;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .point .point-list .item-4 .text {
    margin-top: 33px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .point .point-list .item-4 .text {
    padding-inline: 75px;
  }
}
.main-contents .section-onayami .point .point-list .item-5 {
  margin-top: 13.733333333333334vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .point .point-list .item-5 {
    margin-top: 103px;
  }
}
.main-contents .section-onayami .point .point-list .item-5 .img {
  margin-top: 4.133333333333333vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .point .point-list .item-5 .img {
    margin-top: 31px;
  }
}
.main-contents .section-onayami .point .point-list .item-5 .text {
  margin-top: -7.066666666666667vw;
  text-align: justify;
  padding-inline: 8.4vw 11.466666666666667vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .point .point-list .item-5 .text {
    margin-top: -53px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .point .point-list .item-5 .text {
    padding-inline: 63px 86px;
  }
}
.main-contents .section-onayami .point .point-list .item-5 .text span {
  display: block;
  text-align: right;
  margin-bottom: 0.666666666666667vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-onayami .point .point-list .item-5 .text span {
    margin-bottom: 5px;
  }
}
.main-contents .section-kuchikomi {
  background: url("assets/img/cp/mozo-enji-campaign/kuchikomi-bg-top.png?hash=40d5278504b046408079e55a6f802e2f") left top no-repeat, url("assets/img/cp/mozo-enji-campaign/kuchikomi-bg-bottom.png?hash=1ab1b7e58a2ebeb8e15d8461496680b4") left bottom no-repeat;
  background-size: 100%, 100%;
  padding-block: 16vw;
  margin-top: -17.333333333333336vw;
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .main-contents .section-kuchikomi {
    background: url("assets/img/cp/mozo-enji-campaign/kuchikomi-bg-top@2x.png?hash=fbdfe0b4fe0b8d97a3d6adc92ac97014") left top no-repeat, url("assets/img/cp/mozo-enji-campaign/kuchikomi-bg-bottom@2x.png?hash=2dab8eb9a46cbcce3ff445881522ddbb") left bottom no-repeat;
    background-size: 100%, 100%;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-kuchikomi {
    padding-block: 120px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-kuchikomi {
    margin-top: -130px;
  }
}
.main-contents .section-kuchikomi .section-inner {
  background: #fff2eb;
  padding-block: 12.133333333333333vw 15.066666666666666vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-kuchikomi .section-inner {
    padding-block: 91px 113px;
  }
}
.main-contents .section-kuchikomi .section-heading .text-sub {
  position: absolute;
  top: -8.799999999999999vw;
  left: 6.4vw;
  width: 35.86666666666667vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-kuchikomi .section-heading .text-sub {
    top: -66px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-kuchikomi .section-heading .text-sub {
    left: 48px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-kuchikomi .section-heading .text-sub {
    width: 269px;
  }
}
.main-contents .section-kuchikomi .kuchikomi-list {
  margin-top: 10.266666666666667vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-kuchikomi .kuchikomi-list {
    margin-top: 77px;
  }
}
.main-contents .section-kuchikomi .kuchikomi-list .item-1 {
  width: 88vw;
  margin-left: 5.600000000000001vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-kuchikomi .kuchikomi-list .item-1 {
    width: 660px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-kuchikomi .kuchikomi-list .item-1 {
    margin-left: 42px;
  }
}
.main-contents .section-kuchikomi .kuchikomi-list .item-2 {
  width: 87.46666666666667vw;
  margin-top: 3.333333333333333vw;
  margin-left: 6.133333333333333vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-kuchikomi .kuchikomi-list .item-2 {
    width: 656px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-kuchikomi .kuchikomi-list .item-2 {
    margin-top: 25px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-kuchikomi .kuchikomi-list .item-2 {
    margin-left: 46px;
  }
}
.main-contents .section-kuchikomi .ranking {
  position: relative;
  margin-top: 8vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-kuchikomi .ranking {
    margin-top: 60px;
  }
}
.main-contents .section-kuchikomi .ranking .bg-left,
.main-contents .section-kuchikomi .ranking .bg-right {
  position: absolute;
  top: 0;
}
.main-contents .section-kuchikomi .ranking .bg-left {
  left: 0;
  width: 13.466666666666665vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-kuchikomi .ranking .bg-left {
    width: 101px;
  }
}
.main-contents .section-kuchikomi .ranking .bg-right {
  right: 0;
  width: 9.6vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-kuchikomi .ranking .bg-right {
    width: 72px;
  }
}
.main-contents .section-kuchikomi .ranking .heading {
  width: 76vw;
  margin-left: 12vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-kuchikomi .ranking .heading {
    width: 570px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-kuchikomi .ranking .heading {
    margin-left: 90px;
  }
}
.main-contents .section-kuchikomi .ranking .ranking-list {
  width: 87.2vw;
  margin-inline: auto;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-kuchikomi .ranking .ranking-list {
    width: 654px;
  }
}
.main-contents .section-kuchikomi .ranking .ranking-list .item .text {
  margin-top: 0.933333333333333vw;
  font-size: 3.2vw;
  line-height: 1.3;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-kuchikomi .ranking .ranking-list .item .text {
    margin-top: 7px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-kuchikomi .ranking .ranking-list .item .text {
    font-size: 2.4rem;
  }
}
.main-contents .section-kuchikomi .ranking .ranking-list .item-2 {
  margin-top: 6.666666666666667vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-kuchikomi .ranking .ranking-list .item-2 {
    margin-top: 50px;
  }
}
.main-contents .section-kuchikomi .coupon-btn-container {
  margin-top: 11.200000000000001vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-kuchikomi .coupon-btn-container {
    margin-top: 84px;
  }
}
.main-contents .section-attraction .section-inner {
  padding-block: 21.333333333333336vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-attraction .section-inner {
    padding-block: 160px;
  }
}
.main-contents .section-attraction .section-heading .text-sub {
  width: 38.266666666666666vw;
  margin-inline: auto;
  margin-bottom: 2.133333333333333vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-attraction .section-heading .text-sub {
    width: 287px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-attraction .section-heading .text-sub {
    margin-bottom: 16px;
  }
}
.main-contents .section-attraction .attraction-list {
  margin-top: 5.333333333333334vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-attraction .attraction-list {
    margin-top: 40px;
  }
}
.main-contents .section-attraction .attraction-list .item .heading span {
  display: block;
}
.main-contents .section-attraction .attraction-list .item .heading .text-sub {
  color: #ff7b00;
  font-size: 4.266666666666667vw;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-attraction .attraction-list .item .heading .text-sub {
    font-size: 3.2rem;
  }
}
.main-contents .section-attraction .attraction-list .item .heading .text-main {
  margin-inline: auto;
}
.main-contents .section-attraction .attraction-list .item .text {
  margin-top: 3.333333333333333vw;
  font-size: 4.266666666666667vw;
  padding-inline: 6.4vw;
  line-height: 1.6;
  text-align: justify;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-attraction .attraction-list .item .text {
    margin-top: 25px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-attraction .attraction-list .item .text {
    font-size: 3.2rem;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-attraction .attraction-list .item .text {
    padding-inline: 48px;
  }
}
.main-contents .section-attraction .attraction-list .item-1 .img {
  width: 95.86666666666666vw;
  margin-left: 2.266666666666667vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-attraction .attraction-list .item-1 .img {
    width: 719px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-attraction .attraction-list .item-1 .img {
    margin-left: 17px;
  }
}
.main-contents .section-attraction .attraction-list .item-1 .heading {
  margin-top: 0.666666666666667vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-attraction .attraction-list .item-1 .heading {
    margin-top: 5px;
  }
}
.main-contents .section-attraction .attraction-list .item-1 .heading .text-main {
  margin-top: 2.133333333333333vw;
  width: 77.86666666666666vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-attraction .attraction-list .item-1 .heading .text-main {
    margin-top: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-attraction .attraction-list .item-1 .heading .text-main {
    width: 584px;
  }
}
.main-contents .section-attraction .attraction-list .item-2 {
  margin-top: 5.333333333333334vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-attraction .attraction-list .item-2 {
    margin-top: 40px;
  }
}
.main-contents .section-attraction .attraction-list .item-2 .img {
  width: 99.2vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-attraction .attraction-list .item-2 .img {
    width: 744px;
  }
}
.main-contents .section-attraction .attraction-list .item-2 .heading {
  margin-top: -2.4vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-attraction .attraction-list .item-2 .heading {
    margin-top: -18px;
  }
}
.main-contents .section-attraction .attraction-list .item-2 .heading .text-main {
  margin-top: 2.266666666666667vw;
  width: 56.266666666666666vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-attraction .attraction-list .item-2 .heading .text-main {
    margin-top: 17px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-attraction .attraction-list .item-2 .heading .text-main {
    width: 422px;
  }
}
.main-contents .section-attraction .attraction-list .item-3 {
  margin-top: 6.533333333333332vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-attraction .attraction-list .item-3 {
    margin-top: 49px;
  }
}
.main-contents .section-attraction .attraction-list .item-3 .img {
  width: 100%;
}
.main-contents .section-attraction .attraction-list .item-3 .heading {
  margin-top: 2vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-attraction .attraction-list .item-3 .heading {
    margin-top: 15px;
  }
}
.main-contents .section-attraction .attraction-list .item-3 .heading .text-main {
  width: 66.93333333333334vw;
  margin-top: 2.133333333333333vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-attraction .attraction-list .item-3 .heading .text-main {
    width: 502px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-attraction .attraction-list .item-3 .heading .text-main {
    margin-top: 16px;
  }
}
.main-contents .section-attraction .main-img {
  margin-top: 11.200000000000001vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-attraction .main-img {
    margin-top: 84px;
  }
}
.main-contents .section-attraction .btn {
  margin-top: 10.666666666666668vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-attraction .btn {
    margin-top: 80px;
  }
}
.main-contents .section-price {
  background: url("assets/img/cp/mozo-enji-campaign/price-bg-top.png?hash=5a53424e8732c74a7af9d74eff71d1d5") left top no-repeat, url("assets/img/cp/mozo-enji-campaign/price-bg-bottom.png?hash=5721eaf66d250b38871e30e38908f4df") left bottom no-repeat;
  background-size: 100%, 100%;
  padding-block: 16vw;
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .main-contents .section-price {
    background: url("assets/img/cp/mozo-enji-campaign/price-bg-top@2x.png?hash=9a6c6c5f7c06ce2c088c544841576941") left top no-repeat, url("assets/img/cp/mozo-enji-campaign/price-bg-bottom@2x.png?hash=8b8a9b79cdbbe09a7120f92715b450e9") left bottom no-repeat;
    background-size: 100%, 100%;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-price {
    padding-block: 120px;
  }
}
.main-contents .section-price .section-inner {
  background: #e9efef;
  padding-block: 12.8vw 14.399999999999999vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-price .section-inner {
    padding-block: 96px 108px;
  }
}
.main-contents .section-price .price-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-inline: 6.4vw;
  margin-top: 10.533333333333333vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-price .price-list {
    padding-inline: 48px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-price .price-list {
    margin-top: 79px;
  }
}
.main-contents .section-price .price-list li {
  background: #08a3dc;
  border: solid #08a3dc;
  position: relative;
  border-width: 0.266666666666667vw;
  border-radius: 2.133333333333333vw;
  align-items: center;
  display: flex;
  width: 42.66666666666667vw;
  min-height: 14.399999999999999vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-price .price-list li {
    border-width: 2px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-price .price-list li {
    border-radius: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-price .price-list li {
    width: 320px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-price .price-list li {
    min-height: 108px;
  }
}
.main-contents .section-price .price-list li .heaidng {
  width: 21.333333333333336vw;
  color: #fff;
  flex-shrink: 0;
  font-size: 3.733333333333334vw;
  line-height: 1.2;
  text-align: center;
  padding-top: 0.533333333333333vw;
  padding-right: 0.266666666666667vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-price .price-list li .heaidng {
    width: 160px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-price .price-list li .heaidng {
    font-size: 2.8rem;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-price .price-list li .heaidng {
    padding-top: 4px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-price .price-list li .heaidng {
    padding-right: 2px;
  }
}
.main-contents .section-price .price-list li .heaidng .text-small {
  display: block;
  margin-top: 0.8vw;
  font-size: 3.2vw;
  vertical-align: top;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-price .price-list li .heaidng .text-small {
    margin-top: 6px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-price .price-list li .heaidng .text-small {
    font-size: 2.4rem;
  }
}
.main-contents .section-price .price-list li .contents {
  background: #fff;
  color: #2f2e2e;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 100%;
  font-size: 3.733333333333334vw;
  line-height: 1.4;
  padding-left: 3.466666666666666vw;
  border-top-right-radius: 2.133333333333333vw;
  border-bottom-right-radius: 2.133333333333333vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-price .price-list li .contents {
    font-size: 2.8rem;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-price .price-list li .contents {
    padding-left: 26px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-price .price-list li .contents {
    border-top-right-radius: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-price .price-list li .contents {
    border-bottom-right-radius: 16px;
  }
}
.main-contents .section-price .price-list li .contents .price {
  font-size: 4.8vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-price .price-list li .contents .price {
    font-size: 3.6rem;
  }
}
.main-contents .section-price .price-list li:nth-child(1) {
  width: 100%;
  margin-bottom: 2.133333333333333vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-price .price-list li:nth-child(1) {
    margin-bottom: 16px;
  }
}
.main-contents .section-price .price-list li:nth-child(1) .ill {
  position: absolute;
  top: 5.466666666666667vw;
  right: 3.866666666666667vw;
  width: 20.8vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-price .price-list li:nth-child(1) .ill {
    top: 41px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-price .price-list li:nth-child(1) .ill {
    right: 29px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-price .price-list li:nth-child(1) .ill {
    width: 156px;
  }
}
.main-contents .section-price .price-list li:nth-child(1) .contents {
  padding-left: 4.8vw;
  padding-block: 5.866666666666666vw 5.333333333333334vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-price .price-list li:nth-child(1) .contents {
    padding-left: 36px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-price .price-list li:nth-child(1) .contents {
    padding-block: 44px 40px;
  }
}
.main-contents .section-price .price-list li:nth-child(1) .contents .price {
  margin-bottom: 0.666666666666667vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-price .price-list li:nth-child(1) .contents .price {
    margin-bottom: 5px;
  }
}
.main-contents .section-price .price-list li:nth-child(2) .contents .notes {
  position: absolute;
  bottom: -5.600000000000001vw;
  left: 1.333333333333333vw;
  font-size: 3.2vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-price .price-list li:nth-child(2) .contents .notes {
    bottom: -42px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-price .price-list li:nth-child(2) .contents .notes {
    left: 10px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-price .price-list li:nth-child(2) .contents .notes {
    font-size: 2.4rem;
  }
}
.main-contents .section-price .ticket {
  margin-top: 14.799999999999999vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-price .ticket {
    margin-top: 111px;
  }
}
.main-contents .section-price .ticket .ticket-heading {
  display: flex;
  justify-content: center;
  margin-left: 0.4vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-price .ticket .ticket-heading {
    margin-left: 3px;
  }
}
.main-contents .section-price .ticket .ticket-heading .icon {
  width: 6.666666666666667vw;
  height: 5.333333333333334vw;
  margin-top: 0.666666666666667vw;
  margin-right: 2.133333333333333vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-price .ticket .ticket-heading .icon {
    width: 50px;
    height: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-price .ticket .ticket-heading .icon {
    margin-top: 5px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-price .ticket .ticket-heading .icon {
    margin-right: 16px;
  }
}
.main-contents .section-price .ticket .ticket-heading .text {
  font-size: 6.4vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-price .ticket .ticket-heading .text {
    font-size: 4.8rem;
  }
}
.main-contents .section-price .ticket .table-block {
  margin-top: 5.866666666666666vw;
  margin-left: 6.4vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-price .ticket .table-block {
    margin-top: 44px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-price .ticket .table-block {
    margin-left: 48px;
  }
}
.main-contents .section-price .ticket .table-block table {
  width: 138.66666666666669vw;
  overflow: hidden;
  table-layout: fixed;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-price .ticket .table-block table {
    width: 1040px;
  }
}
.main-contents .section-price .ticket .table-block th,
.main-contents .section-price .ticket .table-block td {
  border-right: 1px solid #ececec;
  border-top: 1px solid #ececec;
  box-sizing: border-box;
  text-align: center;
  width: auto;
}
.main-contents .section-price .ticket .table-block td {
  padding-top: 3.2vw;
  padding-bottom: 3.466666666666666vw;
  font-size: 4.8vw;
  background: #fff;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-price .ticket .table-block td {
    padding-top: 24px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-price .ticket .table-block td {
    padding-bottom: 26px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-price .ticket .table-block td {
    font-size: 3.6rem;
  }
}
.main-contents .section-price .ticket .table-block .item-age,
.main-contents .section-price .ticket .table-block .item-time {
  font-size: 3.733333333333334vw;
  line-height: 1.3;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-price .ticket .table-block .item-age,
  .main-contents .section-price .ticket .table-block .item-time {
    font-size: 2.8rem;
  }
}
.main-contents .section-price .ticket .table-block .item-age {
  width: 29.333333333333332vw;
  padding-block: 2.933333333333333vw 3.2vw;
  background: #2ba6df;
  border-right: none;
  color: #fff;
  border-top-left-radius: 2.133333333333333vw;
  border-top-right-radius: 2.133333333333333vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-price .ticket .table-block .item-age {
    width: 220px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-price .ticket .table-block .item-age {
    padding-block: 22px 24px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-price .ticket .table-block .item-age {
    border-top-left-radius: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-price .ticket .table-block .item-age {
    border-top-right-radius: 16px;
  }
}
.main-contents .section-price .ticket .table-block .item-time {
  padding-block: 8.4vw 7.866666666666666vw;
  background: #bed8e2;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-price .ticket .table-block .item-time {
    padding-block: 63px 59px;
  }
}
.main-contents .section-price .ticket .table-block .table-blank {
  border: none;
}
.main-contents .section-price .ticket .table-block tr:nth-child(2) .item-time {
  border-top-left-radius: 2.133333333333333vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-price .ticket .table-block tr:nth-child(2) .item-time {
    border-top-left-radius: 16px;
  }
}
.main-contents .section-price .ticket .table-block tr:last-child .item-time {
  padding-block: 6vw 5.866666666666666vw;
  border-bottom-left-radius: 2.133333333333333vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-price .ticket .table-block tr:last-child .item-time {
    padding-block: 45px 44px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-price .ticket .table-block tr:last-child .item-time {
    border-bottom-left-radius: 16px;
  }
}
.main-contents .section-price .ticket .scroll-hint-icon {
  width: 21.066666666666666vw;
  height: 13.866666666666665vw;
  width: 21.066666666666666vw;
  height: 13.866666666666665vw;
  padding: 0;
  padding-top: 3.066666666666666vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-price .ticket .scroll-hint-icon {
    width: 158px;
    height: 104px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-price .ticket .scroll-hint-icon {
    width: 158px;
    height: 104px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-price .ticket .scroll-hint-icon {
    padding-top: 23px;
  }
}
.main-contents .section-price .ticket .scroll-hint-icon:before {
  width: 7.066666666666667vw;
  height: 7.066666666666667vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-price .ticket .scroll-hint-icon:before {
    width: 53px;
    height: 53px;
  }
}
.main-contents .section-price .ticket .scroll-hint-icon:after {
  width: 5.866666666666666vw;
  height: 2.4vw;
  margin-left: -3.333333333333333vw;
  background-size: 100%;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-price .ticket .scroll-hint-icon:after {
    width: 44px;
    height: 18px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-price .ticket .scroll-hint-icon:after {
    margin-left: -25px;
  }
}
.main-contents .section-price .ticket .scroll-hint-icon .scroll-hint-text {
  font-size: 1.733333333333333vw;
  font-weight: bold;
  margin-top: 1.333333333333333vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-price .ticket .scroll-hint-icon .scroll-hint-text {
    font-size: 1.3rem;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-price .ticket .scroll-hint-icon .scroll-hint-text {
    margin-top: 10px;
  }
}
.main-contents .section-price .ticket .notes {
  padding-inline: 6.666666666666667vw;
  margin-top: 3.866666666666667vw;
  font-size: 3.2vw;
  line-height: 1.6;
  text-align: justify;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-price .ticket .notes {
    padding-inline: 50px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-price .ticket .notes {
    margin-top: 29px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-price .ticket .notes {
    font-size: 2.4rem;
  }
}
.main-contents .section-price .ticket .notes span {
  display: inline-block;
  margin-right: -1em;
}
.main-contents .section-price .coupon {
  margin-top: 16.133333333333333vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-price .coupon {
    margin-top: 121px;
  }
}
.main-contents .section-price .btn-space {
  margin-top: 7.199999999999999vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-price .btn-space {
    margin-top: 54px;
  }
}
.main-contents .section-price .btn-coupon {
  margin-top: 6.533333333333332vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-price .btn-coupon {
    margin-top: 49px;
  }
}
.main-contents .section-access .section-inner {
  padding-block: 16.266666666666666vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-access .section-inner {
    padding-block: 122px;
  }
}
.main-contents .section-access .place {
  font-size: 6.4vw;
  text-align: center;
  margin-top: 12.133333333333333vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-access .place {
    font-size: 4.8rem;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-access .place {
    margin-top: 91px;
  }
}
.main-contents .section-access .img {
  width: 87.2vw;
  margin-top: 3.866666666666667vw;
  margin-left: 6.533333333333332vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-access .img {
    width: 654px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-access .img {
    margin-top: 29px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-access .img {
    margin-left: 49px;
  }
}
.main-contents .section-access .access {
  font-size: 4.266666666666667vw;
  padding-inline: 6.666666666666667vw;
  margin-top: -4.266666666666667vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-access .access {
    font-size: 3.2rem;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-access .access {
    padding-inline: 50px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-access .access {
    margin-top: -32px;
  }
}
.main-contents .section-access .access dt {
  align-items: start;
  display: flex;
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 100% 2px;
  width: -moz-fit-content;
  width: fit-content;
}
@media only screen and (max-width: 767px) {
  .main-contents .section-access .access dt {
    background-size: 100% 0.266666666666667vw;
  }
}
.main-contents .section-access .access dd {
  line-height: 1.5;
}
.main-contents .section-access .access .access-car-heading {
  padding-block: 2vw 2.266666666666667vw;
  background-image: repeating-linear-gradient(90deg, #63c97b, #63c97b 4px, transparent 4px, transparent 8px);
}
@media only screen and (min-width: 768px) {
  .main-contents .section-access .access .access-car-heading {
    padding-block: 15px 17px;
  }
}
@media only screen and (max-width: 767px) {
  .main-contents .section-access .access .access-car-heading {
    background-image: repeating-linear-gradient(90deg, #63c97b, #63c97b 0.533333333333333vw, transparent 0.533333333333333vw, transparent 1.066666666666667vw);
  }
}
.main-contents .section-access .access .access-car-heading .icon {
  width: 5.600000000000001vw;
  height: 4.533333333333333vw;
  margin-inline: 0.266666666666667vw 2.8vw;
  margin-top: -0.266666666666667vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-access .access .access-car-heading .icon {
    width: 42px;
    height: 34px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-access .access .access-car-heading .icon {
    margin-inline: 2px 21px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-access .access .access-car-heading .icon {
    margin-top: -2px;
  }
}
.main-contents .section-access .access .access-car-text {
  margin-top: 1.333333333333333vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-access .access .access-car-text {
    margin-top: 10px;
  }
}
.main-contents .section-access .access .access-train-heading {
  margin-top: 3.333333333333333vw;
  padding-block: 2vw 1.466666666666667vw;
  background-image: repeating-linear-gradient(90deg, #a2de5f, #a2de5f 4px, transparent 4px, transparent 8px);
}
@media only screen and (min-width: 768px) {
  .main-contents .section-access .access .access-train-heading {
    margin-top: 25px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-access .access .access-train-heading {
    padding-block: 15px 11px;
  }
}
@media only screen and (max-width: 767px) {
  .main-contents .section-access .access .access-train-heading {
    background-image: repeating-linear-gradient(90deg, #a2de5f, #a2de5f 0.533333333333333vw, transparent 0.533333333333333vw, transparent 1.066666666666667vw);
  }
}
.main-contents .section-access .access .access-train-heading .icon {
  width: 4.533333333333333vw;
  height: 6.133333333333333vw;
  margin-inline: 0.8vw 3.2vw;
  margin-top: -0.933333333333333vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-access .access .access-train-heading .icon {
    width: 34px;
    height: 46px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-access .access .access-train-heading .icon {
    margin-inline: 6px 24px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-access .access .access-train-heading .icon {
    margin-top: -7px;
  }
}
.main-contents .section-access .access .access-train-text {
  margin-top: 2.133333333333333vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-access .access .access-train-text {
    margin-top: 16px;
  }
}
.main-contents .section-flow {
  background: url("assets/img/cp/mozo-enji-campaign/flow-bg-top.png?hash=9d486ec7fb6ce28d56da9b91298a78f3") left top no-repeat, url("assets/img/cp/mozo-enji-campaign/flow-bg-bottom.png?hash=7996d5ddc9b37653182847112809399a") left bottom no-repeat;
  background-size: 100%, 100%;
  padding-block: 13.600000000000001vw;
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .main-contents .section-flow {
    background: url("assets/img/cp/mozo-enji-campaign/flow-bg-top@2x.png?hash=9f383f638932e8aed028a5098d828eab") left top no-repeat, url("assets/img/cp/mozo-enji-campaign/flow-bg-bottom@2x.png?hash=ee5ddd8c35d55187f47afebfb6172bd6") left bottom no-repeat;
    background-size: 100%, 100%;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-flow {
    padding-block: 102px;
  }
}
.main-contents .section-flow .section-inner {
  background: #edf6f1;
  padding-block: 16.266666666666666vw 16.400000000000002vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-flow .section-inner {
    padding-block: 122px 123px;
  }
}
.main-contents .section-flow .flow-list {
  position: relative;
  padding-inline: 6.4vw;
  margin-top: 10.666666666666668vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-flow .flow-list {
    padding-inline: 48px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-flow .flow-list {
    margin-top: 80px;
  }
}
.main-contents .section-flow .flow-list .flow-list-line {
  position: absolute;
  top: 1.466666666666667vw;
  left: 11.466666666666667vw;
  width: 0.533333333333333vw;
  background-image: repeating-linear-gradient(180deg, #19a598, #19a598 8px, transparent 8px, transparent 18px);
  background-position: left top;
  background-repeat: repeat-y;
  background-size: 4px 100%;
  height: 96%;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-flow .flow-list .flow-list-line {
    top: 11px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-flow .flow-list .flow-list-line {
    left: 86px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-flow .flow-list .flow-list-line {
    width: 4px;
  }
}
@media only screen and (max-width: 767px) {
  .main-contents .section-flow .flow-list .flow-list-line {
    background-image: repeating-linear-gradient(180deg, #19a598, #19a598 1.066666666666667vw, transparent 1.066666666666667vw, transparent 2.4vw);
    background-size: 0.533333333333333vw 100%;
  }
}
.main-contents .section-flow .flow-list .item {
  display: flex;
}
.main-contents .section-flow .flow-list .item .num {
  flex-shrink: 0;
  position: relative;
  width: 10.666666666666668vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-flow .flow-list .item .num {
    width: 80px;
  }
}
.main-contents .section-flow .flow-list .item .contents {
  margin-left: 5.333333333333334vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-flow .flow-list .item .contents {
    margin-left: 40px;
  }
}
.main-contents .section-flow .flow-list .item .contents .heading {
  color: #19a598;
  font-size: 4.533333333333333vw;
  line-height: 1.5;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-flow .flow-list .item .contents .heading {
    font-size: 3.4rem;
  }
}
.main-contents .section-flow .flow-list .item .contents .btn {
  width: 71.2vw;
  margin-top: 4vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-flow .flow-list .item .contents .btn {
    width: 534px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-flow .flow-list .item .contents .btn {
    margin-top: 30px;
  }
}
.main-contents .section-flow .flow-list .item .contents .notes {
  margin-top: 3.866666666666667vw;
  font-size: 3.733333333333334vw;
  color: #ed4c12;
  line-height: 1.5;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-flow .flow-list .item .contents .notes {
    margin-top: 29px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-flow .flow-list .item .contents .notes {
    font-size: 2.8rem;
  }
}
.main-contents .section-flow .flow-list .item .contents .text {
  margin-top: 1.466666666666667vw;
  font-size: 3.733333333333334vw;
  line-height: 1.5;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-flow .flow-list .item .contents .text {
    margin-top: 11px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-flow .flow-list .item .contents .text {
    font-size: 2.8rem;
  }
}
.main-contents .section-flow .flow-list .item .contents .img {
  margin-top: 2.533333333333333vw;
  width: 71.2vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-flow .flow-list .item .contents .img {
    margin-top: 19px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-flow .flow-list .item .contents .img {
    width: 534px;
  }
}
.main-contents .section-flow .flow-list .item-2 {
  margin-top: 5.066666666666666vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-flow .flow-list .item-2 {
    margin-top: 38px;
  }
}
.main-contents .section-flow .flow-list .item-3 {
  margin-top: 5.066666666666666vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-flow .flow-list .item-3 {
    margin-top: 38px;
  }
}
.main-contents .section-flow .flow-list .item-4 {
  margin-top: 5.2vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-flow .flow-list .item-4 {
    margin-top: 39px;
  }
}
.main-contents .section-flow .flow-list .item-5 {
  margin-top: 5.066666666666666vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-flow .flow-list .item-5 {
    margin-top: 38px;
  }
}
.main-contents .section-flow .notes-container {
  margin-top: 10.4vw;
  padding-block: 2.666666666666667vw 3.733333333333334vw;
  padding-inline: 3.733333333333334vw;
  width: 87.2vw;
  margin-inline: auto;
  font-size: 3.2vw;
  background: rgba(255,255,255,0.5);
  line-height: 1.5;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-flow .notes-container {
    margin-top: 78px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-flow .notes-container {
    padding-block: 20px 28px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-flow .notes-container {
    padding-inline: 28px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-flow .notes-container {
    width: 654px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-flow .notes-container {
    font-size: 2.4rem;
  }
}
.main-contents .section-flow .notes-container .heading,
.main-contents .section-flow .notes-container .text-highlight {
  text-align: center;
}
.main-contents .section-flow .notes-container .heading {
  font-size: 4.266666666666667vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-flow .notes-container .heading {
    font-size: 3.2rem;
  }
}
.main-contents .section-flow .notes-container .text-highlight {
  margin-top: 2.133333333333333vw;
  color: #ed4c12;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-flow .notes-container .text-highlight {
    margin-top: 16px;
  }
}
.main-contents .section-flow .notes-container ul {
  margin-top: 1.066666666666667vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-flow .notes-container ul {
    margin-top: 8px;
  }
}
.main-contents .section-flow .notes-container li {
  display: flex;
  text-align: justify;
}
.main-contents .section-flow .notes-container li::before {
  margin-right: 1.733333333333333vw;
  background: #000;
  border-radius: 50%;
  content: '';
  flex-shrink: 0;
  width: 1.6vw;
  height: 1.6vw;
  margin-top: 2.133333333333333vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-flow .notes-container li::before {
    margin-right: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-flow .notes-container li::before {
    width: 12px;
    height: 12px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-flow .notes-container li::before {
    margin-top: 16px;
  }
}
.main-contents .section-flow .notes-container li:not(:first-child) {
  margin-top: 0.533333333333333vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-flow .notes-container li:not(:first-child) {
    margin-top: 4px;
  }
}
.main-contents .section-flow .notes-container li a {
  color: #1773e0;
  text-decoration: underline;
}
.main-contents .section-faq .section-inner {
  padding-top: 21.2vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-faq .section-inner {
    padding-top: 159px;
  }
}
.main-contents .section-faq .faq-list {
  margin-top: 10.8vw;
  padding-inline: 6.4vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-faq .faq-list {
    margin-top: 81px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-faq .faq-list {
    padding-inline: 48px;
  }
}
.main-contents .section-faq .faq-list .accordion:not(:first-child) {
  margin-top: 2.133333333333333vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-faq .faq-list .accordion:not(:first-child) {
    margin-top: 16px;
  }
}
.main-contents .section-faq .faq-list .accordion[open] .accordion-btn .accordion-btn-icon {
  padding-bottom: 0.8vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-faq .faq-list .accordion[open] .accordion-btn .accordion-btn-icon {
    padding-bottom: 6px;
  }
}
.main-contents .section-faq .faq-list .accordion[open] .accordion-btn .accordion-btn-icon .icon-arrow {
  transform: scale(1, -1);
}
.main-contents .section-faq .faq-list .accordion-btn {
  align-items: center;
  background: #fff;
  display: flex;
  border-radius: 2.666666666666667vw;
  padding-block: 5.333333333333334vw;
  padding-inline: 4.266666666666667vw 3.733333333333334vw;
  cursor: pointer;
  overflow: hidden;
  font-size: 4.266666666666667vw;
  line-height: 1.5;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-faq .faq-list .accordion-btn {
    border-radius: 20px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-faq .faq-list .accordion-btn {
    padding-block: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-faq .faq-list .accordion-btn {
    padding-inline: 32px 28px;
  }
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .main-contents .section-faq .faq-list .accordion-btn {
    transition: 0.3s;
  }
  .main-contents .section-faq .faq-list .accordion-btn:hover {
    opacity: 0.7;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-faq .faq-list .accordion-btn {
    font-size: 3.2rem;
  }
}
.main-contents .section-faq .faq-list .accordion-btn::-webkit-details-marker {
  display: none;
}
.main-contents .section-faq .faq-list .accordion-btn .accordion-btn-icon {
  display: grid;
  flex-shrink: 0;
  place-items: center;
  position: relative;
  width: 5.600000000000001vw;
  height: 5.600000000000001vw;
  margin-left: auto;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-faq .faq-list .accordion-btn .accordion-btn-icon {
    width: 42px;
    height: 42px;
  }
}
.main-contents .section-faq .faq-list .accordion-btn .accordion-btn-icon::before,
.main-contents .section-faq .faq-list .accordion-btn .accordion-btn-icon::after {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  box-sizing: border-box;
  content: '';
  width: 100%;
  height: 100%;
}
.main-contents .section-faq .faq-list .accordion-btn .accordion-btn-icon::before {
  background: #2f2e2e;
  top: 0.533333333333333vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-faq .faq-list .accordion-btn .accordion-btn-icon::before {
    top: 4px;
  }
}
.main-contents .section-faq .faq-list .accordion-btn .accordion-btn-icon::after {
  background: #fff;
  border: solid #2f2e2e;
  border-width: 0.4vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-faq .faq-list .accordion-btn .accordion-btn-icon::after {
    border-width: 3px;
  }
}
.main-contents .section-faq .faq-list .accordion-btn .accordion-btn-icon .icon-arrow {
  position: relative;
  width: 2.133333333333333vw;
  height: 1.6vw;
  fill: #2f2e2e;
  z-index: 1;
  margin-top: 0.4vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-faq .faq-list .accordion-btn .accordion-btn-icon .icon-arrow {
    width: 16px;
    height: 12px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-faq .faq-list .accordion-btn .accordion-btn-icon .icon-arrow {
    margin-top: 3px;
  }
}
.main-contents .section-faq .faq-list .accordion-contents {
  padding-top: 1.6vw;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-faq .faq-list .accordion-contents {
    padding-top: 12px;
  }
}
.main-contents .section-faq .faq-list .accordion-contents-inner {
  background: #fff;
  border-radius: 2.666666666666667vw;
  font-size: 4.266666666666667vw;
  line-height: 1.5;
  padding-block: 5.333333333333334vw;
  padding-inline: 4.266666666666667vw;
  text-align: justify;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-faq .faq-list .accordion-contents-inner {
    border-radius: 20px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-faq .faq-list .accordion-contents-inner {
    font-size: 3.2rem;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-faq .faq-list .accordion-contents-inner {
    padding-block: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-faq .faq-list .accordion-contents-inner {
    padding-inline: 32px;
  }
}
.main-contents .section-faq .btn-space {
  margin-top: 16.133333333333333vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-faq .btn-space {
    margin-top: 121px;
  }
}
.main-contents .section-faq .coupon-btn-container {
  margin-top: 6.666666666666667vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-faq .coupon-btn-container {
    margin-top: 50px;
  }
}
.main-contents .bottom-img {
  margin-top: 10.4vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .bottom-img {
    margin-top: 78px;
  }
}