@charset "UTF-8";



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



/*
#slider
*/
#slider {
}
@media screen and ( max-width: 768px ){
    #slider {
        margin: calc( 100vw * 200 / 768 ) auto 0 auto;
    }
}



#slider .section_slider .bgbox {
    width: 100%;
    height: calc( 100vw * 373 / 1920 );
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
@media screen and ( max-width: 1920px ){
    #slider .section_slider .bgbox {
        height: 373px;
    }
}
@media screen and ( max-width: 768px ){
    #slider .section_slider .bgbox {
        height: calc( 100vw * 300 / 768 );
    }
}



main .wrapper_contents {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: calc( 100vw * 50 / 1920 ) calc( 100vw * 50 / 1920 ) calc( 100vw * 30 / 1920 ) calc( 100vw * 50 / 1920 );
}
@media screen and ( max-width: 768px ){
    main .wrapper_contents {
        flex-direction: column-reverse;
        padding: calc( 100vw * 50 / 768 ) calc( 100vw * 50 / 768 ) calc( 100vw * 30 / 768 ) calc( 100vw * 50 / 768 );
    }
}

main .container_contents_left {
    width: 100%;
    max-width: calc( calc( 100vw - calc( 100vw - 100% ) ) - 550px );
}
@media screen and ( max-width: 768px ){
    main .container_contents_left {
        max-width: none;
    }
}

main .container_contents_right {
    width: 100%;
    max-width: 500px;
}
@media screen and ( max-width: 768px ){
    main .container_contents_right {
        max-width: none;
    }
}




#banner {
    padding: calc( 100vw * 50 / 1920 )  calc( 100vw * 50 / 1920 ) 0 calc( 100vw * 50 / 1920 );
    margin-bottom: calc( 100vw * 50 / 1920 );
}
@media screen and ( max-width: 768px ){
    #banner {
        padding: calc( 100vw * 50 / 768 )  calc( 100vw * 50 / 768 ) 0 calc( 100vw * 50 / 768 );
        margin-bottom: calc( 100vw * 50 / 768 );
    }
}
#banner .container_banner {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#banner .banner_link {
    text-align: center;
    border: 1px solid #093;
    padding: calc( 100vw * 20 / 1920 );
    margin-bottom: calc( 100vw * 20 / 1920 );
}
@media screen and ( max-width: 768px ){
    #banner .banner_link {
        padding: calc( 100vw * 20 / 768 );
        margin-bottom: calc( 100vw * 20 / 768 );
    }
}
#banner .banner_w_100 {
    width: 100%;
    font-size: calc( 100vw * 32 / 1920 );
}
@media screen and ( max-width: 768px ){
    #banner .banner_w_100 {
        font-size: calc( 100vw * 32 / 768 );
    }
}
#banner .banner_w_50 {
    width: 49%;
    font-size: calc( 100vw * 32 / 1920 );
}
@media screen and ( max-width: 768px ){
    #banner .banner_w_50 {
        font-size: calc( 100vw * 32 / 768 );
    }
}
#banner .banner_w_33 {
    width: 32%;
    font-size: calc( 100vw * 26 / 1920 );
}
@media screen and ( max-width: 768px ){
    #banner .banner_w_33 {
        font-size: calc( 100vw * 26 / 768 );
    }
}
#banner .banner_w_25 {
    width: 24%;
    font-size: calc( 100vw * 20 / 1920 );
}
@media screen and ( max-width: 768px ){
    #banner .banner_w_25 {
        font-size: calc( 100vw * 20 / 768 );
    }
}



#news {
    width: 100%;
    border: 1px solid #093;
    padding: calc( 100vw * 50 / 1920 );
    margin-bottom: calc( 100vw * 100 / 1920 );
}
@media screen and ( max-width: 768px ){
    #news {
        padding: calc( 100vw * 50 / 768 );
        margin-bottom: 0;
    }
}
#news .container_news {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    padding: 0 calc( 100vw * 20 / 1920 );
}
@media screen and ( max-width: 768px ){
    #news .container_news {
        padding: 0 calc( 100vw * 20 / 768 );
    }
}
#news .flex_item {
    display: flex;
    justify-content: space-between;
    padding: calc( 100vw * 15 / 1920 ) 0;
    border-bottom: 1px dashed #000;
}
@media screen and ( max-width: 768px ){
    #news .container_news {
        padding: calc( 100vw * 15 / 768 ) 0;
    }
}
#news .flex_item:last-of-type {
    border-bottom: none;
}
#news .date {
    text-align: left;
    width: calc( 100vw * 160 / 1920 );
    font-size: calc( 100vw * 22 / 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 * 160 / 1920 ) );
    font-size: calc( 100vw * 22 / 1920 );
}
@media screen and ( max-width: 768px ){
    #news .subject {
        width: calc( 100% - calc( 100vw * 190 / 768 ) );
        font-size: calc( 100vw * 32 / 768 );
    }
}



