@charset "UTF-8";
#inquiry {
  font-family: sans-serif;
  padding: 20px 20px 100px;
  /* background-color: #f5f5f5; */
  background-image: linear-gradient(90deg, rgb(202, 226, 253), rgb(233, 240, 250));
  /* completeページ  */
}
#inquiry form {
  background: white;
  padding: 20px 0;
  border-radius: 8px;
  max-width: 800px;
  margin: auto;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}
#inquiry .form-wrap {
  margin: 0 auto;
  width: calc(100% - 40px);
}
#inquiry h2 {
  margin-top: 40px;
  border-bottom: 2px solid #004583;
  border-left: 8px solid #004583;
  padding-bottom: 5px;
  padding-left: 6px;
  color: #08437a;
}
#inquiry hr {
  margin: 30px 0;
  background-color: #cae2fd;
  height: 1px;
}
#inquiry .form-group {
  margin-bottom: 20px;
}
#inquiry .form-group label {
  display: block;
  font-weight: 500;
  margin-bottom: 8px;
  font-size: 0.9em;
  color: #333;
}
#inquiry .hissu span:first-child {
  background-color: #004583;
  color: #fff;
  font-size: 0.8em;
  padding: 1px 6px;
  border-radius: 4px;
  margin-left: 5px;
  vertical-align: baseline;
}
#inquiry .hissu span.error-message {
  margin-left: 5px;
}
#inquiry input[type=text],
#inquiry input[type=email],
#inquiry input[type=file],
#inquiry input[type=date],
#inquiry input[type=password],
#inquiry select,
#inquiry textarea {
  width: calc(100% - 24px);
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 0.9em;
  background-color: #f9f9f9;
  margin-bottom: 4px;
}
#inquiry input[type=date] {
  width: 200px;
  background-color: #fff;
}
#inquiry .section-5 select {
  width: 100px;
}
#inquiry .section-6 .file-upload,
#inquiry .section-file .file-upload {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
}
#inquiry .section-6 .file-upload span,
#inquiry .section-file .file-upload span {
  margin-right: 10px;
  color: #ccc;
}
#inquiry .section-6 input,
#inquiry .section-file input {
  margin-bottom: 4px;
  border: unset;
}
#inquiry .section-6 select,
#inquiry .section-file select {
  width: 200px;
}
#inquiry select[name=fc_cooperation],
#inquiry select[name=traffic_restriction],
#inquiry select[name=waiting_room],
#inquiry select[name=parking] {
  width: 200px;
}
#inquiry textarea {
  resize: vertical;
}
#inquiry input[type=text]:focus,
#inquiry input[type=email]:focus,
#inquiry textarea:focus {
  border-color: #4caf50;
  outline: none;
}
#inquiry .checkbox-group,
#inquiry .radio-group {
  margin-top: 10px;
}
#inquiry .checkbox-group label,
#inquiry .radio-group label {
  display: inline-block;
  margin-right: 15px;
  font-size: 0.9em;
}
#inquiry .section {
  margin-top: 30px;
}
#inquiry .sub-group {
  margin-left: 1em;
}
#inquiry .row-group .inline-label {
  display: flex;
}
#inquiry .inline-input {
  display: inline-block;
  margin-right: 10px;
}
#inquiry .inline-label {
  display: inline-block;
  margin-left: 0.5em;
  font-size: 0.9em;
  color: #555;
}
#inquiry .row-group {
  margin-bottom: 0.5em;
}
#inquiry .inline-radio {
  display: inline-block;
  margin-right: 15px;
}
#inquiry .notes {
  margin-top: 20px;
  padding: 10px;
  margin-bottom: 20px;
  background-color: #fef3c7;
  border-left: 4px solid #f59e0b;
  font-size: 0.9em;
  color: #333;
}
#inquiry .form-group:last-child {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
#inquiry .form-group input[type=submit] {
  background-color: #20074e;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  font-size: 1em;
  cursor: pointer;
  width: 200px;
}
#inquiry .form-group input[type=submit]:hover {
  background-color: #40207a;
  opacity: 0.9;
}
#inquiry .form-group input[type=button] {
  background-color: #bbb;
  color: #333;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  font-size: 1em;
  cursor: pointer;
  width: 200px;
  margin-top: 16px;
  font-weight: bold;
}
#inquiry .form-group input[type=button]:hover {
  background-color: #ccc;
  opacity: 0.9;
}
#inquiry .form-group input[type=file] {
  padding: 0px;
  width: auto;
}
#inquiry .error-message {
  color: red;
  font-size: 0.9em;
}
#inquiry .form-group input[type=text]:focus,
#inquiry .form-group input[type=email]:focus {
  border-color: #45a049;
}
#inquiry .checkbox-group input[type=checkbox]:checked + label {
  color: #45a049;
}
#inquiry .checkbox-group input[type=checkbox]:checked {
  background-color: #45a049;
}
#inquiry input[type=checkbox] {
  display: inline-block;
}
#inquiry .form-group input[type=text],
#inquiry .form-group input[type=email] {
  background-color: #f9f9f9;
}
#inquiry .complete-message {
  background: white;
  padding: 20px 0;
  border-radius: 8px;
  max-width: 800px;
  margin: auto;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}
