/* main */
.main section {
    height: auto;
}
#index .frame{width: 90%; margin: 0 auto;}
#index .frame b{display: block;
    font-family: 'Didot',sans-serif;
    font-weight: 400;
    color: #2a4138;
    font-size: 65px;
    line-height: 1;
    margin: 40px 0;}

.main .visual-sec{
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
}
.main .visual-sec iframe{
    position: absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    width: 100%;
    height: 100%;
    object-fit: fill;
}
.main .sec-2{
    text-align: center;
    padding:190px 0 161px;
}
.main .sec-2 strong{
    display: block;
    font-family: 'AppleSDGothicNeo',sans-serif;
    font-weight: 200;
    font-size: 46px;
    letter-spacing: 0.025em;
}
.main .sec-2 span{
    background-color: #cca768;
    width: 11px;
    height: 11px;
    margin:48px auto 51px;
    display: block;
    transform: rotate(45deg);
}
.main .sec-2 p{
    font-size: 18px;
    line-height: 1.7em;
    color:#919191;
}
.main .sec-3 .video-section{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    height: 331.5px;
    transition: 0.7s;
    color:#fff;
}
.main .sec-3 .video-section:nth-child(1){
    background-image: url(../bluemango2/main/main_video_bg1.png);
}
.main .sec-3 .video-section:nth-child(2){
    background-image: url(../bluemango2/main/main_video_bg2.png);
}
.main .sec-3 .video-section:nth-child(3){
    background-image: url(../bluemango2/main/main_video_bg3.png);
}
.main .sec-3 .video-section:hover{
    height: 756px;
}
.main .sec-3 .video-section strong{
    font-size: 54px;
    font-family: 'AppleSDGothicNeo',sans-serif;
    font-weight: 300;
    letter-spacing: 0.025em;
}
.main .sec-3 .video-section p{
    font-size: 18px;
    line-height: 1.77em;
    margin-top: 28px;
    margin-bottom: -97px;
    transition: 0.5s;
}
.main .sec-3 .video-section:hover p{
    margin-bottom: 0;
}
.main .sec-3 .video-section .btn-video-modal{
    display: flex;
    align-items: center;
    justify-content: center;
    border:1px solid #fff;
    box-sizing: border-box;
    background-color: transparent;
    width: 211px;
    height: 60px;
    color:#fff;
    margin-top: 37px;
    opacity: 0;
    transition: 0.4s;
}
.main .sec-3 .video-section .btn-video-modal span{
    font-size: 16px;
    font-weight: 700;
}
.main .sec-3 .video-section .btn-video-modal i{
    border-left: 8px solid #fff;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    margin-left: 14px;
    margin-right: -22px;
}
.main .sec-3 .video-section:hover .btn-video-modal{
    opacity: 1;
}
.main .sec-4{
    padding:187px 0 154px;
    text-align: center;
    overflow: hidden;
}
.main .sec-4 h3{
    display: block;
    font-family: 'Didot',sans-serif;
    font-weight: 400;
    color:#2a4138;
    font-size: 65px;
    line-height: 1;
    margin-bottom: -21px;
    position: relative;
    z-index: 2;
}
.main .sec-4 .inner{
    width: 1210px;
    margin:0 auto;
    max-width: 86%;
}
.main .sec-4 .swiper-container{
    overflow: visible;
    position: relative;
}
.main .sec-4 .view-slide-controls{
    display: flex;
    align-items: end;
    position: absolute;
    right:0;
    bottom:0;
    z-index: 2;
}
.main .sec-4 .view-slide-controls .view-slide-pagination{
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 27px;
}
.main .sec-4 .view-slide-controls .view-slide-pagination .swiper-pagination-bullet{
    opacity: 1;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: #fff;
    transition: 0.5s;
    margin:0 5px;
}
.main .sec-4 .view-slide-controls .view-slide-pagination .swiper-pagination-bullet-active{
    width: 20px;
    height: 20px;
    background-color: #2a4139;
}
.main .sec-4 .view-slide-controls .view-slide-btns{
    display: flex;
    align-items: end;
    width: 200px;
    justify-content: center;
    height: 107px;
    position: relative;
    overflow: hidden;
    margin-left: 74px;
    box-sizing: border-box;
    padding-bottom: 27px;
}
.main .sec-4 .view-slide-controls .view-slide-btns .view-slide-prev{
    background-image: url(../bluemango2/main/icon_left.png);
}
.main .sec-4 .view-slide-controls .view-slide-btns .view-slide-next{
    background-image: url(../bluemango2/main/icon_right.png);
}
.main .sec-4 .view-slide-controls .view-slide-btns:after{
    content:'';
    position: absolute;
    z-index: 0;
    width: 205px;
    height: 205px;
    border-radius: 100%;
    background-color: rgba(42,65,57,0.8);
    left:0;
    top:0;
}
.main .sec-4 .view-slide-controls .view-slide-btns button{
    width: 12px;
    height: 20px;
    overflow: hidden;
    cursor: pointer;
    text-indent: -9999px;
    border:0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
    z-index: 2;
}
.main .sec-4 .view-slide-controls .view-slide-btns span{
    width: 1px;
    height: 22px;
    background-color: #99a39f;
    margin:0 24px;
    position: relative;
    z-index: 2;
}
.main .sec-4 .swiper-slide{
    opacity: 0.25;
    transition: 0.5s;
}
.main .sec-4 .swiper-slide img{
    display: block;
    max-width: 100%;
    margin:0 auto;
}
.main .sec-4 .swiper-slide-active{
    opacity: 1;
}
.main .sec-5 .villa-preview a{
    display: flex;
    align-items: stretch;
    height: 830px;
    width: 100%;
    justify-content: center;
    overflow: hidden;
}
.main .sec-5 .villa-preview.img-right a{
    flex-direction: row-reverse;
}
.main .sec-5 .villa-preview .img{
    width: 50%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.main .sec-5 .villa-preview .img::after{
    content:'';
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    transition: 0.7s;
}
.main .sec-5 .villa-preview:hover .img::after{
    transform: scale(1.1);
}
.main .sec-5 .villa-preview.pool-villa .img::after{
    background-image: url(../bluemango2/main/pool_villa_preivew.png);
}
.main .sec-5 .villa-preview.spa-villa .img::after{
    background-image: url(../bluemango2/main/spa_villa_preivew.png);
}
.main .sec-5 .villa-preview .info{
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    width: 50%;
    flex-direction: column;
}
.main .sec-5 .villa-preview .info p{
    font-size: 18px;
    letter-spacing: 0.025em;
}
.main .sec-5 .villa-preview .info strong{
    font-size: 64px;
    letter-spacing: 0.025em;
    margin-top: 47px;
    font-weight: 300;
}
.main .sec-5 .villa-preview .info .thumb{
    margin-top: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.main .sec-5 .villa-preview .info .thumb img{
    width: 42%;   
}
.main .sec-5 .villa-preview .info .thumb img+img{
    margin-left: 26px;
}
.main .sec-5 .villa-preview.pool-villa .info{
    background-color: #2a4139;
    color:#c7ae87
}
.main .sec-5 .villa-preview.spa-villa .info{
    background-color: #fff;
    color:#c7ae87
}

.video-mask{
    position: fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
    z-index: 300;
    background-color: #000;
    opacity: 0.5;
    display: none;
}
.video-modal{
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    background-color: #fff;
    width: 1280px;
    transform: translate(-50%,-50%);
    z-index: 300;
}
.video-modal .video-inner{
    position: relative;;
    height: 0;
    padding-bottom: 56.25%;
}
.video-modal iframe{
    position: absolute;
    left:0;
    right:0;
    bottom:0;
    top:0;
    width: 100%;
    height: 100%;
    object-fit: fill;
    display: block;
}

#index .frame.txt {position:relative;max-width:1400px;padding:7.5% 0 0;margin:0 auto;z-index:1;}
#index .frame.txt h3 {position:relative;width:100%;height:104px;overflow:hidden;}
#index .frame.txt h3 div {position:absolute;top:50%;left:0;width:110px;height:1px;background:#000;z-index:1;}
#index .frame.txt h3 b {position:absolute;top:0;left:0; transform: translateX(115px); font-size: 60px; height: 60px; font-weight: bold; }
#index .frame.txt p {width:99%;line-height:1.5;margin:1.5% 0 2% 1%;overflow:hidden;}
#index .frame.txt p span {font-weight:bold;}
#index .frame.txt ul{display: flex;  margin-top: 47px;}
#index .frame.txt ul li{width: 24%;}
#index .frame.txt ul li a{width: 100%;}
#index .frame.txt ul li ~ li{margin-left: 2.5%;}
#index .frame.txt ul li strong {width:95%;margin:0 auto;font-size:16px;font-weight:bold;padding-top:20px;line-height:1.3;color:#97887d;display:block;}
#index .frame.txt ul li span {width:95%;margin:0 auto;padding-top:10px;font-size:14px;line-height:1.3;display:block;}
#index .frame.txt ul li span.of_b {font-size:14px;font-weight:bold;}
#index .frame.txt ul li span.of_s {padding-top:5px;font-size:13px;color:#787878;}

/* preivew */
#preview-wrap .preview-top{
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 799px;
    height: 57vw;
    background-position: center center;
    background-repeat: no-repeat;
    text-align: center;
    background-size: cover;
}
#preview-wrap .preview-top .text-box{
    display: flex;
    flex-direction: column;
    color:#fff;
    font-family: 'AppleSDGothicNeo',sans-serif;
}
#preview-wrap .preview-top .text-box p{
    font-size:20px;
    font-weight: 500;
}
#preview-wrap .preview-top .text-box h2{
    font-size: 140px;
    font-weight: 200;
    margin-top: 30px;
}
#preview-wrap .intro{
    text-align: center;
    padding:200px 0 210px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
