.d-area{
    position: relative;
    z-index: 2;
    width: 100%;

}
.d-box-title {
    padding-top: 55px;
    padding-bottom: 55px;
    border-bottom: 1px solid #fff;
    background: #000210 url(../images/background/horizontal_line.png) repeat center top;
}
.d-box-title > div {
    background: url(/voice/images/intro/intro_title.gif) no-repeat center / contain;
    padding-top: 60px;
    text-indent: -9999em;
    overflow: hidden;
    font-size: 0;
}



.intro-area {
    margin: 0;
    background:
        url(../images/background/ptn_intro.png) repeat center top,
        url(../images/background/ptn01.png) repeat center top,
        #000210;
    position: relative;
}

.intro-overview {
    max-width: 730px;
    margin: 0 auto;
    padding: 60px 0;
}

.intro-overview-inner {
    padding: 0 15px;
}

.intro-text-01,
.intro-text-02 {
    text-indent: -9999em;
    overflow: hidden;
    font-size: 0;
}
.intro-text-01 {
    background: url(../images/intro/intro_txt01.png) no-repeat left center / contain;
    padding-top: 160px;
    width: 100%;
}

.intro-text-02 {
    background: url(../images/intro/intro_txt02.png) no-repeat left center / contain;
    padding-top: 117px;
    width: 100%;
    margin-top: 30px;
}



.intro-p {
    margin-top: 25px;
    color: #fff;
    font-size: 18px;
    font-family: 'Noto Serif JP', serif;
}

.block2_mainText {
    font-size: 29px;
}

.block2_time {
    font-size: 36px;
    color: #ff0000;
    font-weight: bold;
}

.block2_time_n {
    font-size: 24px;
    color: #ff0000;
    font-weight: bold;
}

.block2_subText {
    font-size: 20px;
}

.block2_red {
    color: #ff0009;
    font-size: 22px;
}

.block03_bigText {
    font-size: 24px;
    color: #298eff;
}

.block03_english {
    font-size: 20px;
}

.block04 {
    font-size: 18px;
    color: #fff;
    padding-top: 25px;
    padding-bottom: 60px;
}

.block04_miniText {
    font-size: 18px;
}

.block04_red {
    font-size: 22px;
    color: #ff0009;
}

.color_red_02 {
    color: #b10000;
}
.color_red_03 {
    color: #8f0303;
}

.sp_br {
    display: none;
}


/* ------------------------------------------------------------------
 SP（〜600px）
------------------------------------------------------------------ */
@media screen and (max-width: 600px) {

    .d-box-title {
        padding-top: 25px;
        padding-bottom: 25px;
    }
    .d-box-title > div {
        padding-top: 30px;
    }

    .intro-area {
        background-size: auto, 500px auto, auto;
    }

    .intro-overview {
        padding: 25px 0;
    }

    .intro-text-01 {
        width: 100%;
        padding-top: calc(161 / 698 * 100%);
    }

    .intro-text-02 {
        width: 100%;
        background-image: url(/voice/images/intro/intro_txt02_sp.png);
        padding-top: calc(142 / 607 * 100%);
    }

    .intro-p {
        font-size: 12px;
    }

    .main-texts {
        width: 80%;
        padding: 30px 0 15px;
    }

    .title1,
    .title2 ,
    .block01{
        background-size: contain;
    }

    .block2 {
        font-size: 12px;
        padding: 25px 0;
    }

    .block2_mainText {
        font-size: 15px;
    }

    .block2_time {
        font-size: 18px;
    }

    .block2_time_n {
        font-size: 12px;
    }

    .block2_subText {
        font-size: 12px;
    }

    .block2_red {
        font-size: 15px;
    }

    .block3 {
        font-size: 12px;
    }

    .block03_bigText {
        font-size: 14px;
    }

    .block03_english {
        font-size: 11px;
    }

    .block04 {
        font-size: 12px;
        padding: 25px 0 30px;
    }

    .block04_miniText {
        font-size: 9px;
    }

    .block04_red {
        font-size: 14px;
    }

    .sp_br {
        display: block;
    }

}