main .wrapper_contents_sub {
    display: flex;
    justify-content: space-between;
}
@media screen and ( max-width: 768px ){
    main .wrapper_contents_sub {
        flex-direction: column;
    }
}



#meeting {
    width: 48%;
    margin-bottom: calc( 100vw * 100 / 1920 );
}
@media screen and ( max-width: 768px ){
    #meeting {
        width: 100%;
        padding-top: calc( 100vw * 200 / 768 );
        margin-bottom: 0;
    }
}
#meeting .title {
    width: 100%;
    font-size: calc( 100vw * 22 / 1920 );
    color: #fff;
    background-color: #093;
    text-align: center;
    padding: calc( 100vw * 20 / 1920 ) 0;
}
@media screen and ( max-width: 768px ){
    #meeting .title {
        font-size: calc( 100vw * 32 / 768 );
        padding: calc( 100vw * 20 / 768 ) 0;
    }
}
#meeting .container_meeting {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    padding: calc( 100vw * 20 / 1920 ) calc( 100vw * 20 / 1920 ) 0 calc( 100vw * 20 / 1920 );
}
@media screen and ( max-width: 768px ){
    #meeting .container_meeting {
        padding: calc( 100vw * 20 / 768 ) calc( 100vw * 20 / 768 ) 0 calc( 100vw * 20 / 768 );
    }
}
#meeting .flex_item {
    display: flex;
    justify-content: space-between;
    padding: calc( 100vw * 15 / 1920 ) 0;
    border-bottom: 1px dashed #000;
}
@media screen and ( max-width: 768px ){
    #meeting .flex_item {
        padding: calc( 100vw * 15 / 768 ) 0;
    }
}
#meeting .date {
    text-align: left;
    width: calc( 100vw * 180 / 1920 );
    font-size: calc( 100vw * 18 / 1920 );
    letter-spacing: normal;
}
@media screen and ( max-width: 768px ){
    #meeting .date {
        width: calc( 100vw * 220 / 768 );
        font-size: calc( 100vw * 24 / 768 );
    }
}
#meeting .place {
    text-align: left;
    width: calc( 100% - calc( 100vw * 180 / 1920 ) );
    font-size: calc( 100vw * 18 / 1920 );
}
@media screen and ( max-width: 768px ){
    #meeting .place {
        width: calc( 100% - calc( 100vw * 220 / 768 ) );
        font-size: calc( 100vw * 24 / 768 );
    }
}



#recruiting {
    width: 48%;
    margin-bottom: calc( 100vw * 100 / 1920 );
}
@media screen and ( max-width: 768px ){
    #recruiting {
        width: 100%;
        padding-top: calc( 100vw * 200 / 768 );
        margin-bottom: calc( 100vw * 100 / 768 );
    }
}
#recruiting .title {
    width: 100%;
    font-size: calc( 100vw * 22 / 1920 );
    color: #fff;
    background-color: #093;
    text-align: center;
    padding: calc( 100vw * 20 / 1920 ) 0;
}
@media screen and ( max-width: 768px ){
    #recruiting .title {
        font-size: calc( 100vw * 32 / 768 );
        padding: calc( 100vw * 20 / 768 ) 0;
    }
}
#recruiting .container_recruiting {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    padding: calc( 100vw * 20 / 1920 ) calc( 100vw * 20 / 1920 ) 0 calc( 100vw * 20 / 1920 );
}
@media screen and ( max-width: 768px ){
    #recruiting .container_recruiting {
        padding: calc( 100vw * 20 / 768 ) calc( 100vw * 20 / 768 ) 0 calc( 100vw * 20 / 768 );
    }
}
#recruiting .flex_item {
    display: flex;
    justify-content: space-between;
    padding: calc( 100vw * 15 / 1920 ) 0;
    border-bottom: 1px dashed #000;
}
@media screen and ( max-width: 768px ){
    #recruiting .flex_item {
        padding: calc( 100vw * 15 / 768 ) 0;
    }
}
#recruiting .date {
    text-align: left;
    width: calc( 100vw * 130 / 1920 );
    font-size: calc( 100vw * 18 / 1920 );
    letter-spacing: normal;
}
@media screen and ( max-width: 768px ){
    #recruiting .date {
        width: calc( 100vw * 220 / 768 );
        font-size: calc( 100vw * 24 / 768 );
    }
}
#recruiting .subject {
    text-align: left;
    width: calc( 100% - calc( 100vw * 130 / 1920 ) );
    font-size: calc( 100vw * 18 / 1920 );
}
@media screen and ( max-width: 768px ){
    #recruiting .subject {
        width: calc( 100% - calc( 100vw * 220 / 768 ) );
        font-size: calc( 100vw * 24 / 768 );
    }
}
#recruiting br.recruiting {
    display: block;
}



