@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;
	}
}

@media screen and (max-width: 768px) {
	#header:has(.gnav) .header-block.brex .header-logo {
		max-width: 24rem;
	}
	#header:has(.gnav) .header-block.odex .header-logo {
		max-width: 18rem;
	}
	#header:has(.gnav) .header-block.perex .header-logo {
		max-width: 27rem;
	}
}

/* 日英メニュー */
header .menu-lang {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin-left: 2rem;
	gap: 1rem;
}
body:not(:is(
	.brex-entry, .odex-entry, .perex-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(
		.brex-entry, .odex-entry, .perex-entry
	) header .header-block {
		/*justify-content: space-between;*/ /* 今回は日英メニュー利用なし、ロゴセンター表示のためコメントアウト */
	}
	header .menu-lang a {
		font-size: 1.4rem;
	}
}

/* 来場登録・ログイン導線 */
body:is(
	.brex-entry, .odex-entry, .perex-entry /* 来場登録への導線は登録フォームでは非表示 */
) .header-visit-entry-button {
	display: none;
}
body:is(
	.brex-entry, .odex-entry, .perex-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: #E70027;
    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: #E70027;
    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__title {
    text-align: center;
    word-break: keep-all;
    overflow-wrap: break-word;
}

/* 本文 */
.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 .about-privacy ul li {
	padding-left: 1em;
	text-indent: -1em;
}

/* 講演予約チェックボックス */
.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;
	}
}

/* 会期日程により以下を変更 */
/* 2日間の場合 */
.seminar-list .p-schedule-nav__inner {
	grid-template-columns: repeat(2, 1fr);
}
/* 3日間の場合 */
/*.seminar-list .p-schedule-nav__inner {
	grid-template-columns: repeat(3, 1fr);
}*/

/* タイムテーブルの18時以降を非表示に */
.seminar-list .p-timeline__list {
	height: 296rem;
}
@media screen and (max-width: 767.9px) {
	.seminar-list .p-timeline__list {
		height: 244rem;
	}
}

/* =====================================================
*  セミナー詳細
===================================================== */
/* 本文 */
.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);
	}
}

/* 会期日程により以下を変更 */
/* 2日間の場合 */
.seminar-detail .p-schedule-nav__inner {
	grid-template-columns: repeat(2, 1fr);
}
.seminar-detail .p-search-filters__header .p-schedule-nav__inner {
	max-width: 92rem;
}
/* 3日間の場合 */
/*.seminar-detail .p-schedule-nav__inner {
	grid-template-columns: repeat(3, 1fr);
}
.seminar-detail .p-search-filters__header .p-schedule-nav__inner {
	max-width: 100.5rem;
}*/

