@charset "UTF-8";
@font-face {
    font-family: icons;
    src: url(/_assets/fonts/icons.woff2?e56f4cdbb7665962d6a3247ee8713bba) format("woff2")
}
[class^=icon-]:before, [class*=" icon-"]:before {
    font-family: icons !important;
    font-style: normal;
    font-weight: 400 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.icon-zoom-out:before {
    content: ""
}
.icon-zoom-in:before {
    content: ""
}
.icon-to-top:before {
    content: ""
}
.icon-ticket:before {
    content: ""
}
.icon-plus:before {
    content: ""
}
.icon-minus:before {
    content: ""
}
.icon-info:before {
    content: ""
}
.icon-external:before {
    content: ""
}
.icon-copy:before {
    content: ""
}
.icon-copy-complete:before {
    content: ""
}
.icon-close:before {
    content: ""
}
.icon-chevron-right:before {
    content: ""
}
.icon-chevron-left:before {
    content: ""
}
.icon-calendar:before {
    content: ""
}
.icon-attention:before {
    content: ""
}
.icon-attention-fill:before {
    content: ""
}
.icon-arrow-circle-right:before {
    content: ""
}
.icon-arrow-circle-right-fill:before {
    content: ""
}
.icon-arrow-circle-bottom:before {
    content: ""
}
:root {
    --color-yamatane-blue: #003C88;
    --color-line-blue: rgba(0, 60, 136, .1);
    --color-red: #870E00;
    --color-green: #6D8700;
    --color-yellow: #FFE280;
    --color-dark-yellow: #876900;
    --color-orange: #E5BB8A;
    --color-gray: #D9D9D9;
    --color-light-gray: rgba(217, 217, 217, .3)
}
:root {
    --const-max-width: 1650px;
    --const-header-nav-height: 272px;
    --const-menu-duration: .2s ease-out
}
@media (max-width: 1023px) {
    :root {
        --const-header-width: 60px
    }
}
@media (min-width: 1024px) {
    :root {
        --const-toolbar-width: 135px
    }
}
:root {
    --easing-base: cubic-bezier(.8, 0, .3, 1);
    --easing-fade: cubic-bezier(.19, .49, .59, .9)
}
@font-face {
    font-family: Apfel Grotezk;
    src: url(/_assets/fonts/ApfelGrotezk-Regular.woff2) format("woff2"), url(/_assets/fonts/ApfelGrotezk-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: Apfel Grotezk;
    src: url(/_assets/fonts/ApfelGrotezk-Mittel.woff2) format("woff2"), url(/_assets/fonts/ApfelGrotezk-Mittel.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}
:root {
    --font-ja: "Zen Kaku Gothic Antique", sans-serif;
    --font-en: "Apfel Grotezk", "Zen Kaku Gothic Antique", sans-serif;
    --font-universal: -apple-system, BlinkMacSystemFont, sans-serif
}
@media (max-width: 1023px) {
    :root {
        --font-size-jumbo-title: 52px;
        --font-size-hero-title: 42px;
        --font-size-large-heading: 34px;
        --font-size-medium-heading: 27px;
        --font-size-small-heading: 22px;
        --font-size-large-text: 18px;
        --font-size-medium-text: 15px;
        --font-size-small-text: 13px;
        --font-size-caption: 11px;
        --font-size-small-caption: 10px
    }
}
@media (min-width: 1024px) {
    :root {
        --font-size-jumbo-title: 64px;
        --font-size-hero-title: 52px;
        --font-size-large-heading: 42px;
        --font-size-medium-heading: 34px;
        --font-size-small-heading: 27px;
        --font-size-large-text: 22px;
        --font-size-medium-text: 18px;
        --font-size-small-text: 15px;
        --font-size-caption: 13px;
        --font-size-small-caption: 11px
    }
}
@media (max-width: 1023px) {
    :root {
        --unit-1: 5px;
        --unit-2: 10px;
        --unit-3: 15px;
        --unit-4: 20px;
        --unit-5: 25px;
        --unit-6: 30px;
        --unit-7: 35px;
        --unit-8: 40px;
        --unit-9: 45px;
        --unit-10: 50px;
        --unit-12: 60px;
        --unit-14: 70px;
        --unit-16: 80px;
        --unit-18: 90px;
        --unit-20: 100px;
        --unit-24: 120px
    }
}
@media (min-width: 1024px) {
    :root {
        --unit-1: 9px;
        --unit-2: 18px;
        --unit-3: 27px;
        --unit-4: 36px;
        --unit-5: 45px;
        --unit-6: 54px;
        --unit-7: 63px;
        --unit-8: 72px;
        --unit-9: 81px;
        --unit-10: 90px;
        --unit-12: 108px;
        --unit-14: 126px;
        --unit-16: 144px;
        --unit-18: 162px;
        --unit-20: 180px;
        --unit-24: 216px
    }
}
:root {
    --z-index-ui: 11;
    --z-index-viewer: 12;
    --z-index-menu: 13
}
@media (max-width: 1023px) {
    :root {
        --z-index-toolbar: 14
    }
}
@media (min-width: 1024px) {
    :root {
        --z-index-toolbar: 11
    }
}
:root {
    --leading-trim: calc((1em - 1lh)/2)
}
*, :before, :after {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}
:where(body, p, h1, h2, h3, h4, h5, h6, figure, dl, dd, ol, ul, li, fieldset, legend, hr) {
    margin: 0
}
:where(dl, dd, ol, ul, li, fieldset, legend, button) {
    padding: 0
}
:where(ol, ul, li) {
    list-style: none
}
:where(input, select) {
    vertical-align: middle;
    border-radius: 0
}
:where(img) {
    vertical-align: top
}
:where(fieldset, hr, button) {
    border: 0
}
:where(fieldset) {
    min-width: 0
}
:where(svg, legend) {
    display: block
}
:where(blockquote) {
    margin: auto
}
:where(button) {
    background: transparent;
    appearance: none;
    cursor: pointer;
    font-family: inherit;
    font-size: inherit
}
:where(a) {
    text-decoration: none;
    color: inherit
}
html {
    scroll-behavior: smooth;
    overscroll-behavior-x: none
}
body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    word-break: break-word
}
html[lang=ja] body {
    letter-spacing: .03em;
    font-family: var(--font-ja)
}
html:not([lang=ja]) body {
    letter-spacing: normal;
    font-family: var(--font-universal)
}
input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none
}
address {
    font-style: normal
}
[popover] {
    border: none
}
[class^=icon-]:before, [class*=" icon-"]:before {
    display: inline-flex;
    width: var(--iconfont-size);
    height: var(--iconfont-size);
    font-size: var(--iconfont-size)
}
@media (max-width: 1023px) {
    [class*=icon-]:before {
        --iconfont-size: 24px
    }
}
@media (min-width: 1024px) {
    [class*=icon-]:before {
        --iconfont-size: 40px
    }
}
.js-accordion {
    overflow: clip
}
.js-accordion.is-disabled {
    overflow: visible
}
@media (max-width: 1023px) {
    .js-accordion:not(.is-disabled) summary {
        display: flex;
        justify-content: space-between
    }
    .js-accordion:not(.is-disabled) summary:after {
        font-size: 24px;
        color: var(--color-yamatane-blue);
        margin: 12px 12px 0 0
    }
    .js-accordion:not(.is-disabled) summary:after {
        content: "";
        font-family: icons !important;
        font-style: normal;
        font-weight: 400 !important;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }
    .js-accordion[open] summary:after {
        content: "";
        font-family: icons !important;
        font-style: normal;
        font-weight: 400 !important;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }
}
.js-inview:not(.is-without-style) {
    opacity: 0;
    transition: transform .9s ease-out, opacity .6s ease-out
}
.js-inview:not(.is-without-style).is-inview {
    opacity: 1
}
.js-masonry {
    container-type: inline-size;
    display: grid;
    gap: 18px
}
@media (max-width: 1023px) {
    .js-masonry {
        grid-template-columns: repeat(2, 1fr)
    }
    .js-masonry-item[data-ratio=square] {
        grid-column: span 2
    }
    .js-masonry-item[data-ratio=portrait] {
        grid-column: span 1;
        max-width: none
    }
    .js-masonry-item[data-ratio=landscape], .js-masonry-item[data-ratio=wide] {
        grid-column: span 2
    }
    .js-masonry-item[data-ratio=narrow] {
        grid-column: span 1
    }
}
@media (min-width: 1024px) {
    .js-masonry {
        grid-template-columns: repeat(4, 1fr)
    }
    .js-masonry-item[data-ratio=square] {
        grid-column: span 2
    }
    .js-masonry-item[data-ratio=portrait] {
        grid-column: span 1;
        max-width: none
    }
    .js-masonry-item[data-ratio=landscape] {
        grid-column: span 2
    }
    .js-masonry-item[data-ratio=wide] {
        grid-column: span 4
    }
    .js-masonry-item[data-ratio=narrow] {
        grid-column: span 1
    }
}
.l-archive {
    border-top: 1px solid var(--color-line-blue)
}
.l-archive__subtitle {
    letter-spacing: 0;
    font-weight: 500;
    font-size: var(--font-size-caption);
    padding-inline: var(--unit-1)
}
.l-archive__nav, .l-archive__nav-sticky {
    display: flex;
    flex-direction: column
}
.l-archive__nav>*, .l-archive__nav-sticky>* {
    padding-bottom: var(--unit-2)
}
.l-archive__nav>*:not(:first-child), .l-archive__nav-sticky>*:not(:first-child) {
    margin-top: var(--unit-3);
    border-top: 1px solid var(--color-line-blue)
}
.l-archive__main {
    margin-top: var(--unit-12);
    border-top: 1px solid var(--color-line-blue)
}
.l-archive__list>li {
    border-top: 1px solid var(--color-line-blue)
}
.l-archive__list>li:first-child {
    border-top: none
}
.l-archive__link {
    border-top: 1px solid var(--color-line-blue);
    padding: var(--unit-3) var(--unit-1) 0
}
@media (max-width: 1023px) {
    .l-archive {
        margin-top: var(--unit-12);
        padding-bottom: var(--unit-8)
    }
    .l-archive__hero {
        margin-bottom: var(--unit-12)
    }
    .l-section summary+.l-archive__nav {
        padding-bottom: var(--unit-2)
    }
    .l-archive__content {
        border-top: 1px solid var(--color-line-blue)
    }
    .l-archive__subtitle:first-child {
        padding-top: var(--unit-2)
    }
    .l-archive__list>li {
        padding-block: var(--unit-3)
    }
}
@media (min-width: 1024px) {
    .l-archive {
        margin-top: var(--unit-14)
    }
    .l-archive__nav>* {
        padding-bottom: var(--unit-2)
    }
    .l-archive__nav>*:not(:first-child) {
        margin-top: var(--unit-3)
    }
    .l-archive__nav-sticky {
        position: sticky;
        top: 0;
        left: 0
    }
    .l-archive__content:has(.l-archive__subtitle) {
        padding-top: var(--unit-2)
    }
    .l-archive__list>li {
        padding-block: var(--unit-2)
    }
}
.l-article {
    display: grid
}
.l-article__header {
    display: flex;
    flex-direction: column;
    gap: var(--unit-2);
    padding-inline: var(--unit-1)
}
.l-article__period {
    display: flex;
    align-items: center;
    gap: var(--unit-3);
    font-weight: 500;
    padding-inline: var(--unit-1);
    line-height: 1
}
.l-article__period p {
    display: flex;
    align-items: center;
    gap: var(--unit-1);
    letter-spacing: 0
}
.l-article__period time {
    font-family: var(--font-en);
    font-weight: 400;
    letter-spacing: .02em
}
.l-article__category {
    font-weight: 500
}
.l-article__title {
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: 0
}
.l-article__hero img {
    width: 100%
}
.l-article__anchor {
    line-height: 1.3;
    font-weight: 500
}
.l-article__anchor>li {
    padding: var(--unit-1);
    border-top: 1px solid var(--color-line-blue)
}
.l-article__anchor a:before {
    align-self: flex-start
}
.l-article__content {
    padding-bottom: var(--unit-6);
    margin-top: var(--unit-6)
}
.l-article__content:before {
    content: "";
    display: block;
    height: 1px;
    background-color: var(--color-line-blue)
}
.l-article__link {
    border-top: 1px solid var(--color-line-blue);
    padding: var(--unit-3) var(--unit-1) 0;
    margin-top: var(--unit-6)
}
@media (max-width: 1023px) {
    .l-article__term .c-label-term {
        letter-spacing: 0;
        font-size: var(--font-size-small-heading)
    }
    .l-article__term .c-label-term span {
        font-size: var(--font-size-small-text)
    }
    .l-article__period {
        margin-top: var(--unit-3);
        font-size: 11px
    }
    .l-article__period time {
        font-size: 13px
    }
    .l-article__category {
        font-size: var(--font-size-caption)
    }
    .l-article__hero {
        margin-top: var(--unit-3)
    }
    .l-article__anchor {
        margin-top: var(--unit-6)
    }
    .l-article__anchor>li {
        margin-top: var(--unit-2)
    }
}
@media (min-width: 1024px) {
    .l-article {
        grid-template-columns: repeat(3, 1fr)
    }
    .l-article__header, .l-article__hero, .l-article__period, .l-article__anchor, .l-article__category {
        grid-column: 1/3
    }
    .l-article__period {
        margin-top: var(--unit-3);
        font-size: var(--font-size-caption)
    }
    .l-article__period time {
        font-size: var(--font-size-small-text)
    }
    .l-article__category {
        font-size: var(--font-size-caption)
    }
    .l-article__title {
        font-size: var(--font-size-large-heading)
    }
    .l-article__hero {
        margin-top: var(--unit-3)
    }
    .l-article__hero img {
        width: calc(100% - 2px)
    }
    .l-article__anchor {
        margin-top: var(--unit-6)
    }
    .l-article__content {
        grid-column: 1/4
    }
    .l-article__content:before {
        width: 66.6666%
    }
}
.l-col-grid {
    position: fixed;
    display: flex;
    justify-content: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: -1
}
.l-col-grid span {
    max-width: var(--const-max-width);
    width: inherit;
    height: inherit;
    border-left: 1px solid var(--color-line-blue);
    border-right: 1px solid var(--color-line-blue)
}
@media (max-width: 1023px) {
    .l-col-grid {
        --gutter-size: 60px;
        padding-left: var(--gutter-size)
    }
    html[data-browser=firefox] .l-col-grid span {
        background-image: linear-gradient(var(--color-line-blue), var(--color-line-blue));
        background-size: 1px 100%;
        background-repeat: no-repeat;
        background-position: 50% 0
    }
    html:not([data-browser=firefox]) .l-col-grid span {
        background-image: linear-gradient(to right, transparent 0%, transparent calc(50% - .5px), var(--color-line-blue) calc(50% - .5px), var(--color-line-blue) calc(50% + .5px), transparent calc(50% + .5px), transparent 100%)
    }
}
@media (min-width: 1024px) {
    .l-col-grid {
        --gutter-size: 135px;
        padding-inline: var(--gutter-size)
    }
    html[data-browser=firefox] .l-col-grid span {
        background-image: linear-gradient(var(--color-line-blue), var(--color-line-blue)), linear-gradient(var(--color-line-blue), var(--color-line-blue)), linear-gradient(var(--color-line-blue), var(--color-line-blue));
        background-size: 1px 100%, 1px 100%, 1px 100%;
        background-repeat: no-repeat, no-repeat, no-repeat;
        background-position: 25% 0, 50% 0, 75% 0
    }
    html:not([data-browser=firefox]) .l-col-grid span {
        background-image: linear-gradient(to right, transparent 0%, transparent calc(25% - .5px), var(--color-line-blue) calc(25% - .5px), var(--color-line-blue) calc(25% + .5px), transparent calc(25% + .5px), transparent calc(50% - .5px), var(--color-line-blue) calc(50% - .5px), var(--color-line-blue) calc(50% + .5px), transparent calc(50% + .5px), transparent calc(75% - .5px), var(--color-line-blue) calc(75% - .5px), var(--color-line-blue) calc(75% + .5px), transparent calc(75% + .5px), transparent 100%)
    }
}
.l-container {
    display: grid
}
@media (max-width: 1023px) {
    .l-container {
        grid-template-columns: auto 1fr
    }
}
@media (min-width: 1024px) {
    .l-container {
        grid-template-columns: auto 1fr auto
    }
}
.l-exhibition-intro {
    display: flex;
    flex-direction: column;
    font-size: var(--font-size-medium-text);
    line-height: 1.9
}
.l-exhibition-intro__text, .l-exhibition-intro__link {
    padding-inline: var(--unit-1)
}
.l-exhibition-intro__content {
    font-size: var(--font-size-small-text);
    display: grid;
    row-gap: var(--unit-6)
}
.l-exhibition-intro__content>h2, .l-exhibition-intro__content>h3, .l-exhibition-intro__content>h4, .l-exhibition-intro__content>h5, .l-exhibition-intro__content>h6, .l-exhibition-intro__content>p:not(:has(iframe)), .l-exhibition-intro__content>ul, .l-exhibition-intro__content>ol, .l-exhibition-intro__content>*:not([class]):not(table):not(:has(iframe)) {
    padding-inline: var(--unit-1)
}
.l-exhibition-intro__content>h2, .l-exhibition-intro__content>h3, .l-exhibition-intro__content>h4, .l-exhibition-intro__content>h5, .l-exhibition-intro__content>h6 {
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0;
    margin-top: var(--unit-2)
}
.l-exhibition-intro__content>h2 {
    font-size: var(--font-size-small-heading)
}
.l-exhibition-intro__content>h3 {
    font-size: var(--font-size-large-text)
}
.l-exhibition-intro__content>p {
    line-height: 1.9;
    font-size: var(--font-size-small-text)
}
.o-wysiwyg.-size-wide .l-exhibition-intro__content>p {
    font-size: var(--font-size-medium-text)
}
.l-exhibition-intro__content>p:has(img) {
    display: flex;
    justify-content: center;
    gap: var(--unit-2)
}
.l-exhibition-intro__content>p:has(img) img {
    flex: 1;
    width: calc(50% - var(--unit-2));
    height: auto
}
.l-exhibition-intro__content>p:has(img) img:first-child:last-child {
    width: 100%
}
.l-exhibition-intro__content>p>iframe:only-child {
    border: 0;
    vertical-align: top;
    width: calc(100% - 2px);
    height: 100%;
    object-fit: cover
}
.l-exhibition-intro__content>p:has(>iframe:only-child) {
    aspect-ratio: 16/9
}
.l-exhibition-intro__content>ul, .l-exhibition-intro__content>ol {
    display: flex;
    flex-direction: column;
    gap: var(--unit-1);
    line-height: 1.75
}
.l-exhibition-intro__content>ul>li, .l-exhibition-intro__content>ol>li {
    display: flex
}
.l-exhibition-intro__content>ul>li:before {
    content: "";
    width: 5px;
    height: 5px;
    aspect-ratio: 1;
    clip-path: circle(50%);
    background-color: #000;
    border-radius: 50%;
    margin-top: calc(.5lh - 2.5px);
    margin-right: var(--unit-1)
}
.l-exhibition-intro__content>ol {
    counter-reset: num;
    counter-set: num
}
.l-exhibition-intro__content>ol>li {
    counter-increment: num
}
.l-exhibition-intro__content>ol>li:before {
    content: counter(num) ".";
    white-space: nowrap;
    margin-right: var(--unit-1);
    text-align: right
}
.l-exhibition-intro__content a {
    color: var(--color-yamatane-blue);
    text-decoration: none;
    transition: opacity .2s var(--easing-base)
}
@media (hover: hover) {
    .l-exhibition-intro__content a:hover {
        opacity: .7
    }
}
.l-exhibition-intro__content a[target=_blank]:after {
    content: "";
    font-family: icons !important;
    font-style: normal;
    font-weight: 400 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.l-exhibition-intro__content b, .l-exhibition-intro__content strong {
    font-weight: 500
}
.l-exhibition-intro__content s, .l-exhibition-intro__content del {
    text-decoration: line-through
}
.l-exhibition-intro__content em, .l-exhibition-intro__content i {
    font-style: italic
}
.l-exhibition-intro__content>table {
    border: none
}
.l-exhibition-intro__content>table>colgroup {
    display: none
}
.l-exhibition-intro__content>table tr, .l-exhibition-intro__content>table th, .l-exhibition-intro__content>table td {
    border: none
}
.l-exhibition-intro__content>table tr {
    border-top: 1px solid var(--color-line-blue)
}
.l-exhibition-intro__content>table th, .l-exhibition-intro__content>table td:first-of-type {
    font-weight: 500
}
.l-exhibition-intro__content>table th, .l-exhibition-intro__content>table td {
    vertical-align: top;
    border-color: var(--color-line-blue);
    line-height: 1.6
}
.l-exhibition-intro__content>blockquote {
    padding-left: var(--unit-2);
    border-left: 2px solid var(--color-yamatane-blue);
    line-height: 1.9;
    font-size: var(--font-size-medium-text)
}
.l-exhibition-intro__content iframe {
    width: calc(100% - 1px)
}
.l-exhibition-intro__content>p {
    font-size: var(--font-size-medium-text)
}
@media (max-width: 1023px) {
    .l-exhibition-intro {
        gap: var(--unit-6)
    }
    .l-exhibition-intro__lede {
        display: flex;
        flex-direction: column;
        gap: var(--unit-3);
        margin-top: var(--unit-4)
    }
}
@media (min-width: 1024px) {
    .l-exhibition-intro {
        gap: var(--unit-6)
    }
    .l-exhibition-intro__lede {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        padding-top: var(--unit-2)
    }
    .l-exhibition-intro__text {
        grid-column: 1/3
    }
    .l-exhibition-intro__link {
        align-self: flex-start;
        grid-column: 3/4
    }
    .l-exhibition-intro__content {
        grid-template-columns: repeat(3, 1fr)
    }
    .l-exhibition-intro__content>* {
        grid-column: 1/3
    }
    .l-exhibition-intro__content>*[class], .l-exhibition-intro__content table, .l-exhibition-intro__content iframe {
        grid-column: 1/4
    }
    .l-exhibition-intro__content>*[class] tr, .l-exhibition-intro__content table tr, .l-exhibition-intro__content iframe tr {
        display: grid;
        grid-template-columns: repeat(3, 1fr)
    }
    .l-exhibition-intro__content>*[class] tr>*:nth-child(1), .l-exhibition-intro__content table tr>*:nth-child(1), .l-exhibition-intro__content iframe tr>*:nth-child(1) {
        grid-column: 1/2
    }
    .l-exhibition-intro__content>*[class] tr>*:nth-child(2), .l-exhibition-intro__content table tr>*:nth-child(2), .l-exhibition-intro__content iframe tr>*:nth-child(2) {
        grid-column: 2/4
    }
    .l-exhibition-intro__content>*[class] th, .l-exhibition-intro__content>*[class] td, .l-exhibition-intro__content table th, .l-exhibition-intro__content table td, .l-exhibition-intro__content iframe th, .l-exhibition-intro__content iframe td {
        padding: var(--unit-2) var(--unit-1)
    }
}
.l-firstview__image img {
    width: 100%
}
@media (max-width: 1023px) {
    .l-firstview__content {
        display: flex;
        flex-direction: column;
        padding-bottom: var(--unit-8)
    }
    .l-firstview__content__header {
        order: 1;
        margin-top: var(--unit-12);
        position: relative
    }
    .l-firstview__content__header:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 1px;
        background-color: var(--color-line-blue)
    }
    .l-firstview__image {
        order: 2;
        margin-top: var(--unit-6)
    }
    .l-firstview__article {
        order: 3
    }
}
@media (min-width: 1024px) {
    .l-firstview__content {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: repeat(2, auto)
    }
    .l-firstview__article, .l-firstview__content__header {
        border-top: 1px solid var(--color-line-blue)
    }
    .l-firstview__content__header {
        grid-area: 2/1/3/2
    }
    .l-firstview__article {
        display: flex;
        grid-area: 2/2/3/3;
        margin-bottom: var(--firstview-overflow)
    }
    .l-firstview__image {
        grid-area: 1/3/3/5
    }
    .l-firstview__image img {
        /*width: 100%;*/
        object-fit: contain;
        object-position: top left;
        aspect-ratio: 1170/1620;
        
            width: 90% !important;

    }
}
.l-footer {
    margin-top: var(--unit-12)
}
.l-footer__meta {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    justify-content: space-between;
    border-top: 1px solid var(--color-line-blue);
    margin-bottom: var(--unit-6)
}
.l-footer__meta>li {
    padding: var(--unit-2) var(--unit-1)
}
.l-footer__pagetop {
    display: flex;
    align-items: center;
    gap: 3px;
    font-weight: 500;
    color: var(--color-yamatane-blue);
    transition: opacity .2s var(--easing-base)
}
.l-footer__pagetop:before {
    --iconfont-size: 20px
}
@media (hover: hover) {
    .l-footer__pagetop:hover {
        opacity: .7
    }
}
@media (max-width: 1023px) {
    .l-footer__meta {
        display: flex;
        flex-direction: column;
        font-size: var(--font-size-small-caption);
        padding-bottom: var(--unit-2)
    }
    .l-footer__meta>li:not(:first-child) {
        border-top: 1px solid var(--color-line-blue)
    }
    .l-footer__pagetop {
        justify-content: flex-end;
        padding-inline: var(--unit-1)
    }
}
@media (min-width: 1024px) {
    .l-footer__meta {
        font-size: var(--font-size-caption)
    }
}
.l-gallery__item img {
    max-width: 100%;
    width: 100%;
    object-fit: contain
}
.l-header {
    position: sticky;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    top: 0;
    height: 100dvh
}
.l-header__logo {
    display: block;
    transition: opacity .2s var(--easing-base)
}
@media (hover: hover) {
    .l-header__logo:hover {
        opacity: .7
    }
}
.l-header__logo picture {
    display: block
}
.l-header__logo img {
    width: 100%
}
.l-header__nav {
    margin-top: var(--unit-3)
}
.l-header__nav li:not(:first-child) {
    border-top: 1px solid var(--color-line-blue)
}
.l-header__nav li:first-child {
    transition: opacity var(--const-menu-duration)
}
html.is-menu-expanded .l-header__nav li:first-child {
    opacity: 0;
    pointer-events: none
}
.l-header__nav-item, .l-header__language {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    aspect-ratio: 1;
    text-align: center;
    font-family: var(--font-ja);
    font-weight: 500;
    line-height: 1.4;
    color: var(--color-yamatane-blue);
    transition: opacity .2s var(--easing-base)
}
@media (hover: hover) {
    .l-header__nav-item:hover, .l-header__language:hover {
        opacity: .7
    }
}
.l-header__nav-item strong, .l-header__language strong {
    color: var(--color-red);
    font-weight: 500
}
.l-header__language {
    position: relative
}
.l-header__language:has(select:focus) {
    outline: 2px solid var(--color-yamatane-blue)
}
.l-header__language img {
    pointer-events: none;
    z-index: 1;
    margin-top: -1.4lh
}
.l-header__language select {
    cursor: pointer;
    position: absolute;
    inset: 0;
    width: 100%;
    aspect-ratio: 1;
    color: inherit;
    font-weight: inherit;
    font-family: inherit;
    font-size: inherit;
    text-align: center;
    text-align-last: center;
    background: none
}
@media (max-width: 1023px) {
    .l-header {
        width: var(--const-header-width)
    }
    .l-header__logo {
        padding-top: var(--unit-3);
        padding-inline: var(--unit-2)
    }
    .l-header__nav-item, .l-header__language {
        gap: 2px;
        font-size: var(--font-size-caption);
        padding-block: 9.5px
    }
    .l-header__nav-item img, .l-header__language img {
        width: 24px
    }
    .l-header__nav li:last-child .l-header__nav-item, .l-header__nav li:last-child .l-header__language {
        gap: 10px
    }
    .l-header__language select {
        padding-top: 24px
    }
}
@media (min-width: 1024px) {
    .l-header {
        width: 135px
    }
    .l-header__logo {
        padding-top: var(--unit-3);
        padding-inline: var(--unit-3)
    }
    .l-header__nav-item, .l-header__language {
        gap: 4px;
        font-size: var(--font-size-caption)
    }
    .l-header__nav li:last-child .l-header__nav-item, .l-header__nav li:last-child .l-header__language {
        gap: 0
    }
    .l-header__language select {
        padding-top: 41px
    }
}
.l-hero-exhibition__header {
    border-top: 1px solid var(--color-line-blue)
}
.l-hero-exhibition__meta {
    display: flex;
    flex-direction: column;
    padding-inline: var(--unit-1);
    padding-bottom: var(--unit-8)
}
.l-hero-exhibition__meta .c-label-term {
    letter-spacing: 0
}
.l-hero-exhibition__project {
    font-size: var(--font-size-small-text);
    line-height: 1.4
}
.l-hero-exhibition__titleGroup {
    display: flex;
    flex-direction: column;
    gap: var(--unit-2)
}
.l-hero-exhibition__title {
    font-size: var(--font-size-hero-title);
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0
}
.l-hero-exhibition__sub {
    font-size: var(--font-size-medium-text);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5
}
.l-hero-exhibition__image img {
    width: 100%
}
@media (max-width: 1023px) {
    .l-hero-exhibition {
        display: flex;
        flex-direction: column
    }
    .l-hero-exhibition__header {
        margin-top: var(--unit-12)
    }
    .l-hero-exhibition__meta {
        gap: var(--unit-3)
    }
    .l-hero-exhibition__meta .c-label-term {
        font-size: var(--font-size-medium-heading)
    }
    .l-hero-exhibition__meta .c-label-term span {
        font-size: var(--font-size-medium-text)
    }
    .l-hero-exhibition__image {
        margin-top: var(--unit-6);
        border-top: 1px solid var(--color-line-blue)
    }
}
@media (min-width: 1024px) {
    .l-hero-exhibition {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 1fr
    }
    .l-hero-exhibition__wrapper {
        display: flex;
        flex-direction: column;
        justify-content: end;
        max-height: 100svh
    }
    .l-hero-exhibition__meta {
        gap: var(--unit-2);
        padding-block: var(--unit-3)
    }
    .l-hero-exhibition__meta .c-label-term {
        font-size: var(--font-size-small-heading)
    }
    .l-hero-exhibition__meta .c-label-term span {
        font-size: var(--font-size-small-text)
    }
    .l-hero-exhibition__image img {
        width: 100%;
        height: auto
    }
}
.l-main {
    max-width: var(--const-max-width);
    margin-inline: auto;
    width: 100%;
    padding: 0 0 0 1px
}
@media (max-width: 1023px) {
    .l-main {
        padding-top: var(--unit-12)
    }
}
.l-menu {
    position: fixed;
    top: 0;
    margin: 0;
    background-color: #fff;
    height: 100svh;
    overflow-y: scroll;
    pointer-events: none;
    opacity: 0;
    transition: opacity var(--const-menu-duration);
    z-index: -1
}
html.is-menu-expanded .l-menu {
    opacity: 1;
    pointer-events: auto
}
html.is-menu-expanded-before .l-menu {
    z-index: var(--z-index-menu)
}
.l-menu__content {
    padding-bottom: var(--unit-12)
}
.l-menu__list {
    display: flex;
    flex-direction: column;
    gap: var(--unit-1)
}
.l-menu__list .icon-attention {
    color: var(--color-red)
}
.l-menu__list li {
    line-height: 1;
    padding: 0 var(--unit-1)
}
.l-menu__footer {
    max-width: var(--const-max-width);
    margin-inline: auto
}
.l-menu__exhibitions>li {
    border-top: 1px solid var(--color-line-blue)
}
@media (max-width: 1023px) {
    .l-menu {
        width: calc(100svw - var(--const-header-width) - 1px);
        right: 0;
        padding-top: var(--unit-12)
    }
    .l-menu__content {
        padding-top: var(--unit-12)
    }
    .l-menu__section-content {
        margin-top: var(--unit-4)
    }
    html[data-browser=firefox] .l-menu__content, html[data-browser=firefox] .l-menu__footer {
        background-image: linear-gradient(var(--color-line-blue), var(--color-line-blue));
        background-size: 1px 100%;
        background-repeat: no-repeat;
        background-position: 50% 0
    }
    html:not([data-browser=firefox]) .l-menu__content, html:not([data-browser=firefox]) .l-menu__footer {
        background-image: linear-gradient(to right, transparent 0%, transparent calc(50% - .5px), var(--color-line-blue) calc(50% - .5px), var(--color-line-blue) calc(50% + .5px), transparent calc(50% + .5px), transparent 100%)
    }
}
@media (min-width: 1024px) {
    .l-menu {
        width: calc(100% - var(--const-toolbar-width) * 2 - 2px);
        left: calc(var(--const-toolbar-width) + 1px)
    }
    .l-menu__content {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: repeat(4, auto);
        max-width: var(--const-max-width);
        margin-inline: auto;
        padding-top: var(--unit-14)
    }
    html[lang=ja] .l-menu__content>*:nth-child(1) {
        grid-area: 1/1/2/2
    }
    html[lang=ja] .l-menu__content>*:nth-child(2) {
        grid-area: 2/1/5/2
    }
    html[lang=ja] .l-menu__content>*:nth-child(3) {
        grid-area: 1/2/5/4
    }
    html[lang=ja] .l-menu__content>*:nth-child(4) {
        grid-area: 1/4/2/5
    }
    html[lang=ja] .l-menu__content>*:nth-child(5) {
        grid-area: 2/4/5/5
    }
    html:not([lang=ja]) .l-menu__content>*:nth-child(1) {
        grid-area: 1/2/5/4
    }
    html:not([lang=ja]) .l-menu__content>*:nth-child(2) {
        grid-area: 1/4/2/5
    }
    html:not([lang=ja]) .l-menu__content>*:nth-child(3) {
        grid-area: 2/4/5/5
    }
    .l-menu__section-content {
        margin-top: var(--unit-3)
    }
    .l-menu__section-content[data-section=exhibition] {
        display: flex;
        flex-direction: column;
        gap: var(--unit-1)
    }
    html[data-browser=firefox] .l-menu__content, html[data-browser=firefox] .l-menu__footer {
        background-image: linear-gradient(var(--color-line-blue), var(--color-line-blue)), linear-gradient(var(--color-line-blue), var(--color-line-blue)), linear-gradient(var(--color-line-blue), var(--color-line-blue));
        background-size: 1px 100%, 1px 100%, 1px 100%;
        background-repeat: no-repeat, no-repeat, no-repeat;
        background-position: 25% 0, 50% 0, 75% 0
    }
    html:not([data-browser=firefox]) .l-menu__content, html:not([data-browser=firefox]) .l-menu__footer {
        background-image: linear-gradient(to right, transparent 0%, transparent calc(25% - .5px), var(--color-line-blue) calc(25% - .5px), var(--color-line-blue) calc(25% + .5px), transparent calc(25% + .5px), transparent calc(50% - .5px), var(--color-line-blue) calc(50% - .5px), var(--color-line-blue) calc(50% + .5px), transparent calc(50% + .5px), transparent calc(75% - .5px), var(--color-line-blue) calc(75% - .5px), var(--color-line-blue) calc(75% + .5px), transparent calc(75% + .5px), transparent 100%)
    }
}
@media (min-width: 1921px) {
    .l-menu__content, .l-menu__footer {
        border-left: 1px solid var(--color-line-blue);
        border-right: 1px solid var(--color-line-blue)
    }
}
.l-page {
    border-top: 1px solid var(--color-line-blue)
}
@media (max-width: 1023px) {
    .l-page {
        margin-top: var(--unit-12)
    }
}
@media (min-width: 1024px) {
    .l-page {
        margin-top: var(--unit-14)
    }
}
@media (max-width: 1023px) {
    .l-post {
        margin-bottom: var(--unit-12)
    }
    .l-post__content {
        margin-top: var(--unit-4);
        padding-top: var(--unit-2);
        border-top: 1px solid var(--color-line-blue)
    }
}
@media (min-width: 1024px) {
    .l-post__content {
        padding-top: var(--unit-6)
    }
}
.l-section-calendar {
    display: grid;
    grid-template-columns: 1fr
}
.l-section-calendar__content {
    margin-top: var(--unit-3);
    padding-inline: var(--unit-1)
}
@media (max-width: 1023px) {
    .l-section-calendar__content {
        padding-bottom: var(--unit-8)
    }
}
.l-section-user-guide__content {
    display: flex;
    flex-direction: column;
    gap: var(--unit-3);
    line-height: 1.9;
    padding-inline: var(--unit-1);
    font-size: var(--font-size-small-text)
}
@media (max-width: 1023px) {
    .l-section-user-guide__content {
        margin-top: var(--unit-4);
        padding-inline: var(--unit-1)
    }
}
@media (min-width: 1024px) {
    .l-section-user-guide__content {
        margin-top: var(--unit-3)
    }
}
.u-details-reset>summary, .l-section>summary {
    list-style: none
}
.u-details-reset>summary::-webkit-details-marker, .l-section>summary::-webkit-details-marker, .u-details-reset>summary::marker, .l-section>summary::marker {
    display: none
}
.l-section {
    position: relative
}
.l-section:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    border-top: 1px solid var(--color-line-blue)
}
.l-section[open]::details-content {
    display: contents
}
@media (max-width: 1023px) {
    .l-section:not(:first-child) {
        margin-top: var(--unit-4)
    }
    .l-section summary+* {
        padding-bottom: var(--unit-8)
    }
}
@media (min-width: 1024px) {
    .l-section.-border-col-of-three:before {
        width: 75%
    }
    .l-section:not(:first-child):not(.-no-margin-top) {
        margin-top: var(--unit-12)
    }
}
.l-toolbar {
    position: sticky;
    top: 0;
    display: flex;
    flex-direction: column;
    height: 100svh;
    z-index: var(--z-index-toolbar)
}
html.is-scalable-viewer-active .l-toolbar {
    pointer-events: none;
    opacity: 0
}
.l-toolbar__menu-list {
    display: flex;
    color: #fff;
    transition: opacity var(--const-menu-duration);
    background-color: var(--color-yamatane-blue)
}
html.is-menu-expanded .l-toolbar__menu-list {
    opacity: 0;
    pointer-events: none
}
.l-toolbar__menu-list__item {
    display: flex;
    align-items: center;
    flex-direction: column;
    font-weight: 500;
    transition: opacity .2s var(--easing-base)
}
@media (hover: hover) {
    .l-toolbar__menu-list__item:hover {
        opacity: .7
    }
}
.l-toolbar__menu-list__item img {
    width: 100%;
    aspect-ratio: 1
}
.l-toolbar__notice {
    display: flex;
    line-height: 1;
    margin-top: auto
}
.l-toolbar__notice a {
    color: var(--color-yamatane-blue);
    transition: opacity .2s var(--easing-base)
}
@media (hover: hover) {
    .l-toolbar__notice a:hover {
        opacity: .7
    }
}
.l-toolbar__notice.-closed {
    background-color: var(--color-gray)
}
.l-toolbar__notice__heading {
    font-weight: 500
}
.l-toolbar__notice__text {
    display: flex;
    align-items: center;
    flex-direction: column;
    font-weight: 400;
    gap: 3px
}
.l-toolbar__notice__text .time {
    font-family: var(--font-en)
}
.l-toolbar__notice__text em {
    font-style: normal;
    font-family: var(--font-en)
}
.l-toolbar__notice.-closed .l-toolbar__notice__text {
    display: none
}
.l-toolbar__notice__link {
    display: flex;
    gap: 3px;
    align-items: center;
    font-weight: 500
}
.l-toolbar__notice__link [class*=icon-]:before {
    --iconfont-size: 20px
}
@media (max-width: 1023px) {
    .l-toolbar {
        position: fixed;
        top: 0;
        right: 0;
        width: calc(100% - var(--const-header-width) - 1px);
        height: 60px;
        transition: .2s ease;
        transition-property: transform, opacity
    }
    html[data-scroll-dir=down] .l-toolbar {
        transform: translateY(-100%)
    }
    .l-toolbar>* {
        height: 100%
    }
    .l-toolbar__menu-list {
        display: none
    }
    .l-toolbar__notice {
        background-color: #fff;
        border-bottom: 1px solid var(--color-line-blue);
        display: flex;
        gap: 15px;
        align-items: center;
        justify-content: space-between;
        padding-inline-start: var(--unit-1);
        padding-inline-end: var(--unit-2)
    }
    .l-toolbar__notice__heading {
        font-size: var(--font-size-large-text)
    }
    .l-toolbar__notice__text .time {
        font-size: var(--font-size-medium-text)
    }
    .l-toolbar__notice__text .sub {
        font-size: var(--font-size-caption)
    }
    .l-toolbar__notice__text .sub em {
        font-size: var(--font-size-small-text)
    }
    .l-toolbar__notice__link {
        font-size: var(--font-size-caption)
    }
}
@media (min-width: 1024px) {
    .l-toolbar {
        align-self: flex-start;
        width: 135px;
        background-color: var(--color-yamatane-blue)
    }
    .l-toolbar__menu-list {
        gap: 54px;
        flex-direction: column;
        padding-block: 54px
    }
    .l-toolbar__menu-list__item {
        gap: 4px;
        font-size: var(--font-size-caption)
    }
    .l-toolbar__menu-list__item img {
        max-width: 40px
    }
    .l-toolbar__notice {
        background-color: var(--color-yellow);
        justify-content: center;
        flex-direction: column;
        align-items: center;
        gap: 12px;
        padding-top: 17px;
        aspect-ratio: 1
    }
    .l-toolbar__notice__heading {
        font-size: var(--font-size-large-text)
    }
    .l-toolbar__notice__text .time {
        font-size: var(--font-size-medium-text)
    }
    .l-toolbar__notice__text .sub {
        font-size: var(--font-size-small-caption)
    }
    .l-toolbar__notice__text .sub em {
        font-size: var(--font-size-caption)
    }
    .l-toolbar__notice__link {
        font-size: var(--font-size-small-caption)
    }
}
.o-access__addr {
    line-height: 1.7;
    font-size: var(--font-size-medium-text)
}
.o-access__map {
    margin-top: var(--unit-3)
}
.o-access__map iframe {
    vertical-align: top
}
.o-access__transport-list {
    display: flex;
    flex-direction: column;
    gap: var(--unit-2)
}
.o-access__transport-list li .c-link-with-icon {
    margin-top: var(--unit-1)
}
@media (max-width: 1023px) {
    .o-access__addr {
        margin-top: var(--unit-4);
        padding-inline: var(--unit-1)
    }
    .o-access__map {
        aspect-ratio: 1/1
    }
    .o-access__info-list {
        margin-top: var(--unit-6)
    }
    .o-access__transport-list {
        gap: 10px
    }
    .o-access__transport-list li .c-link-with-icon {
        margin-top: 5px
    }
}
@media (min-width: 1024px) {
    .o-access {
        padding-top: var(--unit-2)
    }
    .o-access__addr {
        padding-inline: var(--unit-1)
    }
    .o-access__map {
        aspect-ratio: 2/1
    }
    .o-access__info-list {
        margin-top: 54px
    }
    .o-access__info-list .o-description-list {
        border-top: 1px solid var(--color-line-blue)
    }
}
@media (max-width: 1023px) {
    .o-anchor {
        display: none
    }
}
@media (min-width: 1024px) {
    .o-anchor li {
        padding: 9px
    }
    .o-anchor li:not(:first-child) {
        border-top: 1px solid var(--color-line-blue)
    }
}
.o-artwork__image {
    position: relative;
    cursor: pointer;
    transition: opacity .2s var(--easing-base)
}
@media (hover: hover) {
    .o-artwork__image:hover {
        opacity: .7
    }
}
.o-artwork__caption {
    font-size: var(--font-size-caption);
    line-height: 1.4;
    padding: var(--unit-1) var(--unit-1) 0
}
.o-artwork__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: var(--unit-1);
    right: var(--unit-1);
    color: var(--color-yamatane-blue);
    background-color: #fff;
    border-radius: 50%
}
.o-artwork__icon:before {
    --iconfont-size: 24px
}
.o-artwork__content {
    display: none
}
@media (max-width: 1023px) {
    .o-artwork__icon {
        width: 30px;
        height: 30px
    }
    .o-artwork__icon:before {
        font-size: 20px;
        width: 20px;
        height: 20px
    }
}
@media (min-width: 1024px) {
    .o-artwork__icon {
        width: 36px;
        height: 36px
    }
}
.o-billboard-tickets {
    position: relative;
    z-index: 0
}
.o-billboard-tickets__bg {
    height: 100%
}
.o-billboard-tickets__bg img {
    width: 100%;
    height: inherit;
    object-fit: cover
}
.o-billboard-tickets__content {
    line-height: 1.7
}
.o-billboard-tickets__title {
    font-weight: 500;
    padding-inline: var(--unit-1)
}
.o-billboard-tickets__body, .o-billboard-tickets__link {
    padding-inline: var(--unit-1)
}
@media (max-width: 1023px) {
    .o-billboard-tickets {
        display: flex;
        flex-direction: column
    }
    .o-billboard-tickets__bg {
        order: -1
    }
    .o-billboard-tickets__content {
        display: flex;
        flex-direction: column;
        padding-top: var(--unit-4)
    }
    .o-billboard-tickets__title {
        font-size: var(--font-size-medium-text);
        margin-top: var(--unit-3)
    }
    .o-billboard-tickets__body {
        margin-top: var(--unit-2);
        font-size: var(--font-size-caption)
    }
    .o-billboard-tickets__link {
        margin-top: var(--unit-3)
    }
}
@media (min-width: 1024px) {
    .o-billboard-tickets[open] {
        aspect-ratio: 2/1;
        color: #fff
    }
    .o-billboard-tickets__heading.c-heading-section {
        color: #fff
    }
    .o-billboard-tickets__heading.c-heading-section:before {
        background-color: #fff
    }
    details:not([open]) .o-billboard-tickets__heading.c-heading-section:before {
        background-color: var(--color-yamatane-blue)
    }
    details:not([open]) .o-billboard-tickets__heading.c-heading-section {
        color: #000
    }
    .o-billboard-tickets__bg {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1
    }
    .o-billboard-tickets__content {
        padding-top: var(--unit-2)
    }
    .o-billboard-tickets__title {
        font-size: var(--font-size-medium-text)
    }
    .o-billboard-tickets__body {
        font-size: var(--font-size-caption);
        margin-top: var(--unit-2)
    }
    .o-billboard-tickets__link {
        margin-top: var(--unit-3)
    }
    .o-billboard-tickets__link a {
        color: #fff
    }
}
.o-block-background {
    display: flex;
    flex-direction: column;
    row-gap: var(--unit-3);
    padding: var(--unit-2) var(--unit-1);
    background-color: var(--color-light-gray)
}
.o-block-background__title {
    line-height: 1.4;
    letter-spacing: 0;
    font-weight: 500;
    font-size: var(--font-size-medium-text)
}
.o-block-gird {
    --mobile-column: 2;
    --desktop-column: 2;
    display: grid;
    gap: var(--unit-2)
}
.o-block-gird.-no-gap {
    gap: 0
}
@media (max-width: 1023px) {
    .o-block-gird {
        grid-template-columns: repeat(var(--mobile-column), 1fr)
    }
}
@media (min-width: 1024px) {
    .o-block-gird {
        grid-template-columns: repeat(var(--desktop-column), 1fr)
    }
}
.o-calendar {
    overflow: hidden;
    position: relative
}
.o-calendar caption {
    position: relative
}
.o-calendar table {
    table-layout: fixed;
    width: 100%
}
.o-calendar th, .o-calendar td {
    letter-spacing: 0;
    text-align: center
}
.o-calendar th {
    font-family: var(--font-ja);
    font-weight: 400;
    font-size: var(--font-size-caption)
}
.o-calendar th[abbr=日曜日], .o-calendar th:first-child {
    color: var(--color-red)
}
.o-calendar th[abbr=土曜日], .o-calendar th:last-child {
    color: var(--color-yamatane-blue)
}
.o-calendar td {
    padding-top: var(--unit-2);
    font-family: var(--font-en);
    font-size: var(--font-size-large-text)
}
.o-calendar td a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1
}
.o-calendar td a.closed, .o-calendar td a.event {
    border-radius: 50%
}
.o-calendar td a.closed {
    background-color: #000;
    color: #fff
}
.o-calendar td a.event {
    border: 1px solid var(--color-yamatane-blue);
    color: var(--color-yamatane-blue);
    transition: opacity .2s var(--easing-base)
}
@media (hover: hover) {
    .o-calendar td a.event:hover {
        opacity: .7
    }
}
.o-calendar__wrapper {
    display: grid;
    grid-template-columns: 100% 100%;
    transition: transform .3s var(--easing-base)
}
.o-calendar[data-display-month=next] .o-calendar__wrapper {
    transform: translate(-100%)
}
.o-calendar__nav {
    z-index: 1;
    position: absolute;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%
}
.o-calendar__nav-button {
    width: var(--unit-9);
    line-height: 1;
    text-align: center;
    color: var(--color-yamatane-blue);
    transition: opacity .2s var(--easing-base)
}
@media (hover: hover) {
    .o-calendar__nav-button:hover {
        opacity: .7
    }
}
.o-calendar[data-display-month=next] .o-calendar__nav-button[data-change-month=next], .o-calendar[data-display-month=current] .o-calendar__nav-button[data-change-month=current] {
    opacity: 0;
    pointer-events: none
}
.o-calendar__month {
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    vertical-align: baseline;
    letter-spacing: .02em;
    font-family: var(--font-en);
    font-size: var(--font-size-medium-heading)
}
.o-calendar__year {
    position: relative;
    line-height: 1;
    margin-right: var(--unit-1);
    font-size: var(--font-size-medium-text)
}
.o-calendar__unit {
    position: relative;
    line-height: 1;
    letter-spacing: 0;
    font-family: var(--font-ja);
    font-weight: 700;
    font-size: var(--font-size-small-text)
}
.o-calendar__ex-notes {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    column-gap: var(--unit-2);
    font-size: var(--font-size-small-text)
}
.o-calendar__ex-note {
    display: flex;
    align-items: center;
    line-height: 1
}
.o-calendar__ex-note.-closed:before, .o-calendar__ex-note.-event:before {
    content: "";
    display: block;
    border-radius: 50%
}
.o-calendar__ex-note.-closed:before {
    background-color: #000
}
.o-calendar__ex-note.-event:before {
    border: 2px solid var(--color-yamatane-blue)
}
@media (max-width: 1023px) {
    .o-calendar th {
        line-height: 19px
    }
    .o-calendar td a {
        width: 24px;
        height: 24px
    }
    .o-calendar td a.event {
        border-width: 1px
    }
    .o-calendar__nav {
        margin-bottom: var(--unit-4)
    }
    .o-calendar__nav-button {
        font-size: 24px
    }
    .o-calendar__month {
        margin-bottom: var(--unit-4);
        line-height: 30px
    }
    .o-calendar__year {
        bottom: 4px
    }
    .o-calendar__unit {
        bottom: 6px
    }
    .o-calendar__ex-notes {
        margin-top: var(--unit-4)
    }
    .o-calendar__ex-note {
        column-gap: 3px
    }
    .o-calendar__ex-note.-closed:before, .o-calendar__ex-note.-event:before {
        width: 15px;
        height: 15px
    }
}
@media (min-width: 1024px) {
    .o-calendar th {
        line-height: 22px
    }
    .o-calendar td a {
        width: 30px;
        height: 30px
    }
    .o-calendar td a.event {
        border-width: 2px
    }
    .o-calendar__nav {
        margin-bottom: var(--unit-3)
    }
    .o-calendar__nav-button {
        font-size: 40px
    }
    .o-calendar__month {
        margin-bottom: var(--unit-3);
        line-height: 40px
    }
    .o-calendar__year {
        bottom: 5px
    }
    .o-calendar__unit {
        bottom: 8px
    }
    .o-calendar__ex-notes {
        margin-top: var(--unit-3)
    }
    .o-calendar__ex-note {
        column-gap: 4px
    }
    .o-calendar__ex-note.-closed:before, .o-calendar__ex-note.-event:before {
        width: 18px;
        height: 18px
    }
}
.o-card-event-tiny__date {
    letter-spacing: .02em;
    font-family: var(--font-en)
}
.o-card-event-tiny__date span {
    font-size: var(--font-size-caption);
    font-family: var(--font-ja);
    margin-left: 2px
}
.o-card-event-tiny__content {
    display: flex;
    flex-direction: column;
    gap: var(--unit-1)
}
.o-card-event-tiny__content a {
    font-weight: 500;
    line-height: 1.5;
    color: var(--color-yamatane-blue);
    transition: opacity .2s var(--easing-base)
}
@media (hover: hover) {
    .o-card-event-tiny__content a:hover {
        opacity: .7
    }
}
.o-card-event-tiny__category {
    font-weight: 500
}
.o-card-event-tiny__category.-highlight {
    color: var(--color-red)
}
@media (max-width: 1023px) {
    .o-card-event-tiny {
        display: flex;
        flex-direction: column;
        gap: var(--unit-3);
        padding-inline: var(--unit-1)
    }
    .o-card-event-tiny__date {
        font-size: var(--font-size-large-text);
        line-height: 1
    }
    .o-card-event-tiny__date span {
        font-size: 13px
    }
    .o-card-event-tiny__status {
        line-height: 1
    }
    .o-card-event-tiny__content {
        grid-column: 2/4
    }
    .o-card-event-tiny__content a {
        font-size: var(--font-size-medium-text)
    }
    .o-card-event-tiny__category {
        font-size: var(--font-size-small-caption)
    }
}
@media (min-width: 1024px) {
    .o-card-event-tiny {
        display: grid;
        grid-template-columns: repeat(3, 1fr)
    }
    .o-card-event-tiny>* {
        padding-inline: var(--unit-1)
    }
    .o-card-event-tiny__date {
        font-size: var(--font-size-large-text)
    }
    .o-card-event-tiny__content {
        grid-column: 2/4
    }
    .o-card-event-tiny__content a {
        font-size: var(--font-size-medium-text)
    }
    .o-card-event-tiny__category {
        font-size: var(--font-size-caption)
    }
}
.o-card-event {
    display: flex;
    flex-direction: column;
    gap: var(--unit-3);
    padding: var(--unit-2) var(--unit-1)
}
.o-card-event__heading {
    line-height: 1.4;
    font-weight: 500;
    font-size: var(--font-size-large-text)
}
.o-card-event__heading a {
    color: var(--color-yamatane-blue);
    transition: opacity .2s var(--easing-base)
}
@media (hover: hover) {
    .o-card-event__heading a:hover {
        opacity: .7
    }
}
.o-card-event__description {
    line-height: 1.7;
    font-size: var(--font-size-caption)
}
@media (max-width: 1023px) {
    .o-card-event__date {
        order: var(--date-order)
    }
    .o-card-event__date .c-label-term {
        font-size: var(--font-size-small-heading)
    }
    .o-card-event__date .c-label-term span {
        font-size: var(--font-size-small-text)
    }
    .o-card-event__description {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden
    }
}
@media (min-width: 1024px) {
    .p-top .o-card-event__date {
        white-space: nowrap
    }
    .p-top .o-card-event__date br {
        display: none
    }
    .p-top .o-card-event__date span:first-child {
        padding-right: var(--unit-1)
    }
}
.o-card-exhibition {
    --date-order: 4
}
.o-card-exhibition__image {
    transition: opacity .2s var(--easing-base)
}
@media (hover: hover) {
    .o-card-exhibition__image:hover {
        opacity: .7
    }
}
.o-card-exhibition__image img {
    width: 100%
}
.o-card-exhibition__content {
    display: flex;
    flex-direction: column
}
.o-card-exhibition__content>* {
    order: 5
}
.o-card-exhibition__content2 {
    display: flex;
    flex-direction: column
}
.o-card-exhibition__content2>* {
    order: 5
}
.o-card-exhibition__label {
    order: 1
}
.o-card-exhibition__project {
    order: 1;
    line-height: 1.4;
    font-size: var(--font-size-caption)
}
.o-card-exhibition__title-texts {
    order: 3;
    display: flex;
    flex-direction: column;
    row-gap: var(--unit-1)
}
.o-card-exhibition__title {
    display: block;
    line-height: 1.2;
    font-size: var(--font-size-medium-heading);
    color: var(--color-yamatane-blue);
    transition: opacity .2s var(--easing-base)
}
@media (hover: hover) {
    .o-card-exhibition__title:hover {
        opacity: .7
    }
}
.o-card-exhibition.-col-reverse .o-card-exhibition__title {
    font-size: var(--font-size-small-heading)
}
.o-card-exhibition__title-before {
    line-height: 1.4;
    font-size: var(--font-size-caption)
}
.o-card-exhibition__title-after {
    line-height: 1.5;
    font-size: var(--font-size-small-text)
}
.o-card-exhibition__date {
    order: var(--date-order)
}
.o-card-exhibition__description {
    line-height: 1.7;
    font-size: var(--font-size-caption);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}
