@charset "UTF-8";

/*=================================
	reset css
=================================*/

/* http://meyerweb.com/eric/tools/css/reset/
	 v2.0 | 20110126
	 License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: bottom;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
h3,h4,p{
	letter-spacing: 0.1em;
	line-height: 1.5em;
}

/*=================================
	common css
=================================*/

html {
}

body {
	font-family: 'Avenir','Helvetica Neue','Helvetica','Arial',"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-weight: 500;
	font-size: 14px;
}

body.en {
	font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN', sans-serif;
}

.pc {
	display: block;
}
.sp {
	display: none;
}

@media only screen and (max-width: 768px) {
	.pc {
	display: none;
	}
	.sp {
	display: block;
	}
}

.ease,
.ease * {
	-webkit-transition: .2s all ease;
	 -moz-transition: .2s all ease;
		-ms-transition: .2s all ease;
		 -o-transition: .2s all ease;
				transition: .2s all ease;
}

.clearfix {
	*zoom: 1;
}
.clearfix:before,
.clearfix:after {
	display: table;
	line-height: 0;
	content: "";
}
.clearfix:after {
	clear: both;
}
section{}
.wrapper{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}
#main{
	position: relative;
	z-index: 99;
}
a {
	transition: all .3s;
}
a:hover {
	opacity: .7;
}

/*=================================
	 header
=================================*/
.bg_main {
	width: 100%;
	height: 90vh;
	position: fixed;
	z-index: 1;
	background:url(../img/img_main.jpg) no-repeat;
	background-size:cover;
	max-width: 1200px;
	left: 50%;
	margin-left: -600px;
}
@media only screen and (max-width: 1201px) {
	.bg_main {
		width: 100%;
		max-width: 1200px;
		left:0;
		margin-left: 0px;
	}
}
.bg_main div {
		background: -moz-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
		background: -webkit-linear-gradient(top, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%);
		background: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#00000000',GradientType=0 );
		width: 100%;
		height: 150px;
}
video {
	position: fixed;
	right: 0;
	top: 0;
	width:100%;
	height: auto;
	z-index: 1;
}
.bgLine{
	background-image: url(../img/bg_line.png);
	background-repeat: repeat;
	background-position: left top;
	width: 100%;
	height: 100vh;
	position: fixed;
	z-index:99;
}
.header{
	position: fixed;
	z-index: 9999;
	width: 100%;
	transition:0.8s;
	top: 0;
}
.colorCh{
	background:#1e1e1e;
}
.headerIn{
	width: 96%;
	max-width: 1300px;
	margin: 0 auto;
	padding: 25px 0 30px 0;
	overflow: hidden;
}
.headerIn a{
	color: #ffffff;
	text-decoration: none;
	display: block;
}
.headLeft{
	overflow: hidden;
	float: left;
	padding-top: 15px;
}
.headRight{
	overflow: hidden;
	float: right;
	padding-top: 15px;
}
.headerIn h1{
	margin-right: 40px;
}
.headerIn ul.lang{
}
.headerIn h1,
.headerIn ul.lang{
	float: left;
}
.headerIn .search,
.headerIn .sns,
.headerIn .login,
.headerIn .menuBtn{
	float: left;
}
.headerIn .login_sp{
	display: none;
}
.headerIn .menuBtn{
	margin-top: -15px;
	cursor: pointer;
}
.headerIn ul.lang,
.headerIn ul.login{
	overflow: hidden;
	margin-top: 5px;
}
.headerIn ul.lang li,
.headerIn ul.login li{
	float: left;
	margin-right: 12px;
}
.headerIn ul.login{
	margin-right: 20px;
}
.headerIn ul.lang li:last-child,
.headerIn ul.login li:last-child{ 
	margin-right: 0;
}
.headerIn ul.lang li.focus a{
	border-bottom: 2px solid #ffffff;
}
.headerIn ul.lang li a:hover,
.headerIn ul.login li a:hover{
	border-bottom: 2px solid #ffffff;
}
.headerIn ul.sns{
	overflow: hidden;
	margin-right: 20px;
}
.headerIn ul.sns li{
	float: left;
	margin-right: 9px;
}
.headerIn ul.sns li:last-child{
	margin-right: 0;
}
.headerIn ul li{
	color: #ffffff;
	line-height: 1.7em;
}
.header input[type="text"] {
	outline: 0;
	border: none;
	background: none;
	border-bottom: 1px solid #818181;
	padding: 0 0 0 30px;
	line-height: 1.3em;
	font-size: 1.3em;
	color: #ffffff;
}
.header input[type="text"]:focus {
	outline: 0;
	border: none;
	border-bottom: 1px solid #ffffff;
}
.header .search{
	content: "";
	background: url(../img/ico_search.png) no-repeat;
	background-size: 20px;
	margin-right: 20px;
}
.menber{
	display: none;
}
@media only screen and (max-width: 900px) {
.headerIn{
	display: table;
}
.headLeft,
.headRight{
	display: table-cell;
	float: none;
	vertical-align: top;
}
.headerIn h1{
	width: 30%;
	margin-right: 20px;
}
.headerIn h1 img{
	max-width: 100%;
}
.headerIn .headRight > ul.sns {
	width: 40%;
}
.headerIn .headRight > ul.sns li {
	width: 16%;
	margin-right: 0;
}
.headerIn .headRight > ul.sns li + li {
	margin-left: 4%;
}
.headerIn ul.sns li img {
	max-width: 100%;
}
.headerIn .menuBtn img {
	max-width: 100%;
}
.headerIn .menuBtn {
	width: 33px;
	margin-top: -5px;
}
.headerIn ul.lang {
	margin-top: 0;
}
}


/*=================================
	 main image
=================================*/
.mainImg{
	height: 700px;
}
.mainImgWrapper{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}
.mainImg .textArea{
	color: #ffffff;
	position: absolute;
	top: 400px;
	z-index: 99
}
.mainImg .textArea h2{
	font-size: 3em;
	line-height: 1.2em;
	letter-spacing: 0.1em;
	margin-bottom: 15px;
	font-family: "Times New Roman", Times, "serif";
}
.mainImg .textArea p{
	margin-bottom: 15px;
}
.mainImg .textArea p span{
	font-weight: bold;
}
.mainSlide {
	position: relative;
	width: 980px;
	z-index: 1;
	margin-left: auto;
	top: 120px;
}
.mainBox{
	width:460px;
	margin:0 auto;
	top: 130px;
	position: relative;
	padding:60px 0;
	background:rgba(0,0,0,0.57);
}
.mainBox p:first-child{
	width:287px;
	margin:0 auto 30px;
	position: relative;
}
.mainBox p:first-child img{
	width:100%;
	position: absolute;
	left: 0;
	top: 0;
}
.mainBox p:first-child img:first-child{
	opacity: .9;
	transition: all 1.0s;
}
.mainBox p:first-child img:last-child{
	opacity: 0;
	transition: all 1.0s;
}
.mainBox p.onlogo img:first-child{
	opacity: 0;
}
.mainBox p.onlogo img:last-child{
	opacity: 1;
}
.mainBox p{
	color:#FFFFFF;
	text-align:center;
}
.videoBox {
	position: absolute;
	width: 100%;
	height: 0 !important;
	padding-top: 56.25%;
	/*left: 50%;*/
	top: 104px;
	background: none !important;
	/*transform: translateX(-50%);*/
	z-index: -100;
}
.videoBox video {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
}

