@charset "UTF-8";
.txt-right{
    text-align:right;
}
body.report .section01{
    position:relative;
    padding-bottom:4em;
}
body.report .section01:after{
    content:"";
    position:absolute;
    width:100%;
    height:0.7em;
    /* background-color:rgb(224,224,224); */
    background-image:url(../img/bg_stripe.svg);
    background-size:0.9em;
    background-repeat:repeat;
    left:50%;
    transform:translateX(-50%);
    bottom:2em;
}
.st-base :where(.ri,.lf){
    display: block;
    float: right;
    width: 30%;
    text-align: center;
    margin-left: 15px;
}
.st-base :where(.ri,.lf) img {
    display: inline;
    border: none;
    margin-bottom: 15px;
    max-width:initial;
}
.st-base02 :where(.ri,.lf){
    display: block;
    float: right;
    text-align: center;
    margin-left: 15px;
    max-width:initial;
}
.st-base02 :where(.ri,.lf) img{
    width:250px;
}
@media screen and (max-width:768px){
    .st-base :where(.ri,.lf){
        width:70vw;
        float: none;
        margin:0 auto 3vw;
    }
    .st-base :where(.ri,.lf) img{
        width:100%;
        max-height:80vw;
        margin:0 auto 3vw;
        object-fit:contain;
    }
    .st-base02 :where(.ri,.lf){
        width:70vw;
        float: none;
        margin:0 auto 3vw;
    }
    .st-base02 :where(.ri,.lf) img{
        width:100%;
        max-height:80vw;
        margin:0 auto 3vw;
        object-fit:contain;
    }
}

dl.year_contents {
    display: flex;
    font-size: 1.1em;
    border-bottom: 1px dotted #cccccc;
    padding: 0 0 14px 0;
    margin: 0 0 14px 0;
}
dl.year_contents dt {
    width: 10%;
}
dl.year_contents dd {
    width: 89%;
}
.tag_new[data-tags*="new"]{
    display:block;
}
/*teacher*/
.prof-top {
    display: block;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: #ccc dotted 1px;
}
.prof-top .lf {
    display: block;
    float: left;
    width: 170px;
}
.prof-top .lf img {
    display: block;
    margin-top:20px;
}
.prof-top .ri {
    display: block;
    float: right;
    width: calc(100% - 190px);
    word-wrap: break-word;
}
@media screen and (max-width:768px){
    .prof-top .lf {
        float: none;
        width: 100%
    }
    .prof-top .lf img {
        width:40%;
        margin:0 auto;
    }
    .prof-top .ri {
        float: none;
        width: 100%
    }
}