@charset "UTF-8";
.u-noto-sans {
    font-family:
        Noto Sans JP,
        sans-serif;
}
.u-antonio {
    font-family: Antonio, sans-serif;
}
.u-league {
    font-family:
        League Gothic,
        sans-serif;
}
.u-mincho {
    font-family: "Noto Serif JP", serif;
}
.u-desktop {
    display: none;
}
@media screen and (min-width: 768px) {
    .u-desktop {
        display: block;
    }
}
@media screen and (min-width: 768px) {
    .u-mobile {
        display: none;
    }
}
@media (max-width: 375px) {
    html {
        font-size: 4.2666666667vw;
    }
}
html {
    font-size: 16px;
}
@media screen and (min-width: 768px) {
    html {
        font-size: 16px;
    }
}
@media screen and (min-width: 768px) {
    a[href^="tel:"] {
        pointer-events: none;
    }
}
a {
    text-decoration: none;
    color: inherit;
    transition: opacity 0.3s;
}
@media screen and (min-width: 768px) {
    a:hover {
        opacity: 0.8;
    }
}
*,
*:before,
*:after {
    box-sizing: border-box;
}
ul,
ol {
    padding: 0;
}
body,
h1,
h2,
h3,
h4,
p,
ul,
ol,
figure,
blockquote,
dl,
dd {
    margin: 0;
}
html {
    scroll-behavior: smooth;
}
body {
    font-family:
        Noto Sans JP,
        sans-serif;
    min-height: 100vh;
    text-rendering: optimizeSpeed;
    line-height: 1.5;
}
ul,
ol {
    list-style: none;
}
a:not([class]) {
    text-decoration-skip-ink: auto;
}
img {
    max-width: 100%;
    display: block;
    width: 100%;
    height: auto;
}
article > * + * {
    margin-top: 1em;
}
input,
button,
textarea,
select {
    font: inherit;
}
img:not([alt]) {
    filter: blur(10px);
}
input,
button,
select,
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
    border-radius: 0;
    font: inherit;
    outline: none;
}
textarea {
    resize: vertical;
}
input[type="checkbox"],
input[type="radio"] {
    display: none;
}
input[type="submit"],
input[type="button"],
label,
button,
select {
    cursor: pointer;
}
select::-ms-expand {
    display: none;
}
picture {
    display: block;
}
button {
    display: block;
    padding: 0;
    width: 100%;
}
.c-gameBtn {
    position: relative;
    font-size: 1.125rem;
    font-weight: 700;
    background-color: #004098;
    border-radius: 4.375rem;
    border: 2px solid #bf9c46;
    color: #fff;
    height: 3.5rem;
    max-width: 19.4375rem;
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.c-gameBtn:before {
    position: absolute;
    content: "";
    top: 50%;
    transform: translateY(-50%);
    left: 1.125rem;
    width: 1.5rem;
    height: 1.5rem;
    background: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='12'%20cy='12'%20r='12'%20transform='rotate(-180%2012%2012)'%20fill='white'/%3e%3cg%20clip-path='url(%23clip0_3815_11587)'%3e%3cpath%20d='M17.9006%203.80017L9.10058%2011.5855L17.9006%2019.0002'%20stroke='%23004098'%20stroke-width='2.4'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_3815_11587'%3e%3crect%20width='8.8'%20height='15.2'%20fill='white'%20transform='translate(6.7002%203.79999)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e")
        center center/contain no-repeat;
}
.c-hamburger {
    position: relative;
    height: 100%;
    border: none;
    background-color: #fff;
    padding: 0;
    z-index: 101;
    cursor: pointer;
    width: 3rem;
}
@media screen and (min-width: 1024px) {
    .c-hamburger {
        display: none;
    }
}
.c-hamburger span {
    position: absolute;
    display: inline-block;
    background-color: #004098;
    width: 1.5625rem;
    height: 0.1875rem;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.45s;
}
.c-hamburger span:nth-child(1) {
    top: calc(50% - 0.4375rem);
}
.c-hamburger span:nth-child(2) {
    top: 50%;
}
.c-hamburger span:nth-child(3) {
    top: calc(50% + 0.4375rem);
}
.c-hamburger.is-active span:nth-child(1) {
    top: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
}
.c-hamburger.is-active span:nth-child(2) {
    opacity: 0;
}
.c-hamburger.is-active span:nth-child(3) {
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
}
.c-ticketBtn {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 3.5rem;
    width: min(100%, 19.4375rem);
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    background-color: #e60039;
    border: 1px solid #fff;
    border-radius: 4.375rem;
    box-shadow: 0 0.25rem #73001d;
    animation: btn_animation 1s infinite;
}
.c-ticketBtn:after {
    position: absolute;
    content: "";
    right: 1rem;
    width: 1.5rem;
    height: 1.5rem;
    background: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='12'%20cy='12'%20r='12'%20fill='white'/%3e%3cpath%20d='M16.4681%2016.5H7.53191V7.5H9.82979V6H6.76596C6.34309%206%206%206.33594%206%206.75V17.25C6%2017.6641%206.34309%2018%206.76596%2018H17.234C17.6569%2018%2018%2017.6641%2018%2017.25V14H16.4681V16.5Z'%20fill='%23BF9C46'/%3e%3cpath%20d='M12.1277%206V7.5H15.3855L10.3098%2012.47L11.3924%2013.53L16.4681%208.56V11.75H18V6H12.1277Z'%20fill='%23BF9C46'/%3e%3c/svg%3e")
        center center/contain no-repeat;
}
.c-ticketBtn span {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.1875rem;
}
.c-ticketBtn small {
    text-align: center;
    display: block;
    font-size: 0.75rem;
    font-weight: 400;
    letter-spacing: 0.08em;
}
.c-ticketBtn--small {
    height: 3rem;
}
@keyframes btn_animation {
    0% {
        box-shadow: 0 3px #0000004d;
        top: 0;
    }
    10% {
        box-shadow: 0 0 #0000004d;
        top: 3px;
    }
    20% {
        box-shadow: 0 3px #0000004d;
        top: 0;
    }
    30% {
        box-shadow: 0 0 #0000004d;
        top: 3px;
    }
    40% {
        box-shadow: 0 3px #0000004d;
        top: 0;
    }
}
.c-title {
    text-align: center;
}
.c-title h2 {
    font-size: 2.25rem;
    font-weight: 700;
}
.c-title p {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    margin-top: 0.5rem;
}
.l-inner {
    position: relative;
    margin: 0 auto;
    max-width: 33.75rem;
    width: 100%;
    height: inherit;
    padding-right: 1rem;
    padding-left: 1rem;
}
.l-inner--s {
    padding-inline: 2rem;
}
@media screen and (min-width: 768px) {
    .l-main {
        border-left: 1px solid #fff;
        border-right: 1px solid #fff;
    }
}
.l-main:before {
    position: fixed;
    content: "";
    width: 100%;
    margin: auto;
    inset: 0;
    background: url(../images/bg_follow_01.webp) center center/cover no-repeat;
}
@media screen and (min-width: 768px) {
    .l-main:before {
        max-width: 23.4375rem;
        margin-inline: auto;
        border-left: 1px solid #fff;
        border-right: 1px solid #fff;
    }
}
@media screen and (min-width: 1024px) {
    .l-main:before {
        max-width: 23.4375rem;
        right: initial;
        left: calc(100% - 23.4375rem - min(28.5416666667vw, 25.6875rem));
    }
}
@media screen and (min-width: 1280px) {
    .l-main:before {
        left: calc(100% - 23.4375rem - 28.5416666667vw);
        transform: translate(0);
    }
}
.l-page {
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.l-page::-webkit-scrollbar {
    display: none;
}
.l-page__main {
    position: relative;
}
@media screen and (min-width: 768px) {
    .l-page__main {
        max-width: 23.4375rem;
        margin-inline: auto;
    }
}
@media screen and (min-width: 1024px) {
    .l-page__main {
        max-width: 23.4375rem;
        margin-left: calc(100% - 23.4375rem - min(28.5416666667vw, 25.6875rem));
    }
}
@media screen and (min-width: 1280px) {
    .l-page__main {
        margin-left: calc(100% - 23.4375rem - 28.5416666667vw);
    }
}
.l-page {
    position: relative;
}
.l-page__video {
    display: none;
}
@media screen and (min-width: 768px) {
    .l-page__video {
        position: fixed;
        inset: 0;
        display: block;
        width: 100%;
        height: 100vh;
        object-fit: cover;
        opacity: 0.3;
    }
}
.l-page__bgImage {
    display: none;
    pointer-events: none;
}
@media screen and (min-width: 768px) {
    .l-page__bgImage {
        position: fixed;
        inset: 0;
        display: block;
        width: 100%;
        height: 100vh;
        object-fit: cover;
        z-index: -1;
    }
}
.l-sec {
    position: relative;
}
#sec01,
#sec02,
#sec03 {
    scroll-margin-top: 3.9375rem;
}
.p-bg {
    position: fixed;
    height: 100dvh;
    top: 0;
    left: 0;
    display: none;
}
@media screen and (min-width: 1024px) {
    .p-bg {
        display: block;
        overflow: auto;
        width: calc(100% - 23.4375rem - min(28.5416666667vw, 25.6875rem));
    }
}
@media screen and (min-width: 1280px) {
    .p-bg {
        width: calc(100% - 23.4375rem - 28.5416666667vw);
    }
}
.p-nav,
.p-bg {
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.p-nav::-webkit-scrollbar,
.p-bg::-webkit-scrollbar {
    display: none;
}
.p-bg__block {
    position: absolute;
    height: fit-content;
    min-height: 100%;
    height: 100vh;
    padding-block: 2rem;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 0;
    transition: opacity 1s ease;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.p-bg__block::-webkit-scrollbar {
    display: none;
}
.p-bg__block.is-active {
    opacity: 1;
    visibility: visible;
    z-index: 1;
}
.p-bg__block[data-bg="content01"] {
    background: url(../public/assets/images/bg_pc_before.webp) center
        center/cover no-repeat;
}
.p-bg__block[data-bg="content01"] .p-bg__logo {
    position: absolute;
    width: min(14.8611111111vw, 13.375rem);
    top: min(7.4305555556vw, 6.6875rem);
    left: 50%;
    transform: translate(-50%);
    display: none;
}
@media screen and (min-width: 1024px) {
    .p-bg__block[data-bg="content01"] .p-bg__logo {
        display: block;
    }
}
.p-bg__block[data-bg="content02"] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: linear-gradient(to bottom, #004098, #002c69);
}
.p-bg__block[data-bg="content02"] .p-bg__logo {
    width: min(8.3333333333vw, 7.5rem);
    margin-inline: auto;
}
@media screen and (min-width: 1280px) {
    .p-bg__block[data-bg="content02"] .p-bg__logo {
        width: min(10.4166666667vw, 9.375rem);
    }
}
@media screen and (min-width: 768px) and (max-height: 960px) {
    .p-bg__block[data-bg="content02"] .p-bg__logo {
        width: 12.5vh !important;
    }
}
.p-bg__block[data-bg="content02"] .p-bg__title {
    max-width: min(33.3333333333vw, 30rem);
    margin-inline: auto;
    margin-top: max(-2.8472222222vw, -2.5625rem);
}
@media screen and (min-width: 1280px) {
    .p-bg__block[data-bg="content02"] .p-bg__title {
        width: min(38.8194444444vw, 34.9375rem);
    }
}
@media screen and (min-width: 768px) and (max-height: 960px) {
    .p-bg__block[data-bg="content02"] .p-bg__title {
        width: 50vh !important;
    }
}
.p-bg__block[data-bg="content02"] .p-slider {
    margin-top: min(2.2222222222vw, 2rem);
}
.p-bg__block[data-bg="content02"] .p-slider__gallery {
    width: max-content;
}
.p-bg__block[data-bg="content02"] .p-slider__gallery img {
    width: 21.25rem;
    aspect-ratio: 324/231;
    padding-right: 1rem;
}
@media screen and (min-width: 1280px) {
    .p-bg__block[data-bg="content02"] .p-slider__gallery img {
        width: 21.25rem;
    }
}
@media screen and (min-width: 768px) and (max-height: 1200px) {
    .p-bg__block[data-bg="content02"] .p-slider__gallery img {
        padding-right: 1.3333333333vh !important;
        width: 28.3333333333vh !important;
    }
}
.p-bg__match {
    margin-inline: auto;
    width: 95%;
    max-width: min(40.9722222222vw, 36.875rem);
    margin-top: min(2.3611111111vw, 2.125rem);
}
.p-bg__matchCard {
    display: flex;
    align-items: center;
    gap: min(0.8333333333vw, 0.75rem);
    width: 100%;
    height: min(7.2222222222vw, 6.5rem);
    padding-inline: min(1.9444444444vw, 1.75rem);
    background-color: #fff;
    clip-path: polygon(
        min(1.7361111111vw, 1.5625rem) 0,
        100% 0,
        100% calc(100% - min(1.7361111111vw, 1.5625rem)),
        calc(100% - min(1.7361111111vw, 1.5625rem)) 100%,
        0 100%,
        0 min(1.7361111111vw, 1.5625rem)
    );
}
@media screen and (min-width: 1024px) {
    .p-bg__matchCard {
        clip-path: polygon(
            min(1.7361111111vw, 1.5625rem) 0,
            100% 0,
            100% calc(100% - min(1.7361111111vw, 1.5625rem)),
            calc(100% - min(1.7361111111vw, 1.5625rem)) 100%,
            0 100%,
            0 min(1.7361111111vw, 1.5625rem)
        );
    }
}
@media screen and (min-width: 1280px) {
    .p-bg__matchCard {
        gap: min(1.6666666667vw, 1.5rem);
        padding-inline: min(1.9444444444vw, 1.75rem);
    }
}
.p-bg__matchInfo {
    display: flex;
    flex: 1 1 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 0;
    padding-right: min(0.8333333333vw, 0.75rem);
    border-right: 1px solid rgba(0, 64, 152, 0.2);
}
@media screen and (min-width: 1280px) {
    .p-bg__matchInfo {
        padding-right: min(1.3888888889vw, 1.25rem);
    }
}
.p-bg__matchLeague {
    color: #004098;
    font-size: min(0.9027777778vw, 0.8125rem);
    font-weight: 700;
    line-height: 1.5;
    white-space: nowrap;
}
@media screen and (min-width: 1280px) {
    .p-bg__matchLeague {
        font-size: min(1.1805555556vw, 1.0625rem);
    }
}
.p-bg__matchVs {
    color: #004098;
    font-size: min(1.3888888889vw, 1.25rem);
    font-weight: 700;
    line-height: 1.5;
    white-space: nowrap;
}
@media screen and (min-width: 1280px) {
    .p-bg__matchVs {
        font-size: min(1.6666666667vw, 1.5rem);
    }
}
.p-bg__matchVs.small {
    font-size: min(1.1111111111vw, 1rem);
}
@media screen and (min-width: 1280px) {
    .p-bg__matchVs.small {
        font-size: min(1.5277777778vw, 1.375rem);
    }
}
.p-bg__matchSchedule {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: min(0.3472222222vw, 0.3125rem);
}
.p-bg__matchDate {
    color: #000;
    font-size: min(2.9166666667vw, 2.625rem);
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1;
}
@media screen and (min-width: 1280px) {
    .p-bg__matchDate {
        font-size: min(3.6111111111vw, 3.25rem);
    }
}
.p-bg__matchKickoff {
    display: flex;
    flex-direction: column;
    gap: min(0.5555555556vw, 0.5rem);
}
.p-bg__matchKickoffTop {
    display: flex;
    align-items: flex-end;
    gap: min(0.5555555556vw, 0.5rem);
}
.p-bg__matchWeek {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: min(1.1805555556vw, 1.0625rem);
    height: min(1.1805555556vw, 1.0625rem);
    border-radius: 50%;
    background-color: #004098;
    color: #fff;
    font-size: min(0.8333333333vw, 0.75rem);
    font-weight: 700;
    line-height: 1;
    padding-bottom: 1px;
}
.p-bg__matchTime {
    display: flex;
    align-items: baseline;
    flex-direction: column-reverse;
    line-height: 1;
    gap: min(0.4166666667vw, 0.375rem);
    color: #000;
}
.p-bg__matchTime time {
    font-size: min(1.5972222222vw, 1.4375rem);
    font-weight: 700;
    letter-spacing: 1px;
}
.p-bg__matchTime span {
    font-size: min(0.7638888889vw, 0.6875rem);
    font-weight: 700;
}
.p-bg__matchVenue {
    display: flex;
    align-items: center;
    gap: min(0.3472222222vw, 0.3125rem);
    color: #000;
    font-size: min(0.9027777778vw, 0.8125rem);
    font-weight: 500;
    white-space: nowrap;
    width: 100%;
}
.p-bg__matchVenue img {
    width: min(0.7638888889vw, 0.6875rem);
    height: min(1.1111111111vw, 1rem);
}
.p-bg__slider {
    width: 100%;
}
@media screen and (min-width: 1024px) {
    .p-bg {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}
.p-bg__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6.25rem;
    width: 100%;
}
@media screen and (min-width: 768px) and (max-height: 960px) {
    .p-bg__inner {
        gap: 10.4166666667vh !important;
    }
}
.p-bg__summary {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.p-bg__teams {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.p-bg__teamLogo {
    width: 8.3125rem;
    height: 8.3125rem;
    object-fit: contain;
}
.p-bg__vs {
    font-weight: 700;
    font-size: 1.625rem;
    color: #fff;
}
.p-bg__info {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 1rem;
    margin-top: 1.125rem;
}
.p-bg__date {
    display: flex;
    align-items: flex-end;
    gap: 0.25rem;
    color: #fff;
}
.p-bg__dateNum {
    font-weight: 700;
    font-size: 5rem;
    line-height: 1;
}
.p-bg__dateDay {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.625rem;
    height: 1.625rem;
    background-color: #004098;
    border-radius: 50%;
    font-weight: 700;
    font-size: 1.125rem;
    color: #fff;
}
.p-bg__kickoff {
    color: #fff;
    text-align: center;
}
.p-bg__kickoffTime {
    font-weight: 700;
    font-size: 2.1875rem;
    line-height: 1;
}
.p-bg__kickoffLabel {
    font-weight: 700;
    font-size: 1.0625rem;
}
.p-bg__place {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.0625rem;
    color: #fff;
    text-align: center;
    margin-top: 0.75rem;
    gap: 0.375rem;
}
.p-bg__place:before {
    display: block;
    content: "";
    width: 1.125rem;
    height: 1.5625rem;
    background: url("data:image/svg+xml,%3csvg%20width='12'%20height='17'%20viewBox='0%200%2012%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5.72266%200C8.88249%200.000249706%2011.4441%202.60027%2011.4443%205.80762C11.4443%209.00524%205.75847%2016.2173%205.72266%2016.2627C5.72266%2016.2627%200%209.01534%200%205.80762C0.000258091%202.60011%202.56261%200%205.72266%200ZM5.72168%201.80664C3.89231%201.8069%202.40918%203.29069%202.40918%205.12012C2.40941%206.94935%203.89245%208.43236%205.72168%208.43262C7.55113%208.43262%209.03493%206.94951%209.03516%205.12012C9.03516%203.29053%207.55127%201.80664%205.72168%201.80664Z'%20fill='%23E60039'/%3e%3c/svg%3e")
        center center/contain no-repeat;
}
.p-bg__btns {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    width: 100%;
}
.p-bg__infoBtn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: min(100%, 19.4375rem);
    height: 3.5rem;
    font-weight: 700;
    font-size: 1.125rem;
    color: #fff;
    background-color: #004098;
    border: 2px solid #bf9c46;
    border-radius: 4.375rem;
}
.p-bg__infoBtn:before {
    position: absolute;
    left: 1rem;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    background: #fff
        url("data:image/svg+xml,%3csvg%20width='9'%20height='16'%20viewBox='0%200%209%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_3859_15508)'%3e%3cpath%20d='M11.2004%200.000184644L2.40039%207.78555L11.2004%2015.2002'%20stroke='%23004098'%20stroke-width='2.4'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_3859_15508'%3e%3crect%20width='8.8'%20height='15.2'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e")
        40% center/.5rem no-repeat;
    content: "";
}
.p-bnr {
    position: relative;
    z-index: 1;
    margin-top: -4.375rem;
}
.p-data {
    padding-top: 2rem;
    padding-bottom: 8.125rem;
    overflow: clip;
}
.p-youtube + .p-data {
    margin-top: -2rem;
}
.p-data__main {
    display: block;
    margin-top: 2rem;
}
.p-data__league {
    font-weight: 700;
    font-size: 0.875rem;
    color: #fff;
    text-align: center;
}
.p-data__teams {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin-top: 0.625rem;
}
.p-data__team {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
    width: 6.25rem;
}
.p-data__teamIcon {
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: contain;
}
.p-data__teamName {
    font-size: 0.75rem;
    color: #fff;
    text-align: center;
}
.p-data__vs {
    font-family: Antonio, sans-serif;
    font-weight: 700;
    font-size: 1.5rem;
    letter-spacing: 0.08em;
    color: #fff;
    line-height: 1;
}
.p-data__stats {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.125rem;
    width: 100%;
    max-width: 19.4375rem;
    margin-inline: auto;
    margin-top: 2rem;
}
.p-data__statsBar {
    display: flex;
    width: 100%;
    height: 1.375rem;
    border: 1px solid #fff;
}
.p-data__statsBarItem {
    height: 100%;
}
.p-data__statsBarItem--marinos {
    flex: 0 0 36%;
    background: linear-gradient(90deg, #004098, #002b65);
}
.p-data__statsBarItem--center {
    flex: 0 0 18%;
    background-color: #fff;
}
.p-data__statsBarItem--antlers {
    flex: 0 0 46%;
    background: linear-gradient(90deg, #e60039, #b3002c);
}
.p-data__statsRow {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    width: 100%;
    font-weight: 700;
    text-align: center;
    color: #fff;
}
.p-data__statsNum {
    font-family: Antonio, sans-serif;
    line-height: 1;
}
.p-data__statsLabel {
    font-size: 0.75rem;
    line-height: 1;
}
.p-data__statsItem--score {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
}
.p-data__statsItem--score .p-data__statsNum {
    font-size: 1.5625rem;
}
.p-data__statsItem--marinos,
.p-data__statsItem--draw,
.p-data__statsItem--antlers {
    display: flex;
    align-items: flex-end;
}
.p-data__statsItem--marinos .p-data__statsNum,
.p-data__statsItem--draw .p-data__statsNum,
.p-data__statsItem--antlers .p-data__statsNum {
    font-size: 2.5rem;
}
.p-data__statsItem--marinos .p-data__statsLabel,
.p-data__statsItem--draw .p-data__statsLabel,
.p-data__statsItem--antlers .p-data__statsLabel {
    font-size: 0.9375rem;
}
.p-data__statsItem--marinos {
    color: #bf9c46;
}
.p-data__statsItem--antlers {
    color: #e60039;
}
.p-data__note {
    text-align: center;
    font-size: 0.75rem;
    margin-top: 2rem;
}
.p-float {
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    background: #000c;
    z-index: 99;
    padding-block: 0.5rem;
}
@media screen and (min-width: 768px) {
    .p-float {
        max-width: 23.4375rem;
        left: 50%;
        transform: translate(-50%);
    }
}
@media screen and (min-width: 1024px) {
    .p-float {
        display: none;
    }
}
.p-float__btn {
    text-align: center;
}
.p-footer {
    position: relative;
    padding-block: 3.9375rem 5.75rem;
    background-color: #004098;
}
@media screen and (min-width: 768px) {
    .p-footer {
        border-left: 1px solid #fff;
        border-right: 1px solid #fff;
    }
}
.p-footer__logo {
    max-width: 6.25rem;
    margin-inline: auto;
}
.p-footer__follow {
    margin-top: 1.5rem;
}
.p-footer__follow-title {
    font-size: 1.5rem;
}
.p-footer__sns {
    display: flex;
    justify-content: space-between;
    gap: 1.375rem;
    margin-top: 1rem;
}
.p-footer__sns li {
    width: 1.5rem;
    height: 1.5rem;
}
.p-footer__sns li img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    margin: auto;
}
.p-footer__links {
    margin-top: 1.5rem;
}
.p-footer__links li {
    border-bottom: 1px solid #ffffff;
}
.p-footer__links > li:first-child {
    border-top: 1px solid #ffffff;
}
.p-footer__links li a {
    font-size: 0.8125rem;
    font-weight: 700;
    line-height: 1.5;
    display: block;
    position: relative;
    padding-block: 1.4375rem;
    padding-inline: 0.1875rem 2.1875rem;
}
.p-footer__links li a:after {
    content: "";
    position: absolute;
    right: 1.4rem;
    top: 50%;
    width: 0.5rem;
    height: 0.5rem;
    border-bottom: 0.0625rem solid #fff;
    border-right: 0.0625rem solid #fff;
    transform: translateY(-50%) rotate(-45deg);
}
.p-footer__links--sub {
    margin-block: 0.625rem;
}
.p-footer__links--sub li {
    border-bottom: none;
}
.p-footer__links--sub li a {
    padding-block: 0.625rem;
}
.p-footer__links--sub li a:after {
    top: 1.125rem;
}
.p-footer__copyright {
    text-align: center;
    font-size: 0.625rem;
    font-weight: 400;
    margin-top: 2.5rem;
}
.p-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 3rem;
    z-index: 100;
    background-color: #004098;
}
@media screen and (min-width: 768px) {
    .p-header {
        max-width: 23.4375rem;
        left: 50%;
        transform: translate(-50%);
    }
}
@media screen and (min-width: 1024px) {
    .p-header {
        position: absolute;
        left: initial;
        transform: translate(0);
    }
}
.p-header:after {
    top: 100%;
    left: 0;
    width: 100%;
    height: 0.9375rem;
    position: absolute;
    content: "";
    background: linear-gradient(
        to bottom,
        #e60039 0% 33.3333333333%,
        #fff 33.3333333333% 66.6666666667%,
        #004098 66.6666666667% 100%
    );
}
.p-header__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: inherit;
    padding-left: 1rem;
}
.p-header__logo a {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.p-header__logo img {
    width: 2.5rem;
}
.p-header__logo span {
    font-size: 1.125rem;
    color: #fff;
}
.p-kv {
    position: relative;
    padding-top: 3.9375rem;
}
.p-nav {
    position: fixed;
    width: 100%;
    height: calc(100dvh - 3.9375rem);
    overflow: auto;
    z-index: 100;
    top: 3.9375rem;
    left: 0;
    background-color: #e60039;
    opacity: 0;
    visibility: hidden;
    transition: all 0.75s ease;
}
@media screen and (min-width: 1024px) {
    .p-nav {
        left: initial;
        height: 100dvh;
        right: 0;
        opacity: 1;
        top: 0;
        visibility: visible;
        width: min(28.5416666667vw, 25.6875rem);
        background: none;
    }
}
@media screen and (min-width: 1280px) {
    .p-nav {
        width: 28.5416666667vw;
    }
}
.p-nav.is-active {
    opacity: 1;
    visibility: visible;
}
.p-nav .l-inner {
    height: fit-content;
    padding-block: 6.25rem 1.5625rem;
}
@media screen and (min-width: 1024px) {
    .p-nav .l-inner {
        padding-inline: 1rem;
        padding-block: 1.5625rem 1.5625rem;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
}
@media screen and (min-width: 768px) and (max-height: 960px) {
    .p-nav .l-inner {
        padding-top: 2.6041666667vh !important;
    }
}
.p-nav__title {
    display: none;
}
@media screen and (min-width: 1024px) {
    .p-nav__title {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.875rem;
        gap: 1rem;
        margin-bottom: 3rem;
    }
    .p-nav__title:before,
    .p-nav__title:after {
        display: block;
        height: 1px;
        background-color: #fff;
        content: "";
        width: min(5.5555555556vw, 5rem);
    }
}
.p-nav__links {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
}
@media screen and (min-width: 768px) and (max-height: 960px) {
    .p-nav__links {
        gap: 4.1666666667vh !important;
    }
}
.p-nav__link a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.5rem;
    text-align: center;
    font-size: 1.75rem;
    font-weight: 700;
    transition: all 0.45s;
}
.p-nav__link a span {
    display: block;
    color: #bf9c46;
    font-size: 0.875rem;
    line-height: 1;
}
@media (hover: hover) {
    .p-nav__link a:hover {
        opacity: 0.7;
    }
}
.p-nav__btn {
    margin-top: 4rem;
}
@media screen and (min-width: 1024px) {
    .p-nav__btn {
        display: none;
    }
}
.p-nav__copy {
    text-align: center;
    font-size: 0.625rem;
    font-weight: 400;
    margin-top: 7.5rem;
}
@media screen and (min-width: 1024px) {
    .p-nav__copy {
        display: none;
    }
}
.p-player {
    margin-top: -4.375rem;
    clip-path: inset(0);
    padding-top: 7.8125rem;
    padding-bottom: 4rem;
    overflow: clip;
}
.p-player:before {
    position: fixed;
    width: 100%;
    height: 100vh;
    content: "";
    background: url(../images/bg_follow_03.webp) center center/cover no-repeat;
    inset: 0;
    margin: auto;
}
@media screen and (min-width: 768px) {
    .p-player:before {
        max-width: 23.4375rem;
        margin-inline: auto;
        border-left: 1px solid #fff;
        border-right: 1px solid #fff;
    }
}
@media screen and (min-width: 1024px) {
    .p-player:before {
        max-width: 23.4375rem;
        right: initial;
        left: calc(100% - 23.4375rem - min(28.5416666667vw, 25.6875rem));
    }
}
@media screen and (min-width: 1280px) {
    .p-player:before {
        left: calc(100% - 23.4375rem - 28.5416666667vw);
        transform: translate(0);
    }
}
.p-player__blocks {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    margin-top: 2rem;
}
.p-player__block {
    display: flex;
    align-items: stretch;
    opacity: 0;
    transition:
        opacity 0.8s ease,
        transform 0.8s ease;
}
.p-player__block:nth-child(odd) {
    margin-left: -2rem;
    transform: translate(-2.5rem);
}
.p-player__block:nth-child(2n) {
    flex-direction: row-reverse;
    margin-right: -2rem;
    transform: translate(2.5rem);
}
.p-player__block:nth-child(2n) .p-player__img {
    clip-path: polygon(15% 0, 100% 0, 100% 100%, 0 100%);
    background-color: #e60039;
}
.p-player__block.is-inview {
    opacity: 1;
    transform: translate(0);
}
.p-player__img {
    flex-shrink: 0;
    overflow: hidden;
    width: 9.375rem;
    height: 10.75rem;
    clip-path: polygon(0 0, 100% 0, 85% 100%, 0 100%);
    background-color: #004098;
}
.p-player__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.p-player__content {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding-top: 0.25rem;
    padding-left: 1rem;
}
.p-player__number {
    margin-bottom: 0.25rem;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1;
}
.p-player__name {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    margin-bottom: 1.25rem;
}
.p-player__name span:first-child {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.5;
}
.p-player__name span:last-child {
    font-size: 0.75rem;
    line-height: 1;
}
.p-player__text {
    width: 12.0625rem;
    font-family: "Noto Serif JP", serif;
    font-weight: 500;
    font-size: 0.75rem;
    line-height: 1.75;
    letter-spacing: 0.24px;
}
.p-preview {
    margin-top: -4.375rem;
    padding-block: 7.5rem;
    clip-path: polygon(0 4.375rem, 100% 0, 100% 100%, 0% 100%);
}
.p-preview:before {
    position: fixed;
    width: 100%;
    height: 100vh;
    content: "";
    background: url(../images/bg_follow_02.webp) center center/cover no-repeat;
    inset: 0;
    margin: auto;
}
@media screen and (min-width: 768px) {
    .p-preview:before {
        max-width: 23.4375rem;
        margin-inline: auto;
        border-left: 1px solid #fff;
        border-right: 1px solid #fff;
    }
}
@media screen and (min-width: 1024px) {
    .p-preview:before {
        max-width: 23.4375rem;
        right: initial;
        left: calc(100% - 23.4375rem - min(28.5416666667vw, 25.6875rem));
    }
}
@media screen and (min-width: 1280px) {
    .p-preview:before {
        left: calc(100% - 23.4375rem - 28.5416666667vw);
        transform: translate(0);
    }
}
.p-preview__img {
    width: calc(100% + 4rem);
    margin-left: -2rem;
    margin-top: 3rem;
}
.p-preview__lead {
    position: relative;
    font-size: 1.25rem;
    font-weight: 700;
    margin-top: 2rem;
    padding-bottom: 0.8125rem;
    border-bottom: 0.125rem solid #bf9c46;
}
.p-preview__lead:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 0.3125rem;
    left: 0;
    bottom: -0.625rem;
    background: #bf9c46;
}
.p-preview__text {
    font-size: 0.875rem;
    letter-spacing: 0.02em;
    line-height: 1.7;
    margin-top: 1.5rem;
    max-height: 25.5rem;
    overflow: hidden;
    transition: max-height 0.4s ease;
    mask-image: linear-gradient(
        to bottom,
        #000 calc(100% - 6.4em),
        transparent 100%
    );
    -webkit-mask-image: linear-gradient(
        to bottom,
        #000 calc(100% - 6.4em),
        transparent 100%
    );
}
.p-preview__text p + p {
    margin-top: 1.7em;
}
.p-preview__text.is-expanded {
    mask-image: none;
    -webkit-mask-image: none;
}
.p-preview__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 8.4375rem;
    height: 2.125rem;
    border-radius: 3.125rem;
    border: 1px solid #004098;
    font-family: "Noto Serif JP", serif;
    font-size: 0.875rem;
    font-weight: 700;
    margin-inline: auto;
    gap: 0.25rem;
}
.p-preview__btn:after {
    display: block;
    content: "";
    width: 0.8125rem;
    height: 0.5rem;
    background: url("data:image/svg+xml,%3csvg%20width='13'%20height='8'%20viewBox='0%200%2013%208'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_3815_5763)'%3e%3cpath%20d='M-0.664448%20-4L6.67461%204.29539L13.6437%20-3.97661L15.6064%20-2.32288L6.72222%208.22091L-2.58545%20-2.2995L-0.664448%20-4Z'%20fill='%23E60039'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_3815_5763'%3e%3crect%20width='8'%20height='13'%20fill='white'%20transform='matrix(0%20-1%201%200%200%208)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e")
        center center/contain no-repeat;
    transition: transform 0.3s ease;
}
.p-preview__btn[aria-expanded="true"] {
    margin-top: 2rem;
}
.p-preview__btn[aria-expanded="true"]:after {
    transform: rotate(180deg);
}
body.is-modal-open {
    overflow: hidden;
}
.p-recent {
    margin-top: 4rem;
}
.p-recent__title {
    position: relative;
    width: fit-content;
    margin: 0 auto;
    padding: 0.125rem 1.375rem 0.25rem;
    background-color: #bf9c46;
    clip-path: polygon(0.75rem 0%, 100% 0%, calc(100% - 0.75rem) 100%, 0% 100%);
    color: #004098;
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1.5;
    text-align: center;
    white-space: nowrap;
}
.p-recent__slider {
    position: relative;
    max-width: 16.25rem;
    margin-inline: auto;
    margin-top: 1.5rem;
}
.p-recent__slider .splide__track {
    overflow: unset;
    padding-bottom: 1.875rem;
}
.splide__arrow {
    top: 50%;
    transform: translateY(-50%);
    width: 1.5rem;
    height: 2.5625rem;
    background: transparent;
    opacity: 1;
}
.splide__arrow svg {
    display: none;
}
.splide__arrow:before {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
}
.splide__arrow--prev {
    left: -2.8125rem;
}
.splide__arrow--prev:before {
    background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='41'%20viewBox='0%200%2024%2041'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M24%2014.4072L16.4912%2021.0508L24%2027.377L24%2037.96L4.11035%2021.2012L24%203.60352L24%2014.4072Z'%20fill='%23E60039'/%3e%3c/svg%3e");
}
.splide__arrow--next {
    right: -2.8125rem;
}
.splide__arrow--next:before {
    background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='41'%20viewBox='0%200%2024%2041'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%2014.4072L7.50879%2021.0508L0%2027.377V37.96L19.8896%2021.2012L0%203.60352V14.4072Z'%20fill='%23E60039'/%3e%3c/svg%3e");
}
.splide__pagination {
    position: absolute;
    bottom: 0;
    justify-content: center;
    gap: 0.375rem;
}
.splide__pagination__page {
    width: 0.5rem;
    height: 0.5rem;
    background: #d7d7d7;
    opacity: 1;
    margin: 0;
}
.splide__pagination__page.is-active {
    background: #e60039;
    transform: scale(1);
}
.p-recent__card {
    height: 100%;
    padding: 1rem 1rem 1.5rem;
    background-color: #004098;
    border: 2px solid #fff;
}
.p-recent__cardHead {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}
.p-recent__cardLogo {
    flex-shrink: 0;
    width: 4.5rem;
    height: 4.5rem;
    object-fit: contain;
}
.p-recent__cardScore {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    width: 3.25rem;
    color: #fff;
    font-family: Antonio, sans-serif;
    font-weight: 700;
    text-align: center;
}
.p-recent__cardDate {
    font-size: 0.75rem;
    line-height: 1;
}
.p-recent__cardResult {
    font-size: 2.375rem;
    line-height: 1;
}
.p-recent__cardVideo {
    width: 100%;
    margin-top: 0.5rem;
}
.p-recent__cardVideo iframe {
    display: block;
    aspect-ratio: 228/128;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.p-recent__cardBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    width: 100%;
    height: 2.8125rem;
    background-color: #fff;
    border: none;
    border-radius: 4.375rem;
    cursor: pointer;
    margin-top: 1.25rem;
    transition: all 0.45s;
}
@media (hover: hover) {
    .p-recent__cardBtn:hover {
        opacity: 0.7;
    }
}
.p-recent__cardBtnIcon {
    width: 1.5rem;
    height: 1.5rem;
}
.p-recent__cardBtnText {
    font-family: "Noto Serif JP", serif;
    font-weight: 700;
    font-size: 0.875rem;
    color: #004098;
}
.p-movieModal {
    position: fixed;
    z-index: 101;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    transition:
        opacity 0.3s ease,
        visibility 0.3s ease;
}
.p-movieModal.is-active {
    visibility: visible;
    opacity: 1;
}
.p-movieModal__overlay {
    position: absolute;
    inset: 0;
    background-color: #000c;
    cursor: pointer;
}
.p-movieModal__inner {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
    width: 100%;
    max-width: 21.4375rem;
    padding: 0 1rem;
}
@media screen and (min-width: 768px) {
    .p-movieModal__inner {
        max-width: 33.75rem;
    }
}
@media screen and (min-width: 1024px) {
    .p-movieModal__inner {
        max-width: 50rem;
    }
}
.p-movieModal__video {
    width: 100%;
    aspect-ratio: 16/9;
}
.p-movieModal__video iframe {
    display: block;
    width: 100%;
    height: 100%;
}
.p-movieModal__nav {
    display: flex;
    align-items: center;
    gap: 0.875rem;
}
.p-movieModal__arrow {
    flex-shrink: 0;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
    background: none;
    border: none;
    cursor: pointer;
    transition: all 0.45s;
}
.p-movieModal__arrow img {
    width: 100%;
    height: 100%;
}
@media (hover: hover) {
    .p-movieModal__arrow:hover {
        opacity: 0.7;
    }
}
.p-movieModal__close {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    width: 10rem;
    height: 2.5rem;
    background: none;
    border: 1px solid #fff;
    border-radius: 62.4375rem;
    cursor: pointer;
    transition: all 0.45s;
}
@media (hover: hover) {
    .p-movieModal__close:hover {
        opacity: 0.7;
    }
}
.p-movieModal__closeText {
    font-family: "Noto Serif JP", serif;
    font-weight: 700;
    font-size: 0.875rem;
    color: #fff;
}
.p-movieModal__closeIcon {
    width: 0.8125rem;
    height: 0.8125rem;
}
.p-result {
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99;
    width: 2rem;
}
@media screen and (min-width: 1024px) {
    .p-result {
        left: calc(100% - 23.4375rem - min(28.5416666667vw, 25.6875rem));
    }
}
@media screen and (min-width: 1280px) {
    .p-result {
        left: calc(100% - 23.4375rem - 28.5416666667vw);
    }
}
.p-result a {
    display: flex;
    align-items: center;
    justify-content: center;
    writing-mode: vertical-rl;
    width: 100%;
    padding-inline: 1rem;
    background-color: #004098;
    border: 0.125rem solid #bf9c46;
    border-radius: 0 1rem 1rem 0;
    border-left: none;
    font-size: 0.8125rem;
    font-weight: 700;
    color: #fff;
    letter-spacing: 0.05em;
    gap: 0.25rem;
    transition: all 0.45s;
}
.p-result a:after {
    position: relative;
    left: -0.15rem;
    display: block;
    content: "";
    width: 0.6875rem;
    height: 1.125rem;
    background: url("data:image/svg+xml,%3csvg%20width='11'%20height='18'%20viewBox='0%200%2011%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_3815_3400)'%3e%3cpath%20d='M13.6667%200.222198L3.88892%208.87262L13.6667%2017.1111'%20stroke='white'%20stroke-width='3'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_3815_3400'%3e%3crect%20width='11'%20height='17.1111'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e")
        45% center/contain no-repeat;
}
@media (hover: hover) {
    .p-result a:hover {
        opacity: 0.7;
    }
}
.u-text-center {
    text-align: center;
}
.u-white {
    color: #fff;
}
.u-accent {
    color: #bf9c46;
}
.u-main-color {
    color: #004098;
}
.u-sub-color {
    color: #e60039;
}
.u-bold {
    font-weight: 700;
}
summary::marker {
    content: "";
}
summary::-webkit-details-marker {
    display: none;
}
details summary {
    list-style: none;
}
.p-totop {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #0f218b;
    height: 3.625rem;
    cursor: pointer;
    transition: all 0.45s;
}
@media (hover: hover) {
    .p-totop:hover {
        opacity: 0.7;
    }
}
@media screen and (min-width: 768px) {
    .p-totop {
        border-left: 1px solid #fff;
        border-right: 1px solid #fff;
    }
}
.p-totop:before {
    display: inline-block;
    content: "";
    width: 1.625rem;
    height: 1.625rem;
    background: url("data:image/svg+xml,%3csvg%20width='26'%20height='26'%20viewBox='0%200%2026%2026'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_3769_27036'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='26'%20height='26'%3e%3crect%20x='1.1365e-06'%20y='26'%20width='26'%20height='26'%20transform='rotate(-90%201.1365e-06%2026)'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_3769_27036)'%3e%3cpath%20d='M14.0834%208.47741L14.0834%2021.667L11.9167%2021.667L11.9167%208.47741L5.85004%2014.5441L4.33337%2013.0003L13%204.33366L21.6667%2013.0003L20.15%2014.5441L14.0834%208.47741Z'%20fill='white'/%3e%3c/g%3e%3c/svg%3e")
        center center/contain no-repeat;
}
.p-youtube {
    position: relative;
    padding-top: 3rem;
    padding-bottom: 9rem;
    background: url(../images/bg_movie.webp) center bottom/cover no-repeat;
}
.p-youtube__iframe iframe {
    aspect-ratio: 560/315;
    width: 100%;
    height: 100%;
    object-fit: cover;
}