@charset "utf-8";
/*--京home.css--*/
/* ##########PC########## */
.contents{
    padding-top: 0;
}

.contents::before{
    content: "";
    display: block;
    width: 100%;
    height: 100vh;
    background-image: url(../shared/home/bg_mv.jpg);
    background-size: cover;
    background-position: center center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
    transition: 1s all ease;
}

body.show .contents::before{
    opacity: 1;
}

/*mainvisual*/
.mainvisual{
    box-sizing: border-box;
    position: relative;
    margin-bottom: 2rem;
}

    .mainvisual > .box_inner{
        box-sizing: border-box;
        position: relative;
        display: flex;
        flex-direction: column;
        height: 100%;
        padding: 13rem 0 0 7vw;
    }

        .mainvisual > .box_inner img{
            height: 100%;
            width: auto;
        }

        .mainvisual > .box_inner .lbl_mv_catchcopy{
            height: 1.55rem;
            margin-bottom: 2.5rem;
            transition: 1s all ease;
            filter: blur(10px);
            opacity: 0;
        }

        .mainvisual > .box_inner .lbl_mv_catchcopy.show{
            filter: blur(0);
            opacity: 1;
        }

        .mainvisual > .box_inner .anim_mv_diversity{
            position: relative;
        }

            .mainvisual > .box_inner .anim_mv_diversity .lbl_ja{
                height: 1.75rem;
                position: absolute;
                bottom: 0;
                left: 7.25rem;
                transition: 1s all ease;
                opacity: 0;
                transform: translateX(-1rem);
            }

            .mainvisual > .box_inner .anim_mv_diversity .lbl_ja.show{
                opacity: 1;
                transform: translateX(0);
            }

            .mainvisual > .box_inner .anim_mv_diversity .lbl_en{
                display: flex;
                align-items: center;
                gap: 0 2.5rem;
                position: relative;
                z-index: 0;
            }

                .mainvisual > .box_inner .anim_mv_diversity .lbl_en span{
                    height: 4rem;
                    transition: .5s all ease;
                    opacity: 0;
                    filter: blur(10px);
                    transform: scale(1.1) translateX(-0.5rem);
                }

                .mainvisual > .box_inner .anim_mv_diversity .lbl_en.show span{
                    opacity: 1;
                    filter: blur(0);
                    transform: scale(1) translateX(0);
                }

                .mainvisual > .box_inner .anim_mv_diversity .lbl_en span.lbl_mv_c1{
                    height: 10.25rem;
                }

                .mainvisual > .box_inner .anim_mv_diversity .lbl_en span.lbl_mv_c2{
                    transition-delay: .1s;
                }

                .mainvisual > .box_inner .anim_mv_diversity .lbl_en span.lbl_mv_c3{
                    transition-delay: .15s;
                }

                .mainvisual > .box_inner .anim_mv_diversity .lbl_en span.lbl_mv_c4{
                    transition-delay: .2s;
                }

                .mainvisual > .box_inner .anim_mv_diversity .lbl_en span.lbl_mv_c5{
                    transition-delay: .25s;
                }

                .mainvisual > .box_inner .anim_mv_diversity .lbl_en span.lbl_mv_c6{
                    transition-delay: .3s;
                }

                .mainvisual > .box_inner .anim_mv_diversity .lbl_en span.lbl_mv_c7{
                    transition-delay: .35s;
                }

                .mainvisual > .box_inner .anim_mv_diversity .lbl_en span.lbl_mv_c8{
                    transition-delay: .4s;
                }

                .mainvisual > .box_inner .anim_mv_diversity .lbl_en span.lbl_mv_c9{
                    transition-delay: .45s;
                }

