/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 27 2025 | 07:03:15 */
.blog-section {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 40px;
}

/* タイトル */
.blog-title {
  font-family: "Gabarito", sans-serif;
  font-size: 65px;
  font-weight: 600;
  color: #0065b2;
  margin-bottom: 5px;
  text-align: center;
}

/* ボックス（背景枠） */
.blog-box {
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
}


/* note記事全体のコンテナ */
.note-contents {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 横3列 */
  gap: 20px;
  max-width: 1200px;
  margin: 0 auto;
}

.note-item {
  box-sizing: border-box;
}

/* タブレット */
@media (min-width: 768px) and (max-width: 1023px) {
  .note-contents {
    grid-template-columns: repeat(2, 1fr); /* 2列 */
  }
  .note-item:nth-child(n+5) {
    display: none; /* 5件目以降を非表示 */
  }
}
/* スマホ */
@media (max-width: 767px) {
  .note-contents {
    grid-template-columns: 1fr; /* 1列 */
  }
  .note-item:nth-child(n+4) {
    display: none; /* 4件目以降を非表示 */
  }
}

/* 各記事カード */
.note-item {
  flex: 1 1 calc(33.333% - 30px); /* 3等分 */
  box-sizing: border-box;
}

/* アイキャッチ画像 */
.note-thumb img {
  max-width: 100%;
  height: auto;
  display: block;
  margin-bottom: 5px;
  transition: transform 0.3s ease;
}

/* 画像ホバーで暗く */
.note-thumb:hover img {
  transform: scale(1.05);
}

/* タイトル */
.note-title {
  font-size: 18px;
  margin: 0 0 10px 0;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 600;
  line-height: 35px;
}

.note-title a {
  text-decoration: underline;
  color: #0065B2;
  text-underline-offset: 8px;
}

/* 本文抜粋 */
.note-excerpt {
  font-size: 15px;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  margin: 0 0 10px 0;
}

/* 投稿日 */
.note-date {
  margin: 0 0 5px 0;
  font-size: 14px;
  color: #666;
  font-family: 'Inter', sans-serif;
}