@charset "utf-8";

/* アコーディオンメニュー */
.ac-menu:last-child {
	margin-bottom: 60px; /* 最後の要素の下にだけ余白 */
}

.ac-menu input {
	display: none;
}

.ac-menu label {
 	color: #fff; /* 文字色 */
	font-size: 18px; /* 文字サイズ */
	line-height: 2; /* 行間 */
	font-weight: bold; /* 文字を太く */
	text-align: center; /* 文字を中央に */
	background: linear-gradient(-90deg, #C84260, #465D90); /* グラデーションの背景色 */
	padding: 16px; /* 内側の余白 */
	cursor: pointer;
	position: relative;
	display: block;
	border-radius: 36px;
	margin-bottom: 10px;
}

.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 div {
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: 0.3s; /* 開閉スピード */
}

.ac-menu input:checked ~ div {
  height: auto;
  opacity: 1;
  padding: 20px; /* 中身の枠内の余白 */
  background: #FAFAFA; /* 中身の背景色 */
}

.ac-menu-inside {
	color: #333; /* 中身の文字色 */
	font-size: 16px; /* 中身の文字サイズ */
	line-height: 1.8; /* 行間 */
}

.ac-menu label:hover {
	opacity: 0.8; /* マウスを乗せた時に背景色が薄くなる */
}