@charset "UTF-8";
/* ==================================================
  特集ページ　レスポンシブ専用CSS
  コンテンツ幅 992px

  デスクトップ 1025px以上
  タブレット 768~1024px
  スマホ 767px以下

  ※font-family: 'Noto Sans JP'; 使えます
  ※画像遅延読み込み <img class="lazyload" data-src="" alt=""> で使えます
================================================== */
/* ------------------------------
  共通
------------------------------ */
* img {
  width: auto;
  max-width: 100%;
}

/* フル画像トリミング（レスポンシブ用） */
.simpleMv--full .simpleMv__img {
  object-fit: cover;
}
.section__heading {
  margin-bottom: 27px;
  color: #004097;
}
.scroll-table {
  overflow: auto;
}
.main h2.office {
  font-size: 25px;
  font-weight: 900;
  margin: 3% 1% 0.5%;
  text-align: center;
}
.main table {
  width: 100%;
  margin-bottom: 5px;
  position: relative;
}
.main td {
  padding: 15px 5px;
  border: 1px solid #ccc;
  text-align: center;
  width: 9%;
}
.main tr.tenpo_name td {
  font-size: 17px;
  font-weight: 900;
  text-align: left;
  padding: 15px 3px 0;
  border: none;
}
.main tr.tenpo_name td a {
  color: #000;
  text-decoration: none;
}
.main tr.tenpo_name td a:hover {
  text-decoration: underline;
}
.main th, .main td {
  width: calc(100% / 11);
}
.main td span {
  font-weight: 900;
  font-size: 12px;
}
.main th {
  padding: 5px;
  border: 1px solid #ccc;
  text-align: center;
  background: #777;
  color: #fff;
  font-weight: 500;
}
.main .name {
  width: 13%;
}
.main .off {
  color: #e02828;
  letter-spacing: 0.5em;
}
.main th.sun {
  background-color: #C64635;
  color: #FFF;
  font-weight: 500;
  text-align: center;
}
.main th.sat {
  background-color: #24659D;
  color: #FFF;
  font-weight: 500;
  text-align: center;
}
.yasumi {
  color: #FC0000;
  background: #FFEAEA;
}

.main th.sticy,.main td.sticy{
    position: sticky;
    left:0;
    background: none;
    border:none;
}

.tenpo_name .sticy {height: 1em;}
.tenpo_name .sticy a, .tenpo_name .sticy span{
  display: block;
  position: absolute;
  padding-left: 15px;
    bottom:0;
}

.tenpo_name .sticy span{
    font-size: 17px;
    font-weight: 900;
}

.girdTextLink--arrowRight::after {
    top:2px;
}

.mrg{
        margin-bottom:16px;
        margin-right:16px;
    }

/* ------------------------------
  タブレットのみ
------------------------------ */
@media screen and (min-width: 768px) and (max-width: 1024px) {
  /* ここに記入 */
}
/* ------------------------------
  タブレット以下
------------------------------ */
@media screen and (max-width: 1024px) {
  .breadcrumb {
    width: 100%;
  }
    
  .section__container {
    width: 100%;
  }
    
  .goTop__img--pc {
    display: none;
  }
  .goTop__img--sp {
    display: block;
  }
   
}
/* ------------------------------
  スマホ以下
------------------------------ */
@media screen and (max-width: 767px) {
  .scroll-table {
    white-space: nowrap;
  }
    .button{
        width:45%;
    }
    .main table{
        margin-left: -16px;
    }
    .tenpo_name .sticy a{
        padding-left:0;
        white-space: normal;
        line-height: 1.1em;
    }
     .tenpo_name .sticy a{
        padding-left:0;
        white-space: normal;
        line-height: 1.1em;
    }
    .tenpo_name .sticy span{
        padding-left:0;
        line-height: 1.1em;
    }
    .mrg{
        margin-bottom:3%;
        margin-right:3%;
    }
    .button[class*='--icon-'] {
    padding-left: 3%;
        padding-right: 3%;
    }
    .girdTextLink--arrowRight::after {
    top:0px;
}
}
/* ------------------------------
  デスクトップ以上
------------------------------ */
@media screen and (min-width: 1025px) {
  .goTop__img--pc {
    display: block;
  }
  .goTop__img--sp {
    display: none;
  }
    thead {
  position: absolute;
  width: 100%;
  max-width: 992px;
  display: table;
  margin-left: -2px;
}
.fixed {
  position: fixed;
  z-index: 2;
  width: 992px;
  display: table;
  margin-left: -2px;
  top: 0;
}
    
    
}