@charset "utf-8";



/*========== ページ内リンクボタン ==========*/
.card_link_wrap{gap: 10px;}
.card_link_faq {position: relative;width: calc(calc(100% - 10px) / 2);text-align: center;gap: 5px;padding: 10px 15px 30px 15px;}
.card_link_faq::after {content: "";position: absolute;left: 50%;bottom: 15px;transform: translateX(-50%);width: 0;height: 0;border-left: 7px solid transparent;border-right: 7px solid transparent;border-top: 9px solid #529535;}
.card_link_faq img{width: 55px;}
.card_link_faq span{font-weight: bold;color: #529535;line-height: 1.5;text-align: center;}

@media (min-width:768px) {
    .card_link_wrap{gap: 20px;}
    .card_link_faq {width: calc(calc(100% - 40px) / 3);}
    .card_link_faq img{width: 105px;}
}
@media (min-width:1400px) {
        .card_link_faq {width: calc(calc(100% - 100px) / 6);padding: 20px 32px 40px 32px;}

}


/*========== ページ内リンクがヘッダーに埋まらないようにする ==========*/
.faq_wrap {scroll-margin-top: 87px;}
@media (min-width:768px) {
    .faq_wrap {scroll-margin-top: 120px;}
}



/*========== カテゴリタイトル・外枠 ==========*/
.faq_wrap {margin: 0 auto;margin-top: 80px;}
.faq_title{display: flex;align-items: center;gap: 15px;margin-bottom: 20px;}
.faq_title_img{width: 60px;}
.faq_title_img img{width: 100%;}
.faq_title_text{font-size: 24px;color: #529535;font-weight: bold;line-height: 1.3;}
@media (min-width:768px) {
    .faq_title{ justify-content: center; }
    .faq_title_text{font-size: 26px;}

}
@media (min-width:1024px) {
    .faq_wrap {width: min(85%, 1080px);}
    .faq_title_text{font-size: 32px;}
}



/*========== FAQ アコーディオン ==========*/ 
.accordion { background-color:#f6faf5; border-radius:10px; margin-bottom:15px; overflow:hidden; border:1px solid #e3efe3; } 
.accordion_header { font-size:18px; font-weight:bold; color:#333; position:relative;padding: 20px 50px 20px 20px; cursor:pointer; background-color:#fff;display: flex;
align-items: center; gap: 10px;} 
.accordion_header::after { content:""; position:absolute; right:25px; top:50%; width:10px; height:10px; border-right:2px solid #529535; border-bottom:2px solid #529535; transform:translateY(-50%) rotate(45deg); transition:transform 0.3s; } 
.accordion.active .accordion_header::after { transform:translateY(-50%) rotate(-135deg); } 
.accordion.active .accordion_header::before { content:""; position:absolute; left:25px; bottom:0; width:calc(100% - 50px); /* ← 線の長さを調整 */ height:1px; background-color:#529535; } 
.accordion_question {font-weight: bold;color: #529535;font-size: 24px;position: relative;display: flex;align-items: center;}
.circle {width: 40px;height: 40px;background-color: #F1F7EF;border-radius: 50%;position: absolute;top: -16px;left: -5px;z-index: 0;}
.accordion_q {position: relative;z-index: 1;margin-left: 10px;}
.accordion.active .accordion_body { display:block; } 
/* 回答部分 */
.accordion_body {display:none; background-color:#fff;padding: 25px 20px 10px 20px;line-height:1.8; } 
.accordion_body strong { display:block; color:#529535; font-size:18px; font-weight:bold; margin-bottom:15px;line-height: 1.5;text-align: justify; } 
.accordion_body strong.accordion_mini_title{margin-bottom:0px;}
.accordion_text{margin-bottom: 30px;text-align: justify;}
.accordion_text strong{font-weight: bold;color:#529535;display: initial;font-size: 16px;}
.accordion_img {margin: 0 auto;margin-top: 15px;}
.accordion_img{margin-bottom: 30px;}
.accordion_img img{width: 100%;}
.accordion_img_buy_q1{width: 180px;}
.accordion_img_service_q4{width: 100%;}

@media (min-width:768px) {
    /* 回答部分 */
    .accordion_body{ padding:25px 50px 10px 50px;}
    .accordion_body strong {margin-bottom:10px;} 
    .accordion_img{display: none;}
    }

@media (min-width:1024px) {
    .accordion_text_flex{display: flex;flex-direction: row;justify-content: space-between;gap: 50px;align-items: center;}
    .accordion_img{margin: 0;display: block;}
    .accordion_img_buy_q1{width: 150px;}
    .accordion_img_service_q4 {width: 300px;}    
    .accordion_texts{width: 550px;}
}

.br_max_500 { display: none; }
@media (max-width:500px) {
    .br_max_500 { display: inline; }
}