/*=================================
	 LATEST
=================================*/
.latest{
	width: 100%;
	background-image: url(../img/bg_line.png), url(../img/bg_white.gif);
	background-position: left top, center 0;
	background-repeat: repeat,repeat;
}
.latest div a:hover {

}
.latest .wrapper{
	padding: 30px 15px 0;
	box-sizing: border-box;
}
section h2.secTit{
	font-family: "Times New Roman", Times, "serif";
	font-size: 3em;
	line-height: 1.2em;
	letter-spacing: 0.4em;
	text-indent: 0.4em;
}
section.latest h2.secTit{
	color: #000;
	text-align: center;
}
.column2{
	margin: 50px 0 50px 0;
	font-size: 0;
}
.column2 h3{
	font-size: 1.3em;
	margin: 15px 0;
}
.column2 p.colImg{
	width: 100%;
	height: 54.5%;
	position: relative;
}
.column2 div{
	max-width: 550px;
	width: 47%;
	display: inline-block;
	font-size: 12px;
	vertical-align:top;
}
.column2 div:first-child{
	padding-right: 3%;
}
.column2 div:last-child{
	padding-left: 3%;
}
/*.column2 div:first-child p.colImg{
	background: url(../img/img_cont_01.jpg) center center no-repeat;
	background-size: cover;
}
.column2 div:nth-child(2) p.colImg{
	background: url(../img/img_cont_02.jpg) center center no-repeat;
	background-size: cover;
}*/
.column3{
	padding: 0 0 100px 0;
	font-size: 0;
}
.column3 h3{
	font-size: 1.3em;
	margin: 15px 0;
}
.column3 p.colImg{
	width: 100%;
	height: 54.5%;
	position: relative;
}
.column3 div{
	width: 29.92%;
	display: inline-block;
	vertical-align:top;
	font-size: 12px;
	margin-right: 5.12%;
}
.column3 div:nth-child(3n){
	margin-right: 0;
}
/*.column3 div:first-child p.colImg{
	background: url(../img/img_cont_03.jpg) center center no-repeat;
	background-size: cover;
}
.column3 div:nth-child(2) p.colImg{
	background: url(../img/img_cont_04.jpg) center center no-repeat;
	background-size: cover;
}
.column3 div:nth-child(3) p.colImg{
	background: url(../img/img_cont_05.jpg) center center no-repeat;
	background-size: cover;
}*/
section.latest .colImg {
	height: 0;
	padding-top: 54.55%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
section.latest div a:hover {
	opacity: 1;
}
section.latest div a .colImg::before  {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0,0,0,0.7);
	z-index: -1;
	opacity: 0;
	transition: opacity .3s;
}
section.latest div a .colImg::after {
	content: "Read";
	position: absolute;
	color: #fff;
	font-size: 20px;
	top: 50%;
	left: 50%;
	transform: translate(-50%);
	z-index: -1;
	opacity: 0;
	transition: opacity .3s;
	letter-spacing: 0.2em;
	text-transform: uppercase;
}
section.latest div a:hover .colImg::before,
section.latest div a:hover .colImg::after {
	z-index: 0;
	opacity: 1;
}
.tag{
	position: absolute;
	color: #ffffff;
	padding: 5px 0;
	box-sizing: border-box;
	font-weight: bold;
	margin-left: -15px;
	width: 135px;
	text-align: center;
	bottom: 0;
}
.topics{
	background: rgba(148, 45, 143, 0.8);
}
.what{
	background: rgba(61, 80, 185, 0.8);
}
.release{
	background: rgba(200, 120, 27, 0.8);
}
.event{
	background: rgba(65, 167, 147, 0.8);
}
.media{
	background: rgba(229, 70, 71, 0.8);
}
.members{
	background: rgba(230, 203, 20, 0.8);
}
.arrow{
	position: absolute;
	bottom: -20px;
	right: -15px;
}
.arrow a{
	display: block;
}
.arrow img{
	width: 100%;
	transition: all .3s;
	position: relative;
	left: 0;
}
.column2 .arrow{
	width: 60px;
	height: 60px;
	overflow: hidden;
	background: #171717;
}
.column3 .arrow{
	width: 50px;
	height: 50px;
	overflow: hidden;
	background: #171717;
}
section.latest div a .colImg:hover .arrow img {
	position: relative;
	left: 5px;
}

/*=================================
	 CONCEPT
=================================*/
.concept{
	width: 100%;
	background-image:url(../img/bg_line.png),url(../img/bg_main.png);
	background-repeat:repeat,no-repeat;
	background-size: auto,cover;
	background-position:left center,center center;
	padding: 130px 0;
	position: relative;
}
.concept .secTit{
	color: #ffffff;
	margin-bottom: 50px;
}
.concept .textBox{
	width: 53.33%;
	margin-left: 46.67%;
	color: #ffffff;
	text-align: center;
}
.conceptIn{
	width: 90%;
	max-width: 900px;
	margin: 0 auto;
}
.conceptIn .ico{
	position: absolute;
	max-width: 185px;
	width: 20.5%;
	top: 35%;
}
.conceptIn .ico img{
	width: 100%;
}
.conceptView {
	width: 100%;
	max-width: 1200px;
	top: -125px;
}
.viewAll {
	position: relative;
	margin: 0px auto 0;
	z-index: 999;
}
.conceptView p{
	position: absolute;
	right: 0;
	top: 100px;
}
.viewAll p{
	width:300px;
	background:#1e1e1e;
}
.viewAll p a{
	display:block;
	background:url(../img/ico_arrow.png) 250px center no-repeat;
	background-size:30px;
	padding:20px 0;
	text-align:center;
	color:#ffffff;
	text-decoration:none;
	font-family: "Times New Roman", Times, "serif";
	font-size:1.3em;
}
.viewAll p a:hover {
	background-position: 260px center;
}

/*=================================
	 TEAM
=================================*/
.team{
	background:#ffffff;
	background-image:url(../img/bg_line.png);
	background-repeat:repeat;
}
.teamText {
	position: absolute;
	background: #1e1e1e;
	width: 40%;
	box-sizing: border-box;
	color: #ffffff;
	text-align: center;
	margin-top: -25px;
	padding: 230px 50px 230px;
	z-index:99;
}
.teamText h2{
	width:100%;
	margin-left:auto;
	margin-bottom:40px;
}
.teamText p{
	width:100%;
	margin-left:auto;
}
.teamSlide{
	width:65%;
	position:relative;
	margin-left:auto;
	padding:180px 0 90px 0;
}
.bx-wrapper {
	padding: 85px 0 180px 180px;
}
.bxslider li {
	position: relative;
}
.bxslider li:after {
	content: "";
	width: 100%;
	height: 25%;
	background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.7) 100%);
	background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.7) 100%);
	background: -ms-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.7) 100%);
	background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.7) 100%);
	position: absolute;
	bottom: 0;
	left: 0;
}
.bxslider li:hover {
	opacity: .7;
}
.bxslider li a {
	display: block;
}
.bxslider li a:before {
	content: "";
	width: 20px;
	height: 2px;
	background: #FFF;
	position: absolute;
	top: 19px;
	right: 10px;
}
.bxslider li a:after {
	content: "";
	width: 2px;
	height: 20px;
	background: #FFF;
	position: absolute;
	top: 10px;
	right: 19px;
}
.bxslider li img {
	width: 100%;
	height: auto;
}
.bxslider li span {
	font-size: 16px;
	letter-spacing: .05em;
	color: #FFF;
	position: absolute;
	bottom: 15px;
	left: 15px;
	z-index: 1;
}
.teamView p{
	position: absolute;
	right: 0;
	top: -180px;
}
@media only screen and (max-width: 900px) {
.bx-wrapper {
	padding: 85px 0 180px 20%;
}
}

