@charset "UTF-8";

/* =====================================================
*  共通
===================================================== */
[v-cloak] {
	display: none;
}

/* 共通エリア */
.common-area {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	padding: 4rem 45px;
	min-height: 30rem;
}
.common-area__inner {
	margin: 0 auto;
	max-width: 1620px;
}
@media screen and (max-width: 768px) {
	.common-area {
		padding: 2.4rem 2rem;
		min-height: 20rem;
	}
}

/* 共通メッセージ */
.message-common {
	margin: 1rem auto;
	width: fit-content;
	font-size: 2rem;
	font-weight: 500;
}
@media screen and (max-width: 768px) {
	.message-common {
		font-size: 1.6rem;
	}
}

/* 共通スタイル */
.txt-indent {
	display: inline-block;
	padding-left: 1em;
	text-indent: -1em;
}

/* =====================================================
*  header
===================================================== */
#header:has(.gnav) .header-block {
	justify-content: space-between;
}
#header:has(.gnav) .gnav {
	text-align: center;
	line-height: 1.3;
}
#header:has(.gnav) .gnav .gnav-link {
	color: #FFF;
	font-size: 1.8rem;
	transition: opacity 0.3s;
}
@media screen and (min-width: 768px) {
	#header:has(.gnav) .gnav .gnav-link:hover {
		opacity: 0.6;
	}
}
@media screen and (max-width: 768px) {
	#header:has(.gnav) .gnav {
		width: 5.6rem;
	}
	#header:has(.gnav) .gnav .gnav-link {
		font-size: 1.4rem;
	}
}

#header:has(.gnav) .header-block.energy .header-logo {
	aspect-ratio: 300 / 43;
}
@media screen and (max-width: 768px) {
	#header:has(.gnav) .header-block.exh3 .header-logo {
		width: 27rem;
	}
}

/* 日英メニュー */
header .menu-lang {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin-left: 2rem;
	gap: 1rem;
}
body:not(:is(
	.semi-entry, .energy-entry /* 日英メニューは登録フォームのみ表示 */
)) header .menu-lang {
	display: none;
}
header .menu-lang a {
	opacity: 0.6;
	color: #FFF;
	transition: opacity 0.3s;
}
header .menu-lang .current a {
	font-weight: bold;
	opacity: 1;
	pointer-events: none;
}
@media (hover: hover) {
	header .menu-lang a:hover {
		opacity: 1;
		text-decoration: underline;
		text-underline-offset: 0.3rem;
	}
}
@media screen and (max-width: 768px) {
	body:is(
		.semi-entry, .energy-entry
	) header .header-block {
		justify-content: space-between;
	}
	header .menu-lang a {
		font-size: 1.4rem;
	}
}

/* 来場登録・ログイン導線 */
body:is(
	.semi-entry, .energy-entry /* 来場登録への導線は登録フォームでは非表示 */
) .header-visit-entry-button {
	display: none;
}
body:is(
	.semi-entry, .energy-entry /* ログインへの導線は登録フォームでは非表示 */
) .header-visit-login-button {
	display: none;
}

/* =====================================================
*  form
===================================================== */
/* ラベル */
.form_block label,
.input_form_row label {
	cursor: default;
}
.form_block label input[type=checkbox],
.input_form_row  label input[type=checkbox] {
	cursor: pointer;
}

/* ページメッセージ */
.form_block .page-message {
	margin: 0 auto 4rem;
	max-width: 112rem;
	font-size: 1.8rem;
	font-weight: 600;
}
.form_block .page-message.tx-c {
	margin-inline: auto;
	width: fit-content;
}
@media screen and (max-width: 768px) {
	.form_block .page-message {
		margin-bottom: 2rem;
		font-size: 1.4rem;
	}	
}

/* エラーメッセージ */
.form_block .error-message {
	margin: 0 auto 2rem;
	max-width: 112rem;
	color: #bc0000;
	font-size: 1.6rem;
	font-weight: 600;
}
@media screen and (max-width: 768px) {
	.form_block .error-message {
		margin-bottom: 1.5rem;
		font-size: 1.3rem;
	}	
}

/* エラーメッセージ（単独項目用（個人情報同意など）） */
.input_form_row .msg {
	color: #bc0000;
	font-size: 1.6rem;
	font-weight: 600;
}
@media screen and (max-width: 768px) {
	.input_form_row .msg {
		display: inline-block;
		font-size: 1.3rem;
		margin-top: 1rem;
	}
}

/* フォームテーブル */
.entry-input .entry_form .l-wrapper table:last-child {
	margin-bottom: 0;
}

/* 項目見出し */
.entry-input .entry_form table tr th {
	font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
	.entry-input .entry_form table tr th {
		font-size: 1.4rem;
	}
}

