#main {
    background-image: url(/product/trantixxii/faq/images/main_bg_sp.jpg);
    background-position: center center;
    background-size: cover;
    margin-bottom: 15px;
}
#main>div{
	height: 60px;
	color: #fff;
	position: relative;
	overflow: visible;
}
#main h1 {
    font-size: 20px;
    font-weight: bold;
    margin-left: 10px;
    padding-top: 15px;
}
#main p {
	color: #000;
	font-size: 11px;
	position: absolute;
	top: 130px;
	left: 5%;
	width: 90%;
}
#main p br:not(.br_sp) {
	display: none;
}
#main_image {
	position: absolute;
	top: 10px;
	right: 20px;
	width: 100px;
}

.show_pc{
	display: none;
}



/* index */
#QA{
	width: 95%;
	margin: 0 auto;
	padding-bottom: 12%;
}
#QA h2{
	color: #405174;
	padding-bottom: 3%;
	border-bottom: #333 solid 2px;
	margin: 7% 0 3%;
	line-height: 1.3em;
}
#QA h2:first-child{
	margin-top: 0;
}

#QA .Question {
    background-color: #d4d9e1;
    border-bottom: 2px solid #70829c;
    color: #335990;
	font-weight: bold;
    font-size: 16px;
    margin-bottom: 25px;
    padding: 13px 15px 13px 27px;
	margin-bottom:3%;
	line-height: 1.3em;
	text-indent: -1.2em;
}
#QA .Question:before{
	content: "Q.";
    color: #335990;
	font-weight: bold;
    font-size: 120%;
	margin-right: 5px;
}
#QA .Answer{
	display: none;
	margin: 0 0 7%;
	padding: 0 3%;
	min-width: auto;
}

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