#preview-wrap .intro strong{
    display: block;
    font-family: 'AppleSDGothicNeo',sans-serif;
    font-weight: 200;
    font-size: 46px;
    letter-spacing: 0.025em;
}
#preview-wrap .intro span{
    background-color: #cca768;
    width: 11px;
    height: 11px;
    margin:48px auto 51px;
    display: block;
    transform: rotate(45deg);
}
#preview-wrap .intro p{
    font-size: 18px;
    line-height: 1.7em;
    color:#919191;
}
#preview-wrap .room-list{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: flex-start;
    align-items: stretch;
    margin-bottom: -3px;
}
#preview-wrap .room-list .room-item{
    width: calc((100% - 3px) / 2);
    margin-bottom: 3px;
    height: 597px;
    overflow: hidden;
    position: relative;
}
#preview-wrap .room-list .room-item+.room-item{
    margin-left: 3px;
}
#preview-wrap .room-list .room-item:nth-child(2n+1){
    margin-left: 0;
}

#preview-wrap .room-list .room-item a{
    height: 100%;
    display: block;
}
#preview-wrap .room-list .room-item .hover{
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    color:#fff;
    transition: background 0.3s;
    position: relative;
    flex-direction: column;
    z-index: 2;
 }
 #preview-wrap .room-list .room-item .hover .ko{
    font-size: 24px;
    opacity: 0;
    transition: opacity 0.3s;
 }
 #preview-wrap .room-list .room-item .hover .en{
    font-size: 30px;
    transition: 0.3s;
 }
 #preview-wrap .room-list .room-item .bg{
    position: absolute;
    left:0;
    right:0;
    bottom:0;
    top:0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    transition: 0.3s;
    z-index: 1;
    background-color: #000;
 }
 #preview-wrap .room-list .room-item:hover .hover{
    background-color: rgba(0,0,0,0.5);
 }
 #preview-wrap .room-list .room-item:hover .hover .ko{
    opacity: 1;
 }
 #preview-wrap .room-list .room-item:hover .hover .en{
    margin-top: 30px;
 }

 #fpv_Cont03 .f01 .bg{
    background-image: url(../bluemango2/special/1/1.jpg);
 }
 #fpv_Cont03 .f02 .bg{
    background-image: url(../bluemango2/special/2/1.jpg);
 }
 #fpv_Cont03 .f03 .bg{
    background-image: url(../bluemango2/special/3/1.jpg);
 }
 #fpv_Cont03 .f04 .bg{
    background-image: url(../bluemango2/special/4/1.jpg);
 }
 #fpv_Cont03 .f05 .bg{
    background-image: url(../bluemango2/special/5/1.jpg);
 }
 #fpv_Cont03 .f06 .bg{
    background-image: url(../bluemango2/special/6/1.jpg);
 }
 #fpv_Cont03 .f07 .bg{
    background-image: url(../bluemango2/special/7/1.jpg);
 }
 #fpv_Cont03 .f08 .bg{
    background-image: url(../bluemango2/special/8/1.jpg);
 }
 #fpv_Cont03 .f09 .bg{
    background-image: url(../bluemango2/special/9/1.jpg);
 }
 #fpv_Cont03 .f10 .bg{
    background-image: url(../bluemango2/special/10/1.jpg);
 }
 #fpv_Cont03 .f11 .bg{
    background-image: url(../bluemango2/special/10/1.jpg);
 }
 


 /*------------------------------------------------------------------------------------------------*/
