#leftImg,
#rightImg{
  position: fixed;
  top: 0;
  width: calc((100% - 700px) / 2);
  height: 100vh;
}
#leftImg{
  left: 0;
  background: url(../img/screen_left_pc.png) ;
  background-size: cover;
  background-position: bottom center;
}
#rightImg{
  right: 0;
  background: url(../img/screen_right_pc.png) ;
  background-size: cover;
  background-position: top center;
}
#leftImg .conte{
  width: 100%;
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#leftImg .conte .ttl{
  width: 338px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}
#leftImg .conte .icon_lists{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
}
#leftImg .conte .icon_lists li{
  width: 30px;
}
#mainConte{
  margin-left: calc((100% - 700px) / 2);
  margin-right: calc((100% - 700px) / 2);
  width: 700px;
  height: 100vh;
}

section .sec_txt{
  font-size: 26px;
  font-weight: 500;
  line-height: 2;
  letter-spacing: -0.04em;
  text-align: center;
}
section .symbol{
  font-family: serif;
}

#sec1{
   margin-top: 105px;
   padding-bottom: 130px;
}
#sec1 .top_bg{
  position: relative;
  overflow: hidden;
}
#sec1 .top_bg .bg._01{
  width: 168px;
  position: absolute;
  top: 180px;
  left: -70px;
}
#sec1 .top_bg .bg._02{
  width: 121px;
  position: absolute;
  top: 180px;
  right: -50px;
}
#sec1 .sec_ttl{
  position: relative;
  width: 460px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -364px;
}
#sec1 .sec_txt{
  position: relative;
  margin-top: 1.5em;
}
#sec1 .movie_conte{
  margin-top: 97px;
}
#sec1 .movie_conte .movie_ttl{
  width: 493px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}
#sec1 .movie_conte .movie_thumb{
  width: 90%;
  height: 400px;
  margin-left: auto;
  margin-right: auto;
}

#sec2{
  padding-bottom: 124px;
}
#sec2 .sec_ttl{
  position: relative;
  width: 457px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -450px;
}
#sec2 .slide_conte{
  width: 100%;
  margin-top: 45px;
  overflow: hidden;
  position: relative;
}
#sec2 .slide_conte .slide_img{
  width: 1755px;
  display: flex;
  transform: translateX(-100%);
  will-change: transform;
  perspective: 1000;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
#sec2 .slide_conte .slide_img img{
  animation: slide01 40s linear infinite 0s normal;
  /* animation: slide01 5s linear infinite 0s normal; */
  width: 1755px;
  flex-shrink: 0;
}
@keyframes slide01 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
#sec2 .sec_txt{
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  text-align: justify;
  margin-top: 3em;
}

#sec3{
  padding-bottom: 116px;
}
#sec3 .sec_ttl{
  position: relative;
  width: 356px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -430px;
}
#sec3 .slide_conte{
  width: 100%;
  margin-top: 50px;
  overflow: hidden;
  position: relative;
}
#sec3 .slide_conte .slide_img{
  width: 1675px;
  display: flex;
  transform: translateX(0);
  will-change: transform;
  perspective: 1000;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
#sec3 .slide_conte .slide_img img{
  animation: slide02 38.2s linear infinite 0s normal;
  /* animation: slide02 5s linear infinite 0s normal; */
  width: 1675px;
  flex-shrink: 0;
}
@keyframes slide02 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-1675px);
  }
}
#sec3 .sec_txt{
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  text-align: justify;
  margin-top: 3em;
}

#sec4 .conte{
  position: relative;
  margin-top: -1638px;
}
#sec4 .conte .sec_ttl{
  width: 480px;
  margin-left: auto;
  margin-right: auto;
}
#sec4 .conte .movie_thumb{
  width: 500px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 73px;
}
#sec4 .sec_txt{
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  text-align: justify;
  margin-top: 3em;
}

#sec5{
  margin-top: 180px;
  padding-bottom: 90px;
} 
#sec5 .sec_ttl{
  width: 452px;
  margin-left: auto;
  margin-right: auto;
}
#sec5 .img{
  margin-top: 70px;
}

