#state_bad_purchase_brand {
    h2 {
        line-height: 1.2;
    }

    h4 {
        font-weight: bold;
        margin-bottom: 5%;
    }

    .theme_color_text {
        text-align: center;
        font-weight: 500;
        margin: 2% 0;
    }

    /* head */
    .head_wrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 5%;
        align-items: center;
    }

    .head_block {
        width: 60%;
    }

    .head_block img {
        width: 70%;
        margin: auto;
        margin-bottom: 5%;
        display: block;
    }

    .head_text {
        font-size: clamp(25px, 2.5vw, 33px);
        font-weight: 500;
        letter-spacing: 0.05em;
        width: fit-content;
        margin: auto;
        margin-bottom: 3%;
    }

    .head_text span:nth-child(2),
    .head_text span:nth-child(4) {
        font-size: clamp(0.8em, 1.7vw, 20px);
    }

    .dots {
        background-image: radial-gradient(
            circle at center,
            #e60012 20%,
            transparent 20%
        );
        background-position: top center;
        background-repeat: repeat-x;
        background-size: 1.1em 0.3em;
        padding-top: 0.2em;
    }

    .head_read_text {
        text-align: center;
        font-size: clamp(0.7em, 0.98vw, 1em);
        padding: 0 8%;
    }

    .head_img {
        width: 35%;
    }

    .head_img img {
        width: 100%;
    }

    /* top */
    .top_wrapper {
        background-color: #f2f2f2;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        border-radius: 25px;
        padding: 5%;
        position: relative;
    }

    .top_text_img {
        position: absolute;
        width: 15%;
        top: -1%;
        left: 50%;
        transform: translateX(-50%);
    }

    .top_block {
        width: 30%;
        text-align: center;
        margin-bottom: 5%;
    }

    .top_img_block {
        position: relative;
        margin-bottom: 5%;
    }

    .top_img_block .ok_img {
        position: absolute;
        width: 25%;
        right: -5%;
        top: -5%;
    }

    .brand_img_type_01 {
        width: 100%;
        border-radius: 16px;
    }

    .top_block p {
        font-size: clamp(0.58em, 0.95vw, 0.8em);
    }

    /* arrow */
    .arrow_wrapper {
        position: relative;
        width: 90%;
        margin: auto;
        top: -2em;
    }

    .arrow_text {
        padding-top: 2%;
        position: absolute;
        top: 0;
        color: #ffffff;
        text-align: center;
        width: 100%;
        font-size: clamp(0.8em, 1.9vw, 1.5em);
        line-height: 1.5;
        font-weight: 500;
    }

    .arrow_text span {
        font-size: clamp(27px, 2.7vw, 1.5em);
    }

    .arrow_text span:nth-child(2) {
        color: #ffea05;
    }

    .arrow_wrapper img {
        width: 100%;
    }

    .intermediate_text {
        text-align: center;
        font-size: clamp(0.7em, 1vw, 1.5em);
        margin-bottom: 5%;
    }

    .attention_color {
        color: #feea00;
    }

    /* bottom */
    .bottom_wrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 5%;
    }

    .bottom_block {
        width: 47.5%;
        border-radius: 10px;
        overflow: hidden;
        margin-bottom: 5%;
    }

    .bottom_block h3 {
        text-align: center;
        padding: 2%;
        font-size: clamp(0.9em, 1.5vw, 1em);
        font-weight: 500;
    }

    .bottom_block_content {
        padding: 5%;
        text-align: center;
    }

    .brand_img_type_02 {
        border-radius: 16px;
        /* height: 12vw; */
        object-fit: cover;
        /* width: min(24vw, 360px); */
        width: -webkit-fill-available;
    }

    .state_bad_items {
        display: flex;
        gap: 2%;
        border: 1px solid #000000;
        margin-bottom: 3%;
        padding: 2% 5%;
        font-size: clamp(0.8em, 1.1vw, 1.5em);
        font-weight: 500;
        border-radius: 10px;
        align-items: center;
    }

    .state_bad_items img {
        width: 10%;
    }

    .state_bad_items p {
        font-size: 0.8vw;
    }

    .description_text {
        font-size: clamp(0.7em, 1vw, 1.5em);
        text-align: justify;
    }
}

@media (max-width: 767px) {
    #state_bad_purchase_brand {
        h4 {
            font-size: 13px;
        }

        /* head */
        .head_block {
            width: 100%;
        }

        .head_block img {
            width: 70%;
        }

        .head_img {
            width: 60%;
        }

        /* top */
        .top_wrapper {
            padding: 10% 2%;
            border-radius: 25px 25px 0 0;
        }

        .top_text_img {
            width: 40%;
        }

        .top_block {
            width: 46%;
        }

        /* arrow */
        .arrow_text {
            line-height: 1.2;
            padding-top: 4%;
        }

        .arrow_wrapper {
            width: 100%;
            top: -1em;
        }

        .arrow_text p:nth-child(2) {
            letter-spacing: 2px;
            font-size: 17px;
        }

        /* bottom */
        .bottom_wrapper {
            display: block;
        }

        .bottom_block {
            width: 100%;
        }

        .brand_img_type_02 {
            /* width: 78vw; */
            height: 44vw;
        }

        .state_bad_items p {
            font-size: 3vw;
        }
    }
}