@charset "utf-8";
/* CSS Document */





/* ==============================

main_visual

============================== */
.lower_page .main_visual .main_visual-fg__title {
    /* w 136 h 120 */
    top: calc( 50% - 60px );
    width: 136px;
    height: 120px;
}
@media screen and ( max-width: 768px ){
    .lower_page .main_visual .main_visual-fg__title {
        /* w 102 h 87 */
        top: calc( 50% - calc( 43.5 * 100vw / var( --dw ) ) );
        width: calc( 102 * 100vw / var( --dw ) );
        height: calc( 87 * 100vw / var( --dw ) );
    }
}





/* ==============================

lead

============================== */
.lead {
    --fs-lead__text: min( calc( 30 * 100vw / var( --dw ) ), 30px );
    padding-top: min( calc( 100 * 100vw / var( --dw ) ), 100px );
    padding-bottom: min( calc( 130 * 100vw / var( --dw ) ), 130px );
}
.lead__title {
    /* w 246 h 111 */
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: min( calc( 246 * 100vw / var( --dw ) ), 246px );
    margin: 0 auto min( calc( 75 * 100vw / var( --dw ) ), 75px );
    padding: 0;
    font-size: 0;
}
.lead__text {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
}
@media screen and ( max-width: 768px ){
    .lead {
        --fs-lead__text: calc( 20 * 100vw / var( --dw ) );
        padding-top: calc( 50 * 100vw / var( --dw ) );
        padding-bottom: calc( 65 * 100vw / var( --dw ) );
    }
    .lead__title {
        /* w 164 h 87 */
        width: calc( 164 * 100vw / var( --dw ) );
        margin: 0 auto calc( 37.5 * 100vw / var( --dw ) );
    }
    .lead__text {
    }
}





/* ==============================

t-madori

============================== */
.t-madori__list {
    
}
.t-madori__list--mini .t-madori__list__grid__item {
    width: calc(50% - min(0.72vw, 12px));
}
.t-madori__list__grid__head__data {
    background-color: #031e37;
}
.t-madori__list__grid__head__area {
    padding-right: min(5.764vw, 96px);
    background-color: #eeeae4;
}
.t-madori__list__grid__head__area .text-xs.fs-s {
    line-height: 1.1;
}
@media screen and ( max-width: 768px ){
    .t-madori__list--mini .t-madori__list__grid__item {
        width: 100%;
    }
    .t-madori__list__grid__head__area .text-xs.fs-s {
        display: none;
    }
}





/* ==============================

hanrei

============================== */
.hanrei .annotation {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0.5em 0;
}




/* ==============================

bnr

============================== */
.l-inner.bnr {
    padding-bottom: min(7.204vw, 120px);
}
.l-inner.bnr ul {
    justify-content: center;
}
@media screen and ( max-width: 768px ){
    .l-inner.bnr {
        padding-left: min(5.333vw, 24px);
        padding-right: min(5.333vw, 24px);
        padding-bottom: calc( 90 * 100vw / var( --dw ) );
    }
    .l-inner.bnr ul {
        flex-direction: column;
        gap: min(3.602vw, 60px);
    }
}



.plan .bnr ul li {
    position: relative;
}
.plan .bnr ul li .annotation {
    position: absolute;
    top: 100%;
    left: 0;
    margin: 0;
    padding: 0.5em 0;
}
.plan .bnr ul li img {
}
@media screen and ( max-width: 768px ){
    .plan .bnr ul li {
        width: 100%;
        max-width: none;
    }
    .plan .bnr ul li .annotation {
    }
    .plan .bnr ul li img {
        max-width: none;
        width: 100%;
    }
}



.t-madori__list__grid__link.comming_soon::before {
    content: 'COMMING SOON';
    position: absolute;
    top: calc( calc( 50% - min( calc( 35 * 100vw / var( --dw ) ), 35px ) ) + 47px );
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: min( calc( 70 * 100vw / var( --dw ) ), 70px );
    margin: 0;
    padding: 0;
    color: #d8c8ae;
    font-size: var( --fs-xl );
    line-height: 1.3;
    letter-spacing: 0.01em;
    background-color: #3b5868;
}