.qa input {
	display: none;
}
/* カテゴリー */
.qa #content1,
.qa #content2,
.qa #content3,
.qa #content4,
.qa #content5 {
	display: none;
	padding: 20px 0 0;
	border-top: 1px solid #dddddd;
}
.qa label.tabitem {
	display: inline-block;
	margin: 0 0 -1px;
	padding: 2% 3% 1%;
	text-align: center;
	color: #bbbbbb;
	border: 1px solid transparent;
	transition: color 0.3s ease;
}
.qa label.tabitem:before {
	margin-right: 10px;
	transition: opacity 0.3s ease;
}
/* アイコン*/
.qa label.tabitem::before {
	content: '';
	display: block;
	width: 24px;
	height: 24px;
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 8px;
	opacity: 0.4;
}
.qa label.tabitem[for*='1']::before {  background-image: url('https://www.kaiei-kyowa.jp/kaiei/wp-content/uploads/2026/08/qa01.png');}
.qa label.tabitem[for*='2']::before {  background-image: url('https://www.kaiei-kyowa.jp/kaiei/wp-content/uploads/2026/08/qa02.png');}
.qa label.tabitem[for*='3']::before {  background-image: url('https://www.kaiei-kyowa.jp/kaiei/wp-content/uploads/2026/08/qa03.png');}
.qa label.tabitem[for*='4']::before {  background-image: url('https://www.kaiei-kyowa.jp/kaiei/wp-content/uploads/2026/08/qa04.png');}
.qa label.tabitem[for*='5']::before {  background-image: url('https://www.kaiei-kyowa.jp/kaiei/wp-content/uploads/2026/08/qa05.png');}
.qa label.tabitem:hover::before {
	opacity: 0.7;
}
.qa input[name='tabs']:checked + label::before {
	opacity: 1;
}
.qa label.tabitem:hover {
	cursor: pointer;
	color: #888888;
}
.qa input[name='tabs']:checked + label {
	color: #555555;
	border: 1px solid #dddddd;
	border-bottom: 1px solid #ffffff;
	font-weight: bold;
}
.qa input[name='tabs']:checked + label:hover {
  color: #555555;
}
.qa h3 {
    font-size: 1.3em;
    padding: 2% 0 2% 4%;
    margin-top: 5%;
    border-radius: 50px;
}
.qa h3 span {
	font-size: 0.6em;
	font-weight: normal;
	padding-left: 20px;
}
.qa #content1 h3 {
	background-color: #d1f0ff;
	color: #2175b3;
}
.qa #content2 h3 {
	background-color: #ffebf0;
	color: #ff4c84;
}
.qa #content3 h3 {
	background-color: #dcf1cc;
	color: #499108;
}
.qa #content4 h3 {
	background-color: #dff7f7;
	color: #008197;
}
.qa #content5 h3 {
	background-color: #ffeed9;
	color: #e96c0c;
}
/* --ブロックのバーの色 */
.qa input[name='tabs']:checked + label[for*='1'] {
	border-top: 5px solid #539cd1;
}
.qa input[name='tabs']:checked + label[for*='2'] {
	border-top: 5px solid #ff7aa4;
}
.qa input[name='tabs']:checked + label[for*='3'] {
	border-top: 5px solid #5eb354;
}
.qa input[name='tabs']:checked + label[for*='4'] {
	border-top: 5px solid #4fbdc9;
}
.qa input[name='tabs']:checked + label[for*='5'] {
	border-top: 5px solid #ff853d;
}

/* タブ切り替えの設定 */
.qa #conttab1:checked ~ #content1,
.qa #conttab2:checked ~ #content2,
.qa #conttab3:checked ~ #content3,
.qa #conttab4:checked ~ #content4,
.qa #conttab5:checked ~ #content5 {
	display: block;
}
/* QAブロック */
.qa .qain {
	overflow-x: hidden;
	margin: 0 auto;
}
.qa .qain .actab {
	padding: 20px 0;
	border-bottom: 1px dotted #cccccc;
}
/* 質問 */
.qa .qain label {
	position: relative;
	display: flex;
	align-items: center;
	font-size: 1.1em;
	width: calc(100% - 70px);
	margin: 0 0 0 50px;
	padding: 10px;
	cursor: pointer;
	font-weight: bold;
}
.qa #content1 .qain label {
	color: #2175b3;
}
.qa #content2 .qain label {
	color: #ff4c84;
}
.qa #content3 .qain label {
	color: #499108;
}
.qa #content4 .qain label {
	color: #008197;
}
.qa #content5 .qain label {
	color: #e96c0c;
}
/* ＋アイコン */
.qa .qain label::before {
	position: absolute;
	content: '+';
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.2em;
	font-weight: bold;
	margin-left: -50px;
	padding: 0 0 0 0;
	transition: 0.4s ease;
}
/* 質問を開いた時の仕様 */
.qa .qain .actab input[type=checkbox]:checked ~ .actab-content {
	height: auto;
	opacity: 1;
}
/* 質問をクリックした時の▼アイコンの動き */
.qa .qain .actab input[type=checkbox]:checked ~ label::before {
	transform: rotate(45deg);
}
/* 答え */
.qa .qain .actab-content {
	font-size: 1em;
	color: #666666;
	position: relative;
	overflow: hidden;
	height: 0;
	margin: 0 40px;
	padding: 0 18px;
	transition: 0.4s ease;
	opacity: 0;
}
.qa .qain .actab-content a {
	color: #005CFF;
	text-decoration: underline;
}

@media screen and (max-width: 600px) { /*-------------メディアクエリ600ｐｘ--------------- */
.qa label.tabitem {
	font-size: 0;
}
.qa label:before {
	font-size: 18px;
	margin: 0;
}
.qa label.tabitem {
	padding: 4%;
}
.qa label.tabitem:before {
	margin-right: 0px;
}
.qa h3 span {
	display: none;
}/* 質問 */
.qa .qain label {
	font-size: 1em;
	width: 90%;
	margin: 0 0 0 30px;
	padding: 0;
}
/* ＋アイコン */
.qa .qain label::before {
	margin-left: -30px;
}
.qa .qain .actab-content {
	margin: 0 12px;
	padding-right: 0;
}}
@media screen and (max-width: 980px) { /*-------------メディアクエリ980ｐｘ--------------- */
.qa .qain .actab-content {
	margin-right: 0;
}
.qa h3 {
    font-size: 1.1em;
}}