@charset "UTF-8";

/*--基本--*/

.contents_faq01 .wrapper_item{
	margin-bottom: 40px;
}
.contents_faq01 .mb40{
	margin-bottom: 20px !important;
}

.contents_faq01 dl{
	display: block;
	padding: 15px 0;
	border-bottom: 1px solid var(--i_border_color);
}
.contents_faq01 dl:nth-of-type(1){
	border-top: 1px solid var(--i_border_color);
}
.contents_faq01 dl:last-child{
	padding: 15px 0 !important;
}
.contents_faq01 dt,
.contents_faq01 dd{
	display: block;
}
.contents_faq01 dt{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	min-height: 35px;
	margin-bottom: 10px !important;
}
.contents_faq01 dt:before{
	content: "Q";
	position: absolute;
	top: 0;
	left: 0;
}
.contents_faq01 dt:before,
.contents_faq01 dt:after{
	transform: translateY(-5px);
}
.contents_faq01 dt i.more{
	display: block;
	width: 20px;
	line-height: 1;
	position: absolute;
	top: calc(50% - 8px);
	right: 0;
	font-style: normal;
	text-align: center;
}
.contents_faq01 dt i.more:before{
	content: "+";
}
.contents_faq01 dt.open i.more:before{
	content: "-";
}
.contents_faq01 dd{
	margin-top: 10px;
	position: relative;
}
.contents_faq01 dd:before{
	content: "A";
	position: absolute;
	top: 0;
	left: 2.3rem;
}
.contents_faq01 dd:before,
.contents_faq01 dd:after{
	transform: translateY(6px);
}
.contents_faq01 dd span.inner{
	display: block;
	padding: 10px 0 0 0;
}
.contents_faq01 .contents_btn01{
	width: 100%;
	max-width: 1200px;
	padding: 30px 0 0;
	margin: 0 auto;
	box-sizing: border-box;
}


/*add_design1*/

.contents_faq01.add_design1 dt i.more{
	display: none;
}
@media screen and (min-width: 501px){
	.contents_faq01.add_design1 dd{
		display: block !important;
	}
}
@media screen and (max-width: 500px){
	.contents_faq01.add_design1 dt{
		cursor: pointer;
		margin-bottom: 0 !important;
		font-weight: bold;
		padding-right: 30px;
	}
	.contents_faq01.add_design1 dt i.more{
		display: block;
	}
	.contents_faq01.add_design1 dd{
		display: none;
	}
}

/*add_design2*/

.contents_faq01.add_design2 dt{
	cursor: pointer;
	margin-bottom: 0 !important;
	padding-right: 30px;
}
.contents_faq01.add_design2 dd{
	display: none;
}

/*add_design3*/

.contents_faq01.add_design3 dt i.more{
	display: none;
}
@media screen and (max-width: 500px){
	.contents_faq01.add_design3 dd{
		display: block !important;
	}
}

/*--accordion--*/

.contents_faq01.accordion .myhide{
	display: none;
}
.contents_faq01.accordion .myhide dl:nth-of-type(1){
	border-top: none;
}
.contents_faq01.accordion .mymore{
	position: relative;
	margin-top: 10px;
}
.contents_faq01.accordion .mymore:before,
.edit_view .contents_faq01.accordion .wrapper_item:before{
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background: var(--i_border_color);
	position: absolute;
	top: 50%;
	left: 0;
}
.contents_faq01.accordion .mymore a,
.edit_view .contents_faq01.accordion .wrapper_item:after{
	display: block;
	width: 180px;
	background: var(--i_btn_color);
	color: var(--i_btn_txt_color);
	text-align: center;
	margin: 0 auto;
	position: relative;
	z-index: 2;
	font-size: 1.5rem;
	cursor: pointer;
	transition: 0.2s;
}
.contents_faq01.accordion .mymore a{
	padding: 3px 5px !important;
}
.contents_faq01.accordion .mymore a:hover,
.contents_faq01.accordion .mymore a:active{
	background: var(--i_btn_hover_color);
	color: var(--i_btn_hover_txt_color);
}
@media screen and (max-width: 768px){
	.contents_faq01.accordion .mymore a:hover{
		background: var(--i_btn_color);
	}
	.contents_faq01.accordion .mymore a:active{
		background: var(--i_btn_hover_color);
	}
}
.contents_faq01.accordion .mymore a:after{
	content: '続きを見る';
}
.contents_faq01.accordion .myhide[style*="display: block;"]+.mymore a:after{
	content: '閉じる';
}
.edit_view .contents_faq01.accordion .wrapper_item{
	position: relative;
	padding-bottom: 37px;
}
.edit_view .contents_faq01.accordion .wrapper_item:before{
	top: calc(100% - 14px);
}
.edit_view .contents_faq01.accordion .wrapper_item:after{
	content: "続きを見る";
	height: 27px;
	position: absolute;
	bottom: 0;
	left: calc(50% - 90px);
	pointer-events: none;
}
.edit_view .contents_faq01.accordion .wrapper_item dl:nth-of-type(n+2){
	display: none;
}