@charset "UTF-8";

:root {
	--main-color: #d2691e;
	--sub-color: #f4eae2;
	--txt-main-color: #010101;
	--btn-bg01-color: #049d74;
	--btn-bg02-color: #c61f04;
	--section-pdb: 80px;
	--section-pdb-sp: 40px;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
}

ul {
	margin-block-start: 0;
	margin-block-end: 0;
	margin-inline-start: 0px;
	margin-inline-end: 0;
	padding-inline-start: 0;
}

html {
	font-size: 100%;
	overflow: auto;
}

body {
	font-family: "Roboto", "Noto Sans JP", "ヒラギノ角ゴ ProN W3",
	"Hiragino Kaku Gothic ProN", "游ゴシック Medium", "Yu Gothic Medium",
	"游ゴシック体", YuGothic, "メイリオ", Meiryo, sans-serif;
	font-feature-settings: "palt";
	font-size: 16px;
	letter-spacing: 2px;
	width: 100%;
	background-color: var(--sub-color);
	margin: 0 auto;
	padding: 0;
	color: var(--txt-main-color);
	overflow: hidden;
	line-height: 1.8;
}

main {
	position: relative;
	padding-top: 142px;
/*	padding-bottom: 60px;*/
}

img {
	max-width: 100%;
}


/* ----------------------------------------------------------

共通設定

---------------------------------------------------------- */
/* ---------------------------------------------------
layout
--------------------------------------------------- */
.wrap {
	/* max-width: 1200px; */
	margin: 0 auto;
	position: relative;
}

#overlay {
	display: none;
}

.menu-trigger {
	display: none;
}

main section>div {
	/* background-color: white; */
	margin-bottom: 0;
}

/* ---------------------------------------------------
common
--------------------------------------------------- */
.wrap {
	position: relative;
	padding-top: 50px;
}
ul {
	list-style: none;
}
a {
	text-decoration: none;
}
.header_title {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	margin-top: 125px;
}
.f_wrap {
	display: flex;
	flex-wrap: wrap;
}
.mb_only {
	display: none;
}
.pc_only {
	display: block;
}
.fadein {
	opacity: 0.1;
	transform: translate(0, 50px);
	transition: all 1s;
}
.fadein_type2 {
	transform: translate(0, 50px);
	transition: all 1.5s;
}
.fadein_type3 {
	transform: translate(0, 50px);
	transition: all 1s .4s;
}
.fadein.scrollin {
	opacity: 1;
	transform: translate(0, 0);
}


/* ---------------------------------------------------
header
--------------------------------------------------- */
.fixed_header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	/* display: flex; */
	justify-content: space-between;
	width: 100%;
	align-items: center;
	/* padding-left: 30px; */
	transition: 0.2s;
}
.fixed_header .header_right {
	display: flex;
	align-items: center;
	gap: 20px;
	/* flex-direction: column; */
}
.fixed_header .header_right .hidden_part {
	/* display: none; */
	display: flex;
	flex-direction: column;
	row-gap: 5px;
}
.fixed_header .header_right .hidden_part .date {
	font-weight: bold;
}
.fixed_header .header_right .hidden_part .date span {
	font-size: 25px;
	font-family: "Plus Jakarta Sans", sans-serif;
}
.fixed_header .header_right .hidden_part .date span.fs_s {
	font-size: 20px;
}
.fixed_header .header_right .hidden_part .date .time {
	font-size: 20px;
}
.fixed_header .header_right .hidden_part li {
	display: flex;
	line-height: 1.3;
	align-items: center;
	justify-content: flex-start;
}
.fixed_header .header_right .hidden_part li>div:first-child {
	/*border: 1px solid #fff;*/
	padding: 1px 20px 3px;
	margin-right: 10px;
	color: #fff;
	background: var(--main-color);
}

.fixed_header .header_menu_head {
	display: flex;
	justify-content: space-between;
	width: 100%;
	height: 80px;
	background-color: #fff;
	padding-right: 13px;
}

