/* コンテンツコンテナ */
.content-container {
  /* 背景を単色から元のストライプ画像に変更 */
  background-image: url('https://www.ism-pl.com/somen/_src/bg/Bias03.gif');
  background-repeat: repeat;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  /* 最大幅を少し広めに設定 */
  max-width: 1024px;
}
/* ヘッダーロゴ */
.header-logo-text {
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-weight: 800;
  font-size: 2.5rem;
  line-height: 1;
  letter-spacing: -0.03em;
  color: #1f2937;
}
/* ナビゲーションのリンクスタイル */
.nav-link {
  transition: all 0.2s ease;
}
.nav-link:hover {
  color: #000;
  text-decoration: underline;
}
/* 説明文のh3（タイトル）のスタイルを調整 */
.description-title {
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-weight: 800;
}
/* === 新規追加: 825pxを定義 === */
.max-w-825 {
  max-width: 825px;
}

/* asc.css の末尾に追加 */

/* === 説明テキストエリアの全体スタイル === */
.description-area {
  background-color: rgba(255, 255, 255, 0.95); /* bg-white/95 */
  border: 1px solid #f3f4f6; /* border border-gray-100 */
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); /* shadow-sm */
  text-align: left;
  line-height: 1.625; /* leading-relaxed (Tailwind default) */
  color: #4b5563; /* text-gray-600 */
  font-family: 'M PLUS Rounded 1c', sans-serif; /* font-en */
  width: 100%; /* w-full */
  border-radius: 0.75rem; /* rounded-xl (Tailwind default) */
  
  /* デフォルト(スマホ)のパディング */
  padding: 1rem; /* p-4 */
}

/* PC/タブレット向けのパディング調整 (md:p-10) */
@media (min-width: 768px) {
  .description-area {
    padding: 2.5rem; /* p-10 は 2.5rem */
  }
}

/* === 見出し (h3) のスタイル === */
.description-area h3 {
  font-size: 1.25rem; /* text-xl */
  font-weight: 700; /* font-bold */
  margin-bottom: 1rem; /* mb-4 */
  color: #111827; /* text-gray-900 */
  border-bottom: 1px solid #e5e7eb; /* border-b border-gray-200 */
  padding-bottom: 0.5rem; /* pb-2 */
}

/* === 段落 (p) のスタイル === */
.description-area p {
  font-size: 0.875rem; /* text-sm */
  margin-bottom: 1.5rem; /* mb-6 */
}