@charset "UTF-8";

.service_area > div {
    margin-top:40px;
}

.service_area > div > p+p {
    margin-top:12px;
}

.service_area > div > h4+p {
    margin-top:18px;
}

.service_area > div > h4 {
    font-size:17px;
    line-height:1.3em;
    font-weight:bold;
    border-left:4px solid #ed4f44;
    padding-left:8px;
    margin-bottom:20px;
}

.service_area > div > h4:nth-of-type( n+2 ){
    margin-top:60px;
}

.service_area > div > p+h4, .service_area > div > div+h4 {
    margin-top:32px;
}

.service_area .service_effect, .service_area .service_effect2, .service_area .service_effect3 {
    margin-top:18px;
    display:flex;
    flex-wrap:wrap;
    align-items:flex-start;
    line-height:1.6em;
}

.service_area .service_effect > div:first-of-type {
    width:100%;
    padding-right:12px;
}

.service_area .service_effect > div, .service_area .service_effect2 > div {
    width:calc( 100% / 3 );
    box-sizing:border-box;
}

.service_area .service_effect3 > div {
    width:calc( 100% / 2 );
    box-sizing:border-box;
}

.service_area .service_effect > div:nth-of-type( 2 ) {
    padding-right:12px;
    width:50%;
}
.service_area .service_effect > div:nth-of-type( 3 ) {
    padding-left:12px;
    width:50%;
}
.service_area .service_effect > div:nth-of-type( 3n+4 ) {
    padding-right:16px;
}

.service_area .service_effect > div:nth-of-type( 3n+5 ) {
    padding-left:8px;
    padding-right:8px;
}

.service_area .service_effect > div:nth-of-type( 3n+6 ) {
    padding-left:16px;
}

.service_area .service_effect > div:nth-of-type( n+2 ), .service_area .service_effect2 > div:nth-of-type( n+4 ) {
    padding-top:40px;
}

.service_area .service_effect2 > div:nth-of-type( 3n+1 ) {
    padding-right:16px;
}

.service_area .service_effect2 > div:nth-of-type( 3n+2 ) {
    padding-left:8px;
    padding-right:8px;
}

.service_area .service_effect2 > div:nth-of-type( 3n+3 ) {
    padding-left:16px;
}

.service_area .service_effect3 > div:nth-of-type( 2n+1 ) {
    padding-right:12px;
}

.service_area .service_effect3 > div:nth-of-type( 2n+2 ) {
    padding-left:12px;
}

.service_pict {
    padding-right:12px;
    float:left;
    width:100px;
    box-sizing:border-box;
}

.service_pict2 {
    padding-right:12px;
    float:right;
    width:130px;
    box-sizing:border-box;
}

.service_pict img, .service_pict2 img {
    width:100%;
    aspect-ratio: 1 / 1;
    border-radius:6px;
}

.service_area h5 {
    font-weight:bold;
    font-size:16px;
    margin-bottom:10px;
    line-height:1.5em;
    color:#d8192b;
}

.service_area .service_effect p {
    font-size:13px;
    line-height:1.7em;
}

.service_area .service_effect p:nth-of-type( n+3 ) {
    margin-top:8px;
}

.service_padding {
    margin-top:20px;
}

.service_effect_spread {
    border-collapse:collapse;
    width:100%;
}

.service_effect_spread th {
    font-weight:bold;
    padding:2px 4px;
    text-align:center;
    vertical-align:middle;
    border:1px solid #bbb;
    background-color:#eee;
}

.service_effect_spread td {
    padding:2px 4px;
    text-align:right;
    vertical-align:middle;
    border:1px solid #bbb;
}

.service_effect_spread tr td:first-of-type {
    text-align:center;
    font-weight:bold;
}

.service_effect_spread tr td:nth-of-type(2) {
    text-align:left;
}

table.service_effect_spread+table.service_effect_spread {
    margin-top:16px;
}

.service_append_img {
    width:100%;
    height:auto;
}

@media screen and (max-width:800px) {

    .service_area .service_effect > div, .service_area .service_effect2 > div {
        width:calc( 100% / 2 );
        box-sizing:border-box;
    }

    .service_area .service_effect3 > div {
        width:calc( 100% / 2 );
        box-sizing:border-box;
    }

    .service_area .service_effect > div:nth-of-type( 2n+1 ) {
        padding-right:8px;
        padding-left:8px;
    }
    .service_area .service_effect > div:nth-of-type( 2n+2 ) {
        padding-left:8px;
        padding-left:8px;
    }
    .service_area .service_effect > div:nth-of-type( 3n+4 ) {
        padding-left:8px;
        padding-left:8px;
    }

    .service_area .service_effect > div:nth-of-type( 3n+5 ) {
        padding-left:8px;
        padding-left:8px;
    }

    .service_area .service_effect > div:nth-of-type( 3n+6 ) {
        padding-left:8px;
        padding-left:8px;
    }

    .service_area .service_effect2 > div:nth-of-type( 3n+1 ) {
        padding-left:8px;
        padding-left:8px;
    }

    .service_area .service_effect2 > div:nth-of-type( 3n+2 ) {
        padding-left:8px;
        padding-left:8px;
    }

    .service_area .service_effect2 > div:nth-of-type( 3n+3 ) {
        padding-left:8px;
        padding-left:8px;
    }

    .service_area .service_effect3 > div:nth-of-type( 2n+1 ) {
        padding-left:8px;
        padding-left:8px;
    }

    .service_area .service_effect3 > div:nth-of-type( 2n+2 ) {
        padding-left:8px;
        padding-left:8px;
   }

    .service_area .service_effect > div:nth-of-type( n+3 ), .service_area .service_effect2 > div:nth-of-type( n+3 ),, .service_area .service_effect3 > div:nth-of-type( n+3 ) {
        padding-top:40px;
    }
}