/* ========================================
   注意事項セクション（l--attention）のスタイル修正
   親テーマと同じフォントサイズに調整
   ======================================== */

/* 注意事項セクション全体 */
.l--attention {
    background-color: #F2FAFE !important;
    padding: 30px 0 0 !important;
}

.l--attention .wrap {
    max-width: 988px !important;
    margin: 0 auto !important;
    padding: 0 40px !important;
}

.l--attention .inner {
    padding: 30px !important;
    background-color: #FFF !important;
    border-radius: 8px !important;
}

/* 見出しのフォントサイズを親テーマに合わせる */
.l--attention h2 {
    font-size: 1.2rem !important; /* 12px */
    font-weight: 700 !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    color: #333 !important;
    position: static !important; /* 装飾用のpositionを無効化 */
    padding: 0 !important; /* 左のパディングを削除 */
    border: none !important; /* ボーダーを削除 */
    border-left: none !important;
}

/* H2の装飾線を削除 */
.l--attention h2::before,
.l--attention h2::after {
    content: none !important;
    display: none !important;
}

.l--attention h3 {
    font-size: 1.2rem !important; /* 12px */
    font-weight: 700 !important;
    margin: 0 !important;
    color: #333 !important;
    position: static !important;
    padding: 0 !important;
    border: none !important; /* 左のボーダーを削除 */
    border-left: none !important;
}

/* H3の装飾線を削除 */
.l--attention h3::before,
.l--attention h3::after {
    content: none !important;
    display: none !important;
}

.l--attention h4 {
    font-size: 1.2rem !important; /* 12px */
    font-weight: 700 !important;
    margin: 0 0 0.6rem !important;
    color: #333 !important;
    position: static !important;
    padding: 0 !important;
    border: none !important; /* ボーダーを削除 */
    border-left: none !important;
}

/* H4の装飾線を削除 */
.l--attention h4::before,
.l--attention h4::after {
    content: none !important;
    display: none !important;
}

/* 段落テキスト */
.l--attention p {
    font-size: 1.2rem !important; /* 12px */
    line-height: 1.6 !important;
    margin: 0 !important;
    color: #333 !important;
}

/* リストアイテム */
.l--attention ul {
    margin: 0 !important;
    padding-left: 20px !important;
    list-style-type: disc !important;
}

.l--attention li {
    font-size: 1.2rem !important; /* 12px */
    line-height: 1.75 !important;
    margin: 0 !important;
    color: #555 !important;
}

/* リンク */
.l--attention a {
    color: #5CC6FF !important;
    text-decoration: underline !important;
    transition: opacity 0.3s ease !important;
}

.l--attention a:hover {
    opacity: 0.7 !important;
}

/* モバイル表示の調整 */
@media screen and (max-width: 768px) {
    .l--attention .wrap {
        padding: 0 6.6666666667vw !important;
        max-width: initial !important;
    }
    
    .l--attention .inner {
        padding: 6.6666666667vw !important;
    }
    
    .l--attention h2,
    .l--attention h3,
    .l--attention h4,
    .l--attention p,
    .l--attention li {
        font-size: 3.2vw !important; /* モバイル用調整 */
    }
    
    .l--attention ul {
        padding-left: 5.3333333333vw !important;
    }
}