@charset "UTF-8";



header .section_logo.top {
    display: none;
}
#drawer_container .section_logo.top {
    display: none;
}



main .page_title {
    width: 900px;
    height: 100px;
    margin: 0 auto;
}
main .page_title img {
    width: 100%;
}
@media screen and ( max-width: 768px ){
    main .page_title {
        width: 100%;
        height: auto;
        margin: calc( 100vw * 200 / 768 ) auto 0 auto;
    }
}



#news {
    width: 100%;
    max-width: 1200px;
    padding: calc( 100vw * 50 / 1920 );
    margin: calc( 100vw * 50 / 1920 ) auto calc( 100vw * 100 / 1920 ) auto;
}
#news  h1 {
    font-size: calc( 100vw * 32 / 1920 );
    line-height: 1.8em;
    margin: 0 auto calc( 100vw * 50 / 1920 ) auto;
    text-align: center;
}
@media screen and ( max-width: 768px ){
    #news  h1 {
        font-size: calc( 100vw * 48 / 768 );
        margin: 0 auto calc( 100vw * 50 / 768 ) auto;
    }
}
#news .container_news {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    padding: calc( 100vw * 20 / 1920 ) calc( 100vw * 20 / 1920 ) 0 calc( 100vw * 20 / 1920 );
}
#news .flex_item {
    display: flex;
    justify-content: space-between;
    padding: calc( 100vw * 15 / 1920 ) 0;
    border-bottom: 1px dashed #000;
}
#news .flex_item:last-of-type {
    border-bottom: none;
}
#news .date {
    text-align: left;
    width: calc( 100vw * 170 / 1920 );
    font-size: calc( 100vw * 24 / 1920 );
    letter-spacing: normal;
}
@media screen and ( max-width: 768px ){
    #news .date {
        width: calc( 100vw * 190 / 768 );
        font-size: calc( 100vw * 32 / 768 );
    }
}
#news .subject {
    text-align: left;
    width: calc( 100% - calc( 100vw * 170 / 1920 ) );
    font-size: calc( 100vw * 24 / 1920 );
}
@media screen and ( max-width: 768px ){
    #news .subject {
        width: calc( 100% - calc( 100vw * 190 / 768 ) );
        font-size: calc( 100vw * 32 / 768 );
    }
}