/*=================================
	 White paper & Exchange
=================================*/
.columnMenu{
	width:100%;
}
.columnMenu ul{
	overflow:hidden;
}
.columnMenu ul li{
	width:50%;
	float:left;
}
.columnMenu ul li a{
	color:#ffffff;
	text-decoration:none;
	padding:60px 0;
	display:block;
	font-size:2em;
	letter-spacing: 0.1em;
	font-family: "Times New Roman", Times, "serif";
	background:url(../img/ico_arrow.png) 95% center no-repeat;
	background-size:45px;
}
.columnMenu ul li a:hover {
	background-position: 97.5% center;
}
.columnMenu ul li:first-child{
	background:url(../img/bg_whatepaper.jpg) center center no-repeat;
	background-size:cover;
}
.columnMenu ul li:last-child{
	background:url(../img/bg_exchange.jpg) center 30% no-repeat;
	/*background:url(../img/bg_exchange_cs.jpg) center 30% no-repeat;*/
	background-size:cover;
}
.columnMenu ul li a span{
	padding-left:80px;
}
.columnMenu ul li:last-child a br + span{
	margin-top: 10px;
	font-size: 18px;
	font-weight: normal;
	display: inline-block;
	position: relative;
}
.columnMenu ul li:last-child a br + span:after{
	content: "";
	width: 40px;
	height: 1px;
	background: #FFF;
	position: absolute;
	top: 50%;
	right: -50px;
	transform: translateY(-50%);
}

/*=================================
	 footer
=================================*/
.footer {
	background: #1e1e1e;
	background-image:url(../img/bg_line.png);
	background-repeat:repeat;
	z-index: 99;
	position: relative;
	padding:60px 0;
}
.footerRogo{
	width:130px;
	margin:0 auto 40px;
}
.footerRogo img{
	width:100%;
}
.footerMenu{
	text-align:center;
	margin-bottom:20px;
}
.footerMenu li{
	display:inline-block;
	vertical-align:top;
	margin-right:40px;
}
.footerMenu li:last-child{
	margin-right:0;
}
.footerMenu li a{
	color:#ffffff;
	text-decoration:none;
	font-size:1.3em;
	letter-spacing:0.1em;
}
.footer ul.lang {
	overflow: hidden;
	margin-top: 40px;
	text-align:center;
}
.footer ul.lang li {
	display: inline-block;
	margin-right: 12px;
	color: #ffffff;
	line-height: 1.7em;
}
.footer ul.lang li:last-child {
	margin-right: 0;
}
.footer ul.lang li a {
	color: #ffffff;
	text-decoration: none;
	display: block;
}
.copy{
	color:#ffffff;
	text-align:center;
	margin-top:45px;
}


/*=================================
	 topics
=================================*/
.inside section{
	width: 100%;
	background-image: url(../img/bg_line.png),url(../img/bg_white.gif);
	background-position: left 450px,center 450px;
	background-repeat: repeat-x,repeat-x;
}
.bgTopics{
	/*background-image: url(../img/bg_line.png),url(../img/topics/bg_topics.jpg);*/
	/*background-position: left center,center -300px;*/
	background-image: url(../img/bg_line.png),url(../img/bg_main.png);
	background-position: center top,center top;
	background-size: auto,cover;
	background-repeat: repeat,repeat-x;
	z-index: 99;
	width: 100%;
	height: 1000px;
	position: fixed;
}
.bgTopics div{
	/*background:-moz-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);*/ /* FF3.6-15 */
	/*background:-webkit-linear-gradient(top, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%);*/ /* Chrome10-25,Safari5.1-6 */
	/*background:linear-gradient(to bottom, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#00000000',GradientType=0 );*/ /* IE6-9 */
	width: 100%;
	height: 150px;
}
.topicsCont{
	padding-top: 200px;
}
.topicsCont .wrapper{
	padding: 0 15px;
	box-sizing: border-box;
}
section.topicsCont h2.secTit{
	color: #ffffff;
	text-align: center;
	margin-bottom:100px;
}
.topicsCont .colImg{
	margin-bottom: 15px;
}
.topicsCont .colImg a{
	display: block;
	padding-top: 54.55%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	text-decoration: none;
}
.topicsCont .colImg a img{
	width: 100%;
}
.topicsCont .colImg a:hover {
	opacity: 1;
}
.topicsCont .colImg a::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0,0,0,0.7);
	z-index: -1;
	opacity: 0;
	transition: opacity .3s;
}
.topicsCont .colImg a::after {
	content: "Read";
	position: absolute;
	color: #fff;
	font-size: 20px;
	top: 50%;
	left: 50%;
	transform: translate(-50%);
	z-index: -1;
	opacity: 0;
	transition: opacity .3s;
	letter-spacing: 0.2em;
	text-transform: uppercase;
}
.topicsCont .colImg a:hover::before,
.topicsCont .colImg a:hover::after {
	z-index: 0;
	opacity: 1;
}
.topicsCont div h3{
	margin: 10px 0 15px;
}
.topicsCont .column2{
	margin: 0;
	padding: 50px 0;
}
.topicsCont .column3{
	padding: 0 0 50px 0;
}
.topicsCont .column3 div{
	margin-bottom: 30px;
}
.pagination{
	font-size:0;
	text-align:center;
	padding-bottom:100px;
}
.pagination li{
	font-size:12px;
	display: inline-block;
	margin-right:20px;
}
.pagination li a {
	padding: 18px 25px 16px;
	display: block;
	background: #1e1e1e;
	text-decoration: none;
	border: 1px solid #1e1e1e;
	box-sizing: border-box;
	color: #ffffff;
	font-size: 2em;
	line-height: 1.3em;
	font-family: "Times New Roman", Times, "serif";
}
.pagination li.active a,
.pagination li a:hover{
	color:#1e1e1e;
	background:#ffffff;
	text-decoration:none;
}
.pagination li.pagination-prev a,
.pagination li.pagination-next a{
	padding: 18px 18px 16px;
}


