@charset "UTF-8";
/* CSS Document */

.form{ width: 800px; margin: 0 auto;}
.form article{ margin: 1.0em 0 0 0;}
.form article h3{ color: #754F38; font-size: 108%; font-weight: bold; margin: 0 0 0 1.0em;}
.form article p,
.form article div{ margin: 0 0 0 0;}
.form input[type="text"],
.form input[type="tel"],
.form textarea{ margin: 0; border: none; background: #E8F6ED; border-radius: 0.3em;padding: 1.0em; font-size: 100%;}
.form input::placeholder,
.form textarea::placeholder{ color: #a8a8a8;}

.form .uploadBlock{ display: flex; justify-content: space-between;}
.form .uploadBlock div:nth-child(2){ flex: 0 0 180px; margin-left: 2.0em;}
.form .uploadBlock figure{ display: flex; width: 180px; height: 180px; background: #E5E5E5; border: solid 1px #999999; justify-content: center; align-items: center; position: relative; line-height: 1.5; font-size: 86%;}

.form #f21_error{ display: none;}

@media screen and ( max-width: 480px ) {
  .form{ width: auto;}
  .form .uploadBlock{ display: block;}
  .form .uploadBlock div:nth-child(2){ margin: 0;}
  .form .uploadBlock figure{ margin: 1.0em 0 0 0;}
}