#main {
	background: url(/product/trantixxii/faq/images/main_bg.jpg) center top no-repeat;
	background-size: cover;
	margin-bottom: 45px;	
}
#main>div{
	height: 120px;
	color: #fff;
	position: relative;
}
#main h1 {
	font-size: 40px;
	font-weight: bold;
	margin-top: 28px;
	text-align: left;
}
.show_sp{
	display: none;
}

/* index */
#QA{
	width: 980px;
	margin: 0 auto;
	padding-bottom: 100px;
}
#QA h2{
	color: #405174;
	font-size: 30px;
	padding-bottom: 10px;
	border-bottom: #333 solid 2px;
	margin: 50px 0 20px;
}
#QA h2:first-child{
	margin-top: 0;
}

#QA .Question {
    background-color: #d4d9e1;
    border-bottom: 2px solid #70829c;
    color: #335990;
	font-weight: bold;
    font-size: 24px;
    margin-bottom: 25px;
    padding: 13px 15px 13px 47px;
	margin-bottom:20px;
	line-height: 1.3em;
	text-indent: -1.2em;
}
#QA .Question:before{
	content: "Q.";
    color: #335990;
	font-weight: bold;
    font-size: 24px;
	margin-right: 5px;
}
#QA .Question:hover{
	cursor: pointer;
}

#QA .Answer{
	display: none;
	margin: 0 0 30px;
	padding:0 20px 0 47px;
	width: auto;
	text-indent: -1.6em;
}
#QA .Answer:before{
	content: "A.";
	font-weight: bold;
    font-size: 18px;
	margin-right: 5px;
}

#QA a:link,
#QA a:visited {
	font-weight: bold;
	color: #335990;
	text-decoration: underline;
}
#QA a:hover,
#QA a:active {
	text-decoration: none;
}