.facil_menu{width: 100%; margin-top: 80px;}
.facil_menu {width: 100%; padding: 10px 0;}
.facil_menu  ul {display:flex; flex-wrap: wrap;     justify-content: center; position: relative;}
.facil_menu  ul:after {content:""; width:100%; height:1px; background:#ccc; display:block; position:absolute; top:50%;     transform: translateY(-50%); z-index:-1}
.facil_menu li {padding:0px 5px}
.facil_menu li a{display: inline-block; padding: 5px 30px; border: 1px solid #ccc; box-sizing: border-box; border-radius: 30px; min-width:208px; text-align:center; background:#fff}
.facil_menu li a.on{background: #10a79a; color: #fff; box-shadow: 2px 5px 10px #66666638;}
.facil_menu li a:hover{background: #10a79a; color: #fff; box-shadow: 2px 5px 10px #66666638;}




.facil_menus li {margin:0px 5px; display: inline-block; padding: 5px 30px; border: 1px solid #ccc; box-sizing: border-box; border-radius: 30px; min-width:208px; text-align:center; background:#fff; cursor: pointer;}
.facil_menus li.on{background: #10a79a; color: #fff; box-shadow: 2px 5px 10px #66666638;}
.facil_menus li:hover{background: #10a79a; color: #fff; box-shadow: 2px 5px 10px #66666638;}



@media screen and (max-width:1380px){
.facil_menu li a{padding: 5px 30px; min-width:120px; text-align:center}
.facil_menus li {padding: 5px 30px; min-width:120px; text-align:center}

.care .inner_sub.care_menu {padding:0px}
}


@media screen and (max-width:1000px){
.facil_menu li  {width:33.3%; margin-bottom:10px}
.facil_menu li a{padding: 5px 10px; min-width:100%; text-align:center;     font-size: 15px;}

.facil_menus li  {width:calc(33.3% - 10px)!important; margin-bottom:10px }
.facil_menus li {padding: 5px 10px; text-align:center;     font-size: 15px;}


.facil_menu  ul:before {content:""; width:100%; height:1px; background:#ccc; display:block; position:absolute; top:20%;     transform: translateY(-25%); z-index:-1}
.facil_menu  ul:after {content:""; width:100%; height:1px; background:#ccc; display:block; position:absolute; top:70%;     transform: translateY(-75%); z-index:-1}

}


@media screen and (max-width:500px){
.facil_menu li  {width:50%;}
.facil_menus li  {width:calc(50% - 10px)!important; }
.facil_menu  ul:before, .facil_menu  ul:after  {display:none}

}

.sub_wrap .facil_floor{width: 100%;}
.sub_wrap .facil_floor > h3{text-align: center; padding-bottom: 50px;}

.sub_wrap .facil_floor .floor_ctt{width: 100%; padding: 60px 75px; background: url(../img/company/floor_bg.png) no-repeat; background-size: cover; background-position: center; display: flex; flex-wrap: wrap;}

.sub_wrap .facil_floor .floor_img{width: calc(45% - 50px); margin-right: 50px; /*background: #bbbbbb;*/}
.sub_wrap .facil_floor .floor_list{width: 55%;}
.sub_wrap .facil_floor .floor_list li{display: flex; flex-wrap: wrap; align-items: center; background: #10a79a; justify-content: center; }
.sub_wrap .facil_floor .floor_list li:not(:last-child){margin-bottom: 15px;}
.sub_wrap .facil_floor .floor_list li > div:nth-child(1){width: 80px;  color: #fff; text-align: center; display: inline-block; }
.sub_wrap .facil_floor .floor_list li > div:nth-child(2){width: calc(100% - 80px); padding: 30px 40px; background: #fff;}


@media screen and (max-width:1380px){
.sub_wrap .facil_floor .floor_ctt{padding: 30px 35px;}


}



@media screen and (max-width:1000px){
.sub_wrap .facil_floor .floor_ctt{padding: 30px 20px;}

.sub_wrap .facil_floor .floor_img {width:100%; margin-right:0px}
.sub_wrap .facil_floor .floor_list {width:100%}
}

