@charset "UTF-8";
/* 1035px
=================================================================== */
@media only screen and (max-width: 1035px) {
  .contactTop .btn > a, .contactTop .btn > span {
    font-size: 18px; }
  .contactTop .column.column--2 > li, .contactTop .column.column--2 > div {
    width: calc((100% - 30px) / 2);
    margin-bottom: 30px;
    margin-right: 30px; }
    .contactTop .column.column--2 > li:nth-child(2n), .contactTop .column.column--2 > div:nth-child(2n) {
      margin-right: 0; } }
/* 900px
=================================================================== */
@media only screen and (max-width: 900px) {
  /* color
  =================================================================== */
  /* common
  =================================================================== */
  /* layout
  =================================================================== */
  /* background
  =================================================================== */
  /* flex
  =================================================================== */
  /* animation delay
  =================================================================== */
  /* 3d
  =================================================================== */
  /* font
  =================================================================== */
  /* vw
  =================================================================== */
  /* form
  =================================================================== */
  /* vw
  ================================================*/
  /* vh
  ================================================*/
  /* ========================================================================================================= contact Top */
  .contactTop .gridContents.mb150 {
    margin-bottom: 50px; }
  .contactTop .contactTop__contents .btn > a, .contactTop .contactTop__contents .btn > span {
    font-size: 14px; }
  .contactTop .contactTop__contents .column.column--2 > li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px; }
    .contactTop .contactTop__contents .column.column--2 > li > a {
      padding: 16px 46px 16px 25px; }
    .contactTop .contactTop__contents .column.column--2 > li > p {
      font-size: 13px;
      margin-top: 2px; }
    .contactTop .contactTop__contents .column.column--2 > li > aside {
      font-size: 12px;
      margin-top: 8px; }
  .contactTop .contactTop__contents .contact--caution {
    padding: 16px; }

  /* ========================================================================================================= contact */
  .contact .gridContents.mb110 {
    margin-bottom: 50px; }
  .contact .contact__leader {
    padding-bottom: 20px; }
    .contact .contact__leader.text24 {
      font-size: 16px; }
    .contact .contact__leader.mb60 {
      margin-bottom: 35px; }
  .contact form input, .contact form textarea, .contact form select {
    font-size: 13px; }
  .contact form select, .contact form textarea {
    padding: 12px 25px; }
  .contact form select {
    border-radius: 65px; }
  .contact form .checkbox--wrapper .checkbox label {
    font-size: 11px; }
  .contact form .form__list > li {
    margin-bottom: 30px; }
    .contact form .form__list > li > dl {
      flex-direction: column; }
      .contact form .form__list > li > dl > dt {
        align-self: center;
        width: 100%;
        font-size: 14px; }
      .contact form .form__list > li > dl > dd {
        width: 100%; }
        .contact form .form__list > li > dl > dd.select:after {
          right: 25px; }
    .contact form .form__list > li.textarea {
      margin-top: 25px; }
      .contact form .form__list > li.textarea > dl {
        flex-direction: column; }
        .contact form .form__list > li.textarea > dl > dt, .contact form .form__list > li.textarea > dl > dd {
          width: 100%; }
        .contact form .form__list > li.textarea > dl > dt {
          margin-bottom: 15px; }
    .contact form .form__list > li.must > dl > dt:after {
      font-size: 10px;
      padding: 6px 10px;
      border-radius: 22px;
      margin-left: 10px; }
    .contact form .form__list > li:nth-child(1) > dl > dt {
      margin-bottom: 15px; }
  .contact form .checkbox--wrapper {
    margin-bottom: 25px; }
  .contact form .form__btn {
    width: 100%; }
    .contact form .form__btn:after {
      width: 10px;
      right: 32px; }
    .contact form .form__btn input {
      font-size: 18px;
      padding: 12px 0;
      border-radius: 62px; }

  /* ========================================================================================================= confirm */
  .confirm form .form__list > li:nth-child(1) > dl > dt {
    margin-bottom: 0; }
  .confirm form .form__list {
    margin-bottom: 35px; }
  .confirm form .form__list > li > dl > dd {
    padding: 17px 0; }
  .confirm form .form__list > li.textarea > dl > dd {
    padding: 15px 20px; }
  .confirm .confirm__btn {
    flex-direction: column; }
    .confirm .confirm__btn .form__btn--back {
      width: 100px;
      margin-right: 0;
      padding-left: 30px;
      margin-bottom: 20px; }
      .confirm .confirm__btn .form__btn--back:after {
        width: 10px; }
      .confirm .confirm__btn .form__btn--back input {
        font-size: 14px; }
    .confirm .confirm__btn .form__btn {
      margin: 0;
      margin-left: 0; }

  /* ========================================================================================================= complete */
  .complete .contact__contents {
    min-height: 200px; } }
/*========================================================================================================== 修正 2020/10/23 */
/* 900px
=================================================================== */
@media only screen and (max-width: 900px) {
  .contactTop .contactTop__contents .column.column--2 > li > a.text--link {
    padding: 0; }

  .contact form .form__list > li.must > dl > dt::after {
    padding: 2px 10px; } }