/* main_visual */
#main_visual { position: relative; margin: 0 auto; width: 100%; height: 100vh; overflow: hidden; }

/* 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%; }

#main_visual .main_slick .cont .bg { z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#main_visual .main_slick .cont1 .bg { background: url(/image/main/mv_bg1.png) no-repeat center/cover; }
#main_visual .main_slick .cont2 .bg { background: url(/image/main/mv_bg2.png) no-repeat center/cover; }

#main_visual .main_slick .textbox { z-index: 3; position: absolute; top: 20%; transform: translateY(-50%); width: 100%; text-align: center; }
#main_visual .main_slick .textbox img { width: 720px; }
#main_visual .main_slick .textbox .img1 { display: inline-block; }
#main_visual .main_slick .textbox .img2 { display: none; }

#main_visual .main_slick .slick-dots { z-index: 10; position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); display: flex; flex-wrap: nowrap; justify-content: center; }
#main_visual .main_slick .slick-dots li { width: 10px; height: 10px; margin: 0 5px; border-radius: 50%; background-color: rgba(0, 0, 0, 0.5); cursor: pointer; }
#main_visual .main_slick .slick-dots li button { display: none; }
#main_visual .main_slick .slick-dots li.slick-active { background-color: #fff; }

#main_visual .main_slick .slick-current .cont .bg { animation: mv_bg 3.0s 0.1s both; }
@keyframes mv_bg { from { transform: scale(1.2, 1.2); } to {  } }

@media (max-width: 767px) {
  #main_visual { height: calc(100vh - 40px); }
  #main_visual .main_slick .cont1 .bg { background: url(/image/main/mo_mv_bg1.png) no-repeat center/cover; background-position: bottom center; }
  #main_visual .main_slick .cont2 .bg { background: url(/image/main/mo_mv_bg2.png) no-repeat center/cover; background-position: bottom center; }
  #main_visual .main_slick .textbox { top: 33%; }
  #main_visual .main_slick .textbox .img1 { display: none; }
  #main_visual .main_slick .textbox .img2 { display: inline-block; width: 300px; }
}

/* 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; }
}

/* main_info */
#main_info { position: relative; padding: 100px 0; overflow: hidden; }
#main_info .bg { z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/image/main/info_bg.png) no-repeat center/cover; }
#main_info .contents { z-index: 2; position: relative; display: flex; flex-wrap: nowrap; align-items: center; }
#main_info .contents > .left { min-width: max-content; margin-right: 150px; }
#main_info .contents > .left .img1 img { width: 260px; }
#main_info .contents > .left .arrows { margin-top: 35px; display: flex; flex-wrap: nowrap; justify-content: center; }
#main_info .contents > .left .arrows > div { margin: 0 10px; overflow: hidden; border-radius: 50%; transition: background-color 0.3s; cursor: pointer; }
#main_info .contents > .left .arrows > div:hover { background-color: rgba(0, 0, 0, 0.1); }
#main_info .contents > .left .arrows > div img { width: 50px; }
#main_info .contents > .right { width: 100%; }
#main_info .contents > .right .info_slick { margin: -12px; }
#main_info .contents > .right .info_slick a { padding: 12px; cursor: default; }
#main_info .contents > .right .info_slick a .con { display: block; }
#main_info .contents > .right .info_slick a .con img { width: 100%; }
@media (max-width: 1535px) {
  #main_info .contents > .left { margin-right: calc(100px + 3.2vw) }
  #main_info .contents > .left .img1 { text-align: center; }
  #main_info .contents > .left .img1 img { width: calc(170px + 5.5vw); }
  #main_info .contents > .left .arrows > div img { width: 50px; }
}
@media (max-width: 1279px) {
  #main_info .contents > .left .arrows > div img { width: 47px; }
}
@media (max-width: 1023px) {
  #main_info .contents { display: block; }
  #main_info .contents > .left { min-width: initial; margin-right: initial; width: 100%; }
  #main_info .contents > .left .img1 img { width: 100%; max-width: calc(140px + 5vw); }
  #main_info .contents > .left .arrows > div { margin: 0 7px; }
  #main_info .contents > .left .arrows > div img { width: 45px; }
  #main_info .contents > .right { margin-top: 20px; }
}