/* 全体のリセットと基本設定 */
body {
  background-color: white;
  margin: 0;
  padding: 0;
  text-align: center;
}

img {
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

/* ヘッダー全体 */
header {
  background-color: white;
  padding: 20px;
}

/* 画像を並べる行 */
.header-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}

/* ラベルを並べる行（同一水平上） */
.label-row {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  flex-wrap: wrap;
}

/* ラベルテキスト */
.header-label {
  width: 33%;
  text-align: center;
  font-size: 16px;
  color: black;
  text-decoration:  underline;
  padding: 5px 0;
}

/* 共通ヘッダー画像スタイル */
.header-image {
  flex: 1 1 0;
  max-width: 40%;
  height: auto;
}

/* 企業ロゴ画像（kimi.png） */
.logo-image,
.phone-image {
  flex: 1 1 0;
  max-width: 30%;
  min-width: 150px;  /* 最小サイズ */
  height: auto;
}

/* 電話番号画像（tell.png） */
.phone-image {
  width: 100%;
  max-width: 800px;  /* 最大サイズ */
  min-width: 200px;  /* 最小サイズ */
  height: auto;
}


/* メイン画像 */
.main-image {
  display: block;
  margin: 20px auto;
  width: 80%;
  height: auto;
}

/* 緑の帯 */
.color-band {
  height: 25px;
  background-color: #99cc00;
}

/* 情報帯 */
.info-band {
  display: flex;
  align-items: center;
  padding-left: 20px;
}

/* 情報テキスト */
.info-text {
  margin: 0;
  font-size: 18px;
  color: black;
}

/* フッター */
footer {
  text-align: center;
  padding: 20px;
  background-color: white;
}

/* フッター画像 */
.footer-image {
  width: 40%;
  height: auto;
  display: inline-block;
}