/* CSS Document */





.wrap {
    overflow-x: visible;
}



br.pcObj {
    display: block;
}
br.spObj {
    display: none;
}
@media screen and (min-width: 768px), print {
}
@media screen and (max-width: 767px) {
    br.pcObj {
        display: none;
    }
    br.spObj {
        display: block;
    }
}



@media screen and (min-width: 768px), print {
    .breadcrumb {
        background: #000;
    }
    .breadcrumb li {
        color: #fff;
    }
}
@media screen and (max-width: 767px) {
    .breadcrumb {
        background: #000;
    }
    .breadcrumb li {
        color: #fff;
    }
}





.lbc {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
}
@media screen and (min-width: 768px), print {
}
@media screen and (max-width: 767px) {
    .lbc {
    }
}





.lbc-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    margin: 0;
    padding: 0;
    overflow: hidden;
    z-index: -1;
}
.lbc-bg-video_wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.lbc-bg-video_wrapper > video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    margin: 0;
    padding: 0;
    transform: translateX(-50%) translateY(-50%);
    z-index: 1;
}
.lbc-bg-video_wrapper::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 2;
    transition: 0.5s;
    backdrop-filter: blur( calc( 0 * 100vw / 1440 ) );
}
.is_active .lbc-bg-video_wrapper::after {
    backdrop-filter: blur( calc( 15 * 100vw / 1440 ) );
}
@media screen and (min-width: 768px), print {
}
@media screen and (max-width: 767px) {
    .lbc-bg {
    }
    .lbc-bg-video_wrapper {
    }
    .lbc-bg-video_wrapper > video {
    }
}





.lbc-fg {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
}
@media screen and (min-width: 768px), print {
}
@media screen and (max-width: 767px) {
    .lbc-fg {
    }
}



.lbc-fg-mv {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    margin: 0;
    padding: 0;
}
@media screen and (min-width: 768px), print {
}
@media screen and (max-width: 767px) {
    .lbc-fg-mv {
    }
}



.lbc-fg-mv-content {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: calc( 100 * 100vw / 1440 ) 0;
    width: 100%;
    margin: calc( calc( 80 * 100vw / 1440 ) * -1 ) 0 0;
    padding: 0;
}
@media screen and (min-width: 768px), print {
}
@media screen and (max-width: 767px) {
    .lbc-fg-mv-content {
        gap: calc( 75 * 100vw / 375 ) 0;
        margin: calc( calc( 160 * 100vw / 375 ) * -1 ) 0 0;
    }
}



.lbc-fg-mv-content-title {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 2rem 0;
    width: 100%;
    margin: 0;
    padding: 0;
}
.lbc-fg-mv-content-title__large {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: calc( 110 * 100vw / 1440 );
    font-family: "EB Garamond", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    line-height: 1;
    text-align: center;
    text-shadow: 0 0 calc( 18 * 100vw / 1440 ) #000;
}
.lbc-fg-mv-content-title__small {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: calc( 61 * 100vw / 1440 );
    font-family: "EB Garamond", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    line-height: 1;
    text-align: center;
    text-shadow: 0 0 calc( 18 * 100vw / 1440 ) #000;
}
@media screen and (min-width: 768px), print {
}
@media screen and (max-width: 767px) {
    .lbc-fg-mv-content-title {
        gap: 0;
    }
    .lbc-fg-mv-content-title__large {
        font-size: calc( 74 * 100vw / 375 );
        text-shadow: 0 0 calc( 18 * 100vw / 375 ) #000;
        line-height: 1.8;
    }
    .lbc-fg-mv-content-title__small {
        font-size: calc( 41 * 100vw / 375 );
        text-shadow: 0 0 calc( 18 * 100vw / 375 ) #000;
        line-height: 1.4;
        letter-spacing: 0.05em;
        text-align: center;
    }
}



.lbc-fg-mv-content-logo {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 3rem;
    width: 100%;
    margin: 0;
    padding: 0;
}
@media screen and (min-width: 768px), print {
}
@media screen and (max-width: 767px) {
    .lbc-fg-mv-content-logo {
        gap: 0 2rem;
    }
}



