@charset "UTF-8";

/*-------------------------------------------------
Version : 1.0
Author : han
-------------------------------------------------*/


.main .swiper-notification {position:absolute;}
.main_swiper_controll { }
.main_swiper_controll div { position:relative; right:auto; left:auto; top:auto; bottom:auto; margin:0; padding:0; font-family:var(--font-family-mont);}
.main_swiper_controll .swiper-pagination {display:inline-flex; align-items: center; gap:0.75rem; color:transparent;}
.main_swiper_controll .swiper-pagination span {position:relative; color:#fff;}
.main_swiper_controll .swiper-pagination span:not(:first-child):before {content:''; display:block; position:absolute; left:-1rem; top:50%; margin-top:-0.125rem; width:0.25rem; height: 0.25rem; background:#fff; border-radius: 50%;}
.main_swiper_controll .swiper-pagination .swiper-pagination-current {font-size:1.25rem; font-weight: 600; color:#e5344d;}
.main_swiper_controll .btn_autoPlay {width:1.875rem; height: 1.875rem; vertical-align: sub; background: url(../images/main/main_icon_play_pause_w.png) no-repeat 50% 50%; background-size:1.25rem auto; border:2px solid rgba(255,255,255,0.4); border-radius: 50%; box-sizing: border-box; }
.main_swiper_controll .btn_autoPlay.btn_stop {background-image: url(../images/main/main_icon_play_pause_w.png);}
.main_swiper_controll .btn_autoPlay.btn_play {background-image: url(../images/main/main_icon_play_play_w.png);}
.main_swiper_controll .btn_autoPlay:hover {border-color:#fff;}

.main_vis_w,
.main_vis .vis_txt {height: 500px;}
.main_vis_w {overflow: hidden;}

.main_vis_box { display: block; position:relative;}
.main_vis_box .vis_bg {position:absolute; left:0; top:0; width:100%; height: 100%; object-fit: cover;}
.main_vis_box .in_cover {padding:0 50px;}
.main_vis_box .in_cover > .in_w {height: 100%;}
.main_vis_box .text_w {display: flex; justify-content: center; align-items: center; height: 100%; text-align: center; }
.main_vis_box .text_w .t_01 {font-size:36px;  color:#fff; letter-spacing: -2px;}
@media (max-width: 768px) {
  .main_vis_w, 
  .main_vis .vis_txt { height: 30rem; }
}
@media (max-width:640px) { 
  .main_vis_w, 
  .main_vis .vis_txt {}
  .main_vis_box .text_w .t_01 {font-size:1.875rem; }
}


.main h3 {margin-bottom:1rem; font-size:35px;}
.main .h3_x {margin-bottom:30px; color:#777;} 

.main .main_cnt {padding:60px 0 ;}

.main_cnt1 { text-align: center;}

.main_bann_list {display:flex; justify-content: space-between; margin:0 auto; max-width:770px;}
.main_bann_list > li {display:block;}
.main_bann_list a {display: block;  }
.main_bann_list a span {display: block;}
.main_bann_list a .icon {position:relative; margin:0 auto; width:124px; height: 124px; background: #fff; border-radius: 50%; box-shadow: 0 0.5rem 1.25rem rgba(62,73,139,0.17);}
.main_bann_list a .icon:before,
.main_bann_list a .icon:after {content:''; display: block; position:absolute; left:50%;  }
.main_bann_list a .icon:before {top:50%; transform: translate(-50%, -50%); width:4.375rem; height: 4.375rem;  background: url(../images/main/main_icon0101.png) no-repeat 50% 50%; background-size:contain; }
.main_bann_list a .icon.icon0101:before {background-image: url(../images/main/main_icon0101.png);}
.main_bann_list a .icon.icon0102:before {background-image: url(../images/main/main_icon0102.png);}
.main_bann_list a .icon.icon0103:before {background-image: url(../images/main/main_icon0103.png);}
.main_bann_list a .icon.icon0104:before {background-image: url(../images/main/main_icon0104.png);}
.main_bann_list a .icon:after {top:100%; transform: translateX(-50%); margin-top:-11px; width:1.375rem; height: 1.375rem; margin-top:-0.6875rem;  background: url(../images/main/main_icon_arw2.png) no-repeat 50% 50%; background-size:contain;}
.main_bann_list a .t {margin-top:1.25rem;}


.main_cnt2 {display: flex; margin-top:70px; text-align: center;}
.main_cnt2 a {flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 11.875rem; font-size: 1.4375rem; font-weight: 500; color:#fff; background: url(../images/main/main_vann_01.jpg) no-repeat 50% 50%; background-size:cover;}
.main_cnt2 a .icon {margin-bottom:0.25rem; width:2.5rem; height: 2.5rem; background: url(../images/main/main_icon0201.png) no-repeat 50% 50%; background-size:contain;}
.main_cnt2 a .icon.icon0202 {background-image: url(../images/main/main_icon0202.png);}
.main_cnt2 a.cnt2_1 { background-image: url(../images/main/main_vann_02.jpg);}

@media (max-width:768px) { 
  .main_cnt2 {    flex-direction: column;}
  .main_cnt2 a {flex:none; width:100%;}
}
@media (max-width:640px) {   
  .main .main_cnt {padding:3rem 0;}
  .main_cnt2 {margin-top:3.5rem;}

  .main h3 { font-size: 1.875rem;}
  .main_bann_list a .icon { width: 19vw; height: 19vw;}
  .main_bann_list a .icon:before { width: 9.5vw;  height: 9.5vw; }

  .main_cnt2 a {    height: 10rem;}
  .main_cnt2 a .icon { width: 2.25rem; height: 2.25rem; }
}
@media (max-width:460px) { 
  .main_bann_list a .icon { width: 19vw; height: 19vw;}
  .main_bann_list a .icon:before { width: 10vw;  height: 10vw; }
  .main_bann_list a .icon:after { margin-top: -0.625rem; width: 1.25rem; height: 1.25rem;}
}