body { background-color: rgba(0, 0, 0, 0.08); }

p { margin: 0; }

.visual_box { width: 100%; background-image: url(../images/banner.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; padding-top: 40px; padding-bottom: 40px; }
.visual_box h3 { color: #FFFFFF; }

.contact_wrap { padding-top: 5rem; padding-bottom: 2rem; }

.form_title { padding-bottom: 1rem; }
.form_title p { font-size: 30px; color: #09277E; font-weight: bold; }

.form_wrapper { background-color: #FFFFFF; padding: 3rem; }

/*Form*/
form { padding-bottom: 2rem; }

input[type=text], select, textarea { width: 100%; padding: 12px; border: 0.5px solid #999999; border-radius: 4px; resize: vertical; }

label { padding: 12px 12px 12px 0; display: inline-block; }

input[type=submit] { background-color: #09277E; border: 0.5px solid #09277E; color: #FFFFFF; padding: 12px 20px; border-radius: 4px; cursor: pointer; float: right; transition: 0.5s; }

input[type=submit]:hover { background-color: #FFFFFF; color: #09277E; border: 0.5px solid #09277E; }

.form_container { border-radius: 2px; background-color: #FFFFFF; padding: 3rem; }

.box_title { float: left; width: 25%; margin-top: 6px; }

.box_form { float: left; width: 75%; margin-top: 6px; }

#inquiry { height: 15rem; }

.submit_button { display: flex; justify-content: center; padding-top: 3rem; }

input[type=submit] { width: 12rem; }

.phone_wrapper { padding-bottom: 4rem; }

.phone_title { padding-bottom: 3rem; }
.phone_title p { font-size: 30px; color: #09277E; font-weight: bold; }

.phone_number { display: flex; flex-direction: row; align-items: center; justify-content: center; padding-bottom: 2rem; }
.phone_number img { width: 5em; }
.phone_number span { padding-left: 3rem; font-size: 60px; color: #02217A; font-weight: 500; }

.time_warning { text-align: center; }
.time_warning p { font-size: 16px; margin: 0; }

@media screen and (max-width: 768px) { .box_title, .box_form, input[type=submit] { width: 100%; margin-top: 0; }
  .phone_number img { width: 4em; }
  .phone_number span { font-size: 40px; padding-left: 2rem; } }
@media screen and (max-width: 460px) { .form_title { padding-bottom: 2rem; }
  .form_title p { text-align: center; }
  .phone_title p { text-align: center; }
  .contact_wrap { padding-top: 2rem; }
  .phone_wrapper { padding-top: 2rem; }
  .form_container { border-radius: 2px; padding: 2rem; padding-top: 10px; padding-bottom: 1rem; }
  .phone_number img { width: 3em; }
  .phone_number span { font-size: 28px; padding-left: 1rem; }
  .time_warning p { font-size: 14px; } }

/*# sourceMappingURL=contact.css.map */