#sell-page-container {
    /* ページの最大幅 (物件詳細ページと合わせる) */
    width: 90%; 
    margin: 0 auto 40px auto; /* 上0、左右自動、下40px */
    font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, Osaka, "MS PGothic", sans-serif;
    color: #333; /* 基本の文字色 */
}

/* 1. メイン画像 */
.sell-main-image {
    max-width: 100%;
    margin-bottom: 30px;
}
.sell-main-image img {
    width: 100%;
    height: auto;
    display: block;
}

/* 2. キャッチコピー */
.sell-catch-copy {
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
    line-height: 1.5;
}

/* 3. 緑のサブヘッダー */
.sell-sub-header-green {
    background-color: #006837; /* 緑色 */
    color: white;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    padding: 5px 5px;
    border-radius: 40px; /* 角を少し丸く */
    margin: 0 auto 25px auto;
    max-width: 650px; /* 最大幅 */
    box-sizing: border-box;
}

/* 4. お悩みリスト */
.sell-trouble-list {
    list-style: none; /* デフォルトの黒丸を消す */
    padding: 0 0 0 20px; /* 左側に少し余白 */
    margin: 0 auto 30px auto;
    max-width: 700px; /* サブヘッダーと幅を合わせる */
    box-sizing: border-box;
}
.sell-trouble-list li {
    font-size: 20px;
    font-weight: bold;
    padding-left: 1.2em; /* 緑の丸の分だけインデント */
    position: relative;
    margin-bottom: 15px; /* 各行の隙間 */
    line-height: 1.4;
}
/* リストの先頭に緑の丸を追加 */
.sell-trouble-list li::before {
    content: "・";
    color: #006837; /* 緑色 */
    font-size: 24px;
    position: absolute;
    left: 0;
    top: 0;
}

/* 5. 枠線のサブヘッダー */
.sell-sub-header-border {
    border: 3px solid #006837; /* 緑色の枠線 */
    color: #006837;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    padding: 15px 20px;
    border-radius: 8px;
    margin: 0 auto 30px auto;
    max-width: 650px;
    box-sizing: border-box;
}

/* 6. 3カラムのボックス */
.sell-three-columns {
    display: flex;
    justify-content: space-between; /* 左右に均等配置 */
    gap: 20px; /* カラム間の隙間 */
    flex-wrap: wrap; /* スマホで折り返す */
}
.sell-column-item {
    width: 31%; /* 3カラム (gapと合わせて調整) */
    box-sizing: border-box;
    text-align: left;
}
.sell-column-item img {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 15px;
    border: 1px solid #ccc;
}
.sell-column-item h4 {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #006837;
    margin-bottom: 10px;
}
.sell-column-item p {
    align-items: center;
    font-size: 19px;
    line-height: 1.7;
}

.sell-cta-section {
    text-align: center; /* ボタンを中央揃えに */
    margin-top: 40px; /* 3カラムボックスとの隙間 */
}

.sell-cta-button,
.sell-cta-button:link, /* ← :link 状態（訪問前）を追加 */
.sell-cta-button:visited { /* ← :visited 状態（訪問後）を追加 */
    display: inline-block; 
    background-color: #9FCB3B; 
    color: white; /* ← ここで白を指定 */
    border: 2px solid #9FCB3B;
    font-size: 24px;
    font-weight: bold;
    text-align: center; 
    padding: 15px 40px;
    border-radius: 8px;
    max-width: 350px;
    width: 100%; 
    box-sizing: border-box;
    text-decoration: none; 
    transition: all 0.3s ease; 
}
/* マウスオーバー時のスタイル (任意) */
.sell-cta-button:hover {
    background-color: white; /* 背景を白に */
    color: #006837; /* 文字色を緑に */
}

/* スマートフォン向けの調整 */
@media (max-width: 768px) {
    .sell-catch-copy {
        font-size: 22px;
    }
    .sell-sub-header-green,
    .sell-sub-header-border {
        font-size: 18px;
    }
    .sell-trouble-list li {
        font-size: 16px;
    }

    .sell-column-item {
        width: 100%; /* スマホでは1カラムに */
        margin-bottom: 30px;
    }
}

/* --- (物件売却ページスタイル ここまで) --- */