.md-show {
    display: none;
}

@media screen and (max-width: 700px) {
    .md-show {
        display: block;
    }

    .md-none {
        display: none;
    }
}

.js-fade {
    opacity: 0;
    transform: translateY(10px);
    transition: opacity .6s ease-in-out, transform .6s ease-in-out;
}

.js-fade.is-show {
    opacity: 1;
    transform: translateY(0);
}


.js-effect.is-show {
    opacity: 1;
    transform: translateX(0);
}

.js-effect .digital-contents__img-bg {
    opacity: 0;
    transform: translateX(30px);
    transition: opacity .5s ease-in-out, transform .5s ease-in-out;
}

.js-effect.is-show .digital-contents__img-bg {
    opacity: 1;
    transform: translateX(0);
    transition-delay: .3s;
}

.js-effect .digital-contents__img-text {
    opacity: 0;
    transform: translateX(-30px);
    transition: opacity .5s ease-in-out, transform .5s ease-in-out;
}

.js-effect.is-show .digital-contents__img-text {
    opacity: 1;
    transform: translateX(0);
    transition-delay: .8s;
}

main.ca-digital {
    overflow: hidden;
}





.digital-main {
    font-family: 'Noto Sans JP', sans-serif;
    background-color: #ffffff;
    position: relative;
}

.digital-main::after {
    position: absolute;
    content: "";
    display: inline-block;
    width: 9999px;
    height: 100%;
    left: 100%;
    background-color: #ffffff;
    top: 0;
    bottom: 0;
}

.digital-main .main-mv img {
    width: 100%;
    height: auto;
}

.digital-main .main-mv__btm {
    margin-top: 20px;
    background-color: #fff;
    padding: 15px 10px 19px;
}

.digital-main .main-mv__btm-img {
    margin-top: 7px;
    display: flex;
    justify-content: center;
}

.digital-main .main-mv__btm-img img {
    height: auto;
}

.digital-main .main-mv__text {
    text-align: center;
    font-size: 18.5px;
    font-weight: 400;
    color: #000;
}

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

    .digital-main .main-mv__btm {
        margin-top: 4.53333vw;
        padding: 2.4vw 1.33333vw 2.93333vw;
    }

    .digital-main .main-mv__btm-img {
        margin-top: 0.5333vw;
    }

    .digital-main .main-mv__btm-img img {
        max-width: 69.6vw;
        width: 100%;
    }

    .digital-main .main-mv__text {
        font-size: 2.53333vw;
    }

}


.digital-main .digital-contents {
    margin-top: 58px;
    background-color: #ffffff;
}

.digital-main .digital-contents__title img {
    height: auto;
}

.digital-main .digital-contents__text {
    margin-top: 31px;
    font-size: 18px;
    font-weight: 500;
    line-height: calc(31.5/18);
    letter-spacing: 0.08em;
}

.digital-main .digital-contents__img {
    position: relative;
    margin-top: 24px;
}

.digital-main .digital-contents__img img {
    width: 100%;
    height: auto;
}

.digital-main .digital-contents__img-text {
    position: absolute;
    top: 3.75vw;
    top: min(3.4375vw, 44px);
    left: 1.71875vw;
    left: min(0.859375vw, 11px);
}

.digital-main .digital-contents__img-text img {
    width: 43.75vw;
    width: min(44.921875vw, 575px);
    height: 17.109375vw;
    height: min(18.28125vw, 234px);
}

@media screen and (max-width: 880px) {
    .digital-main .digital-contents__img-text {
        top: 5.3409vw;
        left: min(0.859375vw, 11px);
    }

    .digital-main .digital-contents__img-text img {
        width: 51.9318vw;
        height: 21.136363vw;
    }

}

@media screen and (max-width: 700px) {
    .digital-main .digital-contents {
        margin-top: 7.46666vw;
    }

    .digital-main .digital-contents__title img {
        width: 100%;
    }

    .digital-main .digital-contents__text {
        margin-top: 5.6vw;
        font-size: 4vw;
    }

    .digital-main .digital-contents__img {
        margin-top: 1.6vw;
    }

    .digital-main .digital-contents__img-text {
        top: 5.93333vw;
        left: -1.86666vw;
    }

    .digital-main .digital-contents__img-text img {
        width: 68.5333vw;
        height: 45.6vw;
    }
}


.digital-main .digital-contents__btm {
    padding: 64px 26px 28px;
    background-color: #fff;
}

.digital-main .digital-box__img {
    display: flex;
    justify-content: center;
    margin-top: 19px;
}

.digital-main .digital-box__title img,
.digital-main .digital-box__img img {
    height: auto;
}

.digital-main .digital-box__img img {
    width: 100%;
}

.digital-main .digital-box__text {
    margin-top: 16px;
    font-size: 16px;
    font-weight: 500;
    line-height: calc(31.5/18);
    letter-spacing: 0.08em;
}

.digital-main .digital-box.box1 {
    padding-bottom: 47px;
    border-bottom: 1px solid #848484;
}

.digital-main .digital-box:not(:first-child) {
    margin-top: 56px;
}

