@charset "UTF-8";
/*topに対してのcss*/
#top{}
#main{position: relative;}
#main img{width:100%; z-index:-100;}	 
#main-p{position:absolute;top:30%;left:10%;}
#catch1{font-size:2.5em;  line-height:2em; }
#catch2{font-size:1em; line-height:2em;}
#appeal{width:100%; margin:0px;padding:3% 10%; background-color:#FFF4EE; display:flex; gap:4%; }
.appeal{width:23%; ; padding-top:20px; padding-bottom:30px; display:flex; flex-wrap:wrap;}
.appeal img{width:38%; margin-top:10%; display:block;}
.appeal h2{width:55%;text-align:center; margin-top:25%; display:block;}
.appeal p{width:100%;margin-top:20px; display:block;}
/*商品一覧に対してのcss*/
#product{width:85%; margin:5% auto 0;}
#product2{width:95%; margin:3% auto; display:flex; gap:5%;}
.product{width:22%;}
.detail{text-align:right;display :block; margin:40px 0;}
/*companyに対してのcss*/	
#company{margin:0; position: relative;}
.company{width:50%; position:absolute;top:20%;left:5%;}