.ampco-links {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin: 32px 0;
}

.ampco-button {
  flex: 0 0 calc(33.333% - 16px); /* 3列構成 */
  max-width: calc(33.333% - 16px);
  min-width: 180px;
  text-align: center;
  padding: 14px 20px;
  background-color: #db8417;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  text-decoration: none;
    box-shadow: 0 4px 6px rgba(0,0,0,0.15);
  transition: background-color 0.3s ease, transform 0.2s ease;
}.ampco-button

.ampco-button:hover {
  background-color: #b25417;
  transform: translateY(-2px);
}




/* スマホ（縦並び） */
@media screen and (max-width: 768px) {
  .ampco-button {
    flex: 1 1 100%;
    max-width: 100%;
  }
}


	/* 共通スタイル 右下に問い合わせボタン固定 */
.fixed-estimate-btn {
  position: fixed;
  bottom: 30px;
  right: 0;
    height: auto;
	z-index: 1000;
	width: 74px;
	height: 373px;      /* 固定値を指定 */
}

.fixed-estimate-btn:hover {
}

/* スマホなど小さい画面では非表示 */
@media screen and (max-width: 768px) {
  .fixed-estimate-btn {
    display: none;
  }
}

/* AMPCO/AMPCOLOY合金の用途・適用分野一覧 */

 .gallery {
      max-width: 1200px;
      margin: 24px auto;
      padding: 0 16px;
      display: grid;
      grid-template-columns: 1fr;
      gap: 16px;
    }
	.gallery a{
  color: #2563eb;        /* 青色（Tailwindのblue-600相当） */
  text-decoration: underline;
}

.gallery a:hover{
  color: #1d4ed8;        /* hover時に少し濃い青 */
  text-decoration-thickness: 2px; /* 下線を少し太め（任意） */
}
    @media (min-width: 768px) {
      .gallery { grid-template-columns: repeat(3, 1fr); }
    }