/* =====================================================
*  マイページ
===================================================== */
#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別の色指定
===================================================== */
/* BREX */
.brex-expo {--expo-color: #333333;} /* BREX：デフォルト */
.brex-expo1 {--expo-color: #42A737;} /* BREX：住宅ビジネスフェア */
.brex-expo2 {--expo-color: #694230;} /* BREX：非住宅 木造建築フェア */
.brex-expo3 {--expo-color: #595757;} /* BREX：ビル建築EXPO */
.brex-expo4 {--expo-color: #A8A6A6;} /* BREX：ビルマネ・ビルメンEXPO */
.brex-expo5 {--expo-color: #E2751C;} /* BREX：マンション総合EXPO */
.brex-expo6 {--expo-color: #E2751C;} /* BREX：マンション管理組合 サポート展 */
.brex-expo7 {--expo-color: #E89211;} /* BREX：賃貸住宅 管理・仲介EXPO */
.brex-expo8 {--expo-color: #DEB500;} /* BREX：建物の防災EXPO */
.brex-expo9 {--expo-color: #F8D29A;} /* BREX：賃貸住宅 管理・仲介EXPO（全宅管理特設ブース） */
.brex-expo10 {--expo-color: #BE8870;} /* BREX：非住宅 木造建築フェア（建築士相談ブース） */
.brex-expo11 {--expo-color: #FFDE53;} /* BREX：建物の防災EXPO（非常食 試飲・試食コーナー） */
.brex-expo12 {--expo-color: #FF6600;} /* BREX：不動産売買ゾーン */
.brex-category01 {--expo-cat-color: #0D8540;} /* BREX：講演会場 */
.brex-category02 {--expo-cat-color: #5F9F06;} /* BREX：セミナー会場 */
.brex-category03 {--expo-cat-color: #0D8540;} /* BREX：交流会 */
/* ODEX */
.odex-expo {--expo-color: #333333;} /* ODEX：デフォルト */
.odex-expo1 {--expo-color: #104861;} /* ODEX：自治体デジタル化 支援EXPO */
.odex-expo2 {--expo-color: #215C98;} /* ODEX：セールス 高度化・効率化EXPO */
.odex-expo3 {--expo-color: #2C58BA;} /* ODEX：人事・労務・採用 支援EXPO */
.odex-expo4 {--expo-color: #0070C0;} /* ODEX：経理・財務 サポートEXPO */
.odex-expo5 {--expo-color: #4D93D9;} /* ODEX：社内業務効率化EXPO */
.odex-expo6 {--expo-color: #44B3E1;} /* ODEX：経営戦略EXPO */
.odex-expo7 {--expo-color: #A6C9EC;} /* ODEX：SaaS・IT資産 管理EXPO */
.odex-expo8 {--expo-color: #83CCEB;} /* ODEX：AI活用支援EXPO */
.odex-expo9 {--expo-color: #C0E6F5;} /* ODEX：オフィス環境改善EXPO */
.odex-expo10 {--expo-color: #DAE9F8;} /* ODEX：自治体DX推進協議会ゾーン */
.odex-category01 {--expo-cat-color: #1B294F;} /* ODEX：講演会場 */
.odex-category02 {--expo-cat-color: #B0A0CB;} /* ODEX：セミナー会場 */
.odex-category03 {--expo-cat-color: #1B294F;} /* ODEX：交流会 */
/* PEREX */
.perex-expo {--expo-color: #333333;} /* PEREX：デフォルト */
.perex-expo1 {--expo-color: #F20C74;} /* PEREX：人材不足・人手不足 対策EXPO */
.perex-expo2 {--expo-color: #F20C74;} /* PEREX：人材不足・人手不足 対策EXPO [PEREX]（トライアル） */
.perex-category01 {--expo-cat-color: #AC0E4E;} /* PEREX：講演会場 */
.perex-category02 {--expo-cat-color: #E8A5AC;} /* PEREX：セミナー会場 */
.perex-category03 {--expo-cat-color: #AC0E4E;} /* PEREX：交流会 */

/* 出展社一覧ページ：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(
	.brex-expo9, .brex-expo11, .odex-expo7, .odex-expo9, .odex-expo10
) .filter-checkbox__input:checked + .filter-checkbox__txt {
	color: #333;
}

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

/* 出展社詳細ページ：小間番号 */
.exhibitors-detail .c-exhibitors-company__area {
	background: var(--expo-color);
	color: #FFF;
	white-space: nowrap;
}
/* 背景色が薄い場合に文字色を変更 */
.exhibitors-detail .c-exhibitors-company__area:is(
	.brex-expo9, .brex-expo11, .odex-expo7, .odex-expo9, .odex-expo10
) {
	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(
	.brex-expo9, .brex-expo11, .odex-expo7, .odex-expo9, .odex-expo10
) .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(
	.brex-expo9, .brex-expo11, .odex-expo7, .odex-expo9, .odex-expo10
) .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(
	.brex-expo9, .brex-expo11, .odex-expo7, .odex-expo9, .odex-expo10
) .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(
	.brex-expo9, .brex-expo11, .odex-expo7, .odex-expo9, .odex-expo10
) .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;
}