@charset "UTF-8";

/* ----------------------------------------

Top

---------------------------------------- */

/* header header-block */

#top .header-block{
	margin:auto;
}

#top .page-header-wrapper{
	overflow:hidden;
	width:100%;
	background-color:transparent;
}

#top .page-header{
	margin-bottom:0;
/* 	border:solid 2px #c3b400; */
	width:1600px;
	height:700px;
}

#top .page-header img{
	width:100%;
	height:auto;
}

#top .page-header h1{
	position:absolute;
	top:0;
	left:0;
}

#top .top-banner{
	position:absolute;
	top:50%;
	left:50%;
	z-index:2;
	display:block;
	margin:-37px 0 0 -113px;
	box-sizing: border-box;
	border:solid 1px #000000;
	width:226px;
	height:74px;
	padding:0;
	line-height:1em;
	text-align:center;
	font-size:125%;
	font-weight:normal;
	color:#000000;
}

#top .top-banner a{
	display:block;
	box-sizing: border-box;
	width:226px;
	height:74px;
	background-image:url("/en/images/bg_transparent.png");
/* 	background-color: rgba(255,255,255,0.05); */
	padding-top:28px;
}

#top .page-header .ixjtid{
	margin:-37px 0 0 -360px;
	width:720px;
	line-height:0.7em;
	font-size:175%;
}

#top .page-header .ixjtid a{
	width:720px;
}

#top .page-header .ixjtid img.top_h011{
	width:69px;
}

#top .page-header .ixjtid img.top_h012{
	width:83px;
}

#top .page-header .ixjtid img.top_h013{
	width:129px;
}

#top .page-header .ixjtid img.top_h014{
	width:60px;
}

#top .page-header .ixjtid img.top_h015{
	width:96px;
}

#top .page-header .ixjtid img.top_h016{
	width:123px;
}

#top .page-header .prjctrfrnc{
	width:300px;
	line-height:0.7em;
	letter-spacing:1px;
	font-size:137%;
}

#top .page-header .prjctrfrnc a{
	width:100%;
}


#top .spec-prev-btn{
	display:none;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	cursor:pointer;
	width:18.75%;
	max-width:300px;
	text-align:left;
}

#top .spec-next-btn{
	display:none;
	position:absolute;
	top:0;
	right:0;
	z-index:2;
	cursor:pointer;
	width:18.75%;
	max-width:300px;
	text-align:right;
}

#top .spec-prev-btn img,
#top .spec-next-btn img{
/* 	width:50%; */
}

#top .width1600-wrapper{
	overflow:hidden;
	width:100%;
	background-color:transparent;
}

#top .width1600-block{
	float:none;
	margin-bottom:0;
/* 	border:solid 2px #c3b400; */
	width:1600px;
}

#top .section-block{
	position:relative;
}

#top .top-banner-2col{
	position:relative;
	display:block;
	float:left;
	margin:0;
	box-sizing: border-box;
	width:50%;
	height:auto;
	padding:0;
}

#top .top-banner-2col .image,
#top .top-banner-bottom .image{
	margin:0;
	padding:0;
}

#top .top-banner-2col .image img,
#top .top-banner-bottom .image img{
	width:100%;
}

#top .top-banner-2col .text{
	position:absolute;
	top:50%;
	left:50%;
	display:block;
	margin:-37px 0 0 -113px;
	box-sizing: border-box;
	border:solid 1px #000000;
	width:226px;
	height:74px;
	padding:0;
	line-height:1em;
	text-align:center;
	font-size:125%;
	font-weight:normal;
	color:#000000;
}

#top .top-banner-2col .text a{
	display:block;
	box-sizing: border-box;
	width:226px;
	height:74px;
	background-image:url("/en/images/bg_transparent.png");
	padding-top:28px;
}

#top .top-banner-bottom{
	position:relative;
	display:block;
	float:left;
	margin:0;
	box-sizing: border-box;
	width:100%;
	height:auto;
	padding:0;
}

#top .top-banner-bottom .image img{
	min-width:1200px;
	min-height:600px;
}

#top .top-banner-bottom .text{
	position:absolute;
	top:50%;
	left:50%;
	display:block;
	margin:-150px 0 0 -273px;
}

#top .top-banner-bottom .text-2{
	margin-left:25px;
}

#top .top-banner-bottom .top-banner-gallery,
#top .top-banner-bottom .top-banner-aqua,
#top .top-banner-bottom .top-banner-japan,
#top .top-banner-bottom .top-banner-awards{
	position:relative;
	z-index:1;
	margin-bottom:50px;
	display:block;
	box-sizing: border-box;
	border:solid 1px #000000;
	width:248px;
	height:130px;
	padding:0;
	line-height:1em;
	text-align:center;
	font-size:125%;
	font-weight:normal;
	color:#000000;
}

