:root {
  --color-frameline: #e6e6e6;/*枠線の色*/
  --color-separatorline: #e6e6e6;/*区切り線の色*/
  --color-swich: #FF9900; /*開閉スイッチの色*/
  --color-question: #DD0000; /*Qの色*/
  --color-answer: #0000DD; /*Aの色*/
}

.faq__page--wrap{
	margin:0 0 2em 0;
	padding:0;
	width:100%;
	height:auto;
}

.faq__page--wrap *{
	font-family: "Helvetica Neue",
	Arial,
	"Hiragino Kaku Gothic ProN",
	"Hiragino Sans",
	"Noto Sans JP",
	sans-serif;
}

.faq__item-wrap{
	margin:0 0 1em 0;
	padding:0;
	width:100%;
	height:auto;
	border:solid 1px var(--color-frameline);
}

.faq__page--wrap p{
	margin:0 0 1em 0;
	padding:0;
}

.faq__item-wrap label{
	cursor:pointer;
	position:relative;
}

.faq__item-wrap label::after{
	content:"╋";
	display:inline-block;
	font-weight:800;
	font-size:1em;
	position:absolute;
	top:calc(50% - 0.5em);
	right:1em;
	font-size:1em;
	line-height:1;
	transform: rotate(180deg);
	transition:transform 0.5s ease-in-out;
	color:var(--color-swich);
}

.faq__page--wrap .swich{
	display:none;
}

.faq__page--wrap .swich:checked ~ label::after{
	content:"━";
	display:inline-block;
	font-weight:800;
	font-size:1em;
	position:absolute;
	top:calc(50% - 0.5em);
	right:1em;
	font-size:1em;
	line-height:1;
	transform: rotate(0deg);
	color:var(--color-swich);
}

.question__item-wrap{
	margin:0 0 0 0;
	padding:1em 2em 1em 2.5em;
	position:relative;
}

.question__item-wrap h3{
	all:initial;
	display:block;
	margin:0!important;
	padding:0.5em 0 0.5em 1em!important;
	font-family:'Sawarabi Gothic';
	font-size:1em!important;
	line-height:1.2!important;
	font-weight:500!important;
	border-bottom:none!important;
	color:#000!important;
	cursor:pointer;
}

.question__item-wrap h3::before{
	all:initial!important;
}

.question__item-wrap::before{
	content:"Q.";
	font-family:Helvetica;
	font-weight:800;
	color:var(--color-question);
	font-size:1.2em;
	line-height:1;
	display:inline-block;
	margin:0;
	padding:0;
	position:absolute;
	top:1.25em;
	left:1em;
}

.answer__item-wrap{
	font-weight:300;
	margin:0 0 0 0;
	padding:2em 1em 1em 4em;
	position:relative;
	border-top:dashed 1px var(--color-separatorline);
}

.answer__item-wrap::before{
	content:"A.";
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-weight:800;
	color:var(--color-answer);
	font-size:1.2em;
	line-height:1;
	display:inline-block;
	margin:0 0.5em 0 0;
	padding:0 0 0 0;
	position:absolute;
	top:1.75em;
	left:1.75em;
}

.faq__page--wrap .swich ~ div.shutter{
	max-height:0;
	overflow:hidden;
	transition:max-height 0.6s ease-in-out;
}

.faq__page--wrap .swich:checked ~ div.shutter{
	max-height:500vh;
}