@charset "UTF-8";

/* --------------------------------------------------------------------------
OFFICE
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
    .office-section {
    }
    .office-section__inner {
    }
    .office-section__body {
    }
    .office-column-list-item-full {
        width: 100%;
    }
    .network-map {
        margin-top: calc(42 / var(--font) * 1rem);
    }
    .network-map__inner {
        display: flex;
        justify-content: space-between;
        border: solid 1px var(--c-gray-c9);
    }
    .network-map-img {
        position: relative;
        width: 100%;
        max-width: calc(500 / var(--font) * 1rem);
    }
    .network-map-img__content {
        height: 100%;
        display: flex;
        align-items: center;
        background: var(--c-gray-eb);
    }
    .mc-img {
    }
    .network-map-img-heading {
        position: absolute;
        top: 0;
        left: 0;
    }
    .network-map-img-heading__inner {
        background: var(--c-main);
        display: inline-block;
        padding: calc(10 / var(--font) * 1rem) calc(32 / var(--font) * 1rem);
    }
    .network-map-img-heading__label {
        color: var(--c-white);
        font-family: var(--f-zen-kaku);
        font-size: calc(20 / var(--font) * 1rem);
        font-weight: bold;
        font-feature-settings: "palt";
        line-height: 1.5;
        letter-spacing: calc(30 / 1000 * 1em);
    }
    .network-map-read {
        width: 100%;
        max-width: calc(574 / var(--font) * 1rem);
    }
    .network-map-read__inner {
        padding: 0 calc(20 / var(--font) * 1rem);
        height: 100%;
        display: flex;
        align-items: center;
    }
    .network-map-read__body {
        width: 100%;
        padding: calc(20 / var(--font) * 1rem) 0;
    }
    .network-map-read__heading {
    }
    .network-map-read .mc-co-header-lv2-text::before {
        margin-top: calc(12 / var(--font) * 1rem);
        margin-right: calc(16 / var(--font) * 1rem);
    }
    .network-map-read .mc-co-header-lv2-text__label {
        font-size: calc(16 / var(--font) * 1rem);
        font-weight: 500;
    }
    .network-map-read__content {
    }
    .network-map-area-list__container {
    }
    .network-map-area-list {
        display: flex;
        flex-wrap: wrap;
        gap: calc(18 / var(--font) * 1rem);
    }
    .network-map-area-list-item {
        width: calc((100% - (18 / var(--font) * 1rem)) / 2);
        --area-bg: #;
        --area-txt: #;
    }
    .network-map-area-list-item--tokyo {
        --area-bg: var(--c-black);
        --area-txt: var(--c-white);
        --area-border: var(--area-bg);
    }
    .network-map-area-list-item--tohoku {
        --area-bg: var(--c-gray-999);
        --area-txt: var(--c-white);
        --area-border: var(--area-bg);
    }
    .network-map-area-list-item--chubu {
        --area-bg: var(--c-gray-c9);
        --area-txt: var(--c-black);
        --area-border: var(--area-bg);
    }
    .network-map-area-list-item--western {
        --area-bg: var(--c-white);
        --area-txt: var(--c-black);
        --area-border: var(--area-txt);
    }
    .network-map-area {
    }
    .network-map-area-heading {

    }
    .network-map-area-heading__inner {
        background: var(--area-bg);
        border: solid 1px var(--area-border);
        padding: calc(1.5 / var(--font) * 1rem) calc(14 / var(--font) * 1rem);
    }
    .network-map-area-heading__label {
        color: var(--area-txt);
        font-size: calc(13 / var(--font) * 1rem);
        line-height: 1.5;
    }
    .network-map-area-detail-list__container {
    }
    .network-map-area-detail-list {
        display: flex;
        flex-wrap: wrap;
        gap: 0 calc(20 / var(--font) * 1rem);
    }
    .network-map-area-detail-list-item {
        width: calc((100% - (20 / var(--font) * 1rem)) / 2);
    }
    .network-map-area-detail {
        border-bottom: solid 1px var(--c-gray-c9);
        padding: calc(14 / var(--font) * 1rem) 0;
    }
    .network-map-area-detail__inner {
        display: flex;
        align-items: start;
    }
    .network-map-area-detail-num {
        width: calc(18 / var(--font) * 1rem);
        aspect-ratio: 1 / 1;
        background: var(--area-bg);
        border: solid 1px var(--area-border);
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: calc(8 / var(--font) * 1rem);
        flex-shrink: 0;
    }
    .network-map-area-detail-num__label {
        display: block;
        color: var(--area-txt);
        font-size: calc(11 / var(--font) * 1rem);
        line-height: 1;
        margin-bottom: calc(1 / var(--font) * 1rem);
    }
    .network-map-area-detail-text {
    }
    .network-map-area-detail-text__label {
        display: block;
        font-size: calc(13 / var(--font) * 1rem);
        line-height: 1.5;
    }
}
@media all and (max-width: 767px) {
    .office-section {
    }
    .office-section__inner {
    }
    .office-section__body {
    }
    .office-column-list-item-full {
        width: 100%;
    }
    .network-map {
        margin-top: calc(42 / var(--font) * 1rem);
    }
    .network-map__inner {
        border: solid 1px var(--c-gray-c9);
    }
    .network-map-img {
        position: relative;
        width: 100%;
    }
    .network-map-img__content {
        height: 100%;
        display: flex;
        align-items: center;
        background: var(--c-gray-eb);
    }
    .mc-img {
    }
    .network-map-img-heading {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }
    .network-map-img-heading__inner {
        background: var(--c-main);
        display: inline-block;
        padding: calc(6 / var(--font) * 1rem) calc(23 / var(--font) * 1rem);
    }
    .network-map-img-heading__label {
        color: var(--c-white);
        font-family: var(--f-zen-kaku);
        font-size: calc(14 / var(--font) * 1rem);
        font-weight: bold;
        font-feature-settings: "palt";
        line-height: 1.5;
        letter-spacing: calc(30 / 1000 * 1em);
        white-space: nowrap;
    }
    .network-map-read {
        width: 100%;
        max-width: calc(574 / var(--font) * 1rem);
    }
    .network-map-read__inner {
        padding: 0 calc(15 / var(--font) * 1rem);
        height: 100%;
        display: flex;
        align-items: center;
    }
    .network-map-read__body {
        width: 100%;
        padding: calc(12 / var(--font) * 1rem) 0 calc(20 / var(--font) * 1rem);
    }
    .network-map-read__heading .mc-co-header-lv2 {
        margin-bottom: calc(13 / var(--font) * 1rem);
    }
    .network-map-read .mc-co-header-lv2-text::before {
        margin-top: calc(12 / var(--font) * 1rem);
        margin-right: calc(16 / var(--font) * 1rem);
    }
    .network-map-read .mc-co-header-lv2-text__label {
        font-size: calc(16 / var(--font) * 1rem);
        font-weight: 500;
    }
    .network-map-read__content {
    }
    .network-map-area-list__container {
    }
    .network-map-area-list {
        display: flex;
        flex-wrap: wrap;
        gap: calc(20 / var(--font) * 1rem) calc(16 / var(--font) * 1rem);
    }
    .network-map-area-list-item {
        width: calc((100% - (16 / var(--font) * 1rem)) / 2);
        --area-bg: #;
        --area-txt: #;
    }
    .network-map-area-list-item--tokyo {
        --area-bg: var(--c-black);
        --area-txt: var(--c-white);
        --area-border: var(--area-bg);
    }
    .network-map-area-list-item--tohoku {
        --area-bg: var(--c-gray-999);
        --area-txt: var(--c-white);
        --area-border: var(--area-bg);
    }
    .network-map-area-list-item--chubu {
        --area-bg: var(--c-gray-c9);
        --area-txt: var(--c-black);
        --area-border: var(--area-bg);
    }
    .network-map-area-list-item--western {
        --area-bg: var(--c-white);
        --area-txt: var(--c-black);
        --area-border: var(--area-txt);
    }
    .network-map-area {
    }
    .network-map-area-heading {
    }
    .network-map-area-heading__inner {
        background: var(--area-bg);
        border: solid 1px var(--area-border);
        padding: calc(1 / var(--font) * 1rem) calc(8 / var(--font) * 1rem);
        padding-left: calc(15 / var(--font) * 1rem);
    }
    .network-map-area-heading__label {
        color: var(--area-txt);
        font-size: calc(12 / var(--font) * 1rem);
        line-height: 1.5;
    }
    .network-map-area-detail-list__container {
    }
    .network-map-area-detail-list {
    }
    .network-map-area-detail-list-item {
        width: 100%;
    }
    .network-map-area-detail {
        border-bottom: solid 1px var(--c-gray-c9);
        padding: calc(5 / var(--font) * 1rem) 0;
    }
    .network-map-area-detail__inner {
        display: flex;
        align-items: start;
    }
    .network-map-area-detail-num {
        width: calc(14 / var(--font) * 1rem);
        aspect-ratio: 1 / 1;
        background: var(--area-bg);
        border: solid 1px var(--area-border);
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: calc(3 / var(--font) * 1rem);
        margin-right: calc(8 / var(--font) * 1rem);
        flex-shrink: 0;
    }
    .network-map-area-detail-num__label {
        display: block;
        color: var(--area-txt);
        font-size: calc(10 / var(--font) * 1rem);
        line-height: 1;
    }
    .network-map-area-detail-text {
    }
    .network-map-area-detail-text__label {
        display: block;
        font-size: calc(13 / var(--font) * 1rem);
        line-height: 1.5;
    }
}

/* --------------------------------------------------------------------------
OFFICE
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
    .access-section {
    }
    .access-section__inner {
    }
    .access-section__body {
    }
}