@charset "utf-8";
/*--京admissions.css--*/
/* ##########PC########## */
/*入試案内*/
.page_body .thumb_nav{
    display: flex;
}

    .page_body .thumb_nav li{
        box-sizing: border-box;
        width: calc((100% - 3rem) / 3);
        margin: 0 1.5rem 1.5rem 0;
        padding: 0;
    }

    .page_body .thumb_nav li:nth-child(3n){
        margin-right: 0;
    }

        .page_body .thumb_nav li::before{
            content: none;
        }

        .page_body .thumb_nav li a{
            display: flex;
            flex-direction: column;
            text-decoration: none;
            color: #111;
            padding: 1em;
            line-height: 1.4;
            transition: .3s all ease;
        }

        .page_body .thumb_nav li a:hover{
            background: rgba(40,64,124,0.1);
        }

            .page_body .thumb_nav li a .fig{
                margin-bottom: 0.5em;
            }

            .page_body .thumb_nav li a dl{

            }

            .page_body .thumb_nav li a dl dt{
                font-weight: 500;
                margin-bottom: 0.3em;
                font-size: 1.05em;
            }

.page_body .youtube_list{
    display: flex;
}

    .page_body .youtube_list li{
        box-sizing: border-box;
        width: calc((100% - 3rem) / 3);
        margin: 0 1.5rem 1.5rem 0;
        padding: 0;
        line-height: 1.4;
    }

    .page_body .youtube_list li:nth-child(3n){
        margin-right: 0;
    }

        .page_body .youtube_list li .fig{
            width: 100%;
            height: auto;
            aspect-ratio: 560 / 315;
            margin-bottom: 0.5em;
        }

        .page_body .youtube_list li .fig iframe{
            width: 100%;
            height: 100%;
        }

        .page_body .youtube_list li dl dt{
            font-weight: 500;
            margin-bottom: 0.3em;
            font-size: 1.05em;
        }


.chiikiwaku_notice{
    background: #fff09e;
    padding: 1em 1.5em;
    margin-bottom: 5em;
}

    .chiikiwaku_notice p{
        font-weight: 500;
        margin-bottom: 0;
    }



.oc_list span{
    display: block;
}

.oc_list ul{
    display: flex;
    justify-content: center;
}

    .oc_list ul li{
        padding-left:0;
        margin-right: 2em;
        text-align: center;
        width: 15.625em;
    }

    .oc_list ul li::before{
        content: none;
    }

        .oc_list ul li > a,
        .oc_list ul li .text > a{
            text-decoration: none;
            color: #222;
        }

        .oc_list ul li > a:hover,
        .oc_list ul li .text > a:hover{
            color: #222;
        }

        .oc_list ul li .fig{
            height: 10.5em;
            margin-bottom: 0.3em;
        }

            .oc_list ul li .fig img{
                max-height: 100%;
                width: auto;
            }

        .oc_list ul li .text{
            line-height: 1.6;
        }

            .oc_list ul li .text .title{
                font-weight: 600;
            }

            .oc_list ul li .text .note{
                text-align: left;
                color: red;
            }

        .oc_list.movie ul li .fig{
            height: auto;
        }

.opencampus_img_list {
    width: 850px;
    margin: 0 auto;
}

    .opencampus_img_list ul {
        display: flex;
        flex-wrap: wrap;
    }

        .opencampus_img_list ul li {
            padding-left: 0;
            width: calc((100% - 3em) / 3);
            margin: 0 1.5em 1em 0;
        }

        .opencampus_img_list ul li:nth-child(3n){
            margin-right: 0;
        }

        .opencampus_img_list ul li:before {
            content: none;
        }

.top_video_img a{
    margin: 0 auto;
    display: block;
    width: fit-content;
}

.opencampus_qa{
    
}

    .opencampus_qa p{
        margin: 0 2em 1em;
    }

    .opencampus_qa dl{
        margin: 0 1.5em 1.5em;
    }

    .opencampus_qa dl dt,
    .opencampus_qa dl dd{
        display: flex;
    }

    .opencampus_qa dl dt{
        font-weight: 600;
        margin-bottom: 0.3em;
    }

    .opencampus_qa dl dt:before,
    .opencampus_qa dl dd:before{
        font-size: 1.5rem;
        font-weight: 700;
        display: block;
        line-height: 1;
        padding-right: 0.5rem;
    }

    .opencampus_qa dl dt:before{
        content: "Q";
        color: #3c64b4;
    }

    .opencampus_qa dl dd:before{
        content: "A";
        color: #f55532;
    }
@media screen and (min-width:1px) and (max-width:1400px) {
}

/*ipad*/
@media screen and (min-width:1px) and (max-width:1024px){
    .oc_list ul {
        margin: 0 0 1.2em 0;
    }

    .oc_list ul li {
        margin-right: 0.5em;
    }

    .opencampus_img_list {
        width: 100%;
    }

    .opencampus_img_list ul {
        margin: 0 3em;
    }

}

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

}

/* ##########SP########## */
@media screen and (min-width:1px) and (max-width:479px) {
    .page_body .thumb_nav{
        flex-direction: column;
        margin: 0;
    }

    .page_body .thumb_nav li{
        width: 100%;
        margin-right: 0;
        margin-bottom: 0.5em;
    }

    .page_body .thumb_nav li a{
        padding: 0.5em;
        flex-direction: row;
    }

        .page_body .thumb_nav li a .fig{
            margin: 0;
            width: 30%;
        }

        .page_body .thumb_nav li a dl{
            flex: 1;
            padding-left: 1em;
        }

    .page_body .youtube_list{
        margin: 0 0.5em;
        flex-direction: column;
    }

        .page_body .youtube_list li{
            width: 100%;
            margin: 0 0 0.75em 0;
        }

        .page_body .youtube_list li .fig{
            margin-bottom: 0.1em;
        }

        .page_body .youtube_list li dl dt{
            margin-bottom: 0;
        }


    .oc_list ul {
        flex-direction: column;
    }

        .oc_list ul li {
            margin: 0 0 2em;
            width: 100%;
        }

    .opencampus_img_list ul {
        margin: 0;
    }

        .opencampus_img_list ul li {
            padding-left: 0;
            width: calc((100% - 1em) / 2);
            margin: 0 1em 0.5em 0;
        }

        .opencampus_img_list ul li:nth-child(3n){
            margin-right: 1em;
        }

        .opencampus_img_list ul li:nth-child(2n){
            margin-right: 0;
        }

    .opencampus_qa p{
        margin: 0 1.5em 1em;
    }

    .opencampus_qa dl{
        margin: 0 1em 1em;
    }
}


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

}