@charset "utf-8";
/* ----------------------------------
メディアクエリ　モバイルレイアウト : 480pxまで
----------------------------------- */
#ttlCategory span{
width: 213px;
background-image: url(../images/ttl_category_sp.png);
background-size: 213px auto;
}

#contentsArea dl{
padding:20px 14px;
border-top:#d6d6d6 solid 1px;
}
#contentsArea dl:first-child{
border-top: none;
}
#contentsArea dt{
padding:0 0 0 30px;
min-height: 20px;
font-size: 11px;
font-weight: bold;
line-height: 1.2;
background: url(../images/icon_q_sp.png) no-repeat left top;
-moz-background-size:22px 19px;
-webkit-background-size:22px 19px;
background-size:22px 19px;
}
#contentsArea dd{
margin-top:10px;
font-size: 11px;
line-height: 1.2;
}
.txtContact{
margin-top:20px;
padding:5px 0;
font-size: 11px;
line-height: 1.2;
}

/* ----------------------------------
メディアクエリ　タブレットレイアウト : 481px　〜
----------------------------------- */
@media only screen and (min-width: 481px) {

#contentsArea dl{
padding:40px 20px;
}
#contentsArea dt{
padding:2px 0 0 35px;
min-height: 21px;
font-size: 14px;
line-height: 1.2;
color:#555;
background: url(../images/icon_q_pc.png) no-repeat left top;
-moz-background-size:24px 21px;
-webkit-background-size:24px 21px;
background-size:24px 21px;
}
#contentsArea dd{
margin-top:15px;
font-size: 14px;
line-height: 1.8;
}
.txtContact{
margin-top:40px;
padding:5px 0;
font-size: 14px;
line-height: 1.2;
}

}

/* ----------------------------------
メディアクエリ　デスクトップレイアウト : 769px　〜
----------------------------------- */
@media only screen and (min-width: 769px) {
    #ttlCategory span{
    width: 317px;
    background-image: url(../images/ttl_category_pc.png);
    background-size: 317px auto;
    }

}