#outline {
    width: 100%;
    max-width: 500px;
    margin-bottom: calc( 100vw * 100 / 1920 );
}
@media screen and ( max-width: 768px ){
    #outline {
        width: 100%;
        margin-bottom: calc( 100vw * 100 / 768 );
    }
}
#outline .title {
    width: 100%;
    font-size: calc( 100vw * 22 / 1920 );
    color: #fff;
    background-color: #093;
    text-align: center;
    padding: calc( 100vw * 20 / 1920 ) 0;
}
@media screen and ( max-width: 768px ){
    #outline .title {
        font-size: calc( 100vw * 32 / 768 );
        padding: calc( 100vw * 20 / 768 ) 0;
    }
}
#outline .container_outline {
    width: 100%;
    border: 1px solid #093;
    padding: calc( 100vw * 20 / 1920 );
}
@media screen and ( max-width: 768px ){
    #outline .container_outline {
        padding: calc( 100vw * 20 / 768 );
    }
}
#outline .date {
    width: 100%;
    text-align: center;
    padding-bottom: calc( 100vw * 20 / 1920 );
    font-size: calc( 100vw * 22 / 1920 );
}
@media screen and ( max-width: 768px ){
    #outline .date {
        padding-bottom: calc( 100vw * 20 / 768 );
        font-size: calc( 100vw * 32 / 768 );
    }
}
#outline .place {
    width: 100%;
    text-align: center;
    padding-bottom: calc( 100vw * 20 / 1920 );
    font-size: calc( 100vw * 22 / 1920 );
}
@media screen and ( max-width: 768px ){
    #outline .place {
        padding-bottom: calc( 100vw * 32 / 768 );
        font-size: calc( 100vw * 32 / 768 );
    }
}



#facebook {
    width: 100%;
    max-width: 500px;
    margin-bottom: calc( 100vw * 100 / 1920 );
}
@media screen and ( max-width: 768px ){
    #facebook {
        display: none;
    }
}
#facebook .title {
    width: 100%;
    font-size: calc( 100vw * 22 / 1920 );
    color: #fff;
    background-color: #4267B2;
    text-align: center;
    padding: calc( 100vw * 20 / 1920 ) 0;
}
#facebook .container_facebook {
    width: 100%;
    border: 1px solid #4267B2;
}



#instagram {
    width: 100%;
    max-width: 500px;
    margin-bottom: calc( 100vw * 100 / 1920 );
}
@media screen and ( max-width: 768px ){
    #instagram {
        display: none;
    }
}
#instagram .title {
    width: 100%;
    font-size: calc( 100vw * 22 / 1920 );
    color: #fff;
    background-color: #D93177;
    text-align: center;
    padding: calc( 100vw * 20 / 1920 ) 0;
}
#instagram .container_instagram {
    width: 100%;
    border: 1px solid #D93177;
}



#twitter {
    width: 100%;
    max-width: 500px;
    margin-bottom: calc( 100vw * 100 / 1920 );
}
@media screen and ( max-width: 768px ){
    #twitter {
        display: none;
    }
}
#twitter .title {
    width: 100%;
    font-size: calc( 100vw * 22 / 1920 );
    color: #fff;
    background-color: #1DA1F2;
    text-align: center;
    padding: calc( 100vw * 20 / 1920 ) 0;
}
#twitter .container_twitter {
    width: 100%;
    border: 1px solid #1DA1F2;
    padding: calc( 100vw * 40 / 1920 ) 0;
}
#twitter .container_twitter iframe {
    display: block;
    margin: 0 auto;
}