/* Start custom CSS for html, class: .elementor-element-f49f89f *//* ボックスサイズの標準化 */
.qa-container *, .qa-container :after, .qa-container :before {
    box-sizing: border-box;
}

/* カテゴリ見出し（カテゴリ分けのHTMLを使う場合） */
.qa-category-title {
    margin-top: 48px;
    margin-bottom: 16px;
    font-size: 1.2rem;
    font-weight: bold;
    color: #333333;
    border-bottom: 2px solid #9F263D;
    padding-bottom: 8px;
}
.qa-category-title:first-of-type {
    margin-top: 16px;
}

/* ===============================
   質問同士の間隔
=============================== */
.custom-details {
    margin-bottom: 16px;
}

/* ===============================
   質問部分 (えんじ色のバー)
=============================== */
.custom-details summary {
    display: block; 
    position: relative;
    padding: 16px 40px 16px 42px; /* ぶら下がりインデント用の余白調整 */
    text-indent: -22px; /* 1行目の「Q. 」だけ左にずらす */
    font-weight: bold;
    color: #ffffff;
    background-color: #9F263D;
    cursor: pointer;
    transition: opacity 0.2s ease;
    list-style: none;
}

/* Safari向け：デフォルトの三角形を消す */
.custom-details summary::-webkit-details-marker {
    display: none;
}

/* マウスオーバー時のエフェクト */
.custom-details summary:hover {
    opacity: 0.8;
}

/* 右側の開閉アイコン(＋/－) */
.custom-details summary::after {
    content: "＋";
    font-weight: bold;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%); /* 縦方向の中央に配置 */
    text-indent: 0; /* アイコンにはマイナスインデントをかけない */
}
.custom-details[open] summary::after {
    content: "－";
}

/* ===============================
   回答部分のデザイン
=============================== */
.answer {
    padding: 20px 20px 20px 42px; /* ぶら下がりインデント用の余白調整 */
    text-indent: -22px; /* 1行目の「A. 」だけ左にずらす */
    background-color: rgba(255, 255, 255, 0.85); /* ほんのり透ける白 */
    border: 1px solid #9F263D;
    border-top: none; /* 上の枠線を消すことで質問バーと一体化させます */
    line-height: 1.8;
    color: #333333;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-22e8995 */custom-details summary {

padding: 16px 20px;

font-weight: bold;

color: #ffffff;

background-color: #C2B499;

cursor: pointer;

transition: opacity 0.2s ease;

list-style: none;

display: flex;

justify-content: space-between;

align-items: center;

gap: 16px;

}



.elementor *, .elementor :after, .elementor :before {

box-sizing: border-box;

}/* End custom CSS */