#sec6{
  padding-bottom: 130px;
}
#sec6 .conte{
  margin-top: -840px;
}
#sec6 .conte .sec_ttl{
  width: 540px;
  margin-left: auto;
  margin-right: auto;
}
#sec6 .conte .sec_txt{
  margin-top: 3em;
  margin-bottom: 3em;
}
#sec6 .conte .img{
  width: 600px;
  margin-left: auto;
  margin-right: auto;
}

#sec7{
  background: url(../img/sec7_bg.webp);
  background-size: cover;
  background-position: top right;
  padding-top: 164px;
}
#sec7 .sec_ttl{
  width: 600px;
  margin-left: auto;
  margin-right: auto;
}
#sec7 .slide_conte{
  width: 100%;
  margin-top: 70px;
  overflow: hidden;
  position: relative;
  background: #000;
}
#sec7 .slide_conte .slide_img{
  width: 1675px;
  display: flex;
  transform: translateX(0);
  will-change: transform;
  perspective: 1000;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
#sec7 .slide_conte .slide_img img{
  animation: slide03 38.2s linear infinite 0s normal;
  /* animation: slide03 5s linear infinite 0s normal; */
  width: 1675px;
  flex-shrink: 0;
}
@keyframes slide03 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-1675px);
  }
}
#sec7 .sec_txt{
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  text-align: justify;
  margin-top: 70px;
  padding-bottom: 4em;
  color: #000;
}

#summary{
  width: 600px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 86px;
}
#summary .summary_logo{
  width: 400px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 86px;
}
#summary .head_conte{
  border-top: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
  padding-top: 30px;
  padding-bottom: 20px;
  text-align: center;
}
#summary .head_conte .txt{
  font-size: 29px;
  font-weight: 400;
  line-height: 1;
}
#summary .head_conte .arrow{
  font-size: 22px;
  font-weight: 400;
  line-height: 1;
  margin-top: 1em;
}
#summary .txt_conte{
  height: 0;
  overflow: hidden;
  transition: height 0.5s ease;
  font-size: 20px;
  font-weight: 400;
  text-align: justify;
  line-height: 1.8;
  margin-top: 1.5em;
}
#summary .txt_conte li{
  text-indent: -1em;
  padding-left: 1em;
}
#summary .txt_conte li a{
  color: #00a0dc;
  text-decoration: underline;
}
#summary .txt_conte .txt_wrap._02{
  margin-top: 2em;
}
#summary .comming_txt{
  font-size: 29px;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  margin-top: 3em;
  margin-bottom: 50px;
}
#mainConte #footer{
  padding-top: 84px;
  padding-bottom: 42px;
}
#mainConte #footer .icon_lists{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 42px;
  margin-bottom: 50px;
}
#mainConte #footer .icon_lists li{
  width: 40px;
}
#mainConte #footer .logo{
  width: 302px;
  margin-left: auto;
  margin-right: auto;
}


