html, body {
  margin: 0;
  padding: 0;
  font-size: 15px; }

input {
  font-size: 14px; }

fieldset {
  border: none; }

.container {
  padding: 0; }

.img-fluid {
  max-width: 100%; }

.input-form {
  background-color: white;
  margin: 0 auto;
  opacity: 0.9;
  padding: 0; }
  @media (min-width: 578px) {
    .input-form {
      position: fixed;
      bottom: 100px;
      left: 0;
      right: 0;
      max-width: 960px;
      width: 80%; } }

.form-border {
  border: 1px solid #bbb;
  border-top: none; }

.title-text {
  font-size: 26px;
  color: white;
  font-weight: 400;
  padding: 4px;
  opacity: 1 !important; }

.form-title {
  background-color: #747b8e; }

.footer {
  background-color: #555;
  color: #aaa;
  font-size: 12px;
  letter-spacing: -1px; }
  @media (min-width: 578px) {
    .footer {
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0; } }

.btn.btn-outline-white {
  color: white;
  background-color: transparent;
  border-color: white;
  border-radius: 20px; }
  .btn.btn-outline-white:hover {
    background-color: #333; }

.h2 {
  font-size: 32px; }

.p-xxl {
  padding: 20px; }

.p-xl {
  padding: 16px; }

.p-lg {
  padding: 12px; }

.p-md {
  padding: 8px; }

.p-sm {
  padding: 4px; }

.form-padding {
  padding: 24px;
  padding-left: 30px; }

.submit-padding {
  padding-right: 0;
  padding-top: 12px; }

.btn-submit {
  padding: 8px;
  background-color: #222;
  color: white;
  font-size: 22px;
  font-weight: 400; }
  .btn-submit:hover {
    color: white;
    background-color: #000; }

#btn_area_privacy {
    padding-top: 8px;
}
@media (min-width: 578px) {
    #btn_area_privacy {
        text-align: right;
    }
}

#frm input, #frm select {
    height: 25px;
    border: 1px solid #aaa;
}

label[for="check_confirm"] {
    vertical-align: bottom;
}

#title-area {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

#main-image {
    width: 100%;
}
@media (min-width: 578px) {
    #main-image {
        margin-bottom: 250px;
    }
}