.fixed_header .header_menu_body {
	width: 100%;
}
.fixed_header .header_menu_body nav {
	display: flex;
	flex-direction: row;
	justify-content: center;
	height: 60px;
	align-items: center;
/*    border-bottom: 1px solid #ded8d4;*/
/*    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);*/
background: linear-gradient(to bottom, #ece2d9 15%, #ccc0b7);
}

.fixed_header .header_menu_body nav a,
.fixed_header .header_menu_body nav>span {
	color: var(--txt-main-color);
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: 200px;
	transition: 0.3s;
}
.fixed_header .header_menu_body nav a:hover {
	background-color: var(--main-color);
	transition: 0.5s;
	color: white;
}
.fixed_header .header_menu_body nav a:first-child {
	max-width: 67px;
}
.fixed_header .header_menu_body nav a img {
	height: 20px;
}
.fixed_header .header_menu_body nav a>span {
	width: 100%;
	border-right: 1px solid #c9b4a6;
	text-align: center;
	font-weight: bold;
}
.fixed_header .header_menu_body nav .fwn {
	font-weight: normal;
	line-height: 1;
	font-size: 13px;
}
.fixed_header .header_menu_body nav>span {
	background-color: #e4e7f7;
	color: #acb3d7;
	font-weight: bold;
}
.fixed_header .header_menu_body nav a:hover #home path {
	fill: #fff;
}

/*　ロゴ
----------------------------------------- */
.wrap .header_logo {
	/* position: absolute;
	top: 21px;
	left: 6%;
	z-index: 12; */
	display: flex;
	align-items: center;
	height: 100%;
}
.wrap .header_logo a {
	display: flex;
	line-height: 1;
	padding-left: 25px;
	align-items: center;
}
.wrap .header_logo a img {
	max-width: 300px;
	height: auto;
}

/*　nav　header会期・会場等
----------------------------------------- */
nav ul {
	display: flex;
	justify-content: flex-end;
}
nav ul.visible_part li {
	padding: 0 20px;
	border-left: 1px solid #fff;
	line-height: 1.2;
	display: flex;
	align-items: center;
	height: 20px;
}
nav ul a {
	color: white;
}
.page nav ul a {
	color: #000;
}
.page nav ul.visible_part li {
	border-left: 1px solid #000;
}
nav ul a.unactive {
	color: #919191;
	pointer-events: none;
}
nav ul a:hover {
	color: #ffe70e;
}
nav ul a.unactive:hover {
	color: #919191;
}

.hidden_part {
	display: flex !important;
	/* gap: 20px; */
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 1;
	color: var(--txt-main-color);
}

/*
body.scrolled .hidden_part span {
		font-size: 18px;
}
body.scrolled .visible_part a {
		 color: #000;
}
body.scrolled nav ul.visible_part li {
		border-left: 1px solid #000;
}

body.scrolled nav ul.visible_part li span {}
*/

/*
body.scrolled .cnv_btn a {
		height: 40px;
		font-size: 14px;
		font-weight: normal;
}

body.scrolled.page nav ul a {
		color: #fff;
}

body.scrolled.page nav ul.visible_part li {
		border-left: 1px solid #fff;
}
*/


/*　.cnv_btn　headerお問い合わせ・来場登録
----------------------------------------- */
.cnv_btn {
	/* position: absolute;
	right: 0;
	top: 0;
	z-index: 30; */
	display: flex;
	gap: 10px;
}
.cnv_btn a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 185px;
	height: 60px;
	color: var(--main-color);
	letter-spacing: 2px;
	font-weight: bold;
	background-image: url(../img/arrow_right.svg);
	background-repeat: no-repeat;
	background-position: 95% center;
	background-size: 7px;
	border-radius: 4px;
	font-size: 16px;
	line-height: 1.4;
	letter-spacing: 2px;
	text-align: center;
}
.cnv_btn a.regist {
	transition: 0.3s;
	background-color: var(--btn-bg02-color);
	margin-bottom: 1px;
	color: white;
}
.cnv_btn a.regist:hover {
	background-color: #bb4633;
}
.cnv_btn a.contact {
	transition: 0.3s;
	background-color: var(--btn-bg01-color);
	color: white;
}
.cnv_btn a.contact:hover {
	background-color: #488b79;
}


