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



/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	72  %		19px 	136 %
11px 	79  %		20px 	143 %
12px 	86 %		21px 	150 %
13px 	93 %		22px 	158 %
14px 	100 %		23px 	165 %
15px 	108 %		24px 	172 %
16px 	115 %		25px 	179 %
17px 	122 %		26px 	186 %
18px 	129 %
---------------------------------------------------------------------*/




	



/* min 801px */
@media screen and (min-width: 801px), print {



.body{
	background-color:#dfdfe1;
	}
	

	
	
/* faq
--------------------- */
	
#faq {
}
	#faq .box {
		border-bottom: solid 1px #999;
	}
		#faq .box dl.q {
			padding: 40px 0;
			position: relative;
		}
		#faq .box dl.q:after {
			content: "";
			position: absolute;
			border-right: 1px solid #999;
			border-bottom: 1px solid #999;
			width: 10px;
			top: 55px;
			right: 10px;
			height: 10px;
			transform: rotate(45deg);
		}
		#faq .box dl.ac:after{
			content: "";
			position: absolute;
			border-left: 1px solid #999;
			border-top: 1px solid #999;
			border-right: 0;
			border-bottom: 0;
			width: 10px;
			top: 65px;
			right: 10px;
			height: 10px;
			transform: rotate(45deg);
		}
			#faq .box dl.q dt {
				width: 50px;
				font-size: 115%;
			}
			#faq .box dl.q dd {
				width: 950px;
			}
	
	
		#faq .box dl.a {
			padding-bottom: 40px;
		}
			#faq .box dl.a dt {
				width: 50px;
				font-size: 115%;
			}
			#faq .box dl.a dd {
				width: 950px;
			}


	
	#faq .btn {
		margin-top: 150px;
	}
	


	



}








/* max 800px */
@media only screen and (max-width: 800px) {



/* faq
--------------------- */
#faq {
	padding-bottom: 50px;
}
	#faq .box {
		border-bottom: solid 1px #999;
	}
		#faq .box dl.q {
			padding: 40px 0;
			position: relative;
			display: flex;
			display: -webkit-flex;
			justify-content: space-between;
		}
		#faq .box dl.q:after {
			content: "";
			position: absolute;
			border-right: 1px solid #999;
			border-bottom: 1px solid #999;
			width: 10px;
			bottom: 19px;
			left: 50%;
			margin-left: -5px;
			height: 10px;
			transform: rotate(45deg);
		}
		#faq .box dl.ac:after{
			content: "";
			position: absolute;
			border-left: 1px solid #999;
			border-top: 1px solid #999;
			border-right: 0;
			border-bottom: 0;
			width: 10px;
			bottom: 12px;
			left: 50%;
			margin-left: -5px;
			height: 10px;
			transform: rotate(45deg);
		}
			#faq .box dl.q dt {
				width: 10%;
			}
			#faq .box dl.q dd {
				width: 90%;
				font-size: 86%;
			}
				#faq .box dl.q dd p.en {
					padding-top: 5px;
				}
	
	
		#faq .box dl.a {
			padding-bottom: 40px;
			display: flex;
			display: -webkit-flex;
			justify-content: space-between;
		}
			#faq .box dl.a dt {
				width: 10%;
			}
			#faq .box dl.a dd {
				width: 90%;
				font-size: 86%;
			}
				#faq .box dl.a dd p.en {
					padding-top: 5px;
				}


	
	#faq .btn {
		margin-top: 50px;
	}
	

	



}

	



.fadeInDown {
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:1s;
	-ms-animation-duration:1s;
	animation-duration:1s;
}
@-webkit-keyframes fadeInDown {
	0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
	100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
@keyframes fadeInDown {
	0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
	100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	visibility: visible !important;
}