/* community */

#community .content .snb li {width:33.33%;}

/*------------------------------------------------------------------------------------------------*/
/* Reserve */
#reserve .tab_02 {max-width:1200px;display:none;}
#reserve .tab_02 h2 {width:250px;margin:0 auto;padding:0px 0 35px;}
#reserve .tab_02 table {width:100%;border:1px solid #e7e7e7;font-family:'돋움',Dotum!important;}
#reserve .tab_02 table tr th {border-right:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;}
#reserve .tab_02 table tr th,#reserve .tab_02 table tr td {border-right:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;text-align:center;font-size:13px;color:#676767;}
#reserve .tab_02 > div > h3 {margin-bottom:10px;}
#reserve .tab_02 ul li {padding-left:10px;font-size:12px;line-height:1.6em;color:#676767;font-family:'돋움',Dotum!important;}
#reserve .tab_02 ul li {background:url(../common/li_b.gif) no-repeat left 3px;}
#reserve .tab_02 ul li span {color:#ee3939;}
#reserve .tab_02 .r_info_01 {position:relative;margin-bottom:30px;}
#reserve .tab_02 .r_info_01 h4 {text-align:left;margin-bottom:10px;}
#reserve .tab_02 .r_info_01 table {margin-bottom:20px;}
#reserve .tab_02 .r_info_01 table .room_ {background:#efefef;height:50px;}
#reserve .tab_02 .r_info_01 table > thead {line-height:1.1em;}
#reserve .tab_02 .r_info_01 table > thead {background:#f8f8f8;}
#reserve .tab_02 .r_info_01 table > thead tr th {font-weight:bold;}
#reserve .tab_02 .r_info_01 table > tbody tr td {line-height:3em;}
#reserve .tab_02 .r_info_02 {margin:50px 0;padding-top:50px;text-align:left;} 
#reserve .tab_02 .r_info_03 {text-align:left;}
#reserve .tab_02 .r_info_03 .CNCL_COMM {margin-bottom:50px;}
#reserve .tab_02 .r_info_03 table {line-height:1.5em;margin-top:20px;}
#reserve .tab_02 .r_info_03 table > thead {background:#f2f2f2;}
.reserve_link{ text-align:center; margin-top:50px;}
.reserve_link a{display:inline-block; background-color:#041e7b; padding:20px 55px; color:#fff; font-size:20px; border-radius:5px; transition:0.2s; margin:0 65px}
.reserve_link a:hover{background-color:#17967e}




/*------------------------------------------------------------------------------------------------*/
/* Swimming */
#swimming #Swim_Cont01 h2 {position:absolute;bottom:10%;left:7%;z-index:155;}
#swimming #Swim_Cont02 {padding:5%;width:90%;}
#swimming #Swim_Cont02 > div {position:relative;width:100%;padding:3.5% 0;overflow:hidden;}
#swimming #Swim_Cont02 > div > div {width:50%;float:left;}
#swimming #Swim_Cont02 > div > div.img {position:relative;overflow:hidden;transform:scale(0.8);opacity:0;}
#swimming #Swim_Cont02 > div > div.img > div {position:absolute;width:80%;height:90%;}
#swimming #Swim_Cont02 > div > div.img > div.vd {top:0;left:10%;z-index:1;}
#swimming #Swim_Cont02 > div > div.img > div.bg {background:#ccbcb4;top:5%;left:5%;}
#swimming #Swim_Cont02 > div > div.txt {width:40%;margin:3% 5% 0;overflow:hidden;opacity:0;}
#swimming #Swim_Cont02 > div > div.txt h3 {font-size:40px;color:#a6aba1;margin-top:25%;}
#swimming #Swim_Cont02 > div > div.txt h3 span {display:block;font-size:18px;color:#27a78e;}
#swimming #Swim_Cont02 > div > div.txt h3 strong {display:block;line-height:1.3;margin:2% 0 5%;}
#swimming #Swim_Cont02 > div > div.txt p {font-size:16px;line-height:1.5;}
#swimming #Swim_Cont02 > div > div.txt a {display:block;padding:15px 0;font-size:17px;margin-top:15px;color:#787878;}
#swimming #Swim_Cont02 > div > div.txt a div {width:30px;border-bottom:1px solid #787878;display:inline-block;position:relative;top:-5px;}

#swimming #Swim_Cont02 > div.lt > div.txt {text-align:right;}
#swimming #Swim_Cont02 > div.rt > div.img > div.vd {right:10%;left:unset;}
#swimming #Swim_Cont02 > div.rt > div.img > div.bg {right:5%;}

#swimming #Swim_Cont02 > div.lt > div.txt {float:right;}
#swimming #Swim_Cont02 > div.lt > div.img {float:right;}

#swim .swimming-images{
    position: relative;
    overflow: hidden;
}
#swim .swimming-images .swimming-name{
    min-width: 443px;
    min-height: 149px;
    background-color: rgba(42,65,57,0.7);
    text-align: center;
    position: absolute;
    left:0;
    bottom:0;
    z-index: 2;
    color:#c7ae87;
    display: flex;
    align-items: center;
    justify-content: center;
}
#swim .swimming-images .swimming-name h2{
    margin:30px;
}
#swim .swimming-images .swimming-name h2 span{
    display: block;
    font-size:20px;
    letter-spacing: 0.1em;
    font-weight: 400;
}
#swim .swimming-images .swimming-name h2 strong{
    display: block;
    font-size: 34px;
    letter-spacing: 0;
    margin-top: 17px;
    font-weight: 400;
}
#swim .swimming-images .swiper-slide{
    height: 57vw;
    min-height: 800px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
