@charset "UTF-8";
/* CSS Document */

/* 共通（〜1000px） */
@media screen and (max-width: 1000px) {
  .action__icons { justify-content: space-around; }
}

/* スマートフォン対応（〜768px） */
@media screen and (max-width: 768px) {
  .site-header__recruit-link { display: none; }
  .site-header-enTitle       { display: none; }

  .kv__catch                 { display: none; }
  .kv                        { background-image: url(../img/img_kv-sp@2x-100.jpg); min-height: 500px; height: unset; }

  .intro                     { background-color: #fff; border-top: 5px solid #1c2c55; padding-left: unset; padding-right: unset; }
  .intro__columns            { flex-direction: column; }
  .intro__item               { max-width: unset; height: unset; }
  .intro__text               { margin-bottom: 20px; }

  .action__icons             { justify-content: space-between; }
  .action__columns           { border-left: none; border-right: none; padding-left: unset; padding-right: unset; gap: 20px; }
  .action__item-border       { display: none; }
  .action__item              { width: 100%; }
  .action                    { border-top: 5px solid #1c2c55; }
  .action__button            { width: 100%; }

  .news__item                { width: 100%; }
  .news__list                { gap: 30px; }

  .pageTop-icon              { background-color: #595858; left: 50%; transform: translate(-50%); }
  .pageTop-icon::after       { border-top: 1px solid #fff; border-left: 1px solid #fff; }

  .footer__inner-right       { display: none; }
  .footer__inner-left        { width: 100%; flex-basis: unset; }
  .site-footer__inner        { padding-left: 20px; }
  .site-footer__address p    { letter-spacing: normal; }
  .site-footer               { padding-bottom: 40px; }

  .company-info__container   { flex-direction: column; }
  .company-info__left        { max-width: unset; }
  .company-info__right       { max-width: unset; }
  .company-info              { padding-left: 30px; padding-right: 30px; padding-bottom: 100px; }

  .appeal__cards             { flex-direction: column; }

  .recruit__table th         { display: block; width: 100%; text-align: left; margin-top: -1px; }
  .recruit__table td         { display: block; width: 100%; margin-top: -1px; }
  .recruit-subTitle          { font-size: 2.2rem; }

  .formTable th              { display: block; width: 100%; }
  .formTable td              { display: block; width: 100%; padding-left: unset; }
  input[type="text"]         { padding: 20px; }
  textarea                   { padding: 20px; }
}