.introduction {
  margin-left: 150px;
}

.intro_body {
  color: black;
  font-size: 30px;
  padding-left: 20px;
  vertical-align: middle;

}

.media_title {
  color: black;
  font-size: 20px;
  background: initial;
  text-indent: initial;
  padding-left: 20px;
  vertical-align: middle;
}

.media_body {
  color: black;
  padding-left: 130px;
  vertical-align: middle;
}

/* 2024.04.10 機能の説明のページだけ画像枠→css枠に変更した影響で下部の余白がない。marginだと背景色がフッターと同じ茶色になってしまうため、高さを固定とする */
#contents {
	height: 1000px;
}

.con_footer {
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  height: 25px;
  margin-left: 4px;
  margin-right: 6px;
  background-color: #ddd4c7;
}

/* アコーディオンメニュー */
.acd-check{
    display: none;
}
.acd-label{
	background: white;
	color: black;
	display: block;
	margin-left: 4px;
	padding: 10px;
}
.acd-content{
	background-color: black;
	height: 0;
	opacity: 0;
	margin: 0 4px;
	visibility: hidden;
}
.acd-check:checked + .acd-label + .acd-content{
	height: 400px;
	opacity: 1;
	padding: 10px;
	visibility: visible;
	text-align: center;
}
.play{
	background:url(../img/play_btn.png) no-repeat;
	height:55px;
	display:block;
	cursor: pointer;
}
.play:hover{
	background-position:0 -75px;
}
.acd_detail {
	background: white;
	color: black;
	display: flex;
	align-items: center;
	width: 895px;
	height: 75px;
	float: left;
	position: relative;
	left: 99px;
}
.acd_tilte {
	font-size: 20px;
	font-weight: bold;
	width: 310px;
	padding-left: 75px;
}