.lbc-fg-mv-content-logo-item {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
}
.lbc-fg-mv-content-logo-item picture {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
}
.lbc-fg-mv-content-logo-item picture img {
    width: 100%;
    max-width: none;
}
.lbc-fg-mv-content-logo-item--brutus {
    width: calc( 147 * 100vw / 1440 );
    aspect-ratio: 147 / 35;
    text-shadow: 0 0 calc( 18 * 100vw / 1440 ) #000;
}
.lbc-fg-mv-content-logo-item--separator {
    width: 1px;
    height: 100%;
    background-color: #fff;
    text-shadow: 0 0 calc( 18 * 100vw / 1440 ) #000;
}
.lbc-fg-mv-content-logo-item--brillia {
    width: calc( 167 * 100vw / 1440 );
    aspect-ratio: 167 / 30;
    text-shadow: 0 0 calc( 18 * 100vw / 1440 ) #000;
}
@media screen and (min-width: 768px), print {
}
@media screen and (max-width: 767px) {
    .lbc-fg-mv-content-logo-item {
    }
    .lbc-fg-mv-content-logo-item picture {
    }
    .lbc-fg-mv-content-logo-item picture img {
    }
    .lbc-fg-mv-content-logo-item--brutus {
        width: calc( 95 * 100vw / 375 );
        text-shadow: 0 0 calc( 9 * 100vw / 375 ) #000;
    }
    .lbc-fg-mv-content-logo-item--separator {
        text-shadow: 0 0 calc( 9 * 100vw / 375 ) #000;
    }
    .lbc-fg-mv-content-logo-item--brillia {
        width: calc( 107.5 * 100vw / 375 );
        text-shadow: 0 0 calc( 9 * 100vw / 375 ) #000;
    }
}





/* ----------------------------------------

.lbc-fg-content

---------------------------------------- */
.lbc-fg-content {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    margin: 0;
    padding: 0;
    background: linear-gradient( to bottom, rgba( 0, 0, 0, 0 ) 0%, rgba( 0, 0, 0, 0.5 ) calc( 115 * 100vw / 1440 ) );
}
@media screen and (min-width: 768px), print {
}
@media screen and (max-width: 767px) {
    .lbc-fg-content {
        background: linear-gradient( to bottom, rgba( 0, 0, 0, 0 ) 0%, rgba( 0, 0, 0, 0.5 ) calc( 159 * 100vw / 375 ) );
    }
}





/* ----------------------------------------

.lbc-fg-content-section

---------------------------------------- */
.lbc-fg-content-section {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
}
.lbc-fg-content-section figure {
    margin: 0;
    padding: 0;
    font-size: 0;
}
.lbc-fg-content-section picture {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 0;
}
.lbc-fg-content-section figure img {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
}
@media screen and (min-width: 768px), print {
}
@media screen and (max-width: 767px) {
    .lbc-fg-content-section {
    }
    .lbc-fg-content-section figure {
    }
    .lbc-fg-content-section picture {
    }
    .lbc-fg-content-section figure img {
    }
}





/* ----------------------------------------

.lbc-fg-content-section--lead

---------------------------------------- */
.lbc-fg-content-section--lead {
    position: relative;
    width: 100%;
    height: calc( 868 * 100vw / 1440 );
    margin: 0 0 calc( 300 * 100vw / 1440 );
    padding: 0;
}
@media screen and (min-width: 768px), print {
}
@media screen and (max-width: 767px) {
    .lbc-fg-content-section--lead {
        height: auto;
        margin: 0 0 calc( 200 * 100vw / 375 );
    }
}



.lbc-fg-content-section-lead_text {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: calc( 115 * 100vw / 1440 ) 0 0;
    color: #fff;
}
@media screen and (min-width: 768px), print {
}
@media screen and (max-width: 767px) {
    .lbc-fg-content-section-lead_text {
        padding: 0;
    }
}



