@charset "UTF-8";
      @media screen and (min-width: 640px) {
#ttlBlock h2 {
width:112px;
height:353px;
background:url(/common/images/faq/tit.png) no-repeat;
margin-top:-176px;
}
} @media screen and (min-width: 640px) {
.listBox {
width:980px;
margin:0 auto;
padding:80px 0 30px;
overflow:hidden;
zoom:1;
}
.listBox article {
}
.listBox article h3 {
font-size:129%;
text-align:left;
background:url(/common/images/faq/bg_line.png) no-repeat 0 100%;
padding:15px 5px;
cursor:pointer;
position:relative;
}
.listBox article h3:before {
font-family:"futura-pt";
font-size:73%;
line-height:1.5;
letter-spacing:0;
color:#848484;
content:"Question.";
display:block;
}
.listBox article h3:after {
width:2em;
line-height:2;
text-align:center;
font-family:'fontello';
position:absolute;
right:10px;
top:50%;
margin-top:-1em;
}
.listBox article.off h3:after {
content:'\e809';
}
.listBox article.on h3:after {
content:'\e80a';
}
.listBox article .inner {
padding:20px 0;
display:none;
}
.listBox article .inner .ttl {
font-size:129%;
line-height:30px;
padding:0 5px 15px 90px;
position:relative;
}
.listBox article .inner .ttl:before {
width:88px;
height:22px;
font-family:"futura-pt";
line-height:22px;
text-align:center;
font-size:73%;
letter-spacing:0;
color:#848484;
content:"Answer.";
background:url(/common/images/faq/bg_answer.png) no-repeat;
position:absolute;
left:0px;
top:4px;
}
.listBox article .inner .textBox {
background:#F6F6F6;
padding:18px 20px 0px;
border-radius:5px;
}
.listBox article .inner .textBox p {
padding-bottom:1.2em;
}
.listBox article .inner .textBox a {
text-decoration:underline;
}
}
@media screen and (max-width: 639px) {
.innerBlock {
padding-bottom:0;
}
.listBox {
margin:0 auto;
padding:20px 0 0px;
overflow:hidden;
zoom:1;
}
.listBox article {
margin:0 10px;
border-bottom:1px solid #333;
}
.listBox article h3 {
font-size:108%;
line-height:1.5;
text-align:left;
padding:15px 40px 15px 5px;
cursor:pointer;
position:relative;
}
.listBox article h3:before {
font-family:"futura-pt";
font-size:73%;
line-height:1.5;
letter-spacing:0;
color:#848484;
content:"Question.";
display:block;
}
.listBox article h3:after {
width:2em;
line-height:2;
text-align:center;
font-family:'fontello';
position:absolute;
right:10px;
top:50%;
margin-top:-1em;
}
.listBox article.off h3:after {
content:'\e809';
}
.listBox article.on h3:after {
content:'\e80a';
}
.listBox article .inner {
text-align:left;
padding-top:10px;
margin-bottom:10px;
display:none;
border-top:1px dashed #333;
}
.listBox article .inner .ttl {
font-size:108%;
line-height:1.5;
padding:5px 5px 15px 90px;
position:relative;
}
.listBox article .inner .ttl:before {
width:80px;
height:22px;
font-family:"futura-pt";
line-height:22px;
text-align:center;
font-size:73%;
letter-spacing:0;
color:#848484;
content:"Answer.";
background:#E5E5E5;
position:absolute;
left:0px;
top:4px;
}
.listBox article .inner .textBox {
background:#F6F6F6;
padding:18px 20px 0px;
border-radius:5px;
}
.listBox article .inner .textBox p {
padding-bottom:1.2em;
}
.listBox article .inner .textBox a {
text-decoration:underline;
}
}