.o-card-exhibition__note {
    line-height: 1.4;
    font-size: 13px
}
@media (max-width: 1023px) {
    .o-card-exhibition.-col-reverse {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        direction: rtl
    }
    .o-card-exhibition.-col-reverse>* {
        direction: ltr
    }
    .o-card-exhibition__content {
        row-gap: var(--unit-3);
        padding: var(--unit-2) var(--unit-1)
    }
    .o-card-exhibition__content2 {
        row-gap: var(--unit-3);
        padding: var(--unit-2) var(--unit-1)
    }
    .o-card-exhibition__date {
        order: var(--date-order)
    }
    .o-card-exhibition__date .c-label-term {
        font-size: var(--font-size-small-heading)
    }
    .o-card-exhibition__date .c-label-term span {
        font-size: var(--font-size-small-text)
    }
    .o-card-exhibition__ticket .c-link-with-icon {
        font-size: 15px
    }
    .o-card-exhibition__ticket .c-link-with-icon:before {
        width: 40px;
        height: 40px;
        font-size: 40px
    }
}
@media (min-width: 1024px) {
    .o-card-exhibition {
        display: grid;
        gap: 0;
        grid-template-columns: repeat(3, 1fr)
    }
    .o-card-exhibition.-narrow {
        grid-template-columns: repeat(2, 1fr)
    }
    .o-card-exhibition__image {
        grid-column: 1/2
    }
    .o-card-exhibition__image img {
        width: calc(100% - 2px)
    }
    .o-card-exhibition.-col-reverse .o-card-exhibition__image {
        grid-area: 1/2/2/3
    }
    .o-card-exhibition__content {
        grid-column: 2/4;
        align-items: start;
        row-gap: var(--unit-3);
        padding: var(--unit-2)
    }
    .o-card-exhibition__content2 {
        grid-column: 1/3;
        align-items: start;
        row-gap: var(--unit-3);
        padding: var(--unit-2)
    }
    .o-card-exhibition.-col-reverse .o-card-exhibition__content {
        grid-area: 1/1/2/2
    }
    .o-card-exhibition.-narrow .o-card-exhibition__content {
        row-gap: var(--unit-2);
        padding: var(--unit-2) var(--unit-1)
    }
    .o-card-exhibition__ticket {
        margin-top: -18px
    }
    .o-card-exhibition__note {
        margin-top: -27px
    }
}
.o-card-news__date {
    line-height: 1;
    letter-spacing: .02em;
    font-family: var(--font-en);
    font-size: var(--font-size-large-text)
}
.o-card-news__date span {
    letter-spacing: 0;
    font-size: 13px;
    font-family: var(--font-ja);
    font-weight: 500;
    margin-left: 2px
}
.o-card-news__content {
    display: flex;
    flex-direction: column;
    gap: var(--unit-1)
}
.o-card-news__content a {
    font-weight: 500;
    line-height: 1.5;
    color: var(--color-yamatane-blue);
    font-size: var(--font-size-medium-text);
    transition: opacity .2s var(--easing-base)
}
@media (hover: hover) {
    .o-card-news__content a:hover {
        opacity: .7
    }
}
.o-card-news__category {
    letter-spacing: 0;
    font-weight: 500;
    font-size: var(--font-size-caption)
}
.o-card-news__category.-highlight {
    color: var(--color-red)
}
@media (max-width: 1023px) {
    .o-card-news {
        display: flex;
        flex-direction: column;
        gap: var(--unit-3);
        padding-inline: var(--unit-1)
    }
    .o-card-news__content {
        grid-column: 2/4
    }
}
@media (min-width: 1024px) {
    .o-card-news {
        display: grid;
        grid-template-columns: repeat(3, 1fr)
    }
    .o-card-news>* {
        padding-inline: var(--unit-1)
    }
    .o-card-news__content {
        grid-column: 2/4
    }
}
.o-description-list {
    display: grid;
    font-size: var(--font-size-small-text)
}
.o-description-list dt, .o-description-list dd {
    position: relative;
    line-height: 1.6
}
.o-description-list dt:first-of-type:before, .o-description-list dd:first-of-type:before {
    display: none
}
.o-description-list dt {
    font-weight: 500
}
.o-description-list dd {
    display: flex;
    flex-direction: column;
    gap: var(--unit-3)
}
.o-description-list dd .note {
    font-size: var(--font-size-caption)
}
@media (max-width: 1023px) {
    .o-description-list dt, .o-description-list dd {
        padding-inline: var(--unit-1)
    }
    .o-description-list dt {
        padding-top: var(--unit-2)
    }
    .o-description-list dt:not(:first-child):before {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        position: absolute;
        top: 0;
        left: 0;
        background-color: var(--color-line-blue)
    }
    .o-description-list dd {
        margin-top: var(--unit-3);
        padding-bottom: 15px
    }
}
@media (min-width: 1024px) {
    .o-description-list {
        grid-template-columns: 1fr 2fr
    }
    .o-description-list dt, .o-description-list dd {
        padding: var(--unit-2) var(--unit-1)
    }
    .o-description-list dt:before, .o-description-list dd:before {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        position: absolute;
        top: 0;
        left: 0;
        background-color: var(--color-line-blue)
    }
    .o-description-list dt {
        grid-column: 1/2
    }
    .o-description-list dd {
        grid-column: 2/3
    }
    .o-description-list dd a {
        font-size: var(--font-size-small-text)
    }
    .o-description-list dd a.o-card-exhibition__title {
        font-size: var(--font-size-medium-heading);
    }
}
.o-feature {
    padding-top: var(--unit-2);
    counter-increment: point
}
.o-feature:first-child {
    counter-reset: point;
    counter-set: point 1
}
.o-feature+.o-feature {
    margin-top: var(--unit-6);
    border-top: 1px solid var(--color-line-blue)
}
.o-feature__content {
    margin-top: var(--unit-6)
}
.o-feature__list {
    gap: 18px
}
.o-feature__header {
    line-height: 1.9;
    font-size: var(--font-size-small-text)
}
.o-feature__header>* {
    padding-inline: var(--unit-1)
}
.o-feature__header:before {
    content: "0" counter(point);
    display: block;
    font-size: var(--font-size-hero-title);
    font-family: var(--font-en);
    line-height: 1;
    padding-inline: var(--unit-1);
    margin-bottom: var(--unit-3)
}
.o-feature__heading {
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0;
    font-size: var(--font-size-large-text)
}
.o-feature__item {
    width: var(--item-size, 100%)
}
.o-feature__item img {
    width: 100%;
    height: auto
}
.o-feature__caption {
    display: block;
    padding: var(--unit-1) var(--unit-1) 0;
    line-height: 1.4
}
@media (max-width: 1023px) {
    .o-feature {
        --item-size-full: 0;
        --item-size-narrow: 60px;
        --item-size-wide: 90px;
        --item-size-widest: 120px;
        border-top: 1px solid var(--color-line-blue)
    }
    .o-feature:first-child {
        margin-top: var(--unit-4)
    }
    .o-feature__heading {
        margin-bottom: var(--unit-2)
    }
    .o-feature__content {
        width: calc(100svw - var(--const-header-width) - 1px)
    }
    .o-feature__list {
        display: flex;
        gap: var(--unit-2);
        overflow-x: auto
    }
    .o-feature__item {
        flex-shrink: 0;
        width: calc(100% - var(--item-size, 0%))
    }
    .o-feature__content.is-size-full .o-feature__item {
        width: fit-content
    }
    .o-feature__content.is-size-full[data-overflow=force] .o-feature__item {
        width: 100%
    }
    .o-feature__content.is-size-full[data-overflow=force] .o-feature__item img {
        min-width: fit-content
    }
    .o-feature__item img {
        min-width: 100%
    }
    .o-feature__caption {
        font-size: var(--font-size-caption)
    }
}
@media (min-width: 1024px) {
    .o-feature__list {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
        gap: 19px
    }
    .o-feature__item {
        min-width: fit-content
    }
    .o-feature__item img {
        min-width: 0
    }
    .o-feature__header {
        display: grid;
        grid-template-columns: repeat(3, 1fr)
    }
    .o-feature__header>*:nth-child(n+2) {
        grid-column: 2/-1
    }
    .o-feature__heading {
        grid-column: 1/2
    }
    .o-feature__caption {
        font-size: var(--font-size-caption)
    }
}
.o-firstview-article__project {
    line-height: 1.4;
    font-size: var(--font-size-caption)
}
.o-firstview-article__heading {
    line-height: 1.1;
    font-weight: 400;
    font-size: var(--font-size-large-heading);
    letter-spacing: 0
}
.o-firstview-article__heading a {
    color: var(--color-yamatane-blue);
    transition: opacity .2s var(--easing-base)
}
@media (hover: hover) {
    .o-firstview-article__heading a:hover {
        opacity: .7
    }
}
.o-firstview-article__sub {
    font-size: var(--font-size-small-text);
    line-height: 1.5;
    margin-top: var(--unit-3)
}
.o-firstview-article__term .c-label-term {
    font-size: 22px
}
.o-firstview-article__term .c-label-term span {
    font-size: 13px
}
.o-firstview-article__description {
    line-height: 1.7;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    font-size: var(--font-size-caption)
}
.o-firstview-article__link {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: var(--font-size-small-text);
    color: var(--color-yamatane-blue);
    transition: opacity .2s var(--easing-base)
}
@media (hover: hover) {
    .o-firstview-article__link:hover {
        opacity: .7
    }
}
@media (max-width: 1023px) {
    .o-firstview-article {
        padding-inline: var(--unit-1);
        line-height: 1
    }
    .o-firstview-article__project, .o-firstview-article__header, .o-firstview-article__term, .o-firstview-article__description, .o-firstview-article__link {
        margin-top: var(--unit-3)
    }
}
@media (min-width: 1024px) {
    .o-firstview-article {
        display: flex;
        flex-direction: column;
        gap: var(--unit-3);
        margin-bottom: var(--unit-2);
        padding-inline: var(--unit-1)
    }
    .o-firstview-article__header {
        grid-column: 1/2
    }
}
.o-footer-contents {
    padding-inline: var(--unit-1);
    border-top: 1px solid var(--color-line-blue)
}
.o-footer-contents>* {
    padding-inline: var(--unit-1)
}
.o-footer-contents__about__heading {
    font-weight: 400;
    line-height: 1
}
.o-footer-contents__about__tel {
    line-height: 1
}
.o-footer-contents__about__tel a {
    color: var(--color-yamatane-blue);
    letter-spacing: .02em;
    font-family: var(--font-en);
    transition: opacity .2s var(--easing-base)
}
@media (hover: hover) {
    .o-footer-contents__about__tel a:hover {
        opacity: .7
    }
}
.o-footer-contents__about__tel span {
    display: block
}
.o-footer-contents__links {
    display: flex;
    flex-direction: column;
    font-weight: 500;
    line-height: 1
}
.o-footer-contents__links a {
    color: var(--color-yamatane-blue);
    transition: opacity .2s var(--easing-base)
}
@media (hover: hover) {
    .o-footer-contents__links a:hover {
        opacity: .7
    }
}
.o-footer-contents__social__list {
    display: flex;
    flex-wrap: wrap;
    font-size: 24px;
    line-height: 1
}
.o-footer-contents__social__list a {
    transition: opacity .2s var(--easing-base)
}
@media (hover: hover) {
    .o-footer-contents__social__list a:hover {
        opacity: .7
    }
}
.o-footer-contents__copy {
    display: block;
    line-height: 1.3;
    font-family: var(--font-en)
}
@media (max-width: 1023px) {
    .o-footer-contents {
        padding-block: var(--unit-2) var(--unit-12)
    }
    .o-footer-contents__about__heading {
        font-size: 22px
    }
    .o-footer-contents__about__addr {
        margin-top: var(--unit-4);
        font-size: 13px
    }
    .o-footer-contents__about__tel {
        margin-top: var(--unit-4);
        font-size: 18px
    }
    .o-footer-contents__about__tel span {
        margin-top: var(--unit-2);
        font-size: 11px
    }
    .o-footer-contents__links {
        gap: var(--unit-3);
        margin-top: var(--unit-6);
        font-size: 11px
    }
    .o-footer-contents__social {
        margin-top: var(--unit-6)
    }
    .o-footer-contents__social__list {
        gap: var(--unit-4)
    }
    .o-footer-contents__copy {
        margin-top: var(--unit-6);
        font-size: 13px
    }
}
@media (min-width: 1024px) {
    .o-footer-contents {
        min-height: var(--const-header-nav-height);
        padding-block: var(--unit-2)
    }
    .o-footer-contents__about__heading {
        font-size: var(--font-size-small-heading)
    }
    .o-footer-contents__about__addr {
        font-size: var(--font-size-small-text);
        margin-top: var(--unit-3)
    }
    .o-footer-contents__about__tel {
        margin-top: var(--unit-3);
        font-size: var(--font-size-large-text);
        line-height: 1
    }
    .o-footer-contents__about__tel span {
        font-size: var(--font-size-caption);
        margin-top: var(--unit-1)
    }
    .o-footer-contents__links {
        gap: var(--unit-2);
        font-size: 13px
    }
    .o-footer-contents__social__list {
        gap: var(--unit-3)
    }
    .o-footer-contents__copy {
        margin-top: var(--unit-3)
    }
}
.o-list-detail {
    display: grid;
    font-size: var(--font-size-small-text)
}
.o-list-detail dt, .o-list-detail dd {
    position: relative;
    line-height: 1.6
}
.o-list-detail dt:before, .o-list-detail dd:before {
    content: "";
    display: none;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--color-line-blue)
}
.o-list-detail dt {
    font-weight: 500
}
@media (max-width: 1023px) {
    .o-list-detail dt, .o-list-detail dd {
        padding-inline: var(--unit-1)
    }
    .o-list-detail dt {
        margin-bottom: var(--unit-3);
        padding-top: var(--unit-2)
    }
    .o-list-detail dt:before {
        display: block
    }
    .o-list-detail dd {
        padding-bottom: var(--unit-3)
    }
}
@media (min-width: 1024px) {
    .o-list-detail {
        grid-template-columns: 1fr 2fr
    }
    .o-list-detail dt, .o-list-detail dd {
        padding: var(--unit-2) var(--unit-1)
    }
    .o-list-detail dt:before, .o-list-detail dd:before {
        display: block
    }
    .o-list-detail dt {
        grid-column: 1/2
    }
    .o-list-detail dd {
        grid-column: 2/3
    }
}
.o-list-link-with-icon {
    display: flex;
    flex-direction: column
}
@media (max-width: 1023px) {
    .o-list-link-with-icon {
        row-gap: 10px
    }
    .o-list-link-with-icon img.-pdf {
        width: 31px
    }
}
@media (min-width: 1024px) {
    .o-list-link-with-icon {
        row-gap: 9px
    }
    .o-list-link-with-icon img.-pdf {
        width: 37px
    }
}
.o-scalable-viewer {
    display: none;
    position: fixed;
    inset: 0;
    margin: 0;
    z-index: var(--z-index-viewer)
}
.o-scalable-viewer.is-active {
    display: flex
}
.o-scalable-viewer__content {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background: #333 radial-gradient(50% 50% at 50% 50%, #ffffff4d, #0000004d)
}
.o-scalable-viewer__content img {
    width: auto;
    height: auto;
    object-fit: contain;
    object-position: center;
    max-width: 100%;
    max-height: 100%
}
.o-scalable-viewer__side {
    position: relative;
    background-color: #000;
    z-index: 1
}
.o-scalable-viewer__nav {
    position: relative;
    display: flex;
    justify-content: space-between;
    z-index: 1;
    background-color: #000
}
.o-scalable-viewer__button {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    flex-direction: column;
    color: #fff;
    line-height: 1.4;
    font-size: var(--font-size-caption);
    transition: opacity .2s var(--easing-base)
}
@media (hover: hover) {
    .o-scalable-viewer__button:hover {
        opacity: .7
    }
}
.o-scalable-viewer__detail {
    width: fit-content;
    height: 100%;
    padding-block: var(--unit-6);
    overflow-y: scroll;
    color: #fff;
    background: #000000e6;
    backdrop-filter: blur(var(--unit-2))
}
.o-scalable-viewer__detail-content {
    padding-inline: var(--unit-3)
}
.o-scalable-viewer__header {
    display: flex;
    gap: var(--unit-1);
    align-items: center
}
.o-scalable-viewer__artist {
    font-size: var(--font-size-small-text);
    margin-bottom: var(--unit-1);
    font-weight: 500
}
.o-scalable-viewer__title {
    flex-shrink: 0;
    font-size: var(--font-size-small-heading);
    font-weight: 400
}
.o-scalable-viewer__tags {
    display: flex;
    flex-wrap: wrap;
    gap: var(--unit-1);
    font-size: var(--font-size-caption)
}
.o-scalable-viewer__tags>li {
    color: var(--color-yellow);
    border: 1px solid var(--color-yellow);
    padding: 3px var(--unit-1);
    line-height: 1.4
}
.o-scalable-viewer__meta {
    font-size: var(--font-size-caption);
    margin-top: var(--unit-3);
    line-height: calc(var(--font-size-caption) + var(--unit-1));
    font-weight: 500
}
.o-scalable-viewer__lede {
    font-size: var(--font-size-small-text);
    line-height: 1.9;
    margin-top: var(--unit-3)
}
.o-scalable-viewer__profile {
    margin-top: var(--unit-6);
    padding-top: var(--unit-3);
    border-top: 1px solid #fff
}
.o-scalable-viewer__profile>dt {
    display: flex;
    flex-direction: column;
    font-size: var(--font-size-medium-text)
}
.o-scalable-viewer__profile>dt span {
    font-size: var(--font-size-caption);
    line-height: 1
}
.o-scalable-viewer__profile>dt span:nth-of-type(1) {
    font-weight: 500;
    margin-top: var(--unit-2)
}
.o-scalable-viewer__profile>dt span:nth-of-type(2) {
    margin-top: var(--unit-1)
}
.o-scalable-viewer__profile>dd {
    font-size: var(--font-size-caption);
    line-height: 1.7;
    margin-top: var(--unit-3)
}
@media (max-width: 1023px) {
    .o-scalable-viewer {
        flex-direction: column
    }
    .o-scalable-viewer__content {
        height: calc(100dvh - 60px)
    }
    .o-scalable-viewer__nav {
        width: var(--const-toolbar-width);
        height: 60px;
        padding: 10px 15px
    }
    .o-scalable-viewer__button {
        gap: 2px
    }
    .o-scalable-viewer__detail {
        position: fixed;
        top: 0;
        right: 0;
        transition: opacity .3s ease-out;
        opacity: 0;
        pointer-events: none
    }
    .is-show-info .o-scalable-viewer__detail {
        opacity: 1;
        pointer-events: auto
    }
}
@media (min-width: 1024px) {
    .o-scalable-viewer__content {
        height: 100%
    }
    .o-scalable-viewer__nav {
        flex-direction: column;
        width: var(--const-toolbar-width);
        height: 100%;
        padding-block: var(--unit-3)
    }
    .o-scalable-viewer__button {
        gap: 4px;
        margin-inline: auto;
        padding-inline: 4px
    }
    .o-scalable-viewer__detail {
        position: absolute;
        top: 0;
        right: var(--const-toolbar-width);
        transform: translate(100%);
        transition: transform .3s ease-out
    }
    .is-show-info .o-scalable-viewer__detail {
        transform: translate(0)
    }
    .o-scalable-viewer__detail-content {
        width: 405px
    }
}
.o-section-upcoming__item.-type-event {
    border-top: 1px solid var(--color-line-blue)
}
@media (max-width: 1023px) {
    .o-section-upcoming__header {
        margin-bottom: var(--unit-4)
    }
    .o-section-upcoming__item+.o-section-upcoming__item {
        margin-top: var(--unit-8)
    }
}
@media (min-width: 1024px) {
    .o-section-upcoming__header {
        margin-bottom: var(--unit-5)
    }
    .o-section-upcoming__item+.o-section-upcoming__item {
        margin-top: var(--unit-6)
    }
    .o-section-upcoming__item.-type-event {
        display: grid;
        grid-template-columns: repeat(3, 1fr)
    }
}
.o-section-whatson__heading {
    margin-bottom: var(--unit-5)
}
.o-section-whatson__event {
    margin-top: var(--unit-6);
    border-top: 1px solid var(--color-line-blue)
}
@media (min-width: 1024px) {
    .o-section-whatson__event {
        display: grid;
        grid-template-columns: 1fr 2fr
    }
}
.o-toc {
    display: grid;
    row-gap: var(--unit-2);
    padding-top: var(--unit-2);
    padding-inline: var(--unit-1)
}
.o-toc__title {
    letter-spacing: 0;
    font-weight: 500;
    font-size: var(--font-size-caption)
}
.o-toc__links {
    display: flex
}
.o-toc__link.-is-current {
    pointer-events: none
}
.o-toc__link.-is-current a {
    --text-color: currentColor
}
.o-toc__link .icon-attention, .o-toc__link .icon-attention-fill {
    color: var(--color-red)
}
@media (max-width: 1023px) {
    .o-toc__links {
        gap: 10px;
        overflow-x: auto
    }
    .o-toc__link {
        white-space: nowrap
    }
}
@media (min-width: 1024px) {
    .o-toc__links {
        flex-direction: column;
        gap: 3px
    }
}
.o-wysiwyg {
    font-size: var(--font-size-small-text);
    display: grid;
    row-gap: var(--unit-4)
}
.o-wysiwyg>h2, .o-wysiwyg>h3, .o-wysiwyg>h4, .o-wysiwyg>h5, .o-wysiwyg>h6, .o-wysiwyg>p:not(:has(iframe)), .o-wysiwyg>ul, .o-wysiwyg>ol, .o-wysiwyg>*:not([class]):not(table):not(:has(iframe)) {
    padding-inline: var(--unit-1)
}
.o-wysiwyg>h2, .o-wysiwyg>h3, .o-wysiwyg>h4, .o-wysiwyg>h5, .o-wysiwyg>h6 {
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0;
    margin-top: var(--unit-2)
}
.o-wysiwyg>h2 {
    font-size: var(--font-size-small-heading)
}
.o-wysiwyg>h3 {
    font-size: var(--font-size-large-text)
}
.o-wysiwyg>p {
    line-height: 1.9;
    font-size: var(--font-size-small-text)
}
.o-wysiwyg.-size-wide .o-wysiwyg>p {
    font-size: var(--font-size-medium-text)
}
.o-wysiwyg>p:has(img) {
    display: flex;
    justify-content: center;
    gap: var(--unit-2)
}
.o-wysiwyg>p:has(img) img {
    flex: 1;
    width: calc(50% - var(--unit-2));
    height: auto
}
.o-wysiwyg>p:has(img) img:first-child:last-child {
    width: 100%
}
.o-wysiwyg>p>iframe:only-child {
    border: 0;
    vertical-align: top;
    width: calc(100% - 2px);
    height: 100%;
    object-fit: cover
}
.o-wysiwyg>p:has(>iframe:only-child) {
    aspect-ratio: 16/9
}
.o-wysiwyg>ul, .o-wysiwyg>ol {
    display: flex;
    flex-direction: column;
    gap: var(--unit-1);
    line-height: 1.75
}
.o-wysiwyg>ul>li, .o-wysiwyg>ol>li {
    display: flex
}
.o-wysiwyg>ul>li:before {
    content: "";
    width: 5px;
    height: 5px;
    aspect-ratio: 1;
    clip-path: circle(50%);
    background-color: #000;
    border-radius: 50%;
    margin-top: calc(.5lh - 2.5px);
    margin-right: var(--unit-1)
}
.o-wysiwyg>ol {
    counter-reset: num;
    counter-set: num
}
.o-wysiwyg>ol>li {
    counter-increment: num
}
.o-wysiwyg>ol>li:before {
    content: counter(num) ".";
    white-space: nowrap;
    margin-right: var(--unit-1);
    text-align: right
}
.o-wysiwyg a {
    color: var(--color-yamatane-blue);
    text-decoration: none;
    transition: opacity .2s var(--easing-base)
}
@media (hover: hover) {
    .o-wysiwyg a:hover {
        opacity: .7
    }
}
.o-wysiwyg a[target=_blank]:after {
    content: "";
    font-family: icons !important;
    font-style: normal;
    font-weight: 400 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.o-wysiwyg b, .o-wysiwyg strong {
    font-weight: 500
}
.o-wysiwyg s, .o-wysiwyg del {
    text-decoration: line-through
}
.o-wysiwyg em, .o-wysiwyg i {
    font-style: italic
}
.o-wysiwyg>table {
    border: none
}
.o-wysiwyg>table>colgroup {
    display: none
}
.o-wysiwyg>table tr, .o-wysiwyg>table th, .o-wysiwyg>table td {
    border: none
}
.o-wysiwyg>table tr {
    border-top: 1px solid var(--color-line-blue)
}
.o-wysiwyg>table th, .o-wysiwyg>table td:first-of-type {
    font-weight: 500
}
.o-wysiwyg>table th, .o-wysiwyg>table td {
    vertical-align: top;
    border-color: var(--color-line-blue);
    line-height: 1.6
}
.o-wysiwyg>blockquote {
    padding-left: var(--unit-2);
    border-left: 2px solid var(--color-yamatane-blue);
    line-height: 1.9;
    font-size: var(--font-size-medium-text)
}
.o-wysiwyg iframe {
    width: calc(100% - 1px)
}
@media (max-width: 1023px) {
    .o-wysiwyg {
        grid-template-columns: repeat(2, 1fr)
    }
    .o-wysiwyg>* {
        grid-column: 1/3
    }
    .o-wysiwyg table {
        grid-column: 1/3
    }
    .o-wysiwyg table tr {
        display: flex;
        flex-direction: column;
        padding-block: var(--unit-2) var(--unit-3)
    }
    .o-wysiwyg table td {
        padding-inline: var(--unit-1)
    }
    .o-wysiwyg table td:not(:first-child) {
        margin-top: var(--unit-3)
    }
}
@media (min-width: 1024px) {
    .o-wysiwyg {
        grid-template-columns: repeat(3, 1fr)
    }
    .o-wysiwyg>* {
        grid-column: 1/3
    }
    .o-wysiwyg table {
        grid-column: 1/4
    }
    .o-wysiwyg table tr {
        display: grid;
        grid-template-columns: repeat(3, 1fr)
    }
    .o-wysiwyg table tr>*:nth-child(1) {
        grid-column: 1/2
    }
    .o-wysiwyg table tr>*:nth-child(2) {
        grid-column: 2/4
    }
    .o-wysiwyg table th, .o-wysiwyg table td {
        padding: var(--unit-2) var(--unit-1)
    }
}
.c-blockquote {
    padding-inline: calc(var(--unit-2) - 2px) var(--unit-1);
    border-left: solid 2px var(--color-yamatane-blue);
    line-height: 1.9;
    font-size: var(--font-size-medium-text)
}
.c-box-wysiwyg {
    display: flex;
    flex-direction: column;
    gap: var(--unit-3);
    padding: var(--unit-3);
    background-color: var(--color-light-gray);
    line-height: 1.9
}
@media (max-width: 1023px) {
    .c-box-wysiwyg {
        font-size: var(--font-size-small-text)
    }
}
@media (min-width: 1024px) {
    .c-box-wysiwyg {
        width: calc(100% - 2px);
        font-size: var(--font-size-small-text)
    }
}
.c-breadcrumb {
    display: flex
}
.c-breadcrumb a {
    color: var(--color-yamatane-blue);
    transition: opacity .2s var(--easing-base)
}
@media (hover: hover) {
    .c-breadcrumb a:hover {
        opacity: .7
    }
}
.c-breadcrumb>li {
    display: flex
}
.c-breadcrumb>li:not(:first-child):before {
    content: "";
    width: 1px;
    height: 100%;
    background-color: var(--color-line-blue)
}
.c-breadcrumb__item {
    font-weight: 500
}
@media (max-width: 1023px) {
    .c-breadcrumb {
        gap: var(--unit-2)
    }
    .c-breadcrumb>li:not(:first-child):before {
        margin-right: var(--unit-2)
    }
    .c-breadcrumb__item {
        font-size: var(--font-size-small-caption);
        line-height: var(--unit-4)
    }
}
@media (min-width: 1024px) {
    .c-breadcrumb {
        gap: var(--unit-1)
    }
    .c-breadcrumb>li:not(:first-child):before {
        margin-right: var(--unit-1)
    }
    .c-breadcrumb__item {
        font-size: var(--font-size-caption);
        line-height: 1.53846
    }
}
.c-button-copy {
    --text-color: var(--color-yamatane-blue);
    display: inline-flex;
    align-items: center;
    gap: 3px;
    font-weight: 500;
    font-size: var(--font-size-small-text);
    color: var(--text-color);
    padding-right: .5em;
    transition: opacity .2s var(--easing-base)
}
@media (hover: hover) {
    .c-button-copy:hover {
        opacity: .7
    }
}
html[lang=ja] .c-button-copy {
    letter-spacing: .03em
}
.c-button-copy.-lang-en {
    letter-spacing: .02em;
    font-family: var(--font-en);
    font-size: var(--font-size-large-text)
}
.c-button-copy.is-success {
    color: var(--color-green)
}
.c-button-copy.is-success:before {
    content: "";
    font-family: icons !important;
    font-style: normal;
    font-weight: 400 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.c-grid-image-wysiwyg {
    display: grid;
    gap: var(--unit-2);
    grid-template-columns: repeat(2, 1fr);
    width: calc(100% - 1px)
}
@media (min-width: 1024px) {
    .c-grid-image-wysiwyg img {
        width: 100%
    }
}
@keyframes line-top {
    0% {
        transform: translateY(var(--top-y)) rotate(30deg)
    }
    50% {
        transform: translateY(var(--top-y)) rotate(0)
    }
    to {
        transform: translateY(0) rotate(0)
    }
}
@keyframes line-middle {
    0% {
        opacity: 0
    }
    50% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
@keyframes line-bottom {
    0% {
        transform: translateY(var(--bottom-y)) rotate(-45deg)
    }
    50% {
        transform: translateY(var(--bottom-y)) rotate(0)
    }
    to {
        transform: translateY(0) rotate(0)
    }
}
@keyframes line-top-open {
    0% {
        transform: translateY(0) rotate(0)
    }
    50% {
        transform: translateY(var(--top-y)) rotate(0)
    }
    to {
        transform: translateY(var(--top-y)) rotate(45deg)
    }
}
@keyframes line-middle-open {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
    to {
        opacity: 0
    }
}
@keyframes line-bottom-open {
    0% {
        transform: translateY(0) rotate(0)
    }
    50% {
        transform: translateY(var(--bottom-y)) rotate(0)
    }
    to {
        transform: translateY(var(--bottom-y)) rotate(-45deg)
    }
}
.c-hamburger {
    --top-y: 8px;
    --bottom-y: -8px;
    --duration: .75s;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1
}
.c-hamburger span {
    background: var(--color-yamatane-blue);
    position: relative
}
[aria-expanded=true] .c-hamburger span:nth-child(1) {
    transform: translateY(0) rotate(45deg)
}
[aria-expanded=true] .c-hamburger span:nth-child(2) {
    display: none
}
[aria-expanded=true] .c-hamburger span:nth-child(3) {
    transform: translateY(var(--bottom-y)) rotate(-45deg)
}
@media (max-width: 1023px) {
    .c-hamburger {
        row-gap: 3px;
        width: 24px;
        height: 12px;
        top: 1px
    }
    .c-hamburger span {
        width: 20px;
        height: 2.5px
    }
    [aria-expanded=true] .c-hamburger span:nth-child(1) {
        top: 3px
    }
    [aria-expanded=true] .c-hamburger span:nth-child(2) {
        display: none
    }
    [aria-expanded=true] .c-hamburger span:nth-child(3) {
        top: 6px
    }
}
@media (min-width: 1024px) {
    .c-hamburger {
        row-gap: 6px;
        width: 40px;
        height: 40px
    }
    .c-hamburger span {
        width: 26px;
        height: 1px
    }
    [aria-expanded=true] .c-hamburger span:nth-child(1) {
        top: 5px
    }
    [aria-expanded=true] .c-hamburger span:nth-child(2) {
        display: none
    }
    [aria-expanded=true] .c-hamburger span:nth-child(3) {
        top: 5px
    }
}
.c-heading-page {
    position: relative;
    display: flex;
    flex-direction: column;
    letter-spacing: normal
}
.c-heading-page:before {
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    top: -1px;
    background-color: var(--color-yamatane-blue)
}
.c-heading-page__main {
    line-height: .9;
    font-weight: 400
}
html[lang=ja] .c-heading-page__main, html[lang=en] .c-heading-page__main {
    font-family: var(--font-en)
}
.c-heading-page__sub {
    display: block;
    line-height: 1;
    font-weight: 500;
    font-size: var(--font-size-medium-text)
}
@media (max-width: 1023px) {
    .c-heading-page {
        row-gap: 10px;
        padding: 12px 5px
    }
    .c-heading-page:before {
        width: 30px;
        left: 5px
    }
    .c-heading-page__main {
        font-size: var(--font-size-large-heading)
    }
    html[lang=ja] .-main-hidden-sp .c-heading-page__main {
        display: none
    }
    html[lang=ja] .-main-hidden-sp .c-heading-page__sub {
        line-height: 1.2;
        font-size: var(--font-size-medium-heading)
    }
}
@media (min-width: 1024px) {
    .c-heading-page {
        row-gap: 18px;
        padding: 20px 9px
    }
    .c-heading-page:before {
        width: 45px;
        left: 9px
    }
    .c-heading-page__main {
        font-size: var(--font-size-jumbo-title)
    }
}
.c-heading-section {
    display: flex;
    flex-direction: column;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0;
    font-size: var(--font-size-large-text);
    padding-left: var(--unit-1)
}
html[lang=en] .c-heading-section {
    font-family: var(--font-en)
}
.c-heading-section:last-child {
    padding-bottom: var(--unit-2)
}
.c-heading-section:before {
    content: "";
    display: block;
    height: 2px;
    background-color: var(--color-yamatane-blue);
    margin-bottom: var(--unit-2)
}
@media (max-width: 1023px) {
    .c-heading-section {
        padding-bottom: 10px
    }
    .c-heading-section:before {
        width: 20px
    }
}
@media (min-width: 1024px) {
    .c-heading-section {
        position: sticky;
        top: 0;
        left: 0
    }
    .c-heading-section:before {
        width: 27px
    }
}
.c-heading-subtitle {
    padding: var(--unit-2) var(--unit-1) 0;
    line-height: 1.4;
    letter-spacing: 0;
    font-family: var(--font-ja);
    font-weight: 500;
    font-size: var(--font-size-large-text)
}
.c-image-wysiwyg {
    width: calc(100% - 1px);
    overflow-x: scroll
}
.c-image-wysiwyg::-webkit-scrollbar {
    display: none
}
.c-image-wysiwyg img {
    width: 100%
}
.c-image-wysiwyg__caption {
    margin-top: var(--unit-1);
    padding-inline: var(--unit-1)
}
@media (max-width: 1023px) {
    .c-image-wysiwyg__caption {
        font-size: var(--font-size-caption)
    }
}
@media (min-width: 1024px) {
    .c-image-wysiwyg__caption {
        font-size: var(--font-size-caption)
    }
    .c-image-wysiwyg__view img {
        width: calc(100% - 1px)
    }
    .c-grid-image-wysiwyg .c-image-wysiwyg__view img {
        width: 100%
    }
}
.c-image {
    display: flex;
    flex-direction: column;
    gap: var(--unit-1)
}
.c-image__image {
    display: block;
    text-align: center;
}
.c-image__image2 {
    display: block;
    text-align: center;
}
/*.c-image__image img {
    width: 50%;
    height: 100%
}*/

@media (max-width: 1023px) {
	.c-image__image img {
    width: 100%;
    height: 100%
	}
	.c-image__image2 img {
    width: 40%;
    height: 100%
	}
}
@media (min-width: 1024px) {
	.c-image__image img {
    width: 100%;
    height: 100%
	}
	.c-image__image2 img {
    width: 50%;
    height: 100%
	}
}
.c-image__caption {
    line-height: 1.4;
    font-size: var(--font-size-caption);
    padding-inline: var(--unit-1)
}
.c-label-category {
    display: inline-flex;
    align-self: start;
    font-weight: 500;
    font-size: var(--font-size-caption)
}
.c-label-category.-open {
    background-color: var(--color-yamatane-blue);
    color: #fff
}
.c-label-category.-next {
    background-color: var(--color-yellow);
    color: #000
}
.c-label-category.-closed {
    background-color: #000;
    color: #fff
}
@media (max-width: 1023px) {
    .c-label-category {
        height: 20px;
        padding-inline: 5px;
        line-height: 20px
    }
}
@media (min-width: 1024px) {
    .c-label-category {
        height: 24px;
        padding-inline: 6px;
        line-height: 24px
    }
}
.c-label-status {
    line-height: 1;
    letter-spacing: 0;
    font-weight: 500;
    font-style: normal;
    font-size: var(--font-size-caption)
}
.c-label-status.-available {
    color: var(--color-green)
}
.c-label-term {
    font-family: var(--font-en);
    font-size: var(--font-size-large-text);
    letter-spacing: .02em
}
.c-label-term span {
    margin-left: 2px;
    font-weight: 500;
    font-size: var(--font-size-caption);
    letter-spacing: 0
}
.c-link-with-icon {
    --text-color: var(--color-yamatane-blue);
    display: inline-flex;
    align-items: center;
    gap: 3px;
    font-weight: 500;
    font-size: var(--font-size-small-text);
    color: var(--text-color);
    transition: opacity .2s var(--easing-base)
}
@media (hover: hover) {
    .c-link-with-icon:hover {
        opacity: .7
    }
}
.c-link-with-icon.-lang-en {
    letter-spacing: .02em;
    font-family: var(--font-en);
    font-size: var(--font-size-large-text)
}
@media (max-width: 1023px) {
    .c-link-with-icon .-pdf {
        width: 29px
    }
}
.c-link-with-thumbnail {
    display: flex;
    align-items: center;
    transition: opacity .2s var(--easing-base)
}
@media (hover: hover) {
    .c-link-with-thumbnail:hover {
        opacity: .7
    }
}
.c-link-with-thumbnail__thumbnail {
    aspect-ratio: 3/2
}
.c-link-with-thumbnail__thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover
}
.c-link-with-thumbnail__text {
    display: flex;
    align-items: center;
    line-height: 1.2;
    font-weight: 500;
    color: var(--color-yamatane-blue)
}
[href$=".pdf"] .c-link-with-thumbnail__text:after {
    flex-shrink: 0;
    content: "PDF";
    display: inline-block;
    border: 1px solid var(--color-yamatane-blue);
    line-height: 1;
    font-size: var(--font-size-caption);
    color: var(--color-yamatane-blue)
}
@media (max-width: 1023px) {
    .c-link-with-thumbnail__thumbnail {
        height: 62px
    }
    .c-link-with-thumbnail__text {
        column-gap: 3px;
        padding-inline: 5px;
        font-size: var(--font-size-small-text)
    }
    [href$=".pdf"] .c-link-with-thumbnail__text:after {
        padding: 3px 4px;
        font-family: var(--font-en)
    }
}
@media (min-width: 1024px) {
    .c-link-with-thumbnail__thumbnail {
        height: 126px
    }
    .c-link-with-thumbnail__text {
        column-gap: 5px;
        padding-inline: 18px;
        font-size: var(--font-size-medium-text)
    }
    [href$=".pdf"] .c-link-with-thumbnail__text:after {
        padding: 2px 5px;
        font-family: var(--font-ja);
        font-weight: 500
    }
}
.c-select-language {
    --webkit-appearance: none;
    appearance: none;
    border: none;
    outline: none
}
.c-text-block {
    padding-inline: var(--unit-1);
    line-height: 1.9
}
.c-text-block.-align-left {
    text-align: left
}
.c-text-block.-align-center {
    text-align: center
}
.c-text-block.-align-right {
    text-align: right
}
.c-text-block.-font-size-s {
    font-size: var(--font-size-small-text)
}
.c-text-block.-font-size-m {
    font-size: var(--font-size-medium-text)
}
.c-text-block.-font-size-l {
    font-size: var(--font-size-large-text)
}
.c-text-block.-bold {
    font-weight: 500
}
.c-video {
    aspect-ratio: 16/9
}
.c-video iframe {
    width: 100%;
    height: 100%;
    object-fit: cover;
    vertical-align: top;
    border: 0
}
.u-details-reset>summary {
    list-style: none
}
.u-details-reset>summary::-webkit-details-marker, .u-details-reset>summary::marker {
    display: none
}
.u-effect[data-effect=reveal-bottom] {
    clip-path: polygon(0 0, 100% 0, 100% 0%, 0% 0%);
    transition: clip-path 1s var(--easing-base)
}
.u-effect[data-effect=reveal-bottom][data-effect-type=block] {
    display: block
}
.u-effect[data-effect=reveal-bottom][data-effect-delay="1"] {
    transition-delay: .192s
}
.u-effect[data-effect=reveal-bottom][data-effect-delay="2"] {
    transition-delay: .384s
}
.u-effect[data-effect=reveal-bottom][data-effect-delay="3"] {
    transition-delay: .576s
}
.u-effect[data-effect=reveal-bottom][data-effect-delay="4"] {
    transition-delay: .768s
}
.u-effect[data-effect=reveal-bottom][data-effect-delay="5"] {
    transition-delay: .96s
}
.u-effect[data-effect=reveal-bottom][data-effect-delay="6"] {
    transition-delay: 1.152s
}
.u-effect[data-effect=reveal-bottom][data-effect-delay="7"] {
    transition-delay: 1.344s
}
.u-effect[data-effect=reveal-bottom][data-effect-delay="8"] {
    transition-delay: 1.536s
}
.u-effect[data-effect=reveal-bottom][data-effect-delay="9"] {
    transition-delay: 1.728s
}
.u-effect[data-effect=reveal-bottom][data-effect-delay="10"] {
    transition-delay: 1.92s
}
.u-effect[data-effect=reveal-bottom].is-inview, .is-inview .u-effect[data-effect=reveal-bottom] {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%)
}
.u-effect[data-effect*=reveal-caption] {
    opacity: 0;
    transition: opacity .4s var(--easing-base)
}
.u-effect[data-effect*=reveal-caption][data-effect-delay="1"] {
    transition-delay: .38s
}
.u-effect[data-effect*=reveal-caption][data-effect-delay="2"] {
    transition-delay: .76s
}
.u-effect[data-effect*=reveal-caption][data-effect-delay="3"] {
    transition-delay: 1.14s
}
.u-effect[data-effect*=reveal-caption][data-effect-delay="4"] {
    transition-delay: 1.52s
}
.u-effect[data-effect*=reveal-caption][data-effect-delay="5"] {
    transition-delay: 1.9s
}
.u-effect[data-effect*=reveal-caption][data-effect-delay="6"] {
    transition-delay: 2.28s
}
.u-effect[data-effect*=reveal-caption][data-effect-delay="7"] {
    transition-delay: 2.66s
}
.u-effect[data-effect*=reveal-caption][data-effect-delay="8"] {
    transition-delay: 3.04s
}
.u-effect[data-effect*=reveal-caption][data-effect-delay="9"] {
    transition-delay: 3.42s
}
.u-effect[data-effect*=reveal-caption][data-effect-delay="10"] {
    transition-delay: 3.8s
}
.u-effect[data-effect*=reveal-caption].is-inview, .is-inview .u-effect[data-effect*=reveal-caption] {
    opacity: 1
}
.u-effect[data-effect=scrolled] {
    opacity: 0;
    transition: opacity .3s var(--easing-base);
    pointer-events: none
}
.is-scrolled .u-effect[data-effect=scrolled] {
    opacity: 1;
    pointer-events: auto
}
@media (max-width: 1023px) {
    :root {
        --grid-columns: 2
    }
    .mobile\:u-grid {
        display: grid;
        gap: 0;
        grid-template-columns: repeat(var(--grid-columns), 1fr)
    }
    .mobile\:u-grid-col-span-1 {
        grid-column: span 1
    }
    .mobile\:u-grid-col-span-2 {
        grid-column: span 2
    }
    .mobile\:u-grid-col-span-3 {
        grid-column: span 3
    }
    .mobile\:u-grid-col-span-4 {
        grid-column: span 4
    }
    .mobile\:u-grid {
        display: grid;
        gap: var(--grid-gutter);
        grid-template-columns: repeat(var(--grid-columns), 1fr)
    }
    .mobile\:u-grid-col-1\:1 {
        grid-column: 1/2
    }
    .mobile\:u-grid-col-1\:2 {
        grid-column: 1/3
    }
    .mobile\:u-grid-col-2\:2 {
        grid-column: 2/3
    }
    .mobile\:u-grid-row-span-1 {
        grid-row: span 1
    }
    .mobile\:u-grid-row-span-2 {
        grid-row: span 2
    }
    .mobile\:u-grid-row-span-3 {
        grid-row: span 3
    }
    .mobile\:u-grid-row-span-4 {
        grid-row: span 4
    }
    .mobile\:u-grid-order-1 {
        order: 1
    }
    .mobile\:u-grid-order-2 {
        order: 2
    }
    .mobile\:u-grid-order-3 {
        order: 3
    }
    .mobile\:u-grid-order-4 {
        order: 4
    }
    .mobile\:u-grid-order-5 {
        order: 5
    }
    .mobile\:u-grid-order-6 {
        order: 6
    }
    .mobile\:u-grid-order-7 {
        order: 7
    }
    .mobile\:u-grid-order-8 {
        order: 8
    }
    .mobile\:u-grid-order-9 {
        order: 9
    }
    .mobile\:u-grid-order-10 {
        order: 10
    }
    .mobile\:u-grid-order-11 {
        order: 11
    }
    .mobile\:u-grid-order-12 {
        order: 12
    }
    .mobile\:u-grid-order-13 {
        order: 13
    }
    .mobile\:u-grid-order-14 {
        order: 14
    }
    .mobile\:u-grid-order-15 {
        order: 15
    }
    .mobile\:u-grid-order-16 {
        order: 16
    }
    .mobile\:u-grid-order-17 {
        order: 17
    }
    .mobile\:u-grid-order-18 {
        order: 18
    }
    .mobile\:u-grid-order-19 {
        order: 19
    }
    .mobile\:u-grid-order-20 {
        order: 20
    }
}
@media (min-width: 1024px) {
    :root {
        --grid-columns: 4
    }
    .desktop\:u-grid {
        display: grid;
        gap: 0;
        grid-template-columns: repeat(var(--grid-columns), 1fr)
    }
    .desktop\:u-grid-col-1\:1 {
        grid-column: 1/2
    }
    .desktop\:u-grid-col-1\:2 {
        grid-column: 1/3
    }
    .desktop\:u-grid-col-1\:3 {
        grid-column: 1/4
    }
    .desktop\:u-grid-col-1\:4 {
        grid-column: 1/5
    }
    .desktop\:u-grid-col-span-1 {
        grid-column: span 1
    }
    .desktop\:u-grid-col-2\:2 {
        grid-column: 2/3
    }
    .desktop\:u-grid-col-2\:3 {
        grid-column: 2/4
    }
    .desktop\:u-grid-col-2\:4 {
        grid-column: 2/5
    }
    .desktop\:u-grid-col-span-2 {
        grid-column: span 2
    }
    .desktop\:u-grid-col-3\:3 {
        grid-column: 3/4
    }
    .desktop\:u-grid-col-3\:4 {
        grid-column: 3/5
    }
    .desktop\:u-grid-col-span-3 {
        grid-column: span 3
    }
    .desktop\:u-grid-col-4\:4 {
        grid-column: 4/5
    }
    .desktop\:u-grid-col-span-4 {
        grid-column: span 4
    }
    .desktop\:u-grid-row-span-1 {
        grid-row: span 1
    }
    .desktop\:u-grid-row-span-2 {
        grid-row: span 2
    }
    .desktop\:u-grid-row-span-3 {
        grid-row: span 3
    }
    .desktop\:u-grid-row-span-4 {
        grid-row: span 4
    }
    .desktop\:u-grid-row-span-5 {
        grid-row: span 5
    }
    .desktop\:u-grid-row-span-6 {
        grid-row: span 6
    }
    .desktop\:u-grid-order-1 {
        order: 1
    }
    .desktop\:u-grid-order-2 {
        order: 2
    }
    .desktop\:u-grid-order-3 {
        order: 3
    }
    .desktop\:u-grid-order-4 {
        order: 4
    }
    .desktop\:u-grid-order-5 {
        order: 5
    }
    .desktop\:u-grid-order-6 {
        order: 6
    }
    .desktop\:u-grid-order-7 {
        order: 7
    }
    .desktop\:u-grid-order-8 {
        order: 8
    }
    .desktop\:u-grid-order-9 {
        order: 9
    }
    .desktop\:u-grid-order-10 {
        order: 10
    }
    .desktop\:u-grid-order-11 {
        order: 11
    }
    .desktop\:u-grid-order-12 {
        order: 12
    }
    .desktop\:u-grid-order-13 {
        order: 13
    }
    .desktop\:u-grid-order-14 {
        order: 14
    }
    .desktop\:u-grid-order-15 {
        order: 15
    }
    .desktop\:u-grid-order-16 {
        order: 16
    }
    .desktop\:u-grid-order-17 {
        order: 17
    }
    .desktop\:u-grid-order-18 {
        order: 18
    }
    .desktop\:u-grid-order-19 {
        order: 19
    }
    .desktop\:u-grid-order-20 {
        order: 20
    }
}
@media (max-width: 1023px) {
    .u-hidden-mobile {
        display: none
    }
}
@media (min-width: 1024px) {
    .u-hidden-desktop {
        display: none
    }
}
.p-about__hero img {
    width: 100%
}
.p-about__content {
    display: grid;
    row-gap: var(--unit-6)
}
.p-about__content.-has-border {
    border-top: 1px solid var(--color-line-blue)
}
.p-about__content-texts {
    display: flex;
    flex-direction: column;
    row-gap: var(--unit-3);
    padding-inline: var(--unit-1);
    line-height: 1.9;
    font-size: var(--font-size-small-text)
}
.p-about__logo {
    display: grid
}
.p-about__logo dt {
    padding-inline: var(--unit-1);
    font-weight: 500;
    font-size: var(--font-size-medium-text)
}
.p-about__logo-detail {
    display: flex;
    flex-direction: column;
    gap: var(--unit-3)
}
.p-about__logo-detail dt {
    letter-spacing: 0
}
.p-about__greeting {
    display: grid
}
.p-about__greeting-text {
    display: flex;
    flex-direction: column;
    gap: var(--unit-3)
}
.p-about__greeting-text__message {
    display: flex;
    flex-direction: column;
    gap: var(--unit-3);
    padding-inline: var(--unit-1);
    line-height: 1.9;
    font-size: var(--font-size-small-text)
}
.p-about__greeting-text__date {
    padding-inline: var(--unit-1);
    line-height: 1.9;
    font-size: var(--font-size-small-text);
    text-align: right
}
@media (max-width: 1023px) {
    .p-about__hero {
        margin-bottom: var(--unit-12)
    }
    .p-about__hero .c-heading-page {
        margin-bottom: var(--unit-4)
    }
    .p-about__content {
        margin-top: var(--unit-6)
    }
    .p-about__content.-has-border-mobile {
        border-top: 1px solid var(--color-line-blue)
    }
    .p-about__floormap {
        padding-inline: var(--unit-1)
    }
    .p-about__logo {
        gap: 20px
    }
    .p-about__greeting {
        grid-template-columns: 1fr 1fr;
        row-gap: var(--unit-4)
    }
    .p-about__greeting-image {
        grid-column: 1/1
    }
    .p-about__greeting-text {
        grid-column: span 2
    }
}
@media (min-width: 1024px) {
    .p-about__hero {
        row-gap: 120px
    }
    .p-about__hero .o-anchor {
        border-top: 1px solid var(--color-line-blue)
    }
    .p-about__contents {
        display: contents
    }
    .p-about__content:not(:first-child) {
        margin-top: var(--unit-6)
    }
    .p-about__logo {
        grid-template-columns: 1fr 2fr
    }
    .p-about__logo img {
        width: calc(100% - 2px)
    }
    .p-about__greeting {
        grid-template-columns: 1fr 2fr;
        padding-top: var(--unit-2)
    }
    .p-about__greeting .c-heading-subtitle {
        padding-top: 0
    }
    .p-about__greeting-image img {
        width: calc(100% - 2px)
    }
}
.p-collection__content {
    margin-top: var(--unit-12)
}
.p-collection__caption {
    text-align: right;
    font-size: var(--font-size-caption);
    padding-inline: var(--unit-1);
    margin-bottom: var(--unit-2);
    line-height: 1.6
}
@media (max-width: 1023px) {
    .p-collection__content {
        margin-bottom: var(--unit-12)
    }
}
.p-donation__content {
    margin-top: var(--unit-6);
    border-top: 1px solid var(--color-line-blue)
}
.c-heading-subtitle+.p-donation__content {
    border-top: 0
}
.p-donation__content h4 {
    margin-bottom: var(--unit-6);
    padding-inline: var(--unit-1);
    line-height: 1.4;
    letter-spacing: 0;
    font-weight: 500;
    font-size: var(--font-size-medium-text)
}
.p-donation__content>* {
    margin-top: var(--unit-2)
}
.p-donation__content>*:not(:first-child) {
    margin-top: var(--unit-3)
}
.p-donation__link {
    padding-inline: var(--unit-1)
}
.p-donation__contact {
    line-height: 1.4
}
.p-donation__contact .o-block-background__title {
    font-size: var(--font-size-small-text)
}
.p-donation__contact-info {
    display: flex;
    flex-direction: column;
    row-gap: var(--unit-1)
}
.p-donation__contact-info p:not(.-note) {
    line-height: 1.9;
    font-size: var(--font-size-small-text)
}
.p-donation__contact-info p.-note {
    font-size: var(--font-size-caption)
}
.p-donation__contact-email {
    display: flex;
    align-items: center
}
@media (max-width: 1023px) {
    .p-donation__hero {
        margin-bottom: var(--unit-12)
    }
    .p-donation__contents {
        padding-top: var(--unit-2)
    }
}
@media (min-width: 1024px) {
    .p-donation__contents {
        display: contents
    }
}
.p-error {
    position: relative;
    border-top: none
}
.p-error:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 1px;
    background-color: var(--color-line-blue)
}
.p-error__content {
    display: flex;
    flex-direction: column;
    gap: var(--unit-3);
    margin-top: var(--unit-12);
    padding: var(--unit-2) var(--unit-1) 0;
    border-top: 1px solid var(--color-line-blue);
    font-size: var(--font-size-small-text);
    line-height: 1.9
}
@media (max-width: 1023px) {
    .p-error:before {
        width: 100%
    }
}
@media (min-width: 1024px) {
    .p-error:before {
        width: 50%
    }
}
.p-exhibition-detail__related-event-link {
    padding: var(--unit-2) var(--unit-1);
    border-top: 1px solid var(--color-line-blue)
}
.p-exhibitions__content, .p-exhibitions__list {
    display: flex;
    flex-direction: column;
    row-gap: var(--unit-6)
}
.p-exhibitions__list>*:not(:first-child) {
    border-top: 1px solid var(--color-line-blue)
}
.p-exhibitions__main {
    margin-top: var(--unit-12);
    border-top: 1px solid var(--color-line-blue)
}
.p-exhibitions__link {
    border-top: 1px solid var(--color-line-blue);
    padding: var(--unit-3) var(--unit-1) 0
}
@media (max-width: 1023px) {
    .p-exhibitions__content {
        margin-top: var(--unit-6);
        padding-bottom: var(--unit-8)
    }
}
@media (min-width: 1024px) {
    .p-exhibitions__contents {
        display: contents
    }
    .p-exhibitions__toc .o-toc {
        position: sticky;
        top: 0;
        left: 0
    }
}
.p-foundation__details {
    display: grid;
    font-size: var(--font-size-small-text)
}
.p-foundation__details dt, .p-foundation__details dd {
    position: relative;
    line-height: 1.6
}
.p-foundation__details dt:before, .p-foundation__details dd:before {
    content: "";
    display: none;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--color-line-blue)
}
.p-foundation__details dt:nth-of-type(1):before, .p-foundation__details dd:nth-of-type(1):before {
    display: none
}
.p-foundation__details dt {
    font-weight: 500
}
.p-foundation__list {
    display: flex;
    flex-direction: column;
    row-gap: var(--unit-1)
}
.p-foundation__list>li {
    position: relative
}
.p-foundation__list>li:before {
    content: "";
    display: block;
    position: absolute;
    width: 5px;
    height: 5px;
    background-color: #000;
    border-radius: 50%
}
@media (max-width: 1023px) {
    .p-foundation__contents {
        margin-top: var(--unit-4)
    }
    .p-foundation__details {
        border-top: 1px solid var(--color-line-blue)
    }
    .p-foundation__details dt, .p-foundation__details dd {
        padding-inline: var(--unit-1)
    }
    .p-foundation__details dt {
        margin-bottom: var(--unit-3);
        padding-top: var(--unit-2)
    }
    .p-foundation__details dt:before {
        display: block
    }
    .p-foundation__details dd {
        padding-bottom: var(--unit-3)
    }
    .p-foundation__list>li {
        padding-left: 18px
    }
    .p-foundation__list>li:before {
        top: 8px;
        left: 7px
    }
}
@media (min-width: 1024px) {
    .p-foundation__contents {
        display: contents
    }
    .p-foundation__details {
        grid-template-columns: 1fr 2fr
    }
    .p-foundation__details dt, .p-foundation__details dd {
        padding: 18px 9px
    }
    .p-foundation__details dt:before, .p-foundation__details dd:before {
        display: block
    }
    .p-foundation__details dt {
        grid-column: 1/2
    }
    .p-foundation__details dd {
        grid-column: 2/3
    }
    .p-foundation__list>li {
        padding-left: 26px
    }
    .p-foundation__list>li:before {
        top: 10px;
        left: 9px
    }
}
.p-guidance__members-info {
    display: grid
}
.p-guidance__members-info {
    margin-top: var(--unit-6)
}
.p-guidance__members-info__text {
    display: flex;
    flex-direction: column;
    row-gap: var(--unit-3)
}
.p-guidance__members-detail {
    display: flex;
    flex-direction: column;
    row-gap: var(--unit-3);
    margin-top: var(--unit-3)
}
.p-guidance__member-benefits {
    display: flex;
    flex-direction: column;
    row-gap: var(--unit-3);
    margin-top: var(--unit-6)
}
.p-guidance__member-benefits__image, .p-guidance__member-benefits__text {
    border-top: 1px solid var(--color-line-blue)
}
.p-guidance__member-benefits__text {
    padding-top: var(--unit-2);
    padding-inline: var(--unit-1)
}
.p-guidance__member-benefits__text dt {
    margin-bottom: var(--unit-2);
    line-height: 1.4;
    font-weight: 500;
    font-size: var(--font-size-large-text)
}
.p-guidance__member-benefits__text dd {
    line-height: 1.6;
    font-size: var(--font-size-small-text)
}
.p-guidance__member-notes {
    margin-top: var(--unit-6);
    border-top: 1px solid var(--color-line-blue)
}
.p-guidance__member-notes h4 {
    margin-bottom: var(--unit-6);
    padding-top: var(--unit-2);
    padding-inline: var(--unit-1);
    line-height: 24px;
    letter-spacing: 0;
    font-weight: 500;
    font-size: var(--font-size-medium-text)
}
.p-guidance__member-notes ol {
    display: flex;
    flex-direction: column;
    row-gap: var(--unit-1);
    margin-bottom: var(--unit-3);
    padding-inline: var(--unit-1);
    counter-reset: num 0
}
.p-guidance__member-notes ol li {
    display: flex;
    column-gap: var(--unit-1);
    line-height: 1.9;
    font-size: var(--font-size-small-text)
}
.p-guidance__member-notes ol li:before {
    flex-shrink: 0;
    counter-increment: num 1;
    content: counter(num) "."
}
.p-guidance__charter-license .c-heading-subtitle {
    margin-bottom: var(--unit-6)
}
.p-guidance__charter-license .c-text-block {
    margin-bottom: var(--unit-3)
}
.p-guidance__charter-fee {
    margin-top: var(--unit-6);
    border-top: 1px solid var(--color-line-blue)
}
.p-guidance__charter-heading {
    margin-block: var(--unit-6) var(--unit-3);
    padding-inline: var(--unit-1);
    line-height: 1.4;
    letter-spacing: 0;
    font-weight: 500;
    font-size: var(--font-size-medium-text)
}
@media (max-width: 1023px) {
    .p-guidance__hero {
        margin-bottom: var(--unit-12)
    }
    .p-guidance__content {
        margin-top: var(--unit-4)
    }
    .p-guidance__content:has(.c-heading-subtitle:first-child) {
        border-top: 1px solid var(--color-line-blue)
    }
    .p-guidance__members-info {
        grid-template-columns: 1fr 1fr;
        row-gap: var(--unit-3)
    }
    .p-guidance__members-info__text {
        order: 2;
        grid-column: span 2
    }
    .p-guidance__members-info__image {
        order: 1;
        grid-column: 1/1
    }
    .p-guidance__member-benefits__text {
        padding-bottom: 30px
    }
}
@media (min-width: 1024px) {
    .p-guidance__members-info {
        grid-template-columns: 2fr 1fr
    }
    .p-guidance__member-benefits__text {
        padding-bottom: 27px
    }
}
.p-nihonga__content+.p-nihonga__content {
    margin-top: var(--unit-6)
}
.p-nihonga__materials-info {
    display: flex;
    flex-direction: column;
    row-gap: var(--unit-6)
}
.p-nihonga__material-list {
    border-top: 1px solid var(--color-line-blue)
}
.p-nihonga__material {
    display: flex;
    flex-direction: column;
    row-gap: var(--unit-6);
    padding: var(--unit-2) var(--unit-1);
    border-bottom: 1px solid var(--color-line-blue)
}
.p-nihonga__material dt {
    line-height: 1.4;
    font-weight: 500;
    font-size: var(--font-size-large-text)
}
.p-nihonga__material dd {
    line-height: 1.6;
    font-size: var(--font-size-small-text)
}
.p-nihonga__material:last-child {
    border-bottom: 0
}
.p-nihonga_reference dt {
    margin-bottom: var(--unit-1);
    line-height: 1.9;
    font-size: var(--font-size-small-text)
}
.p-nihonga_reference dd {
    line-height: 1.6;
    font-size: var(--font-size-caption)
}
@media (max-width: 1023px) {
    .p-nihonga__hero {
        margin-bottom: var(--unit-12)
    }
    .p-nihonga__content {
        margin-top: var(--unit-4)
    }
    .p-nihonga__materials-info>.c-text-block {
        order: 2
    }
    .p-nihonga__materials-info>.c-image {
        order: 1
    }
    .p-nihonga__material {
        row-gap: var(--unit-4)
    }
}
@media (min-width: 1024px) {
    .p-nihonga__contents {
        display: contents
    }
    .p-nihonga__content:first-child .p-nihonga__description, .p-nihonga__materials-info {
        padding-top: var(--unit-2)
    }
    .p-nihonga__materials-info img {
        width: calc(100% - 2px)
    }
    .p-nihonga__material-list {
        grid-auto-rows: 1fr
    }
    .p-nihonga__material:nth-last-child(-n+3):nth-child(3n+1), .p-nihonga__material:nth-last-child(-n+2):nth-child(3n+2) {
        border-bottom: 0
    }
}
.p-policy__content {
    display: flex;
    flex-direction: column;
    row-gap: var(--unit-6)
}
.p-policy__content:not(:first-child) {
    margin-top: var(--unit-6);
    border-top: 1px solid var(--color-line-blue)
}
.p-policy__content .c-link-with-icon {
    margin-top: calc(var(--unit-3) - var(--unit-6))
}
.p-policy__content-text {
    display: flex;
    flex-direction: column;
    row-gap: var(--unit-3)
}
.p-policy__list {
    display: flex;
    flex-direction: column;
    row-gap: var(--unit-1);
    padding-inline: var(--unit-1);
    line-height: 1.9;
    font-size: var(--font-size-small-text)
}
.p-policy__list>li {
    position: relative
}
.p-policy__list>li:before {
    content: "";
    display: block;
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #000
}
.p-policy__list a {
    color: var(--color-yamatane-blue);
    text-decoration: none;
    transition: opacity .2s var(--easing-base)
}
@media (hover: hover) {
    .p-policy__list a:hover {
        opacity: .7
    }
}
@media (max-width: 1023px) {
    .p-policy__hero {
        margin-bottom: var(--unit-12)
    }
    .p-policy__content:first-child {
        padding-top: var(--unit-4)
    }
    .p-policy__list>li {
        padding-left: 18px
    }
    .p-policy__list>li:before {
        top: 9px;
        left: 7px
    }
}
@media (min-width: 1024px) {
    .p-policy__contents {
        display: contents
    }
    .p-policy__content:first-child {
        padding-top: var(--unit-2)
    }
    .p-policy__list>li {
        padding-left: 26px
    }
    .p-policy__list>li:before {
        top: 13px;
        left: 11px
    }
}
.p-press__content {
    display: flex;
    flex-direction: column;
    row-gap: var(--unit-3)
}
.p-press__content+.p-press__content {
    margin-top: var(--unit-6)
}
.p-press__artefactory-link {
    position: relative;
    display: block;
    background-color: #fbee58;
    border-top: 1px solid var(--color-line-blue);
    border-bottom: 1px solid var(--color-line-blue);
    text-align: center;
    transition: opacity .2s var(--easing-base)
}
@media (hover: hover) {
    .p-press__artefactory-link:hover {
        opacity: .7
    }
}
.p-press__artefactory-link .c-link-with-icon {
    position: absolute;
    right: 10px;
    bottom: 10px
}
@media (max-width: 1023px) {
    .p-press__hero {
        margin-bottom: var(--unit-12)
    }
    .p-press__content:first-child {
        margin-top: 20px
    }
    .p-press__artefactory-link {
        margin-top: calc(30px - var(--unit-3));
        padding-block: 13px
    }
    .p-press__artefactory-link img {
        height: 54px
    }
    .p-press__artefactory-link .c-link-with-icon {
        font-size: 24px
    }
}
@media (min-width: 1024px) {
    .p-press__contents {
        display: contents
    }
    .p-press__content:first-child {
        margin-top: 18px
    }
    .p-press__artefactory-link {
        margin-top: calc(36px - var(--unit-3));
        padding-block: 21px
    }
    .p-press__artefactory-link .c-link-with-icon {
        font-size: 40px
    }
}
.p-shop__content+.p-shop__content {
    margin-top: var(--unit-6)
}
.p-shop__texts {
    display: flex;
    flex-direction: column;
    gap: var(--unit-3);
    padding-inline: var(--unit-1)
}
.p-shop__text {
    line-height: 1.9;
    font-size: var(--font-size-small-text)
}
.p-shop__note {
    line-height: 1.4;
    font-size: var(--font-size-caption)
}
.p-shop__new-label {
    margin-bottom: var(--unit-3);
    padding-inline: var(--unit-1);
    line-height: 1;
    letter-spacing: 0;
    font-family: var(--font-en);
    font-size: var(--font-size-small-heading)
}
.p-shop__new-link {
    border-top: 1px solid var(--color-line-blue);
    border-bottom: 1px solid var(--color-line-blue)
}
.p-shop__cafe-logo {
    text-align: center
}
.p-shop__cafe-logo img {
    max-width: 100%;
    height: auto
}
.p-shop__cafe-link {
    border-top: 1px solid var(--color-line-blue);
    border-bottom: 1px solid var(--color-line-blue)
}
.p-shop__event {
    border-top: 1px solid var(--color-line-blue)
}
@media (max-width: 1023px) {
    .p-shop__hero {
        margin-bottom: var(--unit-12)
    }
    .p-shop__contents {
        padding-top: var(--unit-4)
    }
    summary+.p-shop__content {
        margin-top: 20px
    }
    .p-shop__cafe-logo {
        margin-bottom: 15px;
        padding-top: 7px
    }
}
@media (min-width: 1024px) {
    .p-shop__contents {
        display: contents
    }
    .p-shop__texts {
        padding-top: 18px
    }
    .p-shop__cafe {
        display: grid;
        grid-template-columns: 1fr 2fr
    }
    .p-shop__cafe-logo {
        padding-block: 18px
    }
    .p-shop__event {
        display: grid;
        grid-template-columns: 1fr 2fr
    }
}
.p-sitemap__link-list {
    display: grid;
    row-gap: var(--unit-1);
    padding-block: var(--unit-2)
}
.p-sitemap__link-list>li {
    padding-inline: var(--unit-1)
}
.p-sitemap__link-list>li .icon-attention {
    color: var(--color-red)
}
.p-sitemap__exhibition {
    /*padding-top: var(--unit-2)*/
    
}
.p-sitemap__exhibition-list {
    /*margin-top: var(--unit-1);*/
    /*border-top: 1px solid var(--color-line-blue)*/
    border-bottom: 1px solid var(--color-line-blue)
}
.p-sitemap__exhibition-list>li:not(:first-child) {
    border-top: 1px solid var(--color-line-blue)
}
.p-sitemap__link {
    padding-inline: var(--unit-1)
}
@media (max-width: 1023px) {
    .p-sitemap summary:has(.c-heading-section) {
        margin-bottom: var(--unit-2)
    }
    .p-sitemap__hero {
        margin-bottom: var(--unit-12)
    }
}
@media (min-width: 1024px) {
    .p-sitemap__link-list {
        grid-template-columns: repeat(3, 1fr)
    }
}
.p-ticket__content {
    border-top: 1px solid var(--color-line-blue)
}
.p-ticket__content:first-child {
    border-top: 0
}
.p-ticket__content+.p-ticket__content {
    margin-top: var(--unit-6)
}
.p-ticket__content:has(.o-block-background:first-child) {
    border-top: 0
}
.p-ticket__exhibition-detail {
    display: grid;
    font-size: var(--font-size-small-text)
}
.p-ticket__exhibition-detail dt, .p-ticket__exhibition-detail dd {
    position: relative;
    line-height: 1.6
}
.p-ticket__exhibition-detail dt:before, .p-ticket__exhibition-detail dd:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--color-line-blue)
}
.p-ticket__exhibition-detail dt {
    font-weight: 500
}
.p-ticket__exhibition-detail-note {
    line-height: 1.6;
    font-size: var(--font-size-caption)
}
.p-ticket__text {
    font-size: var(--font-size-small-text)
}
.p-ticket__note {
    line-height: 1.6;
    font-size: var(--font-size-caption)
}
@media (max-width: 1023px) {
    .p-ticket {
        margin-top: 60px
    }
    .p-ticket__hero {
        margin-bottom: var(--unit-12)
    }
    .p-ticket__content:first-child {
        margin-top: 20px
    }
    .p-ticket__exhibition-detail dt, .p-ticket__exhibition-detail dd {
        padding-inline: 5px
    }
    .p-ticket__exhibition-detail dt {
        margin-bottom: var(--unit-3);
        padding-top: var(--unit-2)
    }
    .p-ticket__exhibition-detail dd {
        padding-bottom: var(--unit-3)
    }
    .p-ticket__exhibition-detail dd:before {
        display: none
    }
    .p-ticket__exhibition-detail dd .p-ticket__exhibition-detail-link {
        margin-top: 5px
    }
    .p-ticket__exhibition-detail dd .p-ticket__exhibition-detail-note {
        margin-top: 15px
    }
    .o-card-exhibition+.p-ticket__exhibition-detail {
        margin-top: 15px
    }
}
@media (min-width: 1024px) {
    .p-ticket {
        margin-top: 126px
    }
    .p-ticket__content:first-child .p-ticket__exhibition-detail:first-child dt:nth-of-type(1):before, .p-ticket__content:first-child .p-ticket__exhibition-detail:first-child dd:nth-of-type(1):before {
        display: none
    }
    .p-ticket__exhibition-detail {
        grid-template-columns: 1fr 2fr
    }
    .p-ticket__exhibition-detail dt, .p-ticket__exhibition-detail dd {
        padding: 18px 9px
    }
    .p-ticket__exhibition-detail dt {
        grid-column: 1/2
    }
    .p-ticket__exhibition-detail dd {
        grid-column: 2/3
    }
    .p-ticket__exhibition-detail dd .p-ticket__exhibition-detail-link {
        margin-top: 9px
    }
    .p-ticket__exhibition-detail dd .p-ticket__exhibition-detail-note {
        margin-top: 27px
    }
    .o-card-exhibition+.p-ticket__exhibition-detail {
        margin-top: 27px
    }
}
.p-top__news-list li:not(:first-child) {
    border-top: 1px solid var(--color-line-blue)
}
.p-top__news-link {
    padding-top: var(--unit-3);
    padding-inline: var(--unit-1);
    border-top: 1px solid var(--color-line-blue)
}
.p-top__link-list>li {
    padding: var(--unit-2) var(--unit-1)
}
.p-top__link-list a {
    color: var(--color-yamatane-blue);
    line-height: 1.5;
    font-weight: 500;
    font-size: var(--font-size-medium-text);
    transition: opacity .2s var(--easing-base)
}
@media (hover: hover) {
    .p-top__link-list a:hover {
        opacity: .7
    }
}
.p-top__link-list p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    margin-top: var(--unit-3);
    line-height: 1.7;
    font-size: var(--font-size-caption)
}
@media (max-width: 1023px) {
    .p-top summary+* .o-card-event:first-child {
        padding-top: var(--unit-4)
    }
    .p-top__news-list>li {
        padding-block: var(--unit-3)
    }
    .p-top__calendar, .p-top__user-guide {
        margin-top: var(--unit-4)
    }
    .p-top__link-list {
        display: flex;
        flex-direction: column
    }
    .p-top__link-list>li {
        margin-top: var(--unit-2);
        padding-top: var(--unit-2);
        border-top: 1px solid var(--color-line-blue)
    }
    .p-top__link-list>li a {
        display: flex;
        gap: 3px
    }
    .p-top__link-list>li a [class*=icon-]:before {
        --iconfont-size: 16px
    }
}
@media (min-width: 1024px) {
    .p-top__news-list>li {
        padding-block: var(--unit-2)
    }
    .p-top__calendar, .p-top__user-guide {
        margin-top: var(--unit-12)
    }
    .p-top__link-list {
        display: grid;
        grid-template-columns: repeat(2, 1fr)
    }
    .p-top__link-list>li a {
        display: flex;
        gap: 3px
    }
    .p-top__link-list>li a [class*=icon-]:before {
        --iconfont-size: 20px
    }
}
html {
    font-size: 16px
}





