body{
  background-color: #FFF9EE;
  list-style: none;
  font-family: 'Noto+Serif+JP', ;
}
header{
  background-color: none;
  height: none;
  width: 1440px;
}

main{
  z-index: 2;
  margin: auto;
  padding: 50px,0,50px;
}
section{
  border: 2px solid #FE5801;
  border-radius: 14px;
  background-color: #ffffff;
  opacity: .8;
  color: #141414;
  width: 470px;
  margin: auto;
  padding-top: 50px;
  padding-bottom: 50px;
  padding-right: 150px;
  padding-left: 150px;
}
ul{
  color:  #FE5801;
  font-size: 40px;
  font-weight: bold;
  text-align: center;
  opacity: 1;
  margin-bottom: 50px;
}
li{
  font-size: 22px;
  left: 30%;
  padding-top: 30px;
  margin-bottom: 20px;
  opacity: 1;
  margin-left: 10px;
}
.rogo{
  height: 70px;
  width: 270px;
  margin-top: 10px;
}
.form2{
  width: 470px;
}
.in{
  text-align: center;
  margin-left: 0;
  font-size: 28px;
  background-color: #ffb955;
  border-radius: 40px;
  padding: 20px;
  margin-top: 40px;
  color: #FFF9EE;
}
.in:hover{
  background:#FE5801;
  transition: .5s;
}
a{
  color: #ffffff;
  list-style: none;
}
footer{
  width: 1440px;
  padding-top: 130px;
  padding-bottom: 130px;
  background-color: #FFF9EE;
  margin: auto;
}
.foo1{
  text-align: center;
}
@media screen and (max-width:768px){
  section{
    padding: 50px;
  }
  footer{
    width: 768px;
  }
}
@media screen and (max-width:425px){
  section{
    width: 300px;
    padding: 50px;
  }
  .form2{
    width: 250px;
  }
  footer{
    width: 425px;
  }
}