/* クイックCMS お知らせ表示用
   色・余白・罫線などは、このファイルで自由に調整できます。 */

.notice #new {
  margin: 0;
  padding: 0;
}

.notice #new dt,
.notice #new dd {
  box-sizing: border-box;
}

.notice #new dt {
  font-variant-numeric: tabular-nums;
}

.notice #new dd a {
  color: inherit;
  text-decoration: none;
}

.notice #new dd a:hover {
  text-decoration: underline;
}

/* 詳細ページ */
.cms-info-page {
  width: min(100% - 40px, 1000px);
  margin: 0 auto;
  padding: 80px 0;
}

.cms-info-card {
  background: #fff;
  padding: clamp(24px, 5vw, 64px);
}

.cms-info-card #info_title {
  margin-top: 0;
}

.cms-info-date {
  margin: 0 0 24px;
  font-variant-numeric: tabular-nums;
}

.cms-info-image {
  display: none;
  max-width: 100%;
  height: auto;
  margin: 0 auto 32px;
}

.cms-info-image[src]:not([src=""]) {
  display: block;
}

.cms-info-contents {
  overflow-wrap: anywhere;
}

.cms-info-back {
  margin-top: 48px;
  text-align: center;
}

@media (max-width: 767px) {
  .cms-info-page {
    width: min(100% - 24px, 1000px);
    padding: 40px 0;
  }
}