/* common
=================================================================== */
/* color
=================================================================== */
/* layout
=================================================================== */
/* animation delay
=================================================================== */
/* 3d
=================================================================== */
/* font
=================================================================== */
/* form
=================================================================== */
/* max-width: 1023px
=================================================================== */
@media only screen and (max-width: 1023px) {
  /* contents
  =================================================================== */
  .staff__form--wrapper {
    width: calc(100% - 15px);
    top: 83px;
    left: 10px; }
    .staff__form--wrapper .staff__form .staff__form--content {
      width: calc(100% - 30px);
      padding: 20px 15px 30px; }
      .staff__form--wrapper .staff__form .staff__form--content .content--h1 {
        margin-bottom: 35px; }
      .staff__form--wrapper .staff__form .staff__form--content .form__main {
        margin-bottom: 30px; }

  .form aside {
    margin-bottom: 25px; }
  .form .staff__form--btn {
    width: 195px;
    height: 50px; }
    .form .staff__form--btn .staff__form--btn--line:before {
      top: 27px; }
    .form .staff__form--btn .staff__form--btn--confrim {
      font-size: 15px; }
  .form form input, .form form button, .form form textarea, .form form select {
    font-size: 13px;
    padding: 8px 8px; }
  .form form ul {
    margin-bottom: 25px; }
    .form form ul li {
      margin-bottom: 10px;
      padding-bottom: 10px; }
      .form form ul li.required dl dt:after {
        font-size: 8px;
        top: -3px; }
      .form form ul li.list--radio {
        margin-top: 15px; }
        .form form ul li.list--radio dl dt {
          top: 2px; }
      .form form ul li dl dt {
        font-size: 12px;
        width: 135px;
        height: 20px;
        top: 13px; }
      .form form ul li dl dd {
        margin-left: 135px; }
        .form form ul li dl dd.radio__btn {
          font-size: 12px; }
        .form form ul li dl dd.form--short {
          width: 205px; }
        .form form ul li dl dd.form--inline {
          width: 80px; }
          .form form ul li dl dd.form--inline.form--inline--text {
            font-size: 12px;
            width: 10px;
            margin-left: 3px; }
    .form form ul.confirm li dl dt {
      top: 3px; }
    .form form ul.confirm li dl dd {
      font-size: 13px; }
  .form .thanks--title {
    font-size: 13px;
    margin-bottom: 10px; }
  .form .thanks--texxt {
    font-size: 11px; } }
/* max-width: 767px
=================================================================== */
@media only screen and (max-width: 767px) {
  /* contents
  =================================================================== */
  .thanks .staff__form--wrapper .staff__form .staff__form--content {
    height: 410px; }
    .thanks .staff__form--wrapper .staff__form .staff__form--content .form__main {
      padding-top: calc(177 / 335 * 100%); }
  .confirm .staff__form--wrapper .staff__form .staff__form--content {
    height: 1367px; }
    .confirm .staff__form--wrapper .staff__form .staff__form--content .form__main {
      padding-top: calc(1507 / 335 * 100%); }
  .staff__form--wrapper .staff__form .staff__form--content {
    padding: 20px 15px 30px; }
    .staff__form--wrapper .staff__form .staff__form--content .content--h1 {
      margin-bottom: 35px; }
    .staff__form--wrapper .staff__form .staff__form--content .form__main {
      padding-top: calc(1507 / 335 * 100%);
      margin-bottom: 20px; }
    .staff__form--wrapper .staff__form .staff__form--content p {
      text-align: left;
      font-size: 10px;
      padding-left: 0;
      line-height: 1.9; }
      .staff__form--wrapper .staff__form .staff__form--content p strong {
        display: block;
        position: relative;
        width: auto;
        height: auto; }

  .form .staff__form--btn {
    width: 165px; }
    .form .staff__form--btn .staff__form--btn--line:before {
      top: 23px; }
    .form .staff__form--btn .staff__form--btn--confrim {
      font-size: 13px; }
  .form form ul {
    margin-bottom: 25px; }
    .form form ul li {
      margin-bottom: 20px;
      padding-bottom: 20px; }
      .form form ul li.required dl dt:after {
        font-size: 8px;
        top: -3px; }
      .form form ul li.list--radio {
        margin-top: 15px; }
        .form form ul li.list--radio dl dt {
          top: 2px; }
      .form form ul li dl dt {
        position: relative;
        width: auto;
        height: auto;
        font-size: 12px;
        top: 0; }
      .form form ul li dl dd {
        margin-left: 0; }
        .form form ul li dl dd.radio__btn {
          font-size: 12px;
          margin-top: 15px; }
        .form form ul li dl dd.form--short {
          width: 100%; }
        .form form ul li dl dd.form--inline {
          width: 60px; }
          .form form ul li dl dd.form--inline.form--inline--text {
            font-size: 12px;
            width: 10px;
            margin-left: 3px; }
    .form form ul.confirm--list li {
      margin-bottom: 5px; }
      .form form ul.confirm--list li dl dt {
        top: 3px; }
      .form form ul.confirm--list li dl dd {
        padding-top: 15px;
        font-size: 13px; }
        .form form ul.confirm--list li dl dd.radio__btn {
          margin-top: 5px; }
  .form .thanks--title {
    font-size: 13px;
    margin-bottom: 10px; }
  .form .thanks--texxt {
    font-size: 11px; } }
/* max-width: 320px
=================================================================== */
@media only screen and (max-width: 350px) {
  .staff__form--wrapper .staff__form .staff__form--content .form__main {
    padding-top: calc(1197 / 205 * 100%); } }