@charset "utf-8";
@media all and (max-width:1024px) {
  .main_title h3 {
    font-size: 45px;
  }
  #mainVisual {
    height: 637px;
  }
  #mainVisual h2 {
    font-size: 54px;
    margin-bottom: 30px;
  }
  #mainVisual p {
    font-size: 20px;
  }
  #mainVisual .custom-dots {
    bottom: 45%;
  }
  #mainVisual .custom-dots .dot {
    width: 90px;
  }
  .pic_lt {
    gap: 20px;
  }
  .pic_lt_item {
    width: calc((100% - (20px * 2)) / 3);
  }
  .section2_left {
    width: 33%;
  }
  .section2_left .slider-nav li {
    padding: 15px 15px;
  }
  .section2_right {
    width: 63%;
  }
  .slider-btn img {
    width: 60px;
  }
}
@media all and (max-width:950px) {
  #mainVisual {
    height: 437px;
  }
  #mainVisual h2 {
    font-size: 40px;
  }
  #mainVisual p {
    font-size: 18px;
  }
  #mainVisual .custom-dots .dot {
    width: 70px;
  }
  #mainVisual .custom-dots {
    bottom: 40%;
  }
  .slide-prev img, .slide-next img {
    width: 30px;
  }
  .section {
    padding: 80px 0;
  }
  .main_title {
    margin-bottom: 30px;
  }
  .main_title h3 {
    font-size: 40px;
  }
  .main_title h4 span {
    padding: 0 15px;
    font-size: 28px;
  }
  .product_nara li, .product_etc .slick-slide {
    padding: 0 5px;
  }
  .section2_left .slider-nav li.slick-current:after {
    background-size: auto 12px;
    width: 27px;
    height: 12px;
    margin-top: -6px;
    right: 15px
  }
  .pic_lt {
    gap: 10px;
  }
  .pic_lt_item {
    width: calc((100% - (10px * 2)) / 3);
  }
  .slider-btn img {
    width: 40px;
  }
  .section2_left .slider-nav li {
    padding: 10px 15px;
  }
  .section2_left .slider-nav {
    margin-top: 0%;
    margin-bottom: 7%;
  }
}
@media all and (max-width:480px) {
  .section {
    padding: 50px 0;
  }
  #mainVisual h2 {
    font-size: 23px;
    margin-bottom: 15px;
  }
  #mainVisual p {
    font-size: 14px;
  }
  .main_title h3 {
    font-size: 30px;
  }
  .main_title h4 span {
    font-size: 20px;
  }
  .main_title h4 {
    margin-top: 15px;
  }
  .section2_left, .section2_right {
    width: 100%;
  }
  .slider-btn {
    position: absolute;
    right: 20px;
    top: 0;
  }
  #mainVisual .custom-dots .dot {
    width: 50px;
  }
}