body{
    background-color: #fff;
}
.bg{
    background-image: url(../img/bg.png);
    background-repeat: repeat-y;
      background-size: 100%;
      background-position: center top;
  }
.page4{ /* About */
    color: #96bf00;
}
 
/* -----main----- */

#container {
    display: grid;
    grid-auto-rows:400px;
    grid-template-columns: 400px 400px 400px;
    /* grid-auto-flow: row; */
    /* justify-items: center;
    align-items: center; */
    justify-content: center;
    align-content: center;
    grid-template-columns: repeat(auto-fill, 400px);
    border: 1px solid #666;
    }
    #container p{
        font-size: 18px;
        line-height: 2;
    }
.item1{
    /* background-color: #f7f7f7; */
    background-image: url(../img/machine.jpg);
    background-size: 400px;
    border-right:1px solid #666;
    border-bottom: 1px solid #666;
}
.item2{
    /* background-color: #f7f7f7; */
    border-right:1px solid #666;
    border-bottom: 1px solid #666;
    padding: 20px;
}
.item3{
    /* background-color: #f7f7f7; */
    background-image: url(../img/bag/T00a.jpg);
    border-bottom: 1px solid #666;
    background-size: 400px;
    background-position: 0 -80px;
}
.item4{
    /* background-color: #f7f7f7; */
    border-right:1px solid #666;
    border-bottom: 1px solid #666;
    padding: 20px;
}
.item5{
    /* background-color: #f7f7f7; */
    background-image: url(../img/bag/B03b.jpg);
    border-right:1px solid #666;
    border-bottom: 1px solid #666;
    background-size: 400px;
    background-position: 0 -10px;
}
.item6{
    /* background-color: #f7f7f7; */
    background-image: url(../img/bag/B03c.jpg);
    border-bottom: 1px solid #666;
    background-size: 500px;
    background-position: 15px -200px;
}
.item7{
    /* background-color: #f7f7f7; */
    background-image: url(../img/bag/T02a.jpg);
    border-right:1px solid #666;
    border-bottom: 1px solid #666;
    background-size: 400px;
}
.item8{
    /* background-color: #f7f7f7; */
    border-right:1px solid #666;
    border-bottom: 1px solid #666;
    padding: 20px;
}
.item9{
    background-image: url(../img/bag/T02b.jpg);
    border-bottom: 1px solid #666;
    background-size: 450px;
    background-position: 0 0;
}
.item10{
    /* background-color: #f7f7f7; */
    border-right:1px solid #666;
    border-bottom: 1px solid #666;
    padding: 20px;
}
.item11{
    /* background-color: #f7f7f7; */
    background-image: url(../img/bag/T18b.jpg);
    border-right:1px solid #666;
    border-bottom: 1px solid #666;
    background-size: 500px;
    background-position: -20px 0px;
}
.item12{
    /* background-color: #f7f7f7; */
    background-image: url(../img/bag/T18a.jpg);
    border-bottom: 1px solid #666;
    background-size: 430px;
    background-position: 10px -10px;

}
.item13{
    /* background-color: #f7f7f7; */
    background-image: url(../img/bag/shop.jpg);
    border-right:1px solid #666;
    border-bottom: 1px solid #666;
    background-size: 500px;
    background-position: 0px 0px;
}
.item14{
    /* background-color: #f7f7f7; */
    border-right:1px solid #666;
    border-bottom: 1px solid #666;
    padding: 20px;
}
.item15{
    /* background-color: #f7f7f7; */
    background-image: url(../img/bag/shop02.jpg);
    border-bottom: 1px solid #666;
    background-size: 400px;
    background-position: 0px -20px;
}
.item16{
    /* background-color: #f7f7f7; */
    background-image: url(../img/line_assetSVG/line_assetR.svg);
    background-repeat: no-repeat;
    border-right:1px solid #666;
    border-bottom: 1px solid #666;
    background-size: 300px;
    background-position: center;

}
.item17{
    /* background-color: #f7f7f7; */
    background-image: url(../img/bag/shop05.jpg);
    border-right:1px solid #666;
    border-bottom: 1px solid #666;
    background-size: 500px;
    background-position: 0px 0px;
}
.item18{
    /* background-color: #f7f7f7; */
    border-bottom: 1px solid #666;
    padding: 20px;
}
.item19{
    /* background-color: #f7f7f7; */
    background-image: url(../img/flower_bg.jpg);
    background-position: -100px -200px;
    border-right:1px solid #666;
    border-bottom: 1px solid #666;

}
.item20{
    /* background-color: #f7f7f7; */
    border-right:1px solid #666;
    border-bottom: 1px solid #666;
    padding: 20px;
}
.item21{
    /* background-color: #f7f7f7; */
    background-image: url(../img/machine2.jpg);
    border-bottom: 1px solid #666;
    background-size: 400px;
}
.item22{
    /* background-color: #f7f7f7; */
    background-image: url(../img/bag/T40d.jpg);
    border-right:1px solid #666;
    border-bottom: 1px solid #666;
    background-size: 660px;
    background-position: -50px -150px;
}
.item23{
    /* background-color: #f7f7f7; */
    background-image: url(../img/bag/T26b.jpg);
    border-right:1px solid #666;
    border-bottom: 1px solid #666;
    background-size: 800px;
    background-position: -210px -560px;
}
.item24{
    /* background-color: #f7f7f7; */
    border-bottom: 1px solid #666;
    padding: 20px;
}
.item25{
    /* background-color: #f7f7f7; */
    background-image: url(../img/bag/P01a.jpg);
    border-right:1px solid #666;
    border-bottom: 1px solid #666;
    background-size: 500px;
    background-position: -40px -10px;
}
.item26{
    /* background-color: #f7f7f7; */
    border-right:1px solid #666;
    border-bottom: 1px solid #666;
    padding: 20px;
}
.item27{
    /* background-color: #f7f7f7; */
    background-image: url(../img/bag/P01b.jpg);
    border-bottom: 1px solid #666;
    background-size: 500px;
    background-position: -50px 0px;
}
.item28{
    /* background-color: #f7f7f7; */
    border-right:1px solid #666;
    border-bottom: 1px solid #666;
    padding: 20px;
}
.item29{
    /* background-color: #f7f7f7; */
    background-image: url(../img/line_assetSVG/line_assetRH.svg);
    background-repeat: no-repeat;
    background-size: 300px;
    background-position: center;
    border-right:1px solid #666;
    border-bottom: 1px solid #666;
}
.item30{
    /* background-color: #f7f7f7; */
    background-image: url(../img/bag/P17.jpg);
    border-bottom: 1px solid #666;
    background-size: 400px;
    background-position: 0 -80px;
}
.item31{
    /* background-color: #f7f7f7; */
    background-image: url(../img/bag/T23a.jpg);
    border-right:1px solid #666;
    border-bottom: 1px solid #666;
    background-size: 500px;
    background-position: -40px -10px;
}
.item32{
    /* background-color: #f7f7f7; */
    border-right:1px solid #666;
    border-bottom: 1px solid #666;
    padding: 20px;
}
.item33{
    /* background-color: #f7f7f7; */
    background-image: url(../img/bag/T23c.jpg);
    border-bottom: 1px solid #666;
    background-size: 500px;
    background-position: -40px -10px;
}
.item34{
    /* background-color: #f7f7f7; */
    background-image: url(../img/bag/M01.jpg);
    border-right:1px solid #666;
    border-bottom: 1px solid #666;
    background-size: 450px;
    background-position: -20px -180px;
}
.item35{
    /* background-color: #f7f7f7; */
    background-image: url(../img/bag/M02.jpg);
    border-right:1px solid #666;
    border-bottom: 1px solid #666;
    background-size: 400px;
}
.item36{
    /* background-color: #f7f7f7; */
    border-bottom: 1px solid #666;
    padding: 20px;
}
.item37{
    /* background-color: #f7f7f7; */
    background-image: url(../img/bag/M03.jpg);
    border-right:1px solid #666;
    border-bottom: 1px solid #666;
    background-size: 500px;
}
.item38{
    /* background-color: #f7f7f7; */
    border-right:1px solid #666;
    border-bottom: 1px solid #666;
    padding: 20px;
}
.item39{
    /* background-color: #f7f7f7; */
    background-image: url(../img/bag/P14.jpg);
    border-bottom: 1px solid #666;
    background-size: 400px;
    background-position: 0 -80px;
}
.item40{
    /* background-color: #f7f7f7; */
    border-right:1px solid #666;
    border-bottom: 1px solid #666;
    padding: 20px;
}
.item41{
    /* background-color: #f7f7f7; */
    background-image: url(../img/bag/T32a.jpg);
    border-right:1px solid #666;
    border-bottom: 1px solid #666;
    background-size: 400px;
    background-position: 0 -80px;
}
.item42{
    /* background-color: #f7f7f7; */
    background-image: url(../img/bag/T32c.jpg);
    border-bottom: 1px solid #666;
    background-size: 500px;
    background-position: -60px 0;
}
.item43{
    /* background-color: #f7f7f7; */
    background-image: url(../img/line_assetSVG/line_asset22.svg);
    background-repeat: no-repeat;
    background-size: 600px;
    background-position: center;
    border-right:1px solid #666;
    border-bottom: 1px solid #666;
}
.item44{
    /* background-color: #f7f7f7; */
    border-right:1px solid #666;
    border-bottom: 1px solid #666;
    padding: 20px;
}
.item44 a{
    font-size: 21px;
    font-weight: bold;
}
.item44 a:hover{
    color: #96bf00;
}
.item45{
    /* background-color: #f7f7f7; */
    background-image: url(../img/line_assetSVG/line_asset14.svg);
    background-repeat: no-repeat;
    background-size: 300px;
    background-position: center;
    border-bottom: 1px solid #666;
}
.item46{
    /* background-color: #f7f7f7; */
    background-image: url(../img/google_logo.jpg);
    background-size: 400px;
    border-right:1px solid #666;
    border-bottom: 1px solid #666;
}
.item47{
    /* background-color: #f7f7f7; */
    background-image: url(../img/bag/shop06.jpg);
    background-size: 400px;
    border-right:1px solid #666;
    border-bottom: 1px solid #666;
}
.item48{
    /* background-color: #f7f7f7; */
    border-bottom: 1px solid #666;
    padding: 20px;
}
.item49{
    /* background-color: #f7f7f7; */
    border-right:1px solid #666;
    border-bottom: 1px solid #666;
    padding: 20px;
}
.item50{
    grid-column: 2 / 4;
    background-image: url(../img/RMpage.jpg);
    background-size: 800px;
}

@media screen and (max-width:750px){
   .g-navi{
       display: none;
   } 
.under_title{
    padding: 0 20px 0 0px;
}
.under_title p{
padding: 0;
}
#containe{
    border: none;
}

#container div{
    border-left:1px solid #666;
    border-right:1px solid #666;

}
.item2{
    grid-row: 1;
}
.item8{
    grid-row: 7;
}
.item14{
    grid-row: 13;
}
.item18{
    grid-row: 16;
}
.item20{
    grid-row: 19;
}
.item24{
    grid-row: 22;
}
.item26{
    grid-row: 25;
}
.item32{
    grid-row: 31;
}
.item36{
    grid-row: 34;
}
.item38{
    grid-row: 37;
}
.item44{
    grid-row: 43;
}
.item48{
    grid-row: 46;
}
.item50{
    grid-column: 1 / 2;
    background-image: url(../img/RMpage_res.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-repeat: no-repeat;
background-position: center;
    }
}/* ---max-width:450px--- */