@charset "UTF-8";

/*****************************************************************************************/
/*****************************************************************************************/
/* ########### hoverが効かないスマホ等用 ########### */
/*****************************************************************************************/
/*****************************************************************************************/
@media (any-hover: none) or (max-width: 767px) {

/***　共通タグ設定　***/
body {
	width: 100%;
	min-width: 100%;
	line-height: 1.6;
	}
	img{
		width: 100%;
	}
	.pc_hidden{
		display: block;
	}
	.phone_hidden{
		display: none;
	}

	
	.width_1000{
		width: 96%;
	}
	
	.strong_bold{
		font-size: 18px;
	}
	.attention_text{
		font-size: 18px;
	}

	.content_title{
		font-size: 18px;
		padding-top: 8px;
		box-sizing: border-box;
	}
	

/*** header ***/
.header_logo{
	margin: 0;
	img{
		width: 85%;
	}
}

	.download_form_button{
		bottom: 0;
		left: 0;
		right: auto;
		width: 100%;
		z-index: 99;
		a{
			padding: 16px 0;
			font-size: 16px;
			line-height: 1;
			border-radius: 0;
		}
	}

	
	/***　ハンバーガーナビメニュー ***/
	#top_header {
		width: 100%;
		height: 100%;
		transition: all 0.6s;
		display: block;
		position: fixed;
		top: 0px;
		left: 100%;
		background-color: rgba(0,0,0,0.9);
		z-index: 98;
	}
	#top_header.active{
		left: 0;
	}
	nav#header_menu_block{
		display: block;
	}
	nav#header_menu_block >div{
		width: 100%;
		a.menu_title{
			justify-content: flex-start;
			padding: 12px;
			padding-left: 2%;
			margin-top: 6px;
			border-bottom: solid 1px white;
		}
	}
	.header_menu_item{
		width: 100%;
	}
	div.header_submenu {
		position: relative;
		
		width: 95% !important;
		max-height: 100%;
		margin-left: 5%;

		a{
			justify-content: flex-start !important;
			padding: 6px;
			padding-left: 12px;
			font-size: 14px;
		}
	}
	
	
	
	/*ハンバーガーメニュー*/
	.navToggle {
		display: block;
		position: fixed;
		top: 8px;
		right: 8px;
		cursor: pointer;
		text-align: center;
		width: 58px;
		height: 58px;
		z-index: 99;
		border: solid 4px #DF514E;
		border-radius: 12px;
		background-color: rgba(255, 255, 255, 0.6);
	}
	.navToggle span {
		display: block;
		position: absolute;
		/* .navToggleに対して */
		width: 46px;
		border-bottom: solid 4px #DF514E;
		-webkit-transition: .35s ease-in-out;
		-moz-transition: .35s ease-in-out;
		transition: .35s ease-in-out;
		left: 2px;
	}
	.navToggle span:nth-child(1) {
		top: 12px;
	}
	.navToggle span:nth-child(2) {
		top: 24px;
	}
	.navToggle span:nth-child(3) {
		top: 36px;
	}

	/***　メニュータップ後のアクション　***/
	/* 最初のspanをマイナス45度に */
	.navToggle.active span:nth-child(1) {
		top: 24px;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	/* 2番目と3番目のspanを45度に */
	.navToggle.active span:nth-child(2),
	.navToggle.active span:nth-child(3) {
		top: 24px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	
	
	/***　アコーディオンメニュー ***/

	.material-symbols-outlined{
		display: inline-block !important;
	}
	.menu_sub_Label a{
		pointer-events: none;
	}
	.header_submenu {
		max-height: 0 !important;
		overflow: hidden;
		transition: all 0.6s !important;
	}
	.menu_sub_toggle:checked + .menu_sub_Label + .header_submenu {	/*開閉時*/
		max-height: 100vh !important;
	}
	
	
	
	

/*** common_area ***/
#common_area{
	position: relative;
	margin-top: 32px;
	padding: 32px 0;
	background-color: #EEF3F4;
	background-image: url("../img/common_area_back.png");
	background-repeat: no-repeat;
	background-position: calc(50% + 460px) bottom;

}

.secretariat_block{
	margin-top: 18px;
	display: block;
	
	div:first-child{
		margin-right: 32px;
	}
}
.secretariat_button a{
	width: 100%;
	padding: 8px 12px;
	margin: 12px auto 0 auto;
	box-sizing: border-box;
	text-align: center;
}

.mail_title{
	font-size: 18px;
}

.banner_table{
	
	a{
		width: 49%;
	}
	img{
		width: 100%;
	}
}
	
.site_list{
	display: block;
	text-align: center;
	
	div{
		width: 100%;
	}
}
	.overview_table li{
		display: block;
		div:first-child{
			margin-top: 12px;
		}
		div{
			width: 100%;
		}
	}



/*** footer ***/
div#footer{
	padding: 16px;
	
	div{
		width: 100%;
	}
}