table a{
  color: #2563eb;        /* 青色（Tailwindのblue-600相当） */
  text-decoration: underline;
}
table a:hover{
  color: #1d4ed8;        /* hover時に少し濃い青 */
  text-decoration-thickness: 2px; /* 下線を少し太め（任意） */
}



    figure {
      margin: 0;
      display: flex;
      flex-direction: column;
      align-items: stretch;
      border: 1px solid #e5e7eb;
      border-radius: 12px;
      overflow: hidden;
      background: #fff;
    }
    .img-wrap img {
      width: 100%;
      height: auto;               /* 画像の縦横比を保つ */
      aspect-ratio: 1200 / 371;   /* 比率を指定してズレを防止 */
      display: block;
    }
    figcaption {
      padding: 12px 14px;
      font-size: 14px;
      line-height: 1.6;
      color: #374151;
      text-align: center;
    }
	.section-title{ 
  box-sizing: border-box;   /* paddingも含めて調整 */
  padding: 12px 14px;
  font-size: 14px;
  line-height: 1.6;
  color: #374151;
		font-weight: bold;
  background: #f3f4f6;      /* 薄いグレー背景（任意） */}



	/* 主な特徴 */


.feature-wrapper {
  display: flex ;
  flex-direction: row;
  align-items: flex-start;
  gap: 24px;
}

.feature-text {
  flex: 1;
}
.feature-image {
  flex: 1;
  text-align: center;
}
.feature-image img {
  max-width: 100%;
  height: auto;
  border: 1px solid #ddd;
  border-radius: 8px;
}
@media (max-width: 768px) {
  section._strength .sub_contents_wrapper.feature-wrapper {
    flex-direction: column ;
  }
  .feature-image {
    margin-top: 16px;
  }
}
@media (max-width: 768px) {
  section._strength .sub_contents_wrapper.feature-wrapper {
    flex-direction: column ;
  }
  .feature-image {
    margin-top: 16px;
  }
}




/* SP時はテーブルをブロック表示に変換 */
  .spec-table,
  .spec-table thead,
  .spec-table tbody,
  .spec-table th,
  .spec-table td,
.spec-table tr{text-align: center;}
.spec-table th{border:1px solid #e5e7eb; padding:8px; background:#2578b8; min-width:120px; color: #fff;}
.spec-table td{border:1px solid #e5e7eb; padding:8px; text-align:center;}

@media (min-width: 767px) {
 .spec-table {
	  border-collapse:collapse; 
	  width:100%;
	
  }
	
}


.custom-table th:nth-child(2),
  .custom-table th:nth-child(3),
  .custom-table th:nth-child(4),
  .custom-table td:nth-child(2),
  .custom-table td:nth-child(3),
  .custom-table td:nth-child(4) {
    width: 25%; /* 適宜調整、3列なので合計60% */
    text-align: center;
  }
  .custom-table th:first-child,
  .custom-table td:first-child {
    width: 25%; /* 特性／用途 列 */
  }


@media screen and (max-width: 600px) {
	.custom-table th:nth-child(2),
  .custom-table th:nth-child(3),
  .custom-table th:nth-child(4),
  .custom-table td:nth-child(2),
  .custom-table td:nth-child(3),
  .custom-table td:nth-child(4),
	.custom-table th:first-child,
  .custom-table td:first-child {
	  width: 100%; text-align: center; }
	
}



/* 全体 */
.ampco-accordion {
    margin: 20px 0;
    font-family: Arial, sans-serif;
}
/* アコーディオンのタイトル */
.ampco-title {
    background: #093F80;
    color: #fff;
    padding: 14px;
    cursor: pointer;
    margin-top: 12px;
    border-radius: 4px;
	font-size: 0.8rem;
}
/* 開いた時の色 */
.ampco-title.open {
    background: #093F80;
}
/* アコーディオン中身（最初は閉じる） */
.ampco-content {
    display: none;
    padding: 10px 0;
}
/* ★★★ 横スクロールはここにまとめる ★★★ */
.ampco-scroll {
    width: 100%;
    overflow-x: auto;
    padding-bottom: 10px;
}
/* テーブル */
.ampco-scroll table {
    border-collapse: collapse;
    min-width: 100%; /* 横幅を確保（でも親幅には従う） */
    table-layout: fixed;
}
/* セル */
.ampco-scroll th, .ampco-scroll td {
    border: 1px solid #ccc;
    padding: 8px 6px;
    text-align: center;
}
/* 左の AMPCO リファレンス列 */
.ampco-scroll td.item {
    background: #f5e3d3;
    font-weight: bold;
    white-space: nowrap;
}
/* ヘッダー */
.ampco-scroll th {
    background: #0066cc;
    color: #fff;
}
.table-wrapper {
    overflow-x: auto;
}
.table-wrapper table {
    width: 100%;
    table-layout: fixed;
    word-break: break-word;
    border: 2px solid #000; /* ← 外枠だけを黒にする */
    border-collapse: collapse;
}
.table-wrapper th, .table-wrapper td {
    font-size: 0.85rem;
    padding: 0.5% 0.5%;
    vertical-align: middle;
    border: 1px solid #ccc;
    text-align: center;
}
.table-wrapper td:first-child, .table-wrapper th:first-child {
    width: 15%;
    min-width: 120px;
}
th {
    background-color: #0066cc;
    color: #fff;
}
.ampco-header {
    background-color: #d2691e;
    color: #fff;
    font-weight: bold;
    text-align: left;
	font-size:0.8rem;
}
.property-cell {
    background-color: #f9f9f9;
}
.blue-cell {
    background-color: #2e89e4;
}
.blue-cell2 {
    background-color: #81c0ff;
}
.merged-cell {
    text-align: center;
    font-weight: bold;
    background-color: #ffffff;
}
/* アコーディオンタイトルに三角アイコンを追加 */
.ampco-title {
    position: relative;
    padding-right: 32px; /* 右に余白 */
}
.ampco-title::after {
    content: "▶";
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 13px;
    transition: transform 0.2s ease;
}
/* 開いた時は下向きの▼に */
.ampco-title.open::after {
    content: "▼";
}

@media (max-width: 768px) {
.table-wrapper th, .table-wrapper td {
    font-size: 0.7rem;
}
}
	table tr.section-start td,
table tr.section-start th {
  border-top: 2px solid #444; /* ←濃く・太めに */
}
	
	/* =============================
   Typical Applications セクション
   （.ampco-contentと統一スタイル）
============================= */

.typical-applications-summary {
  margin: 24px 0 40px;
  padding: 0 6px;
  font-family: Arial, sans-serif;
  line-height: 1.6;
}

/* 見出し（H2） */
.typical-applications-summary h2 {
  font-size: 1.25rem;
  margin-bottom: 16px;
  padding-bottom: 6px;
  border-bottom: 2px solid #093F80; /* 既存のネイビーと揃える */
  color: #093F80;
  font-weight: bold;
}

/* 小見出し（H3） */
.typical-applications-summary h3 {
  font-size: 1.05rem;
  margin-top: 24px;
  margin-bottom: 8px;
  font-weight: bold;
  color: #093F80;
}

/* 説明文（p） */
.typical-applications-summary p {
  margin: 0 0 6px 0;
  color: #333;
}

/* 箇条書き（UL） */
.typical-applications-summary ul {
  margin: 0 0 14px 16px;
  padding: 0;
}

/* 箇条書き（LI） */
.typical-applications-summary li {
  margin-bottom: 4px;
  padding-left: 4px;
  list-style: disc;
  font-size: 0.95rem;
}

/* SPのとき（テーブル用サイズに合わせる） */
@media (max-width: 768px) {
  .typical-applications-summary h2 {
    font-size: 1.1rem;
  }
  .typical-applications-summary h3 {
    font-size: 0.95rem;
  }
  .typical-applications-summary li {
    font-size: 0.85rem; /* ←テーブルのSPフォントと合わせる */
  }
}