/*=================================
	 topics 記事
=================================*/
.Article h2.secTit{
	letter-spacing:0;
	color: #ffffff;
}
body:not(.en) .Article h2.secTit{
	font-family: 'Avenir','Helvetica Neue','Helvetica','Arial',"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif !important;
}
.Article {
	padding-top: 200px;
}
.Article .wrapper{
	padding-bottom:80px;
}
.ArticleCont{
	overflow:hidden;
	margin-top:30px;
}
.ArticleCont .leftArea{
	width:750px;
	float:left;
}
.ArticleCont .leftArea .contents {
	word-wrap: break-word;
	line-height: 1.5;
}
.ArticleCont .rightArea{
	margin-top:250px;
	width:350px;
	float:right;
}
.ArticleCont .rightArea a {
	text-decoration: none;
	color: #000;
}
.ArticleCont .rightArea .thumb a{
	display: block;
	padding-top: 54.55%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
}
.ArticleCont .rightArea .thumb a:hover {
	opacity: 1;
}
.ArticleCont .rightArea .thumb a::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0,0,0,0.7);
	z-index: -1;
	opacity: 0;
	transition: opacity .3s;
}
.ArticleCont .rightArea .thumb a::after {
	content: "Read";
	position: absolute;
	color: #fff;
	font-size: 20px;
	top: 50%;
	left: 50%;
	transform: translate(-50%);
	z-index: -1;
	opacity: 0;
	transition: opacity .3s;
	letter-spacing: 0.2em;
	text-transform: uppercase;
}
.ArticleCont .rightArea .thumb a:hover::before,
.ArticleCont .rightArea .thumb a:hover::after {
	z-index: 0;
	opacity: 1;
}
.icoArea{
	overflow:hidden;
	margin-bottom:25px;
}
.icoArea ul:first-child{
	float:left;
	overflow:hidden;
}
.icoArea ul:last-child{
	float:right;
	overflow:hidden;
}
.icoArea ul li{
	float:left;
}
.ico_topics{
	color:#ffffff;
	padding:5px 40px;
	margin-right:20px;
	font-weight:bold;
}
.icoArea .date{
	padding-top:5px;
	color:#ffffff;
}
.icoArea ul:last-child li{
	margin-left:10px;
}
.icoArea ul:last-child li p a{
	display:block;
}
.icoArea ul:last-child li p a img{
	width:100%;
}
.contents p{
	line-height:2em;
	margin-bottom:40px;
	position: relative;
}
.contents > div{
	line-height:2em;
}
body:not(.en) .contents div,
body:not(.en) .contents p,
body:not(.en) .contents span{
	font-family: 'Avenir','Helvetica Neue','Helvetica','Arial',"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif !important;
}
.contents p:last-child{
	margin-bottom:0;
}
.contents div.afterRegistrationText {
	position: relative;
}
.contents div.afterRegistrationText::after {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    content: '';
    width: 100%;
    height: 100px;
    background: linear-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .7) 20%, rgba(255, 255, 255, 1) 80%);
}
.contentsImg img{
	width:100%;
}
.contents h3{
	font-weight:bold;
	margin-bottom:20px;
}
.rightArea h3{
	font-family: "Times New Roman", Times, "serif";
	font-size: 2em;
	line-height: 1.2em;
	letter-spacing: 0.4em;
	text-align: center;
	margin-bottom:25px;
}
.rightArea div{
	margin-bottom:35px;
}
.rightArea div p{
	margin-bottom:15px;
	font-size:1.15em;
	line-height:1.2em;
}
.backBtn,
.prevBtn{
	width:300px;
	background:#1e1e1e;
	margin:50px auto 0;
}
.backBtn a{
	display: block;
	padding: 20px 0;
	text-align: center;
	color: #ffffff;
	text-decoration: none;
	font-family: "Times New Roman", Times, "serif";
	font-size: 1.3em;
	background:url(../img/ico_arrow_back.png) 20px center no-repeat;
	background-size: 30px;
}
.backBtn a:hover {
	background-position: 10px center;
}
.prevBtn a,
.prevBtn button{
	width: 100%;
	display: block;
	padding: 20px 0;
	text-align: center;
	color: #ffffff;
	text-decoration: none;
	font-family: "Times New Roman", Times, "serif";
	font-size: 1.3em;
	background:url(../img/ico_arrow.png) 250px center no-repeat;
	background-size: 30px;
	transition: all 0.3s ease;
	cursor: pointer;
}
.prevBtn a:hover,
.prevBtn button:hover {
	background-position: 260px center;
}
.registrationBox{
	background: #1e1e1e;
	padding: 50px;
	box-sizing: border-box;
}
.registrationBox h3{
	color: #ffffff;
	font-size: 1.6em;
	font-weight: normal;
	text-align: center;
	font-family: "Times New Roman", Times, "serif";
}
.registrationBox h3::after{
	border-bottom: 1px solid #ffffff;
	width: 30px;
	display: block;
	content: "";
	margin: 10px auto 0;
}
.registrationBox ul{
	display: flex;
}
.registrationBox ul li{
	width: 48%;
	background: #ffffff;
}
.registrationBox ul li:nth-child(odd){
	margin-right: 4%;
}
.registrationBox ul li p a{
	color: #1e1e1e;
	font-family: "Times New Roman", Times, "serif";
	text-decoration: none;
	text-align: center;
	display: block;
	padding: 15px 0;
	font-size: 1.3em;
}
.registrationBox ul li:nth-child(odd) p a{
	background: url(../img/ico_arrow_black_back.png) 10% center no-repeat;
	background-size: 25px;
}
.registrationBox ul li:nth-child(odd) p a:hover{
	background-position: 5% center;
}
.registrationBox ul li:nth-child(even) p a{
	background: url(../img/ico_arrow_black.png) 90% center no-repeat;
	background-size: 25px;
}
.registrationBox ul li:nth-child(even) p a:hover{
	background-position: 95% center;
}


/*=================================
	 LOGIN
=================================*/
.bgLogin {
	/*background-image: url(../img/bg_line.png),url(../img/login/bg_login.jpg);*/
	/*background-position: left center,center -300px;*/
	background-image: url(../img/bg_line.png),url(../img/bg_main.png);
	background-position: center top,center top;
	background-size: auto,cover;
	background-repeat: repeat,repeat-x;
	z-index: 99;
	width: 100%;
	height: 400px;
	position: fixed;
}
.bgLogin div{
	/*background:-moz-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);*/ /* FF3.6-15 */
	/*background:-webkit-linear-gradient(top, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%);*/ /* Chrome10-25,Safari5.1-6 */
	/*background:linear-gradient(to bottom, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#00000000',GradientType=0 );*/ /* IE6-9 */
	width: 100%;
	height: 150px;
}
.formCont {
	padding: 200px 0;
}
section.formCont h2.secTit {
	color: #ffffff;
	text-align: center;
	margin-bottom: 100px;
}
.formBox {
	width: 90%;
	max-width: 820px;
	background: #ffffff;
	margin: 0 auto;
	padding:60px 5%;
	border:1px solid #e6e6e6;
}
.formBox ul{
	overflow:hidden;
	margin-bottom:20px;
	text-align:center;
}
.formBox ul li{
	float:left;
	font-size: 1.2em;
	line-height: 1em;
}
.formBox ul li:first-child{
	width:26%;
	margin-right:5%;
	text-align:right;
	padding: 20px 0;
}
.formBox ul li:last-child{
	width:60%;
}
.formBox ul li input{
	width:100%;
	box-sizing: border-box;
	background:#f5f5f5;
	border:none;
	padding: 20px;
	font-size: 1.2em;
	line-height: 1em;
}
.formBox ul li textarea {
	width: 100%;
	min-height: 160px;
	border: solid 1px #000;
	resize: vertical;
	box-sizing: border-box;
}
.formBox ul li:last-child p.forget{
	margin-top:25px;
	text-align: left;
}
.formBox ul li p a{
	text-decoration:none;
	color:#000000;
}
.formBox ul li p a:hover{
	text-decoration:underline;
}
.bgLoginCms {
	/*background-image: url(../img/bg_line.png),url(../img/login/bg_login_cms.jpg);*/
	background-image: url(../img/bg_line.png),url(../img/bg_main.png);
	background-position: center top,center top;
	background-size: auto,cover;
	background-repeat: repeat,repeat-x;
	z-index: 99;
	width: 100%;
	height: 400px;
	position: fixed;
}
.bgLoginCms + .inside section{
	background: none;
}


/*=================================
	 REGISTER
=================================*/
.bgRegister {
	/*background-image: url(../img/bg_line.png),url(../img/register/bg_register.jpg);*/
	/*background-position: left center,center -400px;*/
	background-image: url(../img/bg_line.png),url(../img/bg_main.png);
	background-position: center top,center top;
	background-size: auto,cover;
	background-repeat: repeat,repeat-x;
	z-index: 99;
	width: 100%;
	height: 400px;
	position: fixed;
}
.bgRegister div{
	/*background:-moz-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);*/ /* FF3.6-15 */
	/*background:-webkit-linear-gradient(top, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%);*/ /* Chrome10-25,Safari5.1-6 */
	/*background:linear-gradient(to bottom, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#00000000',GradientType=0 );*/ /* IE6-9 */
	width: 100%;
	height: 150px;
}
.formText{
	text-align:center;
	margin-bottom:50px;
	font-size: 1.2em;
}
.confirmation .formBox ul li:last-child {
	padding: 20px 0;
	border-bottom: 1px solid #e6e6e6;
}


/*=================================
	 CONCEPT
=================================*/
.bgConcept{
	/*background-image: url(../img/bg_line.png),url(../img/concept/bg_concept.jpg);*/
	/*background-position: left center,center -400px;*/
	background-image: url(../img/bg_line.png),url(../img/bg_main.png);
	background-position: center top,center top;
	background-size: auto,cover;
	background-repeat: repeat,repeat-x;
	z-index: 99;
	width: 100%;
	height: 400px;
	position: fixed;
}
.bgConcept div{
	/*background:-moz-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);*/ /* FF3.6-15 */
	/*background:-webkit-linear-gradient(top, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%);*/ /* Chrome10-25,Safari5.1-6 */
	/*background:linear-gradient(to bottom, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#00000000',GradientType=0 );*/ /* IE6-9 */
	width: 100%;
	height: 150px;
}
.conceptBox h3{
	font-size:2.2em;
	font-family: "Times New Roman", Times, "serif";
	text-align:center;
}
.conceptBox h3::after{
	content:"";
	display:block;
	border-bottom:1px solid #333333;
	width:30px;
	margin:30px auto;
}
.conceptBox h3:nth-child(5){
	margin-top:80px;
}
.conceptBox h4{
	font-size:1.7em;
	line-height: 1.7;
	text-align:center;
	margin-bottom:20px;
}
.conceptBox h4 span{
	font-size: .8em;
}
.conceptBox p.midText{
	margin:0 auto;
	text-align:center;
}
.mainText{
	margin:30px auto;
}


