@charset "utf-8";
@import url("contact.css");
/*--京examinees.css--*/
/* ##########PC########## */
/*体験入学*/
/*高校 入試情報*/
.page_body .exam_content p{
    text-align: center;
    margin-bottom: 0.5rem;
}

.exam_content figure{
    text-align: center;
    margin-bottom: 0.5rem;
}

.exam_content figure a{
    border: 1px solid #ccc;
    transition: .3s all ease;
}

.exam_content figure a:hover{
    opacity: 0.9;
    border: 1px solid #003d84;
}

/*高校 イベント参加申込*/
.event_entry_btn{
    display: flex;
    justify-content: center;
}

.event_entry_btn a{
    display: block;
    box-sizing: border-box;
    padding: 0.8rem 2rem;
    font-size: 1.05rem;
    border: 1px solid #0267af;
    color: #0267af;
    text-decoration: none;
    text-align: center;
    border-radius: 2rem;
    line-height: 1.5;
    transition: .3s all ease;
}

.event_entry_btn a:hover{
    color: #fff;
    background: #0267af;
}

/*高校進学準備ガイド*/
.guide_img{
    margin-bottom: 2rem;
}

.guide_img a{
    display: block;
    border: 1px solid #ccc;
    transition: .3s all ease;
}

.guide_img a:hover{
    border: 1px solid #0267af;
}

/*スクールバス*/
.gmap{
    width: 100%;
    aspect-ratio: 16 / 9;
}

.gmap iframe{
    width: 100%;
    height: 100%;
}

.bus_info_wrapper{
    margin-top: 1em;
}

.bus_info_wrapper > .wp-block-group__inner-container{
    display: flex;
    gap: 3em;
}

    .bus_info_wrapper > .wp-block-group__inner-container .bus_info{
        width: calc((100% - 3em) / 2);
    }

    .bus_info_wrapper > .wp-block-group__inner-container .bus_info h6{
        background: var(--base_color3);
        color: #fff;
        text-align: center;
        margin-bottom: 0.5em;
    }

        .bus_info_wrapper > .wp-block-group__inner-container .bus_info .start_finish{
            text-align: right;
            margin: 0;
            padding-right: 1.4em;
        }

        .bus_info_wrapper > .wp-block-group__inner-container .bus_info table{
            width: 100%;
        }

        .bus_info_wrapper > .wp-block-group__inner-container .bus_info table thead th:nth-child(1){
            width: 1em;
        }

        .bus_info_wrapper > .wp-block-group__inner-container .bus_info table thead th:nth-child(3){
            width: 3em;
        }

        .bus_info_wrapper > .wp-block-group__inner-container .bus_info table tbody td:nth-child(1),
        .bus_info_wrapper > .wp-block-group__inner-container .bus_info table tbody td:nth-child(3){
            text-align: center;
        }

.bus_info_wrapper .lbl_gekoji{
    font-weight: 500;
    color: var(--base_color3);
    margin-bottom: 0.5em;
}


.pamphlet{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 1.5em;
}

    .pamphlet a{
        border: 1px solid #ccc;
        transition: .3s all ease;
    }

        .pamphlet a img{
            transition: .3s all ease;
        }

    .pamphlet a:hover {
        border-color: var(--base_color2);
        box-shadow: 0 0 10px 1px rgba(0,0,0,0.1);
    }

.contact_info_box{
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .contact_info_box > .box_inner{
        background: rgba(0,103,176,0.05);
        border-radius: 1rem;
        padding: 1.5em 3em;
        font-size: 1.05em;
    }

        .contact_info_box > .box_inner p{
            margin-bottom: 0;
            text-align: center;
        }

        .contact_info_box > .box_inner .tel_fax{
            display: flex;
            gap: 1em;
        }

            .contact_info_box > .box_inner .tel_fax dl{
                display: flex;
            }

            .contact_info_box > .box_inner .tel_fax dl dt{
                margin-right: 0.3em;
            }

            .contact_info_box > .box_inner .tel_fax dl dt::after{
                content: ":";
            }


/*ipad*/
@media screen and (min-width:1px) and (max-width:1024px) {
    .bus_info_wrapper > .wp-block-group__inner-container{
        gap: 2em;
    }

    .bus_info_wrapper > .wp-block-group__inner-container .bus_info {
        width: calc((100% - 2em) / 2);
    }

}

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

/* ##########SP########## */
@media screen and (min-width:1px) and (max-width:575px) {
    .bus_info_wrapper > .wp-block-group__inner-container{
        flex-direction: column;
    }

    .bus_info_wrapper > .wp-block-group__inner-container .bus_info {
        width: 100%;
    }

    .contact_info_box > .box_inner{
        box-sizing: border-box;
        padding: 1em;
        width: 100%;
    }

    .contact_info_box > .box_inner .tel_fax{
        justify-content: center;
    }

}


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