/* ---------------------------------------------------
footer
--------------------------------------------------- */
footer {
	position: relative;
	background-color: #3c322a;
	color: white;
	text-align: center;
	padding: 30px 0 80px;
	display: flex;
	align-items: flex-end;
	justify-content: center;
}
footer .footer_part1 {
	position: absolute;
	top: 3%;
	right: -60px;
	width: 400px;
}
footer .footer_part2 {
	position: absolute;
	top: 75%;
	left: -60px;
	width: 400px;
}

/*　実行委員会　*/
#footer_organization {
	font-size: 24px;
	line-height: 30px;
	font-weight: 700;
}

#footer_organization span {
	font-size: 14px;
	display: block;
	font-weight: normal;
	line-height: 1.5;
}

#footer_organization span:first-child {
	font-weight: bold;
	font-size: 18px;
	margin-top: 2px;
}
/* 電話番号 */
#footer_tel {
	margin-top: 8px;
	line-height: 1.5;
}
#footer_tel div.box {
	display: none;
	/* display: inline-block; */
	border: 1px solid #fff;
	font-size: 12px;
	font-weight: normal;
	padding: 4px 17px;
	line-height: 12px;
	margin-right: 20px;
	vertical-align: middle;
}
#footer_tel span.tel_text {
	font-size: 20px;
	font-weight: bold;
	vertical-align: baseline;
}

#footer_tel span:last-child {
	font-size: 14px;
	display: block;
}

#footer_tel a {
	color: white;
	text-decoration: none;
	font-size: 27px;
	font-weight: bold;
}
/*　住所　*/
#footer_adress {
	font-size: 14px;
	margin-top: 6px;
}
#footer_adress a {
	color: white;
}
#footer_adress span {
	font-size: 12px;
	display: block;
}
/*#footer_support {
	font-size: 20px;
	font-weight: 700;
	line-height: 23px;
	margin: 25px 0;
}

#footer_support span {
	display: block;
	font-size: 12px;
	font-weight: normal;
	line-height: 17px;
}*/
#footer_copyright {
	margin-top: 50px;
}

/*　footer 固定ボタン
----------------------------------------- */
.fixed_btn_wrap_for_ie {
	width: 100%;
	left: 0;
	display: block;
	position: fixed;
	/* background-color: #000;  */
	height: 50px;
	bottom: 0;
	z-index: 30;
}
.fixed_btn_wrap {
	margin: 0 auto;
	display: flex;
	justify-content: center;
	height: 50px;
}
.fixed_btn {
	right: 0;
	display: block;
	width: 24%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	/* border: 1px solid #fff; */
}
.fixed_btn.btn1 {
	background-color: var(--btn-bg02-color);
}
.fixed_btn.btn1:hover {
	/* color: #bc0000;
	transition: 0.3s;
	border: 1px solid #bc0000; */
}
.fixed_btn.btn2 {
	background-color: var(--btn-bg01-color);
}
.fixed_btn.btn2:hover {
	/* color: #24559d;
	transition: 0.3s;
	border: 1px solid #24529b; */
}
.fixed_btn:hover {
	opacity: 0.9;
	transition: 0.3s;
}
.fixed_btn img {
	width: 25px;
	margin-right: 10px;
}
.fixed_btn_wrap>div.scrolltotop {
	width: 50px;
	background-color: #5C5C5C;
	cursor: pointer;
	position: relative;
}
.fixed_btn_wrap>div.scrolltotop::after {
	content: "";
	width: 12px;
	height: 12px;
	border: 0px;
	border-bottom: solid 1px #fff;
	border-right: solid 1px #fff;
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
	position: absolute;
	top: 50%;
	right: 18px;
	margin-top: -4px;
}
#page-top {
	position: fixed;
	right: 20px;
	bottom: 20px;
	width: 50px;
	z-index: 200;
	height: 50px;
	background-color: var(--main-color);
	border-radius: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
