.top_usp {
  margin-bottom: -1px;
}

.top_usp00 {
  background: none;
  position: relative;
  z-index: 10;
}
.top_usp00 .wrapper {
  background-color: rgb(185, 185, 183);
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-clip-path: inset(0 0);
          clip-path: inset(0 0);
}
.top_usp00 .bg {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: calc(100vh + 50px);
  position: fixed;
  background-image: url("../imgs/top_bg01_sp.jpg");
  background-color: rgb(185, 185, 183);
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: -1;
}
@media (max-width: 767px) {
  .top_usp00 .bg {
    height: calc(100vh + 50px);
    height: calc(100lvh + 50px);
  }
}

.fullsize {
  width: 100%;
  position: relative;
  z-index: 1;
  height: calc(100vh + 240px + 1000px);
}
@media (max-width: 767px) {
  .fullsize {
    height: 250vh;
    height: 250lvh;
  }
}
.fullsize .txt {
  margin-top: 240px;
  z-index: 2;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
}
@media (max-width: 767px) {
  .fullsize .txt {
    height: 100vh;
    height: 100lvh;
  }
}
.fullsize .tu_bg {
  margin-top: -300vh;
  z-index: 1;
  top: 0;
  left: 0;
  position: -webkit-sticky;
  position: sticky;
  width: 100%;
  transition: opacity 0.5s;
  height: 100vh;
  overflow: hidden;
}
@media (max-width: 767px) {
  .fullsize .tu_bg {
    margin-top: -300vh;
    margin-top: -300lvh;
  }
}
.fullsize .copy, .fullsize .btn {
  transition: opacity 0.6s, transform 0.6s;
}
.fullsize .uspttl .uspttl01 {
  transition: opacity 1.2s ease-in-out, transform 0.5s ease-in-out;
}
.fullsize .uspttl .uspttllineb, .fullsize .uspttl .uspttllinew {
  transform-origin: left top;
  transition: transform 0.3s ease-in-out;
  transition-delay: 0.3s;
}
.fullsize .uspttl .uspttl02 {
  transition: opacity 0.9s 0.5s ease-in-out, transform 0.5s 0.5s ease-in-out;
}
.fullsize .txt1 {
  transition: opacity 0.3s ease-in-out, filter 0.3s ease-in-out, transform 0.3s ease-in-out;
}
.fullsize .photo {
  transition: opacity 1.3s ease-in-out, filter 0.8s ease-in-out, transform 1.3s ease-in-out;
}
.fullsize .brand {
  transition: opacity 0.6s ease-in-out, filter 0.6s ease-in-out, transform 0.6s ease-in-out;
}
.fullsize .txt2 {
  transition: opacity 0.6s 0.3s ease-in-out, filter 0.6s 0.3s ease-in-out, transform 0.6s 0.3s ease-in-out;
}
.fullsize .txt3 {
  transition: opacity 1.2s 0.6s ease-in-out, filter 1.2s 0.6s ease-in-out, transform 1.2s 0.6s ease-in-out;
}
.fullsize:not(.reach) .uspttl .uspttl01 {
  transform: translateY(-10px);
  opacity: 0;
  transition: 0.5s;
}
.fullsize:not(.reach) .uspttl .uspttllineb, .fullsize:not(.reach) .uspttl .uspttllinew {
  transition: 0.5s;
  transform: scaleY(0);
}
.fullsize:not(.reach) .uspttl .uspttl02 {
  transform: translateY(-10px);
  opacity: 0;
  transition: 0.5s 0.5s;
}
.fullsize:not(.reach) .photo {
  filter: brightness(500%) grayscale(1000%) blur(10px);
  opacity: 0;
  transform: translateY(5%) scale(1.1);
}
.fullsize:not(.reach2) .txt1 {
  opacity: 0;
  filter: blur(10px);
  transform: translateX(-20px);
}
.fullsize:not(.reach3) .txt2 {
  opacity: 0;
  filter: blur(10px);
  transform: translateX(-40px);
}
.fullsize:not(.reach3) .txt3 {
  opacity: 0;
  filter: blur(10px);
  transform: translateX(-40px);
}

.mainVisual {
  position: relative;
  z-index: 3;
  background: #fff;
}
.mainVisual .slider_mainv {
  margin-bottom: 0 !important;
}

.below_infor {
  position: relative;
  z-index: 2;
}

.usp_area {
  position: relative;
  z-index: 1;
}

.usp01 {
  z-index: 4;
}

.usp02 {
  z-index: 3;
}

.usp03 {
  z-index: 2;
  max-width: 100%;
}

.usp04 {
  z-index: 1;
}
/*# sourceMappingURL=fullsize.css.map */