.lbc-fg-content-section-lead_text__caption {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: calc( 16 * 100vw / 1440 );
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    line-height: 1.9;
    letter-spacing: 0.04em;
    text-align: center;
}
.lbc-fg-content-section-lead_text__title {
    position: relative;
    width: 100%;
    margin: 0 0 calc( 70 * 100vw / 1440 );
    padding: 0;
    font-size: calc( 26 * 100vw / 1440 );
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    line-height: 1.9;
    letter-spacing: 0.025em;
    text-align: center;
}
.lbc-fg-content-section-lead_text__text {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: calc( 18 * 100vw / 1440 );
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    line-height: 2;
    letter-spacing: 0.036em;
    text-align: center;
}
@media screen and (min-width: 768px), print {
}
@media screen and (max-width: 767px) {
    .lbc-fg-content-section-lead_text__caption {
        font-size: calc( 12 * 100vw / 375 );
    }
    .lbc-fg-content-section-lead_text__title {
        margin: 0 0 calc( 35 * 100vw / 375 );
        font-size: calc( 18 * 100vw / 375 );
    }
    .lbc-fg-content-section-lead_text__text {
        font-size: calc( 13 * 100vw / 375 );
    }
}



.lbc-fg-content-section-lead_img {
    opacity: 0;
    transform: translateY( calc( 30 * 100vw / 1440 ) );
    transition: 0.5s;
}
.lbc-fg-content-section-lead_img--image_01 {
    position: absolute;
    top: 0;
    left: 0;
    width: calc( 410 * 100vw / 1440 );
    height: calc( 452 * 100vw / 1440 );
    margin: 0;
    padding: 0;
}
.lbc-fg-content-section-lead_img--image_02 {
    position: absolute;
    top: calc( 197 * 100vw / 1440 );
    right: 0;
    width: calc( 410 * 100vw / 1440 );
    height: calc( 452 * 100vw / 1440 );
    margin: 0;
    padding: 0;
}
.lbc-fg-content-section-lead_img--image_03 {
    position: absolute;
    bottom: 0;
    left: calc( 191 * 100vw / 1440 );
    width: calc( 437 * 100vw / 1440 );
    height: calc( 271 * 100vw / 1440 );
    margin: 0;
    padding: 0;
}
.lbc-fg-content-section-lead_img.is_active {
    opacity: 1;
    transform: translateY( 0 );
}
@media screen and (min-width: 768px), print {
}
@media screen and (max-width: 767px) {
    .lbc-fg-content-section-lead_img {
        display: block;
        transform: translateY( calc( 30 * 100vw / 375 ) );
    }
    .lbc-fg-content-section-lead_img--image_01 {
        position: relative;
        top: auto;
        left: auto;
        width: calc( 232 * 100vw / 375 );
        height: auto;
        aspect-ratio: 464 / 318;
    }
    .lbc-fg-content-section-lead_img--image_02 {
        position: relative;
        top: auto;
        right: auto;
        width: calc( 172 * 100vw / 375 );
        height: auto;
        aspect-ratio: 344 / 379;
        margin: 0 0 0 auto !important;
        z-index: 2;
    }
    .lbc-fg-content-section-lead_img--image_03 {
        position: relative;
        bottom: auto;
        left: auto;
        width: calc( 305 * 100vw / 375 );
        height: auto;
        aspect-ratio: 610 / 378;
        margin: calc( calc( 20 * 100vw / 375 ) * -1 ) 0 0 0 !important;
        z-index: 1;
    }
    .lbc-fg-content-section-lead_img.is_active {
    }
}





/* ----------------------------------------

.lbc-fg-content-section--movie

---------------------------------------- */
.lbc-fg-content-section--movie {
    position: relative;
    width: 100%;
    margin: 0 0 calc( 300 * 100vw / 1440 );
    padding: 0;
}
@media screen and (min-width: 768px), print {
}
@media screen and (max-width: 767px) {
    .lbc-fg-content-section--movie {
        margin: 0 0 calc( 160 * 100vw / 375 );
    }
}