#swim .swimming-slide-controls{
    display: flex;
    align-items: end;
    position: absolute;
    right:-31px;
    bottom:0;
    z-index: 2;
}
#swim .swimming-slide-controls .swimming-slide-pagination{
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 27px;
}
#swim .swimming-slide-controls .swimming-slide-pagination .swiper-pagination-bullet{
    opacity: 1;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: #fff;
    transition: 0.5s;
    margin:0 5px;
}
#swim .swimming-slide-controls .swimming-slide-pagination .swiper-pagination-bullet-active{
    width: 20px;
    height: 20px;
    background-color: #2a4139;
}
#swim .swimming-slide-controls .swimming-slide-btns{
    display: flex;
    align-items: end;
    width: 205px;
    justify-content: center;
    height: 107px;
    position: relative;
    overflow: hidden;
    margin-left: 74px;
    box-sizing: border-box;
    padding-bottom: 27px;
}
#swim .swimming-slide-controls .swimming-slide-btns .swimming-slide-prev{
    background-image: url(../bluemango2/main/icon_left.png);
}
#swim .swimming-slide-controls .swimming-slide-btns .swimming-slide-next{
    background-image: url(../bluemango2/main/icon_right.png);
}
#swim .swimming-slide-controls .swimming-slide-btns:after{
    content:'';
    position: absolute;
    z-index: 0;
    width: 205px;
    height: 205px;
    border-radius: 100%;
    background-color: rgba(42,65,57,0.8);
    left:0;
    top:0;
}
#swim .swimming-slide-controls .swimming-slide-btns button{
    width: 12px;
    height: 20px;
    overflow: hidden;
    cursor: pointer;
    text-indent: -9999px;
    border:0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
    z-index: 2;
}
#swim .swimming-slide-controls .swimming-slide-btns span{
    width: 1px;
    height: 22px;
    background-color: #99a39f;
    margin:0 24px;
    position: relative;
    z-index: 2;
}
#swim .swimming-info{
    width: 1200px;
    margin:94px auto 88px;
}
#swim .swimming-info .info-box{
    padding:50px 0;
    position: relative;
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
}
#swim .swimming-info .info-box+.info-box{
    border-top: 2px solid #e5e5e5;
}
#swim .swimming-info .info-box>strong{
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 0;
    width: 265px;
}
#swim .swimming-info .info-box>div{
    width: calc(100% - 265px);
}
#swim .swimming-info .info-box>div .row{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
}
#swim .swimming-info .info-box>div .row li{
    flex-shrink: 0;
    font-size: 15px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0;
    width: 100%;
}
#swim .swimming-info .info-box>div .row li>span{
    display: block;
    color:#9e8154;
}
#swim .swimming-info .info-box>div .row li>div{
    color:#434343;
}

#swim .other-swimming{
    background-color: #e4e4e4;
    padding:122px 0 100px;
}
#swim .other-swimming h3{
    display: block;
    margin:0 auto;
    width: 1313px;
    padding:0;
    max-width: 100%;
    font-size: 64px;
    line-height: 80px;
    color:#000;
    font-weight: 200;
    font-family:'AppleSDGothicNeo',sans-serif;
}
#swim .other-swimming .swimming-list{
    max-width: 100%;
    width: 1313px;
    display: flex;
    margin:0 auto;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-top: 100px;
    margin-bottom: -54px;
}
#swim .other-swimming .swimming-list li{
    width: calc((100% - 63px) / 4);
    margin-bottom: 54px;
    text-align: center;
}
#swim .other-swimming .swimming-list li a{
    display: block;
}
#swim .other-swimming .swimming-list li+li{
    margin-left: 21px;
}
#swim .other-swimming .swimming-list li:nth-child(4n+1){
    margin-left: 0;
}
#swim .other-swimming .swimming-list li .img{
    margin-bottom: 28px;
    background-repeat: no-repeat;
    background-size :cover;
    background-position: center center;
    height: 0;
    padding-bottom: 78%;
}
#swim .other-swimming .swimming-list li span{
    display: block;
    font-size: 18px;
    color:#5e5e5e;
    line-height: 1.27em;
}
#swim .other-swimming .swimming-list li em{
    display: block;
    font-size: 15px;
    line-height: 1.46em;
    color:#989898;
    margin-top: 10px;
}


