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

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

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

.container {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.container.sec_3 {
  justify-content: center;
  align-items: flex-start;
}

.container.sec6 {
  background-color: #ffffffe6;
}

.wrapper_bg_movie {
  width: 100%;
}

.background-video {
  width: 100%;
  height: 100%;
  padding-top: 210%;
}

.wrapper_image.kta02 {
  width: 30%;
  position: absolute;
  inset: 2% auto auto 48%;
}

.wrapper_image.kta04 {
  width: 98%;
  margin-top: 23%;
}

.wrapper_image.kta03 {
  width: 30%;
  position: absolute;
  inset: 7% auto auto 69%;
}

.wrapper_image.kta05 {
  width: 95%;
  margin-top: 38%;
  margin-left: 6%;
}

.wrapper_image.kta06 {
  width: 17%;
  position: absolute;
  inset: auto 6% 11% auto;
}

.wrapper_image.kta06.sec7 {
  z-index: 1;
  bottom: 36%;
}

.wrapper_image.loop_image {
  margin-right: 1%;
}

.wrapper_image.kta23 {
  width: 92%;
  margin-top: 15%;
}

.wrapper_image.kta24 {
  width: 21%;
  position: absolute;
  inset: 27% 1% auto auto;
}

.wrapper_image.kta25 {
  width: 97%;
  margin-top: 15%;
  margin-bottom: 5%;
  margin-left: -1%;
}

.wrapper_image.sec7_kta05 {
  width: 95%;
  margin-top: 5%;
  margin-left: 6%;
}

.wrapper_image.kta26 {
  width: 98%;
}

.wrapper_button.sec2 {
  width: 88%;
  margin-top: 9%;
}

.section_bg_movie {
  position: fixed;
  inset: 0%;
}

.wrapper_text.sec1_button_note {
  margin-top: 2%;
}

.wrapper_text.sec7_button_note {
  margin-top: 2%;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-weight: 400;
}

.text {
  margin-bottom: 0;
}

.text.sec1_button_note {
  color: #fff;
  font-size: 27px;
  font-weight: 400;
  line-height: 27px;
}

.flex.loop_1st_line, .flex.loop_2nd_line, .flex.loop_3rd_line {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-content: center;
  align-items: center;
  width: 200%;
  margin-top: 5%;
  display: flex;
}

.spacer.sec7 {
  width: 100%;
  margin-bottom: 10%;
}

@media screen and (max-width: 991px) {
  .text.sec1_button_note {
    font-size: 22px;
    line-height: 22px;
  }
}

@media screen and (max-width: 767px) {
  .text.sec1_button_note {
    font-size: 3vw;
    line-height: 3vw;
  }
}