@charset "utf-8";
* {
  margin:0;
  padding:0;
  box-sizing: border-box;
}
body {
  font-family:"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color:#000;
  line-height: 1.5em;
}
ul,ol {
  list-style-type:none;
}
a:hover {
  opacity:1.0;
}
a:focus {
  outline: none;
}
.content_wrap {
  max-width: 750px;
  margin:0 auto;
  overflow: hidden;
}
.content_wrap img {
  height:auto;
  display: block;
  height: auto;
  vertical-align:top;
  border: 0;
  max-width: 100%;
  margin:0;
}
.content_wrap video {
  width: 100%;
  display: block;
  height: auto;
  vertical-align:top;
  border: 0;
  outline: none;
}
.content_wrap a {
  display: block;
}
.content_wrap .rl {
  position: relative;
}
.content_wrap .sldb {
  transition: 0.8s 0s;
  clip-path: inset(0% 0% 100% 0%);
}
.content_wrap .sldb.inview_active {
  clip-path: inset(0%);
}
.content_wrap .fadeup.inview_active{
  transform: translateY(0px);
  opacity: 1;
}
.content_wrap .sldt {
  transition: 0.8s 0s;
  clip-path: inset(100% 0% 0 0%);
}
.content_wrap .sldt.inview_active {
  clip-path: inset(0%);
}
.content_wrap .fadeup {
  transition: 0.7s 0s;
  transform: translateY(40px);
  opacity: 0;
}
.content_wrap .fadeup2.inview_active{
  transform: translateY(0px);
  opacity: 1;
}
.content_wrap .fadeup2 {
  transition: 0.7s 0s;
  transform: translateY(-40px);
  opacity: 0;
}
.content_wrap .lsld {
  transition: 0.8s 0s;
  clip-path: inset(0% 100% 0% 0%);
}
.content_wrap .lsld.inview_active {
  clip-path: inset(0%);
}
.content_wrap .rsld {
  transition: 0.8s 0s;
  clip-path: inset(0% 0% 0% 100%);
}
.content_wrap .rsld.inview_active {
  clip-path: inset(0%);
}
.content_wrap .nrt_box {
  overflow: hidden;
  opacity: 0;
}
.content_wrap .nrt_box.inview_active {
  opacity: 1;
}
.content_wrap .nrt_box .nrt {
  opacity: 0;
  transform: matrix(1, 0, 0, 1, 0, 100);
  transition: 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}
.content_wrap .nrt_box.inview_active .nrt {
  opacity: 1;
  transform: matrix(1, 0, 0, 1, 0, 0);
}
.content_wrap .fv .fv01 {
  position: absolute;
  width: 23.33%;
  z-index: 2;
  top:17.36%;
  right:0;
  transition: 0.7s 0s;
  transform: translateY(40px);
  opacity: 0;
}
.content_wrap .fv.on .fv01 {
  transform: translateY(0px);
  opacity: 1;
}
.content_wrap .fv .fv02 {
  position: absolute;
  width: 12.13%;
  z-index: 2;
  top:19.83%;
  left:24.4%;
  transition: 1s 0.2s;
  clip-path: inset(0% 0% 100% 0%);
}
.content_wrap .fv.on .fv02 {
  clip-path: inset(0%);
}
.content_wrap .fv .fv03 {
  position: absolute;
  width: 24%;
  z-index: 2;
  top:21.9%;
  left:2%;
  opacity: 0;
}
.content_wrap .fv.on .fv03 {
  animation: poyoyon2 1s ease-in-out 0.7s forwards;
}
@keyframes poyoyon2 {
  0%  {
    transform: scale(1.0, 1.0) translate(0, 0);
  }
  15% {
    transform: scale(0.97, 0.97) translate(0, 2px);
  }
  30% {
    transform: scale(1.01, 1.0) translate(0, 4px);
  }
  50% {transform: scale(0.95, 1.0) translate(0, -4px);
  }
  70% {
    transform: scale(1.0, 0.9) translate(0, 2px);
  }
  100% {
    transform: scale(1.0, 1.0) translate(0, 0);
  }
  0%, 100% {
    opacity: 1;
  }
}
.content_wrap .fv .fv04 li {
  position: absolute;
  z-index: 2;
  transition: 0.7s 0s;
  transform: translateY(40px);
  opacity: 0;
}
.content_wrap .fv .fv04 li:nth-of-type(1) {
  width: 41.46%;
  transition-delay: 0.6s;
  top:61.76%;
  left:4.8%;
}
.content_wrap .fv .fv04 li:nth-of-type(2) {
  width: 42.4%;
  transition-delay: 0.9s;
  top:61.76%;
  left:56.66%;
}
.content_wrap .fv.on .fv04 li {
  transform: translateY(0px);
  opacity: 1;
}
.btm-fix2 {
  position: fixed;
  left:50%;
  margin-left:-375px;
  bottom:0;
  width: 750px;
  height:200px;
  z-index: 10;
  display: none;
}
.btm-fix2 a {
  display: block;
}
.btm-fix2 .btm_btn2 {
  position: absolute;
  width: 40.66%;
  top:8.5%;
  right:0.93%;
}
.content_wrap .nrt_box {
  overflow: hidden;
  opacity: 0;
}
.content_wrap .nrt_box.inview_active {
  opacity: 1;
}
.content_wrap .nrt_box .nrt {
  opacity: 0;
  transform: matrix(1, 0, 0, 1, 0, 100);
  transition: 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}
