@charset "utf-8";
/* CSS Document */
/*----------------------------------------------------------
faq
----------------------------------------------------------*/
.lead{
font-size: 1.8rem;
font-weight: bold;
text-align: center;
margin: 0 0 50px;
}
@media (max-width: 768px){
.lead{
font-size: 1.4rem;
margin: 0 0 2.0rem;
}
}

.block_question01{
background: var(--color_beige03);
text-align: center;
margin: 0 0 50px;
padding: 60px 0;
}
.block_question01 .list{
text-align: left;
display: inline-block;
}
.block_question01 .list > li{
margin: 0 0 15px;
}
.block_question01 .list > li:last-child{
margin-bottom: 0;
}
.block_question01 .list > li a{
font-size: 1.8rem;
font-weight: bold;
padding: 0 0 0 25px;
position: relative;
}
.block_question01 .list > li a::before{
content: "Q";
position: absolute;
left: 0;
top: 0;
}
@media (max-width: 768px){
.block_question01{
margin: 0 0 3.0rem;
padding: 3.0rem 0;
}
.block_question01 .list > li{
margin: 0 0 1.5rem;
}
.block_question01 .list > li a{
font-size: 1.4rem;
padding: 0 0 0 2.0rem;
}
}

.block_answer01{
margin: 0 0 60px;
}
.block_answer01 .box01 + .box01{
padding: 60px 0 0;
}
.block_answer01 .box01 .title{
color: var(--color_brown01);
font-size: 2.0rem;
font-weight: bold;
border-bottom: 4px double var(--color_brown01);
margin: 0 0 30px;
padding: 0 0 10px 30px;
position: relative;
}
.block_answer01 .box01 .title::before{
content: "Q";
font-size: 2.4rem;
position: absolute;
left: 0;
top: -3px;
}
.block_answer01 .box01 .text{
font-size: 1.6rem;
line-height: 1.8;
}
.block_answer01 .box01 .text a{
color: var(--color_blue01);
text-decoration: underline;
display: inline;
}
@media (max-width: 768px){
.block_answer01 .box01 + .box01{
padding: 4.0rem 0 0;
}
.block_answer01 .box01 .title{
font-size: 1.4rem;
border-bottom: 0.3rem double var(--color_brown01);
margin: 0 0 2.0rem;
padding: 0 0 0.5rem 2.0rem;
}
.block_answer01 .box01 .title::before{
font-size: 1.6rem;
top: -0.3rem;
}
.block_answer01 .box01 .text{
font-size: 1.4rem;
}
}