@font-face {
  font-family: Kalam;
  src: url('../fonts/Kalam-Bold.woff2') format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Fontzipmin;
  src: url('../fonts/fontzipMin.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-embed-youtubevideo {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.w-embed-youtubevideo:empty {
  min-height: 75px;
  padding-bottom: 56.25%;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  color: #333;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: bold;
  line-height: 30px;
}

.navbar {
  z-index: 100;
  background-color: #c1cce7c7;
  max-width: 100vw;
  height: 120px;
  position: fixed;
  inset: 0 0% auto;
}

.brand-logo {
  width: 355px;
  height: 120px;
  margin-left: 60px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.brand {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  height: 120px;
  position: fixed;
}

.nav-menu {
  height: 120px;
}

.nav-link {
  letter-spacing: 2px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  height: 120px;
  padding: 31px 18px 0;
  font-size: 22px;
  font-weight: 700;
  line-height: 30px;
  display: inline-block;
}

.nav-link:hover {
  background-color: #e99191ad;
  border: 1px solid #000;
  border-radius: 20px;
  padding-top: 29px;
  padding-bottom: 29px;
}

.nav-link.w--current {
  color: #333;
}

.nav-link.reserve {
  color: #fff;
  background-color: #3898ec;
}

.nav-link.reserve:hover {
  background-color: #e99191b5;
}

.nav-link.menu {
  padding-top: 47px;
}

.nav-link.menu.w--current {
  color: #333;
}

.camera {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
}

.home-background {
  object-fit: cover;
  width: 100vw;
  height: 73vh;
  display: block;
  position: sticky;
}

.home-bar {
  background-color: #888484bf;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-end;
  width: 77ch;
  height: 240px;
  padding-right: 40px;
  display: flex;
  position: absolute;
  top: 33%;
}

.home-bar-txet {
  color: #252525d6;
  text-align: right;
  font-family: Fontzipmin, Arial, sans-serif;
  font-size: 60px;
  font-weight: 700;
  line-height: 1.7;
}

.home-bar-txet.next {
  font-size: 37px;
}

.feature-section {
  padding-top: 20px;
  padding-bottom: 20px;
}

.animate-bar-container {
  justify-content: center;
  align-items: center;
  display: flex;
}

.heading-title {
  color: #4edce9;
  text-align: center;
  text-shadow: 15px 9px 5px #0003;
  font-size: 45px;
  font-style: italic;
  line-height: 1.5;
}

.heading-title.en {
  color: #43647c;
  font-family: Kalam, Arial, sans-serif;
  font-size: 60px;
  font-style: normal;
}

.card-sell {
  justify-content: center;
  align-items: center;
}

.card-stack {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

.go-section {
  padding-top: 20px;
  padding-bottom: 20px;
}

.card-animation {
  width: 135px;
  height: 135px;
}

.card-text {
  color: #383838;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 27px;
  font-weight: 700;
  line-height: 50px;
}

.card {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 30px 70px 20px;
  text-decoration: none;
  display: flex;
  box-shadow: 11px 8px 8px 4px #0003;
}

.card.intro {
  flex-flow: column;
  width: 212px;
  height: 200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  font-size: 40px;
  font-weight: 700;
  line-height: 50px;
}

.card.intro.top {
  background-image: url('../images/quality.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 50px;
}

.bar-animation {
  width: 165px;
  height: 165px;
  margin-right: 80px;
}

.num-animation {
  width: 150px;
  height: 150px;
}

.feature-stack {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  padding-left: 40px;
  padding-right: 40px;
}

.feature-cantainer {
  max-width: 1100px;
}

.feature-text {
  color: #354e5f;
  text-shadow: 15px 9px 5px #0003;
  margin-bottom: 0;
  font-size: 45px;
  font-weight: 700;
}

.feature-div-top {
  justify-content: flex-start;
  align-items: center;
  height: 140px;
  display: flex;
}

.feature-section-main {
  background-color: #0000;
  padding-top: 20px;
  padding-bottom: 20px;
}

.feature-section-main.next {
  background-color: #cfe5e7;
}

.feature-inside-animation {
  margin: -20px -10px -20px -20px;
}

.feature-inside-animation-block {
  display: flex;
}

.clients-image {
  object-position: 100% 50%;
  width: 300px;
}

.clients-wrapper {
  grid-column-gap: 35px;
  grid-row-gap: 70px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  padding-left: 40px;
  display: grid;
}

.choose-text-container {
  background-color: #3157c0;
  border-radius: 40px;
  width: 400px;
  margin-top: -29px;
}

.quick-stack {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  padding-top: 0;
  padding-bottom: 40px;
}

.ski {
  height: 300px;
  margin-left: -20px;
  padding-top: 15px;
  position: sticky;
}

.cell {
  justify-content: flex-start;
  align-items: flex-end;
}

.cell-3 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sb {
  height: 300px;
  display: inline-block;
  position: sticky;
}

.text-block {
  color: #fff;
  padding-left: 31px;
  padding-right: 31px;
  font-size: 20px;
  line-height: 2;
}

.text-block._1 {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 10px;
  font-size: 35px;
  line-height: 2;
}

.text-block._2 {
  overflow: hidden;
}

.class-image {
  width: 100%;
  height: 100%;
}

.photo-stack {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

.ready-section {
  padding-top: 20px;
  padding-bottom: 20px;
  text-decoration: none;
  display: block;
}

.ens {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.end-text {
  color: #43647c;
  text-shadow: 15px 9px 5px #0003;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 45px;
  font-weight: 700;
  line-height: 2;
}

.end-text.next {
  color: #646769;
  text-align: center;
  font-size: 35px;
}

.butom-logo-image {
  width: 320px;
  height: 120px;
}

.buttom-text-container {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: row;
  display: flex;
}

.buttom-link {
  color: #1b1b1b;
  font-size: 16px;
  line-height: 30px;
  text-decoration: none;
}

.buttom-link:hover {
  text-decoration: underline;
}

.buttom-social-list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex;
}

.buttom-section {
  background-image: linear-gradient(#ffffffb5, #ffffffb5), url('../images/buttom_1.avif');
  background-position: 0 0, 50% 38%;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
  padding-top: 20px;
  padding-bottom: 20px;
}

.buttom-text-second {
  flex-flow: column;
  display: flex;
}

.copyright-section {
  padding-top: 5px;
  padding-bottom: 5px;
}

.bottom-bar {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.bottom-bar.pay {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.buttom-contain {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: stretch;
  max-width: 1100px;
  display: flex;
}

.buttom-text {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  display: flex;
}

.butom-logo {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center stretch;
  max-width: 400px;
  display: grid;
}

.copyright {
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  font-weight: 300;
  display: flex;
}

.buttom-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 17px;
  font-weight: 700;
  line-height: 20px;
}

.image-7 {
  width: 200px;
  height: 45px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.section {
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
}

.choiose-card {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.top-bar {
  background-image: linear-gradient(#ffffffcf, #ffffffcf), url('../images/mountains-6964409_641.avif');
  background-position: 0 0, 50% 65%;
  background-repeat: repeat, repeat;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
  padding-top: 200px;
  padding-bottom: 140px;
}

.top-bar.refund {
  background-image: linear-gradient(#ffffffcf, #ffffffcf), url('../images/pexels-fr3nks-356808_1.avif');
}

.top-bar.introduction {
  background-image: linear-gradient(#ffffffcf, #ffffffcf), url('../images/pexels-fr3nks-352091-2_1.avif');
  background-position: 0 0, 50% 100%;
}

.top-bar.hire {
  background-image: linear-gradient(#ffffffcf, #ffffffcf), url('../images/AnyConv.com__startup-593341_1281.avif');
  background-position: 0 0, 50% 0;
  padding-bottom: 100px;
}

.top-bar.contact {
  background-image: linear-gradient(#ffffffcf, #ffffffcf), url('../images/avgvh-du34h_1.avif');
  background-position: 0 0, 0%;
  padding-top: 150px;
  padding-bottom: 100px;
}

.top-bar.access {
  background-image: linear-gradient(#ffffffcf, #ffffffcf), url('../images/pexels-dibert-2169286-1_1.avif');
  background-position: 0 0, 50% 0;
  background-repeat: repeat, repeat;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
}

.top-bar-container {
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.top-bar-container.hire {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.top-bar-text {
  padding-left: 20px;
  font-size: 90px;
  font-weight: 700;
  line-height: 140px;
}

.title-section {
  flex-flow: column;
  margin-top: 10px;
  margin-bottom: 10px;
}

.title-section.qa {
  flex-flow: column;
}

.title-section.intro {
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 30px;
  margin-bottom: 30px;
}

.qa-title-text {
  text-align: center;
  margin-top: 10px;
  font-size: 38px;
  line-height: 2;
}

.qa-title-text.next {
  color: #666464;
  font-size: 32px;
}

.section-separate-bar {
  flex-flow: row;
  justify-content: space-around;
  align-items: center;
  display: flex;
}

.seperate-container {
  background-color: #a3a3a3;
  width: 100vw;
  height: 2px;
}

.answer {
  color: #534a4a;
  padding-bottom: 15px;
  font-size: 17px;
  line-height: 1.5;
}

.qa-right {
  width: 550px;
}

.separate {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #7575758c;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  width: auto;
  height: 2px;
}

.separate._1 {
  display: none;
}

.question-wapper {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.qa-left {
  width: 550px;
}

.qa-container {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row dense;
  place-content: space-around center;
  place-items: flex-start center;
  max-width: 1100px;
  display: flex;
}

.q {
  z-index: 9999;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: flex-start end;
  display: flex;
  position: sticky;
}

.qa-point-animation {
  width: 50px;
  min-width: 50px;
}

.question {
  color: #575757;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-end;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.5;
}

.answer-wapper {
  overflow: hidden;
}

.qa-inside {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-left: 35px;
  padding-right: 35px;
}

.refund-container {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 10px;
}

.recommend-bar {
  justify-content: center;
  align-items: center;
  padding-left: 40px;
  display: flex;
}

.intro-bar {
  justify-content: center;
  align-items: center;
  display: flex;
}

.recommend-icon {
  width: 35px;
}

.div-image-intro {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 185px;
  height: 65px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.image-intro {
  max-width: 185px;
  max-height: 65px;
}

.image-intro.kandatsu {
  background-color: #fd0000;
  padding: 5px 10px;
}

.resort-section {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 20px;
  padding-bottom: 20px;
}

.paragraph-intro {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 27px;
  line-height: 50px;
}

.paragraph-intro.snowwood {
  font-size: 19px;
}

.paragraph-intro.jp {
  color: #5e5252;
  font-size: 20px;
  line-height: 30px;
}

.paragraph-intro.kagura {
  font-size: 22px;
}

.paragraph-intro.ch {
  font-size: 36px;
  line-height: 35px;
}

.paragraph-intro.ch.desktop-long {
  font-size: 34px;
}

.bold-text-8 {
  font-size: 17px;
  line-height: 30px;
}

.bold-text-8._1 {
  font-size: 15px;
}

.image-intro.intro {
  max-width: 300px;
  min-height: 65px;
  max-height: 90px;
}

.image-intro.intro.gala {
  min-height: auto;
}

.top-animation {
  width: 200px;
  height: 200px;
}

.title-bar {
  grid-column-gap: 70px;
  grid-row-gap: 70px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: center stretch;
  padding-left: 50px;
  display: flex;
}

.title-intro-snowresort {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.list-intro {
  font-size: 24px;
}

.feature-txt-inside {
  color: #525e5f;
  padding-bottom: 20px;
  padding-left: 50px;
  font-size: 25px;
  line-height: 2;
}

.feature-txt-inside.left, .list-text {
  padding-left: 0;
}

.choose-icon {
  -webkit-backdrop-filter: brightness(175%);
  backdrop-filter: brightness(175%);
  cursor: pointer;
  border: 3px solid #000;
  border-radius: 20px;
  width: 30px;
  height: 30px;
  margin: 20px auto;
  display: block;
}

.show {
  color: #525e5f;
  border: 2px solid #75aad561;
  padding: 10px 15px 10px 20px;
  font-size: 17px;
  line-height: 2;
}

.youtube {
  margin-top: 30px;
  margin-bottom: 30px;
}

.youtube.tour {
  width: 100%;
}

.tab-link {
  background-color: #fff;
  font-size: 20px;
  line-height: 1.5;
}

.tab-link.w--current {
  z-index: 10;
  background-color: #fff;
  border: 2px solid #75aad561;
  border-bottom-color: #fff;
  font-size: 20px;
  line-height: 1.5;
  overflow: hidden;
}

.tabs-menu {
  flex-flow: row;
  margin-bottom: -2px;
  display: flex;
  overflow: hidden;
}

.headind-title-div {
  flex-flow: column;
  justify-content: space-around;
  align-items: center;
  display: flex;
}

.refund-title-text {
  font-size: 24px;
  line-height: 2;
}

.inside-text {
  font-size: 17px;
  line-height: 2.5;
}

.inside-text.next {
  padding-left: 4ch;
}

.intro-text {
  font-size: 38px;
  line-height: 1.5;
}

.recommend-text {
  color: #6b6464;
  width: 5ch;
  padding-left: .5ch;
  font-size: 25px;
  line-height: 1.3;
}

.text-card {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 25px;
  padding-bottom: 25px;
  display: flex;
}

.text-card.buy {
  justify-content: flex-start;
  align-items: center;
}

.text-card.next {
  justify-content: flex-start;
  align-items: flex-start;
}

.text-card.more {
  justify-content: center;
  align-items: flex-start;
}

.text-card.top-title {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
}

.text-card.hire {
  flex-flow: column;
}

.text-card.class {
  justify-content: center;
  align-items: center;
}

.text-card.text {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  padding-top: 0;
  padding-bottom: 0;
}

.text-card.animation {
  overflow: hidden;
}

.text-card.mid-1 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}

.heading-title-chinese {
  color: #4edce9;
  font-size: 30px;
  line-height: 1.5;
}

.heading-title-chinese.more {
  color: #335558;
  text-align: center;
  width: auto;
  margin-top: 5px;
  margin-bottom: 10px;
  margin-right: 40px;
  font-size: 32px;
  line-height: 44px;
}

.heading-title-chinese.reserve {
  text-align: center;
  width: auto;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 38px;
}

.heading-title-chinese.reserve.left {
  text-align: left;
  width: 8ch;
  font-size: 38px;
}

.heading-title-chinese.short-chinese {
  font-size: 30px;
  line-height: 38px;
}

.heading-title-chinese._4ch {
  width: 7ch;
}

.heading-title-chinese._6ch {
  width: 12ch;
}

.heading-title-chinese._5ch {
  width: 9ch;
}

.text-inside {
  color: #333;
  font-size: 20px;
  line-height: 1.7;
}

.text-inside.access {
  padding-left: 60px;
}

.text-inside.higer-smaller {
  font-size: 17px;
  line-height: 2.5;
}

.ticket-card {
  width: 375px;
  box-shadow: 4px 8px 6px 2px #0000002b;
}

.ticket-crad-wapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  width: 100%;
  display: flex;
}

.ticket-bar {
  background-color: #70acff;
  justify-content: center;
  align-items: center;
  height: 80px;
  display: flex;
}

.ticket-bar.next {
  background-color: #b0e3ff;
}

.ticket-bar-text {
  color: #000;
  text-align: center;
  margin-bottom: 0;
  font-size: 30px;
  line-height: 1;
}

.ticket-price {
  justify-content: center;
  align-items: center;
  height: 120px;
  display: flex;
}

.ticket-icon {
  width: 70px;
  height: 70px;
}

.ticket-price-text {
  color: #9a6363;
  padding-left: 20px;
  font-size: 30px;
  font-weight: 700;
  line-height: 1;
}

.ticket-price-text-next {
  color: #534a4a;
  text-align: right;
}

.ticket-price-text-next.next {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 20px;
}

.buy-button {
  padding: 15px 20px;
  font-size: 22px;
  line-height: 2;
}

.buy-button.more {
  background-color: #335558;
  padding-top: 5px;
  padding-bottom: 5px;
}

.full-image {
  min-width: 70%;
  max-width: 100%;
}

.heading-title-en {
  color: #43647c;
  margin-bottom: 20px;
  font-family: Kalam, Arial, sans-serif;
  font-size: 40px;
  line-height: 1;
}

.heading-title-en.big {
  text-align: center;
  font-family: Kalam, Arial, sans-serif;
  font-size: 60px;
}

.heading-title-en._4ch-en {
  width: 11ch;
  font-size: 30px;
}

.heading-title-en._12ch-en {
  width: 12ch;
}

.buy-tickets-block {
  grid-column-gap: 10vw;
  grid-row-gap: 10vw;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.notice-text {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 1.5;
}

.lesson-icon {
  width: 100px;
  height: 100px;
}

.icon-card {
  grid-column-gap: 4ch;
  grid-row-gap: 8ch;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 40px;
  padding-bottom: 40px;
  display: grid;
}

.lesson-wapper {
  display: flex;
}

.lesson-wapper.hire {
  justify-content: center;
  align-items: flex-start;
}

.lesson-text {
  width: 30ch;
  padding-left: 2ch;
  font-size: 20px;
  line-height: 1.7;
}

.hire-text {
  margin-top: 20px;
  margin-bottom: 0;
  padding-left: 10px;
  font-size: 24px;
  line-height: 30px;
}

.hire-text.ps {
  color: #5b5b5b;
  margin-top: 0;
  font-size: 15px;
}

._404-page {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

._404-block {
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.div-block-62 {
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.top-bar-text-next {
  color: #6b6a6a;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 25px;
  padding-left: 60px;
  font-size: 23px;
  line-height: 1;
}

.hire-mid {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.mail-title {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 22px;
  line-height: 2;
}

.list-3 {
  font-size: 20px;
  line-height: 2;
}

.headind-hire {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 24px;
  line-height: 30px;
}

.book-image {
  width: 400px;
}

.book-block {
  grid-column-gap: 63px;
  grid-row-gap: 63px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  padding-bottom: 40px;
  display: grid;
}

.mail {
  display: flex;
}

.hrmail {
  width: 400px;
  padding-left: 40px;
}

.lottie-animation {
  width: 50%;
}

.back {
  margin-top: 20px;
  padding: 15px 30px;
  font-size: 25px;
  line-height: 1.5;
}

._404-soorry {
  line-height: 2;
}

.time-title {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 1ch;
  font-size: 32px;
  line-height: 36px;
}

.timeline_dot {
  z-index: 1;
  background-color: #ea4537;
  border: 4px solid #0a227d;
  border-radius: 99px;
  width: 24px;
  height: 24px;
  position: relative;
}

.timeline_progress {
  z-index: 1;
  background-color: #ea4537;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 3px;
  height: 5%;
  display: flex;
  position: absolute;
  inset: 0% 0% auto 50%;
  transform: translate(-50%);
}

.timeline_track {
  background-color: #94bac7;
  flex-direction: column;
  align-items: center;
  width: 2px;
  height: 100%;
}

.time-text {
  padding-left: 4ch;
  font-style: normal;
}

.timeline_grid {
  grid-column-gap: 1.5em;
  grid-row-gap: 0em;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr .25fr 1fr;
  width: 100%;
}

.timeline_grid.half {
  grid-template-rows: auto auto auto;
}

.timeline_grid-wrap {
  position: relative;
}

.timeline_inner {
  flex-direction: column;
  margin-bottom: 50px;
  display: flex;
}

.timeline_track-wrap {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: relative;
}

.timeline_item {
  grid-row-gap: 1em;
  color: #020202;
  background-color: #b1ebff;
  border-radius: 20px;
  flex-flow: column;
  align-items: flex-start;
  padding: 20px 10px 15px 20px;
  font-size: 17px;
  line-height: 2;
  display: flex;
  box-shadow: 6px 6px 5px #837e7d;
}

.timeline_item._1 {
  margin-top: 0;
}

.timeline_item._1.half {
  margin-top: 40px;
  margin-bottom: 40px;
}

.timeline_item.half {
  margin-top: 20px;
  margin-bottom: 20px;
}

.timeline_item.half._1 {
  margin-top: 0;
}

.timeline_item-wrap.is-hidden-mobile {
  color: #222da1;
  text-align: right;
  justify-content: flex-end;
  align-items: center;
  font-family: Kalam, Arial, sans-serif;
  font-size: 37px;
  line-height: 1.5;
  display: flex;
}

.timeline_item-wrap.is-hidden-mobile.right {
  text-align: left;
  justify-content: flex-start;
  align-items: center;
}

.class-time-title {
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 35px;
  font-weight: 700;
  line-height: 2;
}

.class-time-title.half {
  padding-bottom: 20px;
}

.time-mobile {
  display: none;
}

.head-block.title {
  padding-top: 20px;
}

.head-block.titile-more-space {
  padding-left: 30px;
}

.lesson-head {
  font-size: 24px;
  line-height: 30px;
}

.animation-train {
  margin: -70px auto -110px;
}

.text-span {
  text-decoration: underline;
}

.text-span-2 {
  font-size: 20px;
  font-weight: 400;
}

.good-image {
  width: 50px;
  margin-right: 15px;
}

.flex-center-bar {
  justify-content: center;
  align-items: center;
  display: flex;
}

.price-box {
  outline-offset: 0px;
  outline: 3px dotted #333;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1.5fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 20px;
  line-height: 1.5;
  display: grid;
}

.number {
  width: 50px;
  margin-right: 10px;
}

.horizontal {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.access-pass-text {
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
}

.heading-with-no-top {
  margin-top: 0;
  margin-bottom: 0;
}

.road-trip-animation {
  height: 700px;
  margin: -280px auto -400px;
  transform: rotate(90deg);
}

.heading-feature {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 24px;
  line-height: 30px;
}

.reservation {
  color: #c97d7d;
  font-size: 28px;
  line-height: 36px;
  text-decoration: none;
}

.link-block {
  flex-flow: column;
}

.buy-link {
  margin-top: 20px;
  margin-bottom: 10px;
  padding-left: 20px;
  font-size: 20px;
  line-height: 1.6;
}

.mobile-flex-down, .tablet-flex-down {
  margin-top: 20px;
  margin-bottom: 10px;
}

.hire-title-block {
  width: 200px;
}

.link-animate {
  width: 40px;
  height: 45px;
}

.main-link {
  color: #000;
  background-color: #cdd9de;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  padding: 6px 18px 5px 13px;
  font-size: 27px;
  line-height: 40px;
  text-decoration: none;
  display: flex;
}

@media screen and (min-width: 1280px) {
  .clients-wrapper {
    grid-auto-columns: 1fr;
  }
}

@media screen and (max-width: 991px) {
  .navbar {
    z-index: 99999;
    display: block;
  }

  .menu-button {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: row;
    justify-content: flex-end;
    align-items: flex-end;
    height: 120px;
    padding: 50px 25px 0;
  }

  .menu-button.w--open {
    position: sticky;
    inset: 0% 0% auto auto;
  }

  .brand-logo {
    margin-left: 40px;
  }

  .navbar-section {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .nav-menu {
    background-color: #c8c8c8a3;
    margin-top: 120px;
    margin-right: -95px;
  }

  .nav-link {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 30px;
    display: flex;
  }

  .nav-link:lang(en) {
    text-align: center;
  }

  .nav-link.menu {
    height: 80px;
    padding-top: 25px;
    padding-right: 76px;
  }

  .home-bar {
    width: 57ch;
    height: 210px;
    padding-right: 25px;
  }

  .home-bar-txet.next {
    font-size: 28px;
  }

  .card-stack {
    grid-column-gap: 38px;
    grid-row-gap: 38px;
    width: 100vw;
  }

  .card {
    padding-left: 27%;
    padding-right: 27%;
  }

  .num-animation {
    margin-left: -20px;
    margin-right: -10px;
  }

  .feature-text {
    margin-right: -10px;
    font-size: 37px;
  }

  .feature-section-main, .feature-section-main.next {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .clients-wrapper {
    grid-column-gap: 20px;
    padding-left: 20px;
  }

  .choose-text-container {
    width: 340px;
  }

  .quick-stack {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding-bottom: 20px;
  }

  .ski, .sb {
    height: 250px;
  }

  .text-block._2, .text-block._3 {
    font-size: 18px;
  }

  .class-image {
    width: 100%;
  }

  .ens {
    font-size: 45px;
    line-height: 1;
  }

  .buttom-text-container {
    grid-column-gap: 10vw;
    grid-row-gap: 10vw;
    display: flex;
  }

  .bottom-bar {
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
  }

  .bottom-bar.pay {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
    max-width: 35vw;
  }

  .buttom-contain {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .buttom-text {
    grid-column-gap: 10vw;
    grid-row-gap: 10vw;
  }

  .butom-logo {
    margin-bottom: 20px;
  }

  .buttom-pay {
    flex-flow: row;
  }

  .top-bar {
    padding-top: 170px;
    padding-bottom: 110px;
  }

  .top-bar.contact {
    padding-bottom: 80px;
  }

  .top-bar-container {
    max-width: 650px;
  }

  .top-bar-text {
    font-size: 70px;
    line-height: 120px;
  }

  .separate {
    width: 100%;
    height: 2px;
  }

  .q {
    z-index: 100;
  }

  .qa-inside {
    padding-right: 20px;
  }

  .refund-container {
    max-width: 650px;
  }

  .recommend-bar {
    padding-left: 5vw;
  }

  .resort-section {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .paragraph-intro.jp {
    font-size: 19px;
  }

  .paragraph-intro.ch {
    font-size: 25px;
  }

  .paragraph-intro.ch.desktop-long {
    font-size: 24px;
  }

  .image-intro.intro.gala {
    max-width: 265px;
  }

  .top-animation {
    width: 150px;
    height: 150px;
  }

  .title-bar {
    grid-column-gap: 4vw;
    grid-row-gap: 4vw;
    padding-left: 40px;
  }

  .title-intro-snowresort {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
  }

  .feature-txt-inside {
    padding-left: 20px;
    font-size: 20px;
  }

  .youtube.tour {
    width: 100%;
    margin-top: 0;
  }

  .tab-link, .tab-link.w--current {
    padding-left: 20px;
    padding-right: 20px;
  }

  .tabs-menu {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .intro-text {
    font-size: 30px;
  }

  .recommend-text {
    font-size: 20px;
  }

  .text-card {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    padding-top: 0;
    padding-bottom: 0;
  }

  .text-card.buy {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .text-card.next {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .text-card.more {
    justify-content: center;
    align-items: center;
    padding-top: 30px;
    padding-bottom: 20px;
  }

  .text-card.class {
    padding-top: 0;
    padding-bottom: 0;
  }

  .text-card.text {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .text-card.animation {
    flex-flow: column;
  }

  .text-card.no-top {
    padding-top: 0;
    padding-bottom: 0;
  }

  .heading-title-chinese.reserve {
    font-size: 35px;
  }

  .text-inside.space {
    padding-left: 30px;
  }

  .text-inside.access {
    font-size: 18px;
  }

  .intro-container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .ticket-card {
    width: auto;
    min-width: 47%;
    max-width: 49%;
  }

  .full-image {
    min-width: 95%;
    max-width: 100%;
  }

  .heading-title-en.big {
    font-size: 50px;
  }

  .heading-title-en._4ch-en {
    width: auto;
    font-size: 40px;
  }

  .main-comtainer {
    max-width: 90%;
  }

  .icon-card {
    grid-column-gap: 0ch;
  }

  .lesson-text {
    width: 22ch;
  }

  .hire-text.or {
    padding-right: 10px;
  }

  .top-bar-text-next {
    font-size: 17px;
  }

  .hire-mid.ben {
    flex-flow: column;
  }

  .book-image {
    width: 300px;
  }

  .book-block {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .class-time-title {
    width: 90%;
  }

  .class-time-title.half {
    padding-bottom: 30px;
  }

  .head-block.title {
    padding-bottom: 0;
  }

  .head-block.titile-more-space {
    padding-left: 20px;
  }

  .text-span {
    font-size: 22px;
  }

  .text-span-2 {
    font-size: 17px;
  }

  .good-image {
    width: 38px;
    margin-right: 10px;
  }

  .access-pass-text {
    font-size: 17px;
  }

  .heading-with-no-top {
    font-size: 19px;
  }

  .road-trip-animation {
    margin-bottom: -300px;
    margin-left: auto;
    margin-right: auto;
  }

  .access-title {
    font-size: 28px;
  }

  .comtainer {
    max-width: 90%;
  }

  .link-block {
    min-width: 95%;
    max-width: 100%;
  }

  .buy-link {
    font-size: 17px;
  }

  .buy-link.tablet-fix {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .tablet-flex-down {
    flex-flow: column;
    margin-top: 0;
    margin-bottom: 0;
    display: flex;
  }

  .main-link {
    padding-left: 5px;
    padding-right: 7px;
    font-size: 24px;
    line-height: 30px;
  }
}

@media screen and (max-width: 767px) {
  .brand-logo {
    margin-left: 25px;
  }

  .home-bar {
    width: 51ch;
    height: 190px;
    padding-right: 15px;
    top: 37%;
  }

  .home-bar-txet {
    font-size: 50px;
  }

  .home-bar-txet.next {
    font-size: 25px;
  }

  .animate-bar-container {
    margin-left: 10px;
    margin-right: 10px;
  }

  .heading-title {
    font-size: 38px;
  }

  .heading-title.en {
    font-size: 45px;
  }

  .card-stack {
    grid-column-gap: 21px;
    grid-row-gap: 21px;
  }

  .card {
    padding-left: 18%;
    padding-right: 18%;
    box-shadow: 4px 4px 5px 5px #0003;
  }

  .card:hover {
    box-shadow: 3px 3px 10px 5px #0003;
  }

  .bar-animation {
    margin-right: 20px;
  }

  .feature-div-top {
    justify-content: flex-start;
    align-items: center;
  }

  .feature-section-main, .feature-section-main.next {
    padding-top: 0;
  }

  .clients-wrapper {
    grid-column-gap: 35px;
    grid-row-gap: 35px;
    flex-wrap: wrap;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    padding: 20px;
  }

  .quick-stack {
    padding-bottom: 0;
  }

  .cell, .cell-3 {
    justify-content: flex-start;
    align-items: center;
  }

  .end-text {
    font-size: 34px;
  }

  .end-text.next {
    font-size: 30px;
  }

  .buttom-text-container {
    grid-column-gap: 7vw;
    grid-row-gap: 7vw;
  }

  .buttom-social-list {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    place-items: center start;
    display: grid;
  }

  .buttom-text-second {
    flex-flow: column;
    width: 14ch;
  }

  .bottom-bar.pay {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .buttom-text {
    grid-column-gap: 7vw;
    grid-row-gap: 7vw;
  }

  .copyright {
    font-size: 10px;
    line-height: 10px;
  }

  .top-bar {
    padding-top: 150px;
    padding-bottom: 85px;
  }

  .top-bar.contact {
    padding-bottom: 60px;
  }

  .top-bar-container {
    max-width: 450px;
  }

  .top-bar-text {
    padding-left: 20px;
    font-size: 55px;
    line-height: 90px;
  }

  .title-section.intro {
    margin-top: 20px;
    margin-bottom: 10px;
  }

  .qa-title-text {
    font-size: 35px;
  }

  .qa-title-text.next {
    font-size: 27px;
  }

  .qa-right {
    width: 450px;
  }

  .separate {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-end;
    align-items: flex-start;
    display: grid;
  }

  .separate._1._2 {
    display: block;
  }

  .qa-left {
    width: 450px;
  }

  .qa-container {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .refund-container {
    max-width: 85vw;
  }

  .recommend-bar {
    margin-left: auto;
    margin-right: 5vw;
  }

  .intro-bar {
    flex-flow: column;
  }

  .resort-section {
    padding-top: 0;
    padding-bottom: 0;
  }

  .paragraph-intro.jp {
    font-size: 15px;
  }

  .image-intro.intro {
    max-height: 75px;
  }

  .image-intro.intro.gala {
    max-width: 200px;
  }

  .top-animation {
    width: 120px;
    height: 120px;
  }

  .title-bar {
    grid-column-gap: 6vw;
    grid-row-gap: 6vw;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    padding-left: 20px;
  }

  .title-intro-snowresort {
    padding-left: 0;
  }

  .feature-txt-inside {
    padding-bottom: 10px;
    padding-left: 0;
  }

  .youtube {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .youtube.tour {
    margin-bottom: 30px;
  }

  .tab-link, .tab-link.w--current {
    padding-left: 25px;
    padding-right: 25px;
  }

  .refund-title-text {
    font-size: 20px;
  }

  .inside-text {
    font-size: 14px;
  }

  .text-card.buy {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .text-card.more {
    justify-content: center;
    align-items: center;
  }

  .text-card.mid-1 {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .text-card.next {
    flex-flow: column;
  }

  .heading-title-chinese {
    font-size: 30px;
  }

  .heading-title-chinese.more {
    margin-right: 0;
    font-size: 26px;
  }

  .heading-title-chinese.reserve {
    font-size: 32px;
  }

  .heading-title-chinese.short-chinese {
    font-size: 26px;
    line-height: 30px;
  }

  .text-inside {
    padding-left: 0;
  }

  .text-inside.access {
    padding-left: 40px;
    font-size: 16px;
  }

  .text-inside.higer-smaller {
    font-size: 14px;
  }

  .ticket-card {
    min-width: 95%;
    max-width: 100%;
  }

  .ticket-crad-wapper {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .ticket-bar-text {
    font-size: 26px;
  }

  .buy-button {
    text-align: center;
    font-size: 18px;
    line-height: 2;
  }

  .buy-button.more {
    font-size: 20px;
  }

  .heading-title-en {
    font-size: 35px;
  }

  .heading-title-en.big {
    font-size: 39px;
  }

  .heading-title-en._4ch-en {
    font-size: 35px;
  }

  .heading-title-en.mobile-custom {
    margin-top: 33px;
  }

  .notice-text {
    width: 4ch;
  }

  .icon-card {
    grid-column-gap: 2ch;
    grid-row-gap: 6ch;
    padding-bottom: 20px;
  }

  .lesson-text {
    width: 15ch;
    padding-left: 0;
    font-size: 16px;
  }

  .hire-text.long {
    width: auto;
  }

  .top-bar-text-next {
    font-size: 16px;
  }

  .hire-mid.long {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .book-image {
    width: 200px;
  }

  .book-block {
    grid-column-gap: 0px;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .mail {
    flex-flow: column;
  }

  .time-title {
    padding-left: 0;
  }

  .timeline_dot {
    width: 20px;
    height: 20px;
  }

  .timeline_progress {
    top: 0%;
    bottom: auto;
    left: 2.5em;
  }

  .timeline_progress.half {
    left: auto;
    right: 2.3em;
  }

  .time-text {
    padding-left: 2ch;
  }

  .timeline_grid {
    grid-template-columns: 5em 1fr;
  }

  .timeline_grid.half {
    grid-template-columns: 1fr 5em;
  }

  .timeline_item {
    margin-bottom: 30px;
    padding-top: 30px;
    padding-left: 30px;
  }

  .timeline_item.half {
    margin-top: 0;
  }

  .timeline_item.half._1 {
    margin-bottom: 20px;
  }

  .timeline_item-wrap.is-hidden-mobile {
    display: none;
  }

  .time-mobile {
    color: #222da1;
    font-family: Kalam, Arial, sans-serif;
    font-size: 30px;
    font-weight: 400;
    line-height: 1.5;
    display: block;
  }

  .head-block {
    padding-bottom: 20px;
  }

  .head-block.title {
    padding-top: 10px;
  }

  .lesson-head {
    font-size: 20px;
  }

  .text-span {
    font-size: 19px;
  }

  .text-span-2 {
    font-size: 15px;
  }

  .price-box {
    grid-template-columns: 2fr 1fr 1fr 1fr;
  }

  .access-pass-text {
    font-size: 15px;
    line-height: 1;
  }

  .access-pass-text.time {
    text-align: center;
    text-align: center;
    width: 10ch;
  }

  .access-pass-text.time-1 {
    text-align: center;
    width: 6ch;
  }

  .heading-with-no-top {
    font-size: 20px;
  }

  .road-trip-animation {
    margin-top: -300px;
  }

  .access-title {
    font-size: 26px;
  }

  .buy-link {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 15px;
  }

  .mobile-flex-down {
    flex-flow: column;
    display: flex;
  }

  .mobile-flex-down.no {
    flex-flow: row;
  }

  .mobile-none {
    display: none;
  }

  .hire-title-block {
    grid-column-gap: 29px;
    grid-row-gap: 29px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    display: flex;
  }
}

@media screen and (max-width: 479px) {
  h3 {
    font-size: 22px;
  }

  .navbar {
    height: 100px;
  }

  .menu-button {
    height: 100px;
    padding-top: 41px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .brand-logo {
    height: 100px;
    margin-left: -15px;
  }

  .brand {
    height: 100px;
  }

  .nav-menu {
    margin-top: 100px;
  }

  .home-bar {
    width: 38ch;
    height: 170px;
    padding-right: 1.5ch;
  }

  .home-bar-txet.next {
    font-size: 19px;
  }

  .feature-section {
    padding-top: 0;
    padding-bottom: 0;
  }

  .animate-bar-container {
    flex-flow: row;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .animate-bar-container.first {
    margin-left: auto;
    margin-right: auto;
  }

  .heading-title {
    text-shadow: 10px 8px 5px #0000001c;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 25px;
    line-height: 1.5;
  }

  .heading-title.en {
    padding-top: 0;
    padding-bottom: 0;
    font-size: 31px;
  }

  .card-stack {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
    width: 100vw;
    padding-top: 0;
  }

  .card-animation {
    width: 72px;
    height: 72px;
  }

  .card-text {
    font-size: 20px;
    line-height: 40px;
  }

  .card {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 40vw;
    padding-top: 15px;
    padding-bottom: 5px;
  }

  .card.intro {
    width: 45vw;
    height: 160px;
  }

  .card.intro.top {
    background-size: 40px;
  }

  .bar-animation {
    width: 100px;
    height: 100px;
    margin-right: 10px;
  }

  .bar-animation.first {
    width: 100px;
    height: 100px;
    margin-right: 20px;
  }

  .num-animation {
    width: 110px;
    height: 110px;
    margin-left: -30px;
  }

  .feature-stack {
    padding-top: 10px;
  }

  .feature-text {
    font-size: 30px;
  }

  .feature-div-top {
    justify-content: space-between;
    align-items: center;
  }

  .feature-section-main.next {
    display: block;
  }

  .clients-wrapper {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    padding: 10px 0 20px;
  }

  .choose-text-container {
    width: 300px;
  }

  .ski, .sb {
    height: 200px;
  }

  .text-block._1 {
    font-size: 25px;
  }

  .text-block._2, .text-block._3 {
    font-size: 15px;
    line-height: 1.5;
  }

  .ens {
    margin-top: 5px;
    margin-bottom: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .end-text {
    font-size: 23px;
  }

  .end-text.next {
    font-size: 20px;
  }

  .butom-logo-image {
    width: 300px;
  }

  .buttom-text-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .buttom-social-list {
    grid-column-gap: 10vw;
    grid-row-gap: 10vw;
    display: flex;
  }

  .bottom-bar.pay {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    max-width: 80vw;
  }

  .buttom-text {
    grid-column-gap: 10vw;
    grid-row-gap: 10vw;
  }

  .buttom-social {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .copyright {
    font-size: 7px;
    line-height: 10px;
  }

  .buttom-pay {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 20px;
    padding-right: 0;
    display: flex;
  }

  .top-bar {
    padding-top: 130px;
    padding-bottom: 60px;
  }

  .top-bar.hire {
    padding-bottom: 60px;
  }

  .top-bar.contact {
    padding-top: 120px;
    padding-bottom: 40px;
  }

  .top-bar-container {
    max-width: 260px;
  }

  .top-bar-text {
    padding-left: 10px;
    font-size: 33px;
    line-height: 60px;
  }

  .title-section.intro {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .qa-title-text {
    font-size: 29px;
  }

  .qa-title-text.next {
    font-size: 22px;
  }

  .answer {
    font-size: 16px;
  }

  .qa-right {
    width: auto;
  }

  .question-wapper {
    justify-content: space-between;
    align-items: center;
  }

  .qa-left {
    width: auto;
  }

  .qa-container {
    width: 300px;
  }

  .qa-point-animation {
    width: 50px;
  }

  .question {
    width: 200px;
    min-width: auto;
    max-width: none;
    font-size: 21px;
  }

  .qa-inside {
    padding-left: 20px;
  }

  .div-image-intro {
    width: 140px;
    height: 53px;
  }

  .paragraph-intro {
    font-size: 19px;
    line-height: 39px;
  }

  .paragraph-intro.snowwood {
    font-size: 13px;
  }

  .paragraph-intro.jp {
    font-size: 20px;
  }

  .paragraph-intro.kagura {
    font-size: 15px;
  }

  .paragraph-intro.ch {
    font-size: 28px;
    line-height: 40px;
  }

  .bold-text-8 {
    font-size: 12px;
    line-height: 24px;
  }

  .bold-text-8._1 {
    font-size: 11px;
  }

  .image-intro {
    max-width: 135px;
    max-height: 45px;
  }

  .image-intro.intro {
    max-width: 300px;
  }

  .top-animation {
    width: 70px;
    height: 70px;
  }

  .title-bar {
    padding-left: 0;
  }

  .title-intro-snowresort {
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 10px;
  }

  .list-intro {
    font-size: 22px;
  }

  .feature-txt-inside {
    font-size: 15px;
  }

  .list-text {
    padding-left: 0;
  }

  .show {
    padding-left: 10px;
    padding-right: 10px;
  }

  .youtube {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .tab-link {
    padding-left: 15px;
    padding-right: 15px;
  }

  .tab-link.w--current {
    padding-left: 3vw;
    padding-right: 2.5vw;
  }

  .refund-title-text {
    font-size: 18px;
  }

  .intro-text {
    font-size: 21px;
  }

  .text-card {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
  }

  .text-card.buy {
    padding-top: 10px;
    padding-bottom: 20px;
  }

  .text-card.next {
    padding-top: 0;
    padding-bottom: 10px;
  }

  .text-card.more {
    padding-top: 10px;
    padding-bottom: 5px;
  }

  .text-card.mid-1 {
    padding-top: 10px;
    padding-bottom: 20px;
  }

  .heading-title-chinese {
    font-size: 30px;
  }

  .heading-title-chinese.more {
    text-align: center;
    font-size: 21px;
  }

  .text-inside.space {
    padding-left: 20px;
  }

  .text-inside.access {
    padding-left: 10px;
  }

  .ticket-bar {
    height: 70px;
  }

  .ticket-bar-text {
    font-size: 25px;
  }

  .ticket-price {
    height: 100px;
  }

  .ticket-icon {
    width: 50px;
    height: 50px;
  }

  .ticket-price-text {
    font-size: 25px;
  }

  .buy-button {
    font-size: 18px;
  }

  .heading-title-en {
    font-size: 30px;
  }

  .heading-title-en.big {
    font-size: 27px;
  }

  .heading-title-en._4ch-en {
    font-size: 30px;
  }

  .icon-card {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .lesson-text {
    width: 23ch;
  }

  .hire-text {
    width: auto;
  }

  .hire-mid.long {
    flex-flow: column;
  }

  .mail-title {
    font-size: 20px;
  }

  .list-3 {
    font-size: 18px;
  }

  .headind-hire {
    font-size: 20px;
  }

  .book-image {
    width: 140px;
  }

  .book-block {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  ._404-soorry {
    font-size: 28px;
  }

  .timeline_dot {
    width: 1.2rem;
    height: 1.2rem;
  }

  .timeline_progress {
    left: 1em;
  }

  .timeline_progress.half {
    right: .8em;
  }

  .time-text {
    padding-left: 0;
  }

  .timeline_grid {
    grid-column-gap: .5em;
    grid-template-columns: 2em 1fr;
  }

  .timeline_grid.half {
    grid-template-columns: 1fr 2em;
  }

  .timeline_inner {
    margin-bottom: 10px;
  }

  .class-time-title {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .class-time-title.half {
    width: 100%;
    font-size: 29px;
  }

  .time-mobile {
    width: 12ch;
  }

  .head-block {
    padding-bottom: 10px;
  }

  .head-block.titile-more-space {
    padding-left: 10px;
  }

  .lesson-head {
    width: auto;
  }

  .animation-train {
    margin-top: -50px;
    margin-bottom: -70px;
  }

  .price-box {
    grid-template-columns: 2fr 1fr 1fr 1fr;
    margin-left: 1px;
    font-size: 16px;
  }

  .access-pass-text {
    font-size: 12px;
  }

  .access-pass-text.time-1 {
    width: 7ch;
  }

  .heading-with-no-top {
    font-size: 13px;
    line-height: 25px;
  }

  .access-title {
    font-size: 23px;
  }

  .reservation {
    font-size: 20px;
    line-height: 25px;
  }

  .buy-link {
    justify-content: flex-start;
    align-items: center;
    width: 50px;
    padding-left: 10px;
    display: flex;
  }

  .main-link {
    padding: 4px 14px 5px 10px;
    font-size: 22px;
    line-height: 29px;
  }

  .list-4 {
    padding-left: 30px;
  }
}

#w-node-_4b244199-4622-e1b1-e279-8f804435a3af-6b70dba7 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-b578cebd-2129-1ac4-ce57-d4199b7ec29d-6b70dba7 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-b578cebd-2129-1ac4-ce57-d4199b7ec29f-6b70dba7 {
  grid-row: span 2 / span 2;
}

#w-node-_8ff8ba9f-d4e7-8e5f-b4dd-ca052a058386-6b70dba7 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_8ff8ba9f-d4e7-8e5f-b4dd-ca052a058387-6b70dba7 {
  grid-row: span 2 / span 2;
}

#w-node-_80002efc-aa3e-81fc-ee42-d879e74c1012-6b70dba7 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_80002efc-aa3e-81fc-ee42-d879e74c1014-6b70dba7 {
  grid-row: span 2 / span 2;
}

#w-node-c696504f-213d-06b8-a545-1acca8e30513-6b70dba7 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-c696504f-213d-06b8-a545-1acca8e30514-6b70dba7 {
  grid-row: span 2 / span 2;
}

#w-node-c696504f-213d-06b8-a545-1acca8e30523-6b70dba7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1071ad99-a78c-ccdf-87f6-28acbbd9a271-6b70dba7 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

#w-node-_6a7cbd6d-f0aa-53db-4b46-80ff44f5f75f-c80c3e0d, #w-node-_6a7cbd6d-f0aa-53db-4b46-80ff44f5f7e0-c80c3e0d, #w-node-_6a7cbd6d-f0aa-53db-4b46-80ff44f5f7f3-c80c3e0d, #w-node-_7a99bad0-ae05-30df-cc76-e8c4e95fa903-c80c3e0d, #w-node-_6a7cbd6d-f0aa-53db-4b46-80ff44f5f7a9-c80c3e0d, #w-node-_6a7cbd6d-f0aa-53db-4b46-80ff44f5f7cb-c80c3e0d, #w-node-_6a7cbd6d-f0aa-53db-4b46-80ff44f5f79f-c80c3e0d, #w-node-d92127f4-4b2f-e699-c011-a73ae1f0b925-c80c3e0d, #w-node-_6a7cbd6d-f0aa-53db-4b46-80ff44f5f7b7-c80c3e0d, #w-node-_6a7cbd6d-f0aa-53db-4b46-80ff44f5f823-c80c3e0d, #w-node-_6a7cbd6d-f0aa-53db-4b46-80ff44f5f804-c80c3e0d, #w-node-_6a7cbd6d-f0aa-53db-4b46-80ff44f5f816-c80c3e0d, #w-node-_6a7cbd6d-f0aa-53db-4b46-80ff44f5f78b-c80c3e0d, #w-node-_6a7cbd6d-f0aa-53db-4b46-80ff44f5f830-c80c3e0d, #w-node-_9a797dd4-85d1-ce31-2ed8-fd2596b4deab-c80c3e0d, #w-node-_9a797dd4-85d1-ce31-2ed8-fd2596b4deb5-c80c3e0d, #w-node-_9a797dd4-85d1-ce31-2ed8-fd2596b4debf-c80c3e0d, #w-node-_9a797dd4-85d1-ce31-2ed8-fd2596b4decc-c80c3e0d, #w-node-_9a797dd4-85d1-ce31-2ed8-fd2596b4ded6-c80c3e0d, #w-node-_9a797dd4-85d1-ce31-2ed8-fd2596b4dee6-c80c3e0d, #w-node-_9a797dd4-85d1-ce31-2ed8-fd2596b4def0-c80c3e0d, #w-node-_9a797dd4-85d1-ce31-2ed8-fd2596b4defb-c80c3e0d, #w-node-_9a797dd4-85d1-ce31-2ed8-fd2596b4df0f-c80c3e0d, #w-node-_9a797dd4-85d1-ce31-2ed8-fd2596b4df1b-c80c3e0d, #w-node-_9a797dd4-85d1-ce31-2ed8-fd2596b4df27-c80c3e0d, #w-node-_9a797dd4-85d1-ce31-2ed8-fd2596b4df31-c80c3e0d, #w-node-_9a797dd4-85d1-ce31-2ed8-fd2596b4df3b-c80c3e0d, #w-node-e2f68471-8483-3cf8-c671-f34238041b5c-c80c3e0d, #w-node-e2f68471-8483-3cf8-c671-f34238041b83-c80c3e0d, #w-node-e2f68471-8483-3cf8-c671-f34238041b90-c80c3e0d, #w-node-_982a41ef-4151-7fdc-8804-b4e49adddb16-c80c3e0d, #w-node-_982a41ef-4151-7fdc-8804-b4e49adddb24-c80c3e0d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c120ae99-00d6-0891-637b-435d42b1bf5a-b1227325 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-bdfde629-c054-e7f6-03df-217782176e6d-b1227325, #w-node-bdfde629-c054-e7f6-03df-217782176e6f-b1227325, #w-node-bdfde629-c054-e7f6-03df-217782176e79-b1227325, #w-node-bdfde629-c054-e7f6-03df-217782176e81-b1227325, #w-node-bdfde629-c054-e7f6-03df-217782176e87-b1227325, #w-node-bdfde629-c054-e7f6-03df-217782176e89-b1227325, #w-node-bdfde629-c054-e7f6-03df-217782176e91-b1227325, #w-node-bdfde629-c054-e7f6-03df-217782176e99-b1227325, #w-node-bdfde629-c054-e7f6-03df-217782176e9b-b1227325, #w-node-bdfde629-c054-e7f6-03df-217782176e9d-b1227325, #w-node-bdfde629-c054-e7f6-03df-217782176e9f-b1227325, #w-node-bdfde629-c054-e7f6-03df-217782176eb0-b1227325, #w-node-bdfde629-c054-e7f6-03df-217782176eba-b1227325, #w-node-bdfde629-c054-e7f6-03df-217782176ebc-b1227325, #w-node-bdfde629-c054-e7f6-03df-217782176ec4-b1227325, #w-node-bdfde629-c054-e7f6-03df-217782176ec6-b1227325, #w-node-bdfde629-c054-e7f6-03df-217782176ece-b1227325, #w-node-bdfde629-c054-e7f6-03df-217782176ed6-b1227325 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_93c914fe-f0e7-436f-95ed-096622cc7a5e-22cc7a5d {
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

#w-node-_4bb53cfb-ceca-9ae6-f5b1-f688b25a05ea-dfc5e80b {
  place-self: center stretch;
}

@media screen and (min-width: 1280px) {
  #w-node-c696504f-213d-06b8-a545-1acca8e30525-6b70dba7, #w-node-c696504f-213d-06b8-a545-1acca8e30526-6b70dba7, #w-node-c696504f-213d-06b8-a545-1acca8e30528-6b70dba7 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_4b244199-4622-e1b1-e279-8f804435a3af-6b70dba7, #w-node-_1071ad99-a78c-ccdf-87f6-28acbbd9a271-6b70dba7 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-_93c914fe-f0e7-436f-95ed-096622cc7a5e-22cc7a5d {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media screen and (max-width: 767px) {
  #w-node-b578cebd-2129-1ac4-ce57-d4199b7ec29d-6b70dba7 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-b578cebd-2129-1ac4-ce57-d4199b7ec29f-6b70dba7 {
    grid-row: span 2 / span 2;
  }

  #w-node-_8ff8ba9f-d4e7-8e5f-b4dd-ca052a058386-6b70dba7 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-_8ff8ba9f-d4e7-8e5f-b4dd-ca052a058390-6b70dba7 {
    grid-row: span 2 / span 2;
  }

  #w-node-_80002efc-aa3e-81fc-ee42-d879e74c1012-6b70dba7 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-_80002efc-aa3e-81fc-ee42-d879e74c1014-6b70dba7 {
    grid-row: span 2 / span 2;
  }

  #w-node-c696504f-213d-06b8-a545-1acca8e30513-6b70dba7 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-c696504f-213d-06b8-a545-1acca8e3051d-6b70dba7 {
    grid-row: span 2 / span 2;
  }

  #w-node-_1071ad99-a78c-ccdf-87f6-28acbbd9a271-6b70dba7 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-c120ae99-00d6-0891-637b-435d42b1bf5a-b1227325 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-bdfde629-c054-e7f6-03df-217782176e6d-b1227325 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-bdfde629-c054-e7f6-03df-217782176e6f-b1227325 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-bdfde629-c054-e7f6-03df-217782176e79-b1227325 {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-bdfde629-c054-e7f6-03df-217782176e89-b1227325 {
    grid-area: 3 / 2 / 4 / 3;
  }

  #w-node-bdfde629-c054-e7f6-03df-217782176e91-b1227325 {
    grid-area: 4 / 2 / 5 / 3;
  }

  #w-node-bdfde629-c054-e7f6-03df-217782176ea1-b1227325 {
    grid-area: 5 / 2 / 6 / 3;
  }

  #w-node-bdfde629-c054-e7f6-03df-217782176eb0-b1227325 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-bdfde629-c054-e7f6-03df-217782176eba-b1227325 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-bdfde629-c054-e7f6-03df-217782176ec4-b1227325 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-bdfde629-c054-e7f6-03df-217782176ec6-b1227325 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-bdfde629-c054-e7f6-03df-217782176ece-b1227325 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_93c914fe-f0e7-436f-95ed-096622cc7a5e-22cc7a5d {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_4b244199-4622-e1b1-e279-8f804435a3af-6b70dba7 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }
}


@font-face {
  font-family: 'Kalam';
  src: url('../fonts/Kalam-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fontzipmin';
  src: url('../fonts/fontzipMin.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}