.pr-button01 a {
	text-decoration: none;
  display: block; /* ブロック要素指定 */
  box-sizing: border-box; /* 要素の幅と高さの計算にパディングとボーダーを含める */
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); /* 影を薄く（透明度15%）追加 */
 background-color: #2d4c45; /* 背景色ブラック */
  color: #ffffff ; /* テキスト色を白 */
  padding: 1rem 1rem; /* パディングを1remに */
  width: 240px; /* 横幅を240pxに */
  font-weight: bold; /* テキストを太字に */
  text-align: center; /* テキストを中央配置に */
  margin: 20px auto; /* 上下のマージンを20px、左右のマージンを自動で中央揃えに */
}

.newcontentA{
 width: 20%;
 height: 100px;
}

.newcontentB{
 width: 80%;
 height: 100px;
}
 
.newscontentA{
 float: left;
}
 
.newscontentB{
 float: right;
}
 
.newscolumn02{
 clear: both;
}

.newscolumn02{
	margin-top: 240px;
}

.text-small01 h2{
	 font-size: 20px;
}

.my-list01 ol {
	 
    list-style-type: decimal; /* 1, 2, 3... の数字を表示 */
    padding-left: 20px; /* インデントを調整 */
	  font-size: 1.6rem!important;
    line-height: 2;
  }

.text-color001{
	 color: #808080;
   font-size:1.4erm
}


/* 画像4枚を横2枚×2行に */
.img-grid0001 {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 横2列 */
  gap: 12px;                               /* すき間 */
}

/* 画像をコンテナ幅にフィット */
.img-grid0001 img {
  width: 100%;
  height: auto;        /* 元の縦横比を維持 */
  display: block;      /* 画像下の隙間対策 */
  object-fit: cover;   /* 必要ならトリミング */
}


@media (max-width: 480px) {
  .img-grid0001 {
    grid-template-columns: 1fr; /* 1列表示に切り替え */
  }
}