/*------------------------------------------------------------------------------------------------*/
/* swim */
#swim #Swm_Cont02 {width:100%;overflow:visible;z-index:100;}
#swim #Swm_Cont02 .ttl {width:30%;}
#swim #Swm_Cont02 .ttl {background:url(../images/info_bg.png) repeat left top;}
#swim #Swm_Cont02 .ttl {position:absolute;top:-185px;}
#swim #Swm_Cont02 .ttl h2 {color:#fff;text-align:center;padding:60px 0;}
#swim #Swm_Cont02 .ttl h2 span {display:block;font-size:19px;margin-bottom:20px;}
#swim #Swm_Cont02 .ttl h2 strong {font-size:28px;letter-spacing:0.5px;display:block;}
#swim #Swm_Cont02 .ttl h2 strong {font-family:linotype-didot,serif;font-weight:400;font-style:normal;}
#swim #Swm_Cont02 .txt {width:100%;background:#27a68e;overflow:hidden;}
#swim #Swm_Cont02 .txt .InnerBox {width:60%;float:right;padding:7.5% 5%;background:#fff;}
#swim #Swm_Cont02 .txt .InnerBox strong {color:#787878;display:block;font-weight:bold;letter-spacing:1.5px;font-size:22px;}
#swim #Swm_Cont02 .txt .InnerBox p {margin-top:25px;font-size:16px;line-height:1.5;}

#swim #Swm_Cont03:before {position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.5;content:"";display:block;}
#swim #Swm_Cont03 .InnerBox {position:relative;width:85%;margin:0 auto;padding:10% 0 5%;}
#swim #Swm_Cont03 .InnerBox .ttl {margin-bottom:3%;}
#swim #Swm_Cont03 .InnerBox .ttl h3 {font-size:45px;color:#fff;letter-spacing:1px;}
#swim #Swm_Cont03 .InnerBox .ttl a {display:block;overflow:hidden;transition:0.2s;margin:25px 0;}
#swim #Swm_Cont03 .InnerBox .ttl a div {float:left;width:100px;height:1px;background:#fff;margin-top:7px;transition:0.2s;}
#swim #Swm_Cont03 .InnerBox .ttl a span {float:left;margin-left:20px;display:block;color:#fff;}
#swim #Swm_Cont03 .InnerBox ul {width:100%;overflow:hidden;}
#swim #Swm_Cont03 .InnerBox ul li {float:left;width:calc(33.33% - 20px);margin:0 10px 40px;}
#swim #Swm_Cont03 .InnerBox ul li a {display:block;}
#swim #Swm_Cont03 .InnerBox ul li a div {position:relative;overflow:hidden;display:block;}
#swim #Swm_Cont03 .InnerBox ul li a div:before {position:absolute;top:0;left:0;width:100%;height:100%;transition: 0.3s;}
#swim #Swm_Cont03 .InnerBox ul li a div:before {background:#000;opacity:0.2;content:"";display:block;}
#swim #Swm_Cont03 .InnerBox ul li a span {font-size:23px;color:#fff;text-align:center;display:block;margin-top:20px;}
#swim #Swm_Cont03 .InnerBox ul li a:hover > div:before {top:100%;}


/* about */
#about .about-top{
    display: flex;
    align-items: center;
    justify-content: center;
    min-height:799px;
    height: 57vw;
    background-position: center center;
    background-repeat: no-repeat;
    text-align: center;
    background-size: cover;
}
#about .about-top .text-box{
    display: flex;
    flex-direction: column;
    color:#fff;
    font-family: 'AppleSDGothicNeo',sans-serif;
}
#about .about-top .text-box p{
    font-size:20px;
    font-weight: 500;
}
#about .about-top .text-box h2{
    font-size: 140px;
    font-weight: 200;
    margin-top: 30px;
}
#about .about-logo{
    padding:280px 0 289px
}
#about .about-logo img{
    display: block;
    margin:0 auto;
}
#about .slide-wrap .inner{
    width: 1210px;
    margin:0 auto;
    max-width: 86%;
}
#about .slide-wrap .swiper-container{
    overflow: visible;
    position: relative;
}
#about .slide-wrap .view-slide-controls{
    display: flex;
    align-items: end;
    position: absolute;
    right:0;
    bottom:0;
    z-index: 2;
}
#about .slide-wrap .view-slide-controls .view-slide-pagination{
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 27px;
}
#about .slide-wrap .view-slide-controls .view-slide-pagination .swiper-pagination-bullet{
    opacity: 1;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: #fff;
    transition: 0.5s;
    margin:0 5px;
}
#about .slide-wrap .view-slide-controls .view-slide-pagination .swiper-pagination-bullet-active{
    width: 20px;
    height: 20px;
    background-color: #2a4139;
}
#about .slide-wrap .view-slide-controls .view-slide-btns{
    display: flex;
    align-items: end;
    width: 200px;
    justify-content: center;
    height: 107px;
    position: relative;
    overflow: hidden;
    margin-left: 74px;
    box-sizing: border-box;
    padding-bottom: 27px;
}
#about .slide-wrap .view-slide-controls .view-slide-btns .view-slide-prev{
    background-image: url(../bluemango2/main/icon_left.png);
}
#about .slide-wrap .view-slide-controls .view-slide-btns .view-slide-next{
    background-image: url(../bluemango2/main/icon_right.png);
}
#about .slide-wrap .view-slide-controls .view-slide-btns:after{
    content:'';
    position: absolute;
    z-index: 0;
    width: 205px;
    height: 205px;
    border-radius: 100%;
    background-color: rgba(42,65,57,0.8);
    left:0;
    top:0;
}
#about .slide-wrap .view-slide-controls .view-slide-btns button{
    width: 12px;
    height: 20px;
    overflow: hidden;
    cursor: pointer;
    text-indent: -9999px;
    border:0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
    z-index: 2;
}
#about .slide-wrap .view-slide-controls .view-slide-btns span{
    width: 1px;
    height: 22px;
    background-color: #99a39f;
    margin:0 24px;
    position: relative;
    z-index: 2;
}
#about .slide-wrap .swiper-slide{
    opacity: 0.25;
    transition: 0.5s;
}
#about .slide-wrap .swiper-slide img{
    display: block;
    max-width: 100%;
    margin:0 auto;
}
#about .slide-wrap .swiper-slide-active{
    opacity: 1;
}
#about .contact{
    margin-top: 259px;
    text-align: center;
}
#about .contact-header{
    margin-bottom: 31px;
}
#about .contact-header h3{
    display: block;
    font-family:'FuturaBook',sans-serif;
    font-size: 38px;
    font-weight: 400;
    color:#000;
}
#about .contact-header p{
    color:#5e5e5e;
    font-size: 20px;
    line-height: 29px;
    margin-top: 33px;
}
#about .contact-header p+p{
    margin-top: 23px;
}
#about #map{
    height: 700px;
}


