/**
 * Styles for the Clinical Info / Access Page (診療案内・アクセス)
 * Figma Nodes: 3399:2702 (診療案内・アクセス Page)
 */

/* --- Sub MV (Sub-page Main Visual) --- */









/* --- Page Layout & Container --- */
.access-page-body {
    background-color: #faf9f6;
    padding-top: 120px;
    padding-bottom: 120px;
    box-sizing: border-box;
    width: 100%;
}

.access-page-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* --- Reusable Section Card Layout --- */
.access-card {
    width: 1520px;
    background-color: #ffffff;
    border-radius: 30px;
    padding: 48px 120px;
    margin-bottom: 80px;
    box-sizing: border-box;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.02);
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
}

.access-card-left {
    width: 600px;
    padding-top: 40px;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

.access-card-right {
    width: 600px;
    height: 600px;
    border-radius: 20px;
    overflow: hidden;
    flex-shrink: 0;
}

.access-card-right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* --- Heading Styling --- */
.access-heading-row {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 40px;
}

.access-heading-leaf {
    width: 20px;
    height: 20px;
    background-color: #2faa87;
    border-top-left-radius: 30px;
    border-top-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 30px;
    display: inline-block;
    flex-shrink: 0;
}

.access-heading-title {
    font-family: 'Shippori Mincho', serif;
    font-weight: 500;
    font-size: 32px;
    line-height: 1.3;
    color: #63574d;
    letter-spacing: 0.96px;
    margin: 0;
}

/* --- Bullet lists inside Card Content --- */
.access-intro-content {
    display: flex;
    flex-direction: column;
}

.access-intro-p {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: #575757;
    line-height: 1.6;
    letter-spacing: 0.5px;
    margin: 0 0 24px 0;
    text-align: justify;
}

.access-intro-p.font-normal {
    font-weight: 400;
    margin-bottom: 0;
}

.access-intro-p.font-semibold-green {
    font-weight: 600;
    color: #2faa87;
    margin-bottom: 24px;
}

.access-intro-p .font-normal-gray {
    font-weight: 400;
    color: #575757;
}

.access-intro-bullets {
    list-style: none;
    padding: 0;
    margin: 0 0 40px 30px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.access-intro-bullet-item {
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.6;
    color: #2faa87;
    letter-spacing: 0.5px;
}

.access-intro-bullet {
    width: 6px;
    height: 6px;
    background-color: #2faa87;
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
}

.highlight-green {
    color: #2faa87;
    font-weight: 600;
}

/* --- Section 2: Clinic Hours (診療案内) --- */
.access-hours-section {
    width: 1520px;
    height: 1662px;
    background-color: #ffffff;
    border-radius: 30px;
    padding: 0 120px;
    margin-bottom: 80px;
    box-sizing: border-box;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.02);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 120px;
}

.access-hours-header {
    width: 317px;
    height: 86px;
    margin-bottom: 0;
    text-align: center;
    flex-shrink: 0;
}

.access-hours-title-block {
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: 86px;
}

.access-hours-en-row {
    display: flex;
    height: 56px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 0;
    flex-shrink: 0;
}

.access-hours-en-row .access-heading-leaf {
    align-self: flex-start;
}

.access-hours-en-title {
    font-family: 'Cormorant Infant', serif;
    font-size: 56px;
    font-weight: 400;
    color: #63574d;
    margin: 0;
    letter-spacing: 1.68px;
    line-height: 1;
    white-space: nowrap;
    flex-shrink: 0;
}

.access-hours-jp-subtitle {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #2faa87;
    margin: 0;
    letter-spacing: 1px;
    line-height: 14px;
    height: 14px;
    flex-shrink: 0;
}

/* Basic Info Grid (Left/Right Col + Lobby Photo) */
.access-info-grid {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 1360px;
    gap: 80px;
    height: 480px;
    margin: 0 auto;
    flex-shrink: 0;
}

.access-info-col-left {
    width: 291px;
    height: 431.396px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.access-info-col-right {
    width: 384px;
    height: 381px;
    display: flex;
    flex-direction: column;
    gap: 0;
}

.access-info-col-right .access-info-block:nth-child(1) {
    height: 59px;
}

.access-info-col-right .access-info-block:nth-child(1) {
    margin-bottom: 48px;
}

.access-info-col-right .access-info-block:nth-child(2),
.access-info-col-right .access-info-block:nth-child(3) {
    height: 117px;
}

.access-info-col-right .access-info-block:nth-child(2) {
    margin-bottom: 40px;
}

.access-info-photo-block {
    width: 480px;
    height: 480px;
    border-radius: 20px;
    overflow: hidden;
}

.access-info-photo-block img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Blocks styling inside Info columns */
.access-info-block {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.access-info-heading {
    display: flex;
    align-items: center;
    gap: 8px;
}

.access-info-bullet-bar {
    width: 6px;
    height: 30px;
    background-color: #2faa87;
    border-radius: 10px;
    display: inline-block;
    flex-shrink: 0;
}

.access-info-heading h3 {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 600;
    font-size: 18px;
    color: #63574d;
    margin: 0;
    letter-spacing: 0.9px;
    line-height: 1.6;
}

.access-info-heading h4 {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 600;
    font-size: 18px;
    color: #63574d;
    margin: 0;
    letter-spacing: 0.9px;
    line-height: 1.6;
}

.access-info-value {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #575757;
    margin: 0;
    line-height: 1.6;
    letter-spacing: 0.9px;
    text-align: justify;
    flex-shrink: 0;
}

.access-info-value.font-medium {
    font-weight: 400;
}

.access-info-value .text-bold {
    font-weight: 600;
}

/* Schedule typography lists (文字組み) */
.access-schedule-list {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 71px;
    flex-shrink: 0;
    transform: translateY(-8px);
}

.access-schedule-row {
    display: grid;
    align-items: baseline;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 18px;
    line-height: 1;
    letter-spacing: 0.9px;
    color: #575757;
    height: 13px;
}

.access-schedule-general .access-schedule-row {
    grid-template-columns: 84px auto;
}

.access-schedule-ortho .access-schedule-row {
    grid-template-columns: 124px 137px auto;
}

.access-schedule-ortho {
    height: auto;
    gap: 0;
    transform: none;
    margin-top: -9px;
}

.access-info-col-right .access-info-block:nth-child(3) .access-info-heading h3 {
    transform: translateY(-1px);
}

.access-schedule-ortho .access-schedule-row {
    height: auto;
    line-height: 29px;
}

.access-schedule-label {
    font-weight: 600;
    color: #575757;
    white-space: nowrap;
}

.access-schedule-time {
    font-weight: 400;
    white-space: nowrap;
}

/* Map link button inside block */
.access-map-link-btn {
    background-color: #575757;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5.758px;
    height: 30.396px;
    padding: 0 16px;
    border-radius: 50px;
    width: 127.155px;
    flex-shrink: 0;
    box-sizing: border-box;
    text-decoration: none;
    transition: opacity 0.2s ease;
}

.access-map-link-btn:hover {
    opacity: 0.8;
}

.access-map-btn-icon {
    width: 14.4px;
    height: 14.4px;
    flex-shrink: 0;
}

.access-map-link-btn span {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 13px;
    font-weight: 400;
    white-space: nowrap;
    color: #ffffff;
    letter-spacing: 0.65px;
    line-height: 1.6;
}

/* Photo Gallery & Schedule Tables Grid */
.access-tables-grid {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 1280px;
    height: 720px;
    margin: 0 auto;
    flex-shrink: 0;
}

.access-gallery-col {
    width: 530px;
    display: flex;
    flex-direction: column;
    gap: 13px;
}

.access-gallery-main {
    width: 530px;
    height: 530px;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}

.access-gallery-main img {
    position: absolute;
    width: 159%;
    height: 106%;
    left: -41.58%;
    top: -3%;
    max-width: none;
    display: block;
}

.access-gallery-subs {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.access-gallery-sub {
    width: 254px;
    height: 177px;
    border-radius: 20px;
    overflow: hidden;
}

.access-gallery-sub img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.access-tables-col {
    width: 631px;
    height: 688px;
    display: flex;
    flex-direction: column;
    gap: 100px;
}

/* Reusing / defining Table group styles matching style.css */
.access-table-group {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.access-table-group:first-child {
    height: 251px;
}

.access-table-group.access-ortho-group {
    height: 337px;
}

.access-table-header-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 30px;
    margin-bottom: 40px;
    flex-shrink: 0;
}

.access-table-attention {
    display: none;
}

.access-table-title {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 0;
}

.access-bar-icon {
    width: 6px;
    height: 30px;
    background-color: #2faa87;
    border-radius: 10px;
    display: inline-block;
    flex-shrink: 0;
}

.access-table-title h3 {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #63574d;
    margin: 0;
    letter-spacing: 1px;
    line-height: 1.6;
}

.access-table-wrapper {
    width: 100%;
}

.access-table {
    width: 631px;
    border-collapse: collapse;
}

.access-table th,
.access-table td {
    text-align: center;
    vertical-align: middle;
    height: auto;
    box-sizing: border-box;
}

.access-table th {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #575757;
    letter-spacing: 0.9px;
    border-bottom: 1px solid #dedede;
    width: 53px;
    vertical-align: top;
    line-height: 13px;
    padding-top: 0;
}

.access-table th.time-col {
    width: 128px;
    text-align: left;
    padding-left: 8px;
}

.access-table td {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #2faa87;
    border-bottom: 1px solid #dedede;
}

.access-table thead tr {
    height: 37px;
}

.access-table-group:not(.access-ortho-group) .access-table tbody tr {
    height: 82px;
}

.access-ortho-group .access-table tbody tr:nth-child(1),
.access-ortho-group .access-table tbody tr:nth-child(3) {
    height: 82px;
}

.access-ortho-group .access-table tbody tr:nth-child(2) {
    height: 66px;
}

.access-table td.time-col {
    font-size: 15px;
    text-align: left;
    padding-left: 8px;
    color: #2faa87;
    width: 128px;
    letter-spacing: 0.75px;
}

.access-table .symbol-circle {
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #2faa87;
    font-size: 0;
    vertical-align: middle;
}

.access-table .symbol-dash {
    display: inline-block;
    width: 15px;
    height: 3px;
    border-radius: 3px;
    background-color: #2faa87;
    font-size: 0;
    vertical-align: middle;
}

.access-table .symbol-star {
    width: 18px;
    height: 18px;
    object-fit: contain;
    display: inline-block;
}

.access-table .sat-wrapper,
.access-table .sun-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
}

.access-table .sat-note,
.access-table .sun-note {
    font-size: 11px;
    color: #2faa87;
    font-weight: 600;
    letter-spacing: 0.55px;
    line-height: 1.3;
    text-align: center;
    white-space: nowrap;
}

.access-table-notes {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 24px;
}

.access-table-notes .note-item {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: #2faa87;
    margin: 0;
    letter-spacing: 0.75px;
    line-height: 11px;
    height: 11px;
}

/* --- Section 3: Booking Buttons inside Card --- */
.access-booking-buttons {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 16px;
}

.access-booking-btn {
    height: 55px;
    border-radius: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 16px 40px 16px 32px;
    box-sizing: border-box;
    text-decoration: none;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.05);
    transition: opacity 0.2s ease;
}

.access-booking-btn:hover {
    opacity: 0.85;
}

.access-booking-btn.btn-green {
    background-color: #2faa87;
}

.access-booking-btn.btn-brown {
    background-color: #63574d;
}

.access-booking-btn-icon {
    width: 28px;
    height: 28px;
    flex-shrink: 0;
}

.access-booking-btn-icon.btn-icon-calendar {
    width: 32px;
    height: 32px;
}

.access-booking-btn span {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;
    font-size: 18px;
    color: #ffffff;
    letter-spacing: 0.5px;
    line-height: 1.6;
    white-space: nowrap;
}

.access-booking-btn.btn-green span {
    font-size: 20px;
    letter-spacing: 0.5px;
}

/* --- Section 4: Access map (アクセスについて) --- */
.access-map-section {
    width: 1520px;
    background-color: #ffffff;
    border-radius: 30px;
    padding: 80px 120px;
    margin-bottom: 80px;
    box-sizing: border-box;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.02);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.access-map-header {
    margin-bottom: 64px;
    text-align: center;
    width: 987px;
}

.access-map-en-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 16px;
}

.access-map-en-title {
    font-family: 'Cormorant Infant', serif;
    font-size: 56px;
    font-weight: 400;
    color: #63574d;
    margin: 0;
    letter-spacing: 1.68px;
    line-height: 1.3;
}

.access-map-jp-subtitle {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #2faa87;
    margin: 0;
    letter-spacing: 1px;
}

.access-map-lead {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #575757;
    line-height: 1.6;
    letter-spacing: 0.5px;
    margin: 24px 0 0 0;
}

/* Map Address and Iframe */
.access-map-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    width: 1280px;
    margin: 0 auto 80px auto;
}

