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

.container{ width: 100%; height: 100%; margin-top: 0; text-align: left; background: url(/images/2nd_bg.png) repeat-y 50% 0%;}

#faq h1{margin-bottom: 30px; text-align: center;}
#faq h2{padding: .5em .8em;}
#faq .plinklst{
  width: 800px;
  margin: 0 auto 30px;
}
#faq .plinklst li{
  margin: 0 0 10px;
  width: 24%;
}
#faq .plinklst li a{
  display: block;
  padding: 5px 1em 3px;
  color: #ffffff;
  border-radius: 10px;
  background: #000000;
}
#faq .plinklst li a:hover{
  color: #000000;
  background: #cccccc;
}
#faq .faqlst dt{padding: 1em .2em .3em; font-size: 2rem; font-weight: bold; border-bottom: 3px solid #e70012; cursor: pointer; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;}
#faq .faqlst dt:hover{background: #f3cd88;}
#faq .faqlst dt::before{content: "Q"; margin-right: .3em; color: #e70012;}
#faq .faqlst dd{ display: none; padding: 1em 0 0; font-size: 1.6rem;}
#faq .faqlst dd::before{content: "A"; float: left; display: block; margin-right: .3em; font-size: 2rem; font-weight: bold; vertical-align: top; color: #e70012;}
#faq .faqlst dd p{display: block; width: 95%; margin: 0 0 15px 30px;}
#faq .faqlst dd ol{list-style: decimal; margin: 10px 10px 10px 60px;}
#faq .faqlst dd ul{list-style: disc; margin: 0 0 15px 60px;}
#faq .faqlst dd a{display: inline-block; margin: 5px 0 0; padding: .5em; text-decoration: none; border-radius: 5px; background: #dddddd;}
#faq .faqlst dd a::before{content: ">"; margin-right: .3em;}
#faq .faqlst dd a:hover{color: #ffffff; background: #000000;}


@media screen and (max-width: 767px) {
	.box{margin-bottom: 40px;}
	#faq h2{margin: 0 0 5px !important;}
	#faq .plinklst{
		width: 100%;
		margin: 0 auto 30px;
	}
	#faq .plinklst li a{
		height: 55px;
		padding: 10px .2em 8px;
		line-height: 1.3em;
	}
	#faq .faqlst dt{padding: 1em .2em .3em; font-size: 1.8rem; line-height: 1.4em;}
	#faq .faqlst dd p{dwidth: 86%; margin: 0 0 15px 20px;}
}