/* community */
#community .community-top{
    display: flex;
    align-items: center;
    justify-content: center;
    min-height:799px;
    height: 57vw;
    background-position: center center;
    background-repeat: no-repeat;
    text-align: center;
    background-size: cover;
}
#community .community-top .text-box{
    display: flex;
    flex-direction: column;
    color:#fff;
    font-family: 'AppleSDGothicNeo',sans-serif;
}
#community .community-top .text-box p{
    font-size:20px;
    font-weight: 500;
}
#community .community-top .text-box h2{
    font-size: 140px;
    font-weight: 200;
    margin-top: 30px;
}
#community .section{
    height: auto;
}


/* room */
#rooms .room-images{
    position: relative;
    overflow: hidden;
}
#rooms .room-images .room-name{
    min-width: 443px;
    min-height: 149px;
    background-color: rgba(42,65,57,0.7);
    text-align: center;
    position: absolute;
    left:0;
    bottom:0;
    z-index: 2;
    color:#c7ae87;
    display: flex;
    align-items: center;
    justify-content: center;
}
#rooms .room-images .room-name h2{
    margin:30px;
    text-transform: uppercase;
}
#rooms .room-images .room-name h2 span{
    display: block;
    font-size:20px;
    letter-spacing: 0.1em;
    font-weight: 400;
}
#rooms .room-images .room-name h2 strong{
    display: block;
    font-size: 34px;
    letter-spacing: 0;
    margin-top: 17px;
    font-weight: 400;
}
#rooms .room-images .swiper-slide{
    height: 57vw;
    min-height: 800px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
#rooms .room-slide-controls{
    display: flex;
    align-items: end;
    position: absolute;
    right:-31px;
    bottom:0;
    z-index: 2;
}
#rooms .room-slide-controls .room-slide-pagination{
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 27px;
}
#rooms .room-slide-controls .room-slide-pagination .swiper-pagination-bullet{
    opacity: 1;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: #fff;
    transition: 0.5s;
    margin:0 5px;
}
#rooms .room-slide-controls .room-slide-pagination .swiper-pagination-bullet-active{
    width: 20px;
    height: 20px;
    background-color: #2a4139;
}
#rooms .room-slide-controls .room-slide-btns{
    display: flex;
    align-items: end;
    width: 205px;
    justify-content: center;
    height: 107px;
    position: relative;
    overflow: hidden;
    margin-left: 74px;
    box-sizing: border-box;
    padding-bottom: 27px;
}
#rooms .room-slide-controls .room-slide-btns .room-slide-prev{
    background-image: url(../bluemango2/main/icon_left.png);
}
#rooms .room-slide-controls .room-slide-btns .room-slide-next{
    background-image: url(../bluemango2/main/icon_right.png);
}
#rooms .room-slide-controls .room-slide-btns:after{
    content:'';
    position: absolute;
    z-index: 0;
    width: 205px;
    height: 205px;
    border-radius: 100%;
    background-color: rgba(42,65,57,0.8);
    left:0;
    top:0;
}
#rooms .room-slide-controls .room-slide-btns button{
    width: 12px;
    height: 20px;
    overflow: hidden;
    cursor: pointer;
    text-indent: -9999px;
    border:0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
    z-index: 2;
}
#rooms .room-slide-controls .room-slide-btns span{
    width: 1px;
    height: 22px;
    background-color: #99a39f;
    margin:0 24px;
    position: relative;
    z-index: 2;
}
#rooms .type_list {position:absolute;right:0;top:50%;width:150px;overflow:hidden;z-index:150;transform: translate(0,-50%);}
#rooms .type_list a {display:block;width:100%;padding:20px 0;margin:5px 0;text-align:center;}
#rooms .type_list a {background:rgba(42,65,57,0.7);color:#c7ae87;opacity:0.5;}
#rooms .type_list a.active {color:#c7ae87;opacity:1;}
#rooms .room-info{
    width: 1200px;
    margin:94px auto 88px;
}
#rooms .room-info .info-box{
    padding:50px 0;
    position: relative;
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
}
#rooms .room-info .info-box+.info-box{
    border-top: 2px solid #e5e5e5;
}
#rooms .room-info .info-box>strong{
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 0;
    width: 265px;
}
#rooms .room-info .info-box>div{
    width: calc(100% - 265px);
}
#rooms .room-info .info-box>div .row{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
}
#rooms .room-info .info-box>div .row li{
    flex-shrink: 0;
    font-size: 15px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0;
}
#rooms .room-info .info-box>div .row li:nth-child(1){
    width: 54%;
}
#rooms .room-info .info-box>div .row li:nth-child(2){
    width: 12%;
}
#rooms .room-info .info-box>div .row li:nth-child(3){
    width: 25%;
}
#rooms .room-info .info-box>div .row li>span{
    display: block;
    color:#9e8154;
}
#rooms .room-info .info-box>div .row li>div{
    color:#434343;
}
#rooms .room-info .info-box>div .row li>div p{
    font-size: 14px;
    line-height: 22px;
    color:#ababab;
    margin-top: 3px;
}
#rooms .room-info .info-box>div .row+.row{
    margin-top: 25px;
}
#rooms .room-info .info-box>div .detail-row{
    display: none;
}
#rooms .room-info .info-btns{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 73px;
}
#rooms .room-info .info-btns button{
    background-color: #2a4139;
    color:#c7ae87;
    width: 270px;
    border:0;
    height: 61px;
    font-weight: 700;
    font-size: 15px;
}
#rooms .room-info .info-btns a{
    margin-left: 21px;
    border:1px solid #c7ae87;
    box-sizing: border-box;
    font-weight: 700;
    font-size: 15px;
    line-height: 59px;
    width: 270px;
    text-align: center;
    color:#9e8154;
}
#rooms .room-info .info-video{
    margin-top: 70px;
    display: none;
}
#rooms .room-info .info-video .video-inner{
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
}
#rooms .room-info .info-video .video-inner iframe{
    width: 100%;
    height: 100%;
    position: absolute;
    left:0;
    top:0;
    bottom:0;
    right:0;
}
#rooms .other-room{
    background-color: #e4e4e4;
    padding:122px 0 100px;
}
#rooms .other-room h3{
    display: block;
    margin:0 auto;
    width: 1313px;
    padding:0;
    max-width: 100%;
    font-size: 64px;
    line-height: 80px;
    color:#000;
    font-weight: 200;
    font-family:'AppleSDGothicNeo',sans-serif;
}
#rooms .other-room .room-list{
    max-width: 100%;
    width: 1313px;
    display: flex;
    margin:0 auto;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-top: 100px;
    margin-bottom: -54px;
}
#rooms .other-room .room-list li{
    width: calc((100% - 63px) / 4);
    margin-bottom: 54px;
    text-align: center;
}
#rooms .other-room .room-list li a{
    display: block;
}
#rooms .other-room .room-list li{
    margin-left: 21px;
}
#rooms .other-room .room-list li:nth-child(4n){
    margin-left: 0;
}

