/*---------------------
インナーサイズ
---------------------*/

#ab_kgpa_wrap,
#container_greeting,
#business_wrap,
#purpose_wrap,
#container_co_profile
{
    max-width: 750px;
    margin: 0 auto;
}

#business_wrap,
#purpose_wrap
{
    margin: 25px 25px;
    padding: 25px;
    background: white;
}


#ab_kgpa p,
#purpose_wrap p,
#businnes_wrap p,
#cop_item_03 p,
#cop_item_05 p,
#cop_item_07 p,
#cop_item_08 p,
#cop_item_09 p,
#gre_item_03 p
{
    line-height: 2.5rem;
}



/*---------------------
01：KGPAについて
---------------------*/

#ab_kgpa {
    background: white;
    text-align: left;
    padding: 25px 0 35px;
}

#ab_kgpa_wrap{
    margin: 0 25px;
}

#ab_kgpa_wrap h3{
    padding: 40px 0;
}

#ab_kgpa p .br_view_pc{
    display: none;/*-　消したい改行-*/
}

.cap{
    text-align: right;
    margin: 8px 0 0 0;
}

/*---------------------
02：理事あいさつ(greeting)
---------------------*/
#greeting{
    background: white;
    padding: 0 0 30px 0;
}

#container_greeting{
    grid-template: 
    "gre_photo" 302px
    "gre_sign" 76px/*-　52px-*/
    "gre_text" 171px
    / 1fr;
    
    margin: 0 25px;
    border: 1px solid black;
}

#gre_item_01{
    grid-area: gre_photo;
}

#gre_item_02{
    grid-area: gre_sign;
}

#gre_item_03{
    grid-area: gre_text;
}

/*---------------------
03：法人の目的
---------------------*/

#purpose_wrap p{
    padding: 20px 0 0 0;
}



/*---------------------
04：ビジネス
---------------------*/


.busi_list{
    padding: 15px 0;
    border-bottom: 1px solid #009844;
    letter-spacing: 0.09rem;
}

/*---------------------
05：会社概要　　プロフィール
---------------------*/

#co_profile{
    background: white;
}

#co_profile h2{
    padding: 0 0 20px 0;
}

#cop_item_01,
#cop_item_01sub,
#cop_item_03,
#cop_item_03sub,
#cop_item_05,
#cop_item_05sub,
#cop_item_07,
#cop_item_07sub,
#cop_item_09,
#cop_item_09sub{
    background: #f6f9ed;
}

#cop_item_01sub,
#cop_item_02sub,
#cop_item_03sub,
#cop_item_04sub,
#cop_item_05sub,
#cop_item_06sub,
#cop_item_07sub,
#cop_item_08sub,
#cop_item_09sub{
    display: none;
}

#cop_item_01,
#cop_item_02,
#cop_item_03,
#cop_item_04,
#cop_item_05,
#cop_item_06,
#cop_item_07,
#cop_item_08,
#cop_item_09
{
    padding: 15px 25px;
}

#container_co_profile{
    grid-template-columns: 1fr;
    grid-template-rows: 48px 48px 100px 48px 230px 48px 86px auto 103px;
}





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

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

初期設定

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

/*---------------------
選択セレクタ
---------------------*/

.pa_100{
    padding: 0 100px;
}


/*---------------------
インナーサイズ
---------------------*/

    #ab_kgpa_wrap,
    #container_greeting,
    #business_wrap,
    #purpose_wrap,
    #container_co_profile
    {
        max-width: 1200px;
        margin: 0 auto;
        border: none;
    }

    /*-例外：３・４-*/

    #business_wrap,
    #purpose_wrap
    {
        max-width: 1000px;
        margin: 0 auto;
        border: none;
    }

    #business_wrap,
    #purpose_wrap
    {
        padding: 50px 75px;
    }




    #ab_kgpa p,
    #purpose_wrap p,
    #businnes_wrap p,
    #gre_item_03 p,
    #cop_item_05sub p
    {
        line-height: 3rem;
    }

/*---------------------
01：KGPAについて
---------------------*/

        #ab_kgpa {
            text-align: center;
            padding: 50px 0 0;
        }



        #ab_kgpa_wrap h3{
            padding: 45px 0;
        }

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

        }

        .cap{
            text-align: right !important;/*-　親要素の設定に上書き-*/
            margin: 37px 0 0;/*文章のマージン差しひきの数値-*/
        }

        /*-改行の設定-*/

        .br_view_sp{
            display: none;/*-いらない改行-*/
        }

        .br_view_pc{
            display: block;/*-　残したい改行-*/
        }

        /*-スマホの設定に上書き-*/

        #ab_kgpa p .br_view_pc{
            display: block;/*-　消したい改行-*/
        }

        .ta_c p{
            text-align: center;
        }



/*---------------------
02：理事あいさつ
---------------------*/