#top .top-banner-bottom .top-banner-gallery-bg,
#top .top-banner-bottom .top-banner-aqua-bg,
#top .top-banner-bottom .top-banner-japan-bg,
#top .top-banner-bottom .top-banner-awards-bg{
	position:absolute;
	top:0;
	left:0;
	display:none;
}

#top .top-banner-bottom .top-banner-aqua-bg{
	margin-top:;
}

#top .top-banner-bottom .top-banner-japan-bg{
	margin-top:180px;
}

#top .top-banner-bottom .top-banner-awards-bg{
	margin-top:180px;
}

#top .top-banner-bottom .top-banner-gallery a,
#top .top-banner-bottom .top-banner-aqua a,
#top .top-banner-bottom .top-banner-japan a,
#top .top-banner-bottom .top-banner-awards a{
	display:block;
}

#top .top-banner-bottom .top-banner-gallery img,
#top .top-banner-bottom .top-banner-aqua img,
#top .top-banner-bottom .top-banner-japan img,
#top .top-banner-bottom .top-banner-awards img{
	width:100%;
}

#top .white{
	border-color:#ffffff !important;
	color:#ffffff !important;
}

#top .white a{
	background-color: rgba(0,0,0,0.10);
}


/* anchor */
#top .page-header a:link,
#top .page-header a:visited,
#top .article-block a:link,
#top .article-block a:visited{
	text-decoration:none;
	color:inherit;
}

#top .page-header a:hover,
#top .page-header a:active,
#top .article-block a:hover,
#top .article-block a:active{
	text-decoration:none;
}

#top .top-banner a:hover,
#top .top-banner a:active,
#top .top-banner-2col .text a:hover,
#top .top-banner-2col .text a:active,
#top .top-banner-2col .text a:hover,
#top .top-banner-2col .text a:active,
#top .top-banner-bottom .top-banner-gallery a:hover,
#top .top-banner-bottom .top-banner-gallery a:active,
#top .top-banner-bottom .top-banner-aqua a:hover,
#top .top-banner-bottom .top-banner-aqua a:active,
#top .top-banner-bottom .top-banner-japan a:hover,
#top .top-banner-bottom .top-banner-japan a:active,
#top .top-banner-bottom .top-banner-awards a:hover,
#top .top-banner-bottom .top-banner-awards a:active{
}


/* top_anim011-061_overlay */
.top_anim011_overlay,
.top_anim021_overlay,
.top_anim031_overlay,
.top_anim041_overlay,
.top_anim051_overlay,
.top_anim061_overlay,
.top_anim071_overlay{
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	margin:44px 0 0 259px;
	width:422px;
}

.top_anim051_overlay{
	margin:66px 0 0 289px;
	width:262px;
}

.top_anim061_overlay{
	margin:94px 0 0 985px;
	width:288px;
}

.top_anim071_overlay{
	margin:54px 0 0 986px;
	width:344px;
}

/* top_anim011-061_block */
.top_anim011_block,
.top_anim021_block,
.top_anim031_block,
.top_anim041_block,
.top_anim051_block,
.top_anim061_block,
.top_anim071_block{
	margin:0 auto;
	width:100%;
	height:210px;
	background:#ffffff;
	padding:0;
	text-align:center;
}

.top_anim061_block{
	background-color:#000000;
}

.top_anim011_block img,
.top_anim021_block img,
.top_anim031_block img,
.top_anim041_block img,
.top_anim051_block img,
.top_anim061_block img,
.top_anim071_block img{
	max-width:100%;
	box-sizing: border-box;
	width:auto;
	height:100%;
	padding:0 15px 0 15px;
}


@media screen and (max-width: 1600px){
	#top .width1600-wrapper{
		width:100%;
	}
	#top .width1600-block{
		width:100%;
	}

}

@media screen and (min-width: 0px) and (max-width: 1169px){
	#top .page-header-wrapper{
		width:100%;
	}
	#top .page-header{
		overflow:hidden;
		width:100%;
		height:auto;
	}

	#top .spec-prev-btn{
		display:block !important;
		margin-left:-10%;
	}

	#top .spec-next-btn{
		display:block !important;
		margin-right:-10%;
	}

	#top .spec-prev-btn img{
		margin-top:-58%;
		margin-left:-50%;
		width:150%;
	}
	#top .spec-next-btn img{
		margin-top:-58%;
		width:150%;
	}

	#top .top-banner-bottom .text{
		top:50%;
	}


	/* top_anim011-061_overlay */
	.top_anim011_overlay{
		margin:3.8% 0 0 3.76%;
		width:36.1%;
	}

	.top_anim021_overlay{
		margin:3.8% 0 0 3.76%;
		width:36.1%;
	}

	.top_anim031_overlay{
		margin:3.8% 0 0 3.76%;
		width:36.1%;
	}

	.top_anim041_overlay{
		margin:3.8% 0 0 3.76%;
		width:36.1%;
	}

	.top_anim051_overlay{
		margin:1.7% 0 0 12%;
		width:22.4%;
	}

	.top_anim061_overlay{
		left:auto;
		right:0;
		margin:8% 8% 0 auto;
		width:24.6%;
	}

	.top_anim071_overlay{
		left:auto;
		right:0;
		margin:4.6% 4% 0 auto;
		width:29.4%;
	}

}

