@media screen and (min-width: 769px), print {
  .contact_cont {
    padding: 63px 0 129px;
  }
  .contact_cont .inner_small {
    max-width: 900px;
  }
  .contact_cont .contact_form_top p {
    font-size: 1.6rem;
    letter-spacing: 1.6px;
    line-height: 28px;
  }
  .contact_cont .contact_form_top p.require {
    margin-top: 16px;
    color: #f35858;
  }
  .contact_cont .contact_form_list {
    padding-top: 23px;
  }
  .contact_cont .contact_form_bottom {
    padding: 0 159px;
  }
  .contact_cont .contact_form_bottom .checkbox {
    background-color: #f1f8ff;
    padding: 20px 0;
    margin-top: 45px;
  }
  .contact_cont .contact_form_bottom .checkbox a {
    font-weight: bold;
    font-size: 1.6rem;
    letter-spacing: .8px;
    color: #0069b1;
    margin-right: 6px;
  }
  .contact_cont .contact_form_bottom .submit {
    text-align: center;
    margin-top: 70px;
  }
  .contact_cont.confirm {
    padding-bottom: 124px;
  }
  .contact_cont.confirm .contact_form_list {
    padding-top: 25px;
  }
  .contact_cont.confirm .contact_form_bottom .back {
    text-align: center;
    margin-top: 15px;
  }
  .contact_cont.confirm .contact_form_bottom .back .back_btn {
    position: relative;
    cursor: pointer;
    outline: none;
    border: none;
    background-color: transparent;
    display: inline-block;
    color: #000;
    font-size: 1.6rem;
    letter-spacing: 1.6px;
    text-decoration: none;
    padding: 0 0 3px 0;
  }
  .contact_cont.confirm .contact_form_bottom .back .back_btn:after {
    content: '';
    width: 100%;
    height: 1px;
    display: block;
    background-color: #a3a3a3;
    position: absolute;
    bottom: 5px;
    left: 0;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    transition: opacity .3s ease;
  }
  .contact_cont.confirm .contact_form_bottom .back .back_btn:hover {
    opacity: 1;
  }
  .contact_cont.confirm .contact_form_bottom .back .back_btn:hover:after {
    opacity: 0;
  }
  .contact_cont.error_page .contact_form_bottom .checkbox {
    margin-top: 57px;
  }
  .contact_cont.complete {
    padding: 117px 0 179px;
  }
}

@media screen and (max-width: 768px) {
  .contact_cont {
    padding: 9.11458vw 0 21.48438vw;
  }
  .contact_cont .contact_form_top p {
    font-size: 4.16667vw;
    letter-spacing: 0.41667vw;
  }
  .contact_cont .contact_form_top p.require {
    margin-top: 4.16667vw;
    color: #f35858;
  }
  .contact_cont .contact_form_list {
    padding-top: 6.51042vw;
  }
  .contact_cont .contact_form_bottom .checkbox {
    background-color: #f1f8ff;
    padding: 5.20833vw 0;
    margin-top: 7.8125vw;
  }
  .contact_cont .contact_form_bottom .checkbox a {
    font-weight: bold;
    font-size: 4.16667vw;
    letter-spacing: 0.20833vw;
    color: #0069b1;
    margin-right: 1.5625vw;
  }
  .contact_cont .contact_form_bottom .submit {
    text-align: center;
    margin-top: 13.02083vw;
  }
  .contact_cont.confirm .contact_form_bottom .back {
    text-align: center;
    margin-top: 3.90625vw;
  }
  .contact_cont.confirm .contact_form_bottom .back .back_btn {
    position: relative;
    cursor: pointer;
    outline: none;
    border: none;
    background-color: transparent;
    display: inline-block;
    color: #000;
    font-size: 4.16667vw;
    letter-spacing: 0.41667vw;
    text-decoration: none;
  }
  .contact_cont.confirm .contact_form_bottom .back .back_btn:after {
    content: '';
    width: 100%;
    height: 0.26042vw;
    display: block;
    background-color: #a3a3a3;
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .contact_cont.complete {
    padding: 19.53125vw 0 21.48438vw;
  }
}
