@charset "utf-8";
/* CSS Document */
.index__service {
    display: block;
    width: 100%;
    height: calc(480/750 * 100vw);
    margin: 0 auto 52px;
    background: url(../img/index/bg_service_sp.jpg) no-repeat center;
    background-size: cover;
    text-decoration: none;
}
.index__service--sub.colorYellow {
    color: #F5FF86;
}
.index__service.banner02 {
    display: block;
    width: 100%;
    height: calc(480/750 * 100vw);
    margin: 0 auto 52px;
    background: url(../img/index/bg_service-02_sp.jpg) no-repeat center;
    background-size: cover;
    text-decoration: none;
}
.index__service.banner03 {
    display: block;
    width: 100%;
    height: calc(480/750 * 100vw);
    margin: 0 auto;
    background: url(../img/index/bg_service-03_sp.jpg) no-repeat center;
    background-size: cover;
    text-decoration: none;
}
.index__service.banner04 {
    display: block;
    width: 100%;
    height: calc(480/750 * 100vw);
    margin: 0 auto 52px;
    background: url(../img/index/bg_service-04_sp.jpg) no-repeat center;
    background-size: cover;
    text-decoration: none;
}
@media screen and (min-width: 960px) {
    .index__service {
        height: 357px;
        background: url(../img/index/bg_service_pc@1x.jpg) no-repeat center;
        margin: 0 auto 10px;
        background-size: cover;
    }
    .index__service.banner02 {
        height: 357px;
        background: url(../img/index/bg_service-02_pc@1x.jpg) no-repeat center;
        margin: 0 auto 10px;
        background-size: cover;
    }
    .index__service.banner03 {
        height: 357px;
        background: url(../img/index/bg_service-03_pc@1x.jpg) no-repeat center;
        margin: 0 auto;
        background-size: cover;
    }
    .index__service.banner04 {
        height: 357px;
        margin: 0 auto 10px;
        background: url(../img/index/bg_service-04_pc@1x.jpg) no-repeat center;
        background-size: cover;
    }
}
@media screen and (min-width: 960px) {
    .index__service--box {
        max-width: 920px;
        margin: 0 auto;
        padding-top: 100px;
        padding-left: 0;
    }
}
@media screen and (min-width: 960px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 960px) and (min-resolution: 2dppx) {
    .index__service {
        background: url(../img/index/bg_service_pc@2x.jpg) no-repeat center;
        background-size: cover;
    }
    .index__service.banner02 {
        background: url(../img/index/bg_service-02_pc@2x.jpg) no-repeat center;
        background-size: cover;
    }
    .index__service.banner03 {
        background: url(../img/index/bg_service-03_pc@2x.jpg) no-repeat center;
        background-size: cover;
    }
    .index__service.banner04 {
        background: url(../img/index/bg_service-04_pc@2x.jpg) no-repeat center;
        background-size: cover;
    }
}
/*------ HELPER ------*/
a.anchor {
    display: block;
    padding-top: 100px;
    margin-top: -100px;
}
.taLeft {
    text-align: left;
}
.taRight {
    text-align: right;
}
.flRight {
    float: right;
}
.sp {
    display: block;
}
.pc {
    display: none;
}
@media screen and (min-width: 960px) {
    .sp {
        display: none;
    }
    .pc {
        display: block;
    }
}