#page-top img {
	width: 35%;
	cursor: pointer;
}
.stop .fixed_btn_wrap_for_ie {
	display: none;
}


/* -------------------------------
下層ページ-共通
------------------------------- */
.page section h2 {
	margin-bottom: 50px;
    border-bottom: 1px solid var(--main-color);
    padding-bottom: 10px;
    font-size: 36px;
    color: var(--txt-main-color);
    text-align: center;
}
section>div {
	max-width: 1000px;
	margin: 0 auto;
}

/* -------------------------------
.front_page
------------------------------- */
.front_page .wrap {
	padding-top: 0;
}
.front_page section h2 {
	margin-bottom: 80px;
	color: var(--txt-main-color);
	font-size: 40px;
	text-align: center;
	&:after {
		content: "";
		display: block;
		border-bottom: 4px solid var(--main-color);
		width: 100px;
		margin: 0 auto;
		padding-bottom: 0.5rem;
	}
}
.front_page section h2 img {
	width: 31%;
	min-width: 350px;
}

.front_page section h2 {
	font-size: 40px;
	font-weight: bold;
}
.front_page section h2 span {
	display: block;
	font-size: 24px;
}
.front_page main section {
	padding-block: var(--section-pdb);
}

/*　トップ-メインビジュアル
----------------------------------------------- */
.front_page .sec1 {
	padding: 0;
	width: 100%;
	max-width: 100%;
	background-image: url(../img/mv_bg.webp);
/*	background-image: url(../img/mv_bg02.webp);*/
	background-repeat: no-repeat;
/*	background-position: 50% 50%;*/
	background-size: cover;
	text-align: center;
	margin-bottom: 0;
	.mv_conv {
		display: flex;
		justify-content: center;
		gap: 20px;
		margin-top: 30px;
	}
}
.front_page .sec1>div {
	padding: 79px 0 62px;
}
.front_page .sec1 .onboard {
	margin: 0 auto;
	padding: 14px;
	width: min(100%, 1000px);
	background: rgba(255, 255, 255, 0.2);
	backdrop-filter:blur(10px);
}
.front_page .sec1 .onboard_inner {
	padding: 80px 80px;
	background: rgba(255, 255, 255, 0.1);
	backdrop-filter:blur(10px);
}
.front_page .sec1 .mv1 {
	max-width: 1000px;
	margin: 0 auto 38px;
	width: 100%;
}
/*.front_page .sec1 .mv2 {
		max-width: 580px;
		margin-bottom: 8px;
		width: 100%;
		display: block;
		margin: 0px auto 8px;
}
.front_page .sec1 .mv3 {
		max-width: 846px;
		margin-bottom: 16px;
		width: 100%;
}*/
.front_page .sec1 .mv_text1 {
	max-width: 630px;
	/* color: white; */
	font-weight: bold;
	/* max-width: 715px; */
	margin: 0 auto 3px;
	/* height: 50px; */
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	font-size: 26px;
	margin-bottom: 15px;
/*    margin-top: 23px;*/
line-height: 1.6;
}
.front_page .sec1 .mv_text1 a {
	/* color: white; */
	font-weight: bold;
	margin: 0 5px;
	text-decoration: underline;
	color: #000;
}
.front_page .sec1 .mv_text1 a:hover {
	text-decoration: underline;
}
.front_page .sec1 .mv_text1 .sponsor {
	width: 100%;
	text-align: center;
}
.front_page .sec1 .mv_text1 .same_time {
	display: flex;
	justify-content: center;
}
.front_page .sec1 .mv_text1 .same_time_head {
	white-space: nowrap;
}
.front_page .sec1 .mv_text1 .same_time_body {
	text-align: left;
}
.front_page .sec1 a.btn {
	display: flex;
	justify-content: center;
	align-items: center;
	color: white;
	font-weight: bold;
	max-width: 398px;
	width: 80%;
	height: 64px;
	background-repeat: no-repeat;
	background-size: cover;
	font-size: 26px;
	background-color: var(--main-color);
	margin-top: 30px;
	border-radius: 999px;
}
.front_page .sec1 a.btn:hover {
	opacity: 0.8;
}

