@charset "utf-8";

body{
  margin:0;
  padding:0;
  }
.header_one {
  position:fixed;
  display: flex;
  top: 0;
  left: 0;

  width: 100%;
  height: 50px;
  background-color: rgb(255, 255, 255);
  align-items:center;
  z-index: 50;
}

h1{text-align: start;margin-left: 5px;}

ul{list-style: none;}

.mainrogo{
  position: absolute;
  top: 48px;
  left: 0px;
  width: 100%;
  height: 100%;z-index: 20;}

.parent{
background-color:rgb(255,225,148);
position:relative;
top:0;
left:0;
width:100%; height: 2856px;
}

.seal{
  position: absolute;
  top: 0;
  margin-left: 13.6%;
  width: 72.53%; height:100%;
  background-color: rgb(232,168,94);
  flex-shrink: 0;
}

.group4{
position: absolute;
width: 731px;
height: 2105.71px;
left: 0px;
top: 0px;

}

#vector1{
position: absolute;
left: 0;
top: 1864px;
width:100%;
height: 100%;
flex-shrink: 0;

}


#rectangle14{
position: absolute;
position: absolute;
left: 0;
top: 1282px;
width: 553px;
height: 709.709px;
flex-shrink: 0;
}

#vector2{

position: absolute;
top: 1031px;
left: 0;
width: 553px;
height: 729px;
flex-shrink: 0;

}

#rectangle8{

position: absolute;
width: 375px;
height: 597px;
left:0;
top: 468px;
flex-shrink: 0;

background: Hex#B8560F;
}

.top{
position: absolute;
top: -100px;
left: 0px;
width: 100%;
height: 100%;
z-index: 10;
}

.top_two{
  position: absolute;
  top: 233px;
  left: -30px;
  width: 464px;
  height: 290px;
background-size: auto;
z-index: 30;
  }
  
.topcontext{
  position: absolute;
  top: 634px;
  margin-left: 50px;
  margin-right: 55pc;
  width: 270px;
  height: 120px;
  color: #FFF;
  text-align: center;
  font-family: A-OTF Ryumin Pr6N;
  font-size: 30px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;

}
.sub{
  position: absolute;
background-color: rgba(255, 255, 255,0.80);
opacity:.8;
width: 375px;
height: 120px;
flex-shrink: 0;
top:1350px;
left:0;
}

.subtext1{
  position: absolute;
  top:1370px;
  left:81px;
  color: #6A3828;
  text-align: center;
  font-family: A-OTF Ryumin Pr6N;
  font-size: 24px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}
.subtext2{
  position:absolute;
  top:1403px;left:121px;
  color: #6A3828;
  text-align: center;
  font-family: A-OTF Ryumin Pr6N;
  font-size: 24px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;}

  .since1992{
    position: absolute;
top:543px;
left: 120px;
  color: #000;
    text-align: center;
    font-family: A-OTF Ryumin Pr6N;
    font-size: 30px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;

  }


main{
  position: absolute;
  top: 794px;
  margin-left: 31px;
  margin-right: 32px;
  width: 312px;
  height: 440px;
  color: #FFF;
  text-align: center;
  font-family: A-OTF Ryumin Pr6N;
  font-size: 13px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  text-align:center;}
.arerugi1{position: absolute;
  top:2050px;
  left:144px;
  color: #000;
  font-family: A-OTF Ryumin Pr6N;
  font-size: 13px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;}

.arerugi2{position: absolute;
  top: 2077px;
  left:36px;
  color: #000;
  font-family: A-OTF Ryumin Pr6N;
  font-size: 13px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;}

  .egg1{position: absolute;
    top: 2114px;
    left:22px;
    width: 92px;
    height: 92px;
    border-radius: 50%;
    background: rgb(175, 175, 175);}

    .egg2{position: absolute;
      top:2123px;
      left: 32px;
      width: 74px;
      height: 56px;
      flex-shrink: 0;}

.egg3{position: absolute;
  top: 2217px;
  left:62px;
  color: #000;
font-family: A-OTF Ryumin Pr6N;
font-size: 13px;
font-style: normal;
font-weight: 300;
line-height: normal;}

.milk1{position: absolute;
  top:2114px;
  left: 145px;
  width: 92px;
  height: 92px;
  border-radius: 50%;
  background: rgb(175, 175, 175);}

.milk2{position: absolute;
  top: 2123px;
  left: 150px;
  width: 78px;
  height: 78px;
  flex-shrink: 0;}

.milk3{position: absolute;
  top:2217px;
   left:178px;
  color: #000;
  font-family: A-OTF Ryumin Pr6N;
  font-size: 13px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;

}

.zeratin1{position:absolute;
  top: 2114px;
  left: 268px;
  width: 92px;
  height: 92px;
  border-radius: 50%;
  background: rgb(175, 175, 175);}

.zeratin2{position:absolute;
  top: 2123px;
  left: 268px;
  width: 78px;
  height: 78px;
  flex-shrink: 0;}

.zeratin3{position:absolute;
  top: 2217px;
  left:289px;
  color: #000;
  font-family: A-OTF Ryumin Pr6N;
  font-size: 13px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;}


.box1{
  position: absolute;
  background-color: rgba(255, 0, 0, 0.66);
  top: 1470px;
  left:0;
  width: 50%;
height: 266px;
flex-shrink: 0;
text-decoration-color: #000;
text-align: center;
font-family: A-OTF Ryumin Pr6N;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: normal;
vertical-align:middle;
}

.box2{
  position: absolute;
  background-color:rgb(255, 194, 175);
  width: 50%;height:266px;
  top: 1470px;
  right:0;
flex-shrink: 0;
text-align: center;
  text-decoration-color: #000;
  font-family: A-OTF Ryumin Pr6N;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
vertical-align:middle;
}

.box3{
  position: absolute;
  background-color:#c14e28;
  top: 1736px;
  left:0;
  width: 50%;
height: 266px;
flex-shrink: 0;
text-decoration-color: #000;
text-align: center;
font-family: A-OTF Ryumin Pr6N;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: normal;}

.box4{
  position: absolute;
  background-color:rgb(255, 123, 0);
  top: 1736px;
  right:0;
  width: 50%;
height: 266px;
flex-shrink: 0;
text-decoration-color: #000;
text-align: center;
font-family: A-OTF Ryumin Pr6N;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: normal;}

.shop{position:absolute;
  top: 2290px;
  left:145px;
  color: #000;
  font-family: A-OTF Ryumin Pr6N;
  font-size: 40px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}
.shop2{position:absolute;
  top:2370px;
  left:53px;
  width: 271px;
  height: 237px;
  flex-shrink: 0;
  border-radius: 25px;
background: #FFF;
}

.shopphoto{
  position:absolute;
  top:2380px;
  left: 90px;
  width: 271px;
  height: 237px;
  flex-shrink: 0;
  border-radius: 25px;}