.contents.content02 .txtinner::before {
    width: 300px;
    height: 444px;
    background: url(/project_story/img/vol05/illust_vol05_01.svg) no-repeat;
    background-size: cover;
    top: -22px;
    right: -210px;
}

.contents.content02 .txtinner::after {
    width: 352px;
    height: 298px;
    background: url(/project_story/img/vol05/illust_vol05_02.svg) no-repeat;
    background-size: cover;
    left: 160px;
    bottom: -36px;
}

.contents.content03 .txtinner::before {
    width: 354px;
    height: 278px;
    background: url(/project_story/img/vol05/illust_vol05_03.svg) no-repeat;
    background-size: cover;
    top: 0;
    left: -260px;
}

.contents.content03 .txtinner::after {
    width: 688px;
    height: 486px;
    background: url(/project_story/img/vol05/illust_vol05_04.svg) no-repeat;
    background-size: cover;
    bottom: -4px;
    right: -90px;
}

.contents.content04 .txtinner::before {
    width: 258px;
    height: 252px;
    background: url(/project_story/img/vol05/illust_vol05_05.svg) no-repeat;
    background-size: cover;
    top: 27px;
    right: -230px;
}

.contents.content04 .txtinner::after {
    width: 638px;
    height: 458px;
    background: url(/project_story/img/vol05/illust_vol05_06.svg) no-repeat;
    background-size: cover;
    left: -110px;
    bottom: 41px;
}

.mv_area {
    position: relative;
    top: -60px;
    background: url(/project_story/img/common/bg_mv01.png) no-repeat left top -220px;
    background-size: 1034px;
    display: flex;
    justify-content: end;
    align-items: flex-start;
    padding-bottom: 30px;
}

.mv_area .mv_tmeicman {
    width: 380px;
    padding-top: 70px;
    margin-right: -80px;
    z-index: 1;
}

.mv_area .mv_tmeicman img {
    width: 100%;
    height: auto;
}

.mv_area .title {
    width: 73%;
    height: 480px;
    background: url(/project_story/img/vol05/bg_vol05_mv02.jpg) no-repeat center;
    background-size: cover;
    border-radius: 300px 0 0 300px;
    margin-top: 72px;
}

.mv_area .title .title_lv1 {
    padding-top: 165px;
    padding-left: 100px;

}

.content01 .attention {
    margin-top: 50px;
}

.h2_bgimg .h2_imgbox#imgbox01 {
    background: url(/project_story/img/vol05/img_vol05_h2bg01.jpg) no-repeat center;
    background-size: cover;
}

.h2_bgimg .h2_imgbox#imgbox02 {
    background: url(/project_story/img/vol05/img_vol05_h2bg02.jpg) no-repeat center;
    background-size: cover;
}

.h2_bgimg .h2_imgbox#imgbox03 {
    background: url(/project_story/img/vol05/img_vol05_h2bg03.jpg) no-repeat center;
    background-size: cover;


}

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

    .h2_bg_right {
        margin-left: calc((100vw - 680px) / 2);
    }

    .h2_bg_left {
        margin-right: calc((100vw - 680px) / 2);
    }
}

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

    .mv_area .title {
        background: url(/project_story/img/vol05/bg_vol05_mv02_tb.jpg) no-repeat center;
        background-size: cover;
    }

    .h2_bg_right {
        margin-left: calc((100vw - 600px) / 2);
    }

    .h2_bg_left {
        margin-right: calc((100vw - 600px) / 2);
    }
}

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

    .h2_bg_right {
        margin-left: calc((100vw - 300px) / 2);
    }

    .h2_bg_left {
        margin-right: calc((100vw - 300px) / 2);
    }

    .h2_bg_right .inner {
        margin-right: 70px;
    }

    .h2_bgimg .h2_imgbox#imgbox03 {
        background-position-y: 23%;
    }
}

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

    .contents.content02 .txtinner::before {
        width: 270px;
        height: 400px;
        right: -130px;
        top: 20px;
    }

    .contents.content02 .txtinner::after {
        width: 282px;
        height: 239px;
        left: -50px;
    }


    .contents.content03 .txtinner::before {
        width: 314px;
        height: 247px;
        left: -180px;
    }

    .contents.content03 .txtinner::after {
        width: 588px;
        height: 415px;
        right: -140px;
    }

    .contents.content04 .txtinner::before {
        width: 218px;
        height: 212px;
        right: -120px;
    }

    .contents.content04 .txtinner::after {
        width: 568px;
        height: 407px;
    }

    .h2_bg_right {
        margin-left: calc((100vw - 200px) / 2);
    }

    .h2_bg_left {
        margin-right: calc((100vw - 200px) / 2);
    }
}

