@import url('../gymtre/style.css');

/* ===== 記事 ul（コツ・注意点） ===== */
.article-section ul {
  padding-left: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  list-style: disc;
}
.article-section ul li {
  font-size: 14px;
  line-height: 1.7;
  color: #333;
}
@media (min-width: 768px) {
  .article-section ul li { font-size: 15px; }
}

/* ===== hometre バナー・記事ヒーロー ===== */
.page-banner img {
  aspect-ratio: 16 / 6;
  object-position: center 50%;
}

.article-hero {
  aspect-ratio: 1365 / 768;
}

@media (min-width: 768px) {
  .page-banner img {
    aspect-ratio: 16 / 5;
  }
}