@charset "utf-8";

/******************************
LEJ 2018
******************************/

.footer {
	position:relative;
	z-index:11 !important;
}
.footerInner {
  margin-top: 0 !important;
}

.mainSectionArea {
	position:relative;
	z-index:10 !important;
}

.lej .bg_set {
  position:fixed;
  top:0;
  left:0;
  display:block;
  width:100%;
  height:100vh;
  z-index:0;
}
.lej .bg_set:after {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100vw;
  height:100vh;
  background:rgba(0,0,0,0.7) url(../images/lej/bg_dot.png) left top;
  z-index:1;
}

.lej .mainSectionArea {
	font-family: 'Montserrat', 'Noto Sans', 'メイリオ',Meiryo, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
}

.lej .mainSectionArea h2 {
  font-size:150%;
}

.lej .mainSectionArea h3 {
	margin-top:2em;
	margin-bottom:0.5em;
	padding:0.2em 10px 0;
	color:#fff;
	line-height:2;
	letter-spacing:0.3em;
	font-size:24px;
	font-weight:700;
	border-bottom:1px solid #fff;
	border-left:5px solid #EA0003;
	background:url(../images/lej/bg_dot_white.png) left top;
}
.lej .mainSectionArea h6 {
	margin-bottom:1em;
	text-align:right;
	font-size:14px;
	font-weight:400;
	color:#fff;
}


@media only screen and (max-width: 520px) {
   .lej .mainSectionArea h3 {
     font-size:90%;
   }
}

.lej .mainSectionArea.second .logo {
	display:block;
	width:80%;
	max-width:360px;
	margin:0 auto;
}


.lej .mainSectionArea.bg {
	position:relative;
	background:url(../images/top_exhibition/lejPh.jpg) center center;
}
.lej .mainSectionArea.bg::before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);
	z-index:1;
}
.lej .mainSectionArea.second {
	padding-top:0;
	background:#fff;
}

.lej .mainSectionArea.gray {
	padding-bottom:60px;
	background:rgba(0,0,0,.2);
} 

.lej .mainSectionArea .tx {
	position:relative;
	padding-bottom:2em;
	text-align:center;
	font-size: 18px;
	font-weight:400;
	color:#fff;
	z-index:1;
}

.lej .mainSectionArea .tx > span.one {
	font-size:28px;
}
.lej .mainSectionArea .tx > span.two {
	font-size:24px;
}
.lej .mainSectionArea .tx p {
	margin:0 0 0.5em;
	font-size: 30px;
	font-weight:700;
}

/*@media only screen and (max-width: 768px) {
	.lej .mainSectionArea.bg {
		background-size:100% auto;
	}	
}*/

@media only screen and (max-width: 500px) {
	.lej .mainSectionArea .tx {
		font-size: 14px;
	}
	.lej .mainSectionArea .tx > span.one {
		font-size:22px;
	}
	.lej .mainSectionArea .tx > span.two {
		font-size:18px;
	}
	.lej .mainSectionArea .tx p {
		font-size: 4.5vw;
		font-weight:500;
	}
}


.lej .mainSectionArea .box {
	background:#000;
	margin:30px 0;
	padding:20px;
}
.lej .mainSectionArea .box.seminar {
	background:#152d6f;
}

.lej .mainSectionArea .box .inner {
	display:flex;
	flex-wrap: wrap;
	background:#fff;
}

.lej .mainSectionArea .box h4 {
	display:block;
	width:100%;
	margin:0;
	padding:0 0 0.5em;
	background:none;	
	font-size:18px;
	line-height:30px;
	color:#fff;
	background:#000;
}
.lej .mainSectionArea .box.seminar h4 {
	background:#152d6f;
}

.lej .mainSectionArea .box h4 span {
	display:inline-block;
	margin-right:1.5em;
	font-size:20px;
	color:#EA0003;
}
.lej .mainSectionArea .box.seminar h4 span {
	color:#f76;
}

.lej .mainSectionArea .box h4 span + p {
	display:inline-block;
	margin-right:1.5em;
	color:#fff;
}
.lej .mainSectionArea .box.seminar h4 span + p {
	color:#eee;
}

.lej .mainSectionArea .box h4 a {
	position:relative;
	float:right;
	display:inline-block;
	width:12em;
	height:30px;
	margin:0;
	padding:0 1em;
	box-sizing:border-box;
	color:#fff;
	font-size:16px;
	line-height:32px;
	text-decoration:none;
	border-radius:15px;
	background:#5200F7;
}
.lej .mainSectionArea .box.seminar h4 a {
	background:#f76;
}

.lej .mainSectionArea .box h4 a::after {
	content:"▶";
	position:absolute;
	top:3px;
	right:3px;
	width:24px;
	height:24px;
	text-align:center;
	color:#5200F7;
	font-size:12px;
	line-height:24px;
	border-radius:12px;
	background:rgba(255,255,255,.9);
}
.lej .mainSectionArea .box.seminar h4 a::after {
	color:#f76;
}
.lej .mainSectionArea .box h4 a:hover {
	background:#fff;
	color:#FF487B;
} 
.lej .mainSectionArea .box h4 a:hover::after {
	color:#FF487B;
}

.lej .mainSectionArea .box h4 .lank {
	position:relative;
	display:inline-block;
	width:12em;
	height:30px;
	margin:0 1em 0 0;
	padding:0 1em;
	box-sizing:border-box;
	color:#ffa;
	font-size:14px;
	line-height:32px;
	text-align:center;
	text-decoration:none;
	border-radius:15px;
	border:1px solid #ffa;
}
.lej .mainSectionArea .box h4 .lank p {
	display:inline-block;
}

