/* アコーディオンメニュー */
.ac-menu:last-child {
  margin-bottom: 60px; /* 最後の要素の下にだけ余白 */
}
.ac-menu input {
  display: none;
}
.ac-menu label {
  color: #495057; /* 文字色 */
  font-size: 17px; /* 文字サイズ */
  line-height: 2; /* 行間 */
  font-weight: bold; /* 文字を太く */
  text-align: left; /* 文字を中央に */
  background: #FFFFFF; /* 単色の背景色 */
	border: 1px solid #eaeaea; /* 線の太さ 線のタイプ 線の色 */
  padding: 20px; /* 内側の余白 */
  cursor: pointer;
  position: relative;
  display: block;
}
.ac-menu label:after {
  position: absolute;
  right: 20px; /* 左からの距離 */
  top: 50%; /* 上下中央配置 */
  -webkit-transform : translateY(-50%);
  transform : translateY(-50%);
  content: "+"; /* アイコン */
}
.ac-menu input:checked ~ label::after {
  content: "−"; /* クリック後のアイコン */
}
.ac-menu label:hover {
  background: #FAFAFA; /* マウスを乗せた時の背景色 */

}
.ac-menu div {
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: 0.3s; /* 開閉スピード */
}
.ac-menu input:checked ~ div {
  height: auto;
  opacity: 1;
  padding: 20px; /* 中身の枠内の余白 */
  background: #ffffff; /* 中身の背景色 */
}
.ac-menu-inside {
  color: #495057; /* 中身の文字色 */
  font-size: 17px; /* 中身の文字サイズ */
	border: 1px solid #eaeaea; /* 線の太さ 線のタイプ 線の色 */
  line-height: 2; /* 行間 */
}