/* 共通スタイルは PROFILE と同じ構成です */
    * { box-sizing: border-box; margin: 0; padding: 0; }
    body {
      font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial,
        "游ゴシック体", "YuGothic", "メイリオ", Meiryo, sans-serif;
      line-height: 1.7;
      color: #222;
      background: #fff;
      padding-top: 100px;
    }
    img { max-width: 100%; height: auto; display: block; }
    a { color: inherit; text-decoration: none; }

    
  .container {
      width: 100%;
      max-width: 900px;
      margin: 0 auto;
      padding: 0 16px;
    }

    .hero {
      position: relative;
      background: url("../img/guide_top.png") top center / cover no-repeat;
    }
    .hero-overlay {
      position: absolute;
      inset: 0;
      background: rgba(0,0,0,0.35);
    }
    .hero-text {
      position: relative;
      z-index: 1;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 60px;
      font-weight: bold;
      color: #fff;
    }
    
    .item-text h3{
      margin: 20px 0;
    }

    @media (max-width: 768px) {
      .price-table td{
        font-size: 10px;
      }
      .page-offset{
      padding-top: 0;
    }
      .hero{
        height: 30vh;
        min-height: auto;
      }
      .hero-text{
        font-size: 45px;
      }
      .item-text h3{
        margin: 10px 0;
      }

    }