main h1{
  margin-top: 2rem;
  text-align: center;
  font-size: 1.4rem;
  font-weight: bold;
}
main section{
  width: 20rem;
  margin: 1rem auto;
}
.policy{
  text-align: center;
  margin-top: 2rem;
  margin-bottom: 1rem;
}
form h4{
  font-size: 0.8rem;
}
.form-toggle{
  margin-left: 5.5rem;
}
.form-input{
  width: 18rem;
  margin: 2rem auto 3rem;
}
.form-input h4{
  margin-top: 0.4rem;
}
.form-input input{
  width: 8rem;
  height: 1.5rem;
  border-radius: 4px;
  padding-left: 0.4rem;
  box-shadow: inset 0px 0px 2px #888;
  border: 1px solid #222
}
.form-input p{
  text-align: center;
}
.thumbnail{
  width: 16rem;
  text-align: center;
  margin: 0 auto 14px;
}
.info{
  margin-top: 2.4rem;
}
.info p{
  text-align: left;
  font-size: 0.8rem;
}
.form-submit{
  margin-top: 1.4rem;
  text-align: center;
}
.button-submit{
  padding: 0.4rem 0.8rem;
  font-size: 1.2rem;
  font-weight: bold;
  color: #FEFEFE;
  background: #2c91a8;
  border-radius: 4px;
  border: none;
  box-shadow: 0px 0px 2px #888;
}
.form-toggle ~ .form-input{
  display: none;
}
.form-toggle:checked ~ .form-input{
  display: block;
}
p.circle{
  position: relative;
  margin-top: 14px;
  padding-left: 1.2rem;
  font-size: 1rem;
}
p.circle::before{
  position: absolute;
  left: 0;
  content: '○';
  margin-right: 2px;
}
