@charset "utf-8";
/* CSS Document */

/**********TOP***********/
#topSliderWrap{
	width:98%;
	margin:0 1% 2%;
	background-image:url(../img/top_main.jpg) no-repeat;
}
#topSliderWrap .bx-wrapper{
	margin-bottom:0;
	box-shadow:none;
	border:none;
	
}
#index #container h2{
	position:relative;
	width:98%;
	padding-bottom:32%;
	margin:0 1% 2%;
	background:url(../img/top_main.jpg) no-repeat 50% 0;
	background-size:cover;
}
#index #container h2 span{
	position:absolute;
	display:inline-block;
	width:100%;
	height:100%;
	top:1.85em;
	text-align:center;
	font-family: 'Share Tech Mono', sans-serif;
	font-size:48px;
	line-height:100%;
	letter-spacing:-0.02em;
	color:#51aa86;
}
#index #container h3{
	position:relative;
	width:100%;
	height:2.22em;
	padding:0 0 0 0.55em;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:100% auto;
	color:#ffffff;
	font-weight:500;
}
#index #container h3 span{
	position:absolute;
	right:2.85em;
	top:-0.1em;
	font-size:77%;
	font-weight:300;
}
#index #video h3{background-image:url(../img/common/title_bg01.png);}
#index #whats h3{background-image:url(../img/common/title_bg02.png);}
#index .newEve h3{background-image:url(../img/common/title_bg02.png);}
#video{
	width:100%;
	margin-bottom:2.94%;
}
#video iframe{
	display:block;
	width:100%;
	height:15em;
}
#whats{
	margin-bottom:3.80952%;
}
#whats p{
	padding:1.5873% 4.7%;
	line-height:2.25em;
}
/*************ENGLISH**************/
.eng #whats p{
	line-height:1.8em;
}
/*************／ENGLISH**************/
.newEve{
	margin-bottom:3.1746%;
	background-color:#ddf5eb;
}
.newEve > div{
	width:100%;
	padding:20px 3.1746%;
}
.newEve > div article{
	display:-webkit-flex; display:flex;
	-webkit-justify-content:space-between; justify-content:space-between;
	padding-bottom:20px;
}
.newEve > div article:last-of-type{
	padding-bottom:0;
}
.newEve .newsEveImg{
	-webkit-flex-shrink:0; flex-shrink:0;
	width:27.11864%;
}
.newEve .newsEveImg img{
}
.newEve .newsEveText{
	-webkit-flex-grow:1; flex-grow:1;
	padding-left:1.5873%;
	line-height:1.875;
}
.newEve .newsEveText h4{
	position: relative;
	padding-left: 94px;
	color:#345e6a;
	font-weight:500;
	line-height: 24px;
}
.newEve .newsEveText h4::before{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 80px;
	height: 24px;
	text-align: center;
	line-height: 24px;
	color: #ffffff;
}
.newEve .topNews .newsEveText h4::before{
	content: 'NEWS';
	background-color: #51aa86;
}
.newEve .topEvent .newsEveText h4::before{
	content: 'EVENT';
	background-color: #b8b8b8;
}

.newEve .newsEveText a:hover{
	text-decoration:underline;
}
/**********／TOP***********/


@media print, screen and (max-width: 999px){
#index #container h2 span{
	font-size:4.8vw;
}
}