@media (max-width: 750px) {
    .head-logo img {
        height: 19.0022vw;
        margin: 0;
        top: 0px;
        display: block;
        position: relative;
        left: 20px;
    }

    .page-header-name-main {
        font-size: 6vw;
        font-family: "parkside", cursive;
    }

    .sub-page-title {
        display: none;
    }

    .sub-page-inner {
        padding: 15vh 0 2px 0;
    }

    .page-header-name {
        left: 50%;
    }

    .step-container {
        padding: 0 0 0 0;
    }

    .step1 span::before {
        font-size: 25px;
    }

    .step-title span {
        flex-direction: column;
        font-size: 20px;
    }

    .step-flex {
        flex-direction: column;
        height: auto;
        width: auto;
        gap: 1%;
        padding: 0 5% 0 5%;
    }

    .spice-one02 {
        width: 99%;
        height: auto;
        margin: 0 0 3% 0;
        justify-content: flex-start;
        padding: 3% 3% 3% 3%;
        flex-direction: row;
        display: flex;
    }

    .spice-two-content {
        order: 1;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 100%;
    }

    .spice-one-content {
        order: 2;
    }

    .spice-name-sub {
        font-size: 13px;
        text-align: start;
    }

    .spice-name-main {
        font-size: 19px;
        text-align: start;
    }

    .spice-base-item {
        position: unset;
    }

    .step-spice-check {
        width: 30%;
        top: -18px;
        left: -12px;
    }

    .spice-base-item {
        margin-top: 20px;
        padding: 5% 0 5% 0;
    }

    input[type="radio"] + label.step-base-label {
        font-size: 15px;
    }

    input[type="radio"]:checked + label.step-base-label::after {
        left: 6px;
        width: 14px;
        height: 14px;
    }

    .spice-base-item {
        background-color: #f0f3f5;
    }

    input[type="radio"]:checked + label.step-base-label::before {
        width: 14px;
        height: 14px;
    }

    input[type="radio"] + label.step-base-label::before {
        width: 14px;
        height: 14px;
    }

    .button-and-slider-container {
        padding-bottom: 50px;
    }

}