@media(max-width:1600px){
  #leftImg,
  #rightImg{
    width: calc((100% - 43.75vw) / 2);
  }
  #leftImg .conte .ttl{
    width: 21.12vw;
    margin-bottom: 1.87vw;
  }
  #leftImg .conte .icon_lists{
    gap: 1.87vw;
  }
  #leftImg .conte .icon_lists li{
    width: 1.87vw;
  }
  #mainConte{
    margin-left: calc((100% - 43.75vw) / 2);
    margin-right: calc((100% - 43.75vw) / 2);
    width: 43.75vw;
  }

  section .sec_txt{
    font-size: 1.62vw;
  }
  
  #sec1{
    margin-top: 6.56vw;
    padding-bottom: 8.12vw;
  }
  #sec1 .top_bg .bg._01{
    width: 10.5vw;
    top: 11.25vw;
    left: -4.37vw;
  }
  #sec1 .top_bg .bg._02{
    width: 7.56vw;
    top: 11.25vw;
    right: -3.12vw;
  }
  #sec1 .sec_ttl{
    width: 28.75vw;
    margin-top: -22.75vw;
  }
  #sec1 .movie_conte{
    margin-top: 6.06vw;
  }
  #sec1 .movie_conte .movie_ttl{
    width: 30.81vw;
    margin-bottom: 1.87vw;
  }
  #sec1 .movie_conte .movie_thumb{
    height: 25vw;
  }
  
  #sec2{
    padding-bottom: 7.75vw;
  }
  #sec2 .sec_ttl{
    width: 28.56vw;
    margin-top: -28.12vw;
  }
  #sec2 .slide_conte{
    margin-top: 2.81vw;
  }
  #sec2 .slide_conte .slide_img{
    width: 109.68vw;
  }
  #sec2 .slide_conte .slide_img img{
    width: 109.68vw;
  }
  @keyframes slide01 {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-109.68vw);
    }
  }
  
  #sec3{
    padding-bottom: 7.25vw;
  }
  #sec3 .sec_ttl{
    width: 22.25vw;
    margin-top: -26.87vw;
  }
  #sec3 .slide_conte{
    margin-top: 3.12vw;
  }
  #sec3 .slide_conte .slide_img{
    width: 104.68vw;
  }
  #sec3 .slide_conte .slide_img img{
    width: 104.68vw;
  }
  @keyframes slide02 {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-104.68vw);
    }
  }
  
  #sec4 .conte{
    margin-top: -102.37vw;
  }
  #sec4 .conte .sec_ttl{
    width: 30vw;
  }
  #sec4 .conte .movie_thumb{
    width: 31.25vw;
    margin-top: 4.56vw;
  }
  
  #sec5{
    margin-top: 11.25vw;
    padding-bottom: 5.62vw;
  } 
  #sec5 .sec_ttl{
    width: 28.25vw;
  }
  #sec5 .img{
    margin-top: 4.37vw;
  }
  
  #sec6{
    padding-bottom: 8.12vw;
  }
  #sec6 .conte{
    margin-top: -52.5vw;
  }
  #sec6 .conte .sec_ttl{
    width: 33.75vw;
  }
  #sec6 .conte .img{
    width: 37.5vw;
  }
  
  #sec7{
    padding-top: 10.25vw;
  }
  #sec7 .sec_ttl{
    width: 37.5vw;
  }
  #sec7 .slide_conte{
    margin-top: 4.37vw;
  }
  #sec7 .slide_conte .slide_img{
    width: 104.68vw;
  }
  #sec7 .slide_conte .slide_img img{
    width: 104.68vw;
  }
  @keyframes slide03 {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-104.68vw);
    }
  }
  #sec7 .sec_txt{
    margin-top: 4.37vw;
  }
  
  #summary{
    width: 37.5vw;
    padding-top: 5.37vw;
  }
  #summary .summary_logo{
    width: 25vw;
    margin-bottom: 5.37vw;
  }
  #summary .head_conte{
    padding-top: 1.87vw;
    padding-bottom: 1.25vw;
  }
  #summary .head_conte .txt{
    font-size: 1.81vw;
  }
  #summary .head_conte .arrow{
    font-size: 1.37vw;
  }
  #summary .txt_conte{
    font-size: 1.25vw;
  }
  #summary .comming_txt{
    font-size: 1.81vw;
    margin-bottom: 3.12vw;
  }
  #mainConte #footer{
    padding-top: 5.24vw;
    padding-bottom: 2.62vw;
  }
  #mainConte #footer .icon_lists{
    gap: 2.62vw;
    margin-bottom: 3.12vw;
  }
  #mainConte #footer .icon_lists li{
    width: 2.5vw;
  }
  #mainConte #footer .logo{
    width: 18.87vw;
  }
}
@media(max-width:700px){
  #mainConte{
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  #mainConte #header{
    padding: 3.57vw 0;
  }
  #mainConte #header .conte{
    width: 87.42vw;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  #mainConte #header .conte .ttl{
    width: 56.28vw;
  }
  #mainConte #header .conte .icon_lists{
    width: 18.85vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  #mainConte #header .conte .icon_lists li{
    width: 5.42vw;
  }

  section .sec_txt{
    font-size: 3.71vw;
  }
  
  #sec1{
     margin-top: 15vw;
     padding-bottom: 18.57vw;
  }
  #sec1 .top_bg .bg._01{
    width: 24vw;
    top: 25.71vw;
    left: -10vw;
  }
  #sec1 .top_bg .bg._02{
    width: 17.28vw;
    top: 25.71vw;
    right: -7.14vw;
  }
  #sec1 .sec_ttl{
    width: 65.71vw;
    margin-top: -52vw;
  }
  #sec1 .movie_conte{
    margin-top: 13.85vw;
  }
  #sec1 .movie_conte .movie_ttl{
    width: 70.42vw;
    margin-bottom: 4.28vw;
  }
  #sec1 .movie_conte .movie_thumb{
    height: 48vw;
  }
  
  #sec2{
    padding-bottom: 17.71vw;
  }
  #sec2 .sec_ttl{
    width: 65.28vw;
    margin-top: -64.28vw;
  }
  #sec2 .slide_conte{
    margin-top: 6.42vw;
  }
  #sec2 .slide_conte .slide_img{
    width: 250.71vw;
  }
  #sec2 .slide_conte .slide_img img{
    width: 250.71vw;
  }
  @keyframes slide01 {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-250.71vw);
    }
  }
  
  #sec3{
    padding-bottom: 16.57vw;
  }
  #sec3 .sec_ttl{
    width: 50.85vw;
    margin-top: -61.42vw;
  }
  #sec3 .slide_conte{
    margin-top: 7.14vw;
  }
  #sec3 .slide_conte .slide_img{
    width: 239.28vw;
  }
  #sec3 .slide_conte .slide_img img{
    width: 239.28vw;
  }
  @keyframes slide02 {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-239.28vw);
    }
  }
  
  #sec4 .conte{
    margin-top: -234vw;
  }
  #sec4 .conte .sec_ttl{
    width: 68.57vw;
  }
  #sec4 .conte .movie_thumb{
    width: 71.42vw;
    margin-top: 10.42vw;
  }
  
  #sec5{
    margin-top: 25.71vw;
    padding-bottom: 12.85vw;
  } 
  #sec5 .sec_ttl{
    width: 64.57vw;
  }
  #sec5 .img{
    margin-top: 10vw;
  }
  
  #sec6{
    padding-bottom: 18.57vw;
  }
  #sec6 .conte{
    margin-top: -120vw;
  }
  #sec6 .conte .sec_ttl{
    width: 77.14vw;
  }
  #sec6 .conte .img{
    width: 85.71vw;
  }
  
  #sec7{
    padding-top: 23.42vw;
  }
  #sec7 .sec_ttl{
    width: 85.71vw;
  }
  #sec7 .slide_conte{
    margin-top: 10vw;
  }
  #sec7 .slide_conte .slide_img{
    width: 239.28vw;
  }
  #sec7 .slide_conte .slide_img img{
    width: 239.28vw;
  }
  @keyframes slide03 {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-239.28vw);
    }
  }
  #sec7 .sec_txt{
    margin-top: 10vw;
  }

  #summary{
    width: 85.71vw;
    padding-top: 12.28vw;
  }
  #summary .summary_logo{
    width: 57.14vw;
    margin-bottom: 12.28vw;
  }
  #summary .head_conte{
    padding-top: 4.28vw;
    padding-bottom: 2.8vw;
  }
  #summary .head_conte .txt{
    font-size: 4.14vw;
  }
  #summary .head_conte .arrow{
    font-size: 3.14vw;
  }
  #summary .txt_conte{
    font-size: 2.85vw;
  }
  #summary .comming_txt{
    font-size: 4.14vw;
    margin-bottom: 7.14vw;
  }
  #mainConte #footer{
    padding-top: 12vw;
    padding-bottom: 12vw;
  }
  #mainConte #footer .icon_lists{
    gap: 6vw;
    margin-bottom: 7.14vw;
  }
  #mainConte #footer .icon_lists li{
    width: 5.71vw;
  }
  #mainConte #footer .logo{
    width: 43.14vw;
  }
}