.digital-main .digital-box.box2 .digital-box__text {
    font-size: 22px;
    line-height: calc(38/22);
    text-indent: -1em;
    padding-left: 1em;
    font-weight: 400;
}

.digital-main .digital-box.box2 .digital-box__text:first-child {
    margin-top: 0;
}

.digital-main .digital-box.box2 .digital-box__text:not(:first-child) {
    margin-top: 8px;
}

.digital-main .digital-box__wrap {
    margin-top: 45px;
    padding-left: 7px;
}

.digital-main .box2 .digital-box__img {
    margin-top: 27px;
}

@media screen and (max-width: 700px) {
    .digital-main .digital-contents__btm {
        padding: 8.266666vw 2vw 2.4vw;
    }

    .digital-main .box1 .digital-box__title img {
        width: 76.13333vw;
        height: 9.733333vw;
    }

    .digital-main .digital-box__img {
        margin-top: 2.6666666vw;
    }

    .digital-main .digital-box__text {
        margin-top: 4vw;
        font-size: 4vw;
        line-height: calc(52/30);
    }

    .digital-main .digital-box.box1 {
        padding-bottom: 4.53333333vw;
        border-bottom: 0.133333vw solid #848484;
    }

    .digital-main .digital-box:not(:first-child) {
        margin-top: 5.2vw;
    }

    .digital-main .digital-box.box2 .digital-box__text {
        font-size: 4vw;
        line-height: calc(52/30);
    }

    .digital-main .digital-box.box2 .digital-box__text:not(:first-child) {
        margin-top: 2.4vw;
    }

    .digital-main .digital-box__wrap {
        margin-top: 5.733333vw;
        padding-left: 0;
    }

    .digital-main .box2 .digital-box__img {
        margin-top: 2.6666666vw;
    }

    .digital-main .box2 .digital-box__title img {
        width: 88vw;
        height: 9.6vw;
    }
}


.digital-main .digital-comment {
    margin-top: 19px;
}

.digital-main .digital-comment__text {
    background-image: url(img/comment-bg.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    padding: 32px 74px 47px 31px;
    margin-left: -10px;
    margin-right: 48px;
}

.digital-main .digital-comment__text p {
    font-size: 17px;
    font-weight: 400;
    line-height: 1.7;
}

.digital-main .digital-comment__text p span {
    font-weight: 600;
}


.digital-comment__notice {
    margin-top: 9px;
    margin-top: min(0.703125vw, 9px);
    background-color: #bc0000;
    border-radius: 16px;
    border-radius: min(1.25vw, 16px);
    padding: 10px 10px;
    padding: min(0.78125vw, 10px);
}

.digital-comment__notice p {
    font-size: 30px;
    font-size: min(2.34375vw, 30px);
    color: #ffffff;
    text-align: center;
    line-height: 1.5;
    font-weight: 700;
    letter-spacing: 0;
}

.digital-comment__notice p span {
    font-size: 69px;
    font-size: min(5.390625vw, 69px);
    color: #ffff00;
    line-height: 1;
}

.digital-comment__notice p span:not([class]) {
    display: inline-block;
    padding: 0 13px;
    padding: 0 min(1.015625vw, 13px);
}

.digital-comment__notice p span.la {
    font-size: 41px;
    font-size: min(3.2031249999999996vw, 41px);
}

.digital-comment__notice p span.we {
    font-size: 30px;
    font-size: min(2.34375vw, 30px);
}

@media screen and (max-width: 1000px) {
    .digital-main .digital-comment__text {
        margin-right: 0;
    }
}

@media screen and (max-width: 700px) {
    .digital-main .digital-comment {
        margin-top: 4.8vw;
    }

    .digital-main .digital-comment__text {
        background-image: url(img/comment-bg-sp.webp);
        padding: 3.73333333vw 12vw 8vw 4.266666666vw;
        margin-left: -0.533333333333vw;
        margin-right: -2.666666vw;
        position: relative;
        z-index: 1;
    }

    .digital-main .digital-comment__text p {
        font-size: 4vw;
        line-height: 1.76;
    }

    .digital-comment__notice {
        margin-top: 3.46666vw;
        border-radius: 1.400560vw;
        padding: 1.120448vw 2.80112vw;
    }

    .digital-comment__notice p {
        font-size: 3.0666vw;
        line-height: 1.5;
        letter-spacing: 0;
    }

    .digital-comment__notice p span {
        font-size: 7.0666vw;
    }

    .digital-comment__notice p span:not([class]) {
        display: inline-block;
        padding: 0 1.40056vw;
    }

    .digital-comment__notice p span.la {
        font-size: 4.133333vw;
    }

    .digital-comment__notice p span.we {
        font-size: 3.0666666vw;
    }
}


.digital-contents__title {
    position: relative;
    overflow: hidden;
}

.digital-contents__title::after {
    position: absolute;
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: left 3s cubic-bezier(0.22, 1, 0.36, 1);
}

.digital-contents__title.is-show::after {
    left: 100%;
}



main.next .blog-detail.general .item-link>.list:first-child{
    margin-right: auto;
}

.blog-detail.general .digital-main::after{
    content: none;
}


@keyframes effect1 {
    0% {
        transform: scaleX(1);
    }

    100% {
        transform: scaleX(0);
    }
}