#to_top{
	position: fixed;
	right: 15px;
	bottom: 95px;
	
	&:hover{
		opacity: 0.7;
	}
}





/*** index ***/

.top_img{
	width: 100%;
	
	img{
		width: 100%;
	}
}
.top_img_under{
	display: block;
	text-align: center;
	padding-bottom: 12px;
	
	img{
		width: 76%;
	}
}

.eary_discount{
	width: 96%;
	height: 50px;
	margin: 0 auto;
	margin-top: 12px;
	
	a{
		font-size: 24px;
	}
}
.download_document{
		width: 96%;
		height: 50px;
		margin: 0 auto;
		margin-top: 12px;

		a{
			font-size: 24px;
		}
}

.news_title{
	font-size: 18px;
	padding-top: 3px;
}

.news_area{
	
	li a{
		display: block;
	}
}


/*** 個別ページ ***/

	.banner_link{
		width: 100%;

		img{
			width: auto;
			max-width: 100% !important;
		}
	}


.matching_block{
	display: block;

	img{
		margin-right: 0;
		margin-bottom: 18px;
	}
}

	.eg_discount_block{
		display: block;
		
		>div:first-child{
			width: 100%;
			font-size: 18px;
		}
		div{
			text-align: center;
			padding: 6px;
		}
		span{
			font-size: 18px;
		}
	}

.entry_button a{
	font-size: 16px;
}

	.plan_illust_01,.plan_illust_02{
		display: none;
	}
	
	.eg_request_block{
		display: block;
		>div{
			width: 100%;
		}
	}
	
.result_table{
	border: solid 1px black;
	border-spacing: 0;
	border-collapse: collapse;

	th{
		color: white;
		background-color: #838689;
		border: solid 1px black;
	}
	td{
		border: solid 1px black;
		text-align: center;
		padding: 19px 0;
	}
}


.questionnaire_block{
	display: block;
	
	.questionnaire_title{
		width: 100%;
		font-size: 18px;
		margin-top: 32px;
	}
	.questionnaire_title:nth-child(2){
		margin-top: 32px;
	}
}

.voice_block{
	position: relative;
	width: 98%;
	padding: 16px;
	margin-top: 38px;
	
	img{
		display: none;
	}
}
.exhibitor{
	background-color: #CBD1E1;
	
	span{
		color: #1E6293;
	}
}
.visitors{
	background-color: #F6CFC4;

	span{
		color: #DF514E;
	}
}
.joint_exhibitor{
	font-size: 12px;
	text-align: right;
}


.exhibitor_prototyping_list{
	column-count: 2;
	li{
		font-size: 12px;
		padding-left: 8px;
	}
}

	.exhibitor_3d_list{
		column-count: 2;
		li{
			font-size: 12px;
			padding-left: 8px;
		}
}

	.exhibitor_minute_list{
		column-count: 2;
		li{
			font-size: 12px;
			padding-left: 8px;
		}
}

.download_document_block{
	display: block;
	
	a{
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 12px auto;
	}
}

.download_button{
		font-size: 18px;
}

	.map{
		width: 100%;
		height: 300px;
	}
}