/* 研修一覧（/training/）だけが読み込む追加分。
   旧テーマ由来の seminar_new.css は変更していない。

   seminar_new.css のカード枠（.seminar_recom_index）は
   「1 行 3 枚・折り返しなし・幅 1000px 固定」で組まれている。
   研修一覧は 1 セクションに 4 枚以上を並べるので、
   折り返しと行間だけを足す。色・字送り・影は旧テーマのまま。 */

.seminar_recom_index {
	flex-wrap: wrap;
	gap: 30px 2%;
	justify-content: flex-start;
	/* タブレット幅（768〜1200px）では .inner が 90% になるのに
	   このブロックは 1000px のままで、はみ出す。上限を付けておく。 */
	max-width: 100%;
}

/* サムネイル画像を持つ講座ページがないため、
   カードに .seminar_img（高さ 120px の空枠）を置いていない。
   バッジがカード上端に貼りつかないよう余白を足す。
   seminar_new.css と同じ詳細度で、あとから読み込んで上書きする。 */
.seminar_recom_index .seminar_recom_item .seminar_type_online,
.seminar_recom_index .seminar_recom_item .seminar_type_offline {
	margin-top: 20px;
}

/* 問い合わせ導線の位置。ボタンの見た目は cta.css に一本化した。 */
.training_cta {
	text-align: center;
	margin: 30px 0 0 0;
}

/* 各セクションの導入文 */
.training_lead {
	margin: 0 0 30px 0;
	line-height: 1.8;
}

/* AI セクションから独立ページ（/training/ai/）への導線 */
.training_more {
	margin: 24px 0 0 0;
	text-align: right;
}
.training_more a {
	font-weight: 600;
}

/* --- /training/ai/（AI研修）で足すもの ------------------------------- */

/* 「対象者から選ぶ」表。旧テーマの seminarlist_table は
   「形態 ＋ コース名」の 2 列前提なので、対象者と期間の列を足す。 */
.seminar_list table.seminarlist_table td.list_target {
	width: 30%;
	padding: 12px 10px 12px 0;
	vertical-align: top;
	line-height: 1.5;
}
.seminar_list table.seminarlist_table td.list_period {
	width: 18%;
	padding: 12px 0 12px 10px;
	vertical-align: top;
	white-space: nowrap;
}
.seminar_list table.seminarlist_table td.list_seminarname {
	vertical-align: top;
}
.list_note {
	display: inline-block;
	margin-top: 4px;
	font-size: 13px;
	color: #777;
	line-height: 1.5;
}

/* 本文の段落。旧テーマは .inner に text-align: justify を掛けているが、
   日本語の長文では字間が開きすぎるので、この段落だけ左揃えにする。 */
.training_intro {
	text-align: left;
	line-height: 1.9;
	margin: 0 0 20px 0;
}


@media all and (max-width: 767px) {
	/* SP では seminarlist_table の td が display:block になり縦に積まれる */
	.seminar_list table.seminarlist_table td.list_target,
	.seminar_list table.seminarlist_table td.list_period {
		width: auto;
		padding: 2px 8px;
	}
}