#inquiry .complete-message-wrap {
  margin: 0 auto;
  width: calc(100% - 40px);
  height: auto;
  min-height: 50vh;
  display: flex;
  align-items: center;
}

/* 申し込み全ページ共通 */
h1 {
  text-align: center;
  font-size: 1.5em;
}

h1 + p {
  text-align: center;
  font-size: 0.9em;
  margin: 20px auto;
}

#complete p {
  text-align: left;
  width: 800px;
  margin: 0 auto;
  line-height: 2;
}

ol.form-step {
  display: flex;
  text-align: center;
  border: #5f5f5f solid 1px;
  padding: 0;
  margin: 0 auto 50px auto;
  max-width: 800px;
}

.form-step li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 44px;
  padding: 0 10px;
  position: relative;
  background: #fff;
}

.form-step li.current {
  background: #004583;
  color: #fff;
  font-weight: bold;
}

.form-step li:nth-child(2).current {
  background: #f8b500;
}

.form-step li:not(:last-child):before {
  border-color: transparent transparent transparent #5f5f5f;
  right: -10px;
}

.form-step li:not(:last-child):before,
.form-step li:not(:last-child):after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-width: 23px 0 23px 10px;
  border-style: solid;
  top: 0;
  position: absolute;
  z-index: 10;
}

.form-step li.current {
  background: #004583;
  color: #fff;
  font-weight: bold;
}

.form-step li.current:not(:last-child):after {
  border-left-color: #004583;
}

.form-step li:nth-child(2).current:not(:last-child):after {
  border-left-color: #f8b500;
}

.form-step li:not(:last-child):after {
  border-color: transparent transparent transparent #fff;
  right: -9px;
}

.form-step li:not(:last-child):before,
.form-step li:not(:last-child):after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-width: 23px 0 23px 10px;
  border-style: solid;
  top: 0;
  position: absolute;
  z-index: 10;
}

.answer_box {
  display: flex;
  align-items: center;
  margin-bottom: 7px;
}

.answer_box dt {
  width: 40%;
}

dl {
  margin-bottom: 50px;
}

.btn_box {
  width: 200px;
  margin: 15px auto;
  display: block;
}

#confirmScreen .form-group input[type=text],
#confirmScreen .form-group input[type=email] {
  background-color: #fff;
}
#confirmScreen .form-group input,
#confirmScreen .form-group select,
#confirmScreen .form-group textarea {
  background-color: #fff;
  color: #888;
  border: none;
  border-bottom: 1px solid #ccc;
}
#confirmScreen h2 {
  border-bottom: 2px solid #f8aa00;
  border-left: 8px solid #f8aa00;
  color: #f8aa00;
}

@media screen and (max-width: 420px) {
  #inquiry {
    padding: 0;
  }
  h1 {
    font-size: 1.5em;
  }
}/*# sourceMappingURL=style.css.map */