@charset "UTF-8";

.area-catch {
    background: url("/_common/image/icon/bg_grad.jpg") 50% 100% no-repeat;
    background-size: 100%;
    text-align: center;
}

.introBlock .m-catch03 {
    margin-bottom: 20px;
}

.area-adms {
    background: url("/_common/image/icon/bg_cream.jpg") 50% 0 no-repeat;
    background-size: cover;
}

.area-adms.bg-text-isoiz::before {
    bottom: auto;
}

.admsBlock {
    border-radius: 10px;
    -webkit-box-shadow: 10px 10px 10px rgba(0,0,0,.03);
            box-shadow: 10px 10px 10px rgba(0,0,0,.03);
    background: #fff;
}


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

    .area-catch {
        padding: 80px 0 170px;
    }

    .area-catch .link {
        margin-top: 60px;
    }

    .area-intro {
        padding-bottom: 85px;
    }

    .introBlock {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }

    .introBlock.is-reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
            -ms-flex-direction: row-reverse;
                flex-direction: row-reverse;
    }

    .introBlock + .introBlock {
        margin-top: 100px;
    }

    .introBlock__img {
        width: 45.166%;
    }

    .introBlock__img figure {
        margin-left: -17%;
    }

    .is-reverse .introBlock__img figure {
        margin-left: 0;
        margin-right: -17%;
    }

    .introBlock__txt {
        width: 48.333%;
        padding-top: 70px;
    }

    .area-adms {
        padding-top: 150px;
    }

    .area-adms.bg-text-isoiz::before {
        top: 105px;
    }

    .admsBlock {
        padding: 53px 60px 60px;
    }

    .admsBlock__item + .admsBlock__item {
        margin-top: 60px;
    }

}

@media screen and (min-width: 1400px) {

    .introBlock__img figure {
        margin-left: calc((100vw - 1200px) / 2 * -1);
    }

    .is-reverse .introBlock__img figure {
        margin-right: calc((100vw - 1200px) / 2 * -1);
    }

}

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

    .area-catch {
        padding: 50px 0 11%;
    }

    .area-catch .link {
        margin-top: 40px;
    }

    .area-intro {
        padding-bottom: 55px;
    }

    .introBlock + .introBlock {
        margin-top: 65px;
    }

    .introBlock__img figure {
        margin: 0 -7.64%;
    }

    .introBlock__txt {
        margin-top: 35px;
    }

    .area-adms {
        padding-top: 75px;
    }

    .area-adms.bg-text-isoiz::before {
        top: 60px;
    }

    .admsBlock {
        padding: 8%;
    }

    .admsBlock__item + .admsBlock__item {
        margin-top: 40px;
    }

}

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

    .m-dlTable01 {
        font-size: 0.857em;
    }

}