/* =====================================================
   アクセスエリア
   左カラム 675/1100 ・ 右カラム 378/1100
   ===================================================== */

.access-area {
    padding: 60px 0;
}

.access-area__inner {
    display: flex;
    gap: 47px;
    max-width: 960px;
    margin: 0 auto;
    box-sizing: border-box;
}

/* ── 左カラム ── */
.access-area__left {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* 1段目：ロゴ + 電話番号 */
.access-area__head {
    display: flex;
    align-items: center;
    gap: 24px;
}

/* ロゴ */
.access-area__logo {
    flex-shrink: 0;
    width: 140px;
    height: 60px;
    background: #e8e8e8;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    color: #999;
}

/* 電話番号ブロック */
.access-area__tel {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.access-area__tel-number {
    display: flex;
    align-items: center;
    gap: 6px;
    text-decoration: none;
}

.access-area .access-area__tel-number {
    font-family: 'YuGothic', 'Yu Gothic', '游ゴシック', sans-serif !important;
    font-weight: 700 !important;
    font-style: normal !important;
    font-size: 35px !important;
    line-height: 24px !important;
    letter-spacing: 0px !important;
    color: #CD9ED7 !important;
}

.access-area__tel-icon {
    display: flex;
    align-items: center;
}

.access-area__tel-icon svg {
    width: 22px;
    height: 22px;
    fill: currentColor;
}

.access-area .access-area__tel-note {
    font-family: 'YuGothic', 'Yu Gothic', '游ゴシック', sans-serif !important;
    font-weight: 700 !important;
    font-style: normal !important;
    font-size: 15px !important;
    line-height: 24px !important;
    letter-spacing: 0px !important;
    text-align: center !important;
    vertical-align: middle !important;
    color: #CD9ED7 !important;
}

/* 2段目：マップ */
.access-area__map {
    width: 100%;
    height: 279px;
    flex-shrink: 0;
}

.access-area__map iframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
}

/* ── 右カラム ── */
.access-area__right {
    flex: 0 0 calc(378 / 1100 * 960px);
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* 所在地・アクセス方法 */
.access-area__section {
    margin-bottom: 0;
}

.access-area .access-area__section-title {
    font-family: 'YuMincho', 'Yu Mincho', '游明朝', serif;
    font-weight: 600;
    font-style: normal;
    font-size: 20px;
    line-height: 20px;
    letter-spacing: 0px;
    vertical-align: middle;
    margin: 0 0 10px;
}

.access-area .access-area__divider {
    border: none;
    border-top: 1px solid #F0E2F3;
    margin: 0 0 10px;
}

.access-area .access-area__section-text {
    font-family: 'YuGothic', 'Yu Gothic', '游ゴシック', sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 15px;
    line-height: 22.75px !important;
    letter-spacing: 0px;
    vertical-align: middle;
    margin: 0 !important;
    margin-bottom: 0 !important;
}

/* 診療時間 */
.access-area__hours {
}

.access-area .access-area__table {
    border-collapse: collapse !important;
    width: 100% !important;
    table-layout: fixed !important;
    margin: 0 !important;
}

.access-area .access-area__table th,
.access-area .access-area__table td {
    border: none !important;
    border-bottom: 1px solid #262626 !important;
    padding: 6px 2px !important;
    font-family: 'YuGothic', 'Yu Gothic', '游ゴシック', sans-serif !important;
    font-weight: 700 !important;
    font-style: normal !important;
    font-size: 12px !important;
    line-height: 20px !important;
    letter-spacing: 0px !important;
    text-align: center !important;
    vertical-align: middle !important;
    background: none !important;
    white-space: nowrap;
}

.access-area .access-area__table thead th {
    border-top: none !important;
}

.access-area .access-area__table th:first-child,
.access-area .access-area__table td:first-child {
    width: 90px !important;
    min-width: 90px !important;
    text-align: left !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.access-area__closed {
    font-family: 'Courier Prime', 'Courier New', monospace !important;
    font-weight: 400 !important;
    font-style: normal !important;
    font-size: 16px !important;
    line-height: 24px !important;
    letter-spacing: 0px !important;
    text-align: center !important;
    vertical-align: middle !important;
    color: #ccc;
}

.access-area__circle,
.access-area__star {
    display: inline-block;
    width: 11px;
    height: 11px;
    background-color: #CD9ED7;
    vertical-align: middle;
}

.access-area__circle {
    border-radius: 50%;
}

.access-area__star {
    width: 16px;
    height: 16px;
    clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}

.access-area__note {
    margin-top: 8px;
}

.access-area__note p {
    font-family: 'YuGothic', 'Yu Gothic', '游ゴシック', sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 10px;
    line-height: 16px !important;
    letter-spacing: 0px;
    vertical-align: middle;
    color: #666;
    margin: 0 !important;
}

/* ── レスポンシブ ── */
@media screen and (max-width: 800px) {
    .access-area {
        padding: 40px 0;
    }

    .access-area__inner {
        flex-direction: column;
        gap: 24px;
    }

    .access-area__map {
        height: 240px;
    }

    .access-area__tel-number {
        font-size: 20px;
    }
}