/* .l-header
----------------------------------------*/
.l-header {
}
.l-header:not( .scrollact ) {
    background-color: #fff;    
}
@media screen and (max-width: 768px) {
    .l-header:not( .scrollact ) {
        background-color: transparent;
    }
    .l-header {
        background: linear-gradient( to bottom, rgba( 255, 255, 255, 0.7 ), transparent 80%, transparent );
    }
}



/* ----------------------------------------
MV ここから
---------------------------------------- */

/* .l-container
----------------------------------------*/
.l-container {
}
@media screen and (max-width: 768px) {
    .l-container {
        padding-top: 0;
    }
}



/* .c-title--page__wrapper
----------------------------------------*/
.c-title--page__wrapper {
    margin-top: min(2.017vw, 33.6px); /* default */
    margin-top: 0; /* デザインに合わせて変更 */
    margin-bottom: min(3.89vw, 64.8px); /* default */
    margin-bottom: 0; /* .t-madori__list--mini の padding-top に付け替え */
}
@media screen and (max-width: 768px) {
}



/* .l-inner--mv
----------------------------------------*/
.l-inner--mv {
    position: relative;
    width: 100%;
    max-width: min(103.746vw, 1728px); /* テンプレート default */
    max-width: none;
    height: calc( 100vh - clamp(59.2px, 5.331vw, 88.8px) );
    padding-left: min(2.882vw, 48px); /* default */
    padding-right: min(2.882vw, 48px); /* default */
    padding-left: 0;
    padding-right: 0;
}
@media screen and (max-width: 768px) {
    .l-inner--mv {
        height: 100vh;
    }
}



/* .c-title--page__caption
----------------------------------------*/
.c-title--page__caption {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}
@media screen and (max-width: 768px) {
    .c-title--page__caption {
        flex-direction: column;
        align-items: flex-start;
    }
}



/* .l-inner--mv .mv-left, .inner--mv .mv-right
----------------------------------------*/
.l-inner--mv .mv-left, 
.l-inner--mv .mv-right {
    position: relative;
    display: block;
    width: 50%;
    height: 100%;
}
@media screen and (max-width: 768px) {
    .l-inner--mv .mv-left, 
    .l-inner--mv .mv-right {
        width: 100%;
        height: auto;
    }
}



/* .l-inner--mv .mv-left
----------------------------------------*/
.l-inner--mv .mv-left {
}
.l-inner--mv .mv-left picture {
    width: 100%;
    height: 100%;
}
.l-inner--mv .mv-left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.l-inner--mv .mv-left figcaption {
    position: absolute;
    bottom: 0;
    left: 1rem;
    color: #fff;
    font-size: var( --font_size-caption );
    letter-spacing: 0.08em;
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}
@media screen and (max-width: 768px) {
    .l-inner--mv .mv-left {
        height: 57.57%;
    }
    .l-inner--mv .mv-left picture {
    }
    .l-inner--mv .mv-left img {
    }
    .l-inner--mv .mv-left figcaption {
    }
}



