body{
    background: white;
}

#head{
    background: white;
    padding: 50px 0 0;
}


#container_works {
    grid-template:
        "works_item_01"1fr
        "works_item_02"1fr
        "works_item_03"1fr
        "works_item_04"1fr / 1fr;
        background: #F6F9ED;
}

#athlete{
    margin: 0 0 50px 0;
}


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



    #athlete {
        background: #F6F9ED;
        margin: 0 0 100px 0;

        }


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

        }

        #container_works {
                display: grid;
                grid-template-columns: repeat(4, 23%);
                column-gap: 30px;
                row-gap: 35px;
                padding: 100px 50px;
                grid-template-rows: max-content;
        }

        /*  "works_item_01 works_item_02 works_item_03 works_item_04" 1fr / 1fr 1fr 1fr 1fr  */

    }