.lbc-fg-content-section--movie .lbc-fg-content-section-title {
    position: relative;
    width: 100%;
    margin: 0 0 calc( 80 * 100vw / 1440 );
    padding: 0;
    color: #fff;
    font-size: calc( 80 * 100vw / 1440 );
    font-family: "EB Garamond", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    line-height: 1;
    text-align: center;
    opacity: 0;
    transform: translateY( calc( 30 * 100vw / 1440 ) );
    transition: 0.5s;
}
.lbc-fg-content-section--movie .lbc-fg-content-section-title.is_active {
    opacity: 1;
    transform: translateY( 0 );
}
@media screen and (min-width: 768px), print {
}
@media screen and (max-width: 767px) {
    .lbc-fg-content-section--movie .lbc-fg-content-section-title {
        margin: 0 0 calc( 40 * 100vw / 375 );
        font-size: calc( 50 * 100vw / 375 );
        transform: translateY( calc( 30 * 100vw / 375 ) );
    }
    .lbc-fg-content-section--movie .lbc-fg-content-section-title.is_active {
    }
}



.lbc-fg-content-section--movie .lbc-fg-content-section-container {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    margin: 0;
    padding: 0 calc( 110 * 100vw / 1440 );
}
@media screen and (min-width: 768px), print {
}
@media screen and (max-width: 767px) {
    .lbc-fg-content-section--movie .lbc-fg-content-section-container {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: calc( 60 * 100vw / 375 ) 0;
        width: 100%;
        margin: 0;
        padding: 0 calc( 20 * 100vw / 375 );
    }
}



.lbc-fg-content-section-container-item {
    position: relative;
    margin: 0;
    padding: 0;
}
.lbc-fg-content-section-container-item--item_01 {
    position: relative;
    width: calc( 840 * 100vw / 1440 );
    margin: 0;
    padding: 0;
    opacity: 0;
    transform: translateY( calc( 30 * 100vw / 1440 ) );
    transition: 0.5s;
}
.lbc-fg-content-section-container-item--item_01.is_active {
    opacity: 1;
    transform: translateY( 0 );
}
.lbc-fg-content-section-container-item-youtube {
    position: relative;
    width: 100%;
    aspect-ratio: 560 / 315;
    margin: 0 0 1rem;
    padding: 0;
    font-size: 0;
}
.lbc-fg-content-section-container-item-youtube iframe {
    position: relative;
    width: 100%;
    aspect-ratio: 560 / 315;
    margin: 0 0 0.5rem;
    padding: 0;
}
@media screen and (min-width: 768px), print {
}
@media screen and (max-width: 767px) {
    .lbc-fg-content-section-container-item {
    }
    .lbc-fg-content-section-container-item--item_01 {
        width: 100%;
        transform: translateY( calc( 30 * 100vw / 375 ) );
    }
    .lbc-fg-content-section-container-item--item_01.is_active {
    }
    .lbc-fg-content-section-container-item-youtube {
        margin: 0 0 1.5rem;
    }
    .lbc-fg-content-section-container-item-youtube iframe {
    }
}



.lbc-fg-content-section-container-item-text {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    margin: 0;
    padding: 0;
}
.lbc-fg-content-section-container-item-text__caption {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: calc( 18 * 100vw / 1440 );
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    line-height: 2;
    letter-spacing: 0.036em;
}
.lbc-fg-content-section-container-item-text__text {
    position: relative;
    width: 100%;
    margin: 0 0 0.8em;
    padding: 0;
    color: #fff;
    font-size: calc( 18 * 100vw / 1440 );
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    line-height: 2;
    letter-spacing: 0.036em;
}
@media screen and (min-width: 768px), print {
}
@media screen and (max-width: 767px) {
    .lbc-fg-content-section-container-item-text {
    }
    .lbc-fg-content-section-container-item-text__caption {
        font-size: calc( 13 * 100vw / 375 );
    }
    .lbc-fg-content-section-container-item-text__text {
        font-size: calc( 13 * 100vw / 375 );
    }
}



