@media screen and (max-width: 768px) {
  img {
    max-width: 100%;
    height: auto;
  }
}

@media screen and (max-width: 768px) {
  table {
    width: 100%;
    max-width: none;
  }
}

.valueimg:before {
  width: 100px;/*画像の幅*/
  height: auto;/*画像の高さ*/
  vertical-align: top;
}

/*一覧ページのアコーディオンメニュー設定開始*/

.details {
	transition: .3s;
	overflow: hidden;
	margin-top: -10px;
	padding-bottom: 20px;
	&:last-of-type {
		margin-bottom: 0;
	}
}
.details[open] {
	margin-top: 0;
	padding-bottom: 10px;
} 
.details-summary {
	display: block;
	padding: 15px;
    transition: .3s;
	transform: translateY(10px);
	background-color: #FFC0CB;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	&:hover {
		cursor: pointer;
	}
}
.details-summary::-webkit-details-marker {
	display: none;
}
.details[open] .details-summary {
	transform: translateY(0);
}
.details-content {
	padding: 20px;
	background-color: #FAFAD2;
	border-bottom: 2px solid #FFA07A;
	border-left: 2px solid #FFA07A;
	border-right: 2px solid #FFA07A;
}
/*一覧ページのアコーディオンメニュー設定終了*/



/*見出し文字サイズ指定開始  [vw : ブラウザ横幅によってフォントサイズが変わる] */

h1 {
      font-size: clamp(16px, 1.8vw, 20px); /* 画面幅に応じて16pxから30pxに文字の大きさが変化 */
      margin-top: 0; /* Hタグの上部1行分の余白をなくす */
      margin-bottom: 0px; /* Hタグの下部1行分の余白をなくす */
}

h2 {
      font-size: clamp(16px, 1.8vw, 20px);
      text-align: left; /* 左寄せ */
      margin-top: 0; /* Hタグの上部1行分の余白をなくす */
      margin-bottom: 0px; /* Hタグの下部1行分の余白をなくす */
}

h3 {
      font-size: clamp(16px, 1.8vw, 20px);
      margin-top: 1;
      margin-bottom: 0;
}

h4 {
      font-size: clamp(16px, 1.8vw, 20px);
      margin-top: 1;
      margin-bottom: 0;
}

/*見出し文字サイズ指定終了*/