.m-culture-talk__ttl,.m-culture-talk__txt {
    margin-block:calc((1em - 1lh)/2)}

.m-culture-talk,.m-culture-marquee,.m-culture-list,.m-culture-list__box {
    transition: translate .4s ease-in-out,opacity .4s ease-in-out
}

.m-culture-talk:not(.is-view),.m-culture-marquee:not(.is-view),.m-culture-list:not(.is-view),.m-culture-list__box:not(.is-view) {
    opacity: 0;
    translate: 0 20px
}

.m-culture-talk__wrap,.m-culture-list__wrap {
    margin-left: auto;
    margin-right: auto;
    padding-left: max(40px,2.3529411765*var(--vw));
    padding-right: max(40px,2.3529411765*var(--vw));
    max-width: max(1350px,79.4117647059*var(--vw))
}

.m-culture-list__ttl {
    width: fit-content;
    left: -0.03em;
    font-family: "League Gothic",sans-serif;
    line-height: .757em;
    overflow: hidden;
    transition: padding .6s ease-in-out .3s
}

.m-culture-list__ttl::before,.m-culture-list__ttl::after {
    position: absolute;
    left: 0;
    bottom: 0;
    transition: translate .6s ease-in-out .3s
}

.m-culture-list__ttl::before {
    content: attr(data-txt);
    z-index: 1
}

.m-culture-list__ttl::after {
    content: "";
    width: 100%;
    z-index: 2
}

.m-culture-list__ttl {
    padding: 0 0 max(28px,1.6470588235*var(--vw)) max(28px,1.6470588235*var(--vw));
    font-size: max(6.8125rem,6.4117647059*var(--vw))
}

.m-culture-list__ttl::before {
    padding: max(6px,0.3529411765*var(--vw)) max(6px,0.3529411765*var(--vw)) 0 0
}

.m-culture-list__ttl::after {
    height: max(6px,0.3529411765*var(--vw))
}

section:not(.is-view) .m-culture-list__ttl {
    padding: max(14px,0.8235294118*var(--vw))
}

section:not(.is-view) .m-culture-list__ttl::before,section:not(.is-view) .m-culture-list__ttl::after {
    translate: max(14px,0.8235294118*var(--vw)) min(-14px,-0.8235294118*var(--vw))
}

@media screen and (min-width: 901px),print {
    .m-culture-list__ttl {
        font-size:max(6.8125rem,6.4117647059*var(--vw))
    }
}

@media screen and (max-width: 900px) {
    .m-culture-list__ttl {
        font-size:max(5.75rem,5.4117647059*var(--vw))
    }
}

.m-culture-list {
    margin-top: max(184px,10.8235294118*var(--vw));
    background-color: #fff;
    counter-reset: culture 0;
    list-style-type: none
}

.m-culture-list::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    background-color: #f88519
}

.m-culture-list__wrap:has(section:nth-of-type(2).is-view) figure:nth-of-type(2),.m-culture-list__wrap:has(section:nth-of-type(3).is-view) figure:nth-of-type(3) {
    opacity: 1
}

.m-culture-list__wrap:has(section:nth-of-type(2).is-view) figure:nth-of-type(1),.m-culture-list__wrap:has(section:nth-of-type(3).is-view) figure:nth-of-type(2) {
    opacity: 0
}

.m-culture-list__container {
    padding-top: max(224px,13.1764705882*var(--vw));
    padding-bottom: max(188px,11.0588235294*var(--vw))
}

.m-culture-list__container {
    margin-top: -100dvh
}

.m-culture-list__box {
    display: flex
}

.m-culture-list__box:nth-of-type(2) {
    margin-top: max(266px,15.6470588235*var(--vw))
}

.m-culture-list__box:nth-of-type(3) {
    margin-top: max(250px,14.7058823529*var(--vw))
}

.m-culture-list__info,.m-culture-list__inner {
    width: 50%
}

.m-culture-list__info {
    padding-right: 4.2519685039%
}

.m-culture-list__inner {
    position: sticky;
    top: 0;
    right: 0;
    margin-left: auto;
    height: 100dvh
}

.m-culture-list__ttl {
    color: #0f0f0f
}

.m-culture-list__ttl::before,.m-culture-list__ttl::after {
    background-color: #fff
}

.m-culture-list__ttl::before {
    color: #f88519
}

.m-culture-list__caption {
    margin-top: max(20px,1.1764705882*var(--vw));
    margin-bottom: max(87px,5.1176470588*var(--vw));
    font-size: max(1.0625rem,1*var(--vw));
    font-weight: 900
}