.lbc-fg-content-section-container-item-youtube_caption {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 11px;
    line-height: 1.4em;
    letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
}
@media screen and (max-width: 767px) {
    .lbc-fg-content-section-container-item-youtube_caption {
        font-size: 10px;
    }
}



.lbc-fg-content-section-container-item_wrap {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    width: calc( 300 * 100vw / 1440 );
    margin: 0;
    padding: 0;
}
.lbc-fg-content-section-container-item_wrap-item {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    opacity: 0;
    transform: translateY( calc( 30 * 100vw / 1440 ) );
    transition: 0.5s;
}
.lbc-fg-content-section-container-item_wrap-item.is_active {
    opacity: 1;
    transform: translateY( 0 );
}
a.lbc-fg-content-section-container-item_wrap-item:hover {
    opacity: 0.7;
}
.lbc-fg-content-section-container-item_wrap-item-thum {
    position: relative;
    width: 100%;
    margin: 0 0 1rem !important;
    padding: 0;
}
@media screen and (min-width: 768px), print {
}
@media screen and (max-width: 767px) {
    .lbc-fg-content-section-container-item_wrap {
        flex-direction: row;
        width: 100%;
    }
    .lbc-fg-content-section-container-item_wrap-item {
        width: calc( 157.5 * 100vw / 375 );
        transform: translateY( calc( 30 * 100vw / 375 ) );
    }
    .lbc-fg-content-section-container-item_wrap-item.is_active {
    }
    a.lbc-fg-content-section-container-item_wrap-item:hover {
    }
    .lbc-fg-content-section-container-item_wrap-item-thum {
        margin: 0 0 1.5rem !important;
    }
}



