/* レスポンシブ変更（不完全） */
body {
  background: #FFFFFF;
  font-family: sans-serif; /* フォントを設定 */
}

/* 共通ボタンのスタイル */
.c-button {
  background: #eff2f4;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-size: 16px;
  transition: background-color 0.3s ease;
}

.c-button,
.c-button:link,
.c-button:hover,
.c-button:active,
.c-button:visited {
  color: #35454c;
  text-decoration: none;
}

.c-button:hover {
  background: #dfe5e8;
}

/* プライマリーボタン */
.c-button--primary {
  background: #feedeb;
}

.c-button--primary,
.c-button--primary:link,
.c-button--primary:hover,
.c-button--primary:active,
.c-button--primary:visited {
  color: #86251e;
}

.c-button--primary:hover {
  background: #fdd9d7;
}

/* デンジャーボタン */
.c-button--danger {
  background: <{$button3_bgcolor}>;
}

.c-button--danger,
.c-button--danger:link,
.c-button--danger:hover,
.c-button--danger:active,
.c-button--danger:visited {
  color: <{$button3_font_color}>;
}

.c-button--danger:hover {
  background: <{$button3_bgcolor_hover}>;
}

/* テキスト入力フィールド */
.c-input--text {
  border: 1px solid #d7dee2;
  padding: 8px;
  border-radius: 3px;
  font-size: 16px;
  width: 100%;
  box-sizing: border-box;
  transition: border-color 0.3s ease;
}

.c-input--text:focus {
  border-color: #607d8b;
  outline: none;
}
/* ボタンのグループ */
.c-button__group {
    margin: 1em auto;
    text-align: center;
}
.c-button__group--sub {
    margin: 1em auto;
}

/* ページタイトル */
.p-page__title {
    font-size: 1.5em;
    margin: 1em 0;
}

/* テーブルの要素 */
.c-form__title {
    width: 100%;
}
.c-form__content {
    width: 100%;
}

/* フッター関連 */
.p-page__footer {
    margin-top: 3em;
    background-color: #eee;
    padding: 1em;
}
.p-page__copyright {
    text-align: center;
}

/* メディアクエリ: 画面幅が768px以下の場合 */
@media (max-width: 768px) {
  .c-button {
    padding: 8px 16px;
    font-size: 14px;
  }
  .c-button--sm {
    padding: 6px 12px;
    font-size: 12px;
  }
  .c-button--lg {
    padding: 12px 24px;
    font-size: 18px;
  }

  .c-form__table {
    display: block;
  }
  .c-form__table tr {
    display: block;
    margin-bottom: 1em;
  }
  .c-form__table th,
  .c-form__table td {
    display: block;
    width: 100%;
  }
  .c-form__content {
    margin-top: 0.5em;
  }
    /* ページタイトル */
    .p-page__title {
        font-size: 1.3em;
    }
}

/* メディアクエリ: 画面幅が480px以下の場合 */
@media (max-width: 480px) {
  .c-input--text {
    font-size: 14px;
  }
  .c-button--sm {
    font-size: 10px;
  }
  .c-button--lg {
    font-size: 16px;
  }
    /* ページタイトル */
    .p-page__title {
        font-size: 1.1em;
    }
}


/* 20250310変更前 */
/*
body {
  background: #FFFFFF;
}
.c-button {
  background: #eff2f4;
}
.c-button,
.c-button:link,
.c-button:hover,
.c-button:active,
.c-button:visited {
  color: #35454c;
}
.c-button:hover {
  background: #dfe5e8;
}
.c-button--primary {
  background: #feedeb;
}
.c-button--primary,
.c-button--primary:link,
.c-button--primary:hover,
.c-button--primary:active,
.c-button--primary:visited {
  color: #86251e;
}
.c-button--primary:hover {
  background: #fdd9d7;
}
.c-button--danger {
  background: <{$button3_bgcolor}>;
}
.c-button--danger,
.c-button--danger:link,
.c-button--danger:hover,
.c-button--danger:active,
.c-button--danger:visited {
  color: <{$button3_font_color}>;
}
.c-button--danger:hover {
  background: <{$button3_bgcolor_hover}>;
}
.c-input--text {
  border-color: #d7dee2;
}
.c-input--text:focus {
  border-color: #607d8b;
}
*/