@charset "utf-8";

/* top_img */
.top_img .inner {background:linear-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ),url(../img/main/business3.jpg)no-repeat center center;
                background-size:cover;}

/* contents */
.contentW {width:100%; background:#fff;}

.contentW .inner {width:58.5rem; margin:0 auto; padding:5rem 0;}
.contentW .inner:after {content:''; display:block; clear:both;}

.contentW .inner .content {position:relative; width:32%; overflow:hidden; float:left; color:#333; border:1px solid #ddd; box-sizing:border-box;}

.contentW .inner .content:nth-child(2) {margin:0 2%;}

.contentW .content .top {position:relative;}
.contentW .content .top img {width:100%;}
.contentW .content .top .darkness {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); opacity:0; transition:all .6s linear;}
.contentW .content .top .btn-plus {position:absolute; top:50%; left:50%; background:#145DAB; width:2.5rem; height:2.5rem; border-radius:50%; text-align:center; opacity:0; transition:all .3s linear; transform:translate(-50%,-50%) scale(2);}
.contentW .content .top .btn-plus span {font-size:1.7rem; color:#fff; user-select:none;}

.contentW .content .top a:hover .darkness {opacity:1;}
.contentW .content .top a:hover .btn-plus {opacity:1; transform:translate(-50%,-50%) scale(1);}

.contentW .content .bottom {padding:1rem 0 2rem 0; text-align:center; border-top:1px solid #ddd;}
.contentW .content .bottom h2 {padding:0 0 0.75rem 0;}
.contentW .content .bottom p {font-size:0.9rem; line-height:1rem;}

.contentW .appliance .bottom {padding-bottom:1rem;}

@media (max-width:1186px ){

    /* contents */
    .contentW .inner {width:90%;}

}

@media (max-width:999px ){

    /* contents */
    .contentW .inner .content {width:48%; margin-bottom:4%;}
    .contentW .inner .content:nth-child(2) {margin:0 0 4% 4%;}
    .contentW .inner .content:nth-child(3) {margin-bottom:0;}

}

@media (max-width:636px ){

    /* contents */
    .contentW .inner .content {float:none; width:100%;}
    .contentW .inner .content:nth-child(2) {margin-left:0;}

}

@media ( min-width:0px ) and ( max-width:900px ){


}