/* ********************************************************************
        イントロ
******************************************************************** */

#intro {
    background: #f8f8f8;
    padding: calc(60 / 750 * 100%) 0 calc(110 / 750 * 100%);
    overflow: hidden;
}

.intro_box {
    width: calc(750 / 670 * 100%);
    margin: 0 0 0 calc(-40 / 670 * 100%);
}

#intro h2 {
    width: calc(481 / 670 * 100%);
    margin: 0 0 calc(-55/670 *100%) calc(14/670 *100%);
    z-index: 2;
}

@media screen and (min-width: 768px) {
    #intro {
        padding: calc(80 / 1200 * 100%) 0 calc(110 / 1200 * 100%);
    }
    #intro .inner {
        padding: 0 calc(54 / 1200 * 100%);
    }
    #intro h2 {
        width: calc(442 / 1200 * 100%);
        margin: 0 0 calc(-46/1200 *100%) calc(94/1200 *100%);
        z-index: 2;
    }
    .intro_box {
        width: 100%;
        margin: 0 auto calc(60 / 1000 * 100%);
    }
}

@media screen and (min-width: 1200px) {
    #intro {
        padding: 80px 0 120px;
    }
}