@charset "UTF-8";
/* =======================================
qalist 　質問項目
======================================= */
#qalist h2 + div {
display: block;
text-align: center;
width: 90%;
margin: 4vh auto 0;
max-width: 980px;
}

#qalist h2 + div p {
display: inline-block;
text-align: left;
}

#qalist ul {
display: flex;
flex-wrap:wrap;
justify-content: space-between;
max-width:1080px;
margin: 5vh auto 0;
width: 90%;
}

#qalist li {
width: calc(100% / 9 - 5px);
background: #B1DBD6;
border-radius: 10px;
}

#qalist li a {
display: block;
padding: 2vh 1vh;
text-align: center;
line-height: 100%;
color: #fff;
font-size: .9rem;
}
#qalist li a img {
max-height: 30px;
max-width: 50px;
display: block;
margin: 0 auto 1rem;;
}



@media screen and (max-width: 1280px) {

}
@media screen and (max-width: 1024px) {
#qalist ul {
justify-content: center;
}
#qalist li {
width: calc(100% / 5 - 5px);
margin: 2px;
}
}
@media screen and (max-width: 812px){

}
@media screen and (max-width: 480px) {
#qalist li {
width: calc(100% / 3 - 5px);
}
}




/* =======================================
qa 質問詳細
======================================= */
article {
max-width: 980px;
margin: 8vh auto 0;
width: 90%;
}

article h3 {
background: #B1DBD6;
padding: 1rem 2rem;
color: #fff;
position: relative;
text-align: center;
}

article h3:after {
position: absolute;
content: "";
width: 100%;
height: 100%;
display: block;
top: 3px;
left: 3px;
border: 1px solid #333;
}

article h3 img {
max-width: 50px;
max-height: 30px;
}

article dl:first-of-type {
margin-top: 4vh;
}
article dt {
font-weight: 700;
cursor: pointer;
border-bottom: 1px solid #F5F5E4 ;
}

article dd {
background:#F5F5E4 ;
display: none;
}

article dt,
article dd {
position: relative;
padding: 3vh 3vh 3vh 5vh;
}

article dt:after,
article dd:after {
position: absolute;
left: 2vh;
display: block;
content: "Q.";
top: 3vh;
font-size: 1.2rem;
color: #C3BB09;
font-family: 'Gill Sans','Segoe Print',sans-serif;
font-weight: 600;
}

article dd:after {
content: "A.";
}

@media screen and (max-width: 1280px) {

}
@media screen and (max-width: 812px) {
article h3 img {
max-width: 40px;
margin-right: 5px;
}
}
@media screen and (max-width: 480px) {

}