@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;
    }
}



#outline {
    width: 100%;
    max-width: 1200px;
    padding: calc( 100vw * 50 / 1920 );
    margin: calc( 100vw * 50 / 1920 ) auto calc( 100vw * 100 / 1920 ) auto;
}
#outline  h1 {
    font-size: calc( 100vw * 32 / 1920 );
    line-height: 1.8em;
    margin: 0 auto calc( 100vw * 50 / 1920 ) auto;
    text-align: center;
    font-weight: bold;
}
@media screen and ( max-width: 768px ){
    #outline  h1 {
        font-size: calc( 100vw * 48 / 768 );
        margin: 0 auto calc( 100vw * 50 / 768 ) auto;
    }
}
#outline .container_outline {
    width: 100%;
}
#outline .container_outline table {
    width: 100%;
}
#outline .container_outline tr {
    margin-bottom: calc( 100vw * 5 / 1920 );
}
@media screen and ( max-width: 768px ){
    #outline .container_outline tr {
        display: block;
    }
}
#outline .container_outline th {
    width: 25%;
    background-color: #093;
    color: #fff;
    font-size: calc( 100vw * 26 / 1920 );
    padding: calc( 100vw * 30 / 1920 );
    text-align: right;
    border-bottom: 1px solid #fff;
    vertical-align: middle;
    font-weight: bold;
}
@media screen and ( max-width: 768px ){
    #outline .container_outline th {
        width: 100%;
        text-align: center;
        display: block;
        font-size: calc( 100vw * 32 / 768 );
    }
}
#outline .container_outline td {
    width: 75%;
    font-size: calc( 100vw * 26 / 1920 );
    padding: calc( 100vw * 30 / 1920 );
    text-align: left;
    border-bottom: 1px solid #093;
}
@media screen and ( max-width: 768px ){
    #outline .container_outline td {
        width: 100%;
        text-align: center;
        display: block;
        font-size: calc( 100vw * 32 / 768 );
    }
}
#outline .container_outline td span {
    font-size: calc( 100vw * 16 / 1920 );
}
@media screen and ( max-width: 768px ){
    #outline .container_outline td span {
        font-size: calc( 100vw * 24 / 768 );
    }
}

#outline .container_outline p {
    font-size: calc( 100vw * 24 / 1920 );
    line-height: 1.8em;
    margin: 0 auto calc( 100vw * 50 / 1920 ) auto;
    text-align: center;
}