.goto_bfw_news_wrapper{
    box-sizing: border-box;
    width: 1100px;
    margin: 0 auto;
    padding: 0 3vw;
}

    .bfw_exp{
        display: flex;
        align-items: center;
        margin-bottom: 3rem;
        transition: .5s all ease;
        opacity: 0;
        transform: translateX(-0.5rem);
    }

    .bfw_exp.show{
        opacity: 1;
        transform: translateX(0);
    }

        .bfw_exp p{
            flex: 1;
            font-size: 1.08em;
            line-height: 2;
            border-top: 1px solid var(--base_color1);
            border-bottom: 1px solid var(--base_color1);
            padding: 1.5em 0.5em;
            margin-right: 1rem;
        }

            .bfw_exp p::after{
                content: "";
                display: inline-block;
                width: 2.5rem;
                aspect-ratio: 40 / 6;
                background-image: url(../shared/more_arrow.svg);
                background-repeat: no-repeat;
                background-size: contain;
                margin-bottom: 0.2em;
                margin-left: 0.5em;
            }


    .goto_bfw{
        width: 21.0625rem;
        opacity: 0;
        transition: .5s all ease;
    }

    .goto_bfw.show{
        opacity: 1;
    }

        .goto_bfw a{
            display: block;
            transition: .5s all ease;
        }

        .goto_bfw a:hover{
            filter: brightness(1.1);
            transform: translateX(0.5rem);
        }

        .goto_bfw a img{
            max-width: 100%;
            height: auto;
        }

    .news_box{
        opacity: 0;
        transition: .5s all ease;
        width: calc(100% - 22.0625rem);
    }

    .news_box.show{
        opacity: 1;
    }

        .news_box > .box_header{
            margin-bottom: 1.75em;
        }

            .news_box > .box_header h2{
                font-family: var(--font_family2);
                color: #4d4d4d;
                font-size: 2.125em;
                font-weight: 400;
            }

        .news_box > .box_inner{
            border-top: 1px solid var(--base_color1);
            border-bottom: 1px solid var(--base_color1);
            padding: 1em 0;
        }

            .entry_list_box{
                line-height: 1.6;
                font-size: 0.9em;
            }

                .entry_list_box ul{}

                    .entry_list_box ul li{
                        margin-bottom: 0.25em;
                    }

                    .entry_list_box ul li:last-child{
                        margin-bottom: 0;
                    }

                    .entry_list_box ul li a{
                        color: var(--base_color1);
                        text-decoration: none;
                        display: flex;
                    }

                        .entry_list_box ul li a .entry_date_category{
                            width: 10em;
                            padding-top: 0.625em;
                        }

                            .entry_list_box ul li a .entry_date_category .entry_category{
                            }

                                .entry_list_box ul li a .entry_date_category .entry_category .lbl_cat{
                                    position: relative;
                                    padding-left: 0.625em;
                                    display: inline-block;
                                }

                                .entry_category .lbl_cat::before{
                                    content: "";
                                    width: 0;
                                    height: 1.25em;
                                    display: inline-block;
                                    border-left: 0.25rem solid #ccc;
                                    position: absolute;
                                    top: 0.3em;
                                    left: 0;
                                }

                                /*本学事業*/
                                .entry_category .lbl_cat.cat_university::before{
                                    border-left-color: #98d4bf;
                                }

                                /*学内事業（案内）*/
                                .entry_category .lbl_cat.cat_campus::before{
                                    border-left-color: #9e95b9;
                                }

                                /*学内行事お知らせ*/
                                .entry_category .lbl_cat.cat_campus_event::before{
                                    border-left-color: #ffd476;
                                }

                                /*学外行事お知らせ*/
                                .entry_category .lbl_cat.cat_off_campus_event::before{
                                    border-left-color: #f9beb7;
                                }

                                /*Q-wea*/
                                .entry_category .lbl_cat.cat_q_wea::before{
                                    border-left-color: #BDF8ED;
                                }

                                /*実施している事業*/
                                .entry_category .lbl_cat.cat_business::before{
                                    border-left-color: #e2f7b5;
                                }

                                /*実施した事業*/
                                .entry_category .lbl_cat.cat_business_old::before{
                                    border-left-color: #65D3DB;
                                }

                                /*BFWP*/
                                .entry_category .lbl_cat.cat_bfwp::before{
                                    border-left-color: #e95377;
                                }

                            .entry_list_box ul li a .entry_date_category .entry_date{
                                display: none;
                            }

                        .entry_list_box ul li a .entry_title{
                            flex: 1;
                            padding: 0.625em;
                            transition: .5s all ease;
                        }

                        .entry_list_box ul li a:hover .entry_title{
                            background: #f6f7f0;
                        }


        .news_box > .box_footer{
            padding-top: 1em;
        }

            .news_box > .box_footer a{
                text-decoration: none;
                display: flex;
                align-items: flex-end;
                gap: 0.5em;
            }

                .news_box > .box_footer a .lbl{
                    font-family: var(--font_family2);
                    color: #4d4d4d;
                    font-weight: 400;
                    font-size: 1.5em;
                    transition: .5s all ease;
                }

                .news_box > .box_footer a:hover .lbl{
                    filter: brightness(1.3);
                }

                .news_box > .box_footer a::after{
                    content: "";
                    display: inline-block;
                    width: 2.5rem;
                    aspect-ratio: 40 / 6;
                    background-image: url(../shared/more_arrow.svg);
                    background-repeat: no-repeat;
                    background-size: contain;
                    margin-bottom: 0.2em;
                    transition: .5s all ease;
                }

                .news_box > .box_footer a:hover::after{
                    transform: translateX(0.5rem);
                }

