/* サポートFAQページのCSS */

@charset "UTF-8";
/* CSS Document */

/* よくあるご質問アコーディオン */
/*ボックス全体*/
.accbox {
	margin: 0;
	padding: 0;
}

/*ラベル*/
.accbox label {
	display: block;
	margin: 3px 0;
	padding : 11px 12px;
	color :#333;
	cursor :pointer;
	line-height:150%;
	font-weight:bold;
    background:#fefefe;
    border:1px solid #c7e3fc;
}

.accbox label::before {
    font-family: "Font Awesome 5 Free";
	content: '\f138';
	font-weight: 900;
	color:#c5e1fa;
	margin-right:5px;
}


/*ラベルホバー時*/
.accbox label:hover {
	background :#f8f4e6;
	color:#333;
}


/*チェックは隠す*/
.accbox input {
	display: none;
}

/*中身を非表示にしておく*/
.accbox .accshow {
	height: 0;
	padding: 0;
	overflow: hidden;
	opacity: 0;
}

/*クリックで中身表示*/
.cssacc:checked + .accshow {
	height: auto;
	padding: 10px 10px 30px 30px;
	opacity: 1;
}

.faqarea h2 {
    margin:50px 0 20px !important;
    text-align:left !important;
    font-size:1.8rem;
    border-bottom:2px dotted #c7e3fc;
}

.faq-more {
    margin:80px 20px;
}