/**
 * apartment/index.html専用のスタイル指定
 *
 * 注意:
 * 「PCファースト」の方針で記述しています。
 * はじめにPC、モバイル共通のスタイルを記述し、モバイル専用は後から上書きする形で記述しています。
 * 原則として、PC専用のメディアクエリは設けないでください。
 */
/*************************************
 * PC、モバイル共通
 *************************************/
.h1_img {
  background-image:url(../img/apartment-meinimg01.jpg);
}
.main_h1 {
  max-width: 436px;
}
.apartment-table {
  margin-bottom: 4em;
}
.apartment-table img {
  height: auto;
  width: 100%;
}
.apartment-table table {
  width: 100%;
}
.apartment-table table,
.apartment-table td,
.apartment-table th {
  border: 1px solid #ccc;
  border-collapse: collapse;
}
.apartment-table td,
.apartment-table th {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.75;
  padding: 10px;
  text-align: left;
}
.apartment-table th {
  background: #f6f6f6;
  white-space: nowrap;
}
.apartment-table th.th-another {
  background: #5481c2;
  color: #fff;
}
.apartment-table em {
  font-style: normal;
  text-decoration: underline;
}
.apartment-table h6 {
  font-weight: normal;
}
.apartment-table h3 {
  font-size: 20px;
  margin-bottom: 0.5em;
}
.apartment-table li {
  list-style: disc;
  margin-left: 1em;
}
.apartment-table .vacancy-info li {
  margin-left: 2.5em;
}
/**
 * 勤務時間の表示を揃えるためのテーブル
 */
.table-alignright,
.table-alignright th,
.table-alignright td {
  background: #fff !important;
  border: 0 !important;
  color: #000 !important;
  font-weight: normal !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
}
.table-alignright td {
  text-align: right !important;
}
.sp-open-window-img > *:first-child {
  display: block;
}
.sp-open-window-img > *:last-child {
  display: none;
}
/*************************************
 * モバイル専用
 *************************************/
@media screen and (max-width: 767px) {
  .apartment-table th {
    white-space: normal;
  }
  .sp-open-window-img > *:first-child {
    display: none;
  }
  .sp-open-window-img > *:last-child {
    display: block;
  }
  .address-small-area.apartment-table { /* .address-small-area と .apartment-table が同時に指定されている要素に対して適用する */
    margin-bottom: 4em;
    margin-top: 45px;
  }
}