@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
/**********************************/
/* 骨組み（全体背景）****************/
/**********************************/
body{
	font-family: 'Noto Sans JP', sans-serif;
	color:#002059;
	text-align: center;

	background-image: url(../img/bg_section.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}
@media screen and (max-width: 767px) {
	body{
		background-image: url(../img/bg_section_sp.png);
		width: 100%;
	}
   nav{
		display: flex;
		flex-direction: column;
	}
}
@media screen and (min-width: 1252px) {
  nav{
		height: 70px;
	}
}

/**********************************/
/* 文字装飾                        */
/**********************************/
.txstyle_big{
	font-size: 300%;
}
.txstyle_large{
	font-size: 200%;
}
.txstyle_middle{
	font-size: 150%;
}
.txstyle_bold{
	font-weight: bold;
}
.txstyle_circle{
	position: relative;
	display: inline-block;
	width: 35px;
	height: 35px;
	background: #002059;
	border-radius: 50%;
}
.txstyle_circle span {
	position: absolute;
	display: inline-block;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	color:#ffffff;
	font-size: 150%;
	font-weight: bold;
	width :35px;
	text-align:center;
}
.txstyle_pink{
	color:#e7467d;
}
.txstyle_center{
	text-align: center;
}

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

/**********************************/
/* 事業タイトル（画像の上）**********/
/**********************************/
.img_over_head{
	position: relative;
	margin-top: 300px;
}

/* サブタイトル１（縁取り文字） */
:root {
	--outline : #f27795;
}
.img_over_head p {
	margin-top: 50px;
	font-size: 50px;
	font-weight: bold;
	font-style: oblique;
	color: #ffffff;
	text-shadow: var(--outline) 5px 0 0, var(--outline) 2.83487px 0.981584px 0, var(--outline) 2.35766px 1.85511px 0, var(--outline) 1.62091px 2.52441px 0, var(--outline) 0.705713px 2.91581px 0, var(--outline) -0.287171px 2.98622px 0, var(--outline) -1.24844px 2.72789px 0, var(--outline) -2.07227px 2.16926px 0, var(--outline) -2.66798px 1.37182px 0, var(--outline) -2.96998px 0.42336px 0, var(--outline) -2.94502px -0.571704px 0, var(--outline) -2.59586px -1.50383px 0, var(--outline) -1.96093px -2.27041px 0, var(--outline) -1.11013px -2.78704px 0, var(--outline) -0.137119px -2.99686px 0, var(--outline) 0.850987px -2.87677px 0, var(--outline) 1.74541px -2.43999px 0, var(--outline) 2.44769px -1.73459px 0, var(--outline) 2.88051px -0.838247px 0;
}
/* サブタイトル２（中抜き文字） */
.text2_over_head {
	font-size: 30px;
	font-weight: bold;
	color: #ffffff;
	text-shadow: var(--outline) 1px 0 0, var(--outline) 2.83487px 0.981584px 0, var(--outline) 2.35766px 1.85511px 0, var(--outline) 1.62091px 2.52441px 0, var(--outline) 0.705713px 2.91581px 0, var(--outline) -0.287171px 2.98622px 0, var(--outline) -1.24844px 2.72789px 0, var(--outline) -2.07227px 2.16926px 0, var(--outline) -2.66798px 1.37182px 0, var(--outline) -2.96998px 0.42336px 0, var(--outline) -2.94502px -0.571704px 0, var(--outline) -2.59586px -1.50383px 0, var(--outline) -1.96093px -2.27041px 0, var(--outline) -1.11013px -2.78704px 0, var(--outline) -0.137119px -2.99686px 0, var(--outline) 0.850987px -2.87677px 0, var(--outline) 1.74541px -2.43999px 0, var(--outline) 2.44769px -1.73459px 0, var(--outline) 2.88051px -0.838247px 0;
}

/* アピールタイトル（丸枠内に文字） */
.circle_head {	
	position: relative;
	display: inline-block;
	width: 150px;
	height: 150px;
	border-radius: 50%;
	background: #f27795;
}
.circle_head span {
	position: absolute;
	display: inline-block;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	color:#ffffff;
	font-size: 30px;
	font-weight: bold;
	width :150px;
	text-align:center;
}

@media screen and (max-width: 767px) {
	.img_over_head{
		margin-top: 10px;
	}
	/* サブタイトル１（縁取り文字） */
	.img_over_head p {
		font-size: 30px;
	}
	/* サブタイトル２（中抜き文字） */
	.text2_over_head {
		font-size: 20px;
	}
	/* アピールタイトル（丸枠内に文字） */
	.circle_head {	
		width: 80px;
		height: 80px;
	}
	.circle_head span {
		font-size: 20px;
		width :80px;
	}
}

/**********************************/
/* 中見出し                        */
/**********************************/
.middle_head {
	font-size: 150%;
	font-weight: bold;
	color:#002059;
	text-align: left;
}

/**********************************/
/* 大枠                           */
/**********************************/
.main_info_block{
	margin-top: -100px;
	padding-top: 5px;
	background-color:#6ac4a0;
	z-index: -99;
}
.info_block{
	margin-top:50px;
	padding: 50px 20px;
	font-weight: bold;
	width:100%;
	background-color:#ffffff;
	border-radius: 30px;
}
@media screen and (max-width: 767px) {
	.main_info_block{
		margin-top: -20px;
	}
}
/**********************************/
/* ポイント枠                      */
/**********************************/
.point_info_block{
	margin:0 auto;
	margin-top:20px;
	margin-bottom: 20px;
	padding: 10px;
	width:100%;
	text-align:left;
}
.point_info_table{
	table-layout: fixed;
	font-size:100%;
	width: 100%;
	text-align: center;
	border: 1px #7EA0D3 solid;
}
.point_info_table td{
	padding : 10px;
	text-align: left;
	border: 1px #7EA0D3 solid;
	line-height: 1.5em;
}
.point_info_table td img{
    width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
}
@media screen and (max-width: 767px) {
	.point_info_table td{
		display:block;
	}
}
/**********************************/
/* 開催日程枠                      */
/**********************************/
.schedule_info_block{
	margin:0 auto;
	margin-top:20px;
	margin-bottom: 20px;
	padding: 10px;
	width:100%;
	text-align: left;
}
.schedule_info_table{
	table-layout: fixed;
	font-size:100%;
	width: 100%;
	text-align: center;
	border: 1px #7EA0D3 solid;
}
.schedule_info_table th{
	background-color:#002059;
	border-color : #7EA0D3;
	color:#FFE601;
	border: 1px #7EA0D3 solid;
	padding : 2px;
	font-size: 150%;
	font-weight: bold;
}
.schedule_info_table td{
	padding : 10px;
	text-align: left;
	border: 1px #7EA0D3 solid;
	line-height: 1.5em;
}
@media screen and (max-width: 767px) {
	.schedule_info_table th{
		display:block;
	}
	.schedule_info_table td{
		display:block;
	}
}
/*-------------------------------------------------------- */
/**********************************/
/* ボタン *************************/
/**********************************/
a.btn_entry {
	display: inline-block;
	width: 100%;
	max-width: 350px;
	color: #002059;
	border: 2px solid #002059;
	background: #ffffff;
	margin: 20px 0;
	padding: 1em 0;
	font-size: 130%;;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	transition: 0.3s;
	border-radius: 10px;
}
a.btn_entry:hover {
	color: #FFE601;
	background: #002059;
}
a.btn_entry_fin {
	display: inline-block;
	width: 100%;
	max-width: 350px;
	color: #002059;
	border: 2px solid #F15929;
	background: #d2d1d1;
	margin: 20px 0;
	padding: 1em 0;
	font-size: 130%;;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	transition: 0.3s;
	border-radius: 10px;
}

/**********************************/
/* 出展企業のアコーディオン表示用    */
/**********************************/
/* Acordion Faq */
.tab {
	position: relative;
	margin-bottom: 1px;
	width: 100%;
	color: #fff;
	overflow: hidden;
}
input {
	position: absolute;
	opacity: 0;
	z-index: -1;
}
label {
	position: relative;
	display: block;
	padding: 0 0 0 1em;
	background: #000;
	font-weight: bold;
	cursor: pointer;
	color:#FFE601;
	background-color: #002059;
	font-size: 130%;
}
.tab-content {
	max-height: 0;
	overflow: hidden;
	-webkit-transition: max-height .35s;
	-o-transition: max-height .35s;
	transition: max-height .35s;
	color: #002059;
}
.tab-content p {
	margin: 1em;
}
/* :checked */
input:checked ~ .tab-content {
	max-height: 100%;
}
/* Icon */
label::after {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	width: 3em;
	height: 3em;
	text-align: center;
	-webkit-transition: all .35s;
	-o-transition: all .35s;
	transition: all .35s;
}
input[type=checkbox] + label::after {
	content: "+";
}
input[type=radio] + label::after {
	content: "\25BC";
}
input[type=checkbox]:checked + label::after {
	transform: rotate(315deg);
}
input[type=radio]:checked + label::after {
	transform: rotateX(315deg);
}

/**********************************/
/* 出展企業テーブル                */
/**********************************/
.company_info_table{
	table-layout: fixed;
	font-size:100%;
	width: 100%;
	color:#002059;
	text-align: center;
	border: 1px #002059 solid;
	margin-bottom: 20px;
}
.company_info_table th{
	background-color:#c3e1f3;
	border: 1px #002059 solid;
	padding : 2px;
	font-weight: bold;
	width: 50px;
}
.company_info_table td{
	padding : 10px;
	text-align: left;
	border: 1px #002059 solid;
	line-height: 1.5em;
	text-align: left;
}
.company_info_table td:last-child {
	text-align: left;
}
@media screen and (max-width: 767px) {
	/* 火曜コース */
	.company_info_table .thead {
		display: none;
	}
	.company_info_table tr{
		width: 100%;
	}
	.company_info_table td{
		display:block;
		width: 100%;
		text-align: left;
	}
	.company_info_table td:first-child{
		font-weight: bold;
		text-align: center;
		background-color:#c3e1f3;
	}
	.company_info_table td:before {
		content: attr(data-label);
		float: left;
		font-weight: bold;
		margin-right: 10px;
	}
	.company_info_table td:last-child{
		text-align: left;
	}
}