#about{
    text-align: center;
    background: white;
    padding: 24px 0 10px;
}   

#kaiin{
    background: white;
    padding: 30px 0 14px 0;
}

/* 【SP】　０5：LINK */

#sponsor_links{
    background: white;
}

#container_links_su
 {
    grid-template:

        "link_item_01 link_item_02" 1fr
        "link_item_03 link_item_04" 1fr
        "link_item_05 link_item_06" 1fr
        "link_item_07 link_item_08" 1fr
        "link_item_09 link_item_10" 1fr
        "link_item_11 link_item_12" 1fr
        "link_item_13 link_item_14" 1fr
        "link_item_15 link_item_16" 1fr
        / 1fr 1fr;

        grid-gap:  0;
        padding: 30px 20px;
}

#container_links_su02
 {
    grid-template:

        "link_item_01 link_item_02" 1fr
        "link_item_03 link_item_04" 1fr
        "link_item_05 link_item_06" 1fr
        "link_item_07 link_item_08" 1fr
        / 1fr 1fr;

        grid-gap:  26px 27px;
        padding: 57px 25px 53px;
}

.border-none p{
    border-bottom: none !important;

}


.cap50_wrap{
    position: relative;
}
.cap50_wrap p{
    position: absolute;
    top: -57px;
    right: 0.5%;
}

.cap50 p{
    font-size: 10px !important;
    font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif !important;
    text-align: right !important;
    border-bottom: none !important;
    padding: 30px 0 0 !important;

}

#container_links_su02 p{
    font-size: 15px;
    padding: 0 0 16px;

}



#l_item_01 {
    grid-area: link_item_01;
}


#l_item_02 {
    grid-area: link_item_02;
}

#l_item_03 {
    grid-area: link_item_03;
}

#l_item_04 {
    grid-area: link_item_04;
}

#l_item_05 {
    grid-area: link_item_05;
}

#l_item_06 {
    grid-area: link_item_06;
}

#l_item_07 {
    grid-area: link_item_07;
}

#l_item_08 {
    grid-area: link_item_08;
}

#l_item_09 {
    grid-area: link_item_09;
}

#l_item_10 {
    grid-area: link_item_10;
}

#l_item_11 {
    grid-area: link_item_11;
}

#l_item_12 {
    grid-area: link_item_12;
}

#l_item_13 {
    grid-area: link_item_13;
}

#l_item_14 {
    grid-area: link_item_14;
}

#l_item_15 {
    grid-area: link_item_15;
}

#l_item_16 {
    grid-area: link_item_16;
}

#container_links_su02 p{
    text-align: center;
    border-bottom: 1px solid black;
    font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}



#sponsor_links h4{
    color: #009844;
    text-align: left;
    padding: 0 0 5px;
    border-bottom: 2px solid #009844;
    max-width: 1000px;
    margin: 0 20px;
    font-weight: 600;
    font-size: 15px;
}

.cap50{
    text-align: right;
    max-width: 1000px;
    padding: 0 25px 40px;
    margin: 0 auto;
}


.container_03{
    padding: 0 25px;
    margin: 0 0 65px;
}

#container_greeting{
    grid-template: 
    "gre_photo" 20px
    "gre_text" auto
    / 1fr;
    
    margin: 0 25px;
    border: 2px solid #009844;
}



#kaiin #gre_item_01 h3{
    background: #8dc21f;
    padding: 3px 0;
    text-align: center;
    margin: 0 auto;
    color: white;
}


#kaiin #gre_item_03 h3{
    background: #009fe8;
    padding: 3px 0;
    text-align: center;
    margin: 0 auto;
    color: white;
}
#gre_item_03{
    text-align: center;
}


#about p,
#su_katudo p,
.kaihi,
.kaihi_01{
line-height: 3rem;
}

.kaihi_01 span{
color: #8dc21f;
}

.kaihi span{
color: #009fe8;
}

.next_view{
padding: 15px 0;
}

.next_view p{
padding: 0 !important;
background: white !important;
}

.wrap{
display: inline-block;
}

.wrap p{
padding: 0 !important;
background: white !important;
}

.container_03 #gre_item_01{
text-align: center;
}

.kaihi_01{
background: #f6f9ed;
padding: 20px 33px 38px;
}

.kaihi{
background: #eaf5fc;
padding: 20px 33px 38px;
}

.nenkaihi{
font-size: 1.8rem;
}

.kaihi_01,
.kaihi{
text-align: center;
}

.container_03 p{
    display: inline-block;
}

.wrap span::after{
    content: '';
  display: inline-block;/*忘れずに！*/
  width: 15px;/*画像の幅*/
  height: 15px;/*画像の高さ*/
  background-image: url(../img/support/date_icon.png);
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
}




/*--------------------------------

【共通設定】

[pad小]---[PC小]

(grid・文字装飾・パディング・表示非表示)

--------------------------------*/