.content_wrap .nrt_box.inview_active .nrt {
  opacity: 1;
  transform: matrix(1, 0, 0, 1, 0, 0);
}
.content_wrap .pt06 {
  position: absolute;
  width: 74.13%;
  top:20.75%;
  z-index: 2;
  left:12.4%;
}
.content_wrap .pt06-2 {
  position: absolute;
  width: 100%;
  text-align: center;
  top:50%;
  z-index: 2;
  font-size:80px;
  line-height: 1.2em;
}
.content_wrap .pt07 {
  position: absolute;
  width: 81.33%;
  top:2.11%;
  left:9.06%;
  z-index: 2;
}
.content_wrap .pt08 {
  position: absolute;
  width: 65.06%;
  top:27.91%;
  left:17.86%;
  z-index: 2;
  transition: 1s 0s;
}
.content_wrap .pt57 {
  position: absolute;
  z-index: 2;
  width: 73.2%;
  top:9.31%;
  left:12.66%;
}
.content_wrap .pt58 {
  position: absolute;
  z-index: 2;
  width: 45.06%;
  top:86.37%;
  left:5.33%;
  opacity: 0;
}
.content_wrap .pt58.inview_active {
  animation: poyoyon2 1s ease-in-out 0.7s forwards;
}
.content_wrap .pt68 {
  position: absolute;
  z-index: 2;
  width: 22.4%;
  top:14%;
  left:8.26%;
}
.content_wrap .pt69 li {
  position: absolute;
  width: 24.26%;
  z-index: 2;
  opacity: 0;
  transition: 0.7s;
  transform: translateY(40px);
}
.content_wrap .pt69 li.inview_active,.content_wrap .pt69 li.inview_active ~li {
  transform: translateY(0);
  opacity: 1;
}
.content_wrap .pt69 li:nth-of-type(1) {
  top:41.4%;
  left:11.46%;
}
.content_wrap .pt69 li:nth-of-type(2) {
  top:41.4%;
  left:38%;
  transition-delay: 0.3s;
}
.content_wrap .pt69 li:nth-of-type(3) {
  top:41.4%;
  left:64.53%;
  transition-delay: 0.6s;
}
.content_wrap .pt69 li:nth-of-type(4) {
  top:55.15%;
  left:24.13%;
  transition-delay: 0.9s;
}
.content_wrap .pt69 li:nth-of-type(5) {
  top:55.15%;
  left:50.53%;
  transition-delay: 1.2s;
}
.content_wrap .btn01 {
  position: absolute;
  width: 91.6%;
  top:80.33%;
  left:4%;
}
.content_wrap .btn_ani {
  -webkit-animation: anmCVbtn 2s infinite ease-out;
  animation: anmCVbtn 2s infinite ease-out;
}
@-webkit-keyframes anmCVbtn { 0% { transform: scale(0.9); }
  25% { transform: scale(1); }
  50% { transform: scale(0.9); }
  75% { transform: scale(1); }
  100% { transform: scale(0.9); } }

@keyframes anmCVbtn { 0% { transform: scale(0.9); }
  25% { transform: scale(1); }
  50% { transform: scale(0.9); }
  75% { transform: scale(1); }
  100% { transform: scale(0.9); } }
.content_wrap .pt20 {
  position: absolute;
  z-index: 2;
  width: 32.66%;
  top:8.32%;
  right:0;
}
.content_wrap .hk_btn {
  position: absolute;
  width: 66.13%;
  top:36.63%;
  left:9.66%;
}
}.content_wrap .hk_btn {