/*アコーディオンcss*/
summary {
    position: relative;
    max-width: 1000px;
    /*border: 2px solid #32c8d2; /* ボーダーを追加 */
    padding: 10px 20px; /* パディングを調整 */
    transition: background-color 0.3s, transform 0.3s; /* アニメーションを追加 */
    font-size: 1.2em; /* 文字の大きさを調整 */
    outline: none; /* 外枠を非表示にする
    /**/
    cursor: pointer;
    background-color: #9CDE9F; /* 背景色を変更 */
    color: #0C2F45; /* ここで文字色を変更 */
    cursor: pointer;
    margin: 20px auto;
    letter-spacing: 0.1em;
    border-radius: 40px; /* 丸みを追加 */
}

summary::-webkit-details-marker {
    position: absolute;
    color: transparent;
}

summary {
    display: block; /* デフォルトの矢印を消す */
}

summary:hover, details[open] summary {
    /*追加分*/
    transform: scale(1.02); /* ホバー時に少し拡大 */
    /**/
    background-color: #009e83;
    margin-bottom: 8px;
}

summary::after {
    content:  '\2228'; /* 初期状態は '^' */
    font-size: 130%;
    position: absolute;
    top: 45%;
    right: 30px;
    transform: translateY(-50%);
    transition: transform 0s;
}

details[open] summary::after {
    content:  '\2228'; /* 展開時は '^' に変更 */
    transform: translateY(-50%) rotate(-180deg); /* '^' を下向きにする */
    transition: transform 0s; /* アニメーションを即座にする */
}

.ac_inner {
    padding: 5px;
    /* background-color: #4CAF50; */
    /*追加*/
    /*background-color: #f9f9f9; /* 背景色を追加 */
    /*border: 1px solid #ccc; /* ボーダーを追加 */
    /*border-radius: 8px; /* 丸みを追加 */
    /*padding: 15px; /* パディングを調整 */
    /*box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* 影を追加 */
    /**/
    max-width: 1000px;
    margin: auto;
}

.answer {
    padding: 0px 20px;
    margin: auto;
}

.answer p {
    background: none;
    line-height: 1.8;
    letter-spacing: 0.1em;
    color: #728389;
}

details[open] .answer {
    animation: fadein .5s ease-in-out;
}

.answer {
    display: block;
    padding-left: 35px;
    position: relative;
    line-height: 1.5;
}

.answer:before {
    position: absolute;
    top: -5px;
    left: 0;
    color: #689DB4;
    font-family: 'Rounded M+', 'ヒラギノ丸ゴ ProN', sans-serif;
    font-weight: 600;
    font-size: 26px;
}

.answer a {
    color: #2da59a;
    text-decoration: underline;
}

.answer a:hover {
    opacity: 0.5;
    background-color: #009E83;
}

@keyframes fadein {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

details {
    margin-bottom: 5px; /* 各アコーディオンの間にスペースを追加 */
}

.ac_inner {
    display: none; /* 初期状態では非表示 */
}

details[open] .ac_inner {
    display: block; /* 展開時に表示 */
}
/*アコーディオンcss*/

.accordion-content {
    margin: 5px 0; /* 上下のマージンを5pxに設定 */
}