.lej .mainSectionArea .box h4 .ev {
	position:relative;
	display:inline-block;
	width:5em;
	height:30px;
	margin:0;
	padding:0 1em;
	box-sizing:border-box;
	color:#ffa;
	font-size:14px;
	line-height:32px;
	text-align:center;
	text-decoration:none;
	border-radius:15px;
	border:1px solid #ffa;
}

.lej .mainSectionArea .box .ph {
	float:left;
	width:18%;
}
.lej .mainSectionArea .box .ph_sp {
	display:none;
}
.lej .mainSectionArea .box .ph img,
.lej .mainSectionArea .box .ph_sp img {
	display:block;
	width:100%;
	vertical-align:top;
}

.lej .mainSectionArea .box .info {
	float:right;
	width:82%;
	padding:10px 20px;
	box-sizing: border-box;
	font-size:14px;
	background:#fff;
}
.lej .mainSectionArea .box.seminar .info {
	width:100%;
}

.lej .mainSectionArea .box.seminar .info .personWrap {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	width:100%;
}
.lej .mainSectionArea .box.seminar .info .person1 {
	width:100%;
}

.lej .mainSectionArea .box.seminar .info .person2 {
	width:48%;
	padding-top:0.5em;
	border-top:1px solid #ddd;
}
.lej .mainSectionArea .box.seminar .info .person2:nth-of-type(-n+2) {
	padding-top:0;
	padding-bottom:1em;
	border-top:none;
}

.lej .mainSectionArea .box .info a {
	color:#BD0003;
	font-weight:700;
	font-size:18px;
}
.lej .mainSectionArea .box.seminar .info a {
	color:#ed5400;
}

.lej .mainSectionArea .box .info a.name {
	display:inline-block;
	margin-top:0.5em;
	font-size:15px;
	color:#000;
}
.lej .mainSectionArea .box.seminar .info a.name {
	display:inline-block;
	margin-top:0.5em;
	font-size:15px;
	color:#000;
	text-decoration:none;
}

.lej .mainSectionArea .box.company a,
.lej .mainSectionArea .box.company span {
	position:relative;
	display:block;
	width:100%;
	margin:0;
	color:#cD0003;
	font-weight:700;
	line-height:1.3;
	text-decoration:none;
	border-bottom:1px solid #ddd;
}
.lej .mainSectionArea .box.company a:hover {
	color:#f76;
	background:rgba(0,0,0,.1);
}

.lej .mainSectionArea .box.company a p,
.lej .mainSectionArea .box.company span p {
	width:100%;
	padding:10px 5px;
	text-align:center;
}

@media only screen and (max-width: 768px) {
	.lej .mainSectionArea .box h4 a {
		float:none;
		display:block;
		margin-top:10px;
	}

}

@media only screen and (max-width: 640px) {
	.lej .mainSectionArea .box .ph {
		display:none;
	}
	.lej .mainSectionArea .box .ph_sp {
		display:block;
		margin-top:20px;
	}
	.lej .mainSectionArea .box .info {
		float:none;
		width:100%;
	}
	
	.lej .mainSectionArea .box.seminar .info .person2 {
		width:100%;
		margin:0.5em 0;
		padding:0;
	}

	.lej .mainSectionArea .box.seminar .info .person2:nth-of-type(-n+2) {
		margin:0.5em 0;
		padding:0;
		border-top:1px solid #ddd;
	}

	.lej .mainSectionArea .box.seminar .info .person2:nth-of-type(-n+1) {
		margin:0.5em 0;
		padding:0;
		border-top:none;
	}
	
	.lej .mainSectionArea .box.company a {
		width:100%
	}
}



/* keynotes */

.mainSectionArea .box.multi .info {
	width:100%;
}

.mainSectionArea .box.multi .ph {
	width:50%;
}

.mainSectionArea .prof.multi {
  display:flex;
  flex-wrap:wrap;
  -webkit-justify-content: space-between; /* Safari */
  justify-content:         space-between;
}

.mainSectionArea .prof.multi::before{
  content:"";
  display: block;
  width:48%;
  order:1;
}
.mainSectionArea .prof.multi::after{
  content:"";
  display: block;
  width:48%;
}

.mainSectionArea .multiple {
	display:block;
  width:48%;
	margin-bottom:30px;
}

.mainSectionArea .name {
  display:inline-block;
  width:100%;
  margin:5px 2% 0 0;
  vertical-align:top;
  font-size:13px;
}
.lej .mainSectionArea .box .name a {
	display:block;
  color:#000;
	font-size:13px;
  text-decoration:underline;
}

.mainSectionArea .ph {
	position:relative;
  display:inline-block;
  width:100%;
  max-width:140px !important;
  margin-top:5px;
}
.mainSectionArea .ph img {
  display:block;
  width:100%;
}
.mainSectionArea .ph a:hover img {
	opacity:1;
}
.mainSectionArea .ph a:after {
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:none;
	-webkit-transition: 0.5s;
  transition: 0.5s;
}
.mainSectionArea .ph a:hover:after {
	content:"";
	background:rgba(205,225,0,.6);
}

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

  .mainSectionArea .prof.multi {
    display:block;
  }
  .mainSectionArea .multiple {
		display:flex;
		-webkit-flex-direction: row-reverse;
  	flex-direction:         row-reverse;
		width:100%;
  }
	.mainSectionArea .ph {
		width:55%;
	}
}