@charset "UTF-8";

body {
    font-family:'Meiryo',sans-serif; 
    width: 100%;
  }

    
a{
  text-decoration: none;
  color: #FFFFFF;    
  font-weight: 200;
}

.headerimage{
  display: flex;
  justify-content: center;
  align-items:center;
  width: 1200px;
  height: auto;
  margin:0 auto;
}
  
.nav{
  
  width: 1200px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}

.menu{

  height: auto;
  list-style: none;
  display: flex;
  justify-content: center;
  text-align: center;
  font-size: 20px;
  background: #00153E;
  
  }

  
.header ul li a{
   margin:0 ;
  display: inline-block;
  width: 200px;
  position: center;
  margin: auto;
  border-left: 1px solid #FFFFFF;
}

.header li img.icon{
  margin-top:3px;
  margin-right: 3px;
  width: 20px;
}




.header ul li:last-child{
  border-right: 1px solid #FFFFFF;
}

.menu a:hover{
  background-color:#00153E; 
  text-decoration: none;
}


.header ul li:hover .submenu1{
  display:block;
}


.header ul li:hover .submenu1 ul li{
  display:block;
  width: auto;
  
}

.businessintroduction {
  margin:0 auto;
  margin-top:50px;
  width: 1200px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.businessintroductiontext{
  margin:0 auto;
  margin-top:10px;
  width: 1200px;
  display: flex;
  justify-content: center;
  align-items: center; 
}

.productintroduction{
  margin:0 auto;
  margin-top:50px;
  width: 1200px;
  display: flex;
  justify-content: center;
  align-items: center; 
}

.productintroduction-1{
  margin:0 auto;
  margin-top:10px;
  width: 1200px;
  display: flex;
  justify-content: center;
  align-items: center; 
}

.productintroduction-3{
  margin:0 auto;
  margin-top:10px;
  width: 1200px;
  display: flex;
  justify-content: center;
  align-items: center; 
 
}

.productintroduction-4{
  margin:0 auto;
  margin-top:10px;
  width: 1200px;
  display: flex;
  justify-content: center;
  align-items: center; 
 
}


.buy{
  margin:0 auto;
  margin-top: 10px;
  width: 1200px;
  font-size: 30px;
  display: flex;
  justify-content: center;
  align-items: center; 
  list-style: none;
}


.companyoverview{
  margin:0 auto;
  margin-top:100px;
  width: 1200px;
  display: flex;
  justify-content: center;
  align-items: center; 
}




.kaisha {
  
  margin: 0 auto;
  width: 1000px;
  padding: 0 0 50px 0;

  }

  
@media screen and (max-width:800px){
  .kaisha{
    margin: 0 auto;
  width: 1000px;
  padding: 0 0 50px 0;
   margin-left:100px;
  }
  
}









.kaisha th{
   color: #FFFFFF;
    border: 1px solid #696969;
    padding: 20px;
    background-color:#00153E;
    font-weight: bold;
    }

  .kaisha td {
  border: 1px solid #696969;
  padding: 20px;
  }
         

span{
  display: block;
}
.map{
  margin-top:3px;
  margin-bottom: 30px;
  margin:0 auto;
  width: 1200px;
  display: flex;
  justify-content: center;
  align-items: center; 
}


.nav2{
  width: 1200px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}


.menu{
  margin-top: 10px;
  height: auto;
  list-style: none;
  display: flex;
  justify-content: center;
  text-align: center;
  font-size: 20px;
  background: #00153E;
  }



.footer ul li a{
  display: inline-block;
  width: 200px;
  position: center;
  margin: auto;
  border-left: 1px solid #FFFFFF;
}

.footer li img.icon{
  margin-top:3px;
  margin-right: 3px;
  width: 20px;
}






.footer ul li:last-child{
  border-right: 1px solid #FFFFFF;
}

.menu a:hover{
  background-color:#00153E; 
  text-decoration: none;
}


.footer ul li:hover .submenu1{
  display:block;
}


.footer ul li:hover .submenu1 ul li{
  display:block;
  width: auto;
  
}
.footer-1{
  width: 1200px;
  margin-top:10px;
  display: flex;
  justify-content: center;
  align-items: center; 
  margin: 0 auto;

}

.footer2{
  width: 1200px;
  margin-top:5px;
  display: flex;
  justify-content: center;
  align-items: center; 
  color:#00153E;
  margin:0 auto;
}