@charset "utf-8";
@import url("root.css");

/***************************************
------------- サイトマップ -------------
***************************************/

#faq a{
color: var(--base-color01);
  text-decoration: underline;
}

#faq .qa_box {
border: 5px solid var(--base-color03);
background: linear-gradient(to bottom, #fffcf6 0%, #fff8f8 100%);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
border-radius: 4px;
padding: 15px 0;
margin: 20px auto 0;
}

#faq dl {
display: flex;
justify-content: space-between;
align-items:stretch;
margin: 0 auto;
width: 96%;
}
#faq dt {width: 6%;}
#faq dd {width: 94%;}


#faq .qa_q {border-bottom: 2px solid var(--base-color04);margin: 0 auto 20px;padding: 0 0 20px 0;}
#faq .qa_q dt{
font-size: 32px;
font-weight: 600;
color: var(--base-color04);
line-height: 1;
}

#faq .qa_q dd p{
color: var(--base-color04);
line-height: 1.6;
font-weight: 900;
}


#faq .qa_a dt{
font-size: 32px;
font-weight: 600;
color: var(--base-title_01);
line-height: 1;
}

#faq .qa_a dd p{
color: var(--base-title_01);
font-weight: 600;
}

#faq .h3_bottom{
margin: 50px auto 0;
}


#faq ul{
margin: 0 auto 30px;
display: flex;
justify-content: space-between;
}

#faq li{
width: 24%;
margin-right: 1%;
list-style: none;
}

#faq li:last-child {
margin-right: 0;
}

#faq li a{
display: block;
width: 100%;
border: 1px solid var(--base-color04);
padding: 10px;
box-sizing: border-box;
text-decoration: none;
text-align: center;
color: var(--base-color04);
}

#faq li a:hover{
background-color: var(--base-color04);
color: var(--base-color03);
}


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

#faq .col_03:last-child {margin: 0 auto 0;}


#faq dl {}
#faq dt {width: 14%;}
#faq dd {width: 86%;}



#faq ul{
margin: 0 auto 0;
flex-wrap: wrap;
}

#faq li{
width:49%;
margin-right: 1%;
margin-bottom: 10px;
list-style: none;
}

#faq li:nth-child(2){
margin-right: 0;
}

#faq li:last-child {
margin-right: 0;
}


}