/*=================================
	 WHITEPAPRE
=================================*/
.bgWhitepaper{
	/*background-image: url(../img/bg_line.png),url(../img/whitepaper/bg_whitepaper.jpg);*/
	/*background-position: left center,center -400px;*/
	background-image: url(../img/bg_line.png),url(../img/bg_main.png);
	background-position: center top,center top;
	background-size: auto,cover;
	background-repeat: repeat,repeat-x;
	z-index: 99;
	width: 100%;
	height: 400px;
	position: fixed;
}
.bgWhitepaper div{
	/*background:-moz-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);*/ /* FF3.6-15 */
	/*background:-webkit-linear-gradient(top, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%);*/ /* Chrome10-25,Safari5.1-6 */
	/*background:linear-gradient(to bottom, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#00000000',GradientType=0 );*/ /* IE6-9 */
	width: 100%;
	height: 150px;
}
.whitepaperBox p:first-child{
	text-align: center;
}
.whitepaperBox .midText{
	margin-top: 30px;
	text-align: center;
}
.whitepaperWrapper{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
.whitepaperBox .paperCont{
	/*width: 30%;*/
	/*margin-right: 5%;*/
	/*margin-bottom: 50px;*/
	text-align: center;
}
.whitepaperBox .paperCont:nth-child(3),
.whitepaperBox .paperCont:last-child{
	/*margin-right: 0;*/
}
.whitepaperBox .paperCont p img{
	width: 100%;
}
.whitepaperBox .paperCont p{
	text-align: center;
}
.whitepaperBox .paperCont p:nth-child(2){
	/*margin-top: 10px;*/
}
.whitepaperBox .paperCont .prevBtn {
    max-width: 300px;
    width: 100%;
    margin: 30px auto 0;
}
.whitepaperBox .paperCont .prevBtn a {
    background: url(../img/ico_arrow.png) 90% center no-repeat;
    background-size: 20px;
}
.whitepaperBox .paperCont .prevBtn a:hover{
	background-position: 95% center;
}



/*=================================
	 What's ZETA
=================================*/
.bgZeta{
	/*background-image: url(../img/bg_line.png),url(../img/zeta/bg_zeta.jpg);*/
	/*background-position: left center,center -400px;*/
	background-image: url(../img/bg_line.png),url(../img/bg_main.png);
	background-position: center top,center top;
	background-size: auto,cover;
	background-repeat: repeat,repeat-x;
	z-index: 99;
	width: 100%;
	height: 400px;
	position: fixed;
}
.bgZeta div{
	/*background:-moz-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);*/ /* FF3.6-15 */
	/*background:-webkit-linear-gradient(top, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%);*/ /* Chrome10-25,Safari5.1-6 */
	/*background:linear-gradient(to bottom, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#00000000',GradientType=0 );*/ /* IE6-9 */
	width: 100%;
	height: 150px;
}
.zetaSlide .swiper-slide, .zetaSlide .swiper-wrapper{
	width: 800px;
	margin: 0 auto;
}
.zetaSlide .swiper-slide .colImg{
	margin: 0;
}
.zetaSlide .swiper-slide img{
	width: 100%;
}
.swiper-container{
	padding-bottom: 75px;
}
.zetaBtns{
	font-size: 0;
	margin: 0 -1.28%;
	text-align: center;
}
.zetaBtns li{
	font-size: 12px;
	display: inline-block;
	width: 23%;
	padding: 0 1.25%;
	max-width: 270px;
	margin-bottom: 30px;
}
.zetaBtns li p{
	background: #1e1e1e;
}
.zetaBtns li p a{
	display: block;
	color: #ffffff;
	background: url(../img/zeta/ico_blank.png) 90% center no-repeat;
	background-size: 25px;
	font-family: "Times New Roman", Times, "serif";
	text-decoration: none;
	text-align: center;
	font-size: 1.7em;
	padding: 20px 0;
}
.zetaSlide .slideImg {
	position:relative;
	padding-top: 54.55%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.zetaSlide .slideText {
	width: 100%;
	padding: 30px 5% 15px;
	box-sizing: border-box;
	position: absolute;
	bottom: 0;
	left: 0;
	color: #ffffff;
	background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.6) 100%);
	background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.6) 100%);
	background: -ms-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.6) 100%);
	background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.6) 100%);
}
.zetaSlide .slideText a {
	color: #ffffff;
	text-decoration: none;
}
.zetaSlide .slideText h3{
	font-size:1.2em;
}


/*=================================
	 MEDIA
=================================*/
.bgMedia{
	/*background-image: url(../img/bg_line.png),url(../img/media/bg_media.jpg);*/
	/*background-position: left center,center -200px;*/
	background-image: url(../img/bg_line.png),url(../img/bg_main.png);
	background-position: center top,center top;
	background-size: auto,cover;
	background-repeat: repeat,repeat-x;
	z-index: 99;
	width: 100%;
	height: 400px;
	position: fixed;
}
.bgMedia div{
	/*background:-moz-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);*/ /* FF3.6-15 */
	/*background:-webkit-linear-gradient(top, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%);*/ /* Chrome10-25,Safari5.1-6 */
	/*background:linear-gradient(to bottom, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#00000000',GradientType=0 );*/ /* IE6-9 */
	width: 100%;
	height: 150px;
}
.zetaBtns li p img{
	width:60%;
	margin-left: -5%;
}
.mediaBtns{
	margin-bottom:40px;
}


/*=================================
	 TEAM
=================================*/
.bgTeam{
	/*background-image: url(../img/bg_line.png),url(../img/team/bg_team.jpg);*/
	/*background-position: left center,center -200px;*/
	background-image: url(../img/bg_line.png),url(../img/bg_main.png);
	background-position: center top,center top;
	background-size: auto,cover;
	background-repeat: repeat,repeat-x;
	z-index: 99;
	width: 100%;
	height: 400px;
	position: fixed;
}
.bgTeam div{
	/*background:-moz-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);*/ /* FF3.6-15 */
	/*background:-webkit-linear-gradient(top, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%);*/ /* Chrome10-25,Safari5.1-6 */
	/*background:linear-gradient(to bottom, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#00000000',GradientType=0 );*/ /* IE6-9 */
	width: 100%;
	height: 150px;
}
.teamBox{
	width: 100%;
	max-width: 1200px;
	box-sizing: border-box;
	background: #ffffff;
	margin: 0 auto;
	padding: 60px;
	border: 1px solid #e6e6e6;
}
.teamList{
	width: 100%;
	max-width: 1080px;
	margin: 0 auto;
	font-size: 0;
	text-align: center;
}
.teamList ul{
	text-align: left;
	font-size: 0;
	margin-bottom: 60px;
}
.teamList ul li{
	font-size: 12px;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	max-width: 240px;
	width: 22%;
	padding: 0 1.4%;
	margin-bottom: 20px;
}
.teamList ul li img{
	width: 100%;
}
.teamList ul li a p:first-child::after{
	content: "";
	display: block;
	background: url(../img/team/ico_plus.png) no-repeat;
	background-size: 100%;
	width: 25px;
	height: 25px;
	position: absolute;
	top: 10px;
	right: 10px;
}
.teamList ul li a{
	color: #000000;
	text-decoration: none;
}
.teamList ul li a:hover{
	text-decoration: none;
}
.teamList ul li p{
	font-size: 1.4em;
	line-height: 1.3em;
	position: relative;
}
.teamList ul li p:first-child{
	margin-bottom: 10px;
}
.member .url a{
	text-decoration: none;
	color: #000000;
	word-break: break-all;
}
.member .url a:hover{
	text-decoration: none;
}
.member h4{
	font-size: 2em;
	margin-top: 30px;
}
.member h4 span{
	display: block;
	font-weight: lighter;
	font-size: 50%;
	margin-top: 20px;
}
.member p:nth-child(3) a{
	color: #000000;
}
.memberImg{
	text-align: center;
}
.memberImg img{
	max-width: 100%;
}


