@charset "UTF-8";
body {
  padding: 0px;
  font-family: "Hiragino Maru Gothic Pro","fantasy","serife";
}

img {
  width: 50%;
}

.img {
  text-align: center;
  margin: 0 auto;
  width: 80%;
}

h2 {
  margin-top: 0px;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  font-size: 2.8vw;
  text-align: center;
}

.name {
  margin-top: 5px;
}

form {
  width: 80%;
  max-width: 1000px;
  padding: 10px 25px;
  margin-left: auto;
  margin-right: auto;
  background-color: #F0FFF0;
  border-radius: 20px;
}

form label {
  font-size: 2vw;
}

form .flex {
  margin-left: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
}

form .flex #check {
  width: 10px;
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
}

@media (min-width: 550px) {
  form .flex #check {
    -webkit-transform: scale(3);
            transform: scale(3);
    margin-top: 10px;
    margin-right: 20px;
    margin-left: 20px;
  }
}

@media (min-width: 750px) {
  form .flex #check {
    -webkit-transform: scale(4);
            transform: scale(4);
    margin-top: 20px;
    margin-right: 20px;
    margin-left: 20px;
  }
}

form .flex .private {
  margin-left: 5px;
  font-size: 1.8vw;
  margin-top: 0px;
  width: 100%;
}

form div {
  margin-top: 20px;
}

#mini {
  width: 75%;
  border-radius: 5px;
  border: 2px solid;
  height: 2em;
}

textarea {
  width: 90%;
  border-radius: 5px;
  border: 2px solid;
  height: 14em;
  resize: vertical;
}

.btn {
  padding: 10px 30px;
  text-align: center;
  margin: 15px auto;
  border: 2px solid;
  font-size: 3.5vw;
  width: 75%;
  background-color: #FFFFBB;
  margin-left: auto;
  margin-right: auto;
  border-radius: 5px;
}

#center {
  text-align: center;
}

#error {
  color: red;
}

/*サンクスページ↓*/
.thankmsg {
  text-align: center;
  font-size: 2vw;
}

.sendcomp {
  margin-top: 50px;
  font-size: 2.5vw;
}

.return {
  text-align: center;
  font-size: 1.7vw;
}
/*# sourceMappingURL=form.css.map */