@charset "utf-8";

/***在校生・保護者の皆様、卒業生の皆様へ********************************/
.sec_01 {}

.forstudent_block {
    margin: 0 0 4rem;
}

.forstudent_block dt {
    background-color: #efebff;
    text-align: center;
    padding: 0.5em 0;
    margin: 0.7em auto;
    border-bottom: solid 3px #624ead;
    font-size: clamp(1.125rem, 1.101rem + 0.12vw, 1.25rem)
        /*18-20px*/
    ;
}

.forstudent_block dd {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}

.forstudent_block .btn_03.gold a {
    background-color: #a5914c;
    padding: 4px 2em;
    border-radius: 2em;
}

.box {
    width: 300px;
    padding: 0 1em;
}

.forstudent_block tbody th {
    text-align: center;
}

.title_03 {
    width: 100%;
    border-bottom: solid 1px;
    margin: 1rem 0 0 0;
    text-align: center;
}

/*600px以上*/
@media (min-width: 600px) {
    .forstudent_block .flex_area {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        width: 100%;
        flex-direction: row-reverse;
        justify-content: flex-end;
    }

    .forstudent_block .text_area {
        min-width: 300px;
        padding: 0 0 0 2em;
    }

    .forstudent_block .img_area {
        width: calc(100% - 300px);
    }
}

/*900px以上*/
@media (min-width: 900px) {
    .forstudent_block .img_area {
        width: fit-content;
    }

}

/***********************************/
.sec_02 .forstudent_block dt {
    background-color: #342667;
    color: #fff;
}

.moushikomi_box {
    background-color: #fff;
    padding: 1rem 5%;
    width: 100%;
}

.moushikomi_box h4 {
    border-bottom: solid 1px #342667;
}

.moushikomi_box ul {}

.moushikomi_box ul.num {
    padding: 0 0 0 2em;
}

.moushikomi_box ul.num li {
    list-style: decimal;
    padding: 3px 0;
}

ul.kome li:before {
    content: "※";
    color: #342667;
}

/*600px以上*/
@media (min-width: 600px) {}

/*900px以上*/
@media (min-width: 900px) {}