.access-map-address {
    display: flex;
    align-items: center;
    gap: 16px;
}

.access-map-address .address-text {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #575757;
    line-height: 1.6;
    letter-spacing: 0.5px;
    margin: 0;
}

.access-map-google-btn {
    background-color: #575757;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 8px 16px;
    border-radius: 50px;
    box-sizing: border-box;
    text-decoration: none;
    transition: opacity 0.2s ease;
}

.access-map-google-btn:hover {
    opacity: 0.8;
}

.access-map-google-btn span {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 13px;
    color: #ffffff;
    letter-spacing: 0.65px;
    line-height: 1.6;
}

.access-map-iframe-container {
    width: 100%;
    height: 600px;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}

.access-map-iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

/* Subway & Car Access Columns Grid */
.access-methods-grid {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 1280px;
    margin: 0 auto;
    gap: 80px;
}

.access-method-col {
    width: 600px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.access-method-heading {
    display: flex;
    align-items: center;
    gap: 8px;
}

.access-method-title {
    font-family: 'Shippori Mincho', serif;
    font-size: 32px;
    font-weight: 500;
    color: #63574d;
    margin: 0;
    letter-spacing: 0.96px;
    line-height: 1.3;
}

.access-method-content {
    display: flex;
    flex-direction: column;
    padding-left: 30px;
}

.access-method-intro-p {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #575757;
    line-height: 1.6;
    letter-spacing: 0.5px;
    margin: 0 0 40px 0;
    text-align: justify;
}

.access-method-intro-p.font-semibold-green {
    font-weight: 600;
    margin-bottom: 40px;
}

.access-method-subblock {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 40px;
}

.access-method-subblock:last-child {
    margin-bottom: 0;
}

.access-time-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
}