.m-culture-list__txt {
    font-size: max(1.125rem,1.0588235294*var(--vw));
    font-weight: 700;
    line-height: 2.2222222222em;
    text-align: justify
}

.m-culture-list__inner {
    display: flex;
    padding-left: 8.6614173228%
}

.m-culture-list__block {
    width: 100%;
    max-width: max(480px,28.2352941176*var(--vw))
}

.m-culture-list__fig {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: fit-content;
    margin: auto;
    background-color: #fff;
    transition: opacity .6s ease-in-out
}

.m-culture-list__fig:before {
    counter-increment: culture 1;
    content: "0" counter(culture) ""
}

.m-culture-list__fig--01 {
    padding: max(30px,1.7647058824*var(--vw))
}

.m-culture-list__fig--02 {
    padding: max(68px,4*var(--vw)) max(63px,3.7058823529*var(--vw)) max(50px,2.9411764706*var(--vw))
}

.m-culture-list__fig--03 {
    padding: max(98px,5.7647058824*var(--vw)) max(63px,3.7058823529*var(--vw))
}

.m-culture-list__fig--02,.m-culture-list__fig--03 {
    opacity: 0
}

.m-culture-list__fig::before {
    position: absolute;
    left: max(10px,0.5882352941*var(--vw));
    bottom: 100%;
    font-size: max(2.5rem,2.3529411765*var(--vw));
    font-family: "League Gothic",sans-serif;
    translate: 0 max(16px,0.9411764706*var(--vw))
}

.m-culture-marquee {
    padding: max(182px,10.7058823529*var(--vw)) 0 max(106px,6.2352941176*var(--vw));
    overflow: hidden
}

.m-culture-marquee-wrap {
    width:5000px;
    overflow: hidden;
    margin-bottom: max(10px,0.5882352941*var(--vw));
    display: flex;
    justify-content: flex-start;
}

.m-culture-marquee-wrap .m-culture-marquee__list {
    display: flex;
    flex-wrap: wrap;
    animation: infinity-scroll-left 50s infinite linear 0.5s both;
}

@keyframes infinity-scroll-left {
  from {
    transform: translateX(-50%);
  }
  to {
    transform: translateX(0%);
  }
}


.m-culture-marquee-wrap .m-culture-marquee__list02 {
    margin-bottom: min(-48px,-2.8235294118*var(--vw));
    background-color: #f4f4f4;
    z-index: 1;
    animation: infinity-scroll-right 50s infinite linear 0.5s both;
}

@keyframes infinity-scroll-right {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-50%);
  }
}

.m-culture-marquee__list:not(:first-of-type) li {
    scale: -1 -1
}

.m-culture-marquee__list:not(:first-of-type)::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: max(6px,0.3529411765*var(--vw));
    background-color: #f4f4f4
}

.m-culture-marquee__li {
    padding: 0 .06em;
    font-size: max(8.75rem,8.2352941176*var(--vw));
    font-family: "League Gothic",sans-serif;
    line-height: .757em;
    letter-spacing: -0.03em
}

.m-culture-marquee__li:nth-of-type(3n-1) {
    color: #f88519
}

.m-culture-marquee__li:nth-of-type(3n) {
    color: #e5e5e5
}

.m-culture-talk {
    margin-bottom: max(146px,8.5882352941*var(--vw))
}

.m-culture-talk__fig {
    max-width: max(846px,49.7647058824*var(--vw))
}

.m-culture-talk__button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

@media(hover: hover) {
    .m-culture-talk__button {
        transition:opacity .2s ease-in-out;
        cursor: pointer
    }
}

@media(hover: hover) {
    .m-culture-talk__button:hover {
        opacity:.75
    }
}

.m-culture-talk__play {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: max(125px,7.3529411765*var(--vw))
}

.m-culture-talk__box {
    margin-top: max(88px,5.1764705882*var(--vw));
    margin-left: auto;
    max-width: max(800px,47.0588235294*var(--vw))
}

.m-culture-talk__ttl {
    font-size: max(3.375rem,3.1764705882*var(--vw));
    font-weight: 900
}

.m-culture-talk__inner {
    margin-top: max(44px,2.5882352941*var(--vw))
}

.m-culture-talk__txt {
    font-size: max(1.125rem,1.0588235294*var(--vw));
    font-weight: 700;
    line-height: 2.2em;
    text-align: justify
}

.p-culture .g-ttl__ttl::before {
    color: #f88519
}

.p-culture .g-lead__ttl em {
    color: #f88519
}