@charset "UTF-8";
/* アコーディオンB */
.cp_actab {
	color		: #fff;
	position	: relative;
	overflow	: hidden;
	width		: 100%;
	margin		: 0 auto 20px;
}

.cp_actab input {
	position	: absolute;
	z-index		: -1;
	opacity		: 0;
}

.cp_actab label {
	font-size	: 20px;
	line-height	: 3;
	position	: relative;
	display		: block;
	padding		: 0 0 0 1em;
	cursor		: pointer;
	margin		: 0 0 1px 0;
	background	: #17458f;
}

.cp_actab label span{
	font-size	: 20px;
	font-weight	: normal;
}

.cp_actab .cp_actab-content {
	overflow	: hidden;
	max-height	: 0;
	-webkit-transition: max-height 0.5s;
	transition	: max-height 0.5s;

}




/*チェックのアイコン（↓）*/
.cp_actab label:after{
	color		: #fff;
	font-family	: "Font Awesome 5 Free"; /*←ココ！！！！！！！*/
	font-weight	: 900; /*←ココ！！！！！！！*/
	content		:"\f107";
	font-size	: 30px;
	position	: absolute;
	right		: 30px;
	top		: -12px;
}

/*チェックのアイコン（↑）*/
.cp_actab input:checked ~ label::after {
	color		: #fff;
	font-family	: "Font Awesome 5 Free"; /*←ココ！！！！！！！*/
	font-weight	: 900; /*←ココ！！！！！！！*/
	content		:"\f106";
	font-size	: 30px;

}





@media screen and (min-width: 768px) {
/* 768pxからの幅の場合に適応される */


}

@media screen and (max-width:767px) {
/*　画面サイズが767pxまではここを読み込む　*/



}