.main_contents_nav{
    box-sizing: border-box;
    width: 1100px;
    margin: 5em auto 0;
    padding: 0 3vw;
}

    .main_contents_nav ul{
        display: flex;
        flex-wrap: wrap;
        gap: 3rem;
        line-height: 1.6;
    }

        .main_contents_nav ul li{
            width: calc((100% - 6rem) / 3);
        }

            .main_contents_nav ul li a{
                color: var(--base_color1);
                text-decoration: none;
                display: block;
            }

                .main_contents_nav ul li a .fig{
                    border-radius: 0 2rem 0 0;
                    overflow: hidden;
                    margin-bottom: 0.5em;
                    transition: .3s all ease;
                }

                .main_contents_nav ul li a:hover .fig{
                    box-shadow: 0 8px 5px -5px rgba(45,177,185,0.5);
                }

                    .main_contents_nav ul li a .fig img{
                        max-width: 100%;
                        height: auto;
                        transition: .3s all ease;
                    }

                    .main_contents_nav ul li a .fig img:hover{
                        filter: brightness(1.02);
                    }

                .main_contents_nav ul li a dl{}

                .main_contents_nav ul li a dl dt{
                    font-weight: 400;
                }

                .main_contents_nav ul li a dl dd{
                    font-size: 0.9em;
                }

.bn_bfw{
    display: none;
}


@media screen and (min-width:1px) and (max-width:1400px) {

}

@media screen and (min-width:1px) and (max-width:1280px) {

}


@media screen and (min-width:1px) and (max-width:1200px) {

}

@media screen and (min-width:1px) and (max-width:1100px) {
    .contents::before{
        height: 55vh;
    }


    .goto_bfw_news_wrapper{
        width: 100%;
        padding-right: 1rem;
    }

    .goto_bfw{
        width: 18rem;
    }

    .main_contents_nav{
        box-sizing: border-box;
        width: 100%;

    }

        .main_contents_nav ul{
            gap: 2rem;
        }

        .main_contents_nav ul li{
            width: calc((100% - 4rem) / 3);
        }
}

/*ipad*/
@media screen and (min-width:1px) and (max-width:1024px){



}

/* ##########SP横向き########## */
@media screen and (min-width:1px) and (max-width:768px) {


}

/* ##########SP########## */
@media screen and (min-width:1px) and (max-width:479px) {
    .contents::before{
        height: 50vh;
        background-position: right -25vw center;
    }

    .mainvisual > .box_inner{
        padding-top: 10rem;
    }

    .mainvisual > .box_inner .lbl_mv_catchcopy{
        height: calc(2.5rem / 4 * 2.5);
        margin-bottom: 2rem;
    }

    .mainvisual > .box_inner .anim_mv_diversity .lbl_ja{
        height: calc(1.75rem / 4 * 2.5);
        left: 4.25rem;
    }

    .mainvisual > .box_inner .anim_mv_diversity .lbl_en{
        gap: 0 calc(2rem / 4 * 2.5);
    }

    .mainvisual > .box_inner .anim_mv_diversity .lbl_en span{
        height: 2.5rem;
    }

    .mainvisual > .box_inner .anim_mv_diversity .lbl_en span.lbl_mv_c1{
        height: calc(10.25rem / 4 * 2.5);
    }

    .goto_bfw_news_wrapper{
        padding: 0 5vw;
        flex-direction: column;
    }

    .bfw_exp{
        flex-direction: column;
        margin-top: 3em;
        margin-bottom: 0;
    }

    .bfw_exp p{
        margin-right: 0;
        margin-bottom: 0.5em;
        font-size: 1em;
        line-height: 1.6;
        padding: 0;
        border-top: none;
        border-bottom: none;
    }

        .bfw_exp p br{
            display: none;
        }

        .bfw_exp p::after{
            content: none;
        }

    .goto_bfw{
        width: 100%;
        display: flex;
        justify-content: center;
        margin-bottom: 1em;
    }

        .goto_bfw a{
            width: 60%;
        }

    .news_box{
        padding-top: 0;
        width: auto;
    }

        .news_box > .box_header{
            margin-bottom: 1em;
        }

    .main_contents_nav ul{
        gap: 1.5rem;
        padding: 0 1rem;
    }

        .main_contents_nav ul li{
            gap: 1.5rem;
            width: calc((100% - 1.5rem) / 2);
        }
    
}


/* ##########印刷用########## */
@media print{


}