body {
      font-family: sans-serif;
      background: #f8f9fb;
      margin: 0;
      padding: 0;
      line-height: 1.8;
    }
    header {
      background: #fff;
      padding: 1rem;
      text-align: center;
    }
    main {
      max-width: 800px;
      margin: 2rem auto;
      background: #fff;
      padding: 2rem;
      box-shadow: 0 0 10px rgba(0,0,0,0.05);
    }
    h2, h3 {
      color: #333;
    }
    h1 {
      font-size:  2rem;
	font-weight: lighter;
		padding-bottom: 0;
		margin-bottom: 0;
    }
    h2 {
      font-size: 1.3rem;
      border-left: 5px solid #8A2786;
      padding-left: 0.5rem;
      margin-top: 2rem;
    }
    h3 {
      font-size: 1.1rem;
      margin-top: 1.5rem;
    }
    p {
      margin-top: 0.5rem;
    }
    .section {
      margin-bottom: 2rem;
    }
    .question {
      font-weight: bold;
      margin-top: 1rem;
    }
    .note {
      font-size: 0.9rem;
      color: #666;
      margin-top: 2rem; 
	  }
	  
	 .header {
      font-size: 0.9rem;
	font-weight: bold;
      color: #8A2786;
		 margin-top: 0;
	  }
	  
	  li{
	  margin-left: 2rem
	  }

/* --- 企業プロフィール：PC右に画像／SPは上 --- */
.profile-layout{
  display: flex;
  align-items: flex-start;
  gap: 24px;
}
.profile-body{
  flex: 1 1 auto;
  order: 1;                 /* 本文を左に固定 */
}
.profile-media{
  flex: 0 0 320px;          /* 右カラム幅（必要なら 280–360px で調整） */
  order: 2;                 /* 画像を右に固定 */
  margin: 0;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 10px rgba(0,0,0,.06);
}
.profile-media img{
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}

/* SP：1カラムで画像→本文 */
@media (max-width: 768px){
  .profile-layout{
    flex-direction: column;
    gap: 16px;
  }
  .profile-media{
    flex: 0 0 auto;         /* 幅固定を解除して全幅 */
    order: 1;
  }
}