ハラスメント研修ページのカラーテーマに合わせるために、language.cssファイルを修正する必要がありますね。現在のlanguage.cssファイルには、一部ハラスメント研修のカラーテーマと同じ色が使われている部分と、語学研修用の独自の色が使われている部分が混在しているようです。

harassment.cssファイルのカラーテーマを確認すると、主に以下の色が使われています：
- メインカラー: #0066cc（青色）
- アクセントカラー: #2D66CC
- ホバー時の色: #225bb9

では、language.cssファイルをharassment.cssのカラーテーマに合わせて修正しましょう。修正が必要な主なポイントは以下です：

1. 語学研修用に変更されている色（#3a6ea5や#eef4faなど）をハラスメント研修の色に統一する
2. ホバー効果やアクティブ状態の色も合わせる

以下がlanguage.cssファイルの修正コードです：

```css
/* 語学研修ページ用スタイル - ハラスメント研修と同じカラーテーマに統一 */

/* パンくずリスト - 非表示 */
.breadcrumb-container {
  display: none; /* パンくずリストを非表示に */
}

/* 以下は念のため残しておく */
.breadcrumb {
  list-style: none;
  display: flex;
  margin: 0;
  padding: 0;
}

.breadcrumb li {
  display: flex;
  align-items: center;
}

.breadcrumb li:not(:last-child)::after {
  content: ">";
  margin: 0 10px;
  color: #999;
}

.breadcrumb a {
  color: #333;
  text-decoration: none;
}

.breadcrumb a:hover {
  text-decoration: underline;
}

/* main-content 下方向の余白を追加 */
#main-content {
  margin-top: 20px;
  padding-top: 20px;
}

/* メインコンテンツレイアウト */
.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
  display: block; /* コンテナをブロック要素として表示 */
}

.content-article {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
  padding: 30px;
  margin-bottom: 30px;
}

/* 2カラムレイアウト */
@media (min-width: 992px) {
  .container {
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 30px;
  }
  
  .content-article {
    grid-column: 1;
  }
  
  .content-sidebar {
    grid-column: 2;
  }
}

/* モバイル表示の修正 */
@media (max-width: 991px) {
  .container {
    display: block; /* グリッドではなくブロックに */
  }
  
  .content-article, 
  .content-sidebar {
    width: 100%;
  }
}

/* 記事ヘッダー - 青背景ボックス */
.article-header {
  margin-bottom: 30px;
}

.blue-header-box {
  background-color: #0066cc; /* ハラスメント研修と同じ色 */
  color: white;
  padding: 20px;
  border-radius: 6px;
  margin-bottom: 20px;
}

.blue-header-box h1 {
  font-size: 28px;
  margin-top: 0;
  margin-bottom: 15px;
  font-weight: 700;
  color: white;
}

.blue-header-box .article-lead {
  font-size: 16px;
  line-height: 1.6;
  color: white;
  margin: 0;
}

/* 目次 */
.article-toc {
  background: #f9f9f9;
  border: 1px solid #eee;
  border-radius: 6px;
  padding: 20px;
  margin-bottom: 30px;
}

.toc-title {
  font-size: 18px;
  margin-bottom: 15px;
  font-weight: 600;
}

.toc-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.toc-list li {
  margin-bottom: 10px;
}

.toc-list a {
  color: #2D66CC; /* ハラスメント研修と同じ色 */
  text-decoration: none;
}

.toc-list a:hover {
  text-decoration: underline;
}

/* セクション */
.article-section {
  margin-bottom: 40px;
}

.article-section h2 {
  font-size: 24px;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 2px solid #f0f0f0;
  color: #1a1a1a;
}

.subsection {
  margin-bottom: 30px;
}

.subsection h3 {
  font-size: 20px;
  margin-bottom: 15px;
  color: #333;
}

.sub-subsection h4 {
  font-size: 18px;
  margin-bottom: 12px;
  color: #444;
}

/* リスト */
.bullet-list {
  padding-left: 20px;
  margin-bottom: 15px;
}

.bullet-list li {
  margin-bottom: 8px;
  line-height: 1.5;
}

.bullet-list-small li {
  margin-bottom: 5px;
  font-size: 14px;
  line-height: 1.4;
}

/* 語学種類カード - レスポンシブ修正 */
.language-types-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 20px;
  margin-bottom: 30px;
}

.language-type-card {
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 20px;
  background: #fff;
  box-shadow: 0 2px 5px rgba(0,0,0,0.05);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.language-type-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.language-type-icon {
  font-size: 36px; /* 語学アイコンを大きく */
  margin-bottom: 15px;
  text-align: center;
  display: block;
}

.language-type-card h4 {
  font-size: 18px;
  margin-bottom: 10px;
  font-weight: 600;
  color: #2D66CC; /* ハラスメント研修と同じ色 */
}

.language-type-card p {
  font-size: 14px;
  margin-bottom: 10px;
  color: #666;
}

/* 研修形式カード - レスポンシブ修正 */
.training-format-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 20px;
  margin-bottom: 30px;
}

.training-format-card {
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 20px;
  background: #fff;
  box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.training-format-card h4 {
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: 600;
}

.pros-cons {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-top: 15px;
}

.pros h5, .cons h5 {
  font-size: 14px;
  margin-bottom: 5px;
  font-weight: 600;
}

.pros h5 {
  color: #2d8a3e;
}

.cons h5 {
  color: #e03131;
}

.pros ul, .cons ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.pros ul li, .cons ul li {
  font-size: 13px;
  margin-bottom: 5px;
  padding-left: 15px;
  position: relative;
}

.pros ul li:before {
  content: "✓";
  color: #2d8a3e;
  position: absolute;
  left: 0;
}

.cons ul li:before {
  content: "✗";
  color: #e03131;
  position: absolute;
  left: 0;
}

/* CTA バナー */
.cta-banner {
  background: #f0f8ff; /* ハラスメント研修と同じ色 */
  border-radius: 8px;
  padding: 25px;
  margin: 30px 0;
  border-left: 4px solid #2D66CC; /* ハラスメント研修と同じ色 */
}

.cta-content {
  text-align: center;
}

.cta-text {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 15px;
  color: #1a1a1a;
}

.btn-primary {
  background-color: #2D66CC; /* ハラスメント研修と同じ色 */
  color: white;
  border: none;
  padding: 10px 20px;
  border-radius: 4px;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  transition: background-color 0.2s;
}

.btn-primary:hover {
  background-color: #225bb9; /* ハラスメント研修と同じ色 */
}

/* 選定ポイントカード - レスポンシブ修正 */
.selection-points {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 20px;
  margin-bottom: 30px;
}

.selection-point-card {
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 20px;
  background: #fff;
  box-shadow: 0 2px 5px rgba(0,0,0,0.05);
  position: relative;
  padding-top: 40px;
}

.point-number {
  position: absolute;
  top: -15px;
  left: 20px;
  width: 30px;
  height: 30px;
  background: #2D66CC; /* ハラスメント研修と同じ色 */
  color: white;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
}

/* 業界別ニーズ - レスポンシブ修正 */
.industry-needs {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 20px;
  margin-bottom: 30px;
}

.industry-card {
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 20px;
  background: #fff;
  box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.industry-icon {
  font-size: 36px; /* 業界アイコンを大きく */
  margin-bottom: 15px;
  text-align: center;
  display: block;
}

.industry-card h4 {
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: 600;
  color: #2D66CC; /* ハラスメント研修と同じ色 */
}

/* 企業規模別アプローチ - レスポンシブ修正 */
.company-size-approaches {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 20px;
  margin-bottom: 30px;
}

.size-approach-card {
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 20px;
  background: #fff;
  box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.size-approach-card h4 {
  color: #2D66CC; /* ハラスメント研修と同じ色 */
  font-weight: 600;
}

/* 費用テーブル - レスポンシブ修正 */
.cost-tables {
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-bottom: 30px;
}

.cost-table-container {
  margin-bottom: 20px;
}

.table-responsive {
  overflow-x: auto;
  width: 100%;
  display: block;
}

.cost-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 10px;
}

.cost-table th, .cost-table td {
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid #ddd;
}

.cost-table th {
  background-color: #f5f5f5; /* ハラスメント研修と同じ色 */
  font-weight: 600;
  color: #333; /* ハラスメント研修と同じ色 */
}

.cost-table tr:nth-child(even) {
  background-color: #fafafa;
}

.table-note {
  font-size: 13px;
  color: #777;
  margin-top: 10px;
}

/* 費用要素 - レスポンシブ修正 */
.cost-factors-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 20px;
  margin-bottom: 30px;
}

.cost-factor-card {
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 20px;
  background: #fff;
  box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.factor-icon {
  font-size: 36px; /* アイコンを大きく */
  margin-bottom: 15px;
  text-align: center;
  display: block;
}

.cost-factor-card h4 {
  color: #2D66CC; /* ハラスメント研修と同じ色 */
  font-weight: 600;
  text-align: center;
  margin-bottom: 15px;
}

/* コストパフォーマンスTIPS - レスポンシブ修正 */
.cost-performance-tips {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 20px;
  margin-bottom: 30px;
}

.tip-card {
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 20px;
  background: #fff;
  box-shadow: 0 2px 5px rgba(0,0,0,0.05);
  display: flex;
  gap: 15px;
}

.tip-icon {
  font-size: 24px;
  flex-shrink: 0;
}

.tip-content {
  flex-grow: 1;
}

.tip-content h4 {
  font-size: 16px;
  margin-bottom: 5px;
  color: #2D66CC; /* ハラスメント研修と同じ色 */
}

.tip-content p {
  font-size: 14px;
  color: #666;
}

/* 事例カード - レスポンシブ修正 */
.case-studies {
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-bottom: 30px;
}

.case-study-card {
  border: 1px solid #eee;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.case-study-header {
  background: #f5f5f5; /* ハラスメント研修と同じ色 */
  padding: 15px 20px;
  border-bottom: 1px solid #eee;
  position: relative;
}

.industry-tag {
  position: absolute;
  top: 15px;
  right: 20px;
  background: #2D66CC; /* ハラスメント研修と同じ色 */
  color: white;
  padding: 3px 10px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 600;
}

.case-study-content {
  padding: 20px;
}

.case-study-section {
  margin-bottom: 15px;
}

.case-study-section h5 {
  font-size: 16px;
  margin-bottom: 5px;
  font-weight: 600;
  color: #2D66CC; /* ハラスメント研修と同じ色 */
}

/* 効果測定 - レスポンシブ修正 */
.effect-measurement {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 20px;
  margin-bottom: 30px;
}

.effect-card {
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 20px;
  background: #fff;
  box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.effect-card h4 {
  color: #2D66CC; /* ハラスメント研修と同じ色 */
  font-weight: 600;
  margin-bottom: 15px;
}

/* フィードバック例 - レスポンシブ修正 */
.feedback-examples {
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-bottom: 30px;
}

.feedback-group {
  margin-bottom: 20px;
}

.feedback-group h4 {
  margin-bottom: 15px;
  font-size: 18px;
  color: #2D66CC; /* ハラスメント研修と同じ色 */
}

.feedback-cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 20px;
}

.feedback-card {
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 20px;
  background: #fff;
  box-shadow: 0 2px 5px rgba(0,0,0,0.05);
  position: relative;
  padding-top: 30px;
}

.quote-mark {
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 32px;
  color: #ddd;
  font-family: serif;
}

.feedback-author {
  text-align: right;
  font-style: italic;
  font-size: 13px;
  color: #777;
  margin-top: 10px;
}

/* FAQ - アコーディオン修正 */
.faq-container {
  margin-bottom: 30px;
}

.faq-category {
  margin-bottom: 30px;
}

.faq-category h3 {
  margin-bottom: 20px;
  color: #2D66CC; /* ハラスメント研修と同じ色 */
}

.faq-item {
  margin-bottom: 15px;
  border: 1px solid #eee;
  border-radius: 8px;
  overflow: hidden;
}

/* FAQ質問スタイル修正 */
.faq-question {
  padding: 15px 20px;
  background: #f9f9f9;
  cursor: pointer;
  position: relative;
  border-bottom: 1px solid transparent;
  transition: background-color 0.3s;
}

.faq-question.active {
  border-bottom-color: #eee;
  background-color: #f0f0f0; /* ハラスメント研修と同じ色 */
}

.faq-question h4 {
  margin: 0;
  font-size: 16px;
  padding-right: 20px;
}

/* + マークの追加 */
.faq-question:after {
  content: '+';
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 20px;
  color: #2D66CC; /* ハラスメント研修と同じ色 */
  transition: transform 0.3s;
}

/* - マークに変更 */
.faq-question.active:after {
  content: '-';
}

/* ホバー効果の追加 */
.faq-question:hover {
  background-color: #f0f0f0; /* ハラスメント研修と同じ色 */
}

/* FAQ回答スタイル修正 */
.faq-answer {
  padding: 0;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out, padding 0.3s ease-out;
  background-color: #ffffff;
}

.faq-answer p {
  margin: 0;
  padding: 0;
}

/* アクティブ状態のFAQ回答 */
.faq-question.active + .faq-answer {
  padding: 15px 20px;
}

/* プロセスステップの数字円の修正 - さらに微調整版 */
.process-steps {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-bottom: 30px;
}

.process-step {
  display: flex;
  gap: 20px;
  align-items: flex-start; /* 上部揃えに戻す */
  background: #fff;
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 20px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.step-number {
  width: 40px;
  height: 40px;
  min-width: 40px; /* 幅を固定 */
  background: #2D66CC; /* ハラスメント研修と同じ色 */
  color: white;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  font-size: 18px;
  flex-shrink: 0;
  margin-top: 0; /* マージンをなくす */
  position: relative;
  top: 7px; /* 丸を少し下げる調整 - この値を調整して位置を合わせる */
}

.step-content {
  flex-grow: 1;
  padding-top: 0;
}

.step-content h3 {
  font-size: 18px;
  margin-top: 7px; /* 見出しの上余白を追加 */
  margin-bottom: 5px;
  color: #2D66CC; /* ハラスメント研修と同じ色 */
}

.step-content p {
  color: #666;
  margin: 0;
}

/* モバイル対応 */
@media (max-width: 768px) {
  .process-step {
    flex-direction: column;
    text-align: center;
    align-items: center;
  }
  
  .step-number {
    margin: 0 auto 15px;
    top: 0; /* モバイル表示では調整をリセット */
  }
  
  .step-content h3 {
    margin-top: 0; /* モバイル表示ではマージンをリセット */
  }
}

/* メリットグリッド - レスポンシブ修正 */
.benefits-section {
  margin-top: 30px;
  margin-bottom: 30px;
}

.benefits-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 20px;
  margin-top: 20px;
}

.benefit-card {
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 20px;
  background: #fff;
  box-shadow: 0 2px 5px rgba(0,0,0,0.05);
  text-align: center;
}

.benefit-icon {
  font-size: 24px;
  margin-bottom: 15px;
}

.benefit-card h4 {
  font-size: 16px;
  margin-bottom: 10px;
  color: #2D66CC; /* ハラスメント研修と同じ色 */
}

.benefit-card p {
  font-size: 14px;
  color: #666;
}

/* 最終CTA */
.final-cta-section {
  border-top: 1px solid #eee;
  padding-top: 40px;
}

.final-cta-container {
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
}

.final-cta-container h3 {
  font-size: 20px;
  margin-bottom: 30px;
  line-height: 1.5;
}

.cta-button-container {
  margin-bottom: 30px;
}

.btn-large {
  padding: 12px 30px;
  font-size: 18px;
}

.updated-date {
  font-size: 13px;
  color: #777;
  margin-top: 30px;
}

/* 簡易フォーム - レスポンシブ修正 */
.quick-form {
  background: #f9f9f9;
  border-radius: 8px;
  padding: 25px;
  margin: 30px 0;
  border: 1px solid #eee;
}

.language-quote-form {
  background: #f0f8ff; /* ハラスメント研修と同じ色 */
  border-left: 4px solid #2D66CC; /* ハラスメント研修と同じ色 */
}

.quick-form-title {
  font-size: 20px;
  margin-bottom: 20px;
  text-align: center;
  color: #2D66CC; /* ハラスメント研修と同じ色 */
}

.form-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 15px;
  margin-bottom: 20px;
}

.form-group {
  margin-bottom: 15px;
}

.form-group label {
  display: block;
  margin-bottom: 5px;
  font-weight: 600;
}

.form-control {
  width: 100%;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 4px;
}

.quote-request-btn {
  display: block;
  width: 100%;
  padding: 12px;
  font-size: 16px;
  font-weight: 600;
}

/* サイドバー - レスポンシブ修正 */
.content-sidebar {
  margin-top: 30px;
}

@media (min-width: 992px) {
  .content-sidebar {
    margin-top: 0;
  }
}

.sidebar-section {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
  padding: 20px;
  margin-bottom: 30px;
}

.sidebar-title {
  font-size: 18px;
  margin-bottom: 15px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
  color: #2D66CC; /* ハラスメント研修と同じ色 */
}

.sidebar-links {
  list-style: none;
  padding: 0;
  margin: 0;
}

.sidebar-links li {
  margin-bottom: 10px;
}

.sidebar-links a {
  color: #2D66CC; /* ハラスメント研修と同じ色 */
  text-decoration: none;
  display: block;
  padding: 5px 0;
}

.sidebar-links a:hover {
  text-decoration: underline;
}

.sidebar-cta {
  background: #f0f8ff; /* ハラスメント研修と同じ色 */
  border-radius: 8px;
  padding: 25px;
  margin-bottom: 30px;
  text-align: center;
  border: 1px solid #d4e5f9;
}

.sidebar-cta-title {
  font-size: 18px;
  margin-bottom: 10px;
  color: #2D66CC; /* ハラスメント研修と同じ色 */
}

.sidebar-cta p {
  margin-bottom: 15px;
  font-size: 14px;
}

.btn-block {
  display: block;
  width: 100%;
}

.related-article-list {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.related-article {
  display: block;
  padding: 10px 15px;
  background: #f9f9f9;
  border-radius: 4px;
  color: #333;
  text-decoration: none;
  transition: background-color 0.2s;
}

.related-article:hover {
  background: #f0f0f0; /* ハラスメント研修と同じ色 */
}

.related-article-title {
  font-size: 14px;
  font-weight: 600;
}

.sidebar-download {
  margin-bottom: 0;
}

.download-item {
  display: flex;
  gap: 15px;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #eee;
}

.download-item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.download-icon {
  font-size: 24px;
  color: #2D66CC; /* ハラスメント研修と同じ色 */
}

.download-info {
  flex-grow: 1;
}

.download-title {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 5px;
}

.download-link {
  font-size: 13px;
  color: #2D66CC; /* ハラスメント研修と同じ色 */
  text-decoration: none;
}

.download-link:hover {
  text-decoration: underline;
}

/* フッターのスタイル修正 */
footer {
  background-color: #333;
  color: white;
  padding: 20px 0;
  margin-top: 40px;
  width: 100%;
  text-align: center;
}

.footer-bottom {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px 15px;
}

/* モバイル対応の全面改善 */
@media (max-width: 768px) {
  /* グリッドレイアウトをシングルカラムに */
  .language-types-grid,
  .training-format-grid,
  .selection-points,
  .industry-needs,
  .company-size-approaches,
  .cost-factors-grid,
  .cost-performance-tips,
  .effect-measurement,
  .benefits-grid,
  .feedback-cards {
    grid-template-columns: 1fr;
  }
  
  /* テキストサイズの調整 */
  .article-header h1 {
    font-size: 24px;
  }
  
  .article-section h2 {
    font-size: 22px;
  }
  
  .subsection h3 {
    font-size: 18px;
  }
  
  /* フォームレイアウトの調整 */
  .form-row {
    grid-template-columns: 1fr;
  }
  
  /* テーブルのスクロール対応 */
  .table-responsive {
    margin-bottom: 15px;
  }
  
  /* CTAの調整 */
  .cta-text {
    font-size: 16px;
  }
  
  /* プロセスステップの調整 */
  .process-step {
    flex-direction: column;
    text-align: center;
    align-items: center;
  }
  
  .step-number {
    margin: 0 auto 15px;
  }
  
  .step-content {
    padding-top: 0;
  }
  
  /* .tip-cardのレイアウト調整 */
  .tip-card {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  
  .tip-icon {
    margin-bottom: 10px;
  }
}

/* フォーカス状態のスタイル（アクセシビリティ） */
a:focus, 
button:focus, 
input:focus, 
select:focus, 
.faq-question:focus {
  outline: 2px solid #2D66CC; /* ハラスメント研修と同じ色 */
  outline-offset: 2px;
}