.interview-info-container {
        background-color: #f8f9fa;
        border: 1px solid #dee2e6;
        border-radius: 4px;
        padding: 0px;
        display: flex;
        flex-wrap: nowrap;
        margin-top: 5px;
        height: 120px;
    }

    .interview-map-wrapper {
        width: 120px;
        aspect-ratio: 1 / 1;
        border-radius: 4px;
        overflow: hidden;
        flex-shrink: 0;
    }

    .interview-map {
        width: 100%;
        height: 100%;
        border: 0;
    }

    .interview-location-box {
        font-size: 0.85rem;
        line-height: 1.4;
        color: #000;
        flex: 1;
        margin-left: .5rem;
        height: 100%;
        justify-content: center;
    }

    .interview-location-box .text-primary {
        color: #007bff !important;
    }

    @media (max-width: 768px) {
        .interview-info-container {
            flex-direction: row;
            align-items: flex-start;
        }

        .interview-map-wrapper {
            width: 120px;
            aspect-ratio: 1 / 1;
        }

        .interview-location-box {
            text-align: left;
            margin-top: 0;
            margin-left: .5rem;
            margin-bottom: 0;
            width: auto;
        }
    }

    p:not(.font-weight-bold):not(.text-center) {
        margin-bottom: .1rem !important;
    }

    p.font-weight-bold.text-center {
        margin-bottom: .7rem !important;
        margin-top: .7rem !important;
    }

    .modal.show .modal-dialog {
        /* display: flex; */
        align-items: center;
        min-height: calc(100% - 1rem);
        padding-top: 2rem;
    }

    #interview_dt,
    #interview_time {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        text-align: center;
        text-align-last: center;
    }

    .contact-option {
        display: flex;
        align-items: center;
        padding: 6px 15px;
        border-radius: 8px;
        background-color: #e0e0e0;
        margin-bottom: 10px;
        font-weight: 500;
        cursor: pointer;
        transition: background-color 0.2s ease;
    }

    .contact-option input[type="checkbox"] {
        margin-right: 10px;
        accent-color: #007BFF;
    }

    .contact-option input[type="checkbox"]:checked~* {
        color: white;
    }

    .contact-option input[type="checkbox"]:checked:parent {
        background-color: #007BFF;
    }

    .contact-option.active {
        background-color: #007BFF;
        color: white;
    }

    .btn-cancel {
        background-color: transparent;
        border: none;
        color: #ec407a;
        font-weight: bold;
        font-size: 1rem;
        padding: 6px 12px;
        cursor: pointer;
    }

    .btn-cancel:hover {
        text-decoration: underline;
        background-color: transparent;
    }

    .fs08 {
        font-size: .8rem;
    }

    .fs11{ 
        font-size: 1.1rem;
    }

    .offer-title-img {
        width: 45px;
        height: 45px;
    }

    ul.custom-bullet {
        list-style: none;
    }
    ul.custom-bullet li {
        position: relative;
        padding-left: 1em;
        text-indent: 0;
    }

    ul.custom-bullet li::before {
        content: "・";
        position: absolute;
        left: 0;
        top: 0;
    }

    .pointer-c {
        cursor: pointer;
    }

    .contact-option-list .contact-option input[type="checkbox"] {
        transform: scale(1.6);
    }
    
    #confirmChangeInterviewDateCancelBtn, #confirmChangeInterviewDateOkBtn {
        font-weight: normal !important;
    }


    .modal-apply .modal-dialog {
        max-width: 400px;
        margin: 1.75rem auto;
    }

    .modal-apply .modal-content {
        border-radius: 12px;
        background-color: #fffdf7;
        padding: 24px 16px;
    }

    .modal-apply .modal-title {
        font-weight: bold;
        font-size: 1rem;
        color: #007bff;
    }

    .modal-apply .modal-title+.small-note {
        font-size: 0.875rem;
        color: #444;
        margin-top: 4px;
        margin-bottom: 1rem;
    }

    .modal-apply .apply-method {
        flex: 1;
        cursor: pointer;
        text-align: center;
    }

    .modal-apply .apply-method img {
        max-width: 40px;
        height: 40px;
        object-fit: contain;
    }

    .modal-apply .btn-confirm {
        background: transparent;
        border: none;
        outline: none;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .modal-apply .btn-confirm img {
        width: 40px;
        height: 40px;
        object-fit: contain;
        margin-bottom: 4px;
    }

    .modal-apply .btn-confirm.text-danger {
        color: #e91e63;
        font-weight: bold;
    }

    .modal-apply .btn-confirm.text-primary {
        color: #007bff;
        font-weight: bold;
    }

    .modal-title {
        justify-content: center;
    }

    .dismiss-label {
        color: #007bff;
        font-weight: bold;
        font-size: 1rem;
        cursor: pointer;
        margin-bottom: 12px;
        display: inline-block;
    }

    .modal-divider {
        border-top: 1px solid #ccc;
        width: 100%;
        margin: 0 auto 12px auto;
    }

    .dismiss-label {
        color: #007bff;
        font-weight: bold;
        font-size: 1rem;
        cursor: pointer;
        display: inline-block;
        margin-bottom: 12px;
    }

    @media (max-width: 576px) {
        .modal-apply .modal-dialog {
            margin: 1.5rem 0.75rem !important;
        }
    }
    .sub-text {
        font-size: 0.9em;
    }
    #applyConfirmModalLabel {
        flex-direction: column;
        align-items: center;
    }
    .fs12 {
        font-size: 1.2rem !important;
    }

    #dialog_reason {
        white-space: pre-line;
    }

    ul.custom-bullet {
        list-style: none;
    }

    ul.custom-bullet li {
        position: relative;
        padding-left: 1em;
        text-indent: 0;
    }

    ul.custom-bullet li::before {
        content: "・";
        position: absolute;
        left: 0;
        top: 0;
    }

    #dialog_reason_cd_text {
        position: relative;
        padding-left: 1em;
        text-indent: 0;
    }

    #dialog_reason_cd_text::before {
        content: "・";
        position: absolute;
        left: 0;
        top: 0;
    }

    #application-status-block {
        font-size: 0.85rem;
    }

    #application-status-block table {
        width: 100%;
        border: 1px solid #dee2e6;
        border-collapse: collapse;
        text-align: center;
    }

    #application-status-block th,
    #application-status-block td {
        border: 1px solid #dee2e6;
        padding: 6px 4px;
        vertical-align: middle;
        white-space: nowrap;
    }

    #application-status-block .table-title {
        font-weight: bold;
        padding: 0.5rem;
        background-color: #f8f9fa;
    }

    #status-badge {
        padding: 0.3em 0.5em;
    }

    #applied-date {
        line-height: 1.2;
        word-break: break-word;
    }

    #application-status-block .content-row td {
        padding: 2px 2px !important;
    }

    .btn-status-normal {
        background-color: #fff3cd;
        color: #856404;
        border: 1px solid #ffeeba;
    }

    .btn-status-disabled {
        background-color: #e2e3e5;
        color: #6c757d;
        border: 1px solid #d6d8db;
        cursor: not-allowed;
    }

    .modal-decline {
        max-width: 450px !important;
    }

    #decline-icon-btn:not(:disabled):hover {
        cursor: pointer;
    }

    #application-status-block table {
        table-layout: auto;
    }

    #application-status-block td {
        word-break: normal;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    #status-badge {
        display: inline-block;
        max-width: 100%;
        white-space: normal;
        word-break: break-word;
        line-height: 1.2;
        padding: 0.3em 0.5em;
    }

    #application-status-block td img {
        max-width: 100%;
        height: auto;
    }

    .fs-11 {
        font-size: 1.1rem;
    }