@charset "utf-8";

:root {
	/* Font-size */
	--font-12: 12px;
	--font-13: 13px;
	--font-14: 14px;
	--font-15: 15px;
	--font-16: 16px;
	--font-18: 18px;
	--font-20: 20px;
	--font-25: 25px;
	--font-28: 28px;
	--font-30: 30px;
	--font-35: 35px;
	--font-50: 50px;
	/* color */
	--color-communications: #ff7612;
	--color-power: #e54c4c;
	--color-ai: #6594ff;
	--color-infrastructure: #05b90c;
	--color-lca: #cc6004;
	--color-energy: #00b27b;
	--color-mobility: #a96fed;
	--color-service: #4e4ad8;
}




/*見出し*/
.title-main h4 {
	font-family: "LINESeedJP", sans-serif;
	color: #000;
	font-size: var(--font-35);
	font-weight: bold;
	line-height: 1.4;
}

.title-main span {
	display: block;
	width: max-content;
	margin: auto;
	font-size: var(--font-15);
	font-weight: bold;
	background: linear-gradient(to right, #016ad3, #e966f2);
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
	letter-spacing: 0.5px;
	font-family: "Oswald", sans-serif;
}

.border_ttl {
	border-left: 2px solid;
	padding-left: 1em;
}

.white-bg {
	background: #fff;
}

.col {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

@media screen and (max-width: 768px) {
	.title-main h4 {
		font-size: var(--font-30);
	}
}

@media screen and (max-width: 480px) {
	.title-main h4 {
		font-size: var(--font-25);
	}
}


/*ボタン*/
#mainv .btn {
	text-shadow: rgba(0, 0, 0, 0.5) 1px 0 10px;
	letter-spacing: 0.1rem;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 2.3rem;
	background: linear-gradient(to right, #51d667, #90da5b 45%, #d3df4e 75%);
	left: 50%;
	transform: translateX(-50%);
	width: 275px;
	height: 60px;
	border: 3px solid #ffffff;
	margin-top: 30px;
}

#mainv .resist_btn {
	width: 350px;
	height: inherit;
	background: #016ad3;
	background: -moz-linear-gradient(right, #016ad3 0%, #e966f2 100%);
	background: -webkit-linear-gradient(right, #016ad3 0%, #e966f2 100%);
	background: linear-gradient(to right, #016ad3 0%, #e966f2 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#016ad3', endColorstr='#e966f2', GradientType=1);
}

#mainv .btn.online {
	flex-direction: column;
	line-height: 1.4;
	padding-top: 15px;
	margin-top: 20px;
	width: 350px;
	min-width: max-content;
}

#mainv .btn.online span {
	font-size: clamp(1.5rem, 1.243rem + 0.69vw, 1.8rem);
	display: inline-block;
	color: #a6fffe;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

#mainv .btn.online:hover span {
	color: #000000;
}


#mainv .btn::before {
	width: 40px;
	height: 40px;
}

#mainv .btn::after {
	color: #21AB38;
	width: 40px;
	height: 40px;
	right: 0.8rem;
	/* top: 0.7rem; */
	font-size: 2.8rem;
	line-height: 40px;
}

#mainv .resist_btn.btn::after {
	color: #016ad3;
}

#mainv .btn:hover {
	color: #000;
	text-shadow: rgb(255 255 255 / 50%) 1px 0 10px;
	border-color: #000;
	background: linear-gradient(to left, #51d667, #90da5b 45%, #d3df4e 75%);
}

#mainv .resist_btn:hover {
	background: #016ad3;
	background: -moz-linear-gradient(right, #016ad3 0%, #e966f2 100%);
	background: -webkit-linear-gradient(right, #016ad3 0%, #e966f2 100%);
	background: linear-gradient(to right, #016ad3 0%, #e966f2 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#016ad3', endColorstr='#e966f2', GradientType=1);
}


#mainv .btn:hover::before {
	background-color: #000;
}

#mainv .resist_btn:hover::before {}

#mainv .btn:hover::after {}

#mainv .resist_btn:hover::after {
	color: #fff;
}

/*背景*/

.bg_gray {
	background-color: #f4f4f4;
}

.bg_l-gray {
	background-color: #f8f8f8;
}

.bg_wh {
	background-color: #fff;
}

.bg_connect {
	background-image: url(../images/common/connectbg_full.webp);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.bg_connect_lr {
	background-image: url(../images/common/connectbg_l.webp), url(../images/common/connectbg_r.webp);
	background-repeat: no-repeat;
	background-position: left top, right bottom;
	background-size: 40% auto;
}

.bg_blue {
	background-color: #edfafd;
}

.bg_grd {
	background: #f4f7fb;
	background: -moz-linear-gradient(145deg, #f4f7fb 0%, #fdf5ff 100%);
	background: -webkit-linear-gradient(145deg, #f4f7fb 0%, #fdf5ff 100%);
	background: linear-gradient(145deg, #f4f7fb 0%, #fdf5ff 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f4f7fb', endColorstr='#fdf5ff', GradientType=1);
}

.boderbox_gray {
	padding: 1.2em;
	border: 1px solid #d3d3d3;
}

/*テキスト*/

.txt_gray {
	color: #606060;
}

.txt_bold {
	font-weight: 900;
}

.txt_att {
	text-indent: -1em;
	padding-left: 1em;
}

.txt_att:before {
	content: "※";
}

.txt_dod {
	text-indent: -1em;
	padding-left: 1em;
}

.txt_dod:before {
	content: "・";
}

.txt_center {
	text-align: center;
}

.txt_right {
	text-align: right;
}

.txt_red {
	color: #f00;
}

.txt_blue {
	color: #00249b;
}

.txt_blank {}

.txt_blank:after {
	font-family: "tunakuru_teaser", sans-serif;
	content: "\e90b";
	margin-left: 0.5rem;
}

.txt_arrow {
	padding-top: 8px;
}

/* .txt_arrow:after {
  content: "\f054";
  margin-left: 0.5rem;
} */

.txt_line_arrow {
	border-bottom: 1px solid;
	display: inline-block;
	padding: 0 2px 0 8px;
	font-weight: 700;
}

.txt_line_arrow:after {
	font-family: "tunakuru_teaser", sans-serif;
	content: "\f054";
	margin-left: 0.7rem;
	vertical-align: bottom;
}

/*リンク*/

.link_txt {
	color: #00249b;
	text-decoration: underline;
}

/*動画*/

.movie_cont {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	margin-top: 30px;
}

.movie_cont iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

/* 遅延読み込みのためのアニメーション */
.animation_fade {
	opacity: 0;
}

.animation_fade.active {
	animation: fadein 1s ease-in-out forwards;
}

@keyframes fadein {
	0% {
		opacity: 0;
		transform: translateY(50px);
	}

	50% {
		opacity: 0;
		transform: translateY(50px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}


/*スクロールダウン全体の場所*/
.scrolldown2 {
	/*描画位置※位置は適宜調整してください*/
	position: absolute;
	bottom: 0;
	/*left: 50%;*/
	right: 50px;
	font-family: "Oswald", sans-serif;
}

/*Scrollテキストの描写*/
.scrolldown2 span {
	position: absolute;
	left: 15px;
	bottom: 15px;
	color: #fff;
	font-size: 1.3rem;
	filter: drop-shadow(0px 0px 5px rgb(0 0 0 / 50%));
}

/* 丸の描写 */
.scrolldown2:before {
	content: "";
	/*描画位置*/
	position: absolute;
	bottom: 0;
	left: -4px;
	/*丸の形状*/
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #eee;
	filter: drop-shadow(0px 0px 5px rgb(0 0 0 / 100%));
	/*丸の動き1.6秒かけて透過し、永遠にループ*/
	animation: circlemove 1.6s ease-in-out infinite, cirlemovehide 1.6s ease-out infinite;
}

/*下からの距離が変化して丸の全体が上から下に動く*/
@keyframes circlemove {
	0% {
		bottom: 45px;
	}

	100% {
		bottom: -5px;
	}
}

/*上から下にかけて丸が透過→不透明→透過する*/
@keyframes cirlemovehide {
	0% {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	80% {
		opacity: 0.9;
	}

	100% {
		opacity: 0;
	}
}

/* 線の描写 */
.scrolldown2:after {
	content: "";
	/*描画位置*/
	position: absolute;
	bottom: 0;
	left: 0;
	/*線の形状*/
	width: 2px;
	height: 50px;
	background: #eee;
	filter: drop-shadow(0px 0px 5px rgb(0 0 0 / 50%));
}

.exhibitors_area_link {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	width: max-content;
	max-width: 70%;
}

.exhibitors_area_link a {
	background: #52D667e6;
	background: -moz-linear-gradient(right, #52D667e6 0%, #CDDA4Ce6 100%);
	background: -webkit-linear-gradient(right, #52D667e6 0%, #CDDA4Ce6 100%);
	background: linear-gradient(to right, #52d667e6 0%, #CDDA4Ce6 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#52D667e6', endColorstr='#CDDA4Ce6', GradientType=1);
	border-bottom: none;
	font-weight: bold;
	display: block;
	width: 100%;
	border-radius: 20px 20px 0 0;
	text-align: center;
	padding: 20px 30px 25px 40px;
	color: #fff;
	font-size: 2rem;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	position: relative;
	border: 2px solid #fff;
	border-bottom: none;
	line-height: 1;
}



.exhibitors_area_link a span {
	font-size: 2.6rem;
	margin-right: 5px;
}

.exhibitors_area_link a::after {
	font-family: 'Material Icons Round';
	content: 'keyboard_double_arrow_down';
	margin-left: 3px;
	animation: exhibitors_area_icon 0.8s linear infinite alternate;
	font-size: 2.8rem;
	position: relative;
}


@keyframes exhibitors_area_icon {
	0% {
		top: 5px;
	}

	100% {
		top: 10px;
	}
}


/*-----------------------mainv*/

#mainv {
	background-image: url(../images/top/2024_mv_bg.webp);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
	aspect-ratio: 16/9;
	width: 100%;
	max-height: 800px;
	/* padding-bottom: 30px; */
	overflow: hidden;
}

#mainv .mv_cont {
	position: relative;
	height: 100%;
	display: flex;
	align-items: center;
	left: -1%;
	width: 54%;
	max-width: 900px;
}

#mainv .mv_cont img {
	width: 100%;
	height: auto;
	/* background-size: cover; */
}

#mainv .mv_cont>img {
	position: relative;
	right: -2.5%;
}

#mainv .mv_logo {
	position: absolute;
	max-width: 100%;
	width: 65%;
	left: 50%;
	/* transform: translateX(-53%); */
	transform: translateX(-50%);
	margin-bottom: 0;
	top: 20%;
}

#mainv .mv_logo img {
	width: 100%;
	height: auto;
	/* background-size: cover; */
}

#mainv .mv_logo p {
	width: 104%;
	display: block;
	margin: auto;
	margin-left: -2%;
	margin-top: 10px;
	color: #fff;
	text-shadow: 0px 0px 10px #0c3967;
	text-align: center;
	line-height: 1.5;
	padding: 10px;
	font-size: 1.4rem;
	font-family: "LINESeedJP", sans-serif;
	background: #0f8e9d00;
	background: -moz-linear-gradient(right, #0f8e9d00 0%, #0f8e9d80 5%, #0f8e9d80 95%, #0f8e9d00 100%);
	background: -webkit-linear-gradient(right, #0f8e9d00 0%, #0f8e9d80 5%, #0f8e9d80 95%, #0f8e9d00 100%);
	background: linear-gradient(to right, #0f8e9d00 0%, #0f8e9d80 5%, #0f8e9d80 95%, #0f8e9d00 100%);
	background: linear-gradient(to right, #0f8e9d00 0%, #0f8e9d80 5%, #0f8e9d80 95%, #0f8e9d00 100%);
}

#mainv .mv_logo .app-exhibition {}

@keyframes flashing {
	0% {
		filter: drop-shadow(0px 0px 10px #73d0ff);
	}

	50% {
		filter: drop-shadow(0px 0px 0px #73d0ff);
	}

	100% {
		filter: drop-shadow(0px 0px 10px #73d0ff);
	}
}

.mv_online_batch .circle {
	animation: 10s linear infinite rotation;
	position: absolute;
	top: -0.8px;
	left: -0.8px;
}

@keyframes rotation {
	0% {
		transform: rotate(0);
	}

	100% {
		transform: rotate(360deg);
	}
}

.mv_online_batch .txt {
	position: absolute;
	left: 55px;
	top: 105px;
	width: 60%;
}

.mv_logo img {}

.mv_copy {}

.mv_copy img {}

.mv_date {}

/* 線の描写 */
.scrolldown2:after {
	content: "";
	/*描画位置*/
	position: absolute;
	bottom: 0;
	left: 0;
	/*線の形状*/
	width: 2px;
	height: 50px;
	background: #eee;
	filter: drop-shadow(0px 0px 5px rgb(0 0 0 / 50%));
}

/* スピンオフ告知 */

.event_link {
	animation: floating-y 1.8s ease-in-out infinite alternate-reverse;
	position: absolute;
	top: 15%;
	right: 13%;
	width: 200px;
	height: 200px;
	background: rgb(38, 53, 212);
	background: linear-gradient(217deg, rgba(38, 53, 212, 0.7) 0%, rgba(137, 219, 232, 0.7) 100%);
	filter: drop-shadow(0px 0px 5px rgb(0 0 0 / 50%));
	border-radius: 200px;
	overflow: hidden;
	border: 1px solid rgb(255, 165, 233, 0.5);
}

@keyframes floating-y {
	0% {
		transform: translateY(-5%);
	}

	100% {
		transform: translateY(5%);
	}
}

.event_link a {
	position: relative;
	height: 100%;
	padding: 20px 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 2.2rem;
	text-align: center;
	line-height: 1.2;
	font-weight: bold;
}

.event_link a span:last-of-type {
	margin-bottom: 25px;
}

.event_link a span:first-of-type {
	font-size: 1.6rem;
	background: rgb(0, 49, 159);
	background: linear-gradient(90deg, rgba(0, 49, 159, 1) 0%, rgba(0, 49, 159, 1) 15%, rgba(37, 144, 217, 1) 85%, rgba(37, 144, 217, 1) 100%);
	display: block;
	padding: 7px;
	width: 100%;
	margin-bottom: 8px;
}

.event_link a::before {
	content: "";
	position: absolute;
	transform: translateX(-50%);
	left: 50%;
	border-radius: 50%;
	color: #000000;
	background: #fff;
	bottom: 15px;
	transition: all 0.3s;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
	width: 34px;
	height: 34px;
}

.event_link a::after {
	position: absolute;
	font-family: 'Material Icons Round';
	content: 'keyboard_double_arrow_right';
	font-weight: bold;
	bottom: 15px;
	font-size: 1.8rem;
	text-align: center;
	line-height: 32px;
	transition: all 0.3s;
	text-shadow: none;
	transform: translateX(-50%);
	left: 50%;
	color: rgb(38 53 212 / 100%);
	width: 34px;
	height: 34px;
	font-size: 2.4rem;
	line-height: 34px;
}


@media screen and (max-width: 768px) {
	.event_link {
		top: 20%;
		right: 13%;
		width: 160px;
		height: 160px;
		padding: 10px 0;
	}

	.event_link a {
		font-size: 2.0rem;
	}

	.event_link a span:last-of-type {
		margin-bottom: 20px;
	}

	.event_link a span:first-of-type {
		font-size: 1.4rem;
	}

	.event_link a::before {
		width: 25px;
		height: 25px;
	}

	.event_link a::after {
		width: 25px;
		height: 25px;
		font-size: 2.0rem;
		line-height: 25px;
	}

}

@media screen and (max-width: 650px) {
	.event_link {
		display: none;
	}
}

.mv_txt_cont {
	background: #00000000;
	background: -moz-linear-gradient(right, #00000000 0%, #000000bf 10%, #000000bf 90%, #00000000 100%);
	background: -webkit-linear-gradient(right, #00000000 0%, #000000bf 10%, #000000bf 90%, #00000000 100%);
	background: linear-gradient(to right, #00000000 0%, #000000bf 10%, #000000bf 90%, #00000000 100%);
	background: linear-gradient(to right, #00000000 0%, #000000bf 10%, #000000bf 90%, #00000000 100%);
	color: #fff;
	text-align: center;
	padding: 1.5em;
	margin-top: 5%;
	font-size: 1.6rem;
	border-top: 1px solid;
	border-bottom: 1px solid;
}

#mainv .mv_txt_cont .btn {
	margin-top: 1em;
	font-size: 1.8rem;
	padding: 0.5em 3.5em;
	padding-right: 2.5em;
}

#mainv .mv_txt_cont .btn br {
	display: none;
}

#mainv .link_txt {
	color: #fff;
	display: block;
	text-align: center;
	margin-top: 15px;
}

#mainv .link_txt:before {
	margin-right: 5px;
}

@media screen and (max-width: 900px) {
	#mainv .mv_logo p {
		width: 120%;
		margin-left: -10%;
		word-break: keep-all;
	}
	#mainv .mv_logo p br.pc{
		display: none;
	}
}


@media screen and (max-width: 768px) {
	#mainv {
		aspect-ratio: unset;
		max-height: unset;
		padding-bottom: 50px;
	}

	#mainv .mv_cont {
		/* width: 60%; */
		width: 65%;
		padding: 50px 0 0;
	}

	#mainv .btn {
		font-size: 1.8rem;
		width: 100%;
		max-width: 250px;
		margin-top: 20px;
	}

	#mainv .btn::before {
		width: 32px;
		height: 32px;
	}

	#mainv .btn::after {
		width: 32px;
		height: 32px;
		font-size: 2.5rem;
		line-height: 32px;
	}
	.exhibitors_area_link a {
		padding: 15px 20px 20px 25px;
		font-size: 1.8rem;
	}

	.exhibitors_area_link a span {
		font-size: 2.2rem;
	}

	.exhibitors_area_link a::after {
		font-size: 2.2rem;
	}
}

@media screen and (max-width: 650px) {
	#mainv {
		background-position: right 13% top;
		padding-bottom: 60px;
	}

	#mainv .mv_cont {
		width: 100%;
		height: auto;
		left: 0%;
		top: 5%;
	}

	#mainv .btn {
		/* font-size: 1.6rem; */
		height: auto;
	}
}