/* セレクトボックス */
.entry-input .entry_form table tr:first-child select {
	font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
	.entry-input .entry_form table tr:first-child select {
		font-size: 1.4rem;
	}
}

/* 利用規約・プライバシーポリシー */
.entry-input .entry_form .about-privacy h1:not(:first-child),
.entry-reserve .entry_form .about-privacy h1:not(:first-child) {
	margin-top: 2rem;
}
.entry-input .entry_form .about-privacy h2,
.entry-reserve .entry_form .about-privacy h2 {
	margin-top: 1.5rem;
}
.entry-input .entry_form .about-privacy p,
.entry-reserve .entry_form .about-privacy p {
	margin-top: 0.5rem;
}
.entry-input .entry_form .about-privacy p + p,
.entry-reserve .entry_form .about-privacy p + p {
	margin-top: 1rem;
}
.entry-input .entry_form .about-privacy a
.entry-reserve .entry_form .about-privacy a {
	color: #1D54A2;
	text-decoration: underline;
}

/* 会社名 */
.entry-input .entry_form .input_form_row.company-name .p_input:not(:has(select)) {
	width: calc(100% - 162px - 2rem);
	max-width: 100%;
}
@media screen and (max-width: 768px) {
	.entry-input .entry_form .input_form_row.company-name .p_input:not(:has(select)) {
		width: calc(60% - 2rem);
	}
	.entry-input .entry_form .input_form_row.company-name .p_input:has(select) {
		width: 20%;
	}
}

/* 入力（アンケート） */
.entry-input .entry_form .questionnaire-section .questionnaire_input {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	font-size: 2rem;
	gap: 2rem;
	width: 100%;
}
@media screen and (max-width: 768px) {
	.entry-input .entry_form .questionnaire-section .questionnaire_input {
		gap: 0;
	}
}
.entry-input .entry_form .questionnaire-section .questionnaire_input input[type=text] {
	max-width: 70rem;
}
@media screen and (max-width: 768px) {
	.entry-input .entry_form .questionnaire-section .questionnaire_input input[type=text] {
		margin-top: 1rem;
	}
}

/* 入力（ラベル表示） */
.input_form_row .input_lable {
	word-break: break-word;
	word-wrap: break-word;
}

/* 入力確認：セミナー予約  */
.entry-confirm .seminar-info-wrap .detail .detail-area {
	white-space: nowrap;
}
.entry-confirm .seminar-info-wrap .detail .detail-area {
	white-space: nowrap;
}
.entry-confirm .seminar-info-wrap .detail .detail-title {
	white-space: pre-wrap;
	overflow-wrap: break-word;
}

/* per_infor */
.entry_form .per_infor {
	padding: 8rem 2rem 10rem;
}
@media screen and (max-width: 768px) {
	.entry_form .per_infor {
		padding: 6rem 2rem 8rem;
	}
}

.entry_form .per_infor .l-wrapper {
	padding: 0;
	width: 100%;
}

/* 出展社バッジ登録フォーム */
body:has(.is-exhibitor) header .header-visit-entry-button {
	display: none;
}

/* 国内・国外登録者での表示切替 */
/* 電話番号 */
.entry_form.en .input_form_row.phone .p_input {
	width: auto;
	max-width: 100%;
}
.entry_form.en .input_form_row.phone select {
	max-width: 100%;
}

/* =====================================================
*  出展社一覧
===================================================== */
/* 会社名 */
.exhibitors-list .card-list__company {
	white-space: pre-wrap;
	overflow-wrap: anywhere;
}

/* ロゴ画像 */
.exhibitors-list .card-list__logo img {
	object-fit: contain;
}

/* 結果なし */
.exhibitors-list .p-seminars__noSearch {
	margin-top: 70px;
}
@media screen and (max-width: 768px) {
	.exhibitors-list .p-seminars__noSearch {
		margin-top: 20px;
	}
}

/* =====================================================
*  出展社（詳細）
===================================================== */
/* 本文 */
.exhibitors-detail p {
	white-space: pre-wrap;
	overflow-wrap: break-word;
}

