.sub-content {
    margin-top: 1.4625rem;
    font-size: 1rem;
    font-weight: 500;
    text-align: center;
    @media screen and (max-width: 1023px) {
        font-size: 0.625rem;
    }
}
.contact_item:nth-child(n + 2) {
    margin-top: 1.5rem;
    @media screen and (max-width: 1023px) {
        margin-top: 1rem;
    }
}
.contact_item dt {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    margin-left: 0.3125rem;
    color: var(--color-black);
    font-size: 0.975rem;
    font-weight: 500;
    @media screen and (max-width: 1023px) {
        font-size: 0.75rem;
    }
}
.contact_item dd {
    position: relative;
    display: flex;
    gap: 0.75rem;
    margin-top: 0.3125rem;
    align-items: center;
}
.contact_privacy {
    font-size: 0.975rem;
    color: var(--color-black);
    font-weight: 500;
    @media screen and (max-width: 1023px) {
        font-size: 0.75rem;
    }
}
.contact_privacy a {
    color: var(--color-red);
    text-decoration: underline;
    text-underline-offset: 2px;
}
.form-check-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    background-color: transparent;
    border: 1px solid #4d4d4d;
    border-radius: 4px;
    cursor: pointer;
}

.form-check-input:checked {
    background-color: transparent;
    position: relative;
}

.form-check-input:focus {
    border: 1px solid #707070;
}

.form-check-input {
    width: 16px;
    height: 16px;
    @media screen and (max-width: 1023px) {
        width: 14px;
        height: 14px;
    }
}

.form-check-input:checked::before {
    content: "";
    position: absolute;
    width: 15px;
    height: 7px;
    top: 30%;
    left: 61%;
    -webkit-transform: translate(-50%, -50%) rotate(135deg);
    transform: translate(-50%, -50%) rotate(135deg);
    border-top: 2px solid #e64588;
    border-right: 2px solid #e64588;
    @media screen and (max-width: 1023px) {
        width: 14px;
        height: 6px;
        top: 25%;
        left: 63%;
    }
}
.button_bottom {
    @media screen and (min-width: 1023px) {
        padding: 0.675rem 1.25rem !important;
    }
}
.title_section {
    margin-top: 0;
    color: var(--color-red);
    font-size: 1.875rem;
    font-weight: 700;
    text-align: center;
    @media screen and (max-width: 1023px) {
        font-size: 1rem;
    }
}

.confirm_item dt {
    color: var(--color-pink);
    font-size: 0.875rem;
    font-weight: 500;
    padding: 0.375rem 0.5rem 0.375rem 2rem;
    position: relative;
    @media screen and (max-width: 1023px) {
        font-size: 0.625rem;
        padding: 0.375rem 0.5rem;
    }
}
.confirm_item:has(dd:not(:empty)) dt::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background-image: repeating-linear-gradient(
        to right,
        var(--color-pink-shadow),
        var(--color-pink-shadow) 2px,
        transparent 2px,
        transparent 7px
    );
}
.confirm_item dd {
    padding: 0.5rem;
    padding-left: 2rem;
    font-size: 1rem;
    font-weight: 500;
    @media screen and (max-width: 1023px) {
        font-size: 0.75rem;
        padding: 0.5rem;
    }
}
.confirm_item:not(:last-child) dd {
    border-bottom: 1px solid var(--color-soft-pink);
}
.modal-content h2 {
    color: var(--color-black);
    font-size: 1.75rem !important;
    font-weight: 700;
    @media screen and (max-width: 1023px) {
        font-size: 1.125rem !important;
    }
}
.modal-text {
    color: var(--color-black);
    font-size: 0.975rem;
    font-weight: 500;
    @media screen and (max-width: 1023px) {
        font-size: 0.625rem;
    }
}
.modal-imgWrap {
    display: flex;
    justify-content: center;
    padding-top: 1rem;
    padding-bottom: 1.875rem;
    @media screen and (max-width: 1023px) {
        padding-bottom: 2rem;
    }
}
.modal-img {
    width: 163px;
    height: 180px;
    @media screen and (max-width: 1023px) {
        width: 139px;
        height: 155px;
    }
}
.modal-buttonWrap .button_small {
    max-width: 19.325rem;
    width: 100%;
    @media screen and (max-width: 1023px) {
        max-width: 12.325rem;
        font-size: 0.75rem;
    }
    @media screen and (min-width: 1023px) {
        padding: 0.5rem 1.25rem !important;
        font-size: 1.125rem;
    }
}
.modal-content {
    padding: 5rem 1.5rem !important;
    @media screen and (max-width: 1023px) {
        padding: 3.75rem 1.5rem !important;
    }
    @media screen and (min-width: 1023px) {
        width: 50rem !important;
    }
}
 #suggest {
    position: absolute;
    background-color: #FFFFFF;
    border: 1px solid #CCCCFF;
    width: 252px;
    z-index: 1000;
}

#suggest div {
    padding: 1px;
    display: block;
    width: 250px;
    overflow: hidden;
    white-space: nowrap;
}

#suggest div.select {
    color: #FFFFFF;
    background-color: #3366FF;
}

#suggest div.over {
    background-color: #99CCFF;
        }