.hero-area-wrapper {
    position: relative;
    width: 100%;
}

.overlay-notice {
    position: absolute;
    top: 50%;
    right: 10%; /* 右側の余白 */
    transform: translateY(-50%);
    z-index: 10;
    width: 500px; /* 横幅 */
    max-width: 90%;
}

.overlay-inner {
    background-color: rgba(245, 235, 245, 0.95); /* 薄い紫ピンク */
    padding: 40px 30px; /* 上下の余白 */
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    text-align: left; /* 左揃え */
    border-radius: 4px; /* 角を少し丸くする */
}

/* --- 今回の内容に合わせた文字装飾 --- */

/* タイトル */
.notice-title {
    font-size: 1.3em; /* 文字サイズ調整 */
    font-weight: bold;
    margin-bottom: 25px;
    color: #333;
    line-height: 1.4;

}

/* 本文エリア */
.notice-body {
    font-size: 1.1em;
    color: #333;
    line-height: 1.8;
    font-weight: bold;
}

/* 住所（太字＋下線） */
.notice-address {
    font-weight: bold;
    text-decoration: underline; /* 下線 */
    display: inline-block;
    margin-top: 5px;
}

/* 注釈（※電話番号〜） */
.notice-note {
    margin-top: 20px;
    font-size: 0.9em; /* 少し小さく */
}

/* --- スマホ対応（768px以下） --- */
@media screen and (max-width: 768px) {
    .overlay-notice {
        position: static;
        transform: none;
        width: 100%;
        max-width: 100%;
    }
    
    .overlay-inner {
        background-color: #f5ebf5; /* 透過なし */
        padding: 20px;
    }
    
    .notice-title {
        font-size: 1.1em;
    }
}