/* ========== 基本レイアウト ========== */
main {
    width: 90%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 60px 0;
    font-family: "Noto Sans JP", sans-serif;
    color: #333;
    line-height: 1.8;
  }
  
  /* ========== セクションタイトル ========== */
  .title {
    position: relative;
    font-size: 1.8rem;
    font-weight: 700;
    color: #222;
    margin-bottom: 25px;
    text-align: center;
  }
  
  .title::after {
    content: "";
    display: block;
    width: 60px;
    height: 3px;
    background-color: #1d4ed8; /* 信頼感のある青 */
    margin: 12px auto 0;
    border-radius: 3px;
  }

  .signature {
    text-align: right; /* ←右寄せがポイント */
    margin: 3rem 0;
    font-family: 'Yu Mincho', 'Hiragino Mincho ProN', serif; /* 筆文字に近い明朝体 */
    font-size: 22px;
    color: #000;
  }
  
  .signature .name {
    font-size: 32px;
    font-weight: 600;
    margin-top: 0.2rem;
    letter-spacing: 0.1em;
  }
  
  /* ========== 段落 ========== */
  .substance {
    font-size: 1rem;
    line-height: 2;
    text-align: justify;
  }
  
  .philosophy {
    text-align: center;
    font-size: 1.4rem;
    font-weight: 600;
    color: #1d4ed8;
    line-height: 2;
  }
  
  /* ========== 画像 ========== */
  .titleImg {
    display: block;
    width: 70%;
    max-width: 400px;
    margin: 40px auto;
    border-radius: 8px;
    box-shadow: 0 3px 12px rgba(0,0,0,0.1);
  }
  
  /* ========== テーブル ========== */
  .companyInfoTable {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.95rem;
    background-color: #fafafa;
    box-shadow: 0 3px 8px rgba(0,0,0,0.05);
    border-radius: 6px;
    overflow: hidden;
  }
  
  .companyInfoTable td {
    padding: 14px 18px;
    border-bottom: 1px solid #ddd;
    vertical-align: top;
  }
  
  .companyInfoTable tr:nth-child(even) {
    background-color: #f5f8ff;
  }
  
  .companyInfoTable td:first-child {
    width: 30%;
    font-weight: 600;
    color: #1e3a8a;
  }
  
  /* ========== マージン用クラス ========== */
  .margin30 { margin-bottom: 30px; }
  .margin50 { margin-bottom: 50px; }
  .margin75 { margin-bottom: 75px; }
  
  /* ========== スマホ対応 ========== */
  @media (max-width: 768px) {
    main {
      width: 94%;
      padding: 60px 0;
    }
  
    .title {
      font-size: 1.4rem;
    }
  
    .substance {
      font-size: 0.95rem;
    }
  
    .philosophy {
      font-size: 1.2rem;
    }
  
    .companyInfoTable td {
      display: block;
      width: 100%;
      padding: 10px 12px;
    }
  
    .companyInfoTable td:first-child {
      background-color: #e9f0ff;
      border-bottom: none;
    }
  
    .titleImg {
      width: 90%;
    }
  }