#main section article{
padding:0 3%;
}
#subnav{
padding:0 1% 20px;
}
#subnav ul{
display:flex;
}
#subnav li{
width:calc(100% / 2 - 4%);
margin:0 10%;
}
#faq dt,
#faq dd{
min-height:56px;
}
#faq dl{
margin:0 0 20px 0;
}
#faq1 dt{
background:#ffc6b0 url('../images/icon_q.png') no-repeat left 10px top 10px;
background-size:56px auto;
padding:10px 10px 10px 86px;
margin:0 0 5px 0;
border-radius:5px;
}
#faq1 dd{
background:#ffeee8 url('../images/icon_a.png') no-repeat left 10px top 10px;
background-size:56px auto;
padding:10px 10px 10px 86px;
border-radius:5px;
}
#faq2 dt{
background:#ffc082 url('../images/icon_q.png') no-repeat left 10px top 10px;
background-size:56px auto;
padding:10px 10px 10px 86px;
margin:0 0 5px 0;
border-radius:5px;
}
#faq2 dd{
background:#ffe6ce url('../images/icon_a.png') no-repeat left 10px top 10px;
background-size:56px auto;
padding:10px 10px 10px 86px;
border-radius:5px;
}
#faq3 dt{
background:#99ecfa url('../images/icon_q.png') no-repeat left 10px top 10px;
background-size:56px auto;
padding:10px 10px 10px 86px;
margin:0 0 5px 0;
border-radius:5px;
}
#faq3 dd{
background:#c8f7ff url('../images/icon_a.png') no-repeat left 10px top 10px;
background-size:56px auto;
padding:10px 10px 10px 86px;
border-radius:5px;
}
#faq2,
#faq3{
display:none;
}