.front_page .sec1 a.btn_left {
	background-color: var(--main-color);
}
.front_page .sec1 a.btn_left:hover {
	background-color: #be6e35;
}
.front_page .sec1 a.btn_right {
	background-color: var(--btn-bg01-color);
}
.front_page .sec1 a.btn_right:hover {
	background-color: #488b79;
}
.front_page .sec1 .schedule {
	margin: 0 auto;
	>div.f_wrap {
		max-width: 1050px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
		margin: 0 auto;
		text-align: center;
		>div:first-child {
			/* padding-right: 30px; */
			line-height: 1;
			color: var(--txt-main-color);
			display: inline-block;
			margin: 0 auto;
			span:nth-child(1) {
				font-size: 35px;
				font-weight: bold;
			}

			span:nth-child(2), span:nth-child(4), span:nth-child(5) {
				font-size: 73px;
				font-weight: 700;
			}

			span:nth-child(3), span:nth-child(6) {
				font-size: 37px;
				font-weight: bold;
			}
			span.time {
				display: block;
				margin-top: 10px;
				font-size: 37px;
				font-weight: bold;
			}
		}
		.place {
			margin: 20px auto 30px;
			font-weight: bold;
			background-color: var(--main-color);
			padding: 10px 60px;
			color: #fff;
			>div:first-child {
				/* border: 1px solid #fff; */
				display: inline-block;
				line-height: 1;
				padding: 3px 0 5px;
				font-size: 28px;
			}

			>div:last-child {
				font-size: 34px;
				line-height: 1;
			}
		}
	}
}
.sec1 {
	.purpose {
		max-width: 846px;
		margin: 0 auto;
		backdrop-filter: blur(12px);
		background-color: rgba(255, 255, 255, 0.2);

		.box {
			padding: 34px 30px;
			h3 {
				font-size: 34px;
				line-height: 1;
				margin-bottom: 12px;
				display: flex;
				justify-content: center;
				align-items: center;
				gap: 10px;
				&::after {
					border-bottom: 1px solid #000;
					content: "";
					display: block;
					flex: 0 0 28%;
					height: 2px;
				}
				&::before {
					border-bottom: 1px solid #000;
					content: "";
					display: block;
					flex: 0 0 28%;
					height: 2px;
				}
			}

			;
			font-weight: bold;
			line-height: 2;
			text-align: left;
		}
	}
}




/*　トップ-MV下写真一覧
----------------------------------------------- */
.front_page .img_g {
	display: flex;
	flex-wrap: wrap;
}

.front_page .img_g>img {
	display: block;
	flex: 0 0 16.665%;
	width: 16%;
}

/*　トップ-バナー・YOUTUBE等
----------------------------------------------- */
.front_page {
	.banner {
		display: flex;
		justify-content: center;
		/* background-color: white; */
		/* padding: 30px 0; */
		padding-bottom: 60px; 
		a,div {
			display: flex;
			max-width: 600px;
			img.br {
				border-radius: 10px;
			}
		}
	}
	.top_bnr {
		padding-top: 60px;
		/*padding-bottom: 60px;*/
		text-align: center;
		/* background: #fff;*/
		a:hover {
			opacity: 0.85;
		}
	}
	.youtube_box {
		text-align: center;
		max-width:684px;
		margin:60px auto;
	}
	.tokuten {
		display: flex;
		justify-content: center;
		padding: 50px 0 20px;
		picture {
			width: 90%;
			max-width: 600px;
		}
	}
}

/*　トップ-新着情報
----------------------------------------------- */
.front_page .sec2 {
/*	padding-block: var(--section-pdb);*/
	> div {
		background-color: white;
		padding: 0;
		border: 2px solid var(--main-color);
	}
	h2 {
		background-color: var(--main-color);
		color: white;
		font-size: 22px;
		text-align: left;
		padding: 10px 19px;
		margin-bottom: 0;
		&:after {
			display: none;
		}
	}
}

