@charset "utf-8";

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


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

.faq-list {
	padding: 80px 0px;
	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 {
	color: #EF6677;
}


/* 回答ここから */

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

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

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

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


.ac-container {
    width: 960px;
}

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

.ac-container label:hover {
	color: #343441;
    background-color: #F3E421;
	transition: 0.3s ease-in-out;
}

/*クリック時にチェックボックスをオンにする */
.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 {
	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 40px 40px 40px;
}


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