#greeting{
    padding: 0;
}

       #container_greeting{
            grid-template-columns: 1fr 1fr;
            grid-template-rows: 1fr 1fr 1fr 1fr;
            padding: 35px 100px 100px;
        }

        /*-　 正幸さん写真 -*/

        #gre_item_01{
            grid-column: 2 / 3;
            grid-row: 1 / 5;
            max-width: 475px;
        }

        /*-　 正幸さんサイン -*/
        
        #gre_item_02{
            grid-column: 1 / 2;
            grid-row: 3 / 4;
            padding: 4% 50px 0 0;
            max-width: 338px;
        }

        /*-　 正幸さん文章 -*/
        
        #gre_item_03{
            grid-column: 1 / 2;
            grid-row: 3 / 5;
            padding: 17.5% 50px 0 0;
        }

        #gre_item_03 p{
            width: 475px;
        }

/*---------------------
03：法人の目的
---------------------*/

#purpose{
    margin: 100px 0 25px 0;
}

#purpose_wrap p
{
    padding: 25px 0 0 0;
}




/*---------------------
04：ビジネス
---------------------*/

#business{
    margin: 0 0 100PX 0;
}

#business h2
{
    padding: 0 0 25px 0;
}

.busi_list{
    padding: 0 0 10px 13%;
    border: none;
}



/*---------------------
05：会社概要　　プロフィール
---------------------*/


#co_profile{
    padding: 50px 0 100px;
}

#co_profile h2
{
    padding: 0 0 25px 0;
}

#container_co_profile{
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 55px 55px 55px 55px auto 55px 55px auto 55px;
}

/*-　 PCで必要な表示を見せる処理 -*/

#cop_item_01sub,
#cop_item_02sub,
#cop_item_03sub,
#cop_item_04sub,
#cop_item_05sub,
#cop_item_06sub,
#cop_item_07sub,
#cop_item_08sub,
#cop_item_09sub{
    display: block;
}

#cop_item_01,
#cop_item_02,
#cop_item_03,
#cop_item_04,
#cop_item_05,
#cop_item_06,
#cop_item_07,
#cop_item_08,
#cop_item_09
{
    padding: 20px 0 20px 75px;
}

#cop_item_01sub,
#cop_item_02sub,
#cop_item_03sub,
#cop_item_04sub,
#cop_item_05sub,
#cop_item_06sub,
#cop_item_07sub,
#cop_item_08sub,
#cop_item_09sub
{
    padding: 20px 0 20px 17px;
}

/*-　 1行目 -*/

#cop_item_01{
    grid-column: 1 / 2;
    grid-row: 1;
}

/*-　 1行目サブ(PC) -*/

#cop_item_01sub{
    grid-column: 2 / 5;
    grid-row: 1;
}

/*-　 2行目 -*/

#cop_item_02{
    grid-column: 1 / 2;
    grid-row: 2;
}

/*-　 2行目サブ(PC) -*/

#cop_item_02sub{
    grid-column: 2 / 5;
    grid-row: 2;
}

/*-　 3行目 -*/

#cop_item_03{
    grid-column: 1 / 2;
    grid-row: 3;
}

/*-　 1行目サブ(PC) -*/

#cop_item_03sub{
    grid-column: 2 / 5;
    grid-row: 3;
}

/*-　 4行目 -*/

#cop_item_04{
    grid-column: 1 / 2;
    grid-row: 4;
}

/*-　 1行目サブ(PC) -*/

#cop_item_04sub{
    grid-column: 2 / 5;
    grid-row: 4;
}

/*-　 5行目 -*/

#cop_item_05{
    grid-column: 1 / 2;
    grid-row: 5;
}

/*-　 1行目サブ(PC) -*/

#cop_item_05sub{
    grid-column: 2 / 5;
    grid-row: 5;
}
/*-　 6行目 -*/

#cop_item_06{
    grid-column: 1 / 2;
    grid-row: 6;
}

/*-　 1行目サブ(PC) -*/

#cop_item_06sub{
    grid-column: 2 / 5;
    grid-row: 6;
}

/*-　 7行目 -*/

#cop_item_07{
    grid-column: 1 / 2;
    grid-row: 7;
}

/*-　 1行目サブ(PC) -*/

#cop_item_07sub{
    grid-column: 2 / 5;
    grid-row: 7;
}
/*-　 8行目 -*/

#cop_item_08{
    grid-column: 1 / 2;
    grid-row: 8;
}

/*-　 1行目サブ(PC) -*/

#cop_item_08sub{
    grid-column: 2 / 5;
    grid-row: 8;
}

/*-　 9行目 -*/

#cop_item_09{
    grid-column: 1 / 2;
    grid-row: 9;
}

/*-　 1行目サブ(PC) -*/

#cop_item_09sub{
    grid-column: 2 / 5;
    grid-row: 9;
}





.cop_p_sp span{
    display: none;
}



    }