@charset "UTF-8";
/*
////////////////////////////////////////////////////////////////////////////////////////////////////
//テーブル設定
////////////////////////////////////////////////////////////////////////////////////////////////////
//ストレートテーブルデフォルト値
//▼項目の数（タイトル以外の列数）
$table_column_count: 3;
//▼タイトル列（最左）の幅
$table_dt_width_pc: 16em; //PC
$table_dt_width_tb: 16em; //tab
$table_dt_width_sp: 16em; //SP
$table_dt-width_mini: 16em; //mini
//積み重ねテーブル用初期値
//▼項目の数（タイトル以外の列数）
$stackTable_column_count: 1;
//▼タイトル列（最左）の幅
$stackTable_dt_width_pc: 13em; //PC
$stackTable_dt_width_tb: 13em; //tab

//縦組みストレート用初期値
$switchTable_dt_height_pc: 70px; //フィールドタイトル（曜日名）の高さ
$switchTable_dd_height_pc: 70px; //フィールドの高さ

//組み換えタイプ用初期値
//▼レコードの数（タイトル以外の列数）※PC時カラム見え
$flexTable_column_count: 1;
//▼項目の数（タイトル以外の行数）※PC時レコード見え
$flexTable_row_count: 1;
//▼PC
$flexTable_dt_height_pc: 70px; //フィールドタイトル（曜日名）の高さ
$flexTable_dd_height_pc: 70px; //フィールドの高さ
//▼tab
$flexTable_dt_height_tb: 3em; //縦タイトル行（曜日名）の高さ
$flexTable_dd_height_tb: 10.6vw; //データ行の高さ
//▼SP
$flexTable_dt_width_sp: 5em; //タイトル列(曜日名)の幅
//▼mini
$flexTable_dt_width_mini: 5em; //タイトル列(曜日名)の幅

//タイムテーブル用初期値
//▼曜日の数
$timeTable_column_count: 7;
//▼時間の種類数
$timeTable_row_count: 3;
//▼pc
$timeTable_subject_width_pc: 190px; //時間名の幅
//▼tb
$timeTable_subject_width_tb: 5em; //時間名の幅
//▼sp
$timeTable_subject_height_sp: auto; //時間高さ
$timeTable_data_height_sp: 5em; //曜日高さ
$timeTable_dt_width_sp: 5em; //タイトル列(曜日名)の幅
//▼mini
$timeTable_subject_height_mini: auto; //時間高さ
$timeTable_data_height_mini: 5em; //曜日高さmini
$timeTable_dt_width_mini: 5em; //タイトル列(曜日名)の幅
*/
body:not(.blog) #contents .l-content,
body:not(.blog) #contents .l-content__main {
  width: 100% !important;
}
body:not(.blog) .article-body {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
body:not(.blog) .article-header__inner.header__full-width.page-title-none-style,
body:not(.blog) .breadcrumb,
body:not(.blog) .sec_inner {
  width: var(--l-content);
  padding-left: calc(8px * 2);
  padding-right: calc(8px * 2);
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1200px) {
  body:not(.blog) .article-header__inner.header__full-width.page-title-none-style,
  body:not(.blog) .breadcrumb,
  body:not(.blog) .sec_inner {
    width: var(--ep-one-col-content-width);
  }
}
@media (min-width: 768px) {
  body:not(.blog) .sec_inner {
    padding-top: calc(8px * 8);
    padding-bottom: calc(8px * 8);
  }
}
@media (max-width: 767px) {
  body:not(.blog) .sec_inner {
    padding-top: calc(8px * 2);
    padding-bottom: calc(8px * 2);
  }
}
body:not(.blog) .article-header__thumbnail {
  background-image: url("/wp-content/site-parts/common/img/ec-bg.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
body:not(.blog) .article-header__thumbnail .u-background-cover {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  aspect-ratio: 512/165;
  margin: auto;
  overflow: hidden;
}
@media (min-width: 768px) {
  body:not(.blog) .article-header__thumbnail .u-background-cover {
    width: min(100% - 32px, 1200px);
    border-radius: 20px;
  }
}
body:not(.blog) .article-header__thumbnail .u-background-cover::after {
  background-color: transparent;
}
body:not(.blog) .article-header__thumbnail img {
  width: 100%;
  height: 100%;
  max-width: initial;
  margin: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
body:not(.blog) .article-header-cover__innner {
  top: auto;
  bottom: 0;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  margin: auto;
  background-color: #fff;
  background-image: url("/wp-content/site-parts/common/img/illust_wave.svg");
  background-size: 110px auto;
  background-repeat: no-repeat;
  background-position: bottom center;
  border-radius: calc(8px * 2.5) calc(8px * 2.5) 0 0;
  text-align: center;
}
@media (min-width: 768px) {
  body:not(.blog) .article-header-cover__innner {
    width: min(100%, 500px);
    padding: calc(8px * 5) 0;
  }
}
@media (max-width: 767px) {
  body:not(.blog) .article-header-cover__innner {
    width: 80%;
    padding: calc(8px * 3) 0;
  }
}
body:not(.blog) .article-header-cover__innner .article-title {
  color: #390000;
}

.ncRows_image img {
  aspect-ratio: 1/1 !important;
}