.container {
  position: relative;
  z-index: 3;
}
.container > *:not(.topcontents) {
  position: relative;
  z-index: 2;
}

.topcontents {
  position: relative;
  z-index: -1;
}
.topcontents .usp_bg {
  width: 100%;
  height: 100lvh;
  position: fixed;
  z-index: -1;
  top: 0;
  left: 0;
}
.topcontents .usp_bg video {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-aspect-ratio: 16/9) {
  .topcontents .usp_bg video {
    height: 100%;
    width: auto;
  }
}
.topcontents .top_usp00 {
  background: none;
}

.usp_lower {
  background: none;
}

.topcontents_lower {
  background: #fff;
}

.mainVisual__inner {
  position: relative;
  height: 100vh;
}
@media (max-width: 767px) {
  .mainVisual__inner {
    height: calc(100svh - 40px);
  }
}

.mainVisual_mov {
  position: relative;
  width: 100%;
  height: 100%;
}
.mainVisual_mov::after {
  transition: opacity 0.5s ease-in-out;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #6c6c6c;
}
.mainVisual_mov.on::after {
  opacity: 0;
}
.mainVisual_mov #mvmov {
  position: absolute;
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 769px) and (max-aspect-ratio: 16/9) {
  .mainVisual_mov #mvmov {
    height: 100%;
    width: auto;
  }
}
@media screen and (max-width: 768px) {
  .mainVisual_mov #mvmov {
    aspect-ratio: 9/16;
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 768px) and (max-aspect-ratio: 9/16) {
  .mainVisual_mov #mvmov {
    height: 100%;
    width: auto;
  }
}

#mainVisual .mainVisual_fin {
  height: 100vh;
  width: 100%;
  position: relative;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 767px) {
  #mainVisual .mainVisual_fin {
    height: calc(100svh - 40px);
  }
}

#mainVisual.finish .mainVisual_fin {
  opacity: 1;
  transform: scale(1);
}

#mainVisual .mainv_fin {
  position: relative;
  z-index: 1;
  opacity: 0;
  transform: scale(1.1);
  transition: opacity 1s ease-in-out, transform 0s 1s ease-in-out;
}

#mainVisual.finish .mainv_fin {
  opacity: 1;
  transform: scale(1);
  transition: opacity 1s ease-in-out, transform 1s ease-in-out;
}

#mainVisual .mainv_icon01 {
  opacity: 0;
  transform: scale(1.1);
  transition-delay: 0s;
  transition: opacity 1s 0s ease-in-out, transform 0.5s 1.5s ease-in-out;
}

#mainVisual.finish .mainv_icon01 {
  opacity: 1;
  transform: scale(1);
  transition: opacity 1s 0.5s ease-in-out, transform 1s 0.5s ease-in-out;
}

#mainVisual .mainv_txt01 {
  opacity: 0;
  transform: translate(0, 20%);
  transition: opacity 0.5s 0s ease-in-out, transform 0.5s 2s ease-in-out;
}

#mainVisual.finish .mainv_txt01 {
  opacity: 1;
  transform: translate(0, 0);
  transition: opacity 0.5s 1s ease-in-out, transform 0.5s 1s ease-in-out;
}

#mainVisual .capIn {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

#mainVisual.finish .capIn {
  opacity: 1;
}

#playskip {
  position: absolute;
  width: 120px;
  height: 36px;
  display: flex;
  background: #656565;
  right: 10px;
  bottom: 70px;
  z-index: 10;
  color: #fff;
  font-family: "cinzel";
  font-size: 21px;
  letter-spacing: 0.1em;
  cursor: pointer;
  transition: background 0.3s ease-in-out;
  opacity: 0;
  -webkit-animation: oanim 1s 1s ease-in forwards;
          animation: oanim 1s 1s ease-in forwards;
}
#playskip::after {
  content: "SKIP";
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

@-webkit-keyframes oanim {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes oanim {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#playskip:hover {
  background: #777;
}

#mainVisual.finish #playskip::after {
  content: "PLAY";
}

