@charset "utf-8";
/* ==================================================
テーマゾーン
================================================== */

/* page_in_four */
ul.page_in_four {
	margin: -2rem 0 3em;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
ul.page_in_four li {
	width: 25%;
}
@media screen and (max-width: 999px) {
	ul.page_in_four {
	}
	ul.page_in_four li {
		width: 50%;
	}
}
@media screen and (max-width: 599px) {
	ul.page_in_four {
		margin: -1rem 0 3em;
	}
	ul.page_in_four li {
		width: 100%;
		font-size: 14px;
	}
}

ul.page_in_four li a {
	display: block;
	color: #fff;
	text-align: center;
	padding: 0.75em 0;
}
ul.page_in_four li a:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
ul.page_in_four li a:before {
	content: "\f0a9";
	font-family: fontAwesome;
	margin-right: 0.25em;
}
ul.page_in_four li.pi4_1 a {
	background: #ff5b00;
}
ul.page_in_four li.pi4_2 a {
	background: #009f52;
}
ul.page_in_four li.pi4_3 a {
	background: #b7bf00;
}
ul.page_in_four li.pi4_4 a {
	background: #29abe2;
}



/* summary */
.summary {
	margin-bottom: 3rem;
}
.summary  .concept_txt {
	float: left;
	width: 50%;
}
.summary  .concept_image {
	float: right;
	width: 50%;
	text-align: center;
}
.summary  .concept_image img {
	width: 100%;
}

@media screen and (max-width: 1023px) {
	.summary  .concept_txt,
	.summary  .concept_image {
		float: none;
		width: 100%;
	}
	.summary  .concept_image img {
		max-width: 600px;
	}
}

.summary h2 {
	font-size: 1.875rem;
	line-height: 1.25;
	margin: 0 0 1rem;
	color: #00a99d;
}
@media screen and (max-width: 767px) {
	.summary h2  br {
		display: none;
	}
}
.summary p {
	font-size: 1rem;
	margin-bottom: 0.5em;
}



/* each_zone */
.each_zone {
	padding-left: 1em;
	margin-bottom: 4em;
}

.tz01_color {
	border-left: 5px solid #ff5b00;
}
.tz01_color h2, .tz01_color h3  {
	color: #ff5b00;
}

.tz02_color {
	border-left: 5px solid #009f52;
}
.tz02_color h2, .tz02_color h3  {
	color: #009f52;
}

.tz03_color {
	border-left: 5px solid #b7bf00;
}
.tz03_color h2, .tz03_color h3  {
	color: #b7bf00;
}

.tz04_color {
	border-left: 5px solid #29abe2;
}
.tz04_color h2, .tz04_color h3  {
	color: #29abe2;
}


.each_zone .title_box {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-bottom: 1.5em;
}
.each_zone .title_box .icon_box {
	width: 120px;
}
.each_zone .title_box .icon_box img {
	padding: 2px;
	background: #fff;
	border: 1px solid #ddd;
	width: 100%;
}
.each_zone .title_box .txt_box {
	width: calc(100% - 135px);
}
@media screen and (max-width: 767px) {
	.each_zone .title_box .icon_box {
		width: 80px;
	}
	.each_zone .title_box .txt_box {
		width: calc(100% - 90px);
	}
}
@media screen and (max-width: 599px) {
	.each_zone .title_box .icon_box {
		display: none;
	}
	.each_zone .title_box .txt_box {
		width: 100%;
	}
}

.each_zone .title_box .txt_box h2 {
	font-size: 1.75rem;
	margin: 0 0 0.125em;
	padding-top: 0.25em;
}
.each_zone .title_box .txt_box p {
	font-size: 1rem;
	line-height: 1.5;
	margin-bottom: 0;
}

.each_zone  ul,
.each_zone  dl {
	margin: 0 0 ;
}
.each_zone  .exhibitors_box,
.each_zone  .conference_box {
	margin-bottom: 2em;
}

.each_zone  h3 {
	font-size: 1.25rem;
	margin-bottom: 0.25em;
}
.each_zone ul {
}
.each_zone ul li {
}
.each_zone ul li:last-child {
	border-bottom: 0;
}
.each_zone ul li a {
	display: block;
	border-bottom: 1px solid #ccc;
	padding: 0.325em 0.5em;
	color: #333;
}
.each_zone ul.conf_data  li a {
	padding:  0.5em;
}
.each_zone ul li a:hover {
	background: #fff;
}
.each_zone ul li:last-child a {
	border-bottom: 0;
}


/* ゾーン出展社 */
.exhibitors_box  p.name {
	font-weight: bold;
	border-bottom: 0.125em;
	font-size: 1em;
}
.exhibitors_box  p.data {
	font-size: 0.835em;
	line-height: 1.5;
}


/* カンファレンスcss上書き */
.mainContents_area ul.conf_data {
	margin: 0.5em 0;
}
.mainContents_area ul.conf_data .conf_identifier span {
	font-size: 1em;
}
ul.conf_data .conf_title {
	margin: 0.125em 0;
}
.mainContents_area  ul.conf_data .conf_title p.title {
	font-size: 1.125em;
}
.mainContents_area  ul.conf_data .conf_title p.sub {
	font-size: 1em;
}
.mainContents_area ul.conf_data .conf_speaker .name_post p.name {
	font-size: 1em;
}