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

    .hero {
        background: url("../asset/img/SP_firstview_fix.webp") no-repeat center/cover;
    }

    .about {
        background: #fcfcfc none;
        height: 100%;

    }


    .hero-text-box {
        padding: 0 24px;
    }

    .hero-title {
        font: normal normal bold 40px/44px "StudioFeixenSansBold";
        letter-spacing: 0.4px;
        margin-bottom: 4px;
    }

    .about-text-container {
        transform: translateY(0);
        width: 100%;
        position: relative;
        padding: 0 24px;
        margin-bottom: 100px;
    }

    .story-block {
        padding: 0;
    }

    .section-title {
        font: normal normal bold 26px "StudioFeixenSansBold";
        letter-spacing: 2.08px;
        margin: 40px 0 24px 0;
    }

    .hero-section-title {
        margin-bottom: 0;
    }

    .section-body {
        /*font: normal normal normal 12px/22px "AxisBasicProN-M";*/
        letter-spacing: 0px;
        padding-right: 0px;
    }


    .story-title {
        margin-bottom: 22px;
        line-height: normal;
        padding: 22px 0;
    }

    .hero-subtitle {
        font-size: 18px;
        line-height: 22px;
        letter-spacing: 0;
    }

    .product-title {
        font: normal normal bold 24px/30px "StudioFeixenSansMedium";
    }

    .product-jp-title {
        font: normal normal normal 19px/34px "AxisBasicProN-M";
        letter-spacing: 0.38px;
    }

    .product-info-line {
        width: 70px;
    }

    .product-info-line img {
        bottom: 0;
        right: 0;
        position: absolute;
        width: 70px;
        padding-bottom: 3px;
    }

    .story-subtitle {
        font: normal normal normal 20px/32px "AxisBasicProN-B";
        letter-spacing: 1.08px;
        width: 100%;
        margin-bottom: 24px;
    }

    .story-img {
        border-radius: 40px;
    }

    .cta-text {
        font: normal normal bold 20px/43px "StudioFeixenSansBold";
        letter-spacing: 0px;
        margin-bottom: 16px;
    }

    .primary-btn {
        background: #72350E;
        border-radius: 37px;
        font: normal normal bold 24px "StudioFeixenSansBold";
        letter-spacing: 0.48px;
        padding: 14px 0;
        width: 100%;
        margin-right: 16px;
    }

    .sp-sns-logo-container a {
        padding: 0 10px;
    }

    .product-body {
        padding-right: 0;
        letter-spacing: 0px;
    }

    .product-jp-title {
        margin: 7px 0 11px 0;
        font: normal normal normal 14px/29px "AxisBasicProN-B";
        letter-spacing: 0px;
    }

    .carousel-button {
        width: 32px;
        z-index: 20;
    }

    .carousel-button.prev {
        left: 10px;
    }

    .carousel-button.next {
        right: 10px;
    }

    .pc-footer-container {
        display: none;
    }

    .copy-right {
        font: normal normal normal 11px/16px "StudioFeixenSansRegular";
        letter-spacing: 0.22px;
        padding: 0;
    }


    .product-container {
        padding-bottom: 70px;
    }

    .footer-instagram-logo {
        width: 34px;

    }

    .footer-youtube-logo {
        width: 46px;
    }

    .animate-hidden {
        transform: translateY(+1.3%);
        transition: opacity 500ms ease-in-out, transform 500ms ease-in-out;
    }

    .animate-show {
        opacity: 1;
        filter: blur(0);
        transform: translateY(0);
    }

    .about-img.animate-hidden {
        opacity: 1;
        filter: blur(0);
        transition: opacity 200ms ease-in-out, transform 200ms ease-in-out;
    }

}