@charset "UTF-8";
/* -------------------------------------------------------------- */
/* For Business */
/* -------------------------------------------------------------- */
.area-business {
    background-color: #fff;
}

.txt-business-brief {
    margin: 3em 0;
}

.list-business {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

.list-business li {
    border: #2BAF9D solid 4px;
    background: #fff;
}

.list-business li:first-child dl dt {
    background-image: url("../img/icon-biz-01.png");
}

.list-business li:nth-child(2) dl dt {
    background-image: url("../img/icon-biz-02.png");
}

.list-business li:nth-child(3) dl dt {
    background-image: url("../img/icon-biz-03.png");
}

.list-business li:nth-child(4) dl dt {
    background-image: url("../img/icon-biz-04.png");
}

.list-business li:nth-child(5) dl dt {
    background-image: url("../img/icon-biz-05.png");
}

.list-business li:nth-child(6) dl dt {
    background-image: url("../img/icon-biz-06.png");
}

.list-business li dl dt {
    background-repeat: no-repeat
}

.link-more {
    background: #F5F0E2 !important;
}

@media screen and (max-width:768px) {
    .txt-business-brief {
        margin: 0 0 8vw 0 !important;
        padding: 0 5.3vw;
        font-size: 3.73vw;
    }
    
    .list-business {
        padding: 0 5.3vw;
        margin-bottom: 14vw;
    }
    
    .list-business li {
        padding: 5.3vw;
        margin-bottom: 5.3vw;
    }
    
    .list-business li:last-child {
        margin-bottom: 0;
    }
    
    .list-business li dl dt {
        font-size: 6.4vw;
        background-size: 50px 50px;
        background-position: left center;
        padding: .4em 0 .4em 2.6em;
        line-height: 1.5;
    }
    
    .list-business li dl dd p {
        margin: 5.8vw 0 7.2vw 0;
    }
    
    .link-more {
        font-size: 4.8vw;
    }
}

@media print,screen and (min-width:769px) {
    .list-business {
        font-size: 0;
    }
    
    .list-business li {
        width: 480px;
        height: 480px;
        padding: 36px;
        display: inline-block;
        vertical-align: top;
        margin-right: 40px;
        margin-bottom: 40px;
    }
    
    .list-business li:nth-child(2n) {
        margin-right: 0;
    }
    
    .list-business li dl dt {
        font-size: 24px;
        background-size: 60px 60px;
        background-position: left center;
        padding: .4em 0 .4em 3em;
    }
    
    .list-business li dl dd {
        font-size: 15px;
    }
    
    .list-business li dl dd p {
        margin: 30px 0 24px 0;
    }
    
    .link-more {
        width: 320px !important;
        font-size: 18px;
    }
    
}