/*20250905*/

/* アコーディオン全体のスタイル */
.accordion {
  width: 960px;                     /* 横幅を100%に設定 */
  /*font-family: sans-serif;        /* フォント統一 */
    padding: 0 0 40px 0 ;
}

.accordion-title {
  display: flex;
  justify-content: center;        /* 中央揃え */
  align-items: center;
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  /*color: #333;*/
  padding: 12px 0;
  position: relative;
}

/* 擬似要素で左の横線 */
.accordion-title::before,
.accordion-title::after {
  content: "";
  width: 395px;
  border-top: 1px solid #ccc;  /* 横線の色と太さ */
  margin: 0 30px;               /* テキストとの余白 */
}


/* 各メニューセクションのベース */
.menue {
  border-bottom: 1px solid #ccc;  /* 区切り線を下に表示 */
}

.menue li,table {
    margin-top: 10px;
    margin-bottom: 20px;
}

/* アコーディオンの見出し */
.accordion-header {
  background-color: #FFFFFF;       /* 背景色 */
  cursor: pointer;                 /* カーソルをポインターに（クリック可能） */
  padding: 12px 16px;              /* 内側の余白を指定 */
  margin: 0;                       /* マージンをリセット */
  font-size: 1rem;                 /* フォントサイズ */
  font-weight: 500;              /* 太字 */
  transition: background-color 0.3s ease; /* 背景色のホバーアニメーション */
  position: relative;
  padding-right: 32px; /* アイコンのための余白 */
  /*color: #333;*/
  
}

/* 見出しにホバーしたときのスタイル */
.accordion-header:hover {
  background-color: #EFEFEF;      /* ホバー時に少し濃いグレーへ */
}

/* アコーディオンの開閉対象コンテンツ */
.accordion-content {
  overflow: hidden;               /* 内容がはみ出さないように隠す */
  max-height: 0;                  /* 初期状態では高さを0にして非表示に */
  transition: max-height 0.3s ease; /* 高さの変化にアニメーションを適用 */
  background-color: #FFFFFF;      /* 背景色を薄く設定 */
  padding: 0 16px;                /* 左右の余白のみ指定（上下はulで制御） */
}

/* コンテンツ内のulリストのスタイル */
.accordion-content ul tr {
  margin: 0;                      /* マージンをリセット */
  padding: 12px 0;                /* 上下に適度な余白を追加 */
  list-style: none;              /* リストマーカーを非表示に */
}

/* リストアイテムのスタイル */
.accordion-content li {
  padding: 4px 0;                 /* 各アイテムに上下の余白を追加 */
}

/* h4アイテムのスタイル */
.accordion-content h4 {
  margin: 15px 0 0 0;
  padding: 0;                 /* 各アイテムに上下の余白を追加 */
}

/* tableのスタイル */
.accordion-content table {
  border-collapse: collapse; /* セル境界を1本にまとめる */
  width: auto;
}

/*資料ダウンロード用アイコンの設定_空の<a>のclassにdownloadを指定*/
.download {
  width: 30px;
  height: 30px;
  background-image: url('PDF_icon.svg');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
}

/* tdアイテムのスタイル */
.accordion-content td {
    padding: 5px 15px;                 /* 各アイテムに上下の余白を追加 */
    border-color:#D3D3D3;
	border-style:solid;
	border-width:1px;
    text-align: center;
    overflow:hidden;
    background-color:rgba(255,255,255,1.00)
}
.accordion-content table th {
 padding: 5px 10px;
}
.accordion-content table td:first-child {
  text-align: left;
}
.accordion-content table td:first-child a {
  display: inline-block; /* パディングを効かせるために必要 */
  padding-left: 30px;    /* 好きな量だけ右にずらす */
    padding-right: 20px;
}

/* 左端のセルの左線を消す */
.accordion-content table td {
  border-top: 1px solid #E5E5E5;    /* 上の線だけ */
  border-bottom: none;  /* 下の線だけ */
  border-left: none;              /* 左の線を消す */
  border-right: none;             /* 右の線を消す */
}


/* リンクの基本スタイル */
.accordion-content a {
  font-weight: bold;
  text-decoration: none;         /* 下線を消す */
  color: #0066cc;                /* 青系のカラーを設定 */
}

/* リンクにホバーしたときのスタイル */
.accordion-content a:hover {
  text-decoration: underline;    /* ホバー時に下線を表示 */
}

/* アコーディオンが開いたときに付与されるクラス */
.accordion-content.open {
  /* JavaScriptがこのクラスを付与することで max-height を変更し開閉を制御します */
  max-height: 1000px;             /* 十分な高さを確保（内容に応じて調整推奨） */
}


.accordion-header .arrow {
  position: absolute;
  right: 40px;
  top: 50%;
  transform: translateY(-50%) rotate(0deg);
  transition: transform 0.3s ease;
  font-size: 1.5rem;
}

.accordion-header.open .arrow {
  transform: translateY(-50%) rotate(135deg);
}