/* style.css */

/* 非表示タイトルを視覚的に隠す */
/* 視覚的にのみ隠す（SEO・アクセシビリティ対応） */
.hidden-ttl {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0); /* 旧ブラウザ（IEなど）対応 */
    clip-path: inset(50%);  /* モダンブラウザ対応 */
    white-space: nowrap;
    border-width: 0;        /* 確実に枠線を消す */
    pointer-events: none; /* マウスでクリックできないようにする */
}

/* --- 基本スタイル --- */
body {
    margin: 0;
    font-family: "Yu Mincho", "游明朝体", "Hiragino Mincho Pro W6", "ヒラギノ明朝 Pro W6", "MS PMincho", serif;
    background: #fff;
    
    /* 警告が出るベンダープロパティを削除し、標準プロパティで可読性を担保 */
    color: #333;           /* コントラストを最適化 */
    line-height: 1.85;     /* 行間を広げて視認性向上 */
    letter-spacing: 0.04em; /* 字間を調整 */
    font-weight: 500;      /* 太さを固定して視認性を確保 */
}

/* --- メインビジュアル --- */
.main-visual {
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    /* PC表示時：ヘッダーの高さ分だけ上にマージンを取る */
    margin-top: 166px; 
}

.main-visual img {
  width: 100%;
  height: auto;
  display: block;
}

/* ---------------------------------------------------- */
/* 【修正エリア】汎用メインコンテンツの幅設定と画像オーバーフロー対策 */
/* ---------------------------------------------------- */
#main-content {
    max-width: 1200px; /* PCでの最大幅 */
    margin: 0 auto;    /* 中央寄せ */
    padding: 0 20px; 
}

#main-content img {
    max-width: 100%;
    height: auto;
    display: block;
}

@media (max-width: 768px) {
    #main-content {
        padding: 0 16px; 
    }
}