.accordion  {
	width: 100%;
	position: relative;
	float: left;
	margin-bottom: 15px;
}
.accordion_title {
	position: relative;
	border: none;
	display: block;
	list-style: none;
	width : calc(100% - 64px);
	cursor: pointer;
	background: linear-gradient(90deg,rgba(41, 101, 175, 1) 0%, rgba(136, 198, 132, 1) 100%);
	padding: 1.4em 1.6em 1.4em;
	line-height: 1.6em;
	color: #FFFFFF;
	border-radius: 15px;
    margin-bottom: 0px;
    font-size: 20px;
}

summary.accordion_title::-webkit-details-marker {
	display:none;
}

.accordion_title:after {
	content: "+";
	position: absolute;
	top: calc(50% - 0.5em);
	right: 20px;
	line-height: 1;
	padding: 0;
	pointer-events: none;
}

.accordion::details-content {
	opacity: 0;
	block-size: 0;
	transition: .3s;
	transition-property: display, opacity, block-size, padding;
	transition-behavior: allow-discrete;
	line-height: 1.6em;
	background: #f2f2f2;
	width : calc(100% - 50px);
	padding: 0 25px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}

.accordion .accordion_content {
	padding: 0 1.4em;
}

.accordion .accordion_content > *:first-of-type {
	margin-top: 0;
}

.accordion .accordion_content > *:last-of-type {
	margin-bottom: 0;
}

.accordion[open]::details-content {
	opacity: 1;
	block-size: auto;
	block-size: calc-size(auto, size);
}

.accordion[open] .accordion_content {
	padding: 1.4em;
}

.accordion[open] .accordion_title:after {
	content: "-";
}
.accordion_content p {
    position: relative;
	margin: 25px 0;
}
.faq_area {
	width: 100%;
	height: auto;
	position: relative;
	float: left;
	margin-bottom: 30px;
}



/* #スマートフォン ========================================================================================================== */
@media only screen and (max-width: 750px) {
.accordion  {
	width: 90%;
	margin-bottom: 25px;
    margin-left: 5%;
}
.accordion_title {
    font-size: 26px;
}
.faq_area {
	margin-bottom: 50px;
}



}/* @media only screen and (max-width: 750px) */