@media screen and (max-width: 480px) {
	.exhibitors_area_link a {
		padding: 15px 10px 15px 20px;
		font-size: 1.8rem;
	}

	.exhibitors_area_link a span {
		font-size: 2rem;
	}
}

/*-----------------------briefing-session_btn*/

#top_briefing-session {
	width: 100%;
	border-top: 1px solid #fff;
}

#top_briefing-session a {
	width: 100%;
	display: flex;
	align-items: center;
	background: #54C7D6;
	color: #fff;
	word-break: auto-phrase;
}

.overview-registration {
	display: flex;
	width: 100%;
	justify-content: center;
	padding: 10px 15px 20px;
	gap: 15px;
	font-size: 1.5em;
	margin-bottom: 0;
	align-items: center;
	letter-spacing: 0.02em;
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	background: linear-gradient(to right, #00b7ce 0%, #2bdbf2 100%);
}

.overview-registration::before {
	content: '';
	display: inline-block;
	width: 2.3em;
	height: 2.3em;
	background-image: url(../images/top/seminar_icon.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	/* bottom: -6px; */
	bottom: -3px;
	position: relative;
}

.overview-registration span {
	margin: 0;
	padding: 0;
	display: contents;
	font-size: 0.9em;
}


.regist_nam {
	font-size: 1.6em !important;
}


.apply-here {
	display: flex;
	width: 40%;
	justify-content: center;
	justify-content: center;
	padding: 15px;
	padding-left: 20px;
	font-size: 1.5em;
	font-weight: 700;
	gap: 15px;
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	text-align: center;
}

.apply-here::after,
.overview-registration::after {
	font-family: 'Material Icons Round';
	content: 'keyboard_double_arrow_right';
}

.overview-registration::after {
	/* bottom: -7px; */
	right: 5px;
	position: relative;
}

.txt_sp {
	display: none;
}

@media screen and (max-width: 900px) {
	.overview-registration {
		font-size: 1.3em;
	}

	.overview-registration::before {
		width: 2em;
	}
}

@media screen and (max-width: 768px) {

	.apply-here,
	.overview-registration {
		font-size: 1.2em;
	}
}

@media screen and (max-width: 480px) {
	.txt_sp {
		display: block;
	}

	#top_briefing-session {
		border-bottom: 1px solid #fff;
	}

	#top_briefing-session a {
		background: #54C7D6;
	}

	.overview-registration {
		width: 100%;
		/* padding: 17px 15px 15px; */
		padding: 15px;
		/* padding-right: 20px; */
		/* font-size: 0.9em; */
		line-height: 1.4;
	}

	.overview-registration::before {
		/* width: 3.2em; */
		width: 2em;
		height: 3.2em;
		/* bottom: 0px; */
		right: 0;
	}

	.overview-registration::after {
		bottom: 0px;
	}

	.apply-here {
		font-size: 1em;
		gap: 10px;
		width: 45%;
		padding: 10px;
		padding-left: 20px;
	}

	.overview-registration::after {
		bottom: 0px;
		font-size: 1.3em;
	}
}


/*-----------------------news*/


#news {
	padding-top: 80px;
}

#news .title-main {
	width: 35%;
}

#news .title-main {
	padding: 0;
	padding-bottom: 30px;
}

#news .topic_list {
	width: 65%;
	margin-bottom: 0;
}

#news ul .topic_list_item {
	padding-bottom: 10px;
	border-bottom: 1px solid #dbdbdb;
	margin-bottom: 10px;
}

#news ul .topic_list_item:after {
	content: none;
}

#news ul .topic_list_item .txt_arrow span {
	font-size: 11px;
	color: #1a609b;
	padding-left: 10px;
}

#news ul .topic_list_item:last-child {
	padding-bottom: unset;
	margin-bottom: unset;
	border-bottom: unset;
}

#news .news-block {
	align-items: center;
	display: flex;
	gap: 30px;
	justify-content: space-between;
	padding: 60px 70px;
	background: #f8f8f8;
	border-radius: 30px;
	width: 96%;
	margin: auto;
}

#news .news-block .news-bg-bl {
	background-image: url(../images/common/ttl_bg.webp);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	text-align: center;
	padding: 30px 0;
}

#news .btn-block {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	padding: 0px 10px 0px 10px;
}

/* #news .btn-block .notice-list {
	font-size: var(--font-16);
	color: #fff;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	border-color: #1a629b;
	background: #1a629b;
	font-size: var(--font-15);
} */

#news .btn-block .notice-list.btn {
	/* left: unset; */
	/* transform: unset; */
	margin: unset;
	width: 200px;
	font-size: var(--font-15);
	/* height: 50px; */
}

#news .btn-block .notice-list.btn::after {}

#news .btn-block.res_pc {}

#news .btn-block.res_sp {
	display: none;
}


@media screen and (max-width: 768px) {
	#news .news-block {
		gap: 20px;
		padding: 40px 20px 80px 20px;
	}
}

@media screen and (max-width: 650px) {
	#news {
		padding-top: 30px;
	}

	#news .news-block {
		flex-direction: column;
		padding: 0 20px 70px 20px;
	}

	#news .topic_list {
		width: 100%;
	}

	#news .title-main {
		width: 100%;
		display: grid;
		grid-template-columns: 1fr;
		background-image: url(../images/common/ttl_bg.webp);
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		margin-bottom: 0;
	}

	#news .news-block .news-bg-bl {
		background-image: unset;
		display: flex;
		align-items: baseline;
	}

	#news .news-block .news-bg-bl h4 {
		margin: auto;
	}

	#news .news-block .news-bg-bl h4 span {
		margin: auto;
	}

	#news .btn-block {
		padding-top: unset;
	}

	#news .btn-block.res_pc {
		display: none;
	}

	#news .btn-block.res_sp {
		display: block;
	}


	.news_list {
		width: 100%;
		padding-bottom: unset;
	}

}

#top_news {
	filter: drop-shadow(0px 0px 10px rgb(0 0 0 / 10%));
	/* height: 80px; */
	background: #fff;
	width: 100%;
	display: grid;
	grid-template-columns: 160px 1fr 130px;
	position: relative;
}

#top_news .news_list {
	padding: 15px 20px;
}

#top_news .ttl_cont {
	/* min-width: 160px; */
	/* width: 10%; */
	color: #fff;
	align-items: center;
	display: flex;
	/* -webkit-transition: all 0.3s; */
	-o-transition: all 0.3s;
	/* transition: all 0.3s; */
	margin-bottom: 0;
	padding: 0;
	background: linear-gradient(135deg, #53DFE9 0%, #be42c7 105%);
}

#top_news .ttl_cont h3 {
	font-family: "Oswald", sans-serif;
	font-size: var(--font-30);
	line-height: 1.4;
	width: max-content;
	margin: 0 auto;
	/* -webkit-transition: all 0.3s; */
	-o-transition: all 0.3s;
	/* transition: all 0.3s; */
	text-shadow: rgb(158 40 166 / 50%) 0px 0 20px;
}

.news_cont {
	margin-right: auto;
	display: flex;
	flex-wrap: wrap;
	padding-left: 20px;
	width: 100%;
	justify-content: space-between;
	align-items: center;
}

.news_list {
	margin-right: auto;
	/* width: calc(100% - 170px); */
	width: 100%;
	display: flex;
	padding: 5px 0;
	/* padding-bottom: 9px; */
	flex-wrap: wrap;
	align-content: flex-start;
	align-items: center;
}

.news_list dt {
	font-weight: 400;
	display: flex;
	order: 3;
	width: 100%;
}

.news_list dt:hover {
	color: #00249b;
}

.news_list dt a {
	padding-top: 0;
}


.news_list dd {
	font-weight: 700;
}

.news_date {
	color: #000;
}

.news_label {
	color: #fff;
	font-family: "Oswald", sans-serif;
	font-weight: bold;
	font-size: var(--font-12);
	background-color: #cc3333;
	line-height: 1;
	padding: 5px 20px;
	margin-left: 15px;
	display: inline-block;
	width: max-content;
	vertical-align: middle;
}

.news_label.newsflash {
	border-radius: 12px;
	background-color: #3365cc;
	padding: 3px 25px;
}

.news_label.news {
	background-color: #57b0d7;
	padding: 5px 13px;
	border-radius: 12px;
}

.news_label.informationfromexhibitors {
	background-color: #49517e;
}

.news_label.important {
	background-color: #cc3333;
}

.news_list .news_date {
	order: 1;
}

.news_list .news_label {
	order: 2;
}

#top_news .btn_cont {
	margin-top: 0;
	height: 100%;
}

#top_news .btn_cont a {
	padding: 0 10px 0 20px;
	border-left: 1px solid #ccc;
	font-family: "Oswald", sans-serif;
	font-weight: bold;
	font-size: 15px;
	height: 100%;
	display: flex;
	align-items: center;
	align-items: center;
	justify-content: center;
	margin-top: 0;
	color: #1A629B;
}

#top_news .btn_cont a::after {
	font-family: 'Material Icons Round';
	content: 'keyboard_double_arrow_right';
	margin-left: 3px;
}

#top_news .btn_cont a:hover {
	background-color: #1A629B;
	color: #fff;
	opacity: 1;
}

@media screen and (max-width: 768px) {
	#top_news {
		grid-template-columns: 100px 1fr 100px;
	}

	#top_news .btn_cont {
		text-align: center;
	}
}

@media screen and (max-width: 480px) {
	#top_news {
		grid-template-columns: 50% 50%;
	}

	#top_news .ttl_cont h3 {
		font-size: var(--font-20);
		padding: 10px 0;
	}

	#top_news .news_list {
		grid-column-start: 1;
		grid-column-end: 4;
	}

	#top_news .btn_cont {
		grid-column: 2 / 2;
		grid-row: 1 / 2;
	}

	#top_news .btn_cont a {
		border-left: none;
		border-bottom: 1px solid #ccc;
	}
}

/*-----------------------nowonair*/

#nowonair {
	background-image: url(../images/top/nowonair_bg.webp);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

