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

.ac_title > a {
	position: relative;
	padding: 1em 2em;
}
.ac_title > a::after {
	content:"▼";
	position: absolute;
	color: #fff;
	right: .8em;
	top: 30%
}
.ac_title > a.current:after {
	content:"▲";
	position: absolute;
	color: #fff;
	right: .8em;
	top: 30%
}
.row-wrap {
  display: flex;
  justify-content: center;
  gap: 31px;
}

.row-wrap img {
  max-width: 100%;
	border: 1px solid #ccc;
	height: auto;
}

.accordion h4 {
	--margin: 26px;
	
	text-indent: calc(var(--margin) * -1);
	margin-left: var(--margin);
}

.note {
	--margin: 10px;
	
	text-indent: calc(var(--margin) * -1);
	margin-left: var(--margin);
	overflow: visible !important;
}

.list-item {
	--margin: 16px;

	text-indent: calc(var(--margin)* -1);
	margin-left: var(--margin);
	overflow: visible;
}

@media only screen and (max-width: 640px) {
	.ac_title > a.faq_eff {
		padding: 1em 2em;
	}
	.ac_title > a:after {
		content:"▼";
		position: absolute;
		color: #fff;
		right: .8em;
		top: 40%
	}
	.ac_title > a.current::after {
    content:"▲";
		position: absolute;
		color: #fff;
		right: .8em;
		top: 40%
	}
  .row-wrap {
    flex-direction: column;
    gap: 10px;
    justify-content: flex-start;
    align-items: center;
  }
	.row-wrap img {
		width: 100%;
	}
	.row-wrap figure {
		width: 100%;
	}
}