@charset "utf-8";

@media screen and (min-width: 577px) {
    .header_menu_sp {
        display: none;
    }
    .slide-img {
        height: 420px;
    }        
}
@media screen and (max-width: 576px) {
    /* index */
    #header {
        width: 100%;
        height: 56px;
        position: fixed;
    }
    .logo {
        font-size: 4.167vw;
        padding-left: .5em;
    }
    .head_catch {
        display: none;
    }
    .head_tel {
        display: none;
    }
    .header_inner {
        height: auto;
    }
    
    .cover {
        padding-top: 68px;
    }
    .slide-img img {
        height: 72.917vw;
        border-radius: 0px;
    }
    .cover_inner {
        top: 45%;
        right: 0;
        left: 0;
        margin: 0 auto;
    }
    .cover_inner p {
        font-size: 5.556vw;
        text-align: center;
        padding-left: 0;
    }
    .cover_catch_t p,
    .cover_catch_b p {
        font-size: 3.472vw;
    }
    .gnav {
        display: none;
    }

    .news h2 {
        font-size: 4.861vw;
        margin-bottom: 30px;
    }
    /*.news dl {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .news dl dt {
        width: 30%;
        border-bottom: 1px solid #333;
        padding: 1em;
    }
    .news dl dd {
        width: 70%;
        border-bottom: 1px solid #333;
        padding: 1em;
    }*/
    .news .more_btn {
        width: 50%;
    }
    
    .link_list li {
        width: calc((100% - 3rem) / 2);
        height: auto;
        margin-right: 0;
        margin-bottom: 2rem;
    }
    
    /* under page */
    /* 共通 */
    #about #u_cover,
    #members #u_cover,
    #join #u_cover,
    #contact #u_cover,
    #thanks #u_cover,
    #news #u_cover {
        background-position: center;
    }
    .u_headline {
        width: 90%;
    }
    .u_headline h1 {
        font-size: 6.944vw;
        text-align: center;
    }

    /* about */
    .about_list01,
    .about_list02 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .about_list02.bb_n {
        border-bottom: none;
    }
    .about_list02.bt_n {
        border-top: none;
    }
    .about_list01 dt {
        width: 100%;
        padding: 1em 2em .5em;
    }
    .about_list01 dd {
        width: 100%;
        padding: .5em 2em 1em;
    }
    .about_list02 dt {
        width: 100%;
        padding: 1em 1em .5em 2em;
    }
    .about_list02 dd {
        width: 100%;
        padding: .5em 1em 1em 2em;
    }

    /* join */
    .inner50 {
        padding: 3em;
        text-align: left;
    }
    .inner50 a {
        width: 90%;
        text-align: center;
    }

    /* contact */
         /* contact form */
         .mailform p {
            text-align: left;
        }
        .mailform dt {
           width: 100%;
           height: 40px;
           margin-right: 0;
           text-align: left;
           padding: 9px;
       }
       .mailform dd {
           width: 100%;
           margin-top: 10px;
       }
       input[type="text"], textarea {
           width: 100% !important;
       }   
}

@media screen and (max-width: 480px) {
    /* join */
    .inner50 {
        padding: 1.5em;
        text-align: left;
    }
    .inner50 a {
        width: 90%;
        font-size: 100%;
    }    
}