/* main_visual */
#main_visual { position: relative; margin: 0 auto; max-width: 1920px; height: 950px; max-height: 100vh; overflow: hidden; }

#main_visual .mvbg {
  position:absolute; width: 100%; height: 100%;
  background-size: cover;
  background-position:center center;
  background-image: url(/image/main/mv_bg.jpg);
  animation: sect01_img 3.0s 0.1s both;
}
@keyframes sect01_img { from { transform: scale(1.2, 1.2); } to {  } }


.downarrow { position: absolute; left: 50%; transform: translateX(-50%); bottom: 40px; padding-top: 70px; color: #fff; font-weight: 500; }
.downarrow span { position: absolute; top: 0; left: 50%; width: 24px; height: 24px; margin-left: -12px; border-left: 2px solid #fff; border-bottom: 2px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: sdb05 1.5s infinite;
    animation: sdb05 1.5s infinite;
    box-sizing: border-box;
}
@-webkit-keyframes sdb05 {
    0% {
      -webkit-transform: rotate(-45deg) translate(0, 0);
      opacity: 0;
    }
    50% {
      opacity: 1;
    }
    100% {
      -webkit-transform: rotate(-45deg) translate(-20px, 20px);
      opacity: 0;
    }
}
@keyframes sdb05 {
    0% {
      transform: rotate(-45deg) translate(0, 0);
      opacity: 0;
    }
    50% {
      opacity: 1;
    }
    100% {
      transform: rotate(-45deg) translate(-20px, 20px);
      opacity: 0;
    }
}


/* main_slick */
#main_visual .main_slick { z-index: 2; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#main_visual .main_slick .slick-list, #main_visual .main_slick .slick-track, #main_visual .main_slick .slick-slide, #main_visual .main_slick .slick-slide > div { height: 100%; }
#main_visual .main_slick .cont { position: relative; height: 100%; }
#main_visual .main_slick .cont .contwrap { height: 100%; }

/* mv_text */
#main_visual .mv_text { z-index: 3; position: relative; top: 40%; transform: translateY(-50%); width: 100%; text-align: center; transition: top 0.8s, opacity 0.8s; opacity: 0; }
#main_visual .slick-current .mv_text { top: 30%; opacity: 1; }
#main_visual .mv_text .img1 { display: inline-block; width: 800px; }
#main_visual .mv_text .img2 { display: none; }
@media (max-width: 1535px) {
  #main_visual { height: calc(600px + 22vw); }
}
@media (max-width: 767px) {
  #main_visual { height: initial; aspect-ratio: 1/1.6791666666666667; }
  #main_visual .mvbg { background: url(/image/main/mo_mv_bg.png) no-repeat center/cover; background-position: bottomc center; }
  #main_visual .mv_text .img1 { display: none; }
  #main_visual .mv_text .img2 { display: inline-block; }
}

/* main_sect1 */
#main_sect1 { position: relative; padding: 100px 0; overflow: hidden; text-align: center; }
@media (max-width: 1535px) {
  #main_sect1 { padding: 90px 0; }
}
@media (max-width: 1279px) {
  #main_sect1 { padding: 80px 0; }
}
@media (max-width: 1023px) {
  #main_sect1 { padding: 70px 0; }
}