@charset "utf-8";
/*--京home.css--*/
/* ##########PC########## */
/*mainvisual*/
.mainvisual{
    margin-bottom: 4.5rem;
}

    .mainvisual > .box_inner{
        position: relative;
        display: flex;
    }

        .lbls_information_wrapper{
            box-sizing: border-box;
            position: relative;
            z-index: 1;
            width: 32.5rem;
            padding-bottom: 2.5rem;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

            .lbls_information_wrapper::before{
                content: "";
                display: block;
                width: 3.875rem;
                height: 22.25rem;
                background-image: url('../shared/home/lbl_education.png');
                background-size: contain;
                background-repeat: no-repeat;
                position: absolute;
                top: 3rem;
                left: 2rem;
            }

            .mainvisual > .box_inner .lbls{
                padding: 3.75rem 0 0 10rem;
            }

                .mainvisual > .box_inner .lbls p{
                    position: relative;
                    display: flex;
                    flex-direction: column;
                }

                    .mainvisual > .box_inner .lbls p img{
                        max-width: 100%;
                        height: auto;
                    }

                    .mainvisual > .box_inner .lbls p .lbl_mv1{
                        position: relative;
                        width: 17rem;
                        margin-bottom: 3rem;
                    }

                    .mainvisual > .box_inner .lbls p .lbl_mv2_mv3{
                        display: flex;
                        flex-direction: column;
                        margin-bottom: 1.75rem;
                        position: relative;
                    }

                    .mainvisual > .box_inner .lbls p .lbl_mv2{
                        width: 10rem;
                        margin-bottom: 1.75rem;
                    }

                    .mainvisual > .box_inner .lbls p .lbl_mv3{
                        width: 17.5rem;
                    }

                    .mainvisual > .box_inner .lbls p .lbl_mv4{
                        position: relative;
                        width: 10rem;
                    }

                    .mainvisual > .box_inner .lbls p .lbl_mv5{
                        position: absolute;
                        width: 32.25rem;
                        bottom: -4.5rem;
                        left: -2.5rem;
                    }

            .mainvisual > .box_inner .information_box{
                width: 25rem;
                margin-left: 5rem;
            }

                .mainvisual > .box_inner .information_box a{
                    position: relative;
                    display: block;
                    color: #333;
                    text-decoration: none;
                    box-shadow: 0.5rem 0.5rem 0.75rem 0 rgba(0,0,0,0.1);
                    transition: .3s all ease;
                }

                .mainvisual > .box_inner .information_box a:hover{
                    background: rgba(255,110,50,0.1);
                }

                    .mainvisual > .box_inner .information_box a::before{
                        content: "";
                        width: 6.25rem;
                        height: 6.25rem;
                        border: 2px solid rgba(255,255,255,0);
                        border-top-color: #ff6e32;
                        border-left-color: #ff6e32;
                        position: absolute;
                        top: 0;
                        left: 0;
                    }

                    .mainvisual > .box_inner .information_box a dl{
                        display: flex;
                        flex-direction: column;
                        padding: 1.5rem;
                    }

                        .mainvisual > .box_inner .information_box a dl dt{
                            display: flex;
                            align-items: center;
                            justify-content: space-between;
                            margin-bottom: 0.75rem;
                        }

                            .mainvisual > .box_inner .information_box a dl dt .lbl{
                                font-family: "Montserrat", serif;
                                font-weight: 600;
                                font-size: 1.5rem;
                                color: #ff6e32;
                            }

                            .mainvisual > .box_inner .information_box a dl dt:after{
                                content: "";
                                display: inline-block;
                                width: 1rem;
                                height: 1rem;
                                background-image: url('../shared/arr/arr_04.png');
                                background-position: center center;
                                background-repeat: no-repeat;
                                background-size: contain;
                            }

                        .mainvisual > .box_inner .information_box a dl dd{
                            line-height: 1.6;
                            text-indent: 1em;
                        }

            

        .mainvisual > .box_inner .fig{
            flex: 1;
            position: relative;
            height: 40rem;
            overflow: hidden;
            border-radius: 0 0 0 5rem;
        }

            .mainvisual > .box_inner .fig img{
                height: 100%;
                width: auto;
            }


/*home_slider_box*/
.home_slider_box{
    margin-bottom: 6rem;
}

    .home_slider_box > .box_inner{}

        .home_slider_box > .box_inner .slide_obj{
            width: 18.75rem;
            padding: 0 1.25rem;
        }

            .home_slider_box > .box_inner .slide_obj a,
            .home_slider_box > .box_inner .slide_obj .no_link{
                display: flex;
                flex-direction: column;
            }

            .home_slider_box > .box_inner .slide_obj a{
                text-decoration: none;
            }

            .home_slider_box > .box_inner .slide_obj img{
                max-width: 100%;
                height: auto;
                transition: .3s all ease;
            }

            .home_slider_box > .box_inner .slide_obj .fig{
                margin-bottom: 1rem;
                overflow: hidden;
            }


            .home_slider_box > .box_inner .slide_obj .lbl{
                color: #505050;
                font-size: 0.875rem;
                line-height: 1.3;
            }

            .home_slider_box > .box_inner .slide_obj a:hover .fig img{
                transform: scale(1.05);
                filter: brightness(1.1);
            }


/*common_box*/
.common_box{}

    .common_box > .box_header{}

        .common_box > .box_header h2{
            display: flex;
            flex-direction: column-reverse;
            align-items: flex-start;
        }

        .common_box > .box_header h2 .lbl_ja{
            font-weight: 500;
            color: #333;
        }

        .common_box > .box_header h2 .lbl_en{
            font-size: 3.75rem;
            font-family: "Montserrat", serif;
            font-weight: 600;
            margin-bottom: 0.5rem;
        }

/*news_home_side_nav_wrapper*/
.news_home_side_nav_wrapper{
    display: flex;
    justify-content: center;
    margin: 0 auto 5rem;
    padding-top: 6rem;
    position: relative;
}

    .news_home_side_nav_wrapper:before{
        content: "";
        display: block;
        background: #ebf8fe;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
        border-radius: 0 5rem 0 0;
        width: calc(52rem + ((100% - 75.125rem) / 2));
        height: 100%;
    }

    /*news_box*/
    .news_box{
        box-sizing: border-box;
        width: 52rem;
        position: relative;
        z-index: 1;
        padding-right: 5rem;
    }

        .news_box::before{
            content: "";
            display: block;
            width: 30rem;
            height: 30rem;
            background: rgb(236,240,253);
            background: linear-gradient(45deg, rgba(236,240,253,0) 30%, rgba(236,240,253,1) 100%);
            position: absolute;
            top: -6rem;
            right: 0;
            z-index: 0;
            border-radius: 0 5rem 0 0;
        }

        .news_box > .box_header{
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 1.5rem;
            position: relative;
            z-index: 1;
        }

            .news_box > .box_header h2 .lbl_en{
                color: #0ab4e6;
            }

            .news_box > .box_header .category_list{}

                .news_box > .box_header .category_list button{
                    cursor: pointer;
                    padding: 0 0.5em;
                    border: none;
                    background: none;
                    white-space: nowrap;
                    font-size: 0.875rem;
                    color: rgba(25,70,100,0.6);
                    line-height: 1;
                }

                .news_box > .box_header .category_list button.active{
                    color: rgba(25,70,100,1);
                }

                .news_box > .box_header .category_list dl{
                    display: flex;
                }

                    .news_box > .box_header .category_list dl dt{}

                        .news_box > .box_header .category_list dl dt button{
                            padding: 0 1.5em;
                        }

                    .news_box > .box_header .category_list dl dd{}

                        .news_box > .box_header .category_list dl dd ul{
                            display: flex;
                            flex-wrap: wrap;
                            gap: 0.875rem 0;
                        }

                            .news_box > .box_header .category_list dl dd ul li{
                                border-left: 1px solid rgba(25,70,100,0.6);
                                padding: 0 0.75em;
                            }

                            .news_box > .box_header .category_list dl dd ul li:last-child{
                                border-right: none;
                                padding-right: 0;
                            }

        .news_box > .box_inner{
            position: relative;
            z-index: 1;
        }

            .entry_list_box{
                display: none;
            }

            .entry_list_box.active{
                display: block;
            }

            .entry_list_box ul{}

                .entry_list_box ul li{
                    border-bottom: 1px solid rgba(0,0,0,0.15);
                    line-height: 1.4;
                    padding: 0.05em 0;
                }

                .entry_list_box ul li:first-child{
                    border-top: 1px solid rgba(0,0,0,0.15);
                }

                    .entry_list_box ul li a{
                        display: flex;
                        color: #194664;
                        text-decoration: none;
                        padding: 0.9em 1em;
                        transition: .3s all ease;
                    }

                    .entry_list_box ul li a:hover{
                        background: rgba(255,255,255,0.9);
                    }

                        .entry_list_box ul li a .entry_date_category{
                            display: flex;
                        }

                            .entry_list_box ul li a .entry_date{
                                width: 6.5em;
                            }

                            .entry_list_box ul li a .entry_category{
                                width: 6.825rem;
                                display: flex;
                                flex-direction: column;
                                gap: 0.25em;
                            }

                                .entry_list_box ul li a .entry_category .lbl_cat{
                                    display: flex;
                                    justify-content: center;
                                    align-items: center;
                                    width: 100%;
                                    height: 1.5rem;
                                    border-radius: 0.75rem;
                                    background: #fff;
                                    font-size: 0.875em;
                                }

                        .entry_list_box ul li a .entry_title{
                            flex: 1;
                            padding-left: 1.5em;
                        }

        .news_box > .box_footer{
            display: flex;
            justify-content: center;
            padding: 5rem 0;
        }

            .news_box > .box_footer .more a{
                box-sizing: border-box;
                display: flex;
                justify-content: center;
                align-items: center;
                width: 12.5rem;
                height: 3.5rem;
                background: #fff;
                text-decoration: none;
                color: #194664;
                border: 1px solid #194664;
                border-radius: 1.75rem;
                transition: .3s all ease;
            }

            .news_box > .box_footer .more a:hover{
                background: #194664;
                color: #fff;
            }

    /*home_side_nav_box*/
    .home_side_nav_box{
        box-sizing: border-box;
        width: 23.125rem;
        padding-left: 3.125rem;
        position: relative;
        z-index: 1;
    }

        .home_side_nav_box .nav1{
            margin-bottom: 2rem;
        }

            .home_side_nav_box .nav1 img{
                max-width: 100%;
                height: auto;
            }

            .home_side_nav_box .nav1 ul{}

                .home_side_nav_box .nav1 ul li{
                    margin-bottom: 1.5rem;
                }

                .home_side_nav_box .nav1 ul li:last-child{
                    margin-bottom: 0;
                }

                    .home_side_nav_box .nav1 ul li a{
                        box-sizing: border-box;
                        display: flex;
                        align-items: center;
                        height: 6.25rem;
                        border: 2px solid #194664;
                        padding-left: 2rem;
                        text-decoration: none;
                        transition: .3s all ease;
                    }

                        .home_side_nav_box .nav1 ul li a .fig{
                            width: 1.375rem;
                            margin-right: 1rem;
                            transition: .3s all ease;
                        }

                        .home_side_nav_box .nav1 ul li a .lbl{
                            color: #194664;
                            font-size: 1.125rem;
                            transition: .3s all ease;
                        }

                    .home_side_nav_box .nav1 ul li a:hover{
                        background: #194664;
                    }

                        .home_side_nav_box .nav1 ul li a:hover .fig{
                            filter: invert(1);
                        }

                        .home_side_nav_box .nav1 ul li a:hover .lbl{
                            color: #fff;
                        }

        .home_side_nav_box .nav2{}

            .home_side_nav_box .nav2 img{
                height: 100%;
                width: auto;
                transition: .3s all ease;
            }

            .home_side_nav_box .nav2 ul{}

                .home_side_nav_box .nav2 ul li{
                    margin-bottom: 1.5rem;
                    aspect-ratio: 320 / 100;
                }

                .home_side_nav_box .nav2 ul li:last-child{
                    margin-bottom: 0;
                }

                    .home_side_nav_box .nav2 ul li a{
                        display: flex;
                        text-decoration: none;
                        height: 100%;
                        transition: .3s all ease;
                    }

                        .home_side_nav_box .nav2 ul li a .lbl{
                            flex: 1;
                            background: #f8f2e4;
                            color: #6a4641;
                            display: flex;
                            align-items: center;
                            padding-left: 2em;
                            line-height: 1.4;
                            transition: .3s all ease;
                        }

                        .home_side_nav_box .nav2 ul li a .fig{
                            height: 100%;
                            aspect-ratio: 1 / 1;
                            overflow: hidden;
                        }

                    .home_side_nav_box .nav2 ul li a:hover{
                        box-shadow: 0 0 0 1px #6a4641;
                    }

                        .home_side_nav_box .nav2 ul li a:hover .lbl{
                            background: #fff;
                        }

                        .home_side_nav_box .nav2 ul li a:hover .fig img{
                            transform: scale(1.05);
                            filter: brightness(1.1);
                        }
    

/*course_features_common*/
.course_features_common{
    position: relative;
}

    .course_features_common::before{
        content: "";
        display: block;
        width: 50%;
        height: 100%;
        position: absolute;
        top: 0;
        z-index: 0;
    }

    .course_features_common > .box_header{
        display: flex;
        position: relative;
        z-index: 2;
        margin-bottom: 5.625rem;
    }

        .course_features_common > .box_header .text{
            box-sizing: border-box;
            width: 50%;
            display: flex;
            position: relative;
        }

        .course_features_common > .box_header h2{
            margin-bottom: 4.375rem;
        }

        .course_features_common > .box_header h3{
            display: flex;
            flex-direction: column;
            font-size: 2.5rem;
            font-weight: 700;
            line-height: 1.4;
            margin-bottom: 1em;
        }

        .course_features_common > .box_header p{
            font-size: 1.125rem;
            line-height: 1.9;
            color: #333;
        }

        .course_features_common > .box_header .more{
            display: flex;
            justify-content: center;
            margin-top: 3.75rem;
        }

            .course_features_common > .box_header .more a{
                box-sizing: border-box;
                display: flex;
                justify-content: center;
                align-items: center;
                width: 12.5rem;
                height: 3.5rem;
                background: #fff;
                text-decoration: none;
                color: #767676;
                border: 1px solid #b4b4b4;
                border-radius: 1.75rem;
                transition: .3s all ease;
            }

            .course_features_common > .box_header .more a:hover{
                color: #194664;
                border-color: #194664;
            }

        .course_features_common > .box_header .fig{
            box-sizing: border-box;
            width: 50%;
            padding-top: 2.5rem;
            position: relative;
        }

            .course_features_common > .box_header .fig::before{
                content: "";
                display: block;
                width: 30rem;
                height: 30rem;
                position: absolute;
                top: 0;
                z-index: 0;
                background: #ccc;
            }


            .course_features_common > .box_header .fig_inner{
                height: 33.25rem;
                overflow: hidden;
                border-radius: 2.5rem 0 0 2.5rem;
                position: relative;
                z-index: 1;
            }

                .course_features_common > .box_header .fig_inner img{
                    height: 100%;
                    width: auto;
                }

    .course_features_common > .box_inner{
        position: relative;
        z-index: 2;
    }


/*course_box*/
.course_box{
    padding-bottom: 5rem;
    margin-bottom: 5.625rem;
}

    .course_box::before{
        background: #fffbed;
        border-radius: 5rem 0 0 5rem;
        right: 0;
    }

        .course_box > .box_header .text{
            justify-content: flex-end;
            padding: 2.5rem 3.75rem 0 0;
        }

            .course_box > .box_header .text .text_inner{
                width: 33rem;
            }

            .course_box > .box_header h2{
                color: #ff6e32;
            }

        .course_box > .box_header .fig{
            padding-left: 2.5rem;
        }

            .course_box > .box_header .fig::before{
                border-radius: 5rem 0 0 0;
                left: 0;
                background: rgb(236,251,222);
                background: linear-gradient(-45deg, rgba(236,251,222,0) 30%, rgba(236,251,222,1) 100%);
            }

            .course_box > .box_header .fig_inner{
                border-radius: 2.5rem 0 0 2.5rem;
            }

    .course_box > .box_inner{
        display: flex;
        justify-content: center;
    }

        .course_list_box{
            width: 45.375rem;
            padding-right: 6rem;
        }

            .course_list_box img{
                max-width: 100%;
                height: auto;
                transition: .3s all ease;
            }

            .course_list_box > h3{
                font-size: 1.5em;
                font-weight: 600;
                border-bottom: 1px solid #aaa;
                margin-bottom: 1em;
                padding: 0 0 0.4em 0;
            }

                .course_list_box > h3 a{
                    color: #1a4465;
                    text-decoration: none;
                }

                .course_list_box > h3 a:hover{
                    text-decoration: underline;
                }

            .course_list_box > h4{
                font-size: 1.2em;
                font-weight: 600;
                margin-bottom: 0.75em;
                position: relative;
                padding-left: 1.3em; 
            }

                .course_list_box > h4::before{
                    font-family: FontAwesome;
                    content:"\f111";
                    display: inline-block;
                    color: #ff6e32;
                    font-weight: normal;
                    position: absolute;
                    top: 0;
                    left: 0;
                }

                    .course_list_box > h4 a{
                        color: #1a1a1a;
                        text-decoration: none;
                    }

                    .course_list_box > h4 a:hover{
                        text-decoration: underline;
                    }

            .course_list_box ul{
                display: flex;
                flex-wrap: wrap;
                gap: 4.375rem;
                margin-bottom: 3em;
            }

                .course_list_box ul li{
                    width: 20.5rem;
                }

                    .course_list_box ul li a{
                        color: #333;
                        text-decoration: none;
                    }

                        .course_list_box ul li a .fig{
                            margin-bottom: 1rem;
                            overflow: hidden;
                        }

                        .course_list_box ul li a .text{

                        }

                            .course_list_box ul li a .text h4{
                                color: #1a1a1a;
                                display: flex;
                                justify-content: space-between;
                                align-items: flex-start;
                                margin-bottom: 1rem;
                            }

                                .course_list_box ul li a .text h4 .lbl{
                                    font-size: 1.3125rem;
                                    line-height: 1.3;
                                    font-weight: 500;
                                    padding-top: 0.3em;
                                    flex: 1;
                                }

                                .course_list_box ul li a .text h4::after{
                                    box-sizing: border-box;
                                    content: "";
                                    display: inline-block;
                                    width: 2.5rem;
                                    height: 2.5rem;
                                    border: 2px solid #ff6e32;
                                    border-radius: 50%;
                                    background-color: #ff6e32;
                                    background-image: url(../shared/arr/arr_03.png);
                                    background-position: center center;
                                    background-repeat: no-repeat;
                                    background-size: 1rem auto;
                                }

                            .course_list_box ul li a .text p{
                                line-height: 1.7;
                            }

                        .course_list_box ul li a:hover .fig img{
                            transform: scale(1.05);
                            filter: brightness(1.1);
                        }

        .license_minor_subject_box{
            width: 15rem;
            padding-left: 5.625rem;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            border-left: 1px solid rgba(0,0,0,0.1);
        }

            .license_minor_subject_box h4{
                color: #b64c21;
                font-size: 1.5rem;
                font-weight: 500;
                margin-bottom: 1em;
            }

            .license_minor_subject_box ul{
                color: #666;
                font-size: 1.125rem;
                display: flex;
                flex-wrap: wrap;
                line-height: 2;
                margin-bottom: 4rem;
            }

                .license_minor_subject_box ul li{
                    margin-right: 1em;
                }

                .license_minor_subject_box ul li::before{
                    content: "#";
                }

/*features_box*/
.features_box{
    padding-bottom: 4rem;
    margin-bottom: 8rem;
}

    .features_box::before{
        background: #f1f8f1;
        border-radius: 0 5rem 5rem 0;
        left: 0;
    }

        .features_box > .box_header{
            flex-direction: row-reverse;
        }

        .features_box > .box_header .text{
            padding: 2.5rem 0 0 3.75rem;
        }

            .features_box > .box_header .text .text_inner{
                width: 33rem;
            }

        .features_box > .box_header h2{
            color: #4baa50;
        }

        .features_box > .box_header .fig{
            padding: 2.5rem 2.5rem 0 0;
        }

            .features_box > .box_header .fig::before{
                right: 0;
                background: rgb(219,248,243);
                background: linear-gradient(45deg, rgba(219,248,243,0) 30%, rgba(219,248,243,1) 100%);
                border-radius: 0 5rem 0 0;
            }

            .features_box > .box_header .fig_inner{
                border-radius: 0 2.5rem 2.5rem 0;
            }

    .features_box > .box_inner{}

        .features_box > .box_inner .bns_list_box{}

            .features_box > .box_inner .bns_list_box img{
                max-width: 100%;
                height: auto;
            }

            .features_box > .box_inner .bns_list_box ul{
                display: flex;
                justify-content: center;
            }

                .features_box > .box_inner .bns_list_box ul li{
                    margin-right: 2rem;
                }

                .features_box > .box_inner .bns_list_box ul li:last-child{
                    margin-right: 0;
                }

                .features_box > .box_inner .bns_list_box ul li a{
                    display: block;
                    background: #fff;
                    border: 1px solid #626264;
                    padding: 3px;
                    transition: .3s all ease;
                }

                .features_box > .box_inner .bns_list_box ul li a:hover{
                    filter: brightness(1.2);
                }

                    .features_box > .box_inner .bns_list_box ul li a .fig{
                        display: block;
                        width: 20rem;
                    }

/*etc_bns_box*/
.etc_bns_box{}

    .etc_bns_box > .box_inner{}

        .etc_bns_box > .box_inner img{
            max-width: 100%;
            height: auto;
            transition: .3s all ease;
        }

        .etc_bns_box > .box_inner ul{
            display: flex;
            justify-content: center;
        }

            .etc_bns_box > .box_inner ul li{
                width: 30rem;
                margin-right: 5rem;
            }

            .etc_bns_box > .box_inner ul li:last-child{
                margin-right: 0;
            }

                .etc_bns_box > .box_inner ul li a{
                    text-decoration: none;
                    position: relative;
                    display: block;
                }

                .etc_bns_box > .box_inner ul li a .lbl_catch{
                    width: 6.5rem;
                    position: absolute;
                    top: -2.25rem;
                    left: -2.25rem;
                    z-index: 1;
                }

                .etc_bns_box > .box_inner ul li a .fig{
                    position: relative;
                    overflow: hidden;
                    border-radius: 1.75rem 1.75rem 1.75rem 0;
                }

                    .etc_bns_box > .box_inner ul li a:hover .fig img{
                        transform: scale(1.03);
                        filter: brightness(1.1);
                    }

                .etc_bns_box > .box_inner ul li a .text{
                    position: relative;
                    z-index: 2;
                    margin-top: -3.375rem;
                    display: flex;
                    flex-direction: column;
                    align-items: flex-start;
                }

                    .etc_bns_box > .box_inner ul li a .text h4{
                        box-sizing: border-box;
                        color: #194664;
                        width: 20rem;
                        height: 3.375rem;
                        margin-bottom: 1.5rem;
                        padding-right: 1rem;
                        background: #fff;
                        border-radius: 0 1.75rem 0 0;
                        display: flex;
                        justify-content: space-between;
                        align-items: flex-end;
                    }

                        .etc_bns_box > .box_inner ul li a .text h4 .lbl{
                            font-size: 1.3125rem;
                            padding-bottom: 0.25rem;
                        }

                        .etc_bns_box > .box_inner ul li a .text h4:after{
                            box-sizing: border-box;
                            content: "";
                            display: inline-block;
                            width: 2.5rem;
                            height: 2.5rem;
                            border: 2px solid #194664;
                            border-radius: 50%;
                            background-color: #194664;
                            background-image: url('../shared/arr/arr_03.png');
                            background-position: center center;
                            background-repeat: no-repeat;
                            background-size: 1rem auto;
                        }

                    .etc_bns_box > .box_inner ul li a .text p{
                        font-size: 0.875rem;
                        color: #333;
                        line-height: 1.8;
                    }

/*202509改修*/
.course_list_box ul li a .lbl_course{
    font-weight: 500;
    font-size: 0.9em;
    margin-bottom: 0.5em;
}

.institution_box{
    margin-top: 7em;
}

.institution_box > .box_header{
    margin-bottom: 3em;
    justify-content: center;
}

    .institution_box > .box_header::before{
        content: none;
    }

    .institution_box > .box_header .text{
        width: auto;
    }

    .institution_box > .box_header h2{
        margin-bottom: 0;
        color: #4b64aa;
        align-items: center;
    }

        .institution_box > .box_header h2 .lbl_en{
            font-size: 2.75rem;
        }

.institution_box > .box_inner ul{
    display: flex;
    justify-content: center;
    gap: 0 1.5rem;
}

    .institution_box > .box_inner ul li{}

        .institution_box > .box_inner ul li a{
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 0.5em;
            text-decoration: none;
            color: #111;
        }

            .institution_box > .box_inner ul li a .fig{
                width: 11.5rem;
                border-radius: 0.25rem;
                overflow: hidden;
                transition: .3s all ease;
            }

            .institution_box > .box_inner ul li a:hover .fig{
                box-shadow: 0 0 0 2px #4b64aa;
            }

                .institution_box > .box_inner ul li a .fig img{
                    max-width: 100%;
                    height: auto;
                    transition: .3s all ease;
                }

                .institution_box > .box_inner ul li a:hover .fig img{
                    filter: brightness(1.1);
                }

            .institution_box > .box_inner ul li a .lbl{
                font-size: 0.92em;
            }



@media screen and (min-width:1px) and (max-width:1400px) {
    .lbls_information_wrapper{
        width: 37.5vw;
    }

        .lbls_information_wrapper::before{
            width: 4vw;
            height: calc(4vw / 3.875 * 22.25);
            top: 3vw;
            left: 3vw;
        }

    .lbls_information_wrapper{
        padding-bottom: 0;
    }

    .mainvisual > .box_inner .lbls{
        padding: 3vw 0 0 10vw;
        margin-bottom: 8vw;
    }

    .mainvisual > .box_inner .lbls p .lbl_mv1{
        width: 21vw;
        margin-bottom: 3.5vw;
    }

    .mainvisual > .box_inner .lbls p .lbl_mv2_mv3{
        margin-bottom: 1.75vw;
    }

    .mainvisual > .box_inner .lbls p .lbl_mv2{
        width: calc(21vw / 17 * 10);
        margin-bottom: 1.75vw;
    }

    .mainvisual > .box_inner .lbls p .lbl_mv3{
        width: calc(21vw / 17 * 17.5);
    }

    .mainvisual > .box_inner .lbls p .lbl_mv4{
        width: calc(21vw / 17 * 10);
    }

    .mainvisual > .box_inner .lbls p .lbl_mv5{
        width: calc(21vw / 17 * 32.25);
        bottom: -6vw;
        left: -3vw;
    }

    .mainvisual > .box_inner .fig{
        height: 43vw;
    }

    .mainvisual > .box_inner .information_box{
        width: 32vw;
        margin-left: 3vw;
    }
}

@media screen and (min-width:1px) and (max-width:1280px) {
    .news_home_side_nav_wrapper{
        padding: 5vw 5vw 0 5vw;
    }

    .news_box{
        width: auto;
        flex: 1;
        padding-right: 6vw;
    }

    .news_box::before{
        top: -3rem;
        right: 0.5rem;
    }

    .home_side_nav_box{
        width: 24vw;
        padding-left: 2vw;
    }

        .home_side_nav_box .nav1 ul li{
            margin-bottom: 1rem;
        }

            .home_side_nav_box .nav1 ul li a{
                height: auto;
                aspect-ratio: 320 / 100;
            }

        .home_side_nav_box .nav2 ul li{
            margin-bottom: 1rem;
        }


    .common_box > .box_header h2 .lbl_en{
        font-size: 3rem;
    }

    .news_home_side_nav_wrapper:before{
        width: calc(100% - 30vw);
    }

    .course_features_common > .box_header .fig{
        padding-top: 3vw;
    }

    .course_features_common > .box_header .fig_inner{
        height: 35vw;
    }

    .course_box > .box_header .text{
        padding: 3vw 4vw 0 5vw;
    }

        .course_features_common > .box_header h3{
            font-size: 3vw;
        }

    .course_box > .box_header .fig{
        padding-left: 3vw;
    }

    .course_box > .box_inner{
        padding: 0 5vw;
    }

        .course_list_box{
            width: auto;
            flex: 1;
            padding-right: 4vw;
        }

            .course_list_box ul{
                gap: 2vw;
            }

            .course_list_box ul li{
                width: calc((100% - 2vw) / 2);
            }

        .license_minor_subject_box{
            width: 26vw;
            padding-left: 4vw;
        }

    .features_box > .box_header .text{
        padding-left: 4vw;
        padding-right: 5vw;
    }

    .features_box > .box_inner .bns_list_box{
        padding: 0 5vw;
    }

        .features_box > .box_inner .bns_list_box ul li{
            width: calc((100% - 6vw) / 3);
            margin-right: 3vw;
        }

            .features_box > .box_inner .bns_list_box ul li a .fig{
                width: auto;
            }

    .etc_bns_box > .box_inner ul{
        padding: 0 5vw;
    }

        .etc_bns_box > .box_inner ul li{
            width: calc((100% - 5vw) / 2);
            margin-right: 5vw;
        }

    .institution_box > .box_header h2 .lbl_en{
        font-size: 2.75rem;
    }
}


@media screen and (min-width:1px) and (max-width:1200px) {

}

/*ipad*/
@media screen and (min-width:1px) and (max-width:1024px){
.institution_box > .box_inner ul{
    gap: 0 1rem;
    padding: 0 5vw;
}

    .institution_box > .box_inner ul li{
        width: calc((100% - 4rem) / 5);
    }

        .institution_box > .box_inner ul li a .fig{
            width: 100%;
        }


}

/* ##########SP横向き########## */
@media screen and (min-width:1px) and (max-width:768px) {


}

/* ##########SP########## */
@media screen and (min-width:1px) and (max-width:479px) {
    .mainvisual{
        margin-bottom: 1.5rem;
    }

        .mainvisual > .box_inner{
            flex-direction: column-reverse;
            overflow-x: hidden;
        }

            .mainvisual > .box_inner::before{
                content: "";
                display: block;
                width: 8vw;
                aspect-ratio: 124 / 712;
                background-image: url(../shared/home/lbl_education.png);
                background-size: contain;
                background-repeat: no-repeat;
                position: absolute;
                top: 0;
                left: 0;
            }

            .lbls_information_wrapper{
                width: 100%;
            }

                .lbls_information_wrapper::before{
                    content: none;
                }

                .mainvisual > .box_inner .lbls{
                    margin-bottom: 15vw;
                }

                    .mainvisual > .box_inner .lbls p .lbl_mv1{
                        width: 36vw;
                    }

                    .mainvisual > .box_inner .lbls p .lbl_mv2_mv3{
                        flex-direction: row;
                        margin-bottom: 3vw;
                    }

                        .mainvisual > .box_inner .lbls p .lbl_mv2 {
                            width: calc(36vw / 17* 10);
                            margin-bottom: 0;
                        }

                        .mainvisual > .box_inner .lbls p .lbl_mv3 {
                            width: calc(36vw / 17* 17.5);
                        }

                    .mainvisual > .box_inner .lbls p .lbl_mv4 {
                        width: calc(36vw / 17* 10);
                        margin-left: 21vw;
                    }

                    .mainvisual > .box_inner .lbls p .lbl_mv5 {
                        width: calc(36vw / 17* 32.25);
                        bottom: -10vw;
                        left: auto;
                        right: 6vw;
                    }

                .mainvisual > .box_inner .information_box{
                    width: auto;
                    margin: 0 8vw;
                }

                    .mainvisual > .box_inner .information_box a{
                        box-shadow: none;
                    }

                        .mainvisual > .box_inner .information_box a::before{
                            width: 3rem;
                            height: 3rem;
                        }

                        .mainvisual > .box_inner .information_box a dl{
                            padding: 1.25rem;
                        }

                        .mainvisual > .box_inner .information_box a dl dt .lbl{
                            font-size: 1.1rem;
                        }

                        .mainvisual > .box_inner .information_box a dl dd{
                            font-size: 0.8rem;
                            line-height: 1.4;
                        }

        .mainvisual > .box_inner .fig{
            height: auto;
            border-radius: 0 0 0 1.5rem;
            transform: translateX(10vw);
        }

            .mainvisual > .box_inner .fig img{
                max-width: 100%;
                height: auto;
            }

    .home_slider_box{
        margin: 0 5vw;
    }

    .home_slider_box > .box_inner .slide_obj{
        box-sizing: border-box;
        width: 45vw;
        padding: 0 2.5vw;
    }

    .news_home_side_nav_wrapper{
        flex-direction: column;
        padding: 0;
        margin-bottom: 3rem;
    }

        .news_home_side_nav_wrapper:before{
            content: none;
        }

        .news_box{
            padding: 2.5rem 1.5rem 1.5rem 2rem;
            background: #ecf3fd;
            margin-right: 2rem;
            margin-bottom: 1.5rem;
            border-radius: 0 2rem 0 0;
        }

            .news_box::before{
                top: 0;
                right: 0;
                border-radius: 0 2rem 0 0;
            }

            .news_box > .box_header{
                flex-direction: column;
                align-items: flex-start;
                margin-bottom: 1rem;
            }

                .news_box > .box_header h2{
                    margin-bottom: 1rem;
                }

                .news_box > .box_header .category_list{
                    padding: 0 0.5rem;
                }

                .news_box > .box_header .category_list dl{
                    position: relative;
                    display: block;
                }

                    .news_box > .box_header .category_list dl dt{
                        position: absolute;
                        top: 0;
                        left: 0;
                        z-index: 1;
                    }

                    .news_box > .box_header .category_list dl dd{
                        position: relative;
                    }

                    .news_box > .box_header .category_list dl dd ul{
                        gap: 0.4rem 0;
                    }

                        .news_box > .box_header .category_list dl dd ul li{
                            padding: 0 0.5em;
                        }

                        .news_box > .box_header .category_list dl dd ul li:first-child{
                            margin-left: 5.5em;
                        }

            .entry_list_box ul li{
                font-size: 0.9em;
            }

            .entry_list_box ul li a{
                flex-direction: column;
                padding: 0.7em;
            }

                .entry_list_box ul li a .entry_date_category{
                    margin-bottom: 0.4em;
                }

                    .entry_list_box ul li a .entry_category{
                        width: auto;
                        flex-direction: row;
                    }

                        .entry_list_box ul li a .entry_category .lbl_cat{
                            width: auto;
                            height: 1.2rem;
                            border-radius: 0.6rem;
                            padding: 0 0.5em;
                        }

                .entry_list_box ul li a .entry_title{
                    padding-left: 0;
                    flex: auto;
                }

            .news_box > .box_footer{
                padding: 1.5rem 0 0 0;
            }

            .news_box > .box_footer .more a{
                width: 10rem;
                height: 3rem;
                border-radius: 1.5rem;
            }

        .home_side_nav_box{
            padding: 0 1.5rem;
            width: 100%;
        }

            .home_side_nav_box .nav1{
                margin-bottom: 1rem;
            }

            .home_side_nav_box .nav1 ul,
            .home_side_nav_box .nav2 ul{
                display: flex;
                flex-wrap: wrap;
                gap: 0.75rem;
            }

            .home_side_nav_box .nav1 ul li,
            .home_side_nav_box .nav2 ul li{
                width: calc((100% - 0.75rem) / 2);
                margin: 0;
            }

            .home_side_nav_box .nav1 ul li a{
                border-width: 1px;
            }

            .home_side_nav_box .nav2 ul li a .lbl{
                padding-left: 1em;
                padding-right: 0.5em;
            }

    .course_features_common::before{
        width: 75%;
    }

    .course_features_common > .box_header{
        flex-direction: column-reverse;
        margin-bottom: 3rem;
    }

        .course_features_common > .box_header .fig{
            width: 100%;
            padding-top: 12vw;
        }


            .course_features_common > .box_header .fig::before{
                width: 30vw;
                height: 30vw;
            }

            .course_features_common > .box_header .fig_inner{
                border-radius: 1.5rem 0 0 1.5rem;
                height: 70vw;
            }

        .course_features_common > .box_header .text{
            width: 100%;
            padding: 1.5rem 3.25rem 0 3.25rem;
        }

            .course_features_common > .box_header h2{
                margin-bottom: 2rem;
            }

            .course_features_common > .box_header h3{
                font-size: 1.6rem;
            }

            .course_features_common > .box_header .more{
                margin-top: 2rem;
            }

                .course_features_common > .box_header .more a{
                    width: 10rem;
                    height: 3rem;
                    border-radius: 1.5rem;
                }

    .course_box{
        padding-bottom: 0;
        margin-bottom: 3rem;
    }

        .course_box::before{
            border-radius: 4rem 0 0 4rem;
            height: calc(100% - 24em);
        }

        .course_box > .box_header .text .text_inner{
            width: auto;
        }

        .course_box > .box_header .fig{
            padding-left: 6vw;
        }

        .course_box > .box_header .fig::before{
            left: 25%;
            border-radius: 4rem 0 0 0;
        }

        .course_box > .box_inner{
            flex-direction: column;
            align-items: center;
            padding: 0 4vw;
        }

            .course_list_box{
                padding-right: 0;
                margin-bottom: 2rem;
            }

                .course_list_box > h3{
                    font-size: 1.3em;
                }

                .course_list_box ul{
                    gap: 2rem 4vw;
                    margin-bottom: 1.5em;
                }

                    .course_list_box ul li{
                        width: calc((100% - 4vw) / 2);
                    }

                        .course_list_box ul li a .text h4{
                            margin-bottom: 0.5rem;
                        }

                            .course_list_box ul li a .text h4::after{
                                width: 1.5rem;
                                height: 1.5rem;
                                background-size: 0.75rem auto;
                            }

                            .course_list_box ul li a .text h4 .lbl{
                                padding-top: 0;
                                padding-right: 0.3em;
                                font-size: 1.04rem;
                            }

                        .course_list_box ul li a .text p{
                            font-size: 0.9em;
                            line-height: 1.5;
                        }

            .license_minor_subject_box{
                box-sizing: border-box;
                width: 85%;
                border-left: none;
                border-top: 1px solid rgba(0, 0, 0, 0.1);
                padding: 2rem 1rem 0 1rem;
            }

                .license_minor_subject_box h4{
                    font-size: 1.04rem;
                    margin-bottom: 0.5em;
                }

                .license_minor_subject_box ul{
                    font-size: 0.9em;
                    line-height: 1.6;
                    margin-bottom: 1.5rem;
                }

                .license_minor_subject_box ul:last-child{
                    margin-bottom: 0;
                }

    .features_box{
        padding-bottom: 2rem;
        margin-bottom: 5rem;
    }

    .features_box::before{
        border-radius: 0 4rem 4rem 0;
    }

        .features_box.course_features_common > .box_header .fig_inner{
            border-radius: 0 1.5rem 1.5rem 0;
        }

        .features_box > .box_header .fig::before{
            border-radius: 0 4rem 0 0;
            right: 25%;
        }

        .features_box > .box_header .text .text_inner{
            width: auto;
        }

        .features_box > .box_inner .bns_list_box ul{
            flex-wrap: wrap;
            gap: 3vw;
            justify-content: flex-start;
        }

            .features_box > .box_inner .bns_list_box ul li{
                width: calc((100% - 3vw) / 2);
                margin: 0;
            }

    .etc_bns_box > .box_inner ul{
        flex-direction: column;
        padding: 0 3rem;
    }

        .etc_bns_box > .box_inner ul li{
            width: 100%;
            margin-right: 0;
            margin-bottom: 3.5rem;
        }

        .etc_bns_box > .box_inner ul li:last-child{
            margin-bottom: 0;
        }

            .etc_bns_box > .box_inner ul li a .lbl_catch {
                width: 6rem;
                top: -2rem;
                left: -2rem;
            }

            .etc_bns_box > .box_inner ul li a .fig{
                border-radius: 1.5rem;
            }

            .etc_bns_box > .box_inner ul li a .text{
                margin-top: -2.5rem;
            }

            .etc_bns_box > .box_inner ul li a .text h4{
                width: 16rem;
                height: 2.5rem;
                border-radius: 0 1.5rem 0 0;
                margin-bottom: 1rem;
            }

            .etc_bns_box > .box_inner ul li a .text h4 .lbl{
                font-size: 1.1rem;
            }

            .etc_bns_box > .box_inner ul li a .text h4:after{
                width: 1.5rem;
                height: 1.5rem;
                background-size: 0.75rem auto;
            }

            .etc_bns_box > .box_inner ul li a .text p{
                font-size: 0.9em;
                line-height: 1.5;
            }

    /*202509改修*/
    .course_list_box ul li a .lbl_course{
        font-size: 0.65em;
    }

    .institution_box{
        margin-top: 3em;
    }

        .institution_box::before{
            content: none;
        }

    .institution_box > .box_header{
        flex-direction: row;
        justify-content: center;
        margin-bottom: 2rem;
    }

    .institution_box > .box_header h2 .lbl_en{
        font-size: 2rem;
        text-align: center;
    }

    .institution_box > .box_header .text{
        padding: 0;
        width: auto;
    }

        .institution_box > .box_header .text h2{
            margin-bottom: 0;
        }

    .institution_box > .box_inner ul{
        flex-wrap: wrap;
        gap: 1em;
        padding: 0 5vw;
    }

        .institution_box > .box_inner ul li{
            width: calc((100% - 2em) / 3);
        }

        .institution_box > .box_inner ul li a{
            gap: 0.3em;
        }

        .institution_box > .box_inner ul li a .lbl{
            font-size: 0.8em;
            line-height: 1.3;
        }
    
}


/* ##########印刷用########## */
@media print{


}