#nowonair h3 {
	color: #fff;
	text-shadow: 0px 0px 10px #18497b;
}

#nowonair h3 span {
	text-shadow: none;
}

.nowonair_slider * {}

.nowonair_slider_item {
	margin: 10px;
	box-shadow: 0px 0px 5px 5px #18497b4d;
	border-radius: 6px;
}

.nowonair_slider_item a {
	/*border: 6px solid #fff;*/
	border: 2px solid #fff;
	display: block;
	border-radius: 6px;
}

.nowonair_slider_item a img {
	border-radius: 6px;
}





/* nowonair用スライダー設定 */

#nowonair .slick-slider {
	/*display: flex!important;*/
	/*flex-wrap: wrap!important;*/
	/*justify-content: center!important;*/
}

#nowonair .slick-list {
	order: 1 !important;
}

#nowonair .slick-prev,
#nowonair .slick-next {
	transform: none !important;
	/*position: relative!important;*/
	position: absolute !important;
	/*top: 32px!important;*/
	top: 38%;
	/*left: 0%;*/
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	background: #18497B !important;
	text-align: center !important;
	width: 25px !important;
	height: 25px !important;
	border-radius: 50px !important;
	filter: drop-shadow(0px 0px 10px rgb(0 0 0 / 20%));
	z-index: 10;
}

#nowonair .slick-prev:before {
	content: "\f053" !important;
}

#nowonair .slick-next:before {
	content: "\f054" !important;
}

#nowonair .slick-prev:before,
#nowonair .slick-next:before {
	font-family: 'tunakuru_teaser' !important;
	font-size: 13px !important;
	line-height: 1 !important;
	;
	color: #fff !important;
	opacity: 1 !important;
}

#nowonair .slick-prev {
	order: 2 !important;
	left: 0 !important;
}

#nowonair .slick-dots {
	position: relative !important;
	/*width: max-content!important;*/
	order: 3 !important;
	margin: 0 auto !important;
	bottom: -25px !important;
}

#nowonair .slick-next {
	right: 0 !important;
	order: 4 !important;
}

#nowonair .slick-initialized .slick-slide {}

#nowonair .slick-dots li button:before {
	opacity: 1 !important;
	color: #fff !important;
	font-size: 10px !important;
}

#nowonair .slick-dots li.slick-active button:before {
	opacity: 1 !important;
	color: #001855 !important;
}

@media screen and (max-width: 768px) {
	#nowonair .c_wrap {
		padding-left: 0;
		padding-right: 0;
	}

	#nowonair .slick-prev {
		left: 20px !important;
	}

	#nowonair .slick-next {
		right: 20px !important;
	}

}

@media screen and (max-width: 480px) {
	#nowonair .slick-dots {
		bottom: -30px !important;
	}
}



/*-----------------------concept*/

#concept {
	/* background-image: url(../images/top/concept-bg-2.webp); */
	background-image: url(../images/top/concept-bg-1.webp);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-color: #fafcff;
	position: relative;
	overflow: hidden;
	padding-bottom: 150px;
}

#concept::before {
	z-index: 1;
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 0;
	border-left: 100vw solid transparent;
	border-bottom: 150px solid #f8f8f8;
}

#concept .c_wrap {
	z-index: 1;
	padding-bottom: 25px;
}

#concept .bg-bottom {
	position: relative;
}

/*
#concept .bg-bottom::after {
  position: absolute;
  content: "";
  height: 2px;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fafcff;
} */

#concept::after {
	content: "";
	position: absolute;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url(../images/top/concept-tree.webp);
	width: 40%;
	height: 100%;
	top: -20px;
	right: -20px;
}

/* #concept p {
  width: 80%;
} */

#concept .concept-block {
	display: grid;
	grid-template-columns: 50% 48%;
	/* align-items: center; */
	gap: 2%;
}

#concept .bg_ttl_connect {
	padding: 30px 0;
	margin-bottom: 30px;
}

#concept h3 {
	font-size: var(--font-30);
}

#concept h4 {
	margin-bottom: 0;
	font-size: var(--font-20);
}

/* modal */
.modal {
	visibility: hidden;
	position: fixed;
	z-index: 1;
	padding-top: 200px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.9);
	opacity: 0;
	transition: all 0.3s;
}

.modal.show {
	visibility: visible;
	opacity: 1;
}

.modal-content {
	margin: auto;
	display: block;
	width: 80%;
	max-width: 700px;
	max-height: calc(100% - 200px);
	transition: transform 0.3s;
}

.modal.hide .modal-content {
	transform: scale(0.5);
}

.close {
	position: absolute;
	margin-top: 100px;
	top: 15px;
	right: 35px;
	color: #f1f1f1;
	font-size: 40px;
	font-weight: bold;
	transition: 0.3s;
}

.close:hover,
.close:focus {
	color: #bbb;
	text-decoration: none;
	cursor: pointer;
}

#concept .concept-block p {
	font-size: var(--font-16);
	color: #fff;
	/* width: 49%; */
	display: block;
	line-height: 2;
}

#concept .concept-block figure {
	border: 2px solid #fff;
	border-radius: 10px;
	overflow: hidden;
	height: max-content;
}

#concept .concept-block figure .zoom_icon {
	display: block;
	position: relative;
}

#concept .concept-block figure .zoom_icon::before {
	content: "";
	background-color: #ffffff80;
	display: block;
	width: 25px;
	height: 25px;
	bottom: 0;
	right: 0;
	position: absolute;
	border-top-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

#concept .concept-block figure .zoom_icon::after {
	font-family: 'Material Icons Round';
	content: 'search';
	color: #fff;
	display: block;
	width: 25px;
	height: 25px;
	text-align: center;
	bottom: 0;
	right: 0;
	position: absolute;
}

@media screen and (max-width: 768px) {
	#concept {
		background-position: unset;
	}

	#concept::before {
		border-bottom: 100px solid #f8f8f8;
	}

	#concept::after {
		background-size: 70%;
		width: 100%;
		height: 40%;
		top: 45px;
		right: -42%;
	}

	#concept .c_wrap {}

	#concept .bg_ttl_connect {
		padding: 30px 0;
		margin-bottom: 0;
	}

	#concept .concept-block {
		grid-template-columns: 1fr;
		gap: 30px;
	}

	#concept .concept-block p {
		width: 100%;
		line-height: 1.8;
		font-size: 1.6rem;
	}

	#concept .concept-block figure {
		margin: auto;
		width: 100%;
		max-width: 500px;
	}
}

@media screen and (max-width: 650px) {
	#concept h3 {
		font-size: var(--font-25);
	}

	#concept h4 {
		font-size: var(--font-18);
	}
}

/*-----------------------exhibitors_area*/

#exhibitors_area {
	/* background-color: #F0F9FF; */
	background-image: url(../images/top/exhibitor-bg-3.webp), url(../images/top/exhibitor-bg-1.webp);
	background-repeat: no-repeat;
	background-position: top center;
	/* background-size: contain; */
	background-size: cover;
	overflow: hidden;
	padding-bottom: 30px;
}

#exhibitors_area h3,
#exhibitors_area p.txt_center {
	/* text-shadow: 0px 0px 10px #fff; */
	color: #fff;
}

#exhibitors_area h3 span {
	color: #53dfe9;
}

#exhibitors_area p.txt_center {
	font-weight: 700;
}

.exhibitors_area_list_cont {
	display: inline-block;
	width: 100%;
	margin-top: 50px;
}

.exhibitors_area_list {
	margin-top: 50px;
	justify-content: center;
	/* aspect-ratio: 2 / 1; */
}

.exhibitors_area_list .slick-track {
	display: flex;
	flex-wrap: wrap;
	flex: auto;
	width: 100% !important;
}

.exhibitors_area_list li {
	width: 24% !important;
	aspect-ratio: 1 / 1;
	background: #fff;
	margin: 0.5%;
	/* width: 23.5%; */
	/*width: 25%;*/
	/*float: left;*/
	/*margin-right: 1%;*/
	/* margin-bottom: 1.5%; */
	/* background: #fff; */
	/* margin-right: 1.5%; */
	/* display: none !important; */
}

.exhibitors_area_list li img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}


/* .exhibitors_area_list li.slick-active {
	display: block !important;
} */

/* .exhibitors_area_list li:nth-child(4n),
.exhibitors_area_list li:nth-child(3n),
.exhibitors_area_list li:last-child{
  margin-right: 0;
} */



.exhibitors_area_list li.no_img {
	border: 1px solid #707070;
	font-family: 'Oswald', "LINESeedJP", sans-serif;
	font-weight: 700;
	font-size: 2rem;
	color: #606060;
	display: flex;
	align-items: center;
	justify-content: center;
}

#exhibitors_area .btn_cont {
	justify-content: center;
}

#exhibitors_area .btn_cont a {
	width: 300px;
}

#exhibitors_area .btn_cont a+a {
	margin-left: 2%;
}

@media screen and (max-width: 768px) {
	.exhibitors_area_list {
		/* aspect-ratio: 91 / 90; */
	}

	.exhibitors_area_list li {
		width: 32% !important;
	}

	/* .exhibitors_area_list li:nth-child(4n){
      margin-right: 1%;
  } */
	/* .exhibitors_area_list li:nth-child(3n){
      margin-right: 0;
  } */
	.exhibitors_area_list li.no_img {
		/*width: 66%;*/
		width: 100%;
		padding: 10px;
		font-size: 1.5rem;
		border: none;
		background: rgb(233 233 233 / 50%);
	}

	#exhibitors_area .btn_cont {
		flex-direction: column;
	}

	#exhibitors_area .btn_cont a {
		margin: auto;
	}

	#exhibitors_area .btn_cont a+a {
		margin-top: 2%;
		margin-left: auto;
	}
}

@media screen and (max-width: 480px) {
	.exhibitors_area_list {
		margin-top: 30px;
	}

	/* .exhibitors_area_list li,
  .exhibitors_area_list li.no_img {
      width: 48%;
      margin-bottom: 3%;
      margin-right: 3%;
  }
  .exhibitors_area_list li:nth-child(3n){
      margin-right: 3%;
  }
  .exhibitors_area_list li:nth-child(2n){
      margin-right: 0;
  }
  .exhibitors_area_list li.no_img{
      font-size: 1.2rem;
  } */
	#exhibitors_area p.txt_center {
		text-align: left;
	}
}


/*-----------------------category*/

#category {
	background-color: #f8f8f8;
}

#category .c_wrap {
	padding: 60px 0px 50px 0px;
	max-width: 100%;
}


.category_col_list {}

.category_col_list li {
	display: flex;
}


.category_col_list li:nth-child(1) {
	background-color: #3e8ddc;
}

.category_col_list li:nth-child(2) {
	background-color: #05a8b4;
}

.category_col_list li:nth-child(3) {
	background-color: #f58d40;
}

.category_col_list li+li {}

.category_col_list li:nth-child(even) {
	flex-direction: row-reverse;
}

.category_col_list li figure {
	width: 45%;
	aspect-ratio: 2/1;
	min-height: 200px;
	/* max-height: 250px; */
	height: auto;
	overflow: hidden;
}

.category_col_list li figure img {
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.category_col_list li .category_electric-block {
	display: flex;
	flex-direction: column;
	/* align-items: center; */
	align-self: center;
	height: 100%;
	width: 55%;
	position: relative;
	padding: 20px 60px;
}

.category_col_list li:nth-child(1) .category_electric-block,
.category_col_list li:nth-child(3) .category_electric-block {
	padding-left: 20px;
}

.category_col_list li:nth-child(2) .category_electric-block {
	padding-right: 20px;
}


.category_col_list li:nth-child(1):after,
.category_col_list li:nth-child(3)::after {
	position: absolute;
	content: "";
	width: 60px;
	height: 100%;
	background-image: url(../images/top/features-colum-sub-1.webp);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	left: calc(45% - 60px);
	top: 0;
}

.category_col_list li:nth-child(1):before,
.category_col_list li:nth-child(3)::before {
	position: absolute;
	content: "";
	width: 60px;
	height: 100%;
	background-image: url(../images/top/features-colum-1.webp);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	right: 0;
}

.category_col_list li:nth-child(2):after {
	position: absolute;
	content: "";
	width: 60px;
	height: 100%;
	background-image: url(../images/top/features-colum-sub-2.webp);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	right: calc(45% - 60px);
	top: 0;
}

.category_col_list li:nth-child(2)::before {
	position: absolute;
	content: "";
	width: 60px;
	height: 100%;
	background-image: url(../images/top/features-colum-2.webp);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	left: 0;
}

.category_col_list li:nth-child(3)::after {
	background-image: url(../images/top/features-colum-sub-3.webp);
}

.category_col_list li:nth-child(3)::before {
	background-image: url(../images/top/features-colum-3.webp);
}

.category_col_list li h5 {
	color: #fff;
	margin-bottom: 0;
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: bold;
}

.category_col_list li p {
	font-weight: bold;
	font-size: 1.6rem;
	color: #fff;
	line-height: 2;
	display: inline-block;
	background: -webkit-linear-gradient(to right, #8e88df 0%, #ff839c 100%);
	/* z-index: -1; */
	word-break: auto-phrase;
}

.category_col_list li:nth-child(even).category_electric-block h5 {
	padding-right: 30px;
	padding-left: 45px;
}

@media screen and (max-width: 768px) {
	.category_col_list li h5 {
		font-size: 18px;
	}

	.category_col_list li p {
		font-size: 1.5rem;
		line-height: 1.6;
	}
}

@media screen and (max-width: 650px) {
	.category_col_list li {
		flex-wrap: wrap;
	}

	.category_col_list li figure {
		width: 100%;
		aspect-ratio: unset;
		min-height: auto;
		height: 150px;
	}

	.category_col_list li .category_electric-block {
		width: 100%;
		padding: 20px;
	}

	.category_col_list li:nth-child(1)::before,
	.category_col_list li:nth-child(2)::before,
	.category_col_list li:nth-child(3)::before {
		height: 150px;
		left: 0;
		top: 0;
		transform: rotate(180deg);
	}

	.category_col_list li:nth-child(1)::after,
	.category_col_list li:nth-child(2)::after,
	.category_col_list li:nth-child(3)::after {
		height: 150px;
		right: 0;
		top: 0;
		left: unset;
		opacity: 0.5;
	}

	.category_col_list li:nth-child(2)::before {
		transform: rotate(0);
	}

	.category_col_list li:nth-child(2)::after {
		transform: rotate(180deg);
	}
}

/*-----------------------exhibitor-main*/

#exhibitor-main {
	background-image: url(../images/top/exhibitor-bg-3.webp), url(../images/top/exhibitor-bg-1.webp);
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	overflow: hidden;
}

#exhibitor-main::after {
	z-index: 1;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	border-right: 100vw solid transparent;
	border-top: 10vw solid #f8f8f8;
}