/* .l-inner--mv .mv-right
----------------------------------------*/
.l-inner--mv .mv-right {
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url( '../img/common/mv-right-img-bg.webp' );
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.l-inner--mv .mv-right .c-title--page {
}
.l-inner--mv .mv-right .c-title--page img {
}
@media screen and (max-width: 768px) {
    .l-inner--mv .mv-right {
        display: block;
        height: 42.43%;
    }
    .l-inner--mv .mv-right .c-title--page {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
    }
    .l-inner--mv .mv-right .c-title--page img {
        width: 23.73%;
        width: 20%;
    }
}



/* .t-madori__list--mini
----------------------------------------*/
.t-madori__list--mini {
    padding-top: min(3.89vw, 64.8px); /* .c-title--page__wrapper の margin-bottom を付け替え */
}
@media screen and (max-width: 768px) {
    .t-madori__list--mini {
        padding-top: calc( 80 * 100vw / 375 );
    }
}



/* ----------------------------------------
MV ここまで
---------------------------------------- */



/* .l-inner-outer
----------------------------------------*/
.l-inner-outer {
    margin-bottom: min( calc( 60 * 100vw / 1388 ), 60px ); /* default */
}
@media screen and (max-width: 768px) {
    .l-inner-outer {
        margin-bottom: min( calc( 60 * 100vw / 375 ), 60px ); /* default */
    }
}



/* .l-inner
----------------------------------------*/
.l-inner {
    max-width: min(103.746vw, 1728px); /* default */
    max-width: min(85.591vw, 1388px); /* .デザインにより変更 */
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
}



/* .t-madori__list__grid__head__area
----------------------------------------*/
.t-madori__list__grid__head__area {
    background-color: #fff;
}
@media screen and (max-width: 768px) {
}



.t-madori__list__grid__head__data {
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-style: normal;
}



.t-madori__list__grid__head__data__name {
}
.t-madori__list__grid__head__data__name .text_small {
    font-size: clamp( 10px, 1.141vw, 18px );
}
@media screen and (max-width: 768px) {
    .t-madori__list__grid__head__data__name {
    }
    .t-madori__list__grid__head__data__name .text_small {
        font-size: min( max( calc( 14 * 100vw / 375 ), 14px ), 18px );
    }
}



.l-inner.hanrei {
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-style: normal;
}
@media screen and (max-width: 768px) {
}



/* .l-inner.bnr ul
----------------------------------------*/
.l-inner.bnr ul {
    justify-content: center;
}
@media screen and (max-width: 768px) {
}




/* .t-madori__list--mini
----------------------------------------*/
.t-madori__list--mini {
}
.t-madori__list--mini a {
    background-color: #fff;
}
.t-madori__list--mini .t-madori__list__grid__item {
    width: calc(33.3333333333% - min(2.45vw, 40.8px));
    margin: min(1.225vw, 20.4px);
}
@media screen and (max-width: 768px) {
    .t-madori__list--mini {
        padding-bottom: min(3.602vw, 60px);
        max-width: unset;
        padding-inline: min(2.667vw, 12px);
        width: 100%;
    }
    .t-madori__list--mini a {
    }
    .t-madori__list--mini .t-madori__list__grid__item {
        width: 100%;
        margin: min(2.667vw, 12px) 0;
    }
}



/* .t-madori__list__grid__head__area
----------------------------------------*/
.t-madori__list__grid__head__area {
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}
@media screen and (max-width: 768px) {
}



/* .l-inner.hanrei
----------------------------------------*/
.l-inner.hanrei {
}
.l-inner.hanrei ul {
    text-align: center;
}
@media screen and (max-width: 768px) {
}



/* .l-inner.bnr
----------------------------------------*/
.l-inner.bnr {
}
.l-inner.bnr ul {
}
.l-inner.bnr ul > li {
}
.l-inner.bnr ul > li figure {
    position: relative;
    width: 100%;
}
.l-inner.bnr ul > li figure figcaption {
    position: absolute;
    top: 101%;
    left: 0;
    width: 100%;
    font-size: var( --font_size-caption );
}
.l-inner.bnr ul > li img {
    width: 100%;
}
@media screen and (max-width: 768px) {
    .l-inner.bnr {
        max-width: none;
        padding: 0 calc( 45 * 100vw / 375 );
    }
    .l-inner.bnr ul {
        flex-direction: column;
        width: 100%;
    }
    .l-inner.bnr ul > li {
        width: 100%;
        max-width: none;
    }
    .l-inner.bnr ul > li figure {
    }
    .l-inner.bnr ul > li figure figcaption {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        font-size: var( --font_size-caption );
    }
    .l-inner.bnr ul > li img {
    }
}


/*
.c-note {
    max-width: min(85.591vw, 1388px);
    margin: 0 auto;
    padding-left: min(2.882vw, 48px);
    padding-right: min(2.882vw, 48px);
}
@media screen and (max-width: 768px) {
}
.c-note ul li {
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}
@media screen and (max-width: 768px) {
}
*/



/* .c-breadcrumbs__inner
----------------------------------------*/
.c-breadcrumbs__inner {
    max-width: min(86.455vw, 1440px); /* テンプレート default */
    padding-left: min(1.441vw, 24px); /* テンプレート default */
    padding-right: min(1.441vw, 24px); /* テンプレート default */
    max-width: min(85.591vw, 1388px); /* 他要素合わせ */
    padding-left: min(2.882vw, 48px); /* 他要素合わせ */
    padding-right: min(2.882vw, 48px); /* 他要素合わせ */
}
@media screen and (max-width: 768px) {
}