@charset "utf-8";
/* CSS Document */

.topbanner .slick-prev {
    left: 10px;
}

.topbanner .slick-arrow {
    width: 30px;
    height: 30px;
    z-index: 9;
}

.topbanner .slick-next {
    right: 10px;
}

.topbanner .slick-next::before {
    position: absolute;
    content: '';
    width: 30px;
    height: 30px;
    border-top: solid 5px #697b91;
    border-right: solid 5px #697b91;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 50%;
    left: 0;
    margin-top: -4px;
    opacity: 0.3;
}
.topbanner .slick-prev::before {
    position: absolute;
    content: '';
    width: 30px;
    height: 30px;
    border-bottom: solid 5px #697b91;
    border-left: solid 5px #697b91;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 50%;
    left: 0;
    margin-top: -4px;
    opacity: 0.3;
}
.topbanner .slick-prev:hover:before,.topbanner .slick-prev:focus:before,.topbanner .slick-next:hover:before,.topbanner .slick-next:focus:before {
  opacity: 1;
}
@media (min-width: 992px) {
    .topbanner .phone {
        display: none;
      }
    .topbanner .slick-slide img {
    max-width: 100%;
}
}
@media (max-width: 992px) {
    .topbanner .pc {
        display: none;
      }
      
    
    .topbanner {
        position: relative;
    margin-top: -6px;
    }
    .topbanner .slogn .headline {
        font-size: 155%;
        margin: 0;
        font-weight: bold;
      }
      .topbanner .slogn .subtitle {
        letter-spacing: 1px;
      }
      .topbanner .phone .slogn {
        position: absolute;
        color: #ffffff;
        left: 50%;
        top: 40%;
       
        z-index: 9;
        transform: translate(-50%, -50%);
      }
      .topbanner .phone .bnbg {
        height: 250px;
        position: relative;
        text-align: center;
      }
      .topbanner .phone img {
        position: absolute;
        height: 100%;
        width: auto;
        bottom: 0;
        top: 0;
        left: 50%;
        right: 50%;
        transform: translate(-50%, 0%);
      }
}