/* 基本情報 */
.exhibitors-detail .c-exhibitors-company__body {
	flex-direction: column;
	flex: 1;
}
.exhibitors-detail .c-exhibitors-company__name {
	order: 2;
}
.exhibitors-detail .c-exhibitors-company__label {
	order: 1;
}
.exhibitors-detail .c-exhibitors-company__joint {
	order: 3;
	margin-top: 1.5rem;
	padding-left: 1rem;
}
.exhibitors-detail .c-exhibitors-company__joint_ttl {
	display: flex;
	align-items: center;
	margin-bottom: 0.2em;
	width: 100%;
	font-size: 1.6rem;
	font-weight: 500;
	gap: 1rem;
}
.exhibitors-detail .c-exhibitors-company__joint_ttl::after {
	content: "";
	display: block;
	flex: 1 1 auto;
	height: 0.1rem;
	background: #ccc;
}
.exhibitors-detail .c-exhibitors-company__joint p {
	font-size: 2.4rem;
	font-weight: 500;
}
@media screen and (max-width: 768px) {
	.exhibitors-detail .c-exhibitors-company__body {
		width: 100%;
	}
	.exhibitors-detail .c-exhibitors-company__joint {
		margin-top: 1rem;
		padding-left: 0.5rem;
	}
	.exhibitors-detail .c-exhibitors-company__joint_ttl {
		font-size: 1.4rem;
	}
	.exhibitors-detail .c-exhibitors-company__joint p {
		font-size: 1.6rem;
	}
}

.exhibitors-detail .c-exhibitors-company__img img {
	height: auto;
}

/* 製品情報 */
.exhibitors-detail .c-exhibitors-products__body {
	flex: 1;
}

