@charset "utf-8";
/*--京foreign.css--*/
/* ##########PC########## */
/*共通打消し*/
.content_title{
    padding-top: 1rem;
}

.page_body h3{
    border-top: 2px solid #29275e;
    margin: 0 0 0.5rem 0;
    font-weight: bold;
    color: #29275e;
    font-size: 1.35em;
    line-height: 1.3;
    padding: 0.8em 0 0.7em 1em;
}

.page_body h3::before{
    display: none;
}

/*//共通打消し*/

.foreign_language_box{}

.foreign_language_box .box_header{}

.foreign_language_box .box_header p{
    margin: 0 1.5rem 1rem 1.5rem;
}

.foreign_language_box .anc_nav{
    border-top: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
    margin: 2em 0 1.8em;
}

    .foreign_language_box .anc_nav ul{
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem 2rem;
        margin: 1em;
    }

        .foreign_language_box .anc_nav ul li{
            padding-left: 0;
            width: calc((100% - 2rem) / 2);
        }

            .foreign_language_box .anc_nav ul li:before{
                content: none;
            }

            .foreign_language_box .anc_nav ul li a{
                display: block;
                padding-left: 1.5rem;
                position: relative;
                background-image: url(../shared/icon_arr3.png);
                background-size: 10px 11px;
                background-repeat: no-repeat;
                background-position: left 0.3em top 0.5em;
                text-decoration: none;
                color: #0096e6;
                transition: .3s all ease;
            }

            .foreign_language_box .anc_nav ul li a::before{
                color: #144e6c;
            }

            .foreign_language_box .anc_nav ul li a:hover{
                background-color: rgba(0,150,230,0.1);
                color: #144e6c;
            }

.foreign_language_box .box_inner{}

.foreign_language_box .box_inner section p{
    margin: 0 1.5rem 1rem 1.5rem;
}

.foreign_language_box .box_inner section ul{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2rem;
    margin-bottom: 3.1rem;
}

.foreign_language_box .box_inner section ul li{}

.foreign_language_box .box_inner section ul li a{
    font-size: 1.1em;
    text-align: center;
    width: 15rem;
    position: relative;
    border: 2px solid #29275e;
    color: #29275e;
    border-radius: 2.5rem;
    text-decoration: none;
    padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.3;
    transition: .3s all ease;
}

.foreign_language_box .box_inner section ul li a:hover{
    color:white;
	background:#29275e;
}

.foreign_language_box .box_inner section ul li a::after{
    font-family: FontAwesome;
    content: "\f105";
    color: #29275e;
    display: inline-block;
    position: absolute;
    right: 0.8em;
	font-size:1.4em;
    transition: .3s all ease;
}

.foreign_language_box .box_inner section ul li a:hover:after{
	color:white;
}

@media screen and (min-width: 1px) and (max-width: 1024px) {
}

@media screen and (min-width: 1px) and (max-width: 479px) {
    .faculty_index{
        grid-template-columns: unset;
    }

    .foreign_language_box .anc_nav ul li{
        width: 100%;
    }
}