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

.h1Ttl{
    margin-bottom: 60px;
}

.tab5{
    position: relative;
    padding-top: 50px;    
}
.tab5 li {
    width: 20%;
    padding: 0 0.5% 1%;
    position: absolute;
}
.tab li a {
    line-height: 1.3;
    padding-bottom: 10px;
}
.tab5 li:first-child {
    bottom: 0;
    left:0
}
.tab5 li:nth-child(2){
    position: absolute;
    bottom: 0;
    left:20%;
}
.tab5 li:nth-child(3){
    position: absolute;
    bottom: 0;
    left:40%;
}
.tab5 li:nth-child(4){
    position: absolute;
    bottom: 0;
    left:60%;
}
.tab5 li:last-child{
    position: absolute;
    bottom: 0;
    left:80%;
}
.h3Ttl::before{
    content: "Q.";
    left:0;
    top:0;
    color: #ce121b;
}
.h3Ttl {
    text-indent: -1em;
    padding-left: 1em;
}

.faq #contentsMain section>dl>dt{
	margin-bottom:1em;
	font-size: 120%;
}
.faq #contentsMain section dl dd{
	margin-bottom:1em;
    margin-left: 0;
}
.faq #contentsMain section dl dd dl.alist dt{
	margin-bottom:0;
}
.faq #contentsMain section dl dd dl.alist dt span{
	font-weight: bold;
}
.faq #contentsMain section dl dd dl.alist dd{
	margin-left: 1em;
}
.faq #contentsMain .titleB{
	font-size: 120%;
	font-weight: 500;
	margin-bottom: 0.5em;
	margin-top: 1em;
}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:767px), only screen and (max-device-width:767px){
.tab5{padding-top: 0;}
.tab5 li a{
    padding: 10px 0;
}
.tab5 li:first-child,
.tab5 li:nth-child(2),
.tab5 li:nth-child(3),
.tab5 li:nth-child(4),
.tab5 li:last-child{
    position: inherit;
    display: block; 
    width:90%; 
    margin: 10px auto;
    padding: 10px 0;
}

}