.lbc-fg-content-section-container-item_wrap-item-text__caption {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: calc( 14 * 100vw / 1440 );
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    line-height: 2;
    letter-spacing: 0.036em;
}
.lbc-fg-content-section-container-item_wrap-item-text__caption > .text {
}
.lbc-fg-content-section-container-item_wrap-item-text__caption > .icon {
    position: relative;
    display: inline-block;
    width: calc( 12 * 100vw / 1440 );
    aspect-ratio: 1 / 1;
    margin: 0 0 0 0.5rem;
    padding: 0;
    background-image: url( '../img/icon_blink.white.svg' );
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.lbc-fg-content-section-container-item_wrap-item-text__text {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: calc( 14 * 100vw / 1440 );
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    line-height: 2;
    letter-spacing: 0.036em;
}
@media screen and (min-width: 768px), print {
}
@media screen and (max-width: 767px) {
    .lbc-fg-content-section-container-item_wrap-item-text__caption {
        display: block;
        font-size: calc( 11 * 100vw / 375 );
    }
    .lbc-fg-content-section-container-item_wrap-item-text__caption > .text {
    }
    .lbc-fg-content-section-container-item_wrap-item-text__caption > .icon {
        width: calc( 10 * 100vw / 375 );
    }
    .lbc-fg-content-section-container-item_wrap-item-text__text {
        font-size: calc( 11 * 100vw / 375 );
    }
}



.lbc-fg-content-section-slider {
    position: relative;
    width: 100%;
    margin: calc( 300 * 100vw / 1440 ) 0 0;
    padding: 0;
}
.lbc-fg-content-section-slider-item {
    position: relative;
    width: calc( 300 * 100vw / 1440 );
    margin: 0 calc( 6 * 100vw / 1440 );
    padding: 0;
}
.lbc-fg-content-section-slider-item-thum {
    margin: 0 0 1rem !important;
}
.lbc-fg-content-section-slider-item-caption {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: calc( 12 * 100vw / 1440 );
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.054em;
}
@media screen and (min-width: 768px), print {
}
@media screen and (max-width: 767px) {
    .lbc-fg-content-section-slider {
        margin: calc( 160 * 100vw / 375 ) 0 0;
    }
    .lbc-fg-content-section-slider-item {
        width: calc( 150 * 100vw / 375 );
        margin: 0 calc( 10 * 100vw / 375 );
    }
    .lbc-fg-content-section-slider-item-thum {
        margin: 0 0 0.6rem !important;
    }
    .lbc-fg-content-section-slider-item-caption {
        font-size: calc( 11 * 100vw / 375 );
    }
}





/* ----------------------------------------

.lbc-fg-content-section--brillia

---------------------------------------- */
.lbc-fg-content-section--brillia {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    aspect-ratio: 1440 / 650;
    margin: 0 0 calc( 300 * 100vw / 1440 );
    padding: 0;
    background-image: url( '../img/lbc-fg-content-section_brillia-bg_pc.webp' );
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
@media screen and (min-width: 768px), print {
}
@media screen and (max-width: 767px) {
    .lbc-fg-content-section--brillia {
        justify-content: flex-start;
        aspect-ratio: 15 / 28;
        margin: 0 0 calc( 350 * 100vw / 375 );
        padding: 0;
        background-image: url( '../img/lbc-fg-content-section_brillia-bg_sp.webp' );
    }
}



.lbc-fg-content-section--brillia .lbc-fg-content-section-header {
    position: relative;
    width: 100%;
    margin: 0;
    padding: calc( 60 * 100vw / 1440 ) calc( 280 * 100vw / 1440 ) 0;
}
@media screen and (min-width: 768px), print {
}
@media screen and (max-width: 767px) {
    .lbc-fg-content-section--brillia .lbc-fg-content-section-header {
        padding: calc( 70 * 100vw / 375 ) calc( 20 * 100vw / 375 ) 0;
    }
}



.lbc-fg-content-section--brillia .lbc-fg-content-section-header-title {
    position: relative;
    width: 100%;
    margin: 0 0 calc( 40 * 100vw / 1440 );
    padding: 0;
    color: #fff;
    font-size: calc( 40 * 100vw / 1440 );
    font-family: "Shippori Mincho B1", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    line-height: 2;
    letter-spacing: 0.26em;
    text-shadow: 0 0 calc( 10 * 100vw / 1440 ) #124D7E;
}
@media screen and (min-width: 768px), print {
}
@media screen and (max-width: 767px) {
    .lbc-fg-content-section--brillia .lbc-fg-content-section-header-title {
        margin: 0 0 calc( 40 * 100vw / 375 );
        font-size: calc( 25 * 100vw / 375 );
        line-height: 1.7;
        text-shadow: 0 0 calc( 6.35 * 100vw / 375 ) #124D7E;
    }
}



.lbc-fg-content-section--brillia .lbc-fg-content-section-header-button {
    position: relative;
    width: calc( 300 * 100vw / 1440 );
    aspect-ratio: 300 / 60;
    margin: 0;
    padding: 0;
}
.lbc-fg-content-section--brillia .lbc-fg-content-section-header-button a {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 1px solid #fff;
    border-radius: 9999px;
    overflow: hidden;
}
.lbc-fg-content-section--brillia .lbc-fg-content-section-header-button a > span {
    position: relative;
    margin: 0;
    padding: 0;
    font-size: calc( 24 * 100vw / 1440 );
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    line-height: 2;
    letter-spacing: 0.027em;
    z-index: 2;
}
.lbc-fg-content-section--brillia .lbc-fg-content-section-header-button a::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 200%;
    height: 100%;
    background: linear-gradient( 32deg, rgba( 255, 255, 255, 1 ) 0%, rgba( 255, 255, 255, 1 ) 50%, rgba( 255, 255, 255, 0 ) 100% );
    transition: 0.5s;
    z-index: 1;
}
.lbc-fg-content-section--brillia .lbc-fg-content-section-header-button a:hover::before {
    opacity: 1;
    transform: translateX( 50% );
}
.lbc-fg-content-section--brillia .lbc-fg-content-section-header-button a::after {
    content: '>';
    position: absolute;
    top: 0;
    right: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1em;
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: calc( 24 * 100vw / 1440 );
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    line-height: 2;
    letter-spacing: 0.027em;
    z-index: 2;
}
@media screen and (min-width: 768px), print {
}
@media screen and (max-width: 767px) {
    .lbc-fg-content-section--brillia .lbc-fg-content-section-header-button {
        position: relative;
        width: calc( 207 * 100vw / 375 );
        aspect-ratio: 414 / 110;
    }
    .lbc-fg-content-section--brillia .lbc-fg-content-section-header-button a {
    }
    .lbc-fg-content-section--brillia .lbc-fg-content-section-header-button a > span {
        font-size: calc( 16 * 100vw / 375 );
    }
    .lbc-fg-content-section--brillia .lbc-fg-content-section-header-button a::before {
    }
    .lbc-fg-content-section--brillia .lbc-fg-content-section-header-button a:hover::before {
    }
    .lbc-fg-content-section--brillia .lbc-fg-content-section-header-button a::after {
        font-size: calc( 16 * 100vw / 375 );
    }
}



.lbc-fg-content-section--brillia .lbc-fg-content-section-content {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 0 calc( 10 * 100vw / 1440 );
    width: 100%;
    margin: 0;
    padding: 0;
}
@media screen and (min-width: 768px), print {
}
@media screen and (max-width: 767px) {
    .lbc-fg-content-section--brillia .lbc-fg-content-section-content {
        position: absolute;
        top: calc( 475 * 100vw / 375 );
        left: 0;
        flex-direction: column;
        justify-content: flex-start;
        gap: calc( 10 * 100vw / 375 ) 0;
        padding: 0 calc( 20 * 100vw / 375 );
    }
}



.lbc-fg-content-section--brillia .lbc-fg-content-section-content-item {
    position: relative;
    display: block;
    width: calc( 236.25 * 100vw / 1440 );
    aspect-ratio: 23625 / 19365;
    margin: 0;
    padding: calc( 20 * 100vw / 1440 ) 0;
    opacity: 0;
    transform: translateY( calc( 30 * 100vw / 1440 ) );
    transition: 0.5s;
    overflow: hidden;
    z-index: 3;
}
.lbc-fg-content-section--brillia .lbc-fg-content-section-content-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transform: scale( 1 );
    transition: 0.5s;
    z-index: 1;
}
.lbc-fg-content-section--brillia .lbc-fg-content-section-content-item:hover::before {
    transform: scale( 1.2 );
}
.lbc-fg-content-section--brillia .lbc-fg-content-section-content-item::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient( to bottom, rgba( 255, 255, 255, 1 ) 0%, rgba( 255, 255, 255, 1 ) 55%, rgba( 255, 255, 255, 0 ) 75% );
    z-index: 2;
}
.lbc-fg-content-section--brillia .lbc-fg-content-section-content-item.item_01 { transition-delay: 0; }
.lbc-fg-content-section--brillia .lbc-fg-content-section-content-item.item_02 { transition-delay: 0.2s; }
.lbc-fg-content-section--brillia .lbc-fg-content-section-content-item.item_03 { transition-delay: 0.4s; }
.lbc-fg-content-section--brillia .lbc-fg-content-section-content-item.item_04 { transition-delay: 0.6s; }
.lbc-fg-content-section--brillia .lbc-fg-content-section-content-item.item_05 { transition-delay: 0.8s; }
.lbc-fg-content-section--brillia .lbc-fg-content-section-content-item.item_01::before { background-image: url( '../img/lbc-fg-content-section_brillia-content-item_01-bg_pc.webp' ); }
.lbc-fg-content-section--brillia .lbc-fg-content-section-content-item.item_02::before { background-image: url( '../img/lbc-fg-content-section_brillia-content-item_02-bg_pc.webp' ); }
.lbc-fg-content-section--brillia .lbc-fg-content-section-content-item.item_03::before { background-image: url( '../img/lbc-fg-content-section_brillia-content-item_03-bg_pc.webp' ); }
.lbc-fg-content-section--brillia .lbc-fg-content-section-content-item.item_04::before { background-image: url( '../img/lbc-fg-content-section_brillia-content-item_04-bg_pc.webp' ); }
.lbc-fg-content-section--brillia .lbc-fg-content-section-content-item.item_05::before { background-image: url( '../img/lbc-fg-content-section_brillia-content-item_05-bg_pc.webp' ); }
.lbc-fg-content-section--brillia .lbc-fg-content-section-content-item.is_active {
    opacity: 1;
    transform: translateY( 0 );
}
@media screen and (min-width: 768px), print {
}
@media screen and (max-width: 767px) {
    .lbc-fg-content-section--brillia .lbc-fg-content-section-content-item {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        width: 100%;
        aspect-ratio: 670 / 140;
        margin: 0;
        padding: 0;
    }
    .lbc-fg-content-section--brillia .lbc-fg-content-section-content-item::after {
        top: 0;
        height: 100%;
        background: linear-gradient( to right, rgba( 255, 255, 255, 1 ) 0%, rgba( 255, 255, 255, 1 ) 60%, rgba( 255, 255, 255, 0.81 ) 70%, rgba( 255, 255, 255, 0 ) 80% );
    }
    .lbc-fg-content-section--brillia .lbc-fg-content-section-content-item:hover::before {
    }
    .lbc-fg-content-section--brillia .lbc-fg-content-section-content-item.item_01::before { background-image: url( '../img/lbc-fg-content-section_brillia-content-item_01-bg_sp.webp' ); }
    .lbc-fg-content-section--brillia .lbc-fg-content-section-content-item.item_02::before { background-image: url( '../img/lbc-fg-content-section_brillia-content-item_02-bg_sp.webp' ); }
    .lbc-fg-content-section--brillia .lbc-fg-content-section-content-item.item_03::before { background-image: url( '../img/lbc-fg-content-section_brillia-content-item_03-bg_sp.webp' ); }
    .lbc-fg-content-section--brillia .lbc-fg-content-section-content-item.item_04::before { background-image: url( '../img/lbc-fg-content-section_brillia-content-item_04-bg_sp.webp' ); }
    .lbc-fg-content-section--brillia .lbc-fg-content-section-content-item.item_05::before { background-image: url( '../img/lbc-fg-content-section_brillia-content-item_05-bg_sp.webp' ); }
    .lbc-fg-content-section--brillia .lbc-fg-content-section-content-item.is_active {
    }
}