/*=================================
	 CONTACT
=================================*/
.bgContact{
	/*background-image: url(../img/bg_line.png),url(../img/contact/bg_contact.jpg);*/
	/*background-position: left center,center -200px;*/
	background-image: url(../img/bg_line.png),url(../img/bg_main.png);
	background-position: center top,center top;
	background-size: auto,cover;
	background-repeat: repeat,repeat-x;
	z-index: 99;
	width: 100%;
	height: 400px;
	position: fixed;
}
.bgContact div{
	/*background:-moz-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);*/ /* FF3.6-15 */
	/*background:-webkit-linear-gradient(top, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%);*/ /* Chrome10-25,Safari5.1-6 */
	/*background:linear-gradient(to bottom, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#00000000',GradientType=0 );*/ /* IE6-9 */
	width: 100%;
	height: 150px;
}
.contactWrapper{
	width: 550px;
	margin: 0 auto 40px;
}
.contactWrapper .tabBox {
	display: none;
}
.contactWrapper .tabBox.now {
	display: block;
}
.formLang{
	font-size: 0;
	text-align: center;
	margin: 40px auto 80px;
}
.formLang p{
	width: 90px;
	font-size: 16px;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background: #1e1e1e;
	border: 1px solid #1e1e1e;
	display: block;
	box-sizing: border-box;
	cursor: pointer;
	transition: all .3s;
	display: inline-block;
}
.formLang p + p{
	margin-left: 10px;
}
.formLang p.now,
.formLang p:hover{
	background: #fff;
	color: #1e1e1e;
}
.alert {
	max-width: 510px;
	width: 100%;
	margin: 0 auto 40px;
	padding: 20px;
	color: red;
	border: solid 1px red;
	box-sizing: border-box;
}
.securitycode img {
	max-width: 100%;
	height: auto;
}


/*=================================
	 EXCHANGE
=================================*/
.bgExchange{
	/*background-image: url(../img/bg_line.png),url(../img/exchange/bg_exchange.jpg);*/
	/*background-position: left center,center top;*/
	background-image: url(../img/bg_line.png),url(../img/bg_main.png);
	background-position: center top,center top;
	background-size: auto,cover;
	background-repeat: repeat,repeat-x;
	z-index: 99;
	width: 100%;
	height: 400px;
	position: fixed;
}


