@charset "utf-8";

/* BRAND 
 * --------------------------------------- */
/* detail */
.list_brand{width:100%; overflow: hidden}
.list_brand li{position: relative;float:left; width:584px; height:485px; font-size: 0; line-height: 0; overflow: hidden;}
.list_brand li:nth-child(3), .list_brand li:nth-child(4){height:440px;overflow:hidden;}
.list_brand li.list_brand_box{  background:#92b2ce; font-size:32px; line-height:36px}
.list_brand li.list_brand_box dl{padding:80px 55px;text-align:center; color:#fff}
.list_brand li.list_brand_box dt{ display:inline-block; padding:49px 0 40px; text-align:center; font-size:32px; font-weight:bold; background: url(/img/common/ico_quote02.png) no-repeat center 0}
.list_brand li.list_brand_box dd{font-size:22px ;font-weight:100;}
.slide-box { display:inline-block;   }
.swiper-container {  width: 584px; height: 485px; }
.swiper-slide {text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.slide02 .swiper-container {  width: 584px; height: 440px; }


#visual div .page { position:relative; left:48%; top:460px; float:left;margin:0 5px; display:block; width:10px; height:10px; border-radius:10px;background:#fff; text-indent:-1000em; overflow:hidden;z-index:200; }
#visual div .page.active { background:#69819f;  }
#visual div .img{ position:absolute; left:0; top:0; z-index:100;}
#visual div .img >a { display:block; }
.list_brand li:nth-child(3) #visual div .page, .list_brand li:nth-child(4) #visual div .page{top:420px;;}

.list_brand .swiper-button-prev{font-size:0; border:none; cursor: pointer;float:left; left:0; display:inline-block; width:40px; height:40px; border:none;  background: url(/img/main/btn_slide.png) no-repeat 0 -54px}
.list_brand .swiper-button-next{font-size:0; border:none; cursor: pointer;float:right; right:0; display:inline-block; width:40px; height:40px; border:none; background: url(/img/main/btn_slide.png) no-repeat -40px -54px}

/* list */
.txt_bi{padding-top:20px; width:100%; overflow:hidden}
.txt_bi li{float:left; width:376px; height:318px; margin:20px 0 0 20px}
.txt_bi li:nth-child(3n+1) { margin-left:0}