.lbc-fg-content-section-content-item__no {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: calc( 60 * 100vw / 1440 );
    font-family: "EB Garamond", serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: italic;
    line-height: 1;
    letter-spacing: 0;
    z-index: 3;
}
.lbc-fg-content-section-content-item__text {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: calc( 16 * 100vw / 1440 );
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    line-height: 1;
    letter-spacing: 0.04em;
    z-index: 3;
}
.lbc-fg-content-section-content-item__text::after {
    content: '';
    position: absolute;
    top: calc( 4 * 100vw / 1440 );
    right: calc( 16 * 100vw / 1440 );
    display: inline-block;
    width: calc( 8 * 100vw / 1440 );
    aspect-ratio: 1/ 1;
    margin: 0;
    padding: 0;
    border-top: 1.5px solid #333;
    border-right: 1.5px solid #333;
    transform: rotate( 45deg );
    z-index: 3;
}
@media screen and (min-width: 768px), print {
}
@media screen and (max-width: 767px) {
    .lbc-fg-content-section-content-item__no {
        width: 1.5em;
        height: 100%;
        font-size: calc( 48 * 100vw / 375 );
    }
    .lbc-fg-content-section-content-item__text {
        justify-content: flex-start;
        width: 60%;
        height: 100%;
        font-size: calc( 13 * 100vw / 375 );
    }
    .lbc-fg-content-section-content-item__text::after {
        position: relative;
        top: auto;
        right: auto;
        width: calc( 6 * 100vw / 375 );
        margin-left: calc( 15 * 100vw / 375 );
    }
}