@charset "utf-8";
 
/* ---------- common ---------- */
.section { position: relative; padding: 120px 0; box-sizing: border-box; }
.sec_title { width: 100%; }
.sec_title h2 { font-size: 16px; font-weight: 700; color: var(--main-color); word-break: keep-all; }
.sec_title .title { margin: 10px 0 60px; font-size: 38px; font-weight: 700; color: var(--gray-11); word-break: keep-all; line-height: 1.2; }
.sec_title .title > span { color: var(--main-color); }

.sec_title .text { font-size: 16px; font-weight: 400; color: var(--gray-61); word-break: keep-all; }
.sec_title a { font-size: 16px; font-weight: 700; color: #fff; text-align: center; transition-duration: 0.4s;
    display: block; margin-top: 40px; width: 194px; height: 60px; line-height: 60px; border-radius: 30px; background: var(--main-color); }


.btn_swiper .swiper-button-prev:after, .btn_swiper .swiper-rtl .swiper-button-next:after, .btn_swiper .swiper-button-next:after, .btn_swiper .swiper-rtl .swiper-button-prev:after { display: none; }
.btn_swiper .swiper-button-prev, .btn_swiper .swiper-rtl .swiper-button-next { left: 0; right: auto; }
.btn_swiper .swiper-button-next, .btn_swiper .swiper-rtl .swiper-button-prev { left: auto; right: 0; }
#main .btn_swiper > div { display: block; top: 0; margin-top: 0; }

/*** hover ***/
/* 1200px or more */
@media all and (max-width: 1200px){
    
}

/*** responsive ***/
/* 1440px or less */
@media all and (max-width: 1440px){
    
}
/* 1200px or less */
@media all and (max-width: 1200px){
}

/* 767px or less */
@media all and (max-width: 767px){
    
}