@charset "utf-8";

/*
Copyright (C) https://ohura-office.jp
*/

main {
	padding: 0px 0px 160px;
}


/* FAQリストここから */

.faq-list {
	padding: 80px 16px;
	display: flex;
	justify-content: center;
}

.faq-list ul {
}

.faq-list li {
	margin: 8px 0px;
	text-align: left;
	font-size: 180%;
}

.faq-list li a,
.ac-container p a {
	text-decoration: underline;
	color: #2F73C0;
}

.faq-list li a:hover,
.ac-container p a:hover {
}


/* 回答ここから */

main .box-bg {
	padding: 40px 0px;
	background-color: #F2F2F5;
}

main .box-bg2 {
	padding: 40px 0px;
}

main .box-in {
	margin: 0px auto;
}

main .box-in h2 {
	margin: 0px 40px 24px;
	font-size: 220%;
	font-family: 'Noto Serif JP', serif;
	font-weight: 900;
}


.ac-container {
}

.ac-container label {
	margin: 4px 16px;
	padding: 16px 24px;
	display: block;
	cursor: pointer;
	background-color: #0865C6;
	font-size: 160%;
	line-height: 140%;
	text-align: left;
	transition: 0.3s ease-in-out;
	color: #F7F7F7;
}

.ac-container label:hover {
}

/*クリック時にチェックボックスをオンにする */
.ac-container input:checked + label,
.ac-container input:checked + label:hover {
}

/*下向き矢印アイコンを入れる */
.ac-container label:hover:after,
.ac-container input:checked + label:hover:after{
}

/*選択後に表示される上向きの矢印アイコンを入れる */
.ac-container input:checked + label:hover:after{
}

.ac-container input {
    display: none;
}

.ac-container article {
	margin: 0px 16px;
	max-height: 0px;
	overflow: hidden;
	transition: 0.5s ease-in-out;
}

main .box-bg .ac-container article {
	background-color: #ffffff;
}

main .box-bg2 .ac-container article {
	background-color: #F2F2F5;
}

.ac-container input:checked ~ article {
	max-height: 800px;
	transition: 1s ease-in-out;
}


.answer-in {
	padding: 0px 24px 40px 24px;
}


.ac-container p {
	padding: 16px 0px 0px;
	font-size: 140%;
	line-height: 140%;
	text-align:justify;
	text-justify:inter-ideograph;
}