/*=================================
	 for sp
=================================*/
@media screen and (max-width:768px){
video {
	height: 80vh!important;
	width:auto;
}
.bg_main {
	position: relative!important;
	width: 100%;
	height: 30vh;
}
.mainBox p:first-child {
	width: 160px !important;
}
.bg_main div.mainBox {
	top: 10vh!important;
}
.bgLine {
	background-size: 160%;
}
.mainBox {
	width: 90%;
	top: 100px;
	padding: 60px 20px;
	box-sizing:border-box;
}
.mainBox p:first-child {
	width: 40%;
	margin: 0 auto 20px;
}
.videoBox {
	top: 0;
}
.headerIn {
	width: 90%;
	padding: 15px 0;
}
.headerIn a img{
	max-width:100%;
}
.headerIn a{
	display:inline-block;
}
.headLeft,
.headRight{
	padding-top: 0;
}
.headerIn h1{
	width: auto;
	margin-right: 20px;
}
.headRight {
}
.headLeft{
	width: auto;
}
.headerIn h1, .headerIn ul.lang {
}
.headerIn ul.lang, .headerIn ul.login {
	margin-top: 5px;
}
.headerIn ul.login,
.header .search,
.headerIn ul.sns{
	display: none;
}
.headerIn .menuBtn {
	margin-top: 0px;
	width: 25px;
	float:right;
}
.headerIn .menuBtn img{
	width:100%;
}
.menber{
	display: block;
	margin-top: 0px;
	width: 25px;
	float: right;
	margin-right: 15px;
}
.menber img{
	width: 100%;
}
.mainImgWrapper {
	width: 100%;
}
.mainSlide {
	width: 100%;
	top: 0;
}
.swiper-slide img{
	width:100%;
}
.swiper-wrapper{
	margin-top:55px;
}
.mainImg .textArea {
	position: relative;
	top: 0;
	width: 90%;
	margin: -20px auto 0;
}
.mainImg .textArea h2 {
	font-size: 2.2em;
}
.swiper-button-next, .swiper-button-prev {
	top: 170%;
	margin-right: 20px;
	width: 40px;
	height: 40px;
}
.swiper-button{
	position: relative;
	top: 180px;
}
.mainImg {
	height: auto;
	margin-bottom: 160px;
}
.wrapper {
	width: 90%;
}
.latest .wrapper {
	padding: 0;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next,
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	background-size: 100%;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
	right:50px;
}
.latest{
	background-size: 160%,auto;
}
section h2.secTit {
	font-size: 2.2em;
}
.column2 {
	margin: 10px 0 30px 0;
}
.column2 div:first-child {
	margin-right: auto;
}
.column2 div:first-child {
	background: #fff;
}
.column2 div ,
.column3 div {
	max-width: 95%;
	width: 95%;
	margin: 0 auto 30px;
	display: block;
}
.column2 p.colImg,
.column3 p.colImg {
	width: 100%;
	height: auto;
}
.column2 p.colImg a,
.column3 p.colImg a {
	padding-top: 54.5%;
}
.column2 .arrow {
	width: 50px;
	height: 50px;
}
.column3 {
	padding: 30px 0 50px 0;
}
.column3 div:nth-child(3n) {
	margin-right: auto;
}
.conceptIn {
	width: 100%;
}
.concept {
	padding: 60px 0;
	background-size: 160%,cover;
}
.conceptIn .ico {
	position: relative;
	width: 40%;
	margin: 0 auto;
	top: 0;
}
.concept .textBox {
	width: 100%;
	margin-left: 0;
	margin-top: 40px;
}
.concept .secTit {
	margin-bottom: 20px;
}
.concept .textBox p{
	font-size:90%;
}
.conceptView {
	width: 50%;
	top: -125px;
}
.teamText h2 {
	width: 100%;
}
.teamText p {
	width: 100%;
	font-size:80%;
}
.viewAll p {
	width: 100%;
}
.viewAll p a{
	font-size:1em;
	padding:15px 0;
	background: url(../img/ico_arrow.png) 90% center no-repeat;
	background-size: 15px;
}
.team{
	padding-top:70px;
	background-size: 160%;
}
.teamText {
	position: relative;
	width: 90%;
	margin: 0 auto;
	padding: 100px 20px;
}
.teamText h2 {
	margin-bottom: 15px;
}
.teamSlide {
	width: 100%;
	padding: 0;
	margin-top: -100px;
}
.bx-wrapper {
	padding: 85px 0 120px 40px;
}
.bx-viewport {
	z-index: 99;
}
.bxslider li {
	width: 160px !important;
	margin-right: 20px;
}
.teamView p {
	top: -100px;
}
.bx-wrapper .bx-pager {
	position: static;
	display: inline-block;
	text-align: left;
} 
.team .wrapper{
	width:100%;
}
.teamView{
	width:50%;
}
.columnMenu ul li {
	width: 100%;
	float: none;
}
.columnMenu ul li p{
	width:90%;
	margin:0 auto;
}
.columnMenu ul li a span {
	padding-left: 0;
}
.columnMenu ul li a {
	padding: 40px 0;
	font-size: 1.5em;
	background: url(../img/ico_arrow.png) right center no-repeat;
	background-size: 25px;
}
.columnMenu ul li:last-child a {
	/*padding: 30px 0 19px;*/
}
.footerRogo {
	width: 25%;
}
.spFooterMenu {
	overflow: hidden;
}
.spFooterMenu .footerMenu li {
	display: block;
	margin-right: 6%;
	width: 47%;
	float: left;
	text-align: left;
}
/*
.spFooterMenu ul:first-child li:nth-child(even),
.spFooterMenu ul:nth-child(2) li:nth-child(odd){
    margin-right: 0;
}
*/
.spFooterMenu ul:first-child li:nth-child(even),
.spFooterMenu ul:nth-child(2) li:nth-child(even){
    margin-right: 0;
}
.spFooterMenu ul:nth-child(2) li:nth-child(4),
.spFooterMenu ul:nth-child(2) li:nth-child(5){
	border-bottom: 1px solid #646464;
}
.footerMenu li a {
	font-size: 0.9em;
	padding: 13px 0 10px 10px;
	box-sizing: border-box;
	display: block;
	border-top: 1px solid #646464;
	background: url(../img/ico_arrow.png) 95% center no-repeat;
	background-size: 15px;
}
.footer ul.lang {
	display: none;
}
.copy {
	margin-top: 35px;
	font-size: 0.8em;
}
.footer {
	background-size: 160%;
}
.inside section{
	background-image: url(../img/bg_line.png),url(../img/bg_white.gif);
	background-size: 160%,cover;
}
.bgTopics{
	/*background-position: left center,65% -200px;*/
	background-size: 160%,cover;
}
.android .bgTopics{
	background-image: url(../img/bg_line.png),url(../img/bg_main.png);
	background-size: 160%,cover;
	height: 64vh;
	position: absolute;
}
.bgLogin{
	/*background-position: left center,55% -200px;*/
	background-size: 160%,cover;
}
.bgRegister{
	/*background-position: left center,center -200px;*/
	background-size: 160%,cover;
}
.topicsCont .wrapper {
	padding: 0;
}
.topicsCont .column2 div, .topicsCont .column3 div {
	width: 100%;
}
.pagination {
	margin-left: 5%;
}
.pagination li {
	margin-right: 5%;
	margin-bottom:10px;
}
.pagination li a {
	padding: 6px 15px;
}
.pagination li:last-child a{
	padding: 6px 8px;
}
.Article {
	padding-top: 100px;
}
.ArticleCont .leftArea {
	width: 100%;
	float: none;
}
.ArticleCont .rightArea {
	margin-top: 80px;
	width: 100%;
	float: none;
}
.icoArea ul{
	float: none !important;
}
.icoArea ul:last-child li {
	margin-left: 0;
	margin-right:10px;
	width: 60px;
}
.icoArea ul:first-child {
	margin-bottom: 10px;
}
.backBtn,
.prevBtn {
	width: 70%;
}
.backBtn a{
	padding: 15px 0;
	font-size: 1em;
	background-size: 15px;
}
.prevBtn a,
.prevBtn button{
	padding: 15px 0;
	font-size: 1em;
	background: url(../img/ico_arrow.png) 90% center no-repeat;
	background-size: 15px;
}
.formCont {
	padding: 200px 0 100px;
}
.formBox {
	width: 100%;
	box-sizing: border-box;
	padding: 60px 30px;
}
.formBox ul li {
	float: none;
}
.formBox ul li:first-child {
	width: 100%;
	margin-right: 0;
	text-align: left;
	padding: 0;
	margin-bottom:5px;
}
.formBox ul li:last-child {
	width: 100%;
}
.formBox .backBtn, .formBox .prevBtn {
	width: 80%;
}
.conceptBox p.midText {
	width: 100%;
}
.bgConcept {
	/*background-position: left center,55% -200px;*/
	background-size: 160%,cover;
}
.conceptBox h3:nth-child(5) {
	width:40%;
	margin-left:auto;
	margin-right:auto;
}
.conceptBox h3 img{
	width:100%;
}
.bgWhitepaper {
	/*background-position: left center,55% -200px;*/
	background-size: 160%,cover;
}
.whitepaperBox p img{
	width: 100%;
}
.whitepaperWrapper {
    display: block;
}
.whitepaperBox .paperCont {
    width: 100%;
    margin-right: 0;
    margin-bottom: 50px;
}
.bgZeta {
	/*background-position: left center,55% -200px;*/
	background-size: 160%,cover;
}
.zetaSlide .swiper-slide, .zetaSlide .swiper-wrapper{
	width: 95%;
	margin-right:0;
}
.zetaSlide .slideText {
	font-size:70%;
	width: 100%;
	left: 2.5%;
}
.zetaBtns li {
	width: 100%;
	margin: 10px auto 0;;
}
.zetaBtns li:first-child{
	margin-top:0;
}
.zetaSlide .slideText h3{
	margin-bottom:5px;
	font-size:1.4em;
}
.zetaBtns li p a {
	background: url(../img/zeta/ico_blank.png) 95% center no-repeat;
	background-size: 25px;
}
.bgMedia {
	/*background-position: left center,55% -100px;*/
	background-size: 160%,cover;
}
.zetaBtns li p img {
	width: 40%;
}
.bgTeam {
	/*background-position: left center,55% -200px;*/
	background-size: 160%,cover;
}
.teamBox {
	width: 100%;
	padding: 60px 30px;
}
.teamList {
	width: 100%;
}
.teamList ul li {
	width: 46%;
	padding: 0 2%;
	max-width: inherit;
}
.teamList ul li a {
	max-width: 240px;
	display: block;
	margin: 0 auto;
}
.teamList ul li a p:first-child::after {
	content: "";
	display: block;
	background: url(../img/team/ico_plus.png) no-repeat;
	background-size: 100%;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 5px;
	right: 5px;
}
.bgContact {
	/*background-position: left center,55% -200px;*/
	background-size: 160%,cover;
}
.contactWrapper {
		width: 100%;
}
.formLang {
	margin:40px auto;
}
.formLang p {
		margin-right: 1.25%;
		width: 45%;
		padding: 0 2%;
		margin-bottom: 10px;
}
.formLang p + p {
	margin-left: 0;
}
}
.formLang p a {
		width: 100%;
		font-size: 0.9em;
}
.registrationBox {
	padding: 30px;
}
.registrationBox h3{
	font-size: 1.4em;
}
.registrationBox ul{
	display: block;
}
.registrationBox ul li {
    width: 100%;
}
.registrationBox ul li:first-child{
	margin-bottom: 15px;
}
.bgExchange {
	/*background-position: left center,55% top;*/
	background-size: 160%,cover;
	/*height: 63vh;*/
}
}
@media screen and (max-width:480px){
.videoBox {
	padding-top: 130%;
}
}

/*=================================
	 for pc
=================================*/
@media screen and (min-width:769px){
.pagination li:last-child{
	margin-right:0;
}
}

/*=================================
	 for pc
=================================*/
@media screen and (min-width:769px){
.pagination li:last-child{
	margin-right:0;
}
}

