@charset "utf-8";

/* ---------------------------------------------------------------------------------------------------- */

body {
	background-image: url(../img/bg_other.webp);
	background-position: top;
	background-repeat: repeat;
	background-size: contain;
}

/* ---------------------------------------------------------------------------------------------------- */

.now.qa::before {
	content: "";
}

/* ---------------------------------------------------------------------------------------------------- */

.section_1 {}

.section_1 .inner {
	padding: 20% 0;
}

.section_1 .wrap {}

.section_1 .heading_wrap {}

.section_1 .heading_wrap .heading {}

.section_1 .heading_wrap .heading::before {}

.section_1 .heading_wrap .heading::after {}

.section_1 .heading_wrap .heading .main {}

.section_1 .heading_wrap .heading .main::before,
.section_1 .heading_wrap .heading .main::after {}

.section_1 .heading_wrap .heading .sub {}

.section_1 .content_wrap {}

.section_1 .content_wrap .content {
	width: 90%;
	max-width: 1280px;
}

.section_1 .content_wrap .content .item_wrap {}

.section_1 .content_wrap .content .item_wrap {}

.section_1 .content_wrap .content .item_wrap .item {}

.section_1 .content_wrap .content .item_wrap .item .item_inner {
	gap: 24px;
}

.section_1 .content_wrap .content .item_wrap .item .item_inner .accordion_wrap {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 0px;
	width: 100%;
}

.section_1 .content_wrap .content .item_wrap .item .item_inner .accordion_wrap .accordion_wrap_inner {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 12px;
	width: 100%;
}

.section_1 .content_wrap .content .item_wrap .item .item_inner .accordion_wrap .accordion_wrap_inner .accordion {
	width: 100%;
}

.section_1 details {}

.section_1 details .question {
	position: relative;
	padding: 12px;
	padding-right: 36px;
	background-color: #E9EFC7;
}

.section_1 details .question .text {
	position: relative;
	font-family: "Noto Serif JP", serif;
	font-size: 1.25rem;
	font-weight: 600;
	color: #669F35;
}

.section_1 details .question .text::before {
	content: "";
	position: absolute;
	top: 50%;
	right: -6px;
	transform: translate(100%, -50%);
	width: 24px;
	height: auto;
	aspect-ratio: 1 / 1;
	border-radius: 100vmax;
	border: 2px #669F35 solid;
}

.section_1 details .answer {
	padding: 12px;
	padding-right: 36px;
	background-color: #F5F5F5;
}

.section_1 details .answer .text {
	font-family: "Noto Serif JP", serif;
	font-weight: 600;
}

/**
* list-style: none; ←デフォルト三角削除（Chrome非対応）
* cursor: pointer; ←カーソルをポインターに
**/
.section_1 details summary {
	position: relative;
	list-style: none;
	cursor: pointer;
}

/**
* Chrome用のデフォルト三角削除
**/
.section_1 details summary::-webkit-details-marker {
	display: none;
}

/**
* アコーディオンがクローズ時
**/
.section_1 details summary::before,
.section_1 details summary::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 12px;
	transform: translate(0, -50%);
	width: 12px;
	height: 2px;
	background-color: #669F35;
}
.section_1 details summary::after {
	transform: translate(0, -50%) rotate(90deg);
}

/**
* アコーディオンがオープン時
**/
.section_1 details[open] summary::after {
	content: none;
}

@media screen and (min-width: 768px) {
	.section_1 {}

	.section_1 .inner {
		padding: 10% 0;
	}

	.section_1 .wrap {}

	.section_1 .heading_wrap {}

	.section_1 .heading_wrap .heading {}

	.section_1 .heading_wrap .heading::before {}

	.section_1 .heading_wrap .heading::after {}

	.section_1 .heading_wrap .heading .main {}

	.section_1 .heading_wrap .heading .main::before,
	.section_1 .heading_wrap .heading .main::after {}

	.section_1 .heading_wrap .heading .sub {}

	.section_1 .content_wrap {}

	.section_1 .content_wrap .content {}

	.section_1 .content_wrap .content .item_wrap {}

	.section_1 .content_wrap .content .item_wrap .item {}

	.section_1 .content_wrap .content .item_wrap .item .item_inner {}

	.section_1 .content_wrap .content .item_wrap .item .item_inner .accordion_wrap {}

	.section_1 .content_wrap .content .item_wrap .item .item_inner .accordion_wrap .accordion_wrap_inner {}

	.section_1 .content_wrap .content .item_wrap .item .item_inner .accordion_wrap .accordion_wrap_inner .accordion {}
}

@media screen and (min-width: 1280px) {}

@media screen and (min-width: 1440px) {
	.section_1 .content_wrap .content .item_wrap .item .item_inner .accordion_wrap .accordion_wrap_inner {
		gap: 24px;
	}

	.section_1 details .question {
		padding: 24px;
		padding-right: 48px;
	}

	.section_1 details .question .text {
		font-size: 1.5rem;
	}

	.section_1 details .question .text::before {
		right: -12px;
	}

	.section_1 details .answer {
		padding: 24px;
		padding-right: 48px;
	}

	.section_1 details .answer .text {
		font-size: 1.25rem;
	}

	.section_1 details summary::before,
	.section_1 details summary::after {
		right: 18px;
	}
}

@media screen and (min-width: 1920px) {
	
}

/* ---------------------------------------------------------------------------------------------------- */