@charset "utf-8";

* {
box-sizing: border-box;
} .page-id-938 .page-header {
display: none;
} .page-id-938 .site-body {
background-color: #fffef3;
}
.m_faq_ano {
color: #0f7b3b;
font-size: 22px;
text-align: center;
border: none;
}
.m_faq_cont {
padding: 30px;
margin: 2em 0;
background: #FFF;
border: solid 3px #0f7b3b; border-radius: 10px; position: relative;
margin-bottom: 50px;
}
.m_faq_cate {
position: absolute;
top: -30px;
left: 50px;
background-color: #f4d536;
color: #0f7b3b;
font-size: 20px;
padding: 6px 8px 8px;
font-weight: 600;
}
.m_faq_ttl {
display: flex;
justify-content:flex-start;
align-items: center;
}
.maruq {
height:70px;
width:70px;
border-radius:50%;
line-height:70px;
text-align:center;
background-color: #0f7b3b;
}
.maruq span {
color: #fffef3;
font-size: 40px;
font-weight: 600;
line-height:70px;
}
.maruq_ans {
height:50px;
width:50px;
border-radius:50%;
line-height:45px;
text-align:center;
background-color: #FFF;
border: 2px solid #239da8;
display: inline-block;
margin-right: 10px;
}
.maruq_ans span {
color: #239da8;
font-size: 30px;
font-weight: 600;
line-height:45px;
}
.m_faq_tdet {
padding-left: 30px;
font-size: 24px;
width: calc( 100% - 70px );
margin: 0;
font-weight: 600;
color: #0f7b3b;
border-bottom: none;
text-align: left;
}
.m_faq_tdet::after {
border-bottom: none;
}
.m_faq_ans {
width: 80%;
margin: 0 auto;
}
.m_faq_ans_det {
font-size: 22px;
margin-top: 5px;
color: #239da8;
font-weight: 600;
margin-bottom: 1.5rem;
}
.m_faq_ans_note {
font-size: 18px;
line-height: 1.8em;
}
.m_faq_handle {
background-color: #239da8;
padding: 3px 6px;
margin-right: 10px;
color: #fff;
}    @media screen and (max-width: 1024px)  {
.maruq {
height: 50px;
width: 50px;
border-radius: 50%;
line-height: 50px;
}
.maruq span {
font-size: 32px;
line-height: 50px;
}
.m_faq_tdet {
padding-left: 10px;
font-size: 22px;
width: calc(100% - 50px);
}
.maruq_ans {
height: 40px;
width: 40px;
border-radius: 50%;
line-height: 40px;
}
.maruq_ans span {
font-size: 24px;
line-height: 24px;
}
.m_faq_ans_det {
font-size: 20px;
}
.m_faq_ans_note {
font-size: 16px;
line-height: 1.6em;
}
}    @media screen and (max-width: 640px) {
.m_faq_ano {
font-size: 20px;
text-align: left;
}
.m_faq_cate {
left: 30px;
top:-20px;
font-size: 18px;
padding: 4px 6px 6px;
}
.m_faq_cont {
padding: 30px 10px 10px; 
}
.m_faq_ans {
width: 94%;
}
.m_faq_ans_note {
margin-bottom: 10px;
}
.m_faq_tdet {
font-size: 20px;
}
.m_faq_ans_det {
font-size: 18px;
}
}