@charset "utf-8";

/*
************************************************************************
* TOPページ
* @copyright Revolme Inc.
************************************************************************
*/

/* ################################################################################################ */
/* ## PC                         ################################################################## */
/* ################################################################################################ */
.service-block {
    text-align: center;
}
.service-block .img {
    display: block;
    margin-bottom: 1em;
}
.service-title {
    text-align: center;
    margin-bottom: 1em;
}
.service-title .main {
    display: block;
    color: #009FE8;
    font-size: 1.5em;
    line-height: 1.2;
}
.service-title .sub {
    display: block;
    color: #909090
}



.performance-block-list {
    margin-bottom: 2em;
}
.performance-block-list.block-list .block-item {
    width: calc(25% - 2em);
    margin: 0 1em;
}
.performance-block {
    text-align: center;
}
.performance-block .img {
    display: block;
    border-radius: 1em;
}
.performance-title {
    text-align: left;
    margin-bottom: 1em;
}
.performance-title .main {
    display: block;
    color: #009FE8;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.5;
}
.performance-block .text {
    text-align: justify;
}

/* ################################################################################################ */
/* ## TAB                        ################################################################## */
/* ################################################################################################ */
@media screen and (max-width:1320px) {

}

/* ################################################################################################ */
/* ## スマホサイト用スタイル ###################################################################### */
/* ################################################################################################ */
@media screen and (max-width:640px) {

    .performance-block-list.block-list .block-item {
        width: calc(50% - 1em);
        margin: 1em 0.5em;
    }
}