@charset "UTF-8";

/*-----------------------------------------------------*/
/*------------------NEWS お知らせ------------------------*/
/*-----------------------------------------------------*/

.news-box__item .img {
  position: relative;
  width: 100%;
  height: 100%;
  aspect-ratio: 1 / 1;
  margin-bottom: 10px;
  overflow: hidden;
}

.news-box__item .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: all 0.5s ease;
}

.news-box__item a:hover .img img {
  scale: 1.25;
}

.news-box__item a:hover .title {
  font-weight: 700;
}

/*カテゴリー*/
.news-box__item .img .category {
  position: absolute;
  top: 0;
  left: 0;
  width: 74px;
  text-align: center;
  display: inline-block;
  color: var(--color-white);
  background: var(--color-black);
  padding: 5px 0px;
  font-size: var(--s16);
  line-height: var(--s16);
  font-weight: 300;
}

@media screen and (max-width: 769px) {
  .news-box__item .img .category {
    font-size: var(--s14);
  }
}

/*カテゴリーお知らせ*/
.news-box__item.cat-0 .img .category {
  background: var(--category-color-blue);
}

/*カテゴリー イベント*/
.news-box__item.cat-1 .img .category {
  background: var(--category-color-red);
}

/*カテゴリースクール*/
.news-box__item.cat-2 .img .category {
  background: var(--category-color-green);
}

/*カテゴリー重要*/
.news-box__item.cat-3 .img .category {
  background: var(--category-color-black);
}

/*日付*/
.news-box__item .date {
color: var(--color-blue);
  font-size: var(--s16);
  font-weight: 400;
}
/*タイトル*/
.news-box__item .title {
  font-size: var(--s16);
  color: var(--color-black);
line-height: var(--s20);
}

/* ページャー */
.news-list .pager-left {
  text-align: left;
}

.news-list .pager-right {
  text-align: right;
}

/*ページャーボタン*/

.news-list .pager a {
  display: inline-block;
  font-size: var(--s18);
  line-height: var(--s18);
  padding: 5px 8px;
  margin-right: 10px;
  background-color: var(--color-white);
  color: var(--color-blue);
  border: 1px solid var(--color-blue);
  font-weight: 400;
  transition: all 0.2s ease;
}
/*現在のページのボタン*/
.news-list .pager a.current {
  background: #e6f1fe;
  color: var(--color-blue);
}
.news-list .pager a:hover {
  background: var(--color-blue);
  color: var(--color-white);
}

/*ページャー...*/
.news-list .overPagerPattern {
  display: inline-block;
  margin-right: 5px;
  margin-left: -5px;
  vertical-align: -8px;
  pointer-events: none;
  letter-spacing: 0.1rem;
}

/*------------------------------------------------*/
/*------------------- 詳細ページ -------------------*/
/*------------------------------------------------*/

/*タイトル*/
.news-detail .news-detail__title {
  position: relative;
  margin-bottom: 15px;
}
.news-detail .news-detail__title .title {
  font-size: var(--s24);
  line-height: var(--s36);
  font-weight: 400;
  margin-bottom: 10px;
}

/*日付*/
.news-detail .news-detail__title .date {
  font-size: var(--s16);
  line-height: var(--s16);
  font-weight: 400;
  color: var(--color-blue);
}

/* 本文 */
.news-detail .detailText {
  font-size: var(--s16);
  font-weight: 400;
  line-height: var(--s31);
  margin-bottom: 30px;
}

/* リンクボタン */
.news-detail .detailUpfile {
  margin-bottom: 10px;
}

.news-detail .detail a.bt03 {
  color: var(--color-white);
}

/*戻るボタン*/
.news-detail a {
  color: var(--color-black);
}

.news-detail .backORcloseBtn a:hover {
  color: var(--color-white);
  background: var(--color-gray);
}

/*リスト*/
.news-detail ol,
.news-detail ul {
  list-style: none;
  counter-reset: number;
}

.news-detail ul li,
.news-detail ol li {
  font-size: var(--s16);
  line-height: var(--s29);
  margin-bottom: 5px;
}

.news-detail ul li,
.news-detail ol li {
  position: relative;
  margin-left: 15px;
}

/*点*/
.news-detail ul li::before {
  content: '・';
  position: absolute;
  top: 0;
  left: -15px;
  font-size: var(--s30);
}

/*数字*/
.news-detail ol li::before {
  content: counter(number) '.';
  counter-increment: number;
  position: absolute;
  top: 0;
  left: -15px;
}

/* 余白 */
.news-detail ul,
.news-detail ol,
.news-detail .bt01,
.news-detail img {
  margin: 20px 0;
}