.display-none{
	display             : none !important;
}



.faq-group-wrapper{
	margin              : 64px auto;
	width               : 1080px;
	max-width           : 96%;
	overflow            : hidden;
}
.faq-group-title{
	margin              : 24px 0;
	font-size           : 24px;
	font-weight         : bolder;
	line-height         : 1.2em;
}
.faq-group-lists{
	display             : flex;
	flex-wrap           : wrap;
	margin              : 24px -12px;
	font-size           : 0;
}
.faq-group-list{
	flex                : 1 1 280px;
	list-style-type     : none;
	margin              : 0 12px;
	padding             : 0;
	width               : 40%;
	width               : calc(50% - 2 * 12px);
	min-width           : 280px;
	font-size           : 1.6rem;
}



.faq-question{
	position            : relative;
	height              : 4.8em;
	font-size           : 16px;
	font-weight         : bolder;
	color               : white;
	line-height         : 1.5em;
}
.faq-question > label{
	position            : absolute;
	top                 : 0;
	bottom              : 0;
	left                : 0;
	right               : 0;
	z-index             : 2;
	line-height         : inherit;
	cursor              : pointer;
}
.faq-question > label > span{
	position            : absolute;
	top                 : 50%;
	left                : 1.5em;
	right               : 4.8em;
	z-index             : 2;
	display             : block;
	line-height         : inherit;
	transform           : translateY(-50%);
}
.faq-question::after{
	content             : '＋';
	font-size           : 2.4em;
	position            : absolute;
	top                 : 50%;
	right               : 0.5em;
	z-index             : 1;
	transform           : translateY(-50%);
	transition          : transform 0.8s;
}



.faq-single{
	margin-bottom       : 24px;
	/*background          : #23a51b;*/
  background          : #3b72cc;
	-webkit-column-break-inside: avoid;
	page-break-inside   : avoid;
	     break-inside   : avoid;
}
input:checked + .faq-question::after{
	transform           : translateY(-50%) rotate(225deg);
}
input + .faq-question + div{
	max-height          : 0;
	opacity             : 0;
	overflow            : hidden;
	transition          : opacity 0.8s 0.6s, max-height 0.8s;
}
input:checked + .faq-question + div{
	max-height          : 9999px;
	opacity             : 1;
	transition          : opacity 0.8s, max-height 0.8s;
}

.faq-answer-container{
	padding             : 1px;
}
.faq-answer-content{
	padding             : 16px;
	background          : white;
}



.faq-category-list-wrapper{
	margin              : 48px auto;
	width               : 95%;
	max-width           : 1080px;
	text-align          : center;
	overflow            : hidden;
}

.faq-category-list{
	margin              : 0px -8px;
}
.faq-category-anchor{
	display             : inline-block;
	margin              : 8px;
}
.faq-category-anchor > *{
	display             : block;
	padding             : 0.25em 1.0em;
	font-weight         : bolder;
	background          : #f8fdff;
	border-radius       : 0.25em;
}
.faq-category-anchor > a{
/*
	color               : #313550;
*/
}

.anchor-target{
	position            : relative;
	bottom              : 16px;
	display             : block;
	height              : 1px;
	overflow            : hidden;
	visibility          : hidden;
}



.search-field-area{
	display             : flex;
	justify-content     : center;
	align-items         : center;
	flex-wrap           : wrap;
	margin              : 60px auto;
	width               : 95%;
	max-width           : 480px;
}
.search-field-area .search-field{
	flex-grow           : 1;
	margin              : 0;
	padding             : 0.8em 0.9em;
	width               : 50%;
	border-color        : #313550;
	border-color        : var(--var-maincolor);
	border-radius       : 0;
}
.search-field-area .search-submit{
	margin              : 0;
	padding             : 0.57em 1.6em;
	width               : auto;
	min-width           : auto;
	font-size           : inherit;
	line-height         : inherit;
	color               : white;
	/*background          : var(--var-maincolor);*/
  backgroud:#666;
	border-color        : #666;
	/*border-color        : var(--var-maincolor);*/
	border-radius       : 0;
	cursor              : pointer;
}


.faq-error-message{
	margin              : 32px;
	font-size           : 1.2em;
	font-weight         : bolder;
	color               : #cf1717;
	text-align          : center;
}