@media screen and (max-width: 767px) {
    img.header__header-logo {
        width: 160px;
        object-fit: contain;
    }

    html,
    body {
        max-width: 100vw;
        overflow-x: hidden;
    }


    .header__header-cta {
        height: 25px;
        width: 140px;
        padding: 11px 0;

        .header__div {
            font-size: 14px;
        }
    }

    .fv-visual {
        display: block;
        margin-top: 70px;
        margin-bottom: 0;
    }

    .fv-visual__fv-text-1 {
        display: flex;
        flex-wrap: wrap-reverse;
        width: 100vw;
        justify-content: center;
        gap: 10px;

    }

    .fv-visual__fv-area {
        position: relative;
        transform: scale(1.3);
        height: 63px;
    }

    .fv-visual__div {
        position: static;
        font-size: 19px;

        width: 100%;
        text-align: center;

    }

    .fv-visual__fv-copy {
        width: auto;
        padding: 0 10px;
    }

    .fv-visual__div5 {
        font-size: 27px;
    }

    .fv-visual__frame-5 {
        position: static;
        width: auto;
    }

    .fv-visual__div6 {
        width: auto;
        font-size: 15px;
        text-align: center;
    }

    .fv-visual__fv-img {
        width: 90vw;
        height: auto;
        display: block;
        margin: 30px auto;
    }

    .fv-visual__fv-text-2 {
        width: auto;
        margin: 0 auto;
    }

    .fv-visual__fv-cta,
    .fv-visual__rectangle-3 {
        width: auto;
    }

    .fv-visual__rectangle-3 {
        width: 80vw;
    }


    .welcome-main.wrapper {
        display: block;
        width: 90vw;
        padding: 40px 30px;
    }

    .welcome-main__welcom-text {
        width: auto;
    }

    .welcome-main__welcom-image {
        width: 190px;
        height: auto;
        margin: 20px auto;
        display: block;
    }

    .welcome-main {
        height: auto;
    }

    .slant-bg {
        padding: 90px 0;

    }

    .temp__template {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 18px;
        align-items: flex-start;
        justify-content: center;
    }

    .temp__div {
        color: #3a3a3a;
        text-align: center;
        font-family: "NotoSansJp-Black", sans-serif;
        font-size: 23px;
    }

    .temp__wordpress {
        color: #3a3a3a;
        text-align: left;
        margin: auto;
        width: 85vw;
    }

    .appeal__frame-57 {
        flex-wrap: wrap;
        width: 90vw;
        justify-content: center;
        gap: 15px;
    }

    .appeal__div {
        font-size: 23px;
        text-align: center;
        width: 100%;
        margin-bottom: 30px;
    }

    .appeal__frame-58 {
        position: inherit;
        top: inherit;
    }


    .appeal__frame-59,
    .appeal__frame-60 {
        flex-wrap: wrap;
        width: 90vw;
        gap: 30px;
        position: inherit;
        top: inherit;
    }

    .appeal__frame-59+.appeal__frame-60 {
        margin-top: 30px;
    }

    .appeal__function {
        height: auto;
    }

    .appeal__div4,
    .appeal__reccomend-box {
        position: relative;
        top: inherit;
    }

    .appeal__reccomend-box {
        flex-wrap: wrap;
        max-width: 90vw;
        justify-content: center;
    }

    .wrapper {
        max-width: 100vw;
    }

    .appeal__reccomend {
        width: 90vw;
        height: auto;
    }

    .appeal__frame-19,
    .appeal__frame-20,
    .appeal__frame-21,
    .appeal__frame-22 {
        width: 100%;
        height: auto;
        flex-wrap: wrap;
        padding: 30px 20px;
    }

    .appeal__div2,
    .appeal__div3,
    .appeal__pc-google,
    .appeal__word-press {
        width: auto;
    }

    .appeal__dot-bg {
        left: 0;
        top: 317px;
        overflow: visible;
        width: 90vw;
    }

    .appeal__dot-bg2 {
        left: 0;
        top: 522px;
        overflow: visible;
        width: 90vw;
    }

    .appeal__dot-bg3 {
        left: 0;
        top: 747px;
        overflow: visible;
        width: 90vw;
    }

    .appeal__dot-bg4 {
        left: 0;
        top: 970px;
        overflow: visible;
        width: 90vw;
    }

    .appeal__div4 {
        text-align: center;
        font-size: 23px;
        margin-bottom: 30px;
    }

    .appeal {
        gap: 80px;
    }

    .appeal__line-6 {
        display: none;
    }

    .flow__frame-61 {
        flex-wrap: wrap;
        gap: 22px;
    }

    .flow__flow-card {
        flex-wrap: wrap;
        width: 90vw;
        height: auto;
    }

    .flow__vector,
    .flow__vector2,
    .flow__vector3,
    .flow__vector4 {
        left: 5vw;
        width: 90vw;
        height: auto;
    }

    img.flow__vector {
        top: 459px;
    }

    img.flow__vector2 {
        top: 755px;
    }

    img.flow__vector3 {
        top: 1040px;
    }

    img.flow__vector4 {
        top: 1301px;
    }

    .price__div {
        font-size: 23px;

        span.div-span {
            display: block;
            text-align: center;
        }
    }

    .price__frame-15,
    .price__frame-19 {
        flex-wrap: wrap;
        width: 90vw;
        margin: auto;
    }

    .footer__group-33,
    .footer__header-logo,
    .contact__rectangle-3,
    .contact__group-62,
    .contact__div2,
    .contact__group-61,
    .about__frame-54,
    .faq__frame-30,
    .faq__frame-29,
    .price__word-press,
    .price__ask,
    .price__div3,
    .price___1,
    .price___79-800,
    .price__frame-14 {
        width: 100%;
    }

    ._79-800-span {
        font-size: 40px;
    }

    ._79-800-span2 {
        font-size: 56px;
    }

    .price__frame-15,
    .price__frame-14 {
        height: auto;
    }

    .price__frame-15,
    .price__frame-14 {
        gap: 5px;
        padding: 30px;
    }

    .price__wordpress,
    .price__div4 {
        margin-top: 20px;
    }

    .price__frame-20 {
        flex-wrap: wrap;
        width: 90vw;
        height: auto;
        justify-content: center;
        padding: 40px 30px;
    }

    .faq__faq-card {
        padding: 25px;
    }

    .faq {
        margin: 100px auto;
    }

    .about.wrapper {
        width: 90vw;
        flex-wrap: wrap;
        height: auto;
        padding: 70px 30px;
    }

    .about___1-4-x-2 {
        flex-shrink: 0;
        width: 276px;
        height: auto;
    }

    .about___10-300-web-web-web {
        height: auto;
        margin-top: 30px;
    }

    .contact__contact-box {
        width: 90vw;
        padding: 29px;
        height: auto;
    }

    .contact {
        height: auto;
        padding: 30px 0;
    }

    .contact__div,
    .contact__contact2,
    .contact__rectangle-3 {
        position: inherit;
        translate: inherit;
        text-align: center;
    }

    .contact__div {
        font-size: 23px;
    }

    .footer {
        padding: 60px;
    }

    .footer__logo {
        position: relative;
        left: 0;
        top: 0;
    }


}

.contact__rectangle-3 {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: bold;
}