@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 .blog_ttl {
    display: flex;
    align-items: center;
    padding: 0;
    margin-bottom: calc( 100vw * 50 / 1920 );
    border: 1px solid #093;
}
@media screen and ( max-width: 768px ){
    #news .blog_ttl {
        flex-direction: column;
        margin-bottom: calc( 100vw * 50 / 768 );
    }
}
#news .blog_date {
    text-align: left;
    font-size: calc( 100vw * 32 / 1920 );
    padding: calc( 100vw * 50 / 1920 ) calc( 100vw * 20 / 1920 );
    color: #fff;
    background-color: #093;
    letter-spacing: normal;
}
@media screen and ( max-width: 768px ){
    #news .blog_date {
        width: 100%;
        font-size: calc( 100vw * 32 / 768 );
        padding: calc( 100vw * 20 / 768 ) 0;
        text-align: center;
    }
}
#news .subject {
    text-align: left;
    font-size: calc( 100vw * 32 / 1920 );
    padding: 0 0 0 calc( 100vw * 20 / 1920 );
}
@media screen and ( max-width: 768px ){
    #news .subject {
        width: 100%;
        font-size: calc( 100vw * 40 / 768 );
        padding: calc( 100vw * 20 / 768 );
    }
}
#news .subject br.recruiting {
    display: block;
}

#news .blog_txt {
    text-align: left;
    font-size: calc( 100vw * 20 / 1920 );
    line-height: 1.8;
}
@media screen and ( max-width: 768px ){
    #news .blog_txt {
        font-size: calc( 100vw * 32 / 768 );
    }
}

#news .blog_txt h2 {
    font-size: calc( 100vw * 26 / 1920 );
    padding: calc( 100vw * 10 / 1920 ) calc( 100vw * 20 / 1920 );
    margin: calc( 100vw * 20 / 1920 ) 0;
    border-left: 4px solid #093;
    border-bottom: 1px solid #093;
}
@media screen and ( max-width: 768px ){
    #news .blog_txt h2 {
        padding: calc( 100vw * 10 / 768 ) calc( 100vw * 20 / 768 );
        margin: calc( 100vw * 20 / 768 ) 0;
        font-size: calc( 100vw * 36 / 768 );
    }
}
#news .blog_txt ul {
    display: block;
    padding-left: 0.5em;
    margin-bottom: calc( 100vw * 40 / 1920 );
    list-style: disc outside none;
    list-style-type: disc;
}
@media screen and ( max-width: 768px ){
    #news .blog_txt ul {
        margin-bottom: calc( 100vw * 40 / 768 );
    }
}
#news .blog_txt ul ul {
    list-style-type: circle;
}
#news .blog_txt ul ul ul {
    list-style-type: square;
}
#news .blog_txt li::marker {
    content: inherit;
}
#news .blog_txt li {
    display: list-item;
    list-style-type: inherit;
    list-style-position: inside;
    padding: 0 0 0 1em;
    line-height: 1.5em;
    margin-bottom: calc( 100vw * 10 / 1920 );
    font-size: calc( 100vw * 20 / 1920 );
}
@media screen and ( max-width: 768px ){
    #news .blog_txt li {
        font-size: calc( 100vw * 32 / 768 );
        margin-bottom: calc( 100vw * 10 / 768 );
    }
}
#news .blog_txt p {
    font-size: calc( 100vw * 20 / 1920 );
    margin-bottom: calc( 100vw * 40 / 1920 );
}
@media screen and ( max-width: 768px ){
    #news .blog_txt p {
        font-size: calc( 100vw * 32 / 768 );
        margin-bottom: calc( 100vw * 40 / 768 );
    }
}
#news .back_link {
    margin: calc( 100vw * 150 / 1920 ) auto calc( 100vw * 80 / 1920 ) auto;
    text-align: center;
}
@media screen and ( max-width: 768px ){
    #news .back_link {
        margin: calc( 100vw * 150 / 768 ) auto calc( 100vw * 80 / 768 ) auto;
    }
}
#news .back_link a {
    color: #093;
    padding: 1em 2em;
    border: 1px solid #093;
    font-size: calc( 100vw * 20 / 1920 );
    text-align: center;
}
@media screen and ( max-width: 768px ){
    #news .back_link a {
        font-size: calc( 100vw * 32 / 768 );
    }
}