.front_page .sec2 .info_list_wrap {
	padding: 20px 15px;
}
.front_page .sec2 .info_list_wrap li {
	display: flex;
	gap: 20px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
	padding-left: 28px;
	/* padding: 20px 30px; */
}
/*.front_page .sec2 .info_list_btn {
	display: flex;
	width: 40%;
	background-color: #f3d4bf;
	border-radius: 30px;
	height: 30px;
	margin: 0px auto 20px;
	cursor: pointer;
	align-items: center;
	justify-content: center;
	color: var(--txt-main-color);
}*/


/*　トップ-本展示会の特長
----------------------------------------------- */
.front_page .sec3 {
	margin-top: 0;
/*	padding-top: 60px;*/
}
.front_page .sec3 h2 {
	background-color: transparent;
	color: var(--main-color);
	/* font-size: 34px; */
	margin-bottom: 24px;
}
.front_page .sec3 .text {
	text-align: center;
	font-size: 18px;
}
.front_page .sec3 .box {
	margin-bottom: 39px;
	padding-bottom: 73px;
	background-color: white;
}
.front_page .sec3 .box .box1 {
	text-align: center;
	padding-top: 65px;
	img {
		max-width: 560px;
	}
}
.front_page .sec3 .box .box2 {
	text-align: center;
	padding-top: 11px;
	img {
		max-width: 760px;
	}
}
.front_page .sec3 .box .box3 {
	font-size: 38px;
	text-align: center;
	font-weight: bold;
	padding-top: 10px;
}
.front_page .sec3 .box .box4 {
	text-align: center;
	padding-top: 11px;
	img {
		max-width: 760px;
	}
}
.front_page .sec3 .box .box5 {
	font-size: 33px;
	text-align: center;
	font-weight: bold;
	padding-top: 18px;
	line-height: 1.4;
}

/*　トップ-展示会概要
----------------------------------------------- */
.front_page .sec9 {
	background-color: white;
}
.front_page .sec9 .inner {
		display: flex;
		justify-content: center;
}
.front_page .sec9 .inner table {
	min-width: 500px;
	max-width: 880px;
	th {
		border-bottom: 1px solid var(--main-color);
		color: var(--main-color);
		width: 120px;
	}
	td {
		border-bottom: 1px solid #ccc;
		text-align: left;
		padding: 6px 20px
	}
	td.f_wrap {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding: 10px 20px;
		display: block;
	}
	td.f_wrap > div {
		flex: 0 0 33%;
		text-align: left;
		display: inline-block;
	}
}

/*　トップ-来場対象者
----------------------------------------------- */
.front_page .sec5 {
/*	padding-top: var(--section-pdb);*/
	padding-bottom: 0;
	background-color: var(--sub-color);
}
.front_page .sec5 > div .f_wrap2 {
	max-width: 920px;
	margin: 0 auto 37px;
	>
	div {
		background-color: #ebdbce;
		border-radius: 4px;
		color: var(--txt-main-color);
		font-size: 28px;
		font-weight: bold;
		background-image: url(../img/img16.png);
		background-repeat: no-repeat;
		background-size: 33px;
		padding-left: 88px;
		background-position: 35px;
		padding: 10px 80px;
		letter-spacing: 0px;
		margin-bottom: 8px;
		span {
			color: #e44905;
		}
	}
}
.front_page .sec5 .img_visitors {
	margin-top: 30px;
	vertical-align: bottom;
}


/*　トップ-メディアパートナー
----------------------------------------------- */
.front_page .sec10 {
	background-color: #1b2655;
	border-top: 10px solid #1b2655;
	border-bottom: 10px solid #1b2655;
}
.front_page .sec10 h2 {
	color: white;
}
.front_page .sec10  .f_wrap {
	background-color: white;
	padding: 20px 20px 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 40px;
	align-items: center;
	gap: 20px;
	a {
		display: block;
		max-width: 300px;
		/* max-height: 70px; */
		img {
			max-height: 70px;
			display: flex;
			height: 100%;
		}
	}
}
.front_page .sec10 .btn_wrap {
	padding-top: 40px;
	.btn {
		display: flex;
		width: 90%;
		max-width: 500px;
		height: 60px;
		justify-content: center;
		align-items: center;
		background-color: red;
		color: white;
		margin: 0 auto;
		transition: 0.3s;
	}
	.btn:hover {
		opacity: 0.8;
	}
}