/* その他のデモ体験情報 */
.exhibitors-detail .c-exhibitors-demo {
	display: block;
	width: 100%;
	max-width: calc(25% - (3.2rem * 3 / 4));
	transition: background 0.3s;
}
.exhibitors-detail .c-exhibitors-demo__detail {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
@media (hover: hover) {
	.exhibitors-detail .c-exhibitors-demo:hover {
		background: rgba(0, 74, 173, 0.1);
	}	
}
@media screen and (max-width: 1000px) {
	.exhibitors-detail .c-exhibitors-demo {
		max-width: 25%;
	}
	.exhibitors-detail .c-exhibitors-demo__detail {
		font-size: 1.6rem;
	}
}
@media screen and (max-width: 768px) {
	.exhibitors-detail .c-exhibitors-demo {
		max-width: 100%;
	}
	.exhibitors-detail .c-exhibitors-demo__detail {
		font-size: 1.2rem;
	}
}

/* デモ体験埋め込み */
.exhibitors-demo .c-exhibitors-company__demo > div {
	aspect-ratio: 1620 / 1107;
	width: 100% !important;
	height: auto !important;
}

/* =====================================================
*  セミナー一覧（タイムテーブル）
===================================================== */
/* タイムライン */
.seminar-list .p-timeline:not(:has(.p-timeline__logo)) .p-timeline__line::before {
	height: 8rem;
}
.seminar-list .p-timeline:not(:has(.p-timeline__logo)) .p-timeline__head {
	margin-bottom: 1rem;
}
@media screen and (max-width: 768px) {
	.seminar-list .p-timeline:not(:has(.p-timeline__logo)) .p-timeline__line::before { 
		height: 4.3rem;
	}
	.seminar-list .p-timeline:not(:has(.p-timeline__logo)) .p-timeline__head {
		margin-bottom: 0.5rem;
	}
}

/* タイムライン */
.seminar-list .p-timeline__inner {
	width: fit-content;
}
.seminar-list .p-timeline__head.darkgreen {
	background: #005326;
}

/* タイムラインカード内 */
.seminar-list .simplebar-wrapper {
	max-height: 100%;
}

/* 本文 */
.seminar-list .p-timeline-card__title {
	white-space: pre-wrap;
	overflow-wrap: break-word;
}
.seminar-list .c-speaker__post,
.seminar-list .c-speaker__name {
	white-space: pre-wrap;
	overflow-wrap: anywhere;
}

/* セミナーサブタイトル */
.seminar-list .p-timeline-card__title .sub-title {
	display: block;
	margin-top: 0.2em;
	font-size: 0.75em;
}
.seminar-list .p-seminar-modal__title .sub-title {
	display: block;
	margin-top: 0.2em;
	font-size: 0.75em;
}

/* 規約 */
.seminar-list .head-privacy {
	font-size: 2rem;
}
@media screen and (max-width: 768px) {
	.seminar-list .head-privacy {
		font-size: 1.6rem;
	}
}
.seminar-list .about-privacy {
	width: 100%;
}
.seminar-list .about-privacy .seminar-terms {
	margin-top: 2rem;
	white-space: pre-wrap;
	overflow-wrap: break-word;
}
.seminar-list .about-privacy .seminar-terms:first-child {
	margin-top: 0;
}
.seminar-list .about-privacy a {
	color: #1D54A2;
	text-decoration: underline;
}

/* 講演予約チェックボックス */
.seminar-list .p-timeline-card__button .c-checkbox .c-checkbox__label {
	cursor: pointer;
}

/* モーダル */
.seminar-list .p-seminar-modal .c-speaker {
	max-width: 170px;
}

.seminar-list .p-seminar-modal__title,
.seminar-list .p-seminar-modal .sub-title,
.seminar-list .p-seminar-modal__summary {
	white-space: pre-wrap;
	overflow-wrap: break-word;
}

.seminar-list .p-seminar-modal__summary a {
	color: #1D54A2;
	text-decoration: underline;
}

/* モーダル内登壇者写真・プロフィール（支給コーディングデータから移植 ※他ページの表示崩れ回避のため） */
.seminar-list .speaker-info.modal {
	flex: 1; 
	display: flex;
	flex-direction: column; 
}
.seminar-list .c-speaker.modal {
	display: flex;
	align-items: flex-start;
	gap: 2.2rem;
	margin-bottom: 1rem;
}
@media screen and (max-width: 767.9px) {
	.seminar-list .speaker-info.modal {
		display: block;
	}
	.seminar-list .c-speaker.modal {
		display: block;
		gap: 2rem;
		margin-bottom: 1rem;
	}
	.seminar-list .p-timeline__item .p-seminar-modal__speaker {
		display: block;
	}
}
.seminar-list .people_img {
	flex-shrink: 0;
}
@media screen and (max-width: 767.9px) {
	.seminar-list .people_img {
		float: left;
		margin-right: 2rem;
		margin-bottom: 1rem;
	}
}
.seminar-list .c-speaker__profile.modal {
	margin-top: 0.4rem;
	font-size: 1.2rem;
	line-height: 160%;
	max-width: 39rem;
}
@media screen and (max-width: 767.9px) {
	.seminar-list .c-speaker__profile.modal {
		clear: both;
		margin-top: 1rem;
		padding-top: 1rem;
		width: 100%; /* 幅を100%に指定 */
	}
}
.seminar-list .c-speaker__profile.modal > dt {
	display: flex;
	align-items: center;
	font-family: "Oswald", sans-serif;
	font-size: 1rem;
	letter-spacing: 0.03em;
	gap: 1rem;
	margin-bottom: 0.4rem;
}
@media screen and (max-width: 767.9px) {
	.seminar-list .c-speaker__profile.modal > dt {
		font-size: 1.4rem;
	}
}
.seminar-list .c-speaker__profile.modal > dt::after {
	content: "";
	display: block;
	flex: 1 1 auto;
	height: 0.1rem;
	background: #ccc;
}
.seminar-list .c-speaker__profile.modal > dd {
	font-size: 1.2rem;
	line-height: 1.6;
	white-space: pre-wrap;
	overflow-wrap: anywhere;
}
@media screen and (max-width: 767.9px) {
	.seminar-list .p-timeline__item .p-seminar-modal__speaker .c-speaker.modal {
		overflow: hidden;
		margin-bottom: 1rem;
	}
}
.seminar-list .c-speaker__profile.modal a {
	color: #1D54A2;
	text-decoration: underline;
}

/* モーダル内登壇者写真・プロフィール（組み込み時調整（複数登壇者対応）） */
.seminar-list .p-timeline__item .p-seminar-modal__speaker .c-speaker {
	display: block;	
}
.seminar-list .speaker-info-wrap {
	display: flex;
	gap: 4rem;
	width: calc(50% - (4rem / 2));
}
.seminar-list .people_img img {
	height: auto;
}
.seminar-list .p-seminar-modal .c-speaker {
	max-width: 100%;
}
.seminar-list .c-speaker__profile.modal {
	max-width: 100%;
}
@media screen and (max-width: 1199.9px) {
	.seminar-list .speaker-info-wrap {
		gap: 2rem;
	}
}
@media screen and (max-width: 767.9px) {
	.seminar-list .speaker-info-wrap {
		display: block;
		width: 100%;
	}
	.seminar-list .p-timeline__item .p-seminar-modal__speaker {
		display: flex;
		gap: 4rem;
	}
}

/* =====================================================
*  セミナー詳細
===================================================== */
/* 本文 */
.seminar-detail .p-seminar-block__title,
.seminar-detail .p-seminar-block__sub,
.seminar-detail .p-seminar-block__summary {
	white-space: pre-wrap;
	overflow-wrap: break-word;
}
.seminar-detail .c-speaker__post,
.seminar-detail .c-speaker__name,
.seminar-detail .c-speaker__profile > dd {
	white-space: pre-wrap;
	overflow-wrap: anywhere;
}

.seminar-detail .p-seminar-block__summary a {
	color: #1D54A2;
	text-decoration: underline;
}

.seminar-detail .c-speaker__profile a {
	color: #1D54A2;
	text-decoration: underline;
}

/* セミナー予約ボタン表示（支給コーディングデータから移植 ※他ページの表示崩れ回避のため） */
.seminar-detail .p-seminar-block__data__info-wrapper {
	display: flex;
	margin-top: 2rem;
	align-items: center;
}
@media screen and (max-width: 1199.9px) {
	.seminar-detail .p-seminar-block__data__info-wrapper {
		display: block;
	}
}
@media screen and (max-width: 767.9px) {
	.seminar-detail .p-seminar-block__data__info-wrapper {
		margin-top: 1.2rem;
		margin-bottom: 1.5rem;
	}
}

.seminar-detail:has(.p-seminar-block__data__info-wrapper) .p-seminar-block__meta {
	margin: 0 -2rem 2rem -4rem;
}
@media screen and (max-width: 767.9px) {
	.seminar-detail:has(.p-seminar-block__data__info-wrapper) .p-seminar-block__meta {
		margin: 0 -2rem 1.6rem;
	}
}

.seminar-detail:has(.p-seminar-block__data__info-wrapper) .p-seminar-block__data {
	margin-bottom: 3rem;
}
@media screen and (max-width: 1199.9px) {
	.seminar-detail:has(.p-seminar-block__data__info-wrapper) .p-seminar-block__data {
		margin-bottom: 0.8rem;
	}
}
@media screen and (max-width: 767.9px) {
	.seminar-detail:has(.p-seminar-block__data__info-wrapper) .p-seminar-block__data {
		margin-bottom: 0;
	}
}

.seminar-detail:has(.p-seminar-block__data__info-wrapper) .p-seminar-block__info {
	margin-bottom: 3rem;
}
@media screen and (max-width: 1199.9px) {
	.seminar-detail:has(.p-seminar-block__data__info-wrapper) .p-seminar-block__info {
		margin-left: 0rem;
		width: fit-content;
	}
}
@media screen and (max-width: 767.9px) {
	.seminar-detail:has(.p-seminar-block__data__info-wrapper) .p-seminar-block__info {
		margin: 0.8rem auto 0;
		width: calc(100% - 4rem);
	}
}

/* セミナー種別・会場の表示スタイル変更（エネルギー展のみ） */
.seminar-detail-energy .p-seminar-block__data__info-wrapper {
	margin: 3rem 0;
}
@media screen and (max-width: 767.9px) {
	.seminar-detail-energy .p-seminar-block__data__info-wrapper {
		margin: 1.2rem 0 2rem;
	}
}

.seminar-detail-energy:has(.p-seminar-block__data__info-wrapper) .p-seminar-block__data {
	margin-bottom: 0;
}

.seminar-detail-energy:has(.p-seminar-block__data__info-wrapper) .p-seminar-block__info {
	margin: 0 0 0 5rem;
	padding: 0;
	background: #FFF;
	color: #222222;
	font-size: 1.8rem;
}
@media screen and (max-width: 1199.9px) {
	.seminar-detail-energy:has(.p-seminar-block__data__info-wrapper) .p-seminar-block__info {
		margin: 1rem 0 0;
		width: fit-content;
		font-size: 1.6rem;
	}
}
@media screen and (max-width: 767.9px) {
	.seminar-detail-energy:has(.p-seminar-block__data__info-wrapper) .p-seminar-block__info {
		margin: 0.8rem auto 0;
		font-size: 1.4rem;
	}
}

.seminar-detail-energy .p-seminar-block__info__item + .p-seminar-block__info__item {
	margin-left: 1.5rem;
	padding-left: 1.5rem;
}
@media screen and (max-width: 767.9px) {
	.seminar-detail-energy .p-seminar-block__info__item + .p-seminar-block__info__item {
		margin-left: 1rem;
		padding-left: 1rem;
	}	
}

.seminar-detail-energy .p-seminar-block__place {
	background: #222222;
	color: #FFF;
}

/* =====================================================
*  マイページ
===================================================== */
#mypage .p-mypage .vehicle-info-detail .guidance-block button.btn {
	cursor: pointer;
}
#mypage .p-mypage .vehicle-info-detail .guidance-block .btn.disabled {
	background: #CCCCCC;
	border-color: #CCCCCC;
	cursor: default;
	pointer-events: none;
}
#mypage .p-mypage .vehicle-info-detail .guidance-block .btn.disabled p {
	color: #FFF;
}

