html, body { overflow-x: hidden; }
#wrapAllInner { padding-top: 130px; }
@media screen and (max-width: 800px) { 
    #wrapAllInner { padding-top: 100px; } 
}
#header { box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
.max946 { box-sizing: border-box; padding: 0 20px; }
@media screen and (max-width: 800px) {
    .max946 { padding: 0 10px; }
}
.profile-table { width: 100%; border-collapse: collapse; margin-bottom: 20px; }
.profile-table th { width: 30%; text-align: left; padding: 12px 0; border-bottom: 1px solid #eee; color: #666; font-weight: normal; vertical-align: top; }
.profile-table td { width: 70%; padding: 12px 0; border-bottom: 1px solid #eee; color: #333; font-weight: bold; }
.history-section { margin-top: 60px; }
.history-title { font-size: 1.2rem; font-weight: bold; margin-bottom: 20px; padding-left: 10px; border-left: 5px solid #333; }
.category-bar { background-color: #fce4ec; color: #c2185b; padding: 8px 15px; font-weight: bold; margin-top: 30px; margin-bottom: 15px; border-left: 4px solid #c2185b; }

/* ▼▼ 段組み対応のリスト設定 ▼▼ */
.history-list { 
    list-style: none; 
    padding: 0; 
    margin: 0; 
    column-count: 2; 
    column-gap: 40px; 
}
.history-list li { 
    position: relative; 
    padding-left: 1.5em; 
    margin-bottom: 8px; 
    line-height: 1.6; 
    font-size: 0.95rem; 
    break-inside: avoid; 
}
.history-list li::before { content: "・"; position: absolute; left: 0; color: #666; }

@media screen and (max-width: 800px) {
    .history-list {
        column-count: 1;
    }
}
/* ▲▲ 段組み対応のリスト設定 ここまで ▲▲ */

.history-subgroup { font-weight: bold; color: #333; margin-top: 15px; margin-bottom: 8px; padding-bottom: 3px; border-bottom: 1px dashed #ccc; font-size: 0.95rem; }
.sns-area { display: flex; gap: 15px; margin-top: 20px; }
.sns-area a { display: block; transition: opacity 0.3s; }
.sns-area a:hover { opacity: 0.7; }
.sns-area img { width: 30px; height: auto; vertical-align: bottom; }
html { scroll-behavior: smooth; }