.usp_block {
  position: relative;
}
.usp_block h6 {
  z-index: 10;
}
.usp_block h6 span {
  display: inline-flex;
  position: relative;
  justify-content: flex-start;
  align-items: flex-start;
  transition: transform 0.6s linear;
  transform-origin: left top;
}
.usp_block .usb_padding {
  height: 150vh;
}
.usp_block .usp_upper {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
  opacity: 1;
  transition: opacity 1s;
}
.usp_block .usp_upper .uspa_inner > * {
  z-index: 2;
}
.usp_block .usp_upper .uspa_inner .animlibtrigger {
  z-index: 1;
}
.usp_block.current .usp_upper {
  position: fixed;
  bottom: 0;
}
.usp_block .top_uspa_inner {
  z-index: 4;
}
.usp_block .top_uspa_inner > * {
  transition: opacity 0.5s ease-out, transform 0.5s ease-out, filter 0.5s ease-out;
}
.usp_block .top_uspa_inner > *:nth-child(2) {
  transition-delay: 0.05s;
}
.usp_block .top_uspa_inner > *:nth-child(3) {
  transition-delay: 0.1s;
}
.usp_block .top_uspa_inner > *:nth-child(4) {
  transition-delay: 0.15s;
}
.usp_block .top_uspa_inner > *:nth-child(5) {
  transition-delay: 0.2s;
}
.usp_block:not(.current) .top_uspa_inner > * {
  opacity: 0;
  transform: translate(0, 40px);
}
.usp_block.change .usp_upper {
  pointer-events: none;
  opacity: 0;
}
.usp_block.change .usp_upper h6 span {
  transform: scale(1.9230769231);
}
.usp_block.change .top_uspa_inner > *:nth-child(n+2) {
  transform: translate(0, -40px);
}
@media screen and (max-width: 768px) {
  .usp_block.change.usp_block_1 .usp_upper h6 span {
    transform: scale(1.1764705882);
  }
  .usp_block.change.usp_block_2 .usp_upper h6 span {
    transform: scale(1.1764705882);
  }
  .usp_block.change.usp_block_3 .usp_upper h6 span {
    transform: scale(1);
  }
  .usp_block.change.usp_block_4 .usp_upper h6 span {
    transform: scale(1);
  }
  .usp_block.change.usp_block_5 .usp_upper h6 span {
    transform: scale(1);
  }
  .usp_block.change.usp_block_6 .usp_upper h6 span {
    transform: scale(1);
  }
}
.usp_block.change.over .usp_upper {
  position: absolute;
  top: unset;
  bottom: 0vh;
}
.usp_block:not(.change) .usp_lower h6 span {
  transform: scale(0.52);
}
@media screen and (max-width: 768px) {
  .usp_block:not(.change).usp_block_1 .usp_lower h6 span {
    transform: scale(0.85);
  }
  .usp_block:not(.change).usp_block_2 .usp_lower h6 span {
    transform: scale(0.85);
  }
  .usp_block:not(.change).usp_block_3 .usp_lower h6 span {
    transform: scale(1);
  }
  .usp_block:not(.change).usp_block_4 .usp_lower h6 span {
    transform: scale(1);
  }
  .usp_block:not(.change).usp_block_5 .usp_lower h6 span {
    transform: scale(1);
  }
  .usp_block:not(.change).usp_block_6 .usp_lower h6 span {
    transform: scale(1);
  }
}
.usp_block .usp_lower {
  z-index: 1;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  min-height: 100vh;
  display: grid;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 100vh;
  opacity: 0;
  transition: opacity 1s ease-in-out;
}
.usp_block .usp_lower .top_uspb_inner {
  width: 100vw;
  min-height: 100vh;
  position: relative;
}
.usp_block.change .usp_lower {
  opacity: 1;
}
.usp_block .top_uspb_inner_txtblock > * {
  transition: opacity 0.5s ease-out, transform 0.5s ease-out;
}
.usp_block .top_uspb_inner_txtblock > *:nth-child(1) {
  transition-delay: 0.5s;
}
.usp_block .top_uspb_inner_txtblock > *:nth-child(2) {
  transition-delay: 0.55s;
}
.usp_block .top_uspb_inner_txtblock > *:nth-child(3) {
  transition-delay: 0.6s;
}
.usp_block .top_uspb_inner_txtblock > *:nth-child(4) {
  transition-delay: 0.65s;
}
.usp_block .top_uspb_inner_txtblock > *:nth-child(5) {
  transition-delay: 0.7s;
}
.usp_block:not(.change) .top_uspb_inner_txtblock > * {
  opacity: 0;
  transform: translate(0, 40px);
}

.change .animlib_D img {
  transition: transform 0.8s 0.2s ease-in-out, opacity 0.9s 0.2s ease-in-out;
  transform: scale(1);
  opacity: 1;
}
.change .animlib_D:nth-of-type(2) img {
  transition: transform 0.8s 0.35s ease-in-out, opacity 0.9s 0.35s ease-in-out;
}
.change .animlib_D:nth-of-type(3) img {
  transition: transform 0.8s 0.5s ease-in-out, opacity 0.9s 0.5s ease-in-out;
}
.change .animlib_D:nth-of-type(4) img {
  transition: transform 0.8s 0.65s ease-in-out, opacity 0.9s 0.65s ease-in-out;
}

.usp_block_2 .top_usp02_img01,
.usp_block_2 .top_usp02_img02,
.usp_block_2 .top_usp02_img03 {
  transition: transform 0.8s 0.5s ease-in-out;
  transform: translate(0, 20px);
}
.usp_block_2 .top_usp02_img01 .capIn,
.usp_block_2 .top_usp02_img02 .capIn,
.usp_block_2 .top_usp02_img03 .capIn {
  opacity: 0;
  transition: 1s 0s ease-in-out;
}
.usp_block_2.change .top_usp02_img01,
.usp_block_2.change .top_usp02_img02,
.usp_block_2.change .top_usp02_img03 {
  transform: translate(0, 0);
}
.usp_block_2.change .top_usp02_img01 .capIn,
.usp_block_2.change .top_usp02_img02 .capIn,
.usp_block_2.change .top_usp02_img03 .capIn {
  opacity: 1;
}
.usp_block_2.change .top_usp02_img01 {
  transition-delay: 0.6s;
}
.usp_block_2.change .top_usp02_img01 .capIn {
  transition-delay: 0.6s;
}
.usp_block_2.change .top_usp02_img01 img {
  transition: transform 0.8s 0.6s ease-in-out, opacity 0.9s 0.6s ease-in-out;
}
.usp_block_2.change .top_usp02_img02 {
  transition-delay: 0.7s;
}
.usp_block_2.change .top_usp02_img02 .capIn {
  transition-delay: 0.7s;
}
.usp_block_2.change .top_usp02_img02 img {
  transition: transform 0.8s 0.7s ease-in-out, opacity 0.9s 0.7s ease-in-out;
}
.usp_block_2.change .top_usp02_img03 {
  transition-delay: 0.9s;
}
.usp_block_2.change .top_usp02_img03 .capIn {
  transition-delay: 0.8s;
}
.usp_block_2.change .top_usp02_img03 img {
  transition: transform 0.8s 0.9s ease-in-out, opacity 0.9s 0.9s ease-in-out;
}

.infoBox {
  z-index: 10;
}
/*# sourceMappingURL=contents_2.css.map */