#rooms .other-room .room-list li{order: 1;}
#rooms .other-room .room-list li.room20{}
#rooms .other-room .room-list li.room21{}
#rooms .other-room .room-list li.room22{    margin-left: 21px;}
#rooms .other-room .room-list li.room23{}
#rooms .other-room .room-list li.room24{order: 0;margin-left: 0;}

#rooms .other-room .room-list li.room0{order: 0; margin-left: 0;}
#rooms .other-room .room-list li.room1{order: 1;}
#rooms .other-room .room-list li.room2{order: 2;}
#rooms .other-room .room-list li.room3{order: 3;     margin-left: 21px;}
#rooms .other-room .room-list li.room4{order: 4; margin-left: 0;}
#rooms .other-room .room-list li.room5{order: 6;}
#rooms .other-room .room-list li.room6{order: 7;}
#rooms .other-room .room-list li.room7{order: 9; margin-left: 21px;}
#rooms .other-room .room-list li.room8{order: 8; margin-left: 0;}
#rooms .other-room .room-list li.room9{order: 5;}


#rooms .other-room .room-list li .img{
    margin-bottom: 28px;
    background-repeat: no-repeat;
    background-size :cover;
    background-position: center center;
    height: 0;
    padding-bottom: 78%;
}
#rooms .other-room .room-list li span{
    display: block;
    font-size: 18px;
    color:#5e5e5e;
    line-height: 1.27em;
}
#rooms .other-room .room-list li em{
    display: block;
    font-size: 15px;
    line-height: 1.46em;
    color:#989898;
    margin-top: 10px;
}

#rooms .location-mask{
    position: fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
    z-index: 9999;
    background-color: rgba(0,0,0,0.5);
    display: none;
}
#rooms .location-modal{
    display: none;
    position: fixed;
    left: 50%;
    top:50%;
    transform: translate(-50%,-50%);
    z-index: 9999;
}
#rooms .location-modal img{
    display: block;
}



/*------------------------------------------------------------------------------------------------*/
/* Facilitys */
#facilitys #Fct_Cont02 {width:100%;overflow:visible;z-index:100;}
#facilitys #Fct_Cont02 .ttl {width:30%;}
#facilitys #Fct_Cont02 .ttl {background:url(../images/info_bg.png) repeat left top;}
#facilitys #Fct_Cont02 .ttl {position:absolute;top:-185px;}
#facilitys #Fct_Cont02 .ttl h2 {color:#fff;text-align:center;padding:60px 0;}
#facilitys #Fct_Cont02 .ttl h2 span {display:block;font-size:19px;margin-bottom:20px;}
#facilitys #Fct_Cont02 .ttl h2 strong {font-size:28px;letter-spacing:0.5px;display:block;}
#facilitys #Fct_Cont02 .ttl h2 strong {font-family:linotype-didot,serif;font-weight:400;font-style:normal;}
#facilitys #Fct_Cont02 .txt {width:100%;background:#27a68e;overflow:hidden;}
#facilitys #Fct_Cont02 .txt .InnerBox {width:60%;float:right;padding:7.5% 5%;background:#fff;}
#facilitys #Fct_Cont02 .txt .InnerBox strong {color:#787878;display:block;font-weight:bold;letter-spacing:1.5px;font-size:22px;}
#facilitys #Fct_Cont02 .txt .InnerBox p {margin-top:25px;font-size:16px;line-height:1.5;}

#facilitys #Fct_Cont03:before {position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.5;content:"";display:block;}
#facilitys #Fct_Cont03 .InnerBox {position:relative;width:85%;margin:0 auto;padding:10% 0 5%;}
#facilitys #Fct_Cont03 .InnerBox .ttl {margin-bottom:3%;}
#facilitys #Fct_Cont03 .InnerBox .ttl h3 {font-size:45px;color:#fff;letter-spacing:1px;}
#facilitys #Fct_Cont03 .InnerBox .ttl a {display:block;overflow:hidden;transition:0.2s;margin:25px 0;}
#facilitys #Fct_Cont03 .InnerBox .ttl a div {float:left;width:100px;height:1px;background:#fff;margin-top:7px;transition:0.2s;}
#facilitys #Fct_Cont03 .InnerBox .ttl a span {float:left;margin-left:20px;display:block;color:#fff;}
#facilitys #Fct_Cont03 .InnerBox ul {width:100%;overflow:hidden;}
#facilitys #Fct_Cont03 .InnerBox ul li {float:left;width:calc(33.33% - 20px);margin:0 10px 40px;}
#facilitys #Fct_Cont03 .InnerBox ul li a {display:block;}
#facilitys #Fct_Cont03 .InnerBox ul li a div {position:relative;overflow:hidden;display:block;}
#facilitys #Fct_Cont03 .InnerBox ul li a div:before {position:absolute;top:0;left:0;width:100%;height:100%;transition: 0.3s;}
#facilitys #Fct_Cont03 .InnerBox ul li a div:before {background:#000;opacity:0.2;content:"";display:block;}
#facilitys #Fct_Cont03 .InnerBox ul li a span {font-size:25px;color:#fff;text-align:center;display:block;margin-top:20px;}
#facilitys #Fct_Cont03 .InnerBox ul li a:hover > div:before {top:100%;}