#exhibitors.c_wrap {
	padding: 80px 20px 0px 20px;
	z-index: 2;
}

#exhibitors ul {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 12px;
}

#exhibitors ul li {}

#exhibitors ul li:first-child {
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	text-align: center;
	color: #fff;
	line-height: 1.4;
}

#exhibitors ul li:first-child h4 {
	font-size: var(--font-30);
	margin-bottom: 0;
}

#exhibitors ul li:first-child span {
	font-family: "Oswald", sans-serif;
	display: block;
	color: #53dfe9;
	font-size: var(--font-15);
	font-weight: bold;
	margin-top: 0.8rem;
}

#exhibitors ul li:nth-child(7) figure::before,
#exhibitors ul li:nth-child(8) figure::before {
	position: absolute;
	content: "";
	background-image: url(../images/top/exhibitor-list-new.webp);
	background-size: contain;
	background-repeat: no-repeat;
	width: 37.5%;
	height: 90px;
	left: 5px;
	top: 10px;
}

#exhibitors .exhibitor-ct-bl {}

#exhibitors .exhibitor-ct-bl figure {
	position: relative;
}

#exhibitors .exhibitor-ct-bl img {
	width: 100%;
	height: auto;
	display: block;
	object-fit: cover;
}

#exhibitors ul li figure {
	position: relative;
}

#exhibitors ul li figure figcaption {
	position: absolute;
	font-family: "Oswald", sans-serif;
	font-size: var(--font-14);
	font-weight: bold;
	bottom: 25px;
	left: 20px;
	color: #fff;
	opacity: 0.75;
	line-height: 21px;
}


#exhibitors ul li:nth-child(4) figure::after,
#exhibitors ul li:nth-child(6) figure::after {
	content: "";
}

#exhibitors .exhibitor-ct-bl .exhibitor-text-bl {
	position: relative;
	display: flex;
	align-items: start;
	flex-wrap: nowrap;
	padding: 30px 20px 20px 20px;
}

#exhibitors .exhibitor-ct-bl .exhibitor-text-bl>h4 {
	position: absolute;
	font-size: var(--font-28);
	color: #fff;
	font-weight: bold;
	top: -25px;
	left: 20px;
	font-family: "LINESeedJP", sans-serif;
}


#exhibitors .exhibitor-ct-bl .exhibitor-text-bl h5 {
	font-size: var(--font-16);
	font-family: "LINESeedJP", sans-serif;
	font-weight: bold;
	padding-right: 15px;
	color: #fff;
	line-height: 1.2;
	width: 20%;
}

#exhibitors .exhibitor-ct-bl .exhibitor-text-bl p {
	color: #fff;
	width: 80%;
	font-size: var(--font-15);
	padding-left: 15px;
	line-height: 20px;
	border-left: 1px solid #fff;
}

/* Exhibitors list color */
/* vehicles */
#exhibitors .vehicles-bg {}

#exhibitors .vehicles-bd-color {
	border-top: 3px solid var(--color-communications);
	background-color: var(--color-communications);
}

/* power */
#exhibitors .power-bg {}

#exhibitors .power-bd-color {
	border-top: 3px solid var(--color-power);
	background-color: var(--color-power);
}

/* AI */
#exhibitors .ai-bg {}

#exhibitors .ai-bd-color {
	border-top: 3px solid var(--color-ai);
	background-color: var(--color-ai);
}

/* Infrastructure */
#exhibitors .infrastructure-bg {}

#exhibitors .infrastructure-bd-color {
	border-top: 3px solid var(--color-infrastructure);
	background-color: var(--color-infrastructure);
}

/* LCA */
#exhibitors .LCA-bg {}

#exhibitors .LCA-bd-color {
	border-top: 3px solid var(--color-lca);
	background-color: var(--color-lca);
}

/* Energy */
#exhibitors .energy-bg {}

#exhibitors .energy-bd-color {
	border-top: 3px solid var(--color-energy);
	background-color: var(--color-energy);
}

/* Advanced Mobility */
#exhibitors .advanced-bg {}

#exhibitors .advanced-bd-color {
	border-top: 3px solid var(--color-mobility);
	background-color: var(--color-mobility);
}

#exhibitor-plan.c_wrap {
	padding-top: unset;
	padding-bottom: 100px;
}

#exhibitor-plan .bg_ttl_connect {
	margin-bottom: 0;
	color: #fff;
}

#exhibitor-plan .title-main h4 {
	color: #fff;
}

#exhibitor-plan ul {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 10px;
	/* justify-content: space-between; */
}

#exhibitor-plan ul li {
	/* width: 33.333333%; */
	/* max-width: 100%; */
	background-color: #fff;
	position: relative;
	border-bottom: 3px solid;
	display: grid;
	grid-template-rows: subgrid;
	grid-row: span 3;
	row-gap: 0;
}

#exhibitor-plan ul li.triala-plan--bd-color {
	border-color: #f8467d;
}

#exhibitor-plan ul li.trialb-plan--bd-color {
	border-color: #8d46f8;
}

#exhibitor-plan ul li.basic-plan--bd-color {
	border-color: #227fff;
}

#exhibitor-plan ul li.hybrid-plan--bd-color {
	border-color: #ff9d01;
}

#exhibitor-plan ul li.triala-plan--bd-color h3 {
	background: linear-gradient(to right, #f8467d, #d51d95);
}

#exhibitor-plan ul li.trialb-plan--bd-color h3 {
	background: linear-gradient(to right, #8d46f8, #b41dd5);
}

#exhibitor-plan ul li.basic-plan--bd-color h3 {
	background: linear-gradient(to right, #227fff, #055bd1);
	padding: 25px 0;
}

#exhibitor-plan ul li.hybrid-plan--bd-color h3 {
	background: linear-gradient(to right, #ff9d01, #e37a00);
	padding: 25px 0;
}

#exhibitor-plan ul li.hybrid-plan--bd-color h3 span {
	/* padding: 1px 12px; */
	/* padding: 1.5px 8px 0 8.4px;
	vertical-align: middle;
	background-color: #fff6b1;
	color: #ff7600;
	font-size: var(--font-16);
	font-weight: bold;
	border-radius: 20px;
	margin-right: 10px; */
}

#exhibitor-plan ul li h3 {
	font-family: "LINESeedJP", sans-serif;
	position: relative;
	background-color: orange;
	font-size: var(--font-25);
	font-weight: bold;
	color: #fff;
	text-align: center;
	padding: 12.5px 0;
	margin-bottom: 0;
}

#exhibitor-plan ul li h3 span {
	font-size: var(--font-15);
	display: block;
	width: max-content;
	margin: auto;
	background: #0000004d;
	padding: 5px 10px;
	border-radius: 50px;
	line-height: 1;
}



#exhibitor-plan ul li .plan-ttl--en {
	position: absolute;
	top: -15px;
	left: 0;
	width: 100%;
	text-align: center;
	font-size: var(--font-14);
	font-family: "Oswald", sans-serif;
	font-weight: bold;
	color: #ffffff;
	opacity: 0.75;
	z-index: 1;
}


#exhibitor-plan ul li .price {
	font-weight: bold;
	font-size: var(--font-15);
	border-bottom: 1px solid #dbdbdb;
	text-align: center;
	margin: 0 20px;
	padding: 15px 0;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	line-height: 1.2;
}

#exhibitor-plan ul li.triala-plan--bd-color .price {
	color: #f8467d;
}

#exhibitor-plan ul li.trialb-plan--bd-color .price {
	color: #8d46f8;
}

#exhibitor-plan ul li.basic-plan--bd-color .price {
	color: #227fff;
}

#exhibitor-plan ul li.hybrid-plan--bd-color .price {
	color: #ff9d01;
}


#exhibitor-plan ul li .price .en {
	font-size: var(--font-25);
}

#exhibitor-plan ul li .price span {
	font-size: var(--font-35);
}

#exhibitor-plan ul li .price p+p {
	margin-top: 5px;
}

#exhibitor-plan ul li .price span.small {
	font-size: var(--font-15);
}

#exhibitor-plan ul li .price span.small .en {
	font-size: var(--font-14);
}

#exhibitor-plan ul li .price span.small span {
	font-size: var(--font-18);
}

#exhibitor-plan ul li .content {
	padding: 20px 20px 20px 35px;
}

#exhibitor-plan ul li .content p {
	position: relative;
	font-size: var(--font-15);
	line-height: 1.5;
	letter-spacing: 0;
}

#exhibitor-plan ul li .content p::after {
	position: absolute;
	content: "";
	width: 7px;
	height: 7px;
	left: -15px;
	top: 7px;
	border-radius: 50%;
}

#exhibitor-plan ul li.triala-plan--bd-color .content p::after {
	background: #f8467d;
}

#exhibitor-plan ul li.trialb-plan--bd-color .content p::after {
	background: #8d46f8;
}

#exhibitor-plan ul li.basic-plan--bd-color .content p::after {
	background: #227fff;
}

#exhibitor-plan ul li.hybrid-plan--bd-color .content p::after {
	background: #ff9d01;
}



#exhibitor-plan ul li .content small {
	display: block;
	font-size: var(--font-13);
	color: #696969;
}

#exhibitor-plan .btn-block {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
	width: 100%;
	max-width: 600px;
	margin: auto;
	margin-top: 50px;
}

#exhibitor-plan .btn-block .btn {
	width: calc(50% - 10px);
	margin-top: 0;
}

#exhibitor-plan .dl_btn {
	padding-left: 30px;
}

#exhibitor-plan .dl_btn::after {
	font-family: 'Material Icons Round';
	content: 'description';
}

#exhibitor-plan .btn-block .plan-btn {
	font-size: var(--font-16);
	color: #1a629b;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	border-color: #1a629b;
}

#exhibitor-plan .btn-block .register-btn {
	font-size: var(--font-16);
	font-weight: bold;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	border-color: #52d667;
	background: #52d667;
	text-shadow: rgba(0, 0, 0, 0.5) 1px 0 10px;
}

#exhibitor-plan .btn-block .plan-btn.btn,
#exhibitor-plan .btn-block .register-btn.btn {
	left: unset;
	transform: unset;
	margin: unset;
	width: 250px;
	height: 50px;
}

#exhibitor-plan .btn-block .plan-btn.btn::after {
	/* color: #fff;
  width: unset;
  height: unset;
  right: 19px;
  line-height: 32px;
  font-size: 12px; */
}

#exhibitor-plan .btn-block .plan-btn.btn::before {
	background-color: #1a629b;
	padding: 16px;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
}

#exhibitor-plan .btn-block .register-btn.btn::after {
	/* width: unset;
  height: unset;
  right: 19px;
  line-height: 32px;
  font-size: 12px; */
}

#exhibitor-plan .btn-block .register-btn.btn::before {
	padding: 16px;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
}

#exhibitor-plan .btn-block .register-btn.btn:hover {
	opacity: 0.8;
}

#exhibitor-plan .btn-block .plan-btn.btn:hover {
	opacity: 0.8;
}

#exhibitor-plan .btn-block .register-btn.btn:hover::before {
	background: #fff;
}

#exhibitor-plan .btn-block .register-btn.btn:hover::after {
	color: #52d667;
}


@media screen and (max-width: 1020px) {
	#exhibitor-plan ul li h3 {
		font-size: 2.3rem;
	}

	#exhibitor-plan ul li .price span {
		font-size: var(--font-30);
	}
}

@media screen and (max-width: 900px) {
	#exhibitor-plan ul {
		grid-template-columns: 1fr 1fr;
		gap: 30px 10px;
	}

	#exhibitor-plan ul li.basic-plan--bd-color h3 {
		padding: 12.5px 0;
	}

	#exhibitor-plan ul li.hybrid-plan--bd-color h3 {
		padding: 12.5px 0;
	}
}



@media screen and (max-width: 768px) {
	#exhibitors .exhibitor-ct-bl .exhibitor-text-bl {
		flex-wrap: wrap;
	}

	#exhibitors .exhibitor-ct-bl .exhibitor-text-bl>h4 {
		font-size: var(--font-20);
		top: -16px;
	}

	#exhibitors .exhibitor-ct-bl .exhibitor-text-bl h5 {
		padding-right: 0;
		padding-bottom: 10px;
		width: 100%;
		margin-bottom: 0;
	}

	#exhibitors .exhibitor-ct-bl .exhibitor-text-bl h5 br {
		display: none;
	}

	#exhibitors .exhibitor-ct-bl .exhibitor-text-bl p {
		width: 100%;
		padding-left: 0;
		padding-top: 0;
		padding-top: 10px;
		border-top: 1px solid #fff;
		border-left: none;
	}
}

@media screen and (max-width: 650px) {
	#exhibitor-main::after {
		border-top: 100px solid #f8f8f8;
	}

	#exhibitors ul {
		grid-template-columns: 1fr 1fr;
	}

	#exhibitors ul li:first-child h4 {
		font-size: var(--font-25);
	}

	#exhibitors.c_wrap {
		padding-right: 12px;
		padding-top: 30px;
		padding-left: 12px;
	}

	#exhibitor-main {
		background-position: center;
	}

	#exhibitor-plan.c_wrap {
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 60px;
	}

	#exhibitor-plan ul {
		grid-template-columns: 1fr;
		gap: 30px;
	}

	/* #exhibitor-plan .btn-block {
		flex-direction: column;
		gap: 20px;
		padding-top: 30px;
	} */
	#exhibitor-plan .btn-block .btn {
		width: 100%;
	}
}


/*-----------------------result*/



#result {
	background-image: url(../images/top/result-bg.webp);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

#result .c_wrap {
	/* padding: 90px 110px 100px 110px; */
}

#result .title-main_cont {
	position: relative;
	max-width: 1080px;
	margin: auto;
}

#result .bg_ttl_connect {
	margin-top: -30px;
}

#result .result-btn {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	width: 265px;
	padding-left: 30px;
	font-size: 1.5rem;
	margin-top: 0;
}

#result .result-btn::after {
	font-family: 'Material Icons Round';
	content: 'description';
}

/* #result .result-btn span {
  position: absolute;
  width: 32px;
  height: 32px;
  background: #fff;
  color: #1a629b;
  font-size: 12px;
  right: 10px;
  top: 50%;
  text-align: center;
  transform: translateY(-50%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
} */

#result .result-bg {
	position: relative;
	padding: 4% 6%;
	max-width: 1080px;
	margin: auto;
}

#result .result-bg::after {
	position: absolute;
	content: "";
	background-image: url(../images/top/result-bg-sub.webp);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
	border-radius: 15px;
	/* width: 100%; */
	bottom: 0;
	filter: brightness(95%);
	opacity: 0.9;
}

#result .result-bg article.top {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}

#result .result-bg article.top::after {
	position: absolute;
	content: "";
	width: 1px;
	height: 100%;
	left: 50%;
	transform: translateX(-50%);
	background: #dbdbdb;
}

#result .result-bg article.top>div {
	display: flex;
	align-items: center;
	width: 45%;
	justify-content: space-between;
}

#result .result-bg article.top>div h4 {
	padding: 0 30px 0 0;
	font-weight: bold;
	font-family: "LINESeedJP", sans-serif;
}

#result .result-bg article.top>div h4>span,
#result .result-bg article.bottom h4>span:first-child {
	display: block;
	/* font-size: var(--font-50); */
	text-align: center;
	padding: 15px 20px;
	line-height: 1.2;
	border-radius: 500px;
	font-size: var(--font-20);
	width: 200px;
	color: #fff;
}

#result .result-bg article.top>div h4 span>small {
	font-size: var(--font-20);
}

#result .result-bg article.top>div h4>span:first-child {
	background: linear-gradient(to right, #b553bc, #8832d1);
	/* border-radius: 25px; */
	color: #fff;
}

#result .result-bg article.top>div h4>span:first-child.--bg-color {
	background: linear-gradient(to right, #0a68c4, #007f9d);
}

#result .result-bg article.top>div figure {
	width: 179px;
	max-width: 100%;
}

#result .result-bg article.top>div figure img {
	width: 100%;
	height: auto;
	object-fit: contain;
}

#result .result-bg article .result-pacent {
	display: flex;
	align-items: end;
	justify-content: center;
	padding-top: 25px;
}

#result .result-bg article .result-pacent>span {
	line-height: 1;
	font-size: var(--font-50);
}

#result .result-bg article .result-pacent>small {
	font-size: var(--font-20);
	font-weight: bold;
	line-height: 1.2;
	padding-left: 3px;
}

#result .result-bg article.bottom {
	position: relative;
	z-index: 2;
	display: flex;
	flex-wrap: wrap;
	padding-top: 60px;
	justify-content: space-between;
}

#result .result-bg article.bottom h4 {
	width: 200px;
	max-width: 100%;
}

#result .result-bg article.bottom h4 span {
	font-family: "LINESeedJP", sans-serif;
	display: block;
	font-size: var(--font-50);
	text-align: center;
}

#result .result-bg article.bottom h4>span:first-child {
	background: linear-gradient(to right, #b553bc, #8832d1);
	/* font-size: var(--font-20);
  padding: 7px 37px;
  border-radius: 25px;
  font-weight: bold;
  margin-bottom: 5px;
  color: #fff; */
}

#result .result-bg article.bottom h4>span small {
	font-size: var(--font-20);
	font-weight: bold;
}

#result .result-bg article.bottom .right {
	position: relative;
	display: flex;
	border-radius: 10px;
	align-items: center;
	/* width: 73%; */
	width: calc(100% - 250px);
	/* margin-left: 48px; */
	margin-top: 25px;
	padding: 35px 60px;
	background-image: url(../images/top/result-4.webp);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

#result .result-bg article.bottom .right::after {
	position: absolute;
	content: "";
	background-image: url(../images/top/result-4-sub.webp);
	background-size: cover;
	width: 25px;
	height: 29px;
	background-repeat: no-repeat;
	left: -21px;
	top: 58px;
}

#result .result-bg article.bottom .right::before {
	position: absolute;
	content: "来場者属性";
	width: 200px;
	height: 50px;
	background: #f4b2f8;
	font-size: var(--font-20);
	font-weight: bold;
	color: #7b0683;
	top: -25px;
	left: 60px;
	border-radius: 25px;
	text-align: center;
	line-height: 50px;
}

#result .result-bg article.bottom .right figure {
	width: 179px;
	max-width: 100%;
}

#result .result-bg article.bottom .right figure img {
	width: 100%;
	height: auto;
	object-fit: cover;
}

#result .result-bg article.bottom .right ul {
	padding-left: 40px;
}


#result .result-bg article.bottom .right .result-pacent {
	padding-top: unset;
}


#result article.bottom .right ul li {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	font-size: var(--font-20);
	font-weight: bold;
	line-height: 1.2;
	padding-bottom: 5px;
}

#result article.bottom .right ul li:last-child {
	padding-bottom: unset;
}

#result article.bottom .right ul li>h5 {
	font-family: "LINESeedJP", sans-serif;
}

#result article.bottom .right ul li>h5 small {
	font-size: var(--font-15);
	padding-right: 10px;
	width: 30px;
	display: inline-block;
	vertical-align: bottom;
}

#result article.bottom .right ul li span {
	font-size: var(--font-35);
	font-weight: bold;
	padding-left: 10px;
	display: flex;
	align-items: baseline;
}

#result article.bottom .right ul li small>span {
	font-size: var(--font-20);
	font-family: 'Material Icons Round';
	padding-left: 0;
}

#result article.bottom .right ul li:last-child>h5 {
	font-size: var(--font-15);
}

#result article.bottom .right ul li:last-child {
	padding-top: 5px;
}

#result article.bottom .right ul li:last-child>span {
	font-size: var(--font-25);
}

#result article.bottom .right ul li:last-child>span>small {
	font-size: var(--font-15);
}


@media screen and (max-width: 900px) {
	#result .result-bg {
		padding: 30px;
	}

	#result .result-bg article.top>div {
		width: 47%;
	}

	#result .result-bg article.bottom {
		padding-top: 30px;
	}

	#result .result-bg article.bottom .right {
		flex-direction: column;
		padding: 35px 40px;
	}

	#result .result-bg article.bottom .right ul {
		padding-left: 0;
		width: 100%;
		margin-top: 20px;
	}
}


@media screen and (max-width: 768px) {
	#result .result-btn {
		position: relative;
		top: unset;
		right: unset;
		transform: unset;
		width: max-content;
		margin: -30px auto 30px;
	}

	#result .result-bg article.top>div {
		flex-direction: column;
	}

	#result .result-bg article.top>div h4 {
		padding: 0;
		margin-bottom: 20px;
	}

	#result .result-bg article.bottom h4 {
		width: 47%;
		max-width: unset;
	}

	#result .result-bg article.bottom h4>span:first-child {
		margin: auto;
	}

	#result .result-bg article.bottom .right {
		padding: 35px 20px 20px;
		width: 50%;
	}

	#result .result-bg article.bottom .right::before {
		left: 50%;
		transform: translateX(-50%);
	}

	#result article.bottom .right ul li {
		font-size: var(--font-16);
	}

	#result article.bottom .right ul li span {
		font-size: var(--font-25);
	}

	#result .result-bg article.bottom .right figure {
		width: 150px;
	}

	#result .result-bg article .result-pacent>span,
	#result .result-bg article.bottom h4 span {
		font-size: 4rem;
	}
}

@media screen and (max-width: 480px) {

	#result .result-bg article.top>div,
	#result .result-bg article.bottom h4 {
		width: 100%;
	}

	#result .result-bg article.bottom h4 {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	#result .result-bg article.top>div+div {
		margin-top: 20px;
	}

	#result .result-bg article.top::after {
		content: none;
	}

	#result .result-bg article.top>div h4 {
		display: flex;
		align-items: center;
	}

	#result .result-bg article.top>div h4>span,
	#result .result-bg article.bottom h4>span:first-child {
		font-size: var(--font-16);
		width: auto;
		margin-right: 10px;
	}

	#result .result-bg article.bottom h4>span:first-child {
		margin: 0;
		margin-right: 20px;
	}

	#result .result-bg article .result-pacent {
		padding-top: 0;
	}

	#result .result-bg article.bottom .right {
		width: 100%;
	}

	#result .result-bg article.bottom .right::before {
		font-size: var(--font-18);
		height: auto;
		line-height: 40px;
		top: -20px;
		width: 150px;
	}

	#result .result-bg article.bottom .right::after {
		content: none;
	}

	#result .result-bg article .result-pacent>span,
	#result .result-bg article.bottom h4 span {
		font-size: 3.5rem;
	}
}


/*-----------------------lecture*/

#lecture {
	background: #fff;
}

#lecture .txt_center {
	width: 100%;
	max-width: max-content;
	margin: auto;
}

#lecture .txt_center .bg_gray {
	padding: 10px;
	margin-top: 10px;
}

#lecture .title-main {
	margin-top: -50px;
}

.lecture_tab {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

/*日付切り替えタブ*/
.daytab_item {
	width: 20%;
	border: 1px solid #fff;
	background-color: #fff;
	display: block;
	text-align: center;
	font-weight: bold;
	transition: all .1s ease;
	padding: 20px;
	line-height: 1;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: center;
	z-index: 5;
	position: relative;
}

.lecture_tab input#communications+.daytab_item {
	color: var(--color-communications);
	background: #ff761433;
}

.lecture_tab input#power+.daytab_item {
	color: var(--color-power);
	background: #e64c4c33;
}

.lecture_tab input#ai+.daytab_item {
	color: var(--color-ai);
	background: #6594ff47;
}

.lecture_tab input#infrastructure+.daytab_item {
	color: var(--color-infrastructure);
	background: #05b80b33;
}

.lecture_tab input#service+.daytab_item {
	color: var(--color-service);
	background: #4e4ad833;
}


.daytab_item:hover {
	/*opacity: 0.7;*/
}

input#communications+.daytab_item:hover {
	background: var(--color-communications);
	color: #fff;
}

input#power+.daytab_item:hover {
	background: var(--color-power);
	color: #fff;
}

input#ai+.daytab_item:hover {
	background: var(--color-ai);
	color: #fff;
}

input#infrastructure+.daytab_item:hover {
	background: var(--color-infrastructure);
	color: #fff;
}

input#service+.daytab_item:hover {
	background: var(--color-service);
	color: #fff;
}

/*ラジオボタンを全て消す*/
input[name="daytab_item"] {
	display: none;
}

/*選択されているタブのコンテンツのみを表示*/
#communications:checked~#communications_content,
#power:checked~#power_content,
#ai:checked~#ai_content,
#infrastructure:checked~#infrastructure_content,
#service:checked~#service_content {
	display: block;
}

.tab_day {
	/* font-family: 'Oswald', "LINESeedJP", sans-serif; */
	font-weight: bold;
	line-height: 1;
}

.tab_day span {
	font-size: 2.5rem;
}

.tab_ttl {
	font-family: "LINESeedJP", sans-serif;
	font-size: 1.8rem;
	margin-top: 15px;
	transition: all .13s;
}


/*選択されているタブのスタイルを変える*/

.lecture_tab input:checked+.daytab_item:after {
	content: "";
	z-index: 2;
	position: absolute;
	bottom: -13px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	width: 13px;
	display: block;
	border-top: 13px solid;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
}

.lecture_tab input#communications:checked+.daytab_item {
	background: var(--color-communications);
	color: #fff;
}

.lecture_tab input#communications:checked+.daytab_item:after {
	color: var(--color-communications);
}

.lecture_tab input#power:checked+.daytab_item {
	background: var(--color-power);
	color: #fff;
}

.lecture_tab input#power:checked+.daytab_item::after {
	color: var(--color-power);
}

.lecture_tab input#ai:checked+.daytab_item {
	background: var(--color-ai);
	color: #fff;
}

.lecture_tab input#ai:checked+.daytab_item::after {
	color: var(--color-ai);
}

.lecture_tab input#infrastructure:checked+.daytab_item {
	background: var(--color-infrastructure);
	color: #fff;
}

.lecture_tab input#infrastructure:checked+.daytab_item::after {
	color: var(--color-infrastructure);
}

.lecture_tab input#service:checked+.daytab_item {
	background: var(--color-service);
	color: #fff;
}

.lecture_tab input#service:checked+.daytab_item::after {
	color: var(--color-service);
}


.lecture_tab input:checked+.daytab_item .tab_ttl {
	font-size: 2.5rem;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
	width: 100%;
	display: none;
	overflow: hidden;
	z-index: 1;
	position: relative;
	background-image: url(../images/top/keynote_bg.webp);
	background-size: 40% auto;
	background-position: right bottom;
	background-repeat: no-repeat;
	padding-bottom: 60px;
	/* margin-top: 20px; */
	/*background-color: #F8F8F8;*/
}

.tab_content:before {
	z-index: -2;
	content: "";
	width: 25%;
	height: 100%;
	position: absolute;
	display: block;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	transition: all .3s;

}

#communications_content.tab_content:before {
	background-image: url(../images/top/lec_bg_mon.webp);
}

#power_content.tab_content:before {
	background-image: url(../images/top/lec_bg_tue.webp);
}

#ai_content.tab_content:before {
	background-image: url(../images/top/lec_bg_wed.webp);
}

#infrastructure_content.tab_content:before {
	background-image: url(../images/top/lec_bg_thu.webp);
}

#service_content.tab_content:before {
	background-image: url(../images/top/lec_bg_fri.webp?2024);
}



/* .tab_content:after {
	content: "";
	width: 100%;
	height: 4%;
	top: 0;
	position: absolute;
	display: block;
	background: #FFFFFF;
	background: -moz-linear-gradient(bottom, #FFFFFF 0%, #ffffff00 100%);
	background: -webkit-linear-gradient(bottom, #FFFFFF 0%, #ffffff00 100%);
	background: linear-gradient(to bottom, #FFFFFF 0%, #ffffff00 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#ffffff00', GradientType=1);
} */

.lecture_list {
	position: relative;
}

.lecture_list_item {
	position: relative;
}

.lecture_list .lecture_list_item:first-child {
	margin-top: 5%;
}

.lecture_list_item .border-line {
	position: absolute;
	left: calc(6% + 3px);
	top: 0.75em;
	width: 1px;
	height: 100%;
	background: #FFF;
}

.lecture_list .lecture_list_item:last-child .border-line {
	display: none;
}

.lecture_list_item:after {
	content: '';
	position: absolute;
	left: 6%;
	top: 0.75em;
	width: 8px;
	height: 8px;
	background: #FFF;
	border-radius: 50%;
}

.lec_cont_l {
	width: 25%;
	padding-left: 8%;
	color: #fff;
}

#communications_content .lec_cont_l {
	text-shadow: 0 0 10px var(--color-communications);
}

#power_content .lec_cont_l {
	text-shadow: 0 0 10px var(--color-power);
}

#ai_content .lec_cont_l {
	text-shadow: 0 0 10px var(--color-ai);
}

#infrastructure_content .lec_cont_l {
	text-shadow: 0 0 10px var(--color-infrastructure);
}

#service_content .lec_cont_l {
	text-shadow: 0 0 10px var(--color-service);
}


.lec_subttl {
	font-size: 2rem;
	font-family: "LINESeedJP", sans-serif;
}

.lec_day,
.lec_date {
	/* font-family: 'Oswald', "LINESeedJP", sans-serif; */
	font-weight: 700;
}

.lec_day:before,
.lec_date:before {
	margin-right: .8rem;
}

.lec_cont_r {
	width: 75%;
	padding: 0 5%;
	margin-bottom: 5%;
}

.lec_cont_r .btn {
	/*margin: 30px 0 0 auto;*/
	margin: 0 0 0 auto;
	width: max-content;
	min-width: 250px;
	max-width: 100%;
}

.lec_ttl {
	font-size: 2rem;
	line-height: 1.5;
	position: relative;
	font-family: "LINESeedJP", sans-serif;
}

.lec_ttl:before {
	content: "";
	display: block;
	width: 20px;
	/* height: 1px; */
	height: 3px;
	position: absolute;
	/*top: 1em;*/
	/* top: .6em; */
	top: .5em;
	left: -40px;
}

#communications_content .lec_ttl:before {
	background-color: var(--color-communications);
}

#power_content .lec_ttl:before {
	background-color: var(--color-power);
}

#ai_content .lec_ttl:before {
	background-color: var(--color-ai);
}

#infrastructure_content .lec_ttl:before {
	background-color: var(--color-infrastructure);
}

#service_content .lec_ttl:before {
	background-color: var(--color-service);
}

.lec_com {
	font-size: .8em;
	display: block;
	line-height: 1.5;
	margin-bottom: 5px;
}

#communications_content .lec_com {
	color: var(--color-communications);
}

#power_content .lec_com {
	color: var(--color-power);
}

#ai_content .lec_com {
	color: var(--color-ai);
}

#infrastructure_content .lec_com {
	color: var(--color-infrastructure);
}

#service_content .lec_com {
	color: var(--color-service);
}

.lec_sum {
	margin-top: 25px;
	white-space: break-spaces;
}

.lec_spk {
	margin-top: 25px;
}

.lec_spk_item {
	width: 100%;
	align-items: center;
}

.lec_spk .lec_spk_item:nth-child(n+2) {
	margin-top: 4%;
}

.lec_spk_item figure {
	width: 15%;
	border-radius: 500px;
	overflow: hidden;
}

.lec_spk_item dl {
	width: 82%;
	display: flex;
	flex-flow: column;
}

.lec_spk_item dl dt {
	order: 3;
}

.lec_spk_item dl dd {
	white-space: break-spaces;
}

#lecture_special {
	--y-0: 80%;
	--x-0: 85%;
	--c-0: hsla(150.8823529411765, 52%, 83%, 1);
	--x-1: 60%;
	--c-1: hsla(219.99999999999997, 100%, 82%, 1);
	--y-1: 24%;
	--c-2: hsl(0deg 100% 65% / 49%);
	--y-2: 82%;
	--x-2: 13%;
	--c-3: hsla(182, 72%, 68%, 1);
	--y-3: 7%;
	--x-3: 24%;
	background-color: hsla(358.0000000000001, 0%, 100%, 1);
	background-image: radial-gradient(circle at var(--x-0) var(--y-0), var(--c-0) var(--s-start-0), transparent var(--s-end-0)), radial-gradient(circle at var(--x-1) var(--y-1), var(--c-1) var(--s-start-1), transparent var(--s-end-1)), radial-gradient(circle at var(--x-2) var(--y-2), var(--c-2) var(--s-start-2), transparent var(--s-end-2)), radial-gradient(circle at var(--x-3) var(--y-3), var(--c-3) var(--s-start-3), transparent var(--s-end-3));
	animation: hero-gradient-animation 10s linear infinite alternate;
	background-blend-mode: normal, normal, normal, normal;
	padding: 100px 0 120px;
	position: relative;
}

@keyframes hero-gradient-animation {
	0% {
		--s-start-0: 9%;
		--s-end-0: 55%;
		--y-0: 80%;
		--x-0: 85%;
		--c-0: hsla(150.8823529411765, 52%, 83%, 1);
		--x-1: 60%;
		--s-start-1: 5%;
		--s-end-1: 72%;
		--c-1: hsla(219.99999999999997, 100%, 82%, 1);
		--y-1: 24%;
		--c-2: hsl(303.81deg 100% 84.92% / 49%);
		--y-2: 82%;
		--x-2: 13%;
		--s-start-2: 5%;
		--s-end-2: 52%;
		--s-start-3: 13%;
		--s-end-3: 68%;
		--c-3: hsla(182, 72%, 68%, 1);
		--y-3: 7%;
		--x-3: 24%;
	}

	100% {
		--s-start-0: 9%;
		--s-end-0: 55%;
		--y-0: 94%;
		--x-0: 31%;
		--c-0: hsla(150.8823529411765, 52%, 83%, 1);
		--x-1: 2%;
		--s-start-1: 5%;
		--s-end-1: 72%;
		--c-1: hsla(220, 82%, 95%, 1);
		--y-1: 25%;
		--c-2: hsl(319deg 100% 83.78% / 49%);
		--y-2: 20%;
		--x-2: 98%;
		--s-start-2: 5%;
		--s-end-2: 52%;
		--s-start-3: 13%;
		--s-end-3: 68%;
		--c-3: hsla(182, 72%, 68%, 1);
		--y-3: 92%;
		--x-3: 95%;
	}
}

@property --s-start-0 {
	syntax: '<percentage>';
	inherits: false;
	initial-value: 9%
}

@property --s-end-0 {
	syntax: '<percentage>';
	inherits: false;
	initial-value: 55%
}

@property --y-0 {
	syntax: '<percentage>';
	inherits: false;
	initial-value: 80%
}

@property --x-0 {
	syntax: '<percentage>';
	inherits: false;
	initial-value: 85%
}

@property --c-0 {
	syntax: '<color>';
	inherits: false;
	initial-value: hsla(150.8823529411765, 52%, 83%, 1)
}

@property --x-1 {
	syntax: '<percentage>';
	inherits: false;
	initial-value: 60%
}

@property --s-start-1 {
	syntax: '<percentage>';
	inherits: false;
	initial-value: 5%
}

@property --s-end-1 {
	syntax: '<percentage>';
	inherits: false;
	initial-value: 72%
}

@property --c-1 {
	syntax: '<color>';
	inherits: false;
	initial-value: hsla(219.99999999999997, 100%, 82%, 1)
}

@property --y-1 {
	syntax: '<percentage>';
	inherits: false;
	initial-value: 24%
}

@property --c-2 {
	syntax: '<color>';
	inherits: false;
	initial-value: hsla(297.7941176470588, 100%, 65%, 0.49)
}

@property --y-2 {
	syntax: '<percentage>';
	inherits: false;
	initial-value: 82%
}

@property --x-2 {
	syntax: '<percentage>';
	inherits: false;
	initial-value: 13%
}

@property --s-start-2 {
	syntax: '<percentage>';
	inherits: false;
	initial-value: 5%
}

@property --s-end-2 {
	syntax: '<percentage>';
	inherits: false;
	initial-value: 52%
}

@property --s-start-3 {
	syntax: '<percentage>';
	inherits: false;
	initial-value: 13%
}

@property --s-end-3 {
	syntax: '<percentage>';
	inherits: false;
	initial-value: 68%
}

@property --c-3 {
	syntax: '<color>';
	inherits: false;
	initial-value: hsla(182, 72%, 68%, 1)
}

@property --y-3 {
	syntax: '<percentage>';
	inherits: false;
	initial-value: 7%
}

@property --x-3 {
	syntax: '<percentage>';
	inherits: false;
	initial-value: 24%
}

#lecture_special::after {
	content: "";
	width: 100%;
	height: 100px;
	background: #FFFFFF;
	background: -moz-linear-gradient(bottom, #FFFFFF 0%, #ffffff00 100%);
	background: -webkit-linear-gradient(top, #FFFFFF 0%, #ffffff00 100%);
	background: linear-gradient(to top, #FFFFFF 0%, #ffffff00 100%);
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	pointer-events: none;
}

.lecture_list.special {
	position: relative;
	width: 96%;
	max-width: 1300px;
	margin: auto;
}

.lecture_list.special .lecture_list_item {
	background: #ffffff;
	padding: 0px 50px 40px;
	border-radius: 20px;
	box-shadow: 0px 0px 20px 10px #126ad40d;
}

.lecture_list.special .lecture_list_item:has(.btn) {
	padding-bottom: 0px;
}

.lecture_list.special .lecture_list_item:first-child {
	margin-top: 0;
}

.lecture_list.special .lecture_list_item:after {
	content: none;
}

.lecture_list.special .lecture_list_item+.lecture_list_item {
	/* margin-top: 50px; */
	margin-top: 70px;
}

.lecture_list.special .lecture_list_item .lec_ttl {
	width: 100%;
	text-align: center;
	font-size: 2.5rem;
	color: #004276;
}

.lecture_list.special .lecture_list_item .lec_ttl:before {
	content: none;
}

.lecture_list.special .lecture_list_item .lec_ttl span {
	display: block;
	background: linear-gradient(to right, #016ad3, #e966f2);
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
	margin: auto;
	margin-top: -1.5rem;
	line-height: 1;
	margin-bottom: 0.8em;
	font-size: var(--font-35);
	width: 100%;
	max-width: max-content;
	word-break: auto-phrase;
}

.lecture_list.special .lecture_list_item .lec_data_cont {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
}

.lecture_list.special .lecture_list_item .lec_day {}

.lecture_list.special .lecture_list_item .lec_date {}

.lecture_list.special .lecture_list_item p::before {
	color: #1A629B;
}

.lecture_list.special .lecture_list_item p+p {
	margin-left: 20px;
}

.lecture_list.special .lecture_list_item .lec_sum {
	width: 100%;
}

.lecture_list.special .lecture_list_item .lec_sum.coming {
	text-align: center;
	opacity: 0.5;
}


.lecture_list.special .lecture_list_item .lec_spk {
	width: 100%;
}

.lecture_list.special .lecture_list_item .lec_spk .lec_spk_item {
	width: 48%;
}

.lecture_list.special .lecture_list_item .lec_spk .lec_spk_item:nth-child(n+2) {
	margin-top: 0;
}

.lecture_list.special .lecture_list_item .lec_spk .lec_spk_item:nth-child(n+3) {
	margin-top: 4%;
}

.lecture_list.special .lecture_list_item .lec_spk .lec_spk_item figure {
	width: 25%;
}

.lecture_list.special .lecture_list_item .lec_spk .lec_spk_item figure img {}

.lecture_list.special .lecture_list_item .lec_spk .lec_spk_item dl {
	width: 70%;
}

.lecture_list.special .lecture_list_item .lec_spk .lec_spk_item dl dt {}

.lecture_list.special .lecture_list_item .lec_spk .lec_spk_item dl dd {}

.lecture_list.special .lecture_list_item .lec_spk .lec_spk_item dl dd span {
	display: block;
	width: max-content;
	background: #ecf3ff;
	padding: 2px 10px;
	font-weight: bold;
	border-radius: 50px;
	color: #3b7dac;
}

.lecture_list.special .lecture_list_item .free_area {
	width: 100%;
	margin-top: 25px;
}

.lecture_list.special .lecture_list_item .free_area h6 {
	text-align: center;
	font-size: 2rem;
	color: #004276;
}

.lecture_list.special .lecture_list_item .free_area .mv_cont {
	max-width: 850px;
	margin: auto;
}

.lecture_list.special .lecture_list_item .btn {
	margin: 30px auto -25px;
}




@media screen and (max-width: 768px) {
	#lecture .title-main {
		margin-top: -100px;
	}

	#lecture .txt_center {
		width: 100%;
	}

	.daytab_item {
		width: 50%;
		padding: 20px;
	}

	.lecture_tab input#infrastructure+.daytab_item {
		width: 100%;
	}

	.lecture_tab input:checked+.daytab_item .tab_ttl {
		font-size: 2rem;
	}

	.tab_day span {
		font-size: 2rem;
	}

	.tab_ttl {
		margin-top: 10px;
		margin-bottom: 0;
	}

	.lec_cont_l {
		padding-left: 6%;
	}

	.lecture_list_item: after {
		left: 2%;
	}

	.lecture_list_item .border-line {
		left: calc(2% + 3px);
	}

	.lec_cont_r {
		width: 72%;
		padding: 0 4%;
	}

	.lec_ttl:before {
		width: 15px;
		left: -30px;
	}

	.tab_ttl:after {
		font-family: 'tunakuru_teaser', "LINESeedJP", sans-serif;
		content: "\f054";
		font-size: .8em;
		margin-left: 0.4em;
		transform: rotate(90deg);
		display: inline-block;
	}

	.lecture_tab input:checked+.daytab_item:after {
		content: none;
	}

	#lecture_special {
		padding: 80px 0 100px;
	}

	#lecture_special::after {
		height: 80px;
	}

	.lecture_list.special .lecture_list_item {
		padding: 0px 5% 30px;
	}

	.lecture_list.special .lecture_list_item+.lecture_list_item {
		/* margin-top: 30px; */
		margin-top: 60px;
	}

	.lecture_list.special .lecture_list_item .lec_ttl {
		font-size: 2.2rem;
	}

	.lecture_list.special .lecture_list_item .lec_ttl span {
		margin-bottom: 0.5em;
		font-size: var(--font-30);
	}

	.lecture_list.special .lecture_list_item .lec_sum {
		margin-top: 15px;
	}

	.lecture_list.special .lecture_list_item .lec_spk {
		margin-top: 15px;
	}

	.lecture_list.special .lecture_list_item .lec_spk .lec_spk_item figure {
		width: 20%;
	}

	.lecture_list.special .lecture_list_item .lec_spk .lec_spk_item dl {
		width: 75%;
	}

	.lecture_list.special .lecture_list_item .free_area {
		margin-top: 15px;
	}

	.lecture_list.special .lecture_list_item .free_area h6 {
		font-size: 1.8rem;
	}

}

@media screen and (max-width: 600px) {

	.tab_content:before,
	.tab_content:after,
	.lecture_list_item:after {
		content: none;
	}

	.lecture_list_item .border-line {
		display: none;
	}

	.tab_content {
		margin-top: 0;
	}

	.lec_cont_l {
		width: 100%;
		padding: 25px 20px;
		display: flex;
		flex-wrap: wrap;
		background-attachment: fixed;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}

	#communications_content .lec_cont_l {
		background-image: url(../images/top/lec_bg_mon.webp);
	}

	#power_content .lec_cont_l {
		background-image: url(../images/top/lec_bg_tue.webp);
	}

	#ai_content .lec_cont_l {
		background-image: url(../images/top/lec_bg_wed.webp);
	}

	#infrastructure_content .lec_cont_l {
		background-image: url(../images/top/lec_bg_thu.webp);
	}

	#service_content .lec_cont_l {
		background-image: url(../images/top/lec_bg_fri.webp);
	}

	.lecture_list .lecture_list_item:first-child {
		margin-top: 1.5%;
	}

	.lec_subttl {
		width: 100%;
	}

	.lec_day {
		margin-right: 1rem;
	}

	.lec_cont_r {
		width: 100%;
		padding: 25px 20px;
	}

	.lec_ttl:before {
		left: -25px;
	}

	/*.lec_spk_item {
        width: 100%;
    }
    .lec_spk .lec_spk_item:nth-child(n+2){
        margin-top: 4%;
    }*/
	.lec_spk_item figure {
		width: 20%;
	}

	.lec_spk_item dl {
		width: 75%;
	}

	.lec_cont_r .btn {
		margin: 30px auto 0;
	}
}

@media screen and (max-width: 480px) {
	#lecture .txt_center {
		text-align: left;
	}

	.lec_ttl {
		font-size: 1.8rem;
	}

	.lecture_list .lecture_list_item:first-child {
		margin-top: 0;
	}

	.tab_content {
		background-size: 75% auto;
	}

	.daytab_item {
		border-left: 3px solid;
		width: 100% !important;
		margin-top: 0 !important;
		flex-direction: unset;
		align-items: flex-end;
		padding: 15px;
	}

	.tab_ttl {
		margin-top: 0;
		margin-left: 10px;
	}

	.lecture_list.special .lecture_list_item .lec_ttl {
		text-align: left;
		font-size: 1.8rem;
	}

	.lecture_list.special .lecture_list_item .lec_sum.coming {
		text-align: left;
	}

	.lecture_list.special .lecture_list_item .lec_ttl span {
		font-size: 2.6rem;
		text-align: left;
		max-width: 100%;
		margin-top: -1rem;
	}

	.lecture_list.special .lecture_list_item .lec_data_cont {
		justify-content: left;
	}

	.lecture_list.special .lecture_list_item .lec_spk .lec_spk_item {
		width: 100%;
	}

	.lecture_list.special .lecture_list_item .lec_spk .lec_spk_item:nth-child(n+2) {
		margin-top: 20px;
	}

	.lecture_list.special .lecture_list_item .free_area h6 {
		text-align: left;
		font-size: 1.6rem;
	}
}


/*-----------------------exhibitors_seminar*/

#exhibitors_seminar {
	background-image: url(../images/top/exhibitorsseminar_bg.webp);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

#exhibitors_seminar .btn {
	width: 300px;
}

#exhibitors_seminar .btn {
	width: 300px;
}


#exhibitors_seminar .flex_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	/* gap: 15px; */
	margin-top: 45px;
}

#exhibitors_seminar .flex_list .item {
	background: #6ddb7f;
	background: -moz-linear-gradient(bottom, #52D667 0%, #CDDA4C 100%);
	background: -webkit-linear-gradient(bottom, #6ddb7f 0%, #CDDA4C 100%);
	background: linear-gradient(to bottom, #6ddb7f 0%, #CDDA4C 100%);
	filter: drop-shadow(0px 0px 10px rgba(148, 137, 137, 0.1));
	display: flex;
	flex-direction: column;
	width: 32%;
}

#exhibitors_seminar .flex_list .item+.item {
	margin-left: 1%;
}

#exhibitors_seminar .flex_list .item .company {
	order: 2;
	padding: 10px;
	margin-bottom: 0;
	margin-top: auto;
	background: #fff;
}

#exhibitors_seminar .flex_list .item .company a {
	display: grid;
	grid-template-columns: 80px 1fr;
	gap: 10px;
	align-items: center;
	pointer-events: none;
}

#exhibitors_seminar .flex_list .item .company a h5 {
	margin-bottom: 0;
}

#exhibitors_seminar .flex_list .item h4 {
	order: 1;
	color: #193900;
	/* background: #e1e6f1; */
	padding: 10px 15px;
	margin-bottom: 0;
	align-content: center;
	text-align: left;
	width: 100%;
	margin: auto;
	line-height: 1.5;
}


@media screen and (max-width: 600px) {
	#exhibitors_seminar .flex_list .item {
		width: 100%;
	}

	#exhibitors_seminar .flex_list .item+.item {
		margin-left: 0;
		margin-top: 2%;
	}

	#exhibitors_seminar .flex_list .item h4 {
		text-align: left;
		margin: 0;
		font-size: 1.7rem;
	}

	#exhibitors_seminar .flex_list .item .company a {
		grid-template-columns: 50px 1fr;
	}

}


@media screen and (max-width: 480px) {
	#exhibitors_seminar p.txt_center {
		text-align: left;
	}

	#exhibitors_seminar .flex_list .item .company a h5 {
		font-size: 1.5rem;
	}
}


/*-----------------------events*/

#events {
	background: #f8f8f8;
}

#events.c_wrap {
	padding-bottom: 50px;
}

#events .events_list {
	display: flex;
	gap: 20px;
	justify-content: space-between;
	align-items: stretch;
}

#events .events_list li {
	width: 50%;
	border-radius: 10px;
	padding: 10px;
}

#events .events_list li:first-child {
	background: linear-gradient(to right, #3d84bc, #008198);
}

#events .events_list li:nth-child(2) {
	background: linear-gradient(to right, #9769ff, #1d4da8);
}

#events .events_list li>div {
	padding: 0 10px 20px 10px;
	margin-top: -1em;
}

#events .events_list li figure {
	position: relative;
	aspect-ratio: 2/1;
	overflow: hidden;
}

#events .events_list li figure img {
	width: 100%;
	height: 100%;
	/* height: 275px; */
	object-fit: cover;
	border-radius: 5px;
}

#events .events_list li h4 {
	font-family: "LINESeedJP", sans-serif;
	font-weight: bold;
	font-size: var(--font-28);
	color: #fff;
	margin-bottom: 0.5rem;
}

#events .events_list li h4 span {
	font-size: var(--font-18);
	color: #fff;
	opacity: 0.5;
	font-family: "Oswald", sans-serif;
	font-weight: bold;
	display: block;
}

#events .events_list li p {
	/* font-family: "Noto Sans JP", sans-serif; */
	color: #fff;
	font-size: var(--font-15);
	line-height: 1.6;
}

@media screen and (max-width: 768px) {
	#events .events_list li h4 {
		font-size: var(--font-20);
	}
}

@media screen and (max-width: 650px) {
	#events .events_list {
		flex-direction: column;
	}

	#events .events_list li {
		width: 100%;
	}

	#events.c_wrap {
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 40px;
	}

	#events .events_list li>div {}
}

/*-----------------------functionlist*/

#functionlist {
	background-image: url(../images/top/functionlist_bg.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	position: relative;
	overflow: hidden;
}

#functionlist::after {
	z-index: 1;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	border-right: 100vw solid transparent;
	border-top: 150px solid #f8f8f8;
}

#functionlist::before {
	z-index: 1;
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 0;
	border-left: 100vw solid transparent;
	border-bottom: 150px solid #fff;
}

#functionlist .c_wrap {
	/* padding-left: 80px; */
	/* padding-right: 80px; */
	padding: 130px 20px 150px;
	z-index: 5;
}

#functionlist .bg_ttl_connect {
	/* padding-bottom: 60px; */
}

#functionlist .fl_list {
	margin: 45px 0 40px 0;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 10px;
}

#functionlist .fl_list li {
	/* width: 32.5%; */
	width: 100%;
	background-color: #ffffff;
	filter: drop-shadow(0px 0px 5px rgb(0 0 0 / 10%));
	border-radius: 10px;
	overflow: hidden;
}

#functionlist .fl_list li:nth-child(n+4) {
	margin-top: 0;
}

#functionlist .fl_list li h5 {
	align-items: stretch;
	margin-bottom: 0;
	flex-wrap: nowrap;
}

#functionlist .fl_list li h5 figure {
	/* padding: 0px 16px; */
	width: 53px;
	height: 53px;
	display: flex;
	align-items: center;
	justify-content: center;
	/* border-top-left-radius: 10px; */
	border-bottom-right-radius: 10px;
}

#functionlist .fl_list li h5 figure img {
	width: 39%;
	height: auto;
	object-fit: cover;
}

#functionlist .fl_list li:nth-child(odd) h5 figure {
	background: #1a629b;
}

#functionlist .fl_list li:nth-child(even) h5 figure {
	background: #1a9b96;
}

#functionlist .fl_list li h5 span {
	/* width: calc(100% - 50px); */
	font-family: "LINESeedJP", sans-serif;
	width: 85%;
	padding-left: 17px;
	font-size: var(--font-18);
	display: flex;
	align-items: center;
	line-height: 1.2;
}

#functionlist .fl_list li:nth-child(odd) h5 span {
	color: #1a629b;
}

#functionlist .fl_list li:nth-child(even) h5 span {
	color: #1c9b96;
}

#functionlist .fl_list li h5:before {
	background-color: #32679d;
	width: 50px;
	height: 50px;
	display: inline-block;
	font-size: 1.5rem;
	color: #fff;
	font-size: 1.8rem;
	line-height: 50px;
	text-align: center;
}

#functionlist .fl_list li p {
	padding: 1em;
}

.black-to-white {
	filter: invert(1);
}

@media screen and (max-width: 768px) {
	#functionlist .fl_list {
		grid-template-columns: 1fr 1fr 1fr;
	}

	.fl_list li:nth-child(3) {
		margin-top: 0;
	}
}

@media screen and (max-width: 650px) {
	#functionlist {
		/* margin-bottom: 50px; */
	}

	#functionlist::after {
		border-top: 100px solid #f8f8f8;
	}

	#functionlist::before {
		border-bottom: 100px solid #fff;
	}

	#functionlist .c_wrap {
		padding-top: 60px;
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 100px;
		margin-bottom: -65px;
	}

	#functionlist .fl_list li:nth-child(n+4) {
		margin-top: unset;
	}

	#functionlist .fl_list {
		gap: 12px;
		display: grid;
		grid-template-columns: 1fr 1fr;
		margin-bottom: 0;
	}

	#functionlist .fl_list li {
		width: 100%;
	}

}

@media screen and (max-width: 480px) {
	.fl_list li:nth-child(n+2) {
		margin-top: 0;
	}

	#functionlist .fl_list li h5 span {
		font-size: var(--font-16);
	}
}

/*-----------------------schedule*/
#schedule {
	background-image: url(../images/top/schedule-bg.webp);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 10px;
	position: relative;
	width: calc(100% - 40px);
	max-width: 1160px;
	z-index: 5;
}

/*  */
#schedule .schedule-bl {
	text-align: center;
	padding: 80px 0 40px 0;
	position: relative;
}

#schedule .schedule-bl ul {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	width: 100%;
	position: relative;
	padding: 0 10px;
}

/* #schedule .schedule-bl::after {
  position: absolute;
  content: "";
  width: 1px;
  top: 27%;
  bottom: 32%;
  left: 34.2%;
  background: #18497b;
} */

#schedule .schedule-bl ul li {
	display: grid;
	grid-template-columns: 20% 70%;
	/* align-items: center; */
	/* justify-content: space-between; */
	padding: 20px 0;
	gap: 10%;
	width: 600px;
	max-width: 100%;
	position: relative;
}

#schedule .schedule-bl ul li::before {
	position: absolute;
	content: "";
	width: 1px;
	height: 100%;
	left: 25%;
	top: 30px;
	background: #18497b;
}

#schedule .schedule-bl ul li::after {
	position: absolute;
	content: "";
	width: 6px;
	height: 6px;
	background: #000000;
	border-radius: 50%;
	left: 24.5%;
	z-index: 2;
	top: 30px;
}

#schedule .schedule-bl ul li:last-child:before {
	content: none;
}

#schedule .schedule-bl ul::after {
	/* position: absolute;
  content: "";
  width: 1px;
  top: 32px;
  bottom: 100px;
  left: 39%;
  background: #18497b; */
}

#schedule .schedule-bl ul li:last-child {
	align-items: start;
}

#schedule .schedule-bl ul li h5 {
	text-align: right;
	font-size: 20px;
	line-height: 1.2;
	font-family: "LINESeedJP", sans-serif;
}

#schedule .schedule-bl ul li h5 span {
	font-size: var(--font-15);
	padding-right: 15px;
}

#schedule .schedule-bl ul li h5 small {
	font-size: var(--font-15);
}

#schedule .schedule-bl ul li p {
	text-align: start;
}

#schedule .schedule-bl ul li p.bold {
	font-weight: bold;
}


#schedule .c_wrap {
	padding: 0;
}

#schedule .title-main {
	position: absolute;
	width: 100%;
	top: -25px;
	left: 50%;
	transform: translateX(-50%);
	/* padding: 80px 0 40px 0; */
	text-align: center;
}

#schedule .title-main h4 {
	color: #004276;
}

#schedule .c_wrap figure {
	padding: 90px 0px 30px 0px;
	text-align: center;
}

#schedule .c_wrap figure img {
	/*width: 475px;*/
	width: 635px;
	height: auto;
	object-fit: cover;
}

/*タイムライン全体の設定*/
.schedule_list {
	/*max-width: 100%;*/
	width: 100%;
	margin: 0 auto;
	padding: 0 20px;
}

.schedule_list li {
	/*線の起点とするためrelativeを設定*/
	position: relative;
	list-style: none;
	padding-bottom: 50px;
}

.schedule_list dl {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.schedule_list dl dt {
	width: 33%;
	text-align: right;
	font-size: 2rem;
}

.schedule_list dl dt span {
	color: #5d5d5d;
	font-size: 1.5rem;
	margin-right: 1em;
}

.schedule_list dl dd {
	width: 62%;
	text-align: left;
	margin-top: 0.5rem;
}

/*絶対配置で線を設定*/
.border-line {
	/*線の位置*/
	position: absolute;
	left: calc(35% + 4px);
	top: 1.5rem;
	width: 1px;
	/*線の太さ*/
	height: 0;
	/*はじめは高さを0に*/
	background: #18497b;
}

/*タイムラインの見出し横の丸の位置と形状*/
.schedule_list li:after {
	content: "";
	position: absolute;
	top: 1.5rem;
	left: 35%;
	width: 8px;
	height: 8px;
	background: #18497b;
	border-radius: 50%;
}

@media screen and (max-width: 480px) {
	#schedule .title-main {
		top: -15px;
	}

	#schedule .schedule-bl ul li h5 span {
		padding-right: 0;
		display: block;
	}
}

/*-----------------------outline*/

#outline .bg_ttl_connect {
	background-position: left -10% center;
	background-size: contain;
	/* padding-left: 70px; */
	text-align: left;
	margin-bottom: 30px;
}

#outline .title-main>div {
	padding-left: 70px;
	text-align: left;
}

.outline_list {
	/* padding-left: 70px; */
}

#outline .outline-block {
	background-color: #fff;
	display: flex;
	/* gap: 20px; */
	align-items: center;
	justify-content: space-between;
	padding: 50px 0 80px;
}

#outline .outline-block .left {
	width: 55%;
	max-width: calc(1240px * 0.55);
	margin-right: 3%;
	margin-left: auto;
}

#outline .outline-block .right {
	width: 40%;
	margin-top: 60px;
}

#outline .outline-block .right img {
	width: 100%;
	height: auto;
	object-fit: cover;
}

#outline .title-main h4 {
	display: inline;
}

#outline .title-main span {
	display: inline;
	padding-left: 20px;
}

.outline_list dt {
	/* width: 13em; */
	width: 9em;
	padding: 1em;
	padding-left: 0;
	margin-right: 2em;
	/* text-align: center; */
	border-right: 1px solid #dbdbdb;
}

.outline_list dd {
	padding: 1em 0;
	width: calc(100% - 11em);
}

.outline_list dt:first-child,
.outline_list dd:nth-child(2) {
	padding: 0 0 1em 0;
}

.outline_list dd:last-of-type,
.outline_list dt:last-of-type {
	padding: 1em 0 0 0;
}

@media screen and (max-width: 1200px) {
	#outline .bg_ttl_connect {
		padding-left: 0;
	}
}

@media screen and (max-width: 768px) {
	#outline .outline-block {
		flex-direction: column;
	}

	#outline .outline-block .left {
		width: calc(100% - 40px);
		max-width: unset;
		margin-right: auto;
		margin-left: auto;
	}

	#outline .outline-block .right {
		width: 80%;
		height: 300px;
		overflow: hidden;
		margin-top: 60px;
		margin-right: 0;
		margin-left: auto;
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;
	}

	#outline .outline-block .right img {
		height: 100%;
	}
}

@media screen and (max-width: 650px) {
	#outline .bg_ttl_connect {
		padding-left: 0;
		background-position: top center;
		text-align: center;
		margin-bottom: 20px;
	}

	#outline .title-main span {
		display: block;
		padding-left: 0;
	}

	#outline .outline-block .right {
		width: 75%;
		height: 200px;
		margin-top: 50px;
	}
}

/*-----------------------archive*/

#archive {
	background: #e6ecf3;
}

#archive .c_wrap {
	/* padding: 10px 70px 100px 70px; */
	padding-top: 20px;
	padding-bottom: 80px;
}

#archive .bg_ttl_connect {
	padding-bottom: 60px;
}

.archive_list {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 30px 2%;
}

.archive_list li {
	display: grid;
	grid-template-columns: 30% 1fr;
	gap: 20px;
}

.archive_list li:nth-child(n + 3) {
	/* margin-top: 3%; */
}

.archive_list li figure {
	/* width: 30%; */
	/* width: 30%; */
	filter: drop-shadow(0px 0px 10px rgb(0 0 0 / 20%));
}

.archive_list li figure img {
	/* height: 100%; */
	object-fit: cover;
}

.archive_list li .col_r {
	/* width: 68%; */
	/* padding-left: 2%; */
}

.archive_list li h4 {
	font-family: "LINESeedJP", sans-serif;
	font-size: var(--font-18);
	line-height: 1.5;
}

.archive_list li dl {
	justify-content: start;
	align-items: baseline;
}

.archive_list li dl dt {
	/* width: 7.5em; */
	font-size: var(--font-15);
	/* margin-right: 0.5em; */
	margin-right: 22px;
}

.archive_list li dl dd {
	width: calc(100% - 54px);
	font-size: var(--font-15);
	/*font-weight: bold;*/
	line-height: 1.2;
	margin-bottom: 1rem;
}

.archive_list .big_num {
	font-size: 2.5rem;
	font-weight: 700;
	display: inline-block;
	margin-right: 5px;
	font-family: "Oswald", sans-serif;
}

#archive .btn-block {
	display: flex;
	align-items: center;
	/* justify-content: center; */
	gap: 20px;
	padding: 12px 0px 0px 0px;
}

#archive .btn-block .archive-btn {
	padding-left: 20px;
	border: 1px solid #1a629b;
	color: #1a629b;
	background: transparent;
	font-size: var(--font-15);
}

#archive .btn-block .archive-btn.btn {
	margin: 0;
}

#archive .btn-block .archive-btn.btn::after {
	color: #ffffff;
}

#archive .btn-block .archive-btn.btn::before {
	background-color: #1a629b;
	/* padding: 16px; */
	/* margin-right: 5px; */
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
}

#archive .btn-block .archive-btn.btn:hover {
	opacity: 0.8;
}

@media screen and (max-width: 768px) {
	.archive_list li {
		display: grid;
		grid-template-columns: 1fr;
		gap: 10px;
	}
}

@media screen and (max-width: 480px) {
	.archive_list {
		grid-template-columns: 1fr;
		gap: 30px;
	}

	.archive_list li {
		grid-template-columns: 30% 1fr;
		gap: 10px;
	}

	.archive_list li h4 {
		font-size: var(--font-16);
	}
}

/*-----------------------page_top*/

#page_top {
	position: fixed;
	bottom: 2vw;
	right: 2vw;
	display: block;
	z-index: 995;
	overflow: hidden;
	filter: drop-shadow(0px 0px 10px rgb(0 0 0 / 20%));
}

#page_top a {
	background-color: #fff;
	opacity: 0.9;
	text-align: center;
	width: 50px;
	height: 50px;
	line-height: 50px;
	border-radius: 50%;
	display: block;
	color: #1a629b;
	border: 1px solid #1a629b;
}

#page_top a:before {
	line-height: 45px;
	font-size: 20px;
}

/*--------------------------------------------------footer*/

.foot_link {
	justify-content: center;
}

/* footer {
	text-align: center;
	background-color: #000;
}

footer a {
	width: 100px;
	display: block;
	margin: auto;
	margin-bottom: 20px;
}

.foot_link {
	color: #fff;
	justify-content: center;
	margin-bottom: 20px;
}

.foot_link li:nth-child(n + 2) {
	margin-left: 0.8em;
}

.foot_link li:nth-child(n + 2):before {
	content: "|";
	margin-right: 0.5em;
}

.foot_link a {
	width: auto;
	font-size: 1.2rem;
	font-weight: 700;
	margin-bottom: 0;
	display: inline-block;
}

footer small {
	color: #fff;
} */

/* Responsive */



/* TABLET END */

/* MOBILE */

@media screen and (max-width: 650px) {
	#exhibitor-plan .bg_ttl_connect {
		padding: 70px 0 40px 0;
	}

	#schedule {
		margin: 0 20px;
	}

	#schedule .c_wrap figure {
		padding-left: 20px;
		text-align: left;
	}
}

@media screen and (max-width: 570px) {

	#exhibitor-plan .btn-block .plan-btn.btn,
	#exhibitor-plan .btn-block .register-btn.btn {
		width: 100%;
	}

}


@media screen and (max-width: 480px) {
	.ttl_cont h3 {
		font-size: var(--font-25);
	}

	.ttl_cont h4 {
		font-size: var(--font-18);
	}


	.news_cont {
		padding-left: 15px;
		padding-right: 15px;
	}

	#news .title-main {
		flex-direction: column;
		align-items: center;
	}

	#news .news-block .news-bg-bl {
		width: 100%;
		background-size: cover;
		margin-bottom: 20px;
		left: 30%;
	}


	#archive .btn-block .archive-btn.btn {
		width: 100%;
		justify-content: center;
	}

	#outline .title-main>div {
		padding-left: unset;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

}


/*============================
#comment
============================*/
#comment {}

#comment .c_wrap {
	width: 97%;
	max-width: 1250px;
	background: #fff;
	/* padding: 20px 3%; */
	padding: 20px min(6%, 70px);
	margin: 80px auto;
	border-radius: 15px;
	box-shadow: 0px 0px 20px 10px #dcdcdc9e;
	background: linear-gradient(135deg, #e6fbfd 0%, #fdeefe 100%);
	align-items: center;
}


#comment .ttl_cont {
	margin: auto;
	margin-top: -60px;
	margin-bottom: -50px;
	/* max-width: 700px; */
	width: 100%;
	align-items: center;
}

#comment .ttl_cont h3 {
	background: linear-gradient(to right, #016ad3, #e966f2);
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
	font-size: var(--font-30);
	/* width: calc(96% - 180px); */
	text-align: left;
	margin-bottom: 0;
	text-align: justify;
	text-align-last: justify;
	width: 100%;
	word-break: keep-all;
}

#comment .ttl_cont h3 br {
	display: none;
}

#comment .ttl_cont h3 span {
	color: #454545;
	font-size: var(--font-16);
}

#comment .img_cont {
	width: 230px;
}

#comment .img_cont figure {
	/* width: 230px; */
}

#comment .img_cont figure img {}

#comment .img_cont figure img:nth-child(1) {
	/* width: 94%; */
	/* margin: 3%; */
	margin-bottom: 2%;
}

#comment .img_cont figcaption {
	font-size: var(--font-14);
	text-align: center;
	margin-top: 15px;
	line-height: 1.6;
	word-break: auto-phrase;
}

#comment .txt_cont {
	align-items: center;
	width: calc(97% - 230px);
}

#comment .txt_cont p {
	line-height: 2.2;
	/* font-size: var(--font-15); */
	margin-top: -1rem;
	word-break: keep-all;
}

#comment .txt_cont p span {
	border-bottom: 1px solid;
	padding: 2px 5px;
	line-height: 1.3;
	font-size: 1.7rem;
	color: #1A629B;
	display: inline-block;
}

@media screen and (max-width: 768px) {
	#comment .c_wrap {
		flex-direction: column-reverse;
		padding: 30px;
	}

	#comment .txt_cont {
		width: 100%;
	}

	#comment .txt_cont p {
		line-height: 2;
		word-break: unset;
	}

	#comment .ttl_cont h3 {
		text-align: center;
		text-align-last: center;
	}

	#comment .ttl_cont h3 br {
		display: block;
	}

	#comment .img_cont {
		margin: auto;
		margin-top: 30px;
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
	}

	#comment .img_cont figure {
		max-width: 150px;
		margin: 0;
	}

	#comment .img_cont figcaption {
		width: calc(96% - 150px);
		margin-top: 0;
		text-align: left;
	}
}

@media screen and (max-width: 480px) {
	#comment .ttl_cont {
		margin-top: -20px;
		margin-bottom: 20px;
	}

	#comment .ttl_cont h3 {
		text-align: left;
		text-align-last: left;
		font-size: 2.5rem;
		word-break: unset;
	}

	#comment .img_cont figure {
		max-width: 100px;
	}

	#comment .img_cont figcaption {
		width: calc(96% - 100px);
	}
}


/*-----------------------top_application*/

#top_application {
	background-color: #fff;
	padding-bottom: 80px;
}

#top_application .c_wrap {
	background-image: url(../images/top/schedule-bg.webp);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	max-width: 1150px;
	width: 96%;
	border-radius: 15px;
	position: relative;
}

#top_application .title-main {
	background: none;
	padding: 0;
	margin-bottom: 60px;
}

#top_application .btn {
	width: 350px;
}

@media screen and (max-width: 480px) {}