@charset "UTF-8";
/* ---------------------------------------------------
 - add.css
 - style.css（SCSSから生成）の後に読み込む追加・上書き用
----------------------------------------------------*/

/* ---------------------------------------------------
 - 募集要項（/recruit/summary/） スマホ・タブレット対応
 - style.scss の .list-article-horizontal-inner { width: 50% !important }
 - .image { width: 360px !important } / .text { width: calc(100% - 360px) !important }
 - により、カードが横並びではみ出し、表が潰れていたのを1列に直す
----------------------------------------------------*/
@media (max-width: 1023px) {
  #lower.summary .list-article-horizontal-inner {
    width: 100% !important;
    margin-bottom: 40px;
  }
  #lower.summary .list-article-horizontal .image,
  #lower.summary .list-article-horizontal .text {
    display: block;
    width: 100% !important;
  }
}

@media (max-width: 767px) {
  #lower.summary .list-article-horizontal-inner {
    padding: 0;
  }
  #lower.summary .list-article-horizontal .title {
    padding: 16px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
  }
  #lower.summary .list-article-horizontal .table th,
  #lower.summary .list-article-horizontal .table td {
    display: block;
    width: 100%;
  }
}

/* ---------------------------------------------------
 - 福利厚生一覧（/recruit/welfare/） スマホ・タブレット対応
 - style.scss の .list-article-vertical-inner { width: calc(80% / 3) } が
 - スマホでも3列のままで、文字が縦1列に潰れていたのを直す
----------------------------------------------------*/
@media (max-width: 1023px) {
  #lower.welfare .list-article-vertical-inner {
    width: 45%;
    padding: 24px;
  }
}

@media (max-width: 767px) {
  #lower.welfare .list-article-vertical-inner {
    width: 100%;
  }
}

/* ---------------------------------------------------
 - 会社見学（/recruit/visit/） スマホ・タブレット対応
 - style.scss の .section .image { float: none }（タブレット以下）が
 - スライダー（slick）のスライドにも当たり、写真が縦に積まれて
 - ページが極端に長くなっていたのを、横並びに戻す
----------------------------------------------------*/
#lower.visit .section .slick-slide.image {
  float: left;
}

/* ---------------------------------------------------
 - 社員寮紹介（/recruit/dormitory/） スマホ対応
 - 物件情報の表（.table2）内の Google マップが width="600" 固定で、
 - 表ごと画面からはみ出していたのを、画面幅に収める
----------------------------------------------------*/
#lower.dormitory .table2 iframe {
  max-width: 100%;
}

/* ---------------------------------------------------
 - 横揺れ対策（採用サイト全ページ）
 - .waypoint.fly-in-right の表示前の位置が画面外にあり、
 - スマホでページが横にスクロールしてしまうのを防ぐ
 - ※ hidden だと position: sticky（#intro.sticky）が効かなくなるので clip を使う
----------------------------------------------------*/
#contents {
  overflow-x: clip;
}