@media screen and (min-width: 0px) and (max-width: 800px){
	#top .page-header{left:-7%;
		width:114%;
	}

	#top .spec-prev-btn{
		margin-left:-1%;
	}

	#top .spec-next-btn{
		margin-right:-1%;
	}

	#top .spec-prev-btn img,
	#top .spec-next-btn img{
		margin-top:-61%;
	}

	#top .top-banner{
		margin-top:-34px;
	}

	#top .top-banner a{
		width:200px;
		height:65px;
		padding-top:25px;
	}

	#top .page-header .ixjtid{
		width:60% !important;
		margin-left:-30% !important;
	}

	#top .page-header .ixjtid a{
		width:100%;
/* 		padding-top:22px;
		font-size:134%; */
		line-height:1em;
	}

	#top .page-header .ixjtid img.top_h011{
		width:40px;
	}

	#top .page-header .ixjtid img.top_h012{
		width:47px;
	}

	#top .page-header .ixjtid img.top_h013{
		width:74px;
	}

	#top .page-header .ixjtid img.top_h014{
		width:34px;
	}

	#top .page-header .ixjtid img.top_h015{
		width:55px;
	}

	#top .page-header .ixjtid img.top_h016{
		width:70px;
	}

	#top .width1600-block{
		width:100%;
	}

	#top .top-banner,
	#top .page-header .prjctrfrnc,
	#top .page-header .ixjtid,
	#top .top-banner-2col .text{
		margin-top:-34px;
		margin-left:-100px;
		width:200px;
		height:65px;
		font-size:100%;
		line-height:1em;
	}

	#top .top-banner-2col .text a{
		width:200px;
		height:65px;
		padding-top:25px;
	}

	#top .top-banner-2col{
		position:relative;
		display:block;
		float:left;
		margin:0;
		box-sizing: border-box;
		width:100%;
		height:auto;
		padding:0;
	}

	#top .top-banner-bottom .image img{
		margin-left:-70px;
	}

	#top .top-banner-bottom .text{
		margin-top:-130px;
		margin-left:-210px;
	}

	#top .top-banner-bottom .text-2{
		margin-left:25px;
	}

	#top .top-banner-bottom .top-banner-gallery,
	#top .top-banner-bottom .top-banner-aqua,
	#top .top-banner-bottom .top-banner-japan,
	#top .top-banner-bottom .top-banner-awards{
		margin-bottom:35px;
		width:200px;
		height:105px;
		font-size:100%;
	}

	#top .top-banner-bottom .top-banner-aqua-bg{
		margin-top:;
	}

	#top .top-banner-bottom .top-banner-japan-bg{
		margin-top:140px;
	}

	#top .top-banner-bottom .top-banner-awards-bg{
		margin-top:140px;
	}

}

@media screen and (min-width: 0px) and (max-width: 500px){
	#top .top-banner-bottom .text{
		margin-top:-260px;
		margin-left:-100px;
	}

	#top .top-banner-bottom .text-2{
		margin-top:20px;
		margin-left:-100px;
	}

}


@media screen and (min-width: 0px) and (max-width: 420px){
	#top .page-header .ixjtid a{
		padding-top:20px;
	}

}





/* ----------------------------------------

print

---------------------------------------- */
@media print {
	#top .header-block{
		margin:auto;
	}

	#top .page-header img{
	}

	#top .page-header h1{
		position:relative;
	}

	#top .page-header .spec-prev-btn,
	#top .page-header .owl-carousel,
	#top .page-header .spec-next-btn{
		display:none !important;
	}

	#top .top-banner{
		border-color:#ffffff !important;
		background-color: rgba(0,0,0,0.1);
		color:#ffffff !important;
	}

	.width1600-wrapper{
		position:relative !important;
		overflow:visible !important;
		width:100% !important;
	}

	.width1600-block{
		position:relative !important;
		margin:0 !important;
		width:auto !important;
		padding:0 !important;
	}

	.section-block{
		width:auto !important;
	}

	#top .top-banner-bottom .image{
		width:auto !important;
	}

	#top .top-banner-bottom .image img{
		min-width:100% !important;
	}

	#top_anim_overlay,
	#top_anim_block{
		display:none;
	}

}