#facilitys .facility-images{
    position: relative;
    overflow: hidden;
}
#facilitys .facility-images .facility-name{
    min-width: 443px;
    min-height: 149px;
    background-color: rgba(42,65,57,0.7);
    text-align: center;
    position: absolute;
    left:0;
    bottom:0;
    z-index: 2;
    color:#c7ae87;
    display: flex;
    align-items: center;
    justify-content: center;
}
#facilitys .facility-images .facility-name h2{
    margin:30px;
}
#facilitys .facility-images .facility-name h2 span{
    display: block;
    font-size:20px;
    letter-spacing: 0.1em;
    font-weight: 400;
}
#facilitys .facility-images .facility-name h2 strong{
    display: block;
    font-size: 34px;
    letter-spacing: 0;
    margin-top: 17px;
    font-weight: 400;
}
#facilitys .facility-images .swiper-slide{
    height: 57vw;
    min-height: 800px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
#facilitys .facility-slide-controls{
    display: flex;
    align-items: end;
    position: absolute;
    right:-31px;
    bottom:0;
    z-index: 2;
}
#facilitys .facility-slide-controls .facility-slide-pagination{
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 27px;
}
#facilitys .facility-slide-controls .facility-slide-pagination .swiper-pagination-bullet{
    opacity: 1;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: #fff;
    transition: 0.5s;
    margin:0 5px;
}
#facilitys .facility-slide-controls .facility-slide-pagination .swiper-pagination-bullet-active{
    width: 20px;
    height: 20px;
    background-color: #2a4139;
}
#facilitys .facility-slide-controls .facility-slide-btns{
    display: flex;
    align-items: end;
    width: 205px;
    justify-content: center;
    height: 107px;
    position: relative;
    overflow: hidden;
    margin-left: 74px;
    box-sizing: border-box;
    padding-bottom: 27px;
}
#facilitys .facility-slide-controls .facility-slide-btns .facility-slide-prev{
    background-image: url(../bluemango2/main/icon_left.png);
}
#facilitys .facility-slide-controls .facility-slide-btns .facility-slide-next{
    background-image: url(../bluemango2/main/icon_right.png);
}
#facilitys .facility-slide-controls .facility-slide-btns:after{
    content:'';
    position: absolute;
    z-index: 0;
    width: 205px;
    height: 205px;
    border-radius: 100%;
    background-color: rgba(42,65,57,0.8);
    left:0;
    top:0;
}
#facilitys .facility-slide-controls .facility-slide-btns button{
    width: 12px;
    height: 20px;
    overflow: hidden;
    cursor: pointer;
    text-indent: -9999px;
    border:0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
    z-index: 2;
}
#facilitys .facility-slide-controls .facility-slide-btns span{
    width: 1px;
    height: 22px;
    background-color: #99a39f;
    margin:0 24px;
    position: relative;
    z-index: 2;
}
#facilitys .facility-info{
    width: 1200px;
    margin:94px auto 88px;
}
#facilitys .facility-info .info-box{
    padding:50px 0;
    position: relative;
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
}
#facilitys .facility-info .info-box+.info-box{
    border-top: 2px solid #e5e5e5;
}
#facilitys .facility-info .info-box>strong{
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 0;
    width: 265px;
}
#facilitys .facility-info .info-box>div{
    width: calc(100% - 265px);
}
#facilitys .facility-info .info-box>div .row{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
}
#facilitys .facility-info .info-box>div .row li{
    flex-shrink: 0;
    font-size: 15px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0;
    width: 100%;
}
#facilitys .facility-info .info-box>div .row li>span{
    display: block;
    color:#9e8154;
}
#facilitys .facility-info .info-box>div .row li>div{
    color:#434343;
}

#facilitys .other-facility{
    background-color: #e4e4e4;
    padding:122px 0 100px;
}
#facilitys .other-facility h3{
    display: block;
    margin:0 auto;
    width: 1313px;
    padding:0;
    max-width: 100%;
    font-size: 64px;
    line-height: 80px;
    color:#000;
    font-weight: 200;
    font-family:'AppleSDGothicNeo',sans-serif;
}
#facilitys .other-facility .facility-list{
    max-width: 100%;
    width: 1313px;
    display: flex;
    margin:0 auto;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-top: 100px;
    margin-bottom: -54px;
}
#facilitys .other-facility .facility-list li{
    width: calc((100% - 63px) / 4);
    margin-bottom: 54px;
    text-align: center;
}
#facilitys .other-facility .facility-list li a{
    display: block;
}
#facilitys .other-facility .facility-list li+li{
    margin-left: 21px;
}
#facilitys .other-facility .facility-list li:nth-child(4n+1){
    margin-left: 0;
}
#facilitys .other-facility .facility-list li .img{
    margin-bottom: 28px;
    background-repeat: no-repeat;
    background-size :cover;
    background-position: center center;
    height: 0;
    padding-bottom: 78%;
}
#facilitys .other-facility .facility-list li span{
    display: block;
    font-size: 18px;
    color:#5e5e5e;
    line-height: 1.27em;
}
#facilitys .other-facility .facility-list li em{
    display: block;
    font-size: 15px;
    line-height: 1.46em;
    color:#989898;
    margin-top: 10px;
}