/* トップ-出展対象製品・サービス
----------------------------------------------- */
.front_page .sec4 {
/*		background: #f8c083;*/
		background: #e58039;
}
.front_page .sec4 h2 {
	color: #fff;
	&:after {
		display: none;
	}
}
.front_page .sec4 .f_wrap1 {
	justify-content: space-between;
	row-gap: 20px;
	display: flex;
	flex-wrap: wrap;
	> div {
		position: relative;
		background-color: white;
		flex: 0 0 32%;
		border-radius: 4px;
		h3 {
			display: flex;
			line-height: 1.3;
			font-size: 20px;
			font-weight: bold;
			justify-content: center;
			margin-top: 13px;
			margin-bottom: 21px;
			span {
				color: var(--main-color);
				font-size: 33px;
				margin-right: 6px;
				font-family: "Plus Jakarta Sans", sans-serif;
			}
		}
	}
}
.front_page .sec4 .box {
	background-color: white;
	padding: 15px;
	text-align: center;
	border-radius: 4px;
	margin-top: 25px;
	font-size: 20px;
}
.front_page .sec4 a.btn {
	display: flex;
	justify-content: center;
	align-items: center;
	background-image: url(../img/mv_btn_bg.png);
	color: white;
	font-weight: bold;
	max-width: 498px;
	height: 64px;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 0 auto;
	font-size: 26px;
	margin-top: 60px;
}
.front_page .sec4 a.btn:hover {
	opacity: 0.8;
}



/* トップ-半導体産業展 開催のご案内
----------------------------------------------- */
.front_page .sec8 {
	padding: 70px 0 100px;
	background-color: #030a07;
	background-image: url(../img/img18.png);
	color: white;
	font-size: 32px;
	line-height: 1.5;
	font-weight: bold;
	background-size: cover;
	background-position: left;
}
.front_page .sec8 h2 {
	font-size: 40px;
	margin-bottom: 50px;
	color: white;
}
.front_page .sec8 .content {
	text-align: center;
	margin-top: 30px;
	font-size: 38px;
}
.front_page .sec8 .btn {
	display: flex;
	justify-content: center;
	margin-top: 60px;
	a {
		background-color: #f0e900;
		color: #000;
		display: flex;
		padding: 4px 42px 9px;
		min-width: 4;
		transition: 0.3s;
		&:hover {
			background-color: white
		}
	}
}


/* トップ-アクセス
----------------------------------------------- */
.front_page .sec6 {
/*	background-color: #fff;*/
}
.front_page .sec6 >div {
	background-color: white;
	max-width: 1000px;
	padding: 65px 90px;
}
.front_page .sec6 p {
	text-align: left;
}
.front_page .sec6 .howto {
	margin: 40px 0;
	text-align: center;
	img {
		width: 80%;
		margin: 0 auto;
	}
}
.front_page .sec6 .g_map {
	margin: 20px 0 30px;
}
.front_page .sec6 h3 {
	margin-bottom: 30px;
	background-color: var(--main-color);
	color: white;
	padding: 2px 10px 5px 20px;
	text-align: center;
	margin-bottom: 10px;
	font-size: 26px;
}
.front_page .sec6 .conv_btn {
	margin-top: 50px;
	a {
		display: flex;
		justify-content: center;
		border: 1px solid #2a5893;
		width: 80%;
		max-width: 300px;
		margin: 0 auto;
		height: 60px;
		color: #2a5893;
		align-items: center;
		background-image: url(../img/target.svg);
		background-repeat: no-repeat;
		background-position: 90% center;
		background-size: 13px;
	}
	a:hover {
		background-color: #2a5893;
		color: white;
		background-image: url(../img/target_w.svg);
	}
}
.front_page .sec6 .transportation {
	border-top: 1px solid #ccc;
	padding-top: 20px;
	margin-top: 20px;
	h4 {
		font-size: 20px;
		margin-bottom: 10px;
	}
}
.front_page .sec6 .address {
	line-height: 2.3;
	span {
		border:solid 1px #333;
		padding: 0 10px 2px;
		margin-right: 10px;
	}
}


