/* ==========================================
   4. aboutABO ページ専用スタイル
========================================== */

.about-main { 
    max-width: 900px; 
    margin: 0 auto; 
    padding: 40px 20px; 
}

.page-title { 
    text-align: center;
    font-size: 2.2rem;
    margin-bottom: 40px;
    color: #dfb257; 
}

.about-text { 
    font-size: 1rem; 
    line-height: 2.0; /* 行間を少し広げる */
    color: #eee; 
    text-align: justify; /* 両端揃え */
    
    /* 枠のデザイン */
    background-color: rgba(255, 255, 255, 0.05); 
    border: 1px solid #dfb257; 
    border-radius: 10px;
    padding: 40px; /* 内側の余白 */
}

/* スマホでの表示調整 */
@media (max-width: 600px) {
    .about-text {
        padding: 20px;
    }
}