dl.o-description-list dt div.-closed{
display:none;
}





/* === 4ヶ月版カレンダー用：構造は .o-calendar のまま、-multi で切り替え === */

/* スライドではなく、単純に 1枚だけを表示する */
.o-calendar.-multi .o-calendar__wrapper {
  display: block;
  transform: none;
}

/* すべて一旦非表示 */
.o-calendar.-multi .o-calendar__wrapper > table {
  display: none;
}

/* 0: 当月（1枚目の table） */
.o-calendar.-multi[data-display-month="0"] .o-calendar__wrapper > table:nth-of-type(1) {
  display: table;
}

/* 1: 翌月（2枚目の table） */
.o-calendar.-multi[data-display-month="1"] .o-calendar__wrapper > table:nth-of-type(2) {
  display: table;
}

/* 2: 翌々月（3枚目の table） */
.o-calendar.-multi[data-display-month="2"] .o-calendar__wrapper > table:nth-of-type(3) {
  display: table;
}

/* 3: 3ヶ月後（4枚目の table） */
.o-calendar.-multi[data-display-month="3"] .o-calendar__wrapper > table:nth-of-type(4) {
  display: table;
}

/* 前後ボタンの非活性制御（数値インデックス版） */
.o-calendar.-multi .o-calendar__nav-button[data-change-month="prev"],
.o-calendar.-multi .o-calendar__nav-button[data-change-month="next"] {
  opacity: 1;
  pointer-events: auto;
}

/* 0 のときは前に戻れない */
.o-calendar.-multi[data-display-month="0"] .o-calendar__nav-button[data-change-month="prev"] {
  opacity: 0;
  pointer-events: none;
}

/* 3 のときはこれ以上進めない */
.o-calendar.-multi[data-display-month="3"] .o-calendar__nav-button[data-change-month="next"] {
  opacity: 0;
  pointer-events: none;
}




/* トップページのニュース本文内では flex を使わない */
.p-top__news-list .o-card-news__content {
  display: block;
}



article.o-card-news .o-card-news__content {
  display: block;
}



a.linkout[target=_blank]:after {
    content: "";
    font-family: icons !important;
    font-style: normal;
    font-weight: 400 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}



.o-calendar__wrapper table tr td:nth-child(1){
	color: var(--color-red);
}