/* 質問のデザイン */
.faq-box summary {
    display: flex;
    font-weight: bold;
    padding: 1.5rem 0;
    align-items: center;
    cursor: pointer;
}

/* トグルマークの画像を指定 */
.faq-box summary > i {
    margin-left: auto;
    width: 24px; /* 画像のサイズ調整 */
    height: 24px;
    background-image: url("https://7884523.fs1.hubspotusercontent-na1.net/hubfs/7884523/diggle-lp-theme/images/faq/expand_less.png");
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    transition: transform 0.3s ease;
    font-size: 0; /* アイコンフォントを非表示にする */
}

/* 回答部分のデザイン（グレー背景） */
.faq-box .faq-ans {
    background-color: #F5F5F5; /* グレーの背景 */
    padding: 1rem;
    margin-bottom: 1.5rem;
    border-radius: 8px; /* 角丸 */
}

/* トグルマークの回転 */
.faq-box details[open] i {
    transform: rotate(180deg);
}

/* 区切り線の色を #055085 に変更 */
.faq-box > details {
    border-top: 2px solid #055085; !important; /* 重要度を上げる */
}

.faq-box > details:last-child {
    border-bottom: 2px solid #055085; !important;
}