@media (max-width: 799px){
  .div-03{
    display:none;
  }

body{
  margin:0;
}

p {
  color: black;
}


/* header----------> */
header{
  border-top:#cc0000 5px solid;
  margin:5px 0 0 0;
}

.header{
  margin-top:10px;
   display: flex;
  justify-content: center;
  align-items: flex-end;
}


.div-01 {
  width:33%;
  display: flex;
  align-items: flex-end;
}

.div-01 img{
  width:90%;
}



.div-02-00 {
  /* font-size:18px; */
  font-size:4.7vw;
  color:rgb(9, 43, 238);
  padding:0;
  margin: 0;
  font-weight:bold;
  text-align:center;
}

.div-02-01{
  /* font-size:16px; */
  font-size:4.2vw;
  color:rgb(9, 43, 238);
  padding:0;
  margin: 0;
  font-weight:bold;
  text-align:center;
}
.div-02-02{
  /* font-size:20px; */
  font-size:4.7vw;
  color:rgb(9, 43, 238);
  margin:0 ;
  padding:0 0 10px 0;
  font-weight:bold;
  text-align:center;
}
.div-02-03{
  display:inline-block;
  font-size:7.5vw;
  font-weight:bold;
  color:red;
  padding:0 15px 0 15px;
  margin:0;
  letter-spacing: -0.1rem;
  transform: scaleY(1.8);
  text-decoration: none;
}
/* <------------header */


/* menu-bar--------------------> */
.menu-bar{
  /* margin-top: 10px; */
  display:none;
}
/* 
.menu-ul{
  margin:0 auto;
  padding:0;
}

.menu-ul :hover{
  transition: all 0.3s ease-in-out;
  background: #91e8f7;
  border-radius:6px;
}


.menu-li{
  text-align:center;
  margin:3px auto;
  border-radius:6px;
  list-style-type: none;
  background-color:rgb(50, 231, 59);
  width:80%;
}

.menu-item{
  text-decoration: none;
  display: block;
  padding: 2px 0;
  color:white;
  font-weight: bold;
  font-size:24px;
  letter-spacing: 2px;
} */

}
/* menu-bar <--------------------*/



/* -- width 800px  ---------------------------- */
@media (min-width: 800px) {



  body{
    margin:0;
  }
  
  p {
    color: black;
  }
  
  .koushin{
    font-size:36px;
    color:red;
  }
  
  .drawer{
    display:none;
  }
  /* .top{
    background-color:#cc0000;
    height:24px;
  }
  .top p{
    color:white;
    font-size: 16px;
    font-weight: normal;
    margin:0;
  } */
  /* header----------------------------------------> */
  header{
    border-top:#cc0000 5px solid;
    margin:5px 0 0 0;
    /* background-image:url(../images/HDD_edited.jpg); */
    
  }
  
  .header{
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
  }
  
  
  .div-01 {
    display: flex;
    align-items: flex-end;
  }
  
  
  
  .div-02-00 {
    font-size:16px;
    color:rgb(9, 43, 238);
    padding:0;
    margin: 0;
    font-weight:bold;
    text-align:center;
  }
  
  .div-02-01{
    font-size:16px;
    color:rgb(9, 43, 238);
    padding:0;
    margin: 0;
    font-weight:bold;
    text-align:center;
  }
  .div-02-02{
    font-size:20px;
    color:rgb(9, 43, 238);
    margin:0 ;
    padding:0 0 10px 0;
    font-weight:bold;
    text-align:center;
  }
  .div-02-03{
    display:inline-block;
    font-size:36px;
    font-weight:bold;
    color:red;
    padding:0 15px 0 15px;
    margin:0;
    letter-spacing: -0.1rem;
    text-decoration: none;
    pointer-events: none;
    cursor: default;
    transform: scaleY(1.8);
  }
  
  .div-03{
    height: 150px;
    text-align:center;
  }
  
  .div-03-p{
    padding: 0px;
    margin: 5px 0 0 0;
    text-align: center;
    color:#555555;
    font-size: 16px;
    border-bottom: 1px solid #999999;
  }

  .div-03-p strong{
    font-weight:bold;
  }
  
  .div-03-1{
    display:flex;
    justify-content: center;
  }
  
  
  .div-03-1-1{
    margin: 10px 0 0 10px;
    background:#008000;
    padding: 10px;
    border-radius: 10px;
  }
  .div-03-1-1 p{
    font-size: 20px;
    color:white;
    font-weight:bold;
    margin:0;
  }
  
  
  .div-03-2 a{
    padding-left: 30px;
    font-size: 12px;
  }
  /* <------------header */
  
  
  /* menu-bar--------------------> */
  .menu-bar{
    margin-top: 20px;
    background:rgb(136, 135, 131);
    /* border-top:#005fcc 2px solid;
    border-bottom:#cc0000 2px solid; */
    /* height:150px; */
  }
  
  
  
  .menu-ul{
    /* height: 60px; */
    display:table;
    margin:0 auto;
    padding:0;
    text-align:center;
    width:799px;
    /* display: flex;
    justify-content: center;
    align-items: center; */
  }
  
  .menu-li{
    display:table-cell;
    min-width: 100px;
    /* border-radius:6px;
    list-style-type: none;
    background-color:white;
    margin: 0px 7px;
    height:50px;
    display: block; */
  }
  
  .menu-li :hover{
    transition: all 0.3s ease-in-out;
    background: #444444;
    /* border-radius:6px; */
  }
  
  .menu-li.current{
    background-color: #444444;
  } 
  
  
  
  .menu-item{
    display:block;
    width:100%;
    text-decoration: none;
    color:white;
    font-weight: bold;
    letter-spacing: 2px;
    font-size:19px;
    padding:10px 0;
  }


}
  /* menu-bar <--------------------*/