.contents_body .block-mv .sp{
	width: 100vw;
}

.contents_body h4{
	line-height: 1.5;
}

.contents_body .row .col {
	    margin-top: 3em;
}

.contents_body .row .col img {
	margin: 3em 0 4em;
}

.block-mv{
	text-align: center;
	font-size: 2rem;
	line-height: 1.5;
}
.g-steam-content .block-mv img {
	max-width: 100%;
	height: auto;
}
.block-mv img{
	margin-bottom: 1em;
}

/* ul.normal-list に対するスタイル */
ul.normal-list {
    list-style: none; /* デフォルトのリストスタイルをリセット */
    margin: 0; /* 外側の余白をリセット */
    padding-left: 20px; /* 左側のインデントを設定 */
	margin-bottom: 2em;
}

ul.normal-list li {
    margin-bottom: 0.5em; /* リストアイテム間の間隔を調整 */
    font-size: 16px; /* フォントサイズを指定 */
    line-height: 1.5; /* 行間を調整 */
    color: #333; /* テキストの色を指定 */
    position: relative; /* 疑似要素の基準位置を設定 */
    padding-left: 1.5em; /* 黒丸分のスペースを確保 */
}

ul.normal-list li::before {
    content: ""; /* 疑似要素で黒丸を作成 */
    position: absolute;
    left: 0;
    top: 0.4em;
    width: 0.65em;
    height: 0.6em;
    background-color: #004F99; /* 黒丸の色を指定 */
    border-radius: 100%; /* 丸くする */
}

ul.normal-list li a{
	color: #004F99;
}

.m1{
	margin-bottom: 1em;
}

.g-steam-content h2 { line-height: 1.6; }
.g-steam-content .g-steam-title { margin-bottom: 30px; }
.g-steam-content .g-steam-label { display: inline-block; margin-bottom: 12px; padding: 4px 14px; background: #e6f4fa; color: #004f99; font-size: 14px; font-weight: bold; line-height: 1.8; }
.g-steam-content .g-steam-image { display: block; max-width: 100%; height: auto; margin: 30px auto 0; }
.g-steam-content h3 { margin: 32px 0 16px; color: #004f99; font-size: 19px; font-weight: bold; line-height: 1.6; }
.g-steam-content .g-steam-specs { width: 100%; margin-bottom: 30px; table-layout: fixed; font-size: 15px; line-height: 1.8; }
.g-steam-content .g-steam-specs caption { margin-bottom: 18px; text-align: left; font-weight: bold; }
.g-steam-content .g-steam-specs th, .g-steam-content .g-steam-specs td { padding: 18px 24px; border: 1px solid #cddfe9; text-align: left; vertical-align: middle; }
.g-steam-content .g-steam-specs th { width: 22%; background: #e6f4fa; color: #004f99; font-weight: bold; }
@media screen and (max-width: 767px) {
  .g-steam-content .block-mv img { width: 100vw; height: 50vw; object-fit: cover; object-position: right center; }
  .g-steam-content h3 { font-size: 17px; }
  .g-steam-content .g-steam-specs th, .g-steam-content .g-steam-specs td { padding: 14px 12px; }
}

@media screen and (max-width: 1024px) {
  .g-steam-content .g-steam-specs tbody,
  .g-steam-content .g-steam-specs tr,
  .g-steam-content .g-steam-specs th,
  .g-steam-content .g-steam-specs td {
    display: block;
    width: 100%;
    box-sizing: border-box;
  }

  .g-steam-content .g-steam-specs th,
  .g-steam-content .g-steam-specs td {
    padding: 14px 12px;
  }

  .g-steam-content .g-steam-specs td,
  .g-steam-content .g-steam-specs tr + tr th {
    border-top: 0;
  }
}
