header{
  background-color: rgb(0,100,0);
  height: 150px;
  margin:auto;
}

h1{
width: 300px;
float: left;
transform: translateY(-20%);
}

.migi{
  width:600px;
  float:right;
  text-align: right;
  padding-bottom: 10px;
  padding-right: 20px;
  transform: translateY(80%);
}

.rogo{
padding-top: 20px;
}

body{
  margin: 0;
  background-image: url(oppic/masu.png);
  background-size: 70%;

}

.topuga{
  display: block;
   margin: auto;
   border-radius: 20px;
   margin-top: 150px;
}

.text1{
margin-top: 100px;
margin-bottom: 100px;
text-align: center;
font-size: 20px;
font-family: Hiragino Sans;
line-height: 60px;
}

.text2{
  margin-top: 50px;
  margin-left: 100px;
  margin-bottom: 50px;
  float:left;
  font-size: 30px;
  font-family: Hiragino Sans;
  line-height: 60px;
}

.pic{
  width:500px;
  height: 570px;
  margin-top: 10px;
  margin-left: 130px;
  margin-bottom: 100px;
  padding: 20px;
  padding-top: 30px;
  border-style: solid;
  float:left;
}

.text3{
  width:650px;
  height: 600px;
  margin-top: 10px;
  margin-bottom: 150px;
  margin-right: 50px;
  font-size: 20px;
  font-family: Hiragino Sans;
  line-height: 60px;
  padding-top: 20px;
  padding-left:30px;
  float:right;
  border-style: solid;
  }


/* ボタンクリック始まり */
img.click:hover{
opacity:0.7;
cursor: pointer;
}
img.click:active{
	position: relative;
	top: 3px;
}
/* ボタンクリック終わり */

.button{
text-align: center;
margin-bottom: 50px;
}

.nmlogo{
  float:right;
  width:200px;
}

footer{
  background-color: rgb(0,100,0);
  height: 150px;
  }
footer div{width:350px;margin:40px auto;}
footer img{width:150px;height:auto;margin-top:10px;}