@charset "utf-8";

#container {
	max-width: 900px;	/*ブロックの最大幅*/
  height: auto;
	margin: 0 auto;
	background-color: #353c54;
}

body{
    color: white;
    font-size: 12pt;
}

header{
  margin: 20px 50px;
  height: 100px;
}

header img{
    margin: 10px 100px;
}

.line{
  width: 890px;
}

.logo{
  margin: 5px 100px;
}

nav ul{
  list-style-type: none;
  display: flex;
}

nav a{
  display: block;
  width: 200px;
  height: 30px;
  padding: 10px 0;
  margin: 0 2px;
  text-align: center;
  text-decoration: none;
  color: #353c54;
  font:bold 18px sans-serif;
  background-color: #ffd900;
}

nav a:visited{
  color: rgb(70, 55, 55);
}

nav a:hover{
  color: rgb(152, 172, 177);
}

.main{
  width: 700px;
  height: 400px;
  background-color: #f1ee8a;
  color: #353c54;
  margin: 40px 100px 0 100px;
  padding: 50px 0 0 0;
  justify-content: center;
  font-weight: bold;
  text-align: center;
  line-height: 40px;
}

h1 {
  margin-left: 50px;
  padding-left: 18px;
  font-size: 25px;
  background-color: #ffd900;
  color: #353c54;
  width: 800px;
}

h2{
  margin-left: 60px;
}

h3{
  margin: 50px 80px 30px 80px;
}

.in{
  font-size: 16px;
}

.color{
 width: 800px;
 height: 300px;
 font-weight: bold;
 background-size: cover;
 margin: 100px 100px;
}

.aaa{
  width: 700px;
  color: black;
  font-size: 20px;
  text-align: right;
  line-height: 100px;
  padding-right: 30px;
  background-image: url("../img/mg.png");
}

.bbb{
  width: 700px;
  font-size: 20px;
  text-align: right;
  line-height: 100px;
  padding-right: 30px;
  background-image: url("../img/ag.png");
}

.bbb img{
    float: left;
    margin: 60px 40px;
  }

.ccc{
  width: 700px;
  font-size: 20px;
  text-align: right;
  line-height: 100px;
  padding-right: 30px;
  background-image: url("../img/bg.png");
}

.ddd{
  width: 700px;
  font-size: 20px;
  text-align: right;
  line-height: 100px;
  padding-right: 30px;
  background-image: url("../img/cg.png");
}

.ddd img{
    float: left;
    margin: 150px 40px 0 40px;
  }

.eee{
  color: black;
  width: 700px;
  font-size: 20px;
  text-align: right;
  line-height: 100px;
  padding-right: 30px;
  background-image: url("../img/dg.png");
}

.eee img{
    float: left;
    margin: 40px 40px;
  }

.fff{
  color: black;
  width: 700px;
  font-size: 20px;
  text-align: right;
  line-height: 100px;
  padding-right: 30px;
  background-image: url("../img/eg.png");
}

.ggg{
  width: 700px;
  font-size: 20px;
  text-align: right;
  line-height: 100px;
  padding-right: 30px;
  background-image: url("../img/fg.png");
}

.hhh{
  width: 700px;
  font-size: 20px;
  text-align: right;
  line-height: 100px;
  padding-right: 30px;
  background-image: url("../img/gg.png");
}

footer{
  background-color: #353c54;
  padding: 10px;
  font-size: 20px;
  text-align: center;
  color: aliceblue;
}