.elementor-7804 .elementor-element.elementor-element-227904f > .elementor-background-overlay{background-color:#F1F0E9;opacity:0.8;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7804 .elementor-element.elementor-element-227904f, .elementor-7804 .elementor-element.elementor-element-227904f > .elementor-background-overlay{border-radius:20px 20px 20px 20px;}.elementor-7804 .elementor-element.elementor-element-227904f{box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-7804 .elementor-element.elementor-element-91b2999 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-7804 .elementor-element.elementor-element-91b2999 > .elementor-element-populated{border-style:solid;border-width:3px 3px 3px 3px;border-color:var( --e-global-color-primary );padding:20px 20px 20px 20px;}.elementor-7804 .elementor-element.elementor-element-91b2999 > .elementor-element-populated, .elementor-7804 .elementor-element.elementor-element-91b2999 > .elementor-element-populated > .elementor-background-overlay, .elementor-7804 .elementor-element.elementor-element-91b2999 > .elementor-background-slideshow{border-radius:30px 30px 30px 30px;}.elementor-7804 .elementor-element.elementor-element-db01ea6{margin-top:0em;margin-bottom:1em;}@media(max-width:767px){.elementor-7804 .elementor-element.elementor-element-91b2999 > .elementor-element-populated{padding:5px 5px 5px 5px;}.elementor-7804 .elementor-element.elementor-element-f08b315 > .elementor-element-populated{margin:5px 5px 5px 5px;--e-column-margin-right:5px;--e-column-margin-left:5px;}}/* Start custom CSS for html, class: .elementor-element-474a163 *//* ===============================
   質問同士の間隔と外枠（角丸の追加）
=============================== */
.custom-details {
    margin-bottom: 16px;
    border-radius: 9px; /* 角丸の大きさを指定 */
    overflow: hidden;   /* 中身（summaryや.answer）が角丸からはみ出るのを防ぐ */
}

/* ===============================
   質問部分 (えんじ色のバー)
=============================== */
.custom-details summary {
    display: block; 
    position: relative;
    padding: 16px 40px 16px 42px; /* ぶら下がりインデント用の余白調整 */
    text-indent: -22px; /* 1行目の「Q. 」だけ左にずらす */
    font-weight: bold;
    color: #ffffff;
    background-color: #C06223;
    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: #F5F3ED; /* ほんのり透ける白 */
    border: 2px solid #C06223;
    border-top: none; /* 上の枠線を消すことで質問バーと一体化させます */
    border-bottom-left-radius: 8px;  /* 開いたときの下側の角丸 */
    border-bottom-right-radius: 8px; /* 開いたときの下側の角丸 */
    line-height: 1.8;
    color: #333333;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-01b91a0 */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 */