@media screen and (max-width: 1200px) {
    .mv_area .title .title_lv1 {
        width: 70%;
    }

    .mv_area .title .title_lv1 img {
        width: 100%;
        height: auto;
    }

    .mv_area {
        padding-bottom: 50px;
    }

    .h2_bg_right {
        margin-left: calc((100vw - 0px) / 2);
    }

    .h2_bg_left {
        margin-right: calc((100vw - 0px) / 2);
    }

    .h2_bg_right .inner {
        margin-right: 20px;
    }

    .lv3_right {
        padding-right: 20px;
    }
}


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

    .mv_area {
        padding-bottom: 40px;
        background: url(/project_story/img/common/bg_mv01.png) no-repeat left top -220px;
        background-size: 970px;
        margin-bottom: 0;
    }

    .mv_area .mv_tmeicman {
        width: 300px;
        margin-right: -110px;
        padding-top: 120px;
    }

    .mv_area .title {
        width: 80%;
    }

    .contents.content02 .txtinner::before {
        width: 136px;
        height: 202px;
        top: -40px;
        right: 10px;
    }

    .contents.content02 .txtinner::after {
        width: 243px;
        height: 205.5px;
        left: 45px;
        bottom: -40px;
    }

    .contents.content03 .txtinner::before {
        width: 188px;
        height: 148px;
        left: 10px;
        top: -50px;
    }

    .contents.content03 .txtinner::after {
        width: 390px;
        height: 276px;
        right: -20px;
        bottom: 0px;
    }

    .contents.content04 .txtinner::before {
        width: 157px;
        height: 153px;
        right: 20px;
        top: -24px;
    }

    .contents.content04 .txtinner::after {
        width: 332px;
        height: 238px;
        left: 30px;
        bottom: -80px;
    }

    .h2_bgimg .h2_imgbox#imgbox02 {
        background-position-y: 30%;
    }

    .h2_bg_right {
        margin-left: 10px;
    }

    .h2_bg_left {
        margin-right: 10px;
    }

    .h2_bgimg .h2_imgbox#imgbox03 {
        background-size: cover;
        background-position-y: 16%;
    }
}

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

    .mv_area {
        top: -40px;
        padding-bottom: 60px;
        background-size: 700px;
        justify-content: space-between;
    }

    .mv_area .title {
        width: 90%;
        height: 280px;
    }

    .mv_area .title .title_lv1 {
        padding-top: 60px;
        padding-left: 90px;
        width: 60%;
    }

    .mv_area .mv_tmeicman {
        width: 186px;
        padding-top: 86px;
    }

    .h2_bgimg .h2_imgbox#imgbox01 {
        background-position-y: 46%;
    }

    .h2_bgimg .h2_imgbox#imgbox02 {
        background-position-y: 30%;
    }

    .h2_bgimg .h2_imgbox#imgbox03 {
        background-position-y: 22%;
    }
}

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

    .mv_area {
        padding-bottom: 20px;
        background: url(/project_story/img/vol02/bg_vol02_mv01_sp.png) no-repeat left bottom 50px;
        background-size: 412px;
        align-items: end;
    }

    .mv_area .mv_tmeicman {
        padding-top: 0;
        width: 174px;
        margin-bottom: -10px;
        margin-left: 4px;
    }

    .mv_area .title {
        width: 80%;
        height: 265px;
        margin-top: 56px;
        background: url(/project_story/img/vol05/bg_vol05_mv02_sp.jpg) no-repeat center;
        background-size: cover;
    }

    .mv_area .title .title_lv1 {
        width: 236px;
        padding: 34px 0 0 60px;
    }

    .cap_human.inner {
        padding: 0 0 0 10px;
    }

    .h2_bgimg .h2_imgbox#imgbox01 {
        background: url(/project_story/img/vol05/img_vol05_h2bg01_sp.jpg) no-repeat center;
        background-size: cover;
    }

    .h2_bgimg .h2_imgbox#imgbox02 {
        background: url(/project_story/img/vol05/img_vol05_h2bg02_sp.jpg) no-repeat center;
        background-size: cover;
    }

    .h2_bgimg .h2_imgbox#imgbox03 {
        background: url(/project_story/img/vol05/img_vol05_h2bg03_sp.jpg) no-repeat center;
        background-size: cover;
    }

    .contents.content02 .txtinner::before {
        right: 20px;
    }

    .contents.content02 .txtinner::after {
        bottom: -53px;
    }

    .contents.content03 .txtinner::after {
        right: auto;
        left: 10px;
        bottom: -30px;
    }

    .contents.content04 .txtinner::after {
        bottom: -90px;
    }

    .contents.content02 .inner.txtinner {
        padding-bottom: 60px;
    }

    .contents.content03 .inner.txtinner,
    .contents.content04 .inner.txtinner {
        padding-bottom: 100px;
    }
}