@media only screen 
  and (min-device-width: 600px) 
  and (max-device-width: 899px) {
    /*　900px~最大サイズまでずっとこの設定*/
    /*　＝対応デバイス（600px-800pxくらいのタブレット/ipad）*/
        


        /************************
        LINK　　　　【未】
        ************************/

        /* LINKのグリット・いくつまで設定するかは悩み中 */


        #container_links_su02{
            max-width: 1200px;
            margin: 0 auto;
        }

        #container_links_su{
            grid-template:
                "link_item_01 link_item_02 link_item_03 link_item_04" 1fr
                "link_item_05 link_item_06 link_item_07 link_item_08" 1fr
                "link_item_09 link_item_10 link_item_11 link_item_12" 1fr
                "link_item_13 link_item_14 link_item_15" 1fr
                / 1fr 1fr 1fr 1fr;/* 均等配置 */
                grid-gap: 0px 0px;/* 画像で長瀬しているのであえて無しに */
           
    
        }

        #container_links_su02 {
            grid-template:
                "link_item_01 link_item_02 link_item_03 link_item_04" 1fr
                "link_item_05 link_item_06 link_item_07 link_item_08" 1fr
                / 1fr 1fr 1fr 1fr;/* 均等配置 */
                grid-gap: 0px 20px;/* 画像で長瀬しているのであえて無しに */
           
    
        }

        .cap50{
            max-width: 1000px;
            padding: 0 0 40px;
            margin: 0 auto;
        }
        

        .cap50 p{
            font-size: 15px !important;
            padding: 30px 0 0 !important;

        }

        #container_links_su02 p{
            font-size: 20px;
            padding: 0 0 22px;
        
        }
    

        #sponsor_links h4{
            max-width: 1000px;
            margin: 0 auto;
            font-size: 20px;
        }
    

        

    
}



/*--------------------------------

【共通設定】　　★★★★★★★★★★★★★★

[pad大]---[ノートPC]---[デスクトップPC]

(grid・文字装飾・パディング・表示非表示)

--------------------------------*/

@media only screen 
  and (min-device-width: 900px) 
  and (max-device-width: 4000px) {
    /*　900px~最大サイズまでずっとこの設定*/
    /*　＝対応デバイス（ノートpc/ラップトップ/ipad pro縦横）*/

    #first_view {
        background: url("../img/support/su_sec01_img01_pc.jpg") center / cover;/* 必ず..ふたつをつける */

        }

        #about{
            padding: 50px 0 0;
        }    


        /* ０２：主な活動グリット */

        #su_katudo{
            padding: 100px 0;
        }

        #container_greeting{
            grid-template-columns: 105px auto;
            grid-template-rows: 1fr;
            padding: 33px 100px;
            max-width: 1000px;
            margin: 0 auto;
            grid-gap: 0 68px;
            align-items: center;
        }

        /* ０３：会員情報のグリット */

        #kaiin{
            padding: 0 0 18px 0;
        }

        #support_w .container_03{
            grid-template-columns: 1fr 1fr;
            grid-template-rows: 1fr;
            max-width: 1000px;
            margin: 0 auto 72px;
            grid-gap: 0 75px;
            padding: 0 ;
        }

        #kaiin #gre_item_01 h3{
            padding: 3px 0;
            margin: 0 auto;
        }



        #kaiin #gre_item_03 h3{
            padding: 3px 0;
            margin: 0 auto;
        }


        /************************
        ０４：LINK　　　　　【確】
        ************************/


        /* サポートLINKのグリット */

        #container_links_su02{
            max-width: 1200px;
            margin: 0 auto;
            padding: 100px 100px;
        }

        #container_links_su {
            grid-template:
            "link_item_01 link_item_02 link_item_03 link_item_04" 1fr
            "link_item_05 link_item_06 link_item_07 link_item_08" 1fr
            "link_item_09 link_item_10 link_item_11 link_item_12" 1fr
            "link_item_13 link_item_14 link_item_15 link_item_16" 1fr
            / 1fr 1fr 1fr 1fr;/* 均等配置 */

                grid-gap: 0px 0px;/* 画像で長瀬しているのであえて無しに */
                padding: 75px 100px 24px;

        }

        #container_links_su02 {
            grid-template:
                "link_item_01 link_item_02 link_item_03 link_item_04" 1fr
                "link_item_05 link_item_06 link_item_07 link_item_08" 1fr
                / 1fr 1fr 1fr 1fr;/* 均等配置 */
                grid-gap: 39px 40px;/* 下に79px */
           
    
        }

        .cap50{
            max-width: 1000px;
            padding: 0 0 40px;
            margin: 0 auto;
        }

        .cap50_wrap{
            position: relative;
        }
        .cap50_wrap p{
            position: absolute;
            top: -117px;
            right: 12.5%;
        }


        #container_links_su02 p{
            font-size: 20px;
            padding: 0 0 22px;
        
        }


        #sponsor_links h4{
            max-width: 1000px;
            margin: 0 auto;
            font-size: 20px;
        }
    

        .kaihi_01 p{
        text-align: left;
        }

        .next_view{
            padding: 15px 0 0;
        }

        .next_view p{
            padding: 0 !important;
            background: white !important;
        }

        .container_03 #gre_item_01{
            text-align: left;
        }

        .kaihi_01,
        .kaihi
        {
        height: 240px;
        }


        .container_03 p{
            font-size: 1.4rem;
        }

        .nenkaihi{
            font-size: 2rem !important;
        }

        #gre_item_03{
            text-align: left;
        }



    
}