/*----------------------------------------------------
** GRANTEST Inc. / faq.css
** Ver.1.0.0
** copyright 2020 GRANTEST Inc.
**----------------------------------------------------
** Common settings
**----------------------------------------------------*/
/*----------------------------------------------------
** Retina Display
**----------------------------------------------------*/
@-webkit-keyframes menuopen{
	0%{
		max-height:0;
  }
  100% {
		max-height:100em;
  }
}
@-webkit-keyframes menuclose{
	0%{
		max-height:100em;
  }
  100% {
		max-height:0;
  }
}
section.faq div.inner article{
	position:relative;
	z-index:1;
}
section.faq div.inner article dl{
	border:solid 1px #dbdbdb;
	overflow:hidden;
}
section.faq div.inner article dt{
	cursor:pointer;
	position:relative;
	z-index:1;
	font-weight:700;
}
section.faq div.inner article dt::before{
	content:'Q';
	display:block;
	width:50px;
	line-height:50px;
	border-radius:50%;
	font-family:'Raleway';
	font-size:30px;
	color:#fff;
	text-align:center;
	top:0;
	left:-10px;
	position:absolute;
	z-index:1;
	background-color:rgba(0,187,255,0.5);
	font-weight:400;
}
section.faq div.inner article dd{
	overflow:hidden;
	max-height:0;
	animation:menuclose 300ms ease-out forwards;
	position:relative;
	z-index:1;
}
section.faq div.inner article dd p{
	position:relative;
	z-index:1;
}
section.faq div.inner article dd p::before{
	content:'A';
	display:block;
	width:50px;
	line-height:50px;
	border-radius:50%;
	font-family:'Raleway';
	font-size:30px;
	color:#fff;
	text-align:center;
	top:0;
	left:-10px;
	position:absolute;
	z-index:1;
	background-color:#ffa3b9;
}
section.faq div.inner article dt.active + dd{
	animation:menuopen 300ms ease-in forwards;
}
span.none{
	position:absolute;
	z-index:1;
	background-color:rgba(255,255,255,0);
	color:rgba(0,0,0,0);
	transform:scale(0);
}
section.faq div.inner article:nth-of-type(1)::after,
section.faq div.inner article:nth-of-type(1) > h3::before{
	background-color:#ce7fce;
}
section.faq div.inner article:nth-of-type(1) > h2{
	border-color:#ce7fce;
}
section.faq div.inner article:nth-of-type(2)::after,
section.faq div.inner article:nth-of-type(2) > h3::before{
	background-color:#9cf;
}
section.faq div.inner article:nth-of-type(2) > h2{
	border-color:#9cf;
}
section.faq div.inner article:nth-of-type(3)::after,
section.faq div.inner article:nth-of-type(3) > h3::before{
	background-color:#99c;
}
section.faq div.inner article:nth-of-type(3) > h2{
	border-color:#99c;
}
section.faq div.inner article:nth-of-type(4)::after,
section.faq div.inner article:nth-of-type(4) > h3::before{
	background-color:#9c9;
}
section.faq div.inner article:nth-of-type(4) > h2{
	border-color:#9c9;
}
section.faq div.inner article > h3{
	display:table;
	position:relative;
	z-index:2;
	padding:0 1.5em;
	font-weight:700;
}
section.faq div.inner article > h3::before{
	display:block;
	position:absolute;
	z-index:-1;
	top:0;
	right:0;
	bottom:0;
	left:0;
	content:'';
}
@media only screen and (-webkit-min-device-pixel-ratio:2), (min-resolution: 2dppx){
}
@media screen and (max-width:767px){
	section.clause > p.text{
		padding:0 1em 30px 1em;
	}
	section.faq > h2{
    font-size:18px;
    text-align:center;
    line-height:20px;
    padding:50px 0 30px 0;
	}
	section.faq > p.text{
		padding:0 1.8em 20px 1.8em;
		line-height:1.5em;
	}
	section.faq > div.menubtn{
		display:table;
		margin:0 auto 30px auto;
		background-color:#445;
		color:#FFF;
		font-weight:700;
		line-height:50px;
		padding:0 1.5em;
		border-radius:5px;
	}
	section.faq div.inner article{
		padding:0 0 30px 0;
	}
	section.faq div.inner article dl{
		margin:10px 10px 0 10px;
		background-color:#f2f2f6;
		position:relative;
		z-index:2;
	}
	section.faq div.inner article dt{
		padding:15px 1em 15px 50px;
		line-height:20px;
	}
	section.faq div.inner article dd p{
		line-height:1.5em;
		padding:15px 1em 15px 50px;
		margin:0.25em 0 0 0;
		border-top:dotted 1px #dbdbdb;
	}
	section.faq div.inner article > h2{
		text-align:center;
		line-height:50px;
		position:relative;
		z-index:1;
		font-size:16px;
		font-weight:700;
		border:solid 2px;
		margin:0 5px;
	}
	section.faq div.inner article > h2::before{
		content:'';
		display:block;
		top:0;
		right:0;
		bottom:0;
		left:0;
		position:absolute;
		z-index:-1;
	}
	section.faq div.inner article > h3{
		margin:10px auto 0 auto;
		line-height:40px;
	}
	section.faq div.inner article > h3::before{
		border-radius:20px;
	}
	section.faq div.inner article::after{
		content:'';
		width:2px;
		top:54px;
		left:50%;
		bottom:0;
		display:block;
		position:absolute;
		z-index:1;
		transform:translateX(-50%);
	}
}
@media screen and (min-width:768px) and (max-width:1099px){
}
@media (orientation: landscape) and (max-width:568px){
}
@media (orientation: landscape) and (min-width:569px) and (max-width:724px){
}
@media (orientation: landscape) and (min-width:725px) and (max-width:1099px){
}
@media screen and (min-width:1100px){
	section.faq{
		text-align:center;
	}
	section.faq div.inner{
		width:900px;
		margin:0 auto;
		text-align:left;
	}
	section.faq > h2{
    font-size:24px;
    text-align:center;
    line-height:30px;
    padding:60px 0 50px 0;
	}
}
/*----------------------------------------------------
** Internet Explorer
**----------------------------------------------------*/