.access-time-list li {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #575757;
    line-height: 1.6;
    letter-spacing: 0.5px;
    margin-bottom: 0px;
}

.access-time-list li .text-bold {
    font-weight: 600;
}

.access-time-list li.note-li {
    margin-top: 12px;
}

.access-method-desc-p {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #575757;
    line-height: 1.6;
    letter-spacing: 0.5px;
    margin: 0;
    text-align: justify;
}

/* Route Steps (Subway) */
.access-route-steps {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.access-route-steps li {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.step-badge {
    width: 30px;
    height: 30px;
    background-color: #2faa87;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;
    font-size: 17px;
    color: #ffffff;
    line-height: 1;
    flex-shrink: 0;
}

.step-text {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #575757;
    line-height: 1.6;
    letter-spacing: 0.5px;
    margin: 0;
    padding-top: 2px;
}

.step-small-note {
    font-size: 14px;
}

.step-tel {
    font-weight: 600;
}

/* --- Section 5: Prep/What to Bring --- */
.access-bring-block {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.access-bring-block .access-intro-bullets {
    margin: 0;
    gap: 16px;
}

.access-bring-title {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 600;
    font-size: 18px;
    color: #575757;
    margin: 0;
    letter-spacing: 0.5px;
    line-height: 1.6;
}

.access-bring-outro-p {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #575757;
    line-height: 1.6;
    letter-spacing: 0.5px;
    margin: 0;
}

/* Button to /first/ */
.access-first-btn-wrapper {
    margin-top: 40px;
}

.access-first-btn {
    width: 320px;
    height: 59px;
    background-color: #63574d;
    border-radius: 53.231px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 17px;
    padding: 17px 34px;
    box-sizing: border-box;
    text-decoration: none;
    box-shadow: 0px 0px 2.129px rgba(0, 0, 0, 0.05);
    transition: opacity 0.2s ease, background-color 0.2s ease;
}

.access-first-btn:hover {
    background-color: #52473e;
    opacity: 0.9;
}

.access-first-btn span {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;
    font-size: 19.163px;
    color: #ffffff;
    letter-spacing: 0.9582px;
    line-height: 1.6;
    white-space: nowrap;
}

.access-first-btn-arrow {
    width: 22.357px;
    height: 22.357px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    background-color: transparent;
}

.access-first-btn-arrow-icon {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform: rotate(90deg);
}

/* --- Section 6: Available Treatments & Areas --- */
.access-details-card {
    gap: 52px;
    padding-top: 75px;
    padding-bottom: 75px;
}

.access-details-col {
    width: 600px;
    display: flex;
    flex-direction: column;
}

.access-details-content {
    display: flex;
    flex-direction: column;
    padding-left: 30px;
}

.access-details-intro-p {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #575757;
    line-height: 1.6;
    letter-spacing: 0.5px;
    margin: 0 0 24px 0;
}

.access-details-bullets {
    list-style: none;
    padding: 0;
    margin: 0 0 24px 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.access-details-bullet-item {
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.6;
    color: #2faa87;
    letter-spacing: 0.5px;
}

.access-details-bullets.accent-bullets {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 24px;
}

.access-details-bullets.accent-bullets .access-details-bullet-item {
    font-weight: 600;
}

.access-details-bullet-item.font-semibold {
    font-weight: 600;
}

.access-details-outro-p {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #575757;
    line-height: 1.6;
    letter-spacing: 0.5px;
    margin: 0;
}

.access-nowrap {
    white-space: nowrap;
}


/* ==========================================================================
   Responsive Media Queries (Fluids and Breakpoints)
   ========================================================================== */

@media (max-width: 1800px) {









    /* Page container spacing */
    .access-page-body {
        padding-top: 6.25vw;
        padding-bottom: 8.333vw;
    }

    /* Cards Scaling */
    .access-card {
        width: 79.167vw;
        padding: 2.5vw 6.25vw;
        margin-bottom: 4.167vw;
        border-radius: 1.563vw;
    }

    .access-card-left {
        width: 31.25vw;
        padding-top: 2.083vw;
    }

    .access-card-right {
        width: 31.25vw;
        height: 31.25vw;
        border-radius: 1.042vw;
    }

    .access-heading-row {
        gap: 0.417vw;
        margin-bottom: 2.083vw;
    }



    .access-heading-title {
        font-size: 1.667vw;
        letter-spacing: 0.05vw;
    }

    .access-intro-p {
        font-size: 0.938vw;
        letter-spacing: 0.026vw;
        margin-bottom: 1.25vw;
    }

    .access-intro-bullets {
        margin-left: 1.563vw;
        margin-bottom: 2.083vw;
        gap: 0.833vw;
    }

    .access-intro-bullet-item {
        gap: 0.417vw;
        font-size: 0.938vw;
        letter-spacing: 0.026vw;
    }

    .access-intro-bullet {
        width: 0.313vw;
        height: 0.313vw;
    }

    /* Section 2 Hours & Schedule Scaling */
    .access-hours-section {
        width: 79.167vw;
        height: 86.563vw;
        padding: 0 6.25vw;
        margin-bottom: 4.167vw;
        border-radius: 1.563vw;
        gap: 6.250vw;
    }

    .access-hours-header {
        width: 16.510vw;
        height: 4.479vw;
        margin-bottom: 0;
    }

    .access-hours-title-block {
        gap: 0.833vw;
        height: 4.479vw;
    }

    .access-hours-en-row {
        height: 2.917vw;
        gap: 0.417vw;
        margin-bottom: 0;
    }

    .access-hours-en-title {
        font-size: 2.917vw;
        letter-spacing: 0.088vw;
    }

    .access-hours-jp-subtitle {
        font-size: 1.042vw;
        letter-spacing: 0.052vw;
        line-height: 0.729vw;
        height: 0.729vw;
    }

    .access-info-grid {
        width: 100%;
        height: 25vw;
        margin: 0;
    }

    .access-info-col-left {
        width: 15.156vw;
        height: 22.469vw;
        gap: 2.083vw;
    }

    .access-info-col-right {
        width: 20vw;
        height: 19.844vw;
        gap: 0;
    }

    .access-info-col-right .access-info-block:nth-child(1) {
        height: 3.073vw;
    }

    .access-info-col-right .access-info-block:nth-child(1) {
        margin-bottom: 2.5vw;
    }

    .access-info-col-right .access-info-block:nth-child(2),
    .access-info-col-right .access-info-block:nth-child(3) {
        height: 6.094vw;
    }

    .access-info-col-right .access-info-block:nth-child(2) {
        margin-bottom: 2.083vw;
    }

    .access-info-photo-block {
        width: 25vw;
        height: 25vw;
        border-radius: 1.042vw;
    }

    .access-info-block {
        gap: 0.833vw;
    }

    .access-info-bullet-bar {
        width: 0.313vw;
        height: 1.563vw;
    }

    .access-info-heading {
        gap: 0.417vw;
    }

    .access-info-heading h3,
    .access-info-heading h4 {
        font-size: 0.938vw;
        letter-spacing: 0.026vw;
    }

    .access-info-heading h3 {
        letter-spacing: 0.047vw;
    }

    .access-info-heading h4 {
        letter-spacing: 0.047vw;
    }

    .access-info-value {
        font-size: 0.938vw;
        letter-spacing: 0.047vw;
    }

    .access-schedule-row {
        font-size: 0.938vw;
        letter-spacing: 0.047vw;
        height: 0.677vw;
    }

    .access-schedule-list {
        height: 3.698vw;
        transform: translateY(-0.417vw);
    }

    .access-schedule-general .access-schedule-row {
        grid-template-columns: 4.375vw auto;
    }

    .access-schedule-ortho .access-schedule-row {
        grid-template-columns: 6.458vw 7.135vw auto;
        height: auto;
        line-height: 1.51vw;
    }

    .access-schedule-ortho {
        height: auto;
        gap: 0;
        margin-top: -0.469vw;
        transform: none;
    }

    .access-info-col-right .access-info-block:nth-child(3) .access-info-heading h3 {
        transform: translateY(-0.052vw);
    }

    .access-map-link-btn {
        width: 6.623vw;
        min-width: 6.623vw;
        height: 1.583vw;
        padding: 0 0.833vw;
        gap: 0.3vw;
    }

    .access-map-link-btn span {
        font-size: 0.677vw;
    }

    /* Tables Grid Scaling */
    .access-tables-grid {
        width: 100%;
        height: 37.5vw;
    }

    .access-gallery-col {
        width: 27.6vw;
        gap: 0.677vw;
    }

    .access-gallery-main {
        width: 27.6vw;
        height: 27.6vw;
        border-radius: 1.042vw;
    }

    .access-gallery-sub {
        width: 13.2vw;
        height: 9.2vw;
        border-radius: 1.042vw;
    }

    .access-tables-col {
        width: 32.86vw;
        height: 35.833vw;
        gap: 5.208vw;
    }

    .access-table-group:first-child {
        height: 13.073vw;
    }

    .access-table-group.access-ortho-group {
        height: 17.552vw;
    }

    .access-table-title {
        gap: 0.417vw;
        margin-bottom: 2.083vw;
    }

    .access-table-title h3 {
        font-size: 1.042vw;
        letter-spacing: 0.052vw;
    }

    .access-table {
        width: 100%;
    }

    .access-table th,
    .access-table td {
        height: auto;
        border-bottom-width: 0.052vw;
    }

    .access-table th {
        font-size: 0.938vw;
        letter-spacing: 0.047vw;
        width: 2.76vw;
        line-height: 0.677vw;
    }

    .access-table th.time-col {
        width: 6.67vw;
    }

    .access-table td {
        font-size: 0.938vw;
    }

    .access-table td.time-col {
        font-size: 0.781vw;
        width: 6.67vw;
        letter-spacing: 0.039vw;
    }

    .access-table .symbol-circle {
        width: 0.938vw;
        height: 0.938vw;
    }

    .access-table .symbol-dash {
        width: 0.781vw;
        height: 0.156vw;
        border-radius: 0.156vw;
    }

    .access-table .symbol-star {
        width: 0.938vw;
        height: 0.938vw;
    }

    .access-table .sat-note,
    .access-table .sun-note {
        font-size: 0.573vw;
        letter-spacing: 0.029vw;
    }

    .access-table-notes {
        gap: 0.833vw;
        margin-top: 1.25vw;
    }

    .access-table-notes .note-item {
        font-size: 0.781vw;
        letter-spacing: 0.039vw;
        line-height: 0.573vw;
        height: 0.573vw;
    }

    .access-table-header-wrap {
        height: 1.563vw;
    }

    .access-table thead tr {
        height: 1.927vw;
    }

    .access-table-group:not(.access-ortho-group) .access-table tbody tr,
    .access-ortho-group .access-table tbody tr:nth-child(1),
    .access-ortho-group .access-table tbody tr:nth-child(3) {
        height: 4.271vw;
    }

    .access-ortho-group .access-table tbody tr:nth-child(2) {
        height: 3.438vw;
    }

    /* Section 3 Booking buttons scaling */
    .access-booking-buttons {
        gap: 0.833vw;
    }

    .access-booking-btn {
        height: 2.86vw;
        gap: 0.833vw;
        padding: 0.833vw 2.083vw 0.833vw 1.667vw;
    }

    .access-booking-btn-icon {
        width: 1.458vw;
        height: 1.458vw;
    }

    .access-booking-btn-icon.btn-icon-calendar {
        width: 1.667vw;
        height: 1.667vw;
    }

    .access-booking-btn span {
        font-size: 0.938vw;
        letter-spacing: 0.026vw;
    }

    .access-booking-btn.btn-green span {
        font-size: 1.042vw;
    }

    /* Section 4 Map section Scaling */
    .access-map-section {
        width: 79.167vw;
        padding: 4.167vw 6.25vw;
        margin-bottom: 4.167vw;
        border-radius: 1.563vw;
    }

    .access-map-header {
        margin-bottom: 3.333vw;
        width: 100%;
    }

    .access-map-en-row {
        gap: 0.417vw;
        margin-bottom: 0.833vw;
    }

    .access-map-en-title {
        font-size: 2.917vw;
        letter-spacing: 0.088vw;
    }

    .access-map-jp-subtitle {
        font-size: 1.042vw;
        letter-spacing: 0.052vw;
    }

    .access-map-lead {
        font-size: 0.938vw;
        letter-spacing: 0.026vw;
        margin-top: 1.25vw;
    }

    .access-map-wrapper {
        width: 100%;
        gap: 1.667vw;
        margin-bottom: 4.167vw;
    }

    .access-map-address {
        gap: 0.833vw;
    }

    .access-map-address .address-text {
        font-size: 0.938vw;
        letter-spacing: 0.026vw;
    }

    .access-map-google-btn {
        padding: 0.417vw 0.833vw;
        gap: 0.3vw;
    }

    .access-map-google-btn span {
        font-size: 0.677vw;
    }

    .access-map-iframe-container {
        height: 31.25vw;
    }

    /* Access methods Scaling */
    .access-methods-grid {
        width: 100%;
        gap: 4.167vw;
    }

    .access-method-col {
        width: 31.25vw;
        gap: 2.083vw;
    }

    .access-method-heading {
        gap: 0.417vw;
    }

    .access-method-title {
        font-size: 1.667vw;
        letter-spacing: 0.05vw;
    }

    .access-method-content {
        padding-left: 1.563vw;
    }

    .access-method-intro-p {
        font-size: 0.938vw;
        letter-spacing: 0.026vw;
        margin-bottom: 2.083vw;
    }

    .access-method-subblock {
        gap: 0.833vw;
        margin-bottom: 2.083vw;
    }

    .access-time-list li {
        font-size: 0.938vw;
        letter-spacing: 0.026vw;
    }

    .access-time-list li.note-li {
        margin-top: 0.625vw;
    }

    .access-method-desc-p {
        font-size: 0.938vw;
        letter-spacing: 0.026vw;
    }

    .access-route-steps {
        gap: 1.25vw;
    }

    .step-badge {
        width: 1.563vw;
        height: 1.563vw;
        font-size: 0.885vw;
    }

    .step-text {
        font-size: 0.938vw;
        letter-spacing: 0.026vw;
    }

    .step-small-note {
        font-size: 0.729vw;
    }

    /* Section 5 Prep block scaling */
    .access-bring-block {
        gap: 1.25vw;
    }

    .access-bring-title {
        font-size: 0.938vw;
        letter-spacing: 0.026vw;
    }

    .access-bring-outro-p {
        font-size: 0.938vw;
        letter-spacing: 0.026vw;
    }

    .access-first-btn-wrapper {
        margin-top: 2.083vw;
    }

    .access-first-btn {
        width: 16.667vw;
        height: 3.073vw;
        border-radius: 2.772vw;
        gap: 0.887vw;
        padding: 0.887vw 1.774vw;
    }

    .access-first-btn span {
        font-size: 0.99vw;
        letter-spacing: 0.05vw;
    }

    .access-first-btn-arrow {
        width: 1.164vw;
        height: 1.164vw;
    }

    /* Section 6 details block scaling */
    .access-details-card {
        gap: 2.708vw;
        padding-top: 3.906vw;
        padding-bottom: 3.906vw;
    }

    .access-details-col {
        width: 31.25vw;
    }

    .access-details-content {
        padding-left: 1.563vw;
    }

    .access-details-intro-p {
        font-size: 0.938vw;
        letter-spacing: 0.026vw;
        margin-bottom: 1.25vw;
    }

    .access-details-bullets {
        gap: 0.833vw;
        margin-bottom: 1.25vw;
    }

    .access-details-bullet-item {
        font-size: 0.938vw;
        letter-spacing: 0.026vw;
        gap: 0.417vw;
    }

    .access-details-bullets.accent-bullets {
        gap: 0.833vw;
        margin-bottom: 1.25vw;
    }

    .access-details-outro-p {
        font-size: 0.938vw;
        letter-spacing: 0.026vw;
    }


    /* Auto-generated PC Liquid (vw) Layout Rules */
    .access-heading-leaf {
        width: 1.042vw;
        height: 1.042vw;
    }

    .access-intro-p {
        margin: 0 0 1.250vw 0;
    }

    .access-intro-p.font-semibold-green {
        margin-bottom: 1.250vw;
    }

    .access-intro-bullets {
        margin: 0 0 2.083vw 1.562vw;
    }

    .access-info-bullet-bar {
        border-radius: 0.521vw;
    }

    .access-map-btn-icon {
        width: 0.750vw;
        height: 0.750vw;
    }

    .access-map-link-btn span {
        letter-spacing: 0.034vw;
    }

    .access-table-header-wrap {
        margin-bottom: 2.083vw;
    }

    .access-bar-icon {
        width: 0.312vw;
        height: 1.562vw;
        border-radius: 0.521vw;
    }

    .access-table {
        width: 32.865vw;
    }

    .access-table th.time-col {
        padding-left: 0.417vw;
    }

    .access-table td.time-col {
        padding-left: 0.417vw;
    }

    .access-table .sat-wrapper,
    .access-table .sun-wrapper {
        gap: 0.104vw;
    }

    .access-booking-btn {
        border-radius: 2.604vw;
    }

    .access-booking-btn.btn-green span {
        letter-spacing: 0.031vw;
    }

    .access-map-header {
        width: 51.406vw;
    }

    .access-map-lead {
        margin: 1.250vw 0 0 0;
    }

    .access-map-google-btn {
        border-radius: 2.604vw;
    }

    .access-map-google-btn span {
        letter-spacing: 0.034vw;
    }

    .access-map-iframe-container {
        border-radius: 1.042vw;
    }

    .access-method-intro-p {
        margin: 0 0 2.083vw 0;
    }

    .access-method-intro-p.font-semibold-green {
        margin-bottom: 2.083vw;
    }

    .access-time-list li {
        margin-bottom: 0.000vw;
    }

    .access-route-steps li {
        gap: 0.417vw;
    }

    .step-text {
        padding-top: 0.104vw;
    }

    .access-bring-block .access-intro-bullets {
        gap: 0.833vw;
    }

    .access-details-intro-p {
        margin: 0 0 1.250vw 0;
    }

    .access-details-bullets {
        margin: 0 0 1.250vw 0;
    }


    /* Auto-fixed missing PC Liquid (vw) Layout Rules */
    .access-page-body {
        padding-top: 6.250vw;
        padding-bottom: 6.250vw;
    }

    .access-info-grid {
        width: 70.833vw;
        gap: 4.167vw;
        margin: 0 auto;
    }

    .access-map-link-btn {
        border-radius: 2.604vw;
    }

    .access-tables-grid {
        width: 66.667vw;
    }

    .access-booking-buttons {
        margin-top: 0.833vw;
    }

    .access-map-wrapper {
        width: 66.667vw;
        margin: 0 auto 4.167vw auto;
    }

    .access-methods-grid {
        width: 66.667vw;
    }

}

@media (max-width: 1024px) {
    /* 1800px 以下を完全比例（vw）にしたため、タブレット以下は従来の値を維持する */
    .access-schedule-general .access-schedule-row {
        grid-template-columns: 4.67em auto;
    }

    .access-info-heading h3 {
        letter-spacing: 0.026vw;
    }

    .access-info-heading h4 {
        letter-spacing: 0.026vw;
    }

    .access-heading-title {
        font-size: calc(14.84px + 0.894vw);
    }

    .access-intro-p {
        font-size: calc(9.42px + 0.447vw);
    }

    .access-intro-bullet-item {
        font-size: calc(9.42px + 0.447vw);
    }

    .access-info-col-right {
        width: max-content;
    }

    .access-info-value {
        font-size: calc(9.42px + 0.447vw);
        letter-spacing: 0.026vw;
    }

    .access-schedule-row {
        font-size: calc(9.42px + 0.447vw);
        letter-spacing: 0.026vw;
    }

    .access-table th {
        font-size: calc(9.42px + 0.447vw);
        letter-spacing: 0.026vw;
    }

    .access-table td {
        font-size: calc(9.42px + 0.447vw);
    }

    .access-table td.time-col {
        font-size: calc(8.71px + 0.327vw);
    }

    .access-table .sat-note, .access-table .sun-note {
        font-size: calc(6.92px + 0.212vw);
    }

    .access-table-notes .note-item {
        font-size: calc(6.96px + 0.419vw);
    }

    .access-map-lead {
        font-size: calc(9.42px + 0.447vw);
    }

    .access-map-address .address-text {
        font-size: calc(9.42px + 0.447vw);
    }

    .access-method-intro-p {
        font-size: calc(9.42px + 0.447vw);
    }

    .access-time-list li {
        font-size: calc(9.42px + 0.447vw);
    }

    .access-method-desc-p {
        font-size: calc(9.42px + 0.447vw);
    }

    .access-bring-title {
        font-size: calc(9.42px + 0.447vw);
    }

    .access-bring-outro-p {
        font-size: calc(9.42px + 0.447vw);
    }

    .access-details-intro-p {
        font-size: calc(9.42px + 0.447vw);
    }

    .access-details-bullet-item {
        font-size: calc(9.42px + 0.447vw);
    }

    .access-details-outro-p {
        font-size: calc(9.42px + 0.447vw);
    }

    /* Sub MV 1024px rules en-suite with first.css */





    .sub-mv-leaf-decor,
    .access-heading-leaf {
        width: 16px;
        height: 16px;
        border-top-left-radius: 16px;
        border-bottom-right-radius: 16px;
        border-top-right-radius: 2px;
        border-bottom-left-radius: 2px;
    }

    /* Core Spacing */
    .access-page-body {
        padding-top: 60px;
        padding-bottom: 80px;
        padding-left: 40px;
        padding-right: 40px;
    }

    /* Reusable Cards stack layout */
    .access-card {
        width: 100%;
        padding: 40px 60px;
        margin-bottom: 40px;
        border-radius: 20px;
        flex-direction: column;
        align-items: center;
        gap: 40px;
    }

    .access-card-left {
        width: 100%;
        padding-top: 0;
    }

    .access-card-right {
        width: 100%;
        height: auto;
        aspect-ratio: 16/10;
        max-width: 600px;
        border-radius: 15px;
    }

    .access-heading-row {
        margin-bottom: 24px;
    }

    .access-intro-bullets {
        margin-left: 0;
        margin-bottom: 24px;
    }

    /* Hours Section */
    .access-hours-section {
        width: 100%;
        height: auto;
        padding: 40px 40px;
        margin-bottom: 40px;
        border-radius: 20px;
        justify-content: flex-start;
        gap: 40px;
    }

    .access-hours-header {
        width: auto;
        height: auto;
        margin-bottom: 0;
    }

    .access-hours-title-block {
        height: auto;
        gap: 16px;
    }

    .access-hours-en-row {
        height: auto;
    }

    .access-hours-en-title {
        font-size: 36px;
    }

    .access-hours-jp-subtitle {
        font-size: 16px;
        line-height: 1.6;
        height: auto;
    }

    .access-info-grid {
        width: 100%;
        height: auto;
        flex-direction: column;
        align-items: center;
        gap: 48px;
        margin: 0;
    }

    .access-info-col-left,
    .access-info-col-right {
        width: 100%;
        height: auto;
        max-width: 600px;
        gap: 24px;
    }

    .access-info-col-right .access-info-block:nth-child(n) {
        height: auto;
        margin-bottom: 0;
    }

    .access-info-block {
        gap: 12px;
    }

    .access-info-heading {
        gap: 8px;
    }

    .access-info-bullet-bar {
        width: 5px;
        height: 24px;
        border-radius: 10px;
    }

    .access-info-heading h3,
    .access-info-heading h4 {
        font-size: 16px;
        letter-spacing: 0.8px;
    }

    .access-info-value,
    .access-schedule-row {
        font-size: 16px;
        letter-spacing: 0.8px;
    }

    .access-schedule-list {
        height: auto;
        gap: 4px;
        transform: none;
    }

    .access-schedule-row {
        height: auto;
        line-height: 1.6;
    }

    .access-schedule-ortho {
        margin-top: 0;
        gap: 0;
    }

    .access-info-col-right .access-info-block:nth-child(3) .access-info-heading h3 {
        transform: none;
    }

    .access-schedule-ortho .access-schedule-row {
        grid-template-columns: 6.4em 7.1em auto;
        line-height: 1.6;
    }

    .access-map-link-btn {
        width: 127.155px;
        min-width: 0;
        height: 30.396px;
        padding: 0 16px;
        gap: 5.758px;
        border-radius: 50px;
    }

    .access-map-link-btn span {
        font-size: 13px;
        letter-spacing: 0.65px;
    }

    .access-map-btn-icon {
        width: 14.4px;
        height: 14.4px;
    }

    .access-info-photo-block {
        width: 100%;
        max-width: 600px;
        height: auto;
        aspect-ratio: 1;
        border-radius: 15px;
    }

    /* Gallery and Schedule Tables Grid */
    .access-tables-grid {
        width: 100%;
        height: auto;
        flex-direction: column;
        align-items: center;
        gap: 60px;
    }

    .access-gallery-col {
        width: 100%;
        max-width: 600px;
        gap: 16px;
        align-items: center;
    }

    .access-gallery-main {
        width: 100%;
        height: auto;
        aspect-ratio: 1;
        border-radius: 15px;
    }

    .access-gallery-subs {
        gap: 16px;
    }

    .access-gallery-sub {
        width: calc(50% - 8px);
        height: auto;
        aspect-ratio: 254/177;
        border-radius: 15px;
    }

    .access-tables-col {
        width: 100%;
        height: auto;
        max-width: 631px;
        gap: 60px;
    }

    .access-table-group:first-child,
    .access-table-group.access-ortho-group {
        height: auto;
    }

    .access-table-header-wrap {
        height: auto;
    }

    .access-table thead tr,
    .access-table-group:not(.access-ortho-group) .access-table tbody tr,
    .access-ortho-group .access-table tbody tr:nth-child(n) {
        height: 61px;
    }

    .access-table th {
        vertical-align: middle;
        line-height: 1.6;
    }

    .access-table .symbol-circle {
        width: 18px;
        height: 18px;
    }

    .access-table .symbol-dash {
        width: 15px;
        height: 3px;
        border-radius: 3px;
    }

    .access-table-notes .note-item {
        height: auto;
        line-height: 1.6;
    }

    .access-table-title {
        gap: 8px;
        margin-bottom: 24px;
    }

    .access-bar-icon {
        width: 5px !important;
        height: 24px !important;
        border-radius: 10px !important;
    }

    .access-table-title h3 {
        font-size: 16px;
        letter-spacing: 0.8px;
    }

    /* Booking card buttons */
    .access-booking-buttons {
        flex-wrap: wrap;
        gap: 16px;
    }

    .access-booking-btn {
        height: 55px;
        padding: 16px 32px;
        flex: 1 1 calc(50% - 8px);
        min-width: 240px;
    }

    .access-booking-btn-icon {
        width: 28px;
        height: 28px;
    }

    .access-booking-btn-icon.btn-icon-calendar {
        width: 32px;
        height: 32px;
    }

    .access-booking-btn span {
        font-size: 16px;
    }

    .access-booking-btn.btn-green span {
        font-size: 18px;
    }

    /* Section 4 Access Map */
    .access-map-section {
        width: 100%;
        padding: 40px 40px;
        margin-bottom: 40px;
        border-radius: 20px;
    }

    .access-map-header {
        width: 100%;
        margin-bottom: 40px;
    }

    .access-map-en-title {
        font-size: 36px;
    }

    .access-map-jp-subtitle {
        font-size: 16px;
    }

    .access-map-wrapper {
        width: 100%;
        gap: 24px;
        margin: 0 0 40px;
    }

    .access-map-iframe-container {
        height: 400px;
        border-radius: 15px;
    }

    .access-methods-grid {
        width: 100%;
        flex-direction: column;
        align-items: center;
        gap: 40px;
        margin: 0;
    }

    .access-method-col {
        width: 100%;
        max-width: none;
        gap: 24px;
    }

    .access-method-heading {
        gap: 8px;
        margin-bottom: 0;
    }

    .access-method-title {
        font-size: 26px;
    }

    .access-method-content {
        padding-left: 0;
    }

    .access-method-intro-p {
        margin-bottom: 24px;
    }

    .access-method-subblock {
        gap: 12px;
        margin-bottom: 24px;
    }

    .access-method-intro-p,
    .access-method-desc-p {
        font-size: 16px;
        letter-spacing: 0.5px;
    }

    .access-method-intro-p.font-semibold-green {
        margin-bottom: 16px;
    }

    .access-time-list li.note-li {
        margin-top: 4px;
    }

    .access-route-steps {
        gap: 16px;
    }

    .access-route-steps li {
        gap: 10px;
    }

    .step-badge {
        width: 30px;
        height: 30px;
        font-size: 17px;
    }

    .step-text {
        font-size: 16px;
        letter-spacing: 0.5px;
        padding-top: 2px;
    }

    .step-small-note {
        font-size: 13px;
    }

    .access-map-en-row {
        gap: 8px;
        margin-bottom: 8px;
    }

    .access-map-lead,
    .access-map-address .address-text {
        font-size: 16px;
        letter-spacing: 0.5px;
    }

    .access-map-lead {
        margin-top: 16px;
    }

    .access-map-address {
        gap: 12px;
    }

    .access-map-google-btn {
        padding: 6px 14px;
        gap: 6px;
    }

    .access-map-google-btn span {
        font-size: 13px;
        letter-spacing: 0.65px;
    }

    /* Section 5 Button */
    .access-first-btn-wrapper {
        margin-top: 32px;
    }

    .access-first-btn {
        width: 280px;
        height: 52px;
        border-radius: 30px;
        gap: 14px;
        padding: 14px 28px;
    }

    .access-first-btn span {
        font-size: 16px;
    }

    .access-first-btn-arrow {
        width: 20px;
        height: 20px;
    }

    /* Section 6 Treatments & Areas Columns */
    .access-details-card {
        gap: 40px;
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .access-details-col {
        width: 100%;
    }

    .access-details-content {
        padding-left: 0;
    }

    .access-details-intro-p {
        margin-bottom: 20px;
    }

    .access-details-bullets {
        margin-bottom: 20px;
    }
}

@media (max-width: 768px) {

    .access-page-body {
        padding-left: 16px;
        padding-right: 16px;
        padding-top: 40px;
        padding-bottom: 60px;
    }

    .access-card {
        padding: 24px 16px;
        border-radius: 15px;
        gap: 24px;
        margin-bottom: 24px;
    }

    .access-card-right {
        border-radius: 10px;
    }

    .access-heading-row {
        margin-bottom: 20px;
    }

    .access-heading-title {
        font-size: 22px;
    }

    .access-intro-p,
    .access-intro-bullet-item,
    .access-info-value,
    .access-schedule-row,
    .step-text,
    .access-bring-title,
    .access-bring-outro-p,
    .access-details-intro-p,
    .access-details-bullet-item,
    .access-details-outro-p {
        font-size: 15px;
    }

    .access-schedule-general .access-schedule-row {
        grid-template-columns: 4.67em auto;
        column-gap: 8px;
    }

    .access-schedule-ortho .access-schedule-row {
        grid-template-columns: 6.8em 7.1em auto;
        column-gap: 8px;
    }

    .access-intro-bullets {
        gap: 12px;
        margin-bottom: 20px;
    }

    /* Section 5 Button */
    .access-first-btn-wrapper {
        margin-top: 24px;
        display: flex;
        justify-content: center;
        width: 100%;
    }

    .access-first-btn {
        width: 100%;
        max-width: 320px;
        height: 55px;
        border-radius: 30px;
    }

    .access-first-btn span {
        font-size: 16px;
    }

    .access-first-btn-arrow {
        width: 20px;
        height: 20px;
    }

    .access-booking-buttons {
        flex-direction: column;
        align-items: center;
    }

    .access-booking-btn {
        flex: 0 0 auto;
        width: 100%;
        min-width: 0;
        max-width: 360px;
    }

    /* Schedule table scroll wrapper to prevent clipping on small screens */
    .access-table-header-wrap {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 8px !important;
        margin-bottom: 12px !important;
    }

    .access-table-attention {
        display: none;
        align-items: center !important;
        gap: 4px !important;
        padding: 3px 8px !important;
        background-color: #f0fbf7 !important;
        border: 1px solid rgba(47, 170, 135, 0.35) !important;
        border-radius: 12px !important;
        color: #2faa87 !important;
        font-size: 11px !important;
        font-weight: 600 !important;
        line-height: 1.2 !important;
        letter-spacing: 0.2px !important;
        white-space: nowrap !important;
        box-shadow: 0 1px 4px rgba(47, 170, 135, 0.08) !important;
    }

    /* header-menu.js が、表がスクロールしない幅で is-hidden を付ける */
    .access-table-attention.sp-only.is-hidden {
        display: none !important;
    }

    .access-table-attention-arrow {
        font-size: 12px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        color: #2faa87 !important;
    }

    .access-table-title {
        margin-bottom: 0 !important;
    }

    .access-table-title h3 {
        font-size: 15px !important;
        line-height: 1.6 !important;
    }

    .access-bar-icon {
        height: 22px !important;
    }

    .access-table-wrapper {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        width: 100%;
        padding-bottom: 6px;
    }

    .access-table {
        width: 100% !important;
        table-layout: fixed !important;
        min-width: 290px !important;
        border-collapse: collapse !important;
    }

    .access-table th,
    .access-table td {
        height: 48px !important;
        font-size: 13px !important;
        letter-spacing: 0 !important;
        padding: 0 !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }

    .access-table th:first-child,
    .access-table td:first-child,
    .access-table th.time-col,
    .access-table td.time-col {
        width: 25% !important;
        min-width: 80px !important;
        max-width: 90px !important;
        box-sizing: border-box !important;
        padding: 0 2px !important;
        text-align: center !important;
        white-space: nowrap !important;
    }

    .access-table th:first-child,
    .access-table th.time-col {
        font-size: 13px !important;
        font-weight: 600 !important;
        padding: 4px 0 !important;
        border-bottom: 1.5px solid #2faa87 !important;
    }

    .access-table td:first-child,
    .access-table td.time-col {
        font-size: 12px !important;
        font-weight: 600 !important;
        letter-spacing: 0 !important;
        color: #2faa87 !important;
        padding: 2px 2px !important;
        border-bottom: 1px solid #2faa87 !important;
    }

    .access-table th:not(:first-child) {
        width: 9.375% !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        padding: 4px 0 !important;
        border-bottom: 1.5px solid #2faa87 !important;
    }

    .access-table td:not(:first-child) {
        width: 9.375% !important;
        padding: 2px 0 !important;
        border-bottom: 1px solid #2faa87 !important;
    }

    .access-table .symbol-circle,
    .access-table .symbol-dash {
        font-size: 0 !important;
        line-height: 1 !important;
    }

    .access-table .symbol-circle {
        width: 14px;
        height: 14px;
    }

    .access-table .symbol-dash {
        width: 12px;
        height: 2px;
        border-radius: 2px;
    }

    .access-table .symbol-star {
        width: 14px !important;
        height: 14px !important;
        margin: 0 auto !important;
    }

    .access-table .sat-wrapper,
    .access-table .sun-wrapper {
        gap: 1px !important;
    }

    .access-table .sat-note {
        font-size: 10px !important;
        line-height: 1.2 !important;
        letter-spacing: 0 !important;
        white-space: nowrap !important;
    }

    .access-table .sun-note {
        font-size: 10px !important;
        line-height: 1.2 !important;
        letter-spacing: 0 !important;
        white-space: nowrap !important;
    }

    /* Hours and Map section spacing */
    .access-hours-section,
    .access-map-section {
        padding: 32px 16px;
        border-radius: 15px;
        margin-bottom: 24px;
    }

    .access-map-header {
        margin-bottom: 24px;
    }

    .access-hours-header {
        margin-bottom: 0;
    }

    .access-hours-en-title,
    .access-map-en-title {
        font-size: 28px;
    }

    .access-hours-jp-subtitle,
    .access-map-jp-subtitle {
        font-size: 15px;
    }

    .access-map-lead {
        font-size: 15px;
        margin-top: 16px;
    }

    .access-info-heading h3,
    .access-info-heading h4 {
        font-size: 15px;
    }

    .access-info-block {
        gap: 10px;
    }

    .access-info-bullet-bar {
        height: 22px;
    }

    .access-info-grid {
        gap: 32px;
        margin: 0;
    }

    .access-info-photo-block {
        border-radius: 10px;
    }

    .access-gallery-main,
    .access-gallery-sub {
        border-radius: 10px;
    }

    .access-tables-col {
        gap: 40px;
    }

    .access-map-wrapper {
        gap: 16px;
        margin-bottom: 24px;
    }

    .access-map-address {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 12px;
    }

    .access-map-address .address-text {
        font-size: 15px;
    }

    .access-map-iframe-container {
        height: 300px;
        border-radius: 10px;
    }

    .access-methods-grid {
        gap: 32px;
    }

    .access-method-col {
        gap: 16px;
    }

    .access-method-title {
        font-size: 22px;
    }

    .access-method-intro-p {
        margin-bottom: 16px;
    }

    .access-method-subblock {
        gap: 10px;
        margin-bottom: 16px;
    }

    .access-method-intro-p,
    .access-method-desc-p {
        font-size: 15px;
    }

    .step-small-note {
        font-size: 12px;
    }

    .access-time-list li {
        font-size: 15px;
    }

    .access-route-steps {
        gap: 16px;
    }

    .access-details-card {
        padding: 32px 16px;
    }

    .access-details-bullets {
        gap: 12px;
    }

    /* 1800px 以下の vw 指定が SP で極端に小さくならないよう px に戻す */
    .access-heading-row {
        gap: 8px;
    }

    .access-intro-p {
        margin-bottom: 16px;
        margin: 0 0 16px 0;
    }

    .access-intro-bullets {
        gap: 16px;
    }

    .access-intro-bullet-item {
        gap: 8px;
    }

    .access-intro-bullet {
        width: 6px;
        height: 6px;
    }

    .access-hours-en-row {
        gap: 8px;
    }

    .access-booking-btn {
        gap: 16px;
    }

    .access-bring-block {
        gap: 16px;
    }

    .access-details-bullets {
        gap: 16px;
        margin-bottom: 16px;
        margin: 0 0 16px 0;
    }

    .access-details-bullet-item {
        gap: 8px;
    }

    .access-details-bullets.accent-bullets {
        gap: 16px;
        margin-bottom: 16px;
    }

    .access-bring-block .access-intro-bullets {
        gap: 16px;
    }

    .access-booking-buttons {
        margin-top: 16px;
    }
}

@media (max-width: 590px) {





    .sub-mv-leaf-decor,
    .access-heading-leaf {
        width: 18px;
        height: 18px;
        border-top-left-radius: 20px;
        border-bottom-right-radius: 20px;
        border-top-right-radius: 2px;
        border-bottom-left-radius: 2px;
    }

    /* Small font size adjustments */
    .access-heading-title,
    .access-method-title {
        font-size: 20px;
    }

    .access-intro-p,
    .access-intro-bullet-item,
    .access-info-value,
    .access-schedule-row,
    .step-text,
    .access-bring-title,
    .access-bring-outro-p,
    .access-details-intro-p,
    .access-details-bullet-item,
    .access-details-outro-p {
        font-size: 14px;
    }

    .access-info-col-left,
    .access-info-col-right {
        gap: 20px;
    }

    .access-info-block {
        gap: 8px;
    }

    .access-info-bullet-bar {
        width: 4px;
        height: 20px;
    }

    .access-bar-icon {
        width: 4px !important;
        height: 20px !important;
    }

    .access-method-intro-p,
    .access-method-desc-p {
        font-size: 14px;
        letter-spacing: 0.3px;
    }

    .access-method-intro-p.font-semibold-green {
        margin-bottom: 12px;
    }

    .access-map-lead {
        text-align: left;
    }

    .access-route-steps {
        gap: 12px;
    }

    .step-badge {
        width: 26px;
        height: 26px;
        font-size: 15px;
    }

    .step-text {
        padding-top: 1px;
    }
}

@media (max-width: 380px) {
    .access-schedule-ortho .access-schedule-row {
        grid-template-columns: 6.2em 6.6em auto;
        column-gap: 6px;
    }
}