.column-container {
  max-width: 900px;
  margin: 80px auto;
  padding: 0 20px;
}

.column-container h1 {
  color: #ce976e;
  font-family: YuMincho, 'Yu Mincho', 'Noto Serif JP', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 60px;
}

.column-container h1 small {
  color: #000;
  font-weight: 700;
  font-size: 18px;
}

.column-contents {
  margin: 60px 0;
}

.column-contents h2 {
  margin: 46px 0 8px;
  font-size: 22px;
  color: #ce976e;
  font-weight: bold;
}

.column-contents h3 {
	color: #000;
	font-size: 18px;
	font-weight: bold;
	margin: 18px 0 8px;
}

.column-contents ul {
	list-style: disc;
	padding-left: 1em;
}

.column-contents ol {
	list-style: decimal;
	padding-left: 1em;
}

.column-list {
  display: flex;
  flex-wrap: wrap;
  margin: 100px -30px;
}

.column-list > li {
  width: 33.3333%;
  padding: 30px;
}

.column-list > li > a {
  display: block;
  text-decoration: none;
  color: #000;
}

.column-list > li > a:hover {
  opacity: .6;
}

.column-list > li > a > img {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  margin-bottom: 10px;
  width: 100%;
  height: 100%;
}

.column-list > li > a > h3 {
  color: #000;
  font-size: 18px;
}


.wp-pagenavi {
  text-align: center;
  margin-top: 20px;
}
.wp-pagenavi span,
.wp-pagenavi a{
  /*数字部分の共通CSS　大きさなど*/
  display: inline-block;
  margin: 0 5px 40px;
  padding: 5px 15px;
  text-decoration: none;
}
.wp-pagenavi span.current,
.wp-pagenavi a:hover{
  color: #fff;
  background: #ce976e;
}