/* =====================================================
*  EXPO別の色指定
===================================================== */
/* SEMI */
.semi-expo {--expo-color: #333333;} /* SEMI：デフォルト */
.semi-expo1 {--expo-color: #02420e;} /* SEMI：- */
.semi-category01 {--expo-cat-color: #02420e;} /* SEMI：講演会場 */
.semi-category02 {--expo-cat-color: #759000;} /* SEMI：セミナー会場 */
.semi-category03 {--expo-cat-color: #02420e;} /* SEMI：交流会 */
.semi-type {--expo-type-color: #333333;} /* SEMI：デフォルト */
.semi-type1 {--expo-type-color: #fbb03b;}  /* SEMI：前工程 */
.semi-type2 {--expo-type-color: #0071bc;}  /* SEMI：後工程 */
.semi-type99 {--expo-type-color: #333333;} /* SEMI：その他 */
/* ENERGY */
.energy-expo {--expo-color: #333333;} /* ENERGY：デフォルト */
.energy-expo1 {--expo-color: #DA4207;} /* ENERGY：［九州］次世代エネルギー展 */
.energy-expo2 {--expo-color: #bb0511;} /* ENERGY：［九州］太陽光発電・メンテナンスEXPO */
.energy-expo3 {--expo-color: #007bbc;} /* ENERGY：［九州］水素エネルギー活用EXPO */
.energy-expo4 {--expo-color: #109333;} /* ENERGY：［九州］送配電・蓄電システムEXPO */
.energy-expo5 {--expo-color: #000000;} /* ENERGY：脱炭素・GXゾーン */
.energy-expo6 {--expo-color: #DA4207;} /* ENERGY：ブランク1 */
.energy-expo7 {--expo-color: #DA4207;} /* ENERGY：ブランク2 */
.energy-category01 {--expo-cat-color: #DA4207;} /* ENERGY：講演会場 */
.energy-category02 {--expo-cat-color: #E19880;} /* ENERGY：セミナー会場 */
.energy-category03 {--expo-cat-color: #DA4207;} /* ENERGY：交流会 */
/* EXH3 */
.exh3-expo {--expo-color: #333333;} /* EXH3：デフォルト */
.exh3-expo1 {--expo-color: #F20C74;} /* EXH3：- */
.exh3-category01 {--expo-cat-color: #AC0E4E;} /* EXH3：講演会場 */
.exh3-category02 {--expo-cat-color: #E8A5AC;} /* EXH3：セミナー会場 */
.exh3-category03 {--expo-cat-color: #AC0E4E;} /* EXH3：交流会 */

/* 出展社一覧ページ：EXPO（構成展）で探す */
.exhibitors-list .filter-checkbox__item .filter-checkbox__txt {
	border: 2px solid var(--expo-color);
	background: #FFF;
	color: #333;
}
.exhibitors-list .filter-checkbox__item .filter-checkbox__input:checked + .filter-checkbox__txt {
	background: var(--expo-color);
	color: #FFF;
}
/* 背景色が薄い場合に文字色を変更 */
/* .exhibitors-list .filter-checkbox__item:is(
.semi-expo1, .semi-expo2, .energy-expo1, .energy-expo2
) .filter-checkbox__input:checked + .filter-checkbox__txt {
color: #333;
} */

/* 出展社一覧ページ：工程で探す */
.exhibitors-list .filter-type .filter-checkbox__item .filter-checkbox__txt {
	border: 2px solid var(--expo-type-color);
	background: #FFF;
	color: #333;
}
.exhibitors-list .filter-type .filter-checkbox__item .filter-checkbox__input:checked + .filter-checkbox__txt {
	background: var(--expo-type-color);
	color: #FFF;
}

/* 出展社一覧ページ：EXPO名称 */
.exhibitors-list .card-list__label {
	background: var(--expo-color);
	color: #FFF;
}
/* 背景色が薄い場合に文字色を変更 */
/* .exhibitors-list .card-list__label:is(
.semi-expo1, .semi-expo2, .energy-expo1, .energy-expo2
) {
color: #333;
} */

/* 出展社詳細ページ：小間番号 */
.exhibitors-detail .c-exhibitors-company__area {
	background: var(--expo-color);
	color: #FFF;
	white-space: nowrap;
}
/* 背景色が薄い場合に文字色を変更 */
/* .exhibitors-detail .c-exhibitors-company__area:is(
.semi-expo1, .semi-expo2, .energy-expo1, .energy-expo2
) {
color: #333;
} */

/* セミナー一覧ページ：講演会場 */
.seminar-list .p-timeline__head {
	background: var(--expo-cat-color);
}

/* セミナー一覧ページ：EXPO名称 */
.seminar-list .p-timeline-card .p-timeline-card__category {
	background: var(--expo-color);
	color: #FFF;
}
/* 背景色が薄い場合に文字色を変更 */
/* .seminar-list .p-timeline-card:is(
.semi-expo1, .semi-expo2, .energy-expo1, .energy-expo2
) .p-timeline-card__category {
color: #333;
} */

/* セミナー一覧ページ：EXPO名称（モーダル内） */
.seminar-list .c-modal .p-seminar-modal__place {
	background: var(--expo-color);
	color: #FFF;
}
/* 背景色が薄い場合に文字色を変更 */
/* .seminar-list .c-modal:is(
.semi-expo1, .semi-expo2, .energy-expo1, .energy-expo2
) .p-seminar-modal__place {
color: #333;
} */

/* セミナー一覧ページ：モーダル */
.seminar-list .c-modal .c-modal-contents__inner {
	border-color: var(--expo-color);
}

/* セミナー詳細ページ：EXPO（構成展）で探す */
.seminar-detail .c-filter-checkbox__item .c-filter-checkbox__txt {
	border: 2px solid var(--expo-color);
}
.seminar-detail .c-filter-checkbox__item .c-filter-checkbox__input:checked + .c-filter-checkbox__txt {
	background: var(--expo-color);
	color: #FFF;
}
/* 背景色が薄い場合に文字色を変更 */
/* .seminar-detail .c-filter-checkbox__item:is(
.semi-expo1, .semi-expo2, .energy-expo1, .energy-expo2
) .c-filter-checkbox__input:checked + .c-filter-checkbox__txt {
color: #333;
} */

/* セミナー詳細ページ：セミナーブロック */
.seminar-detail .p-seminar-block {
	border-color: var(--expo-color);
}

/* セミナー詳細ページ：EXPO名称 */
.seminar-detail .p-seminar-block .p-seminar-block__category {
	background: var(--expo-color);
	color: #FFF;
}
/* 背景色が薄い場合に文字色を変更 */
/* .seminar-detail .p-seminar-block:is(
.semi-expo1, .semi-expo2, .energy-expo1, .energy-expo2
) .p-seminar-block__category {
color: #333;
} */

/* =====================================================
*  2026/04/17 タイムテーブルデザイン変更 ※「.revised」付与の有無で変更前／後を切り替え
===================================================== */
.p-schedule.revised .c-speaker__company,
.p-schedule.revised .c-speaker__post {
	line-height: 1.4;
	margin-bottom: 0;
}

.p-schedule.revised .c-speaker__name {
	font-size: 1.6rem;
	margin-top: 0.7rem;
}
@media screen and (max-width: 767.9px) {
	.p-schedule.revised .c-speaker__name {
		font-size: 1.4rem;
	}
}

.p-schedule.revised .p-timeline__inner {
	max-width: 178.8rem;
}

.p-schedule.revised .p-timeline__item {
	width: 28rem;
}
@media screen and (max-width: 767.9px) {
	.p-schedule.revised .p-timeline__item {
		width: 15.5rem;
	}
}

.p-schedule.revised .p-timeline-card {
	padding: 4.2rem 1.3rem 1.6rem;
}
@media screen and (max-width: 767.9px) {
	.p-schedule.revised .p-timeline-card {
		padding: 4.5rem 0.8rem 1.2rem 1rem;
	}
}

.p-schedule.revised .p-timeline-card__category {
	justify-content: space-between;
	gap: 0.8em;
	font-size: 1.3rem;
}
@media screen and (max-width: 767.9px) {
	.p-schedule.revised .p-timeline-card__category {
		font-size: 1.1rem;
		flex-direction: column;
		row-gap: 0.2rem;
		padding: 0.3rem 1rem;
		align-items: flex-start;
	}
}

.p-schedule.revised .p-timeline-card__category-label {
	max-width: 100%;
}

.p-schedule.revised .p-timeline-card__inner {
	padding-right: 1.7rem;
}
@media screen and (max-width: 767.9px) {
	.p-schedule.revised .p-timeline-card__inner {
		padding-right: 0.7rem;
	}
}

.p-schedule.revised .p-timeline-card__meta {
	align-items: center;
	margin-bottom: 0.5rem;
}
@media screen and (max-width: 767.9px) {
	.p-schedule.revised .p-timeline-card__meta {
		flex-direction: column;
		align-items: flex-start;
		gap: 0.5rem;
	}
}

.p-schedule.revised .p-timeline-card__id {
	min-width: auto;
	padding: 0.4rem 1.5rem;
}
@media screen and (max-width: 767.9px) {
	.p-schedule.revised .p-timeline-card__id {
		padding: 0.2rem 1rem;
	}
}

.p-schedule.revised .p-timeline-card__time {
	font-size: 1.6rem;
}
@media screen and (max-width: 767.9px) {
	.p-schedule.revised .p-timeline-card__time {
		font-size: 1.2rem;
		line-height: 1.2;
	}
}

.p-schedule.revised .p-timeline-card__title {
	font-size: 1.7rem;
}
.p-schedule.revised .p-timeline-card__title > .sub-title {
	font-size: 1.3rem;
	margin-top: 0.5rem;
}
@media screen and (max-width: 767.9px) {
	.p-schedule.revised .p-timeline-card__title {
		font-size: 1.3rem;
	}
	.p-schedule.revised .p-timeline-card__title > .sub-title {
		font-size: 1.2rem;
		margin-top: 0.2rem;
	}
}

.p-schedule.revised .p-timeline-card__speaker {
	margin-top: 1rem;
}
@media screen and (max-width: 767.9px) {
	.p-schedule.revised .p-timeline-card__speaker {
		margin-top: 0.5rem;
	}
}

.p-schedule.revised .p-timeline-card__speaker .c-speaker {
	display: flex;
}

.p-schedule.revised .p-timeline-card__speaker .c-speaker:not(:last-child) {
	margin-bottom: 1rem;
}

@media screen and (max-width: 767.9px) {
	.p-schedule.revised .p-timeline-card__speaker .c-speaker .c-speaker__company,
	.p-schedule.revised .p-timeline-card__speaker .c-speaker .c-speaker__post {
		font-size: 1.2rem;
	}
}

.p-schedule.revised .p-timeline-card__speaker .c-speaker .c-speaker__name {
	line-height: 1;
}
@media screen and (max-width: 767.9px) {
	.p-schedule.revised .p-timeline-card__speaker .c-speaker .c-speaker__name {
		font-size: 1.5rem;
		margin-top: 0.5rem;
	}
}

.p-schedule.revised .p-timeline-card__button {
	margin-top: 0;
}

.p-schedule.revised .p-timeline-card__button .c-reservation,
.p-schedule.revised .p-timeline-card__button .c-checkbox {
	height: auto;
	min-width: 12rem;
	padding: 0.3rem 2rem;
}
@media screen and (max-width: 767.9px) {
	.p-schedule.revised .p-timeline-card__button {
		width: 100%;
	}
	.p-schedule.revised .p-timeline-card__button .c-reservation,
	.p-schedule.revised .p-timeline-card__button .c-checkbox {
		margin: 0;
		min-width: auto;
		padding: 0.38rem 2rem;
	}
}

.p-schedule.revised .p-timeline-card__button .c-checkbox .c-checkbox__label {
	justify-content: center;
}
@media screen and (max-width: 767.9px) {
	.p-schedule.revised .p-timeline-card__button .c-checkbox .c-checkbox__label {
		flex-direction: row;
	}
}

.p-schedule.revised .p-timeline-card__button .c-checkbox .c-checkbox__icon {
	width: 1.6rem;
	height: 1.6rem;
}
.p-schedule.revised .p-timeline-card__button .c-checkbox .c-checkbox__icon::before {
	width: 1.267rem;
}

.p-schedule.revised .p-timeline-card__button .c-checkbox:not([aria-disabled=true]) .c-checkbox__label::after {
	content: none;
}

/* 入力内容の確認ボタン */
.seminar-list .p-fixed-button.revised {
	bottom: -21.3rem;
	top: 0;
	left: auto;
	right: -0.1rem;
	transform: none;
	margin: auto;
	flex-direction: column;
	width: 7rem;
	min-width: auto;
	max-height: 40rem;
	height: 100%;
	padding: 1.5rem 1.5rem;
	border-radius: 1rem 0 0 1rem;
}
@media screen and (max-width: 767.9px) {
	.seminar-list .p-fixed-button.revised {
		bottom: -0.1rem;
		top: auto;
		left: 0;
		right: 0;
		padding: 1.5rem 1.5rem;
		height: 6rem;
		width: 100%;
		border-radius: 0;
	}
}

.seminar-list .p-fixed-button.revised .p-fixed-button__text {
	writing-mode: vertical-rl;
	letter-spacing: 0.1em;
}
@media screen and (max-width: 767.9px) {
	.seminar-list .p-fixed-button.revised .p-fixed-button__text {
		letter-spacing: 0;
		writing-mode: horizontal-tb;
	}
}

.seminar-list .p-fixed-button.revised .c-arrow {
	top: auto;
	bottom: 4.3rem;
	transform: none;
	right: auto;
	margin-left: auto;
}
@media screen and (max-width: 767.9px) {
	.seminar-list .p-fixed-button.revised .c-arrow {
		right: 1.1rem;
		top: 0;
		bottom: 0;
		margin: auto;
	}
}

/* 申込む（外部サイト）ボタン */
.p-schedule.revised .p-timeline-card__button .c-reservation:has(.sub-label),
.p-schedule.revised .p-timeline-card__button .c-checkbox:has(.sub-label) {
	padding-inline: 0.8rem 0.1rem;
}
.p-schedule.revised .p-timeline-card__button .c-reservation .sub-label,
.p-schedule.revised .p-timeline-card__button .c-checkbox .sub-label {
	font-size: 0.85em;
}