@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; /* マウスを乗せた時に背景色が薄くなる */
}