/*=================================
	 header menu
=================================*/
.openMenu{
	width: 100vw;
	height: 100vh;
	background: rgba(0,0,0,0.8);
	position: fixed;
	top: 0;
	left: 0;
	display: none;
}
.openMenu .closeBtn{
	max-width: 1300px;
	width: 100%;
	margin: 0 auto;
	position: relative;
	cursor: pointer;
}
.openMenu .closeBtn p{
	width: 47px;
	height: 47px;
	position: absolute;
	top: 26px;
	right: 2.1%;
	cursor: pointer;
	transition: all 0.3s ease;
}
.openMenu .closeBtn p:hover{
	opacity: 0.7;
}
.openMenu .closeBtn p:before,
.openMenu .closeBtn p:after{
	content: "";
	width: 47px;
	height: 10px;
	border: solid 1px #fff;
	position: absolute;
	display: block;
}
.openMenu .closeBtn p:before{
	border-bottom: none;
	top: 0;
}
.openMenu .closeBtn p:after{
	border-top: none;
	bottom: 0;
}
.openMenu .closeBtn span:before,
.openMenu .closeBtn span:after {
	position: absolute;
	top: 50%;
	left: 15px;
	content: "";
	display: block;
	width: 15px;
	border-top: 1px solid #fff;
}
.openMenu .closeBtn span:before {
	transform: skewY(-45deg);
}
.openMenu .closeBtn span:after {
	transform: skewY(45deg);
}
.menuCont{
	max-width: 1300px;
	width: 100%;
	display: table;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.openMenu .logo{
	width: 180px;
	display: table-cell;
	vertical-align: top;
}
.openMenu .logo img{
	width: 100%;
	height: auto;
}
.openMenu .list{
	display: table-cell;
	vertical-align: top;
	padding-left: 10.77%;
}
.openMenu .list .pages{
	font-size: 0;
}
.openMenu .list .pages li{
	width: 33.33%;
	padding: 0 7px 19px;
	display: inline-block;
	box-sizing: border-box;
}
.openMenu .list .pages li a{
	width: 100%;
	padding: 30px 0;
	font-size: 18px;
	letter-spacing: 0.1em;
	text-align: center;
	border-bottom: 1px solid rgba(255,255,255,0.5);
}
.openMenu .list .sns {
	width: 100%;
	margin-top: 44px;
	text-align: center;
	font-size: 0;
	float: none;
}
.openMenu .list .sns li {
	display: inline-block;
	float: none;
}
.openMenu .list .copy {
	margin-top: 30px;
	font-size: 12px;
}
.fade-up {
	transition: opacity 0.7s;
	-moz-transition: opacity 0.7s;
	-webkit-transition: opacity 0.7s;
	-o-transition: opacity 0.7s;
	transition: transform 0.7s;
	-moz-transition: transform 0.7s;
	-webkit-transition: transform 0.7s;
	-o-transition: transform 0.7s;
}

.exchange_logos {
	margin-bottom: 25px;
}
.exchange_logos a {
	margin: 0 20px 20px;
	display: inline-block;
}

.exchange_left {
	font-family: Verdana, Tahoma, Arial, sans-serif;font-size: 10px;color: #C9C6BD;text-align: right;padding: 10px;margin: 0 0 40px;width: 400px;border: 2px solid #ddd!important; float: left; border-radius: 10px;
}
.exchange_right {
	float: right;
	width: 360px; float: right;
}

/*@media screen and (max-width:900px){
.openMenu .closeBtn p{
	width: 33px;
	height: 33px;
	position: absolute;
	top: 26px;
	right: 10%;
	cursor: pointer;
	transition: all 0.3s ease;
}
.openMenu .closeBtn p:before,
.openMenu .closeBtn p:after{
	content: "";
	width: 33px;
	height: 10px;
	border: solid 1px #fff;
	position: absolute;
	display: block;
}
.openMenu .closeBtn p:before{
	border-bottom: none;
	top: 0;
}
.openMenu .closeBtn p:after{
	border-top: none;
	bottom: 0;
}
.openMenu .closeBtn span:before,
.openMenu .closeBtn span:after {
	position: absolute;
	top: 50%;
	left: 15px;
	content: "";
	display: block;
	width: 15px;
	border-top: 1px solid #fff;
}
.openMenu .closeBtn span:before {
	transform: skewY(-45deg);
}
.openMenu .closeBtn span:after {
	transform: skewY(45deg);
}
}*/

@media only screen and (max-width: 902px) {
	.openMenu .closeBtn p {
		width: 33px;
		height: 33px;
		top: 35px;
	}
	.openMenu .closeBtn p::before,
	.openMenu .closeBtn p::after {
		width: 33px;
	}
	.openMenu .closeBtn span::before,
	.openMenu .closeBtn span::after {
		top: 49%;
		left: 10px;
	}
	.headerIn .menuBtn {
		float: right;
	}
}

@media (min-width:769px) and (max-width:1024px){
	.ArticleCont {
		padding: 0 20px;
	}
	.ArticleCont .leftArea {
		width: 620px;
	}
    .ArticleCont .rightArea {
    	width: 320px;
    }
}

@media screen and (max-width:768px){
	
	.column2 div:first-child,
	.column2 div:last-child,
	.column2 div {
		padding-right: 0;
		padding-left: 0;
	}

	.openMenu{
		width: 100vw;
		height: 100vh;
		background: rgba(0,0,0,0.8);
		position: fixed;
		top: 0;
		left: 0;
	}
	.openMenu .closeBtn{
		max-width: 1300px;
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
	.openMenu .closeBtn p{
		width: 25px;
		height: 25px;
		position: absolute;
		top: 15px;
		right: 5.2%;
		cursor: pointer;
		transition: all 0.3s ease;
	}
	.openMenu .closeBtn p:before,
	.openMenu .closeBtn p:after{
		content: "";
		width: 23px;
		height: 5px;
		border: solid 1px #fff;
		position: absolute;
		display: block;
	}
	.openMenu .closeBtn p:before{
		border-bottom: none;
		top: 0;
	}
	.openMenu .closeBtn p:after{
		border-top: none;
		bottom: 0;
	}
	.openMenu .closeBtn span:before,
	.openMenu .closeBtn span:after {
		position: absolute;
		top: 50%;
		left: 7px;
		content: "";
		display: block;
		width: 10px;
		border-top: 1px solid #fff;
	}
	.openMenu .closeBtn span:before {
		transform: skewY(-45deg);
	}
	.openMenu .closeBtn span:after {
		transform: skewY(45deg);
	}
	.menuCont{
		max-width: 1300px;
		width: 90%;
		margin: 0 auto;
		display: block;
		position: static;
		transform: none;
	}
	.openMenu .logo{
		width: 100px;
		margin: 20px auto;
		display: block;
	}
	.openMenu .logo img{
		width: 100%;
		height: auto;
	}
	.openMenu .list{
		display: block;
		vertical-align: top;
		padding-left: 0;
	}
	.openMenu .list .pages{
		font-size: 0;
	}
	.openMenu .list .pages li{
		width: 50%;
		padding: 0 7px;
		display: inline-block;
		box-sizing: border-box;
	}
	.openMenu .list .pages li a{
		width: 100%;
		padding: 25px 0;
		font-size: 16px;
		letter-spacing: 0.1em;
		text-align: center;
		border-bottom: 1px solid rgba(255,255,255,0.5);
		display: inline-block;
	}
	.openMenu ul.login_sp {
		margin: 20px auto 0;
		text-align: center;
		display: block;
	}
	.openMenu ul.login_sp li {
		padding: 0 10px;
		font-size: 16px;
		text-align: center;
		display: inline-block;
	}
	.openMenu .list .sns {
		width: 100%;
		margin-top: 20px;
		text-align: center;
		font-size: 0;
		float: none;
		display: block;
	}
	.openMenu .list .sns li {
		display: inline-block;
		float: none;
	}
	.openMenu .list .copy {
		margin-top: 20px;
		font-size: 12px;
	}
	.exchange_left,
	.exchange_right {
		width:auto;
		float: none;
		margin-bottom: 20px;
	}
	.formBox.exchangeWrap {
		padding-left: 10px;
		padding-right: 10px;
	}
}

@media screen and (max-width:460px){
	.videoBox {
		padding-top: 85%;
	}
}

@media screen and (max-width:321px){
	.videoBox {
		padding-top: 94%;
	}
}

@media (min-width:1300px){
	.openMenu .closeBtn p {
		right: 2px;
	}
}

@keyframes whitetoblack {
  0% { color: #fff; }
  100% { color: #000; }
}
section.latest h2.secTit.oncolor {
	animation: whitetoblack 1s ease forwards;
}