@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap');
/*--京diversity.css--*/
/* ##########PC########## */
/*熊本大学ダイバーシティ宣言*/
.statement_box{
    border: 2px solid #eee;
    border-top: 4px solid #98CDB3;
    background: #fff;
    margin-bottom: 3rem;
    /*box-shadow: 6px 6px 10px rgb(0, 0, 0, .2);*/
    padding: 8em 3em 3em 3em;
    font-family: "Noto Serif JP", serif;
    font-weight: 500;
    position: relative;
}

.statement_box::before{
    content: "";
    display: block;
    background-image: url('../shared/logo.svg');
    background-repeat: no-repeat;
    background-size: contain;
    width: 8rem;
    aspect-ratio: 139 / 50;
    position: absolute;
    top: 2em;
    right: 2em;
}

.statement_box::after{
    content: "";
    display: block;
    width: 45%;
    aspect-ratio: 1 / 1;
    background-image: url(../shared/home/bg_mv.jpg);
    background-position: right top -2rem;
    background-size: auto 150%;
    position: absolute;
    bottom: 1.5em;
    left: 1.5em;
    z-index: 0;
    border-radius: 50%;
    opacity: 0.25;
}

.statement_box .statement_ttl{
    margin-bottom: 2.5em;
    line-height: 1.6;
}

.statement_box .statement_ttl .lbl01{
    font-size: 1.4rem;
}

.statement_box .statement_ttl .lbl02{
    font-size: 1.8rem;
    font-weight: 600;
}

.statement_box .statement_block{
    margin: 0 0.5rem 1rem 0.5rem;
}

.page_body .statement_box .statement_block p{
    margin-bottom: 0;
}

.statement_box .statement_name{
    margin: 0 0.5rem;
    text-align: right;
}


@media screen and (min-width:1px) and (max-width:1400px){
}

/*ipad*/
@media screen and (min-width:1px) and (max-width:1024px){


}

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

}

/* ##########SP########## */
@media screen and (min-width:1px) and (max-width:479px) {
    /*熊本大学ダイバーシティ宣言*/
    .statement_img_wrap .statement_img{
        width: calc((100% - 2rem) / 2);
    }



    .statement_box{
        padding: 5em 1.5em 1.5em 1.5em;
    }

    .statement_box::before{
        width: 5rem;
        top: 1.5em;
        right: 1em;
    }

    .statement_box::after{
        bottom: 1em;
        left: 1em;
    }

    .statement_box .statement_ttl .lbl01{
        font-size: 1.1em;
    }

    .statement_box .statement_ttl .lbl02{
        font-size: 1.4em;
    }

}


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

}