/*　トップ-屋外展示企画
----------------------------------------------- */
.front_page .sec12 .box {
	padding: 40px;
	background-color: white;
	/* padding-bottom: 73px;
	margin-bottom: 39px; */
}
.front_page .sec12  .box + .box {
	margin-top: 30px;
}
.front_page .sec12  .block-head {
	margin-bottom: 20px;
	padding: 8px;
	text-align: center;
	color: #fff;
	font-size: 30px;
	background: #1b2655;
	.is-sp {
		display: none;
	}
}
.front_page .sec12  .block-body {
	margin-top: 20px;
}
.front_page .sec12  .body-head {
	text-align: center;
	margin-bottom: 40px;
	.head {
		position: relative;
		display: inline-block;
		padding-inline: 10px;
		font-size: 28px;
		z-index: 2;
		&:after {
			position: absolute;
			bottom: 5px;
			left: 0;
			width: 100%;
			height: 20px;
			content: "";
			background: #ffc7c7;
			z-index: -1;
		}
		span {
			font-size: 34px;
			color: #ff0000;
		}
	}
}
.front_page .sec12 .txt {
	position: relative;
	margin-bottom: 1.5em;
	padding-left: 23px;
	font-size: 20px;
	&:after {
		position: absolute;
		top: 0.5em;
		left: 0;
		width: 16px;
		height: 16px;
		content: "";
		background-color: #1b2655;
		border-radius: 50%;
	}
}
.front_page .sec12 .txt-note {
	font-size: 14px;
}
.front_page .sec12 .bold {
	font-weight: 700;
}



/* ----------------------------------------------------------

下層ページ共通設定

---------------------------------------------------------- */

.page {
	main {
		padding-bottom: var(--section-pdb);
	}
}
.page section > div {
	background-color: white;
	padding: 30px 50px;
	margin-bottom: 30px;
/*	&:last-child {
		margin-bottom: var(--section-pdb);
	}*/
}
.page section h2 {
	margin-bottom: 50px;
	border-bottom: 1px solid var(--main-color);
	padding-bottom: 10px;
	font-size: 36px;
	&:after {
		display: none;
	}
}
main.page {
	margin-top: var(--section-pdb);
}

/* ---------------------------------------------------
プレスリリース
--------------------------------------------------- */
.press .sec1 {
	.content_block_upper {
		display: flex;
		gap: 30px;
		margin-bottom: 30px;
	}
	ul {
		list-style: disc;
		padding-left: 20px;
		li {
			margin-bottom: 8px;
		}
	}
}
.press .sec2 {
	h3 {
		padding: 10px 10px 10px 20px;
		margin-top: 30px;
		margin-bottom: 20px;
		font-size: 20px;
		font-weight: 700;
		line-height: 1.5;
		background: #ffffff url(../img/bg_h302.svg) left center no-repeat;
		background-size: 8px;
		border: 1px solid #00275d;
		color: #00275d;
	}
	.mp {
		 display: none;
	}

	.tel_no {
		font-size: 30px;
		font-weight: 700;
	}
}
.press .sec3 {
	.is-none {
		display: none;
	}
}
.press .sec4 {
	.content_block_lower {
		margin-bottom: 30px;
	}
}


/* ---------------------------------------------------
contact
--------------------------------------------------- */
.contact p {
    margin-bottom: 30px;
}


/* ---------------------------------------------------
visitor
--------------------------------------------------- */
.visitor .sec1 .text {
    margin-bottom: 30px;
}