/* ===================================================================
  use toppage
=================================================================== */
/*---------------------------------------------------------------------------*/
@media screen and (min-width: 768px), print {
  /* ===================================================================
  use toppage
=================================================================== */
  .caution {
    margin-top: 30px;
  }
  .policy-check {
    margin-top: 50px;
    text-align: center;
  }
  .btn_area {
    margin-top: 60px;
    margin-top: 30px;
    text-align: center;
  }
  .btn_area .btn {
    margin: auto;
  }
  .btn_area p:not(.btn) {
    color: #000;
    margin-top: 20px;
  }
  .btn_area p:not(.btn) a {
    color: inherit;
  }
  .age select {
    margin: 0;
  }
  .radio_label:before, .radio_label:after {
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .opinion_area {
    width: 100%;
    height: 285px;
  }
  .form_complete {
    text-align: center;
    line-height: 2;
  }
  .form_complete h3 {
    font-size: 4.4rem;
  }
  .form_complete__catch {
    font-weight: bold;
    font-size: 3rem;
    margin-bottom: 30px;
  }
  .form_complete .btn {
    margin: 80px auto 0;
  }
  .form_complete {
    text-align: center;
    line-height: 2;
  }
  .form_complete h3 {
    font-size: 4.4rem;
  }
  .form_complete__catch {
    font-weight: bold;
    font-size: 3rem;
    margin-bottom: 30px;
  }
  .form_complete .btn {
    margin: 80px auto 0;
  }
}

@media screen and (max-width: 767px) {
  /* ===================================================================
  use toppage
=================================================================== */
  .caution {
    margin-top: 7.8125vw;
  }
  .policy-check {
    margin-top: 6.51042vw;
    text-align: center;
  }
  .btn_area {
    margin-top: 5.20833vw;
    text-align: center;
  }
  .btn_area .btn {
    margin: auto;
  }
  .btn_area p:not(.btn) {
    color: #000;
    margin-top: 2.60417vw;
  }
  .btn_area p:not(.btn) a {
    color: inherit;
  }
  .age select {
    width: 31.25vw;
    margin: 0;
  }
  .radio_label:before, .radio_label:after {
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .contact_item__list--single {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .contact_item__list--man {
    margin-right: 7.16146vw;
  }
  .opinion_area {
    width: 100%;
    height: 36.45833vw;
  }
  .form_complete {
    text-align: center;
    line-height: 2;
  }
  .form_complete h3 {
    font-size: 4.4rem;
  }
  .form_complete__catch {
    font-weight: bold;
    font-size: 3rem;
    margin-bottom: 30px;
  }
  .form_complete .btn {
    margin: 80px auto 0;
  }
  .form_complete {
    padding-top: 9.11458vw;
    padding-bottom: 10.41667vw;
  }
  .form_complete h3 {
    font-size: 7.55208vw;
    text-align: center;
    margin-bottom: 1.95312vw;
  }
  .form_complete__catch {
    font-weight: bold;
    font-size: 6.25vw;
    margin-bottom: 7.8125vw;
    text-align: center;
    line-height: 1.4;
  }
  .form_complete__text {
    text-align: left;
    line-height: 1.4;
  }
  .form_complete .btn {
    width: 100%;
    margin: 26.04167vw auto 0;
  }
}