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


/* =Reset default browser CSS.
-------------------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }/*for under HTML5*/
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
/*
::-moz-selection {  text-shadow: none; }
::selection {  text-shadow: none; }
*/
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, font, 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 {
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
html { 
	font-size: 100%; 
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}
em {
	font-style:normal;
}


/* =Layout
-------------------------------------------------------------- */

/*
LAYOUT:
*/





/* =Global Elements
-------------------------------------------------------------- */
.w4em{
  width: 4em;
}
/* Main global 'theme' and typographic styles */
* {
	padding:0;
	margin:0;	
}
html {
	min-height: 100%;
}
body {
	font-family:"秀英明朝 M","Shuei Mincho M","Noto Serif", serif, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho";
	font-size:14px;
	line-height:20px;
	color:#fff;
	padding:0;
	margin:0;
	min-height:100%;
}

/* Text elements */
p {
	background: url(../img/p_bg.gif);
	margin-bottom: 20px;
}
ul {
	list-style:none;
	margin:0;
}
ol {
	margin:0;
}
dl {

}
dt {

}
dd {

}
b, strong { font-weight: bold; }

cite,
em,
i {
	font-style:normal;
}
ins {
	text-decoration: none;
}
blockquote {
}
blockquote cite,
blockquote em,
blockquote i {
	font-style: normal;
}
pre {
}
abbr,
acronym {
}
sup,
sub {
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
input[type="text"],
input[type="email"],
textarea {
	display:block;
	border: 1px solid #ccc;
	box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	padding: 7px;
}
a:link {
	text-decoration:underline;
	color:#ddd;
}
a:visited {

}
a:active,
a:hover {
	color:#fff;
}
a:visited{
	color:#ddd;
}
a:focus { outline:none; }
a:hover, a:active { outline: 0; }
a img{
}




hr {display:none;}

section {
	min-height: 1em;
}


/* Text meant only for screen readers */
.screen-reader-text {
	position: absolute;
	left: -9000px;
}

/* HTML5 FIX */

abbr[title] { }

blockquote { margin:0; }
dfn { font-style: italic; }
ins {  text-decoration: none; }
mark {  font-style: italic; font-weight: bold; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; border:none; }
button, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {  }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid {  }

table { border-collapse:collapse; }
td { }

.chromeframe { margin: 0.2em 0;  color: black; padding: 0.2em 0; }

@media only screen and (min-width: 35em) {
  
}

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

body {
    margin:0;
    padding:0;
	background:#000;
}
 
#wrapper {
	z-index:100;
	position:relative;
}

#wrapper section{
	padding:0;
    width:100%;
    text-align:center;
}
#wrapper section article{
	padding:41px 0 79px;
    width:100%;
    text-align:center;
	position:relative;
	overflow:hidden;
	clear:both;
	float:none;
}

.inside {
	width:980px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	clear:both;
	float:none;
}
#header {
	position:fixed;
	left:0;
	width:100%;
	bottom:0;
	height:105px;
	background:url(../img/bg_header.png);
	z-index:9999;
}
#header h1,
#header nav{
	float:left;
	width:auto;
	height:105px;
}
#header h1 a{
	display:block;
	width:275px;
	height:105px;
	background:url(../img/navi_bg.png) left top no-repeat;
	text-align:left;
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
}
#header h1 a:hover{
	background:url(../img/navi_bg.png) left bottom no-repeat;
}
#header nav ul{
	height:105px;
	width:705px;
	position:relative;
	overflow:hidden;
}
#header nav ul li{
	float:left;
	width:auto;
	height:105px;
}
#header nav ul li a{
	display:block;
	width:100px;
	height:105px;
	background:url(../img/navi_bg.png) left top no-repeat;
	text-align:left;
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
	font-size:0;
	line-height:0;
}


#header nav ul li.news a{ background-position:-275px top; }
#header nav ul li.welcome a{ background-position:-375px top; }
#header nav ul li.about a{ background-position:-475px top; }
#header nav ul li.activity a{ background-position:-576px top; }
#header nav ul li.technique a{ background-position:-677px top; }
#header nav ul li.exhibition a{ background-position:-778px top; }
#header nav ul li.access a{ background-position:-879px top; }

#header nav ul li.news a.active{ background-position:-275px bottom; }
#header nav ul li.welcome a.active{ background-position:-375px bottom; }
#header nav ul li.about a.active{ background-position:-475px bottom; }
#header nav ul li.activity a.active{ background-position:-576px bottom; }
#header nav ul li.technique a.active{ background-position:-677px bottom; }
#header nav ul li.exhibition a.active{ background-position:-778px bottom; }
#header nav ul li.access a.active{ background-position:-879px bottom; }

#main_visual {
	position:fixed;
	top:0;
	left:0;
	overflow:hidden;
	clear:both;
	float:none;
	z-index:0;
}
* #main_visual {
	overflow:visible;
}

#main_visual .slides li img{
	width:100%;
	height:auto;
}

#wrapper #slide1{ background:url(../img/bg_news_bottom.png) center bottom no-repeat; padding: 0 0 19px; }
#wrapper #slide2{ background:url(../img/bg_welcome_bottom.png) center bottom no-repeat; padding: 0 0 19px; }
#wrapper #slide3{ background:url(../img/bg_introduction_bottom.png) center bottom no-repeat; padding: 0 0 19px; }
#wrapper #slide4{ background:url(../img/bg_activity_bottom.png) center bottom no-repeat; padding: 0 0 19px; }
#wrapper #slide5{ background:url(../img/bg_tech_bottom.png) center bottom no-repeat; padding: 0 0 19px; }
#wrapper #slide6{ background:url(../img/bg_map_bottom.png) center bottom no-repeat; padding: 0 0 19px; }

#wrapper #slide1 article{ background:url(../img/bg_news.png); }
#wrapper #slide2 article{ background:url(../img/bg_welcome.png); }
#wrapper #slide3 article{ background:url(../img/bg_introduction.png); }
#wrapper #slide4 article{ background:url(../img/bg_activity.png); }
#wrapper #slide5 article{ background:url(../img/bg_tech.png); }
#wrapper #slide6 article{ background:url(../img/bg_map.png); }
#wrapper #slide7 article{ background:url(../img/bg_access.png); }

#wrapper section article {
	position:relative;
	overflow:hidden;
	clear:both;
	float:none;
}
#wrapper section article h2{
	height:62px;
	text-align:center;
	font-size:26px;
	margin:0 auto 48px;
	font-family:"秀英初号明朝","Shuei ShogoMincho","Noto Serif", serif, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho";
	font-weight:bold;
	clear:both;
	float:none;
	position:relative;
	overflow:hidden;
}
#wrapper section article h2 span{
	font-family:"秀英初号明朝","Shuei ShogoMincho","Noto Serif", serif, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho";
	display:inline-block;
	padding:0 0 20px;
	line-height:30px;
	letter-spacing:2px;
	background:url(../img/h2_bg.png) center bottom no-repeat;
}
#wrapper section article p{
	text-align:justify;
	text-justify:inter-ideograph;
	font-size:14px;
	line-height:28px;
	margin:-7px 0 0;
}
#wrapper section article .img_box p{
	font-size:12px;
	line-height:18px;
	margin:0;
}

#wrapper section article .left_in{
	width:286px;
	margin:0 0 0 -20px;
	float:left;
	visibility:hidden;
	opacity:0;
	text-align:left;
}
#wrapper section article .right_in{
	width:286px;
	margin:0 -20px 0 0;
	float:right;
	visibility:hidden;
	opacity:0;
	text-align:left;
}
#wrapper section article .center_in{
	width:286px;
	top:130px;
	position:absolute;
	left:50%;
	margin:0 0 0 -143px;
	visibility:hidden;
	opacity:0;
	text-align:left;
}


#wrapper section#slide1 .inside {
	height:150px;
	padding:40px 0;
}
#wrapper section#slide1 article h2{
	/*background:url(../img/tit_news.png) center center no-repeat;*/
	width:174px;
	height:100%;
}
#wrapper section#slide1 article .left_in {
	width:230px;
	height:100%;
}
#wrapper section#slide1 article .right_in {
	width:690px;
	height:100%;
}
#wrapper section#slide1 article .right_in ul {
	width:670px;
}
#wrapper section#slide1 article .right_in ul li{
	position:relative;
	overflow:hidden;
	clear:both;
	float:none;
	border-bottom:1px dotted #999;
	padding:0 0 20px;
	margin:0 0 20px;
}
#wrapper section#slide1 article .right_in ul li em{
	float:left;
	width:110px;
	font-weight:normal;
	font-style:normal;
	letter-spacing:2px;
}
#wrapper section#slide1 article .right_in ul li p{
	float:right;
	width:550px;
	font-size:14px;
	line-height:20px;
	margin:0;
}

#wrapper section#slide2 article h2{
	/*background:url(../img/tit_welcome.png) center top no-repeat;	*/
}
#wrapper section#slide2 article .left_in{
	width:540px;
}
#wrapper section#slide2 article .right_in{
	width:360px;
}

#wrapper section#slide3 article h2{
	/*background:url(../img/tit_introduction.png) center top no-repeat;	*/
}
#wrapper section#slide3 article .left_in{
	width:360px;
}
#wrapper section#slide3 article .right_in{
	width:540px;
}



#wrapper section#slide4 article h2{
	/*background:url(../img/tit_activity.png) center top no-repeat;	*/
}
#wrapper section#slide4 article .img_box {
	min-height:200px;
}
#wrapper section#slide4 article h3 {
	height:46px;
	white-space:nowrap;
	font-family:"秀英初号明朝","Shuei ShogoMincho","Noto Serif", serif, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho";
	font-weight:bold;
	margin:0 0 20px;
	background:url(../img/tit_activity_bg.png) center top no-repeat;
}


#wrapper section#slide5 article h2{
	/*background:url(../img/tit_tech.png) center top no-repeat;	*/
}

#wrapper section#slide5 article .left_in,
#wrapper section#slide5 article .right_in,
#wrapper section#slide5 article .center_in{
	min-height:412px;
}
#wrapper section#slide5 article .left_in{
	background:url(../img/tech_01_sideline.png) left 166px no-repeat;
}
#wrapper section#slide5 article .right_in{
	background:url(../img/tech_03_sideline.png) left 166px no-repeat;
}
#wrapper section#slide5 article .center_in{
	background:url(../img/tech_02_sideline.png) left 166px no-repeat;
}
#wrapper section#slide5 article .img_box {
	margin:0 0 15px;
}
#wrapper section#slide5 article h3{
	height:46px;
	text-align:left;
	white-space:nowrap;
	padding:8px 0 0 20px;
	font-weight:bold;
	font-family:"秀英初号明朝","Shuei ShogoMincho","Noto Serif", serif, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho";
}

#wrapper section#slide5 article .left_in p,
#wrapper section#slide5 article .right_in p,
#wrapper section#slide5 article .center_in p {
	margin:0 0 0 20px;
}

#wrapper section#slide6 article h2{
	/*background:url(../img/tit_exhibition.png) center top no-repeat;	*/
}
#wrapper section#slide6 article .inside{
	height:685px;
}
#wrapper section#slide6 article .center_in{
	height:583px;
	width:980px;
	margin-left:-490px;
}
#wrapper section#slide6 article .center_in #map_area {
	position:relative;
}
#wrapper section#slide6 article .center_in #map_area img{
	position:absolute;
	top:0;
	left:20px;		
}
#wrapper section#slide6 .sp {
	display:none;
}
#wrapper section#slide6 .dt {
	display:block;
}

#wrapper section#slide6 article .center_in #map_area ul{
	position:relative;
	height:583px;
	width:980px;
}
#wrapper section#slide6 article .center_in #map_area ul li{
	position:absolute;
	cursor:pointer;
	box-shadow:2px 2px 2px rgba(0,0,0,0.2);
	border-radius:5px;
	border:2px solid #fff;
}
#map_area ul li#violet01{ top: 230px; left: 898px; width: 8px; height: 102px; background:#8000C2; }

#map_area ul li#yellow01{ top: 178px; left: 521px; width: 387px; height: 8px; background:#C28000; }
#map_area ul li#yellow02{ top: 178px; left: 409px; width: 85px; height: 8px; background:#C28000; }
#map_area ul li#yellow03{ top: 360px; left: 259px; width: 192px; height: 8px; background:#C28000; }
#map_area ul li#yellow04{ top: 178px; left: 349px; width: 43px; height: 8px; background:#C28000; }

#map_area ul li#red01{ top: 178px; left: 269px; width: 104px; height: 8px; background:#C20000; }
#map_area ul li#red02{ top: 188px; left: 69px; width: 79px; height: 90px; background:#C20000; }
#map_area ul li#red03{ top: 178px; left: 181px; width: 34px; height: 9px; background:#C20000; }


#wrapper section#slide6 article .center_in #map_area ul li:hover{
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5;
}

#wrapper section#slide6 article .center_in #map_area_lb {
	position:absolute;
	height:583px;
	width:940px;
	display:none;
	top:0;
	left:20px;
	background:url(../img/bg_map.png);
}
#wrapper section#slide6 article .center_in #map_area_lb li{
	margin:0 auto;
	text-align:center;
	display:none;
	position:relative;
}
#wrapper section#slide6 article .center_in #map_area_lb li img{
	position:relative;
	overflow:hidden;
	top:auto;
	left:auto;
}
#wrapper section#slide6 article .center_in #map_area_lb li video {
	position:absolute;
	top:90px;
	left:50%;
	margin:0 0 0 -340px;
	width:680px;
	display:block;
}
#map_area_lb li iframe {
	position:absolute;
	top:90px;
	left:50%;
	margin:0 0 0 -340px;
	width:680px;
	height:382px;
	border:0;
}

#wrapper section#slide6 article .center_in #map_area_lb li .x{
	position:absolute;
	top:-15px;
	right:75px;
	cursor:pointer;
}
#wrapper section#slide6 article .center_in #map_area_lb li .x:hover{
filter:alpha(opacity=90);
-moz-opacity:0.9;
opacity:0.9;
}





#wrapper section#slide7 article .left_in {
	width:500px;
}

#wrapper section#slide7 article h2{
	width:325px;
	font-size:16px;
	line-height:22px;
	text-align:left;
	height:25px;
	margin:0 0 20px;
	/*background:url(../img/tit_access.png) left top no-repeat;*/
}
#wrapper section#slide7 article h2 span{
	display:inline;
	background:none;
	padding:0;
}

#wrapper section#slide7 article .left_in table{
	
}
#wrapper section#slide7 article .left_in table th,
#wrapper section#slide7 article .left_in table td{
	font-weight:normal;
	padding:10px 10px 10px 0;
}
#wrapper section#slide7 article .right_in{
	width:400px;
}



#footer {
	padding:30px 0 135px;
	background:#000;
	text-align:center;
}
#footer p{
	margin:0;
	font-size:10px;
	line-height:16px;
	letter-spacing:1px;
	color:#fff;
	font-family: 'Noto Serif', serif;
}


/* #controler */
#controler {
position:fixed;
top:50%;
margin:-132px 0 0 0;
right:20px;
z-index:9000;
}
#controler ul{
width:20px;
margin:0;
padding:0;
	text-align:left !important;
}
#controler ul li{
width:10px;
margin:0 0 23px;
list-style:none;
overflow:visible;
	text-align:left !important;
}
#controler ul li a{
width:10px;
height:10px;
display:block;
background:url(../img/parts_bg.png) -105px bottom no-repeat;
position:relative;
border:none;
outline:none;
overflow:visible;
	text-align:left !important;
	text-indent:-100% !important;
	white-space:nowrap !important;
}
#controler ul li a:hover,
#controler ul li a.active{
background:url(../img/parts_bg.png) -105px top no-repeat;
}
#controler ul li a span{
	display:none;
	width:71px;
	height:14px;
	position:absolute;
	right:20px;
	top:-2px;
	border:none;
	outline:none;
	text-align:left !important;
	text-indent:-100% !important;
	overflow:hidden !important;
	white-space:nowrap !important;
	background:url(../img/controler_bg.png) left top no-repeat;
}
#controler ul li a span em{
	display:none;
}
#controler ul li a.active span{
	display:block !important;
}
#controler ul li a:hover span{
	display:block !important;
	opacity:1 !important;
}
#controler ul li.top a span{ background-position:-426px bottom; }
#controler ul li.news a span{ background-position:left bottom; }
#controler ul li.welcome a span{ background-position:right bottom; }
#controler ul li.about a span{ background-position:-72px bottom; }
#controler ul li.activity a span{ background-position:-142px bottom; }
#controler ul li.technique a span{ background-position:-213px bottom; }
#controler ul li.exhibition a span{ background-position:-285px bottom; }
#controler ul li.access a span{ background-position:-355px bottom; }


#controler ul li.top a:hover span{ background-position:-426px top; }
#controler ul li.news a:hover span{ background-position:left top; }
#controler ul li.welcome a:hover span{ background-position:right top; }
#controler ul li.about a:hover span{ background-position:-72px top; }
#controler ul li.activity a:hover span{ background-position:-142px top; }
#controler ul li.technique a:hover span{ background-position:-213px top; }
#controler ul li.exhibition a:hover span{ background-position:-285px top; }
#controler ul li.access a:hover span{ background-position:-355px top; }

#shoulder {
position:fixed;
top:20px;
right:20px;
z-index:9999;	
}
#shoulder ul{
	width:60px;
	position:relative;	
}
#shoulder ul li{
	position:absolute;
	top:0;
}
#shoulder ul li a{
	display:block;
	text-align:left !important;
	text-indent:-100% !important;
	overflow:hidden !important;
	white-space:nowrap !important;
	background-image:url(../img/parts_bg.png);
	background-repeat:no-repeat;
}
#shoulder ul li.japanese { left:0; }
#shoulder ul li.english { left:30px; }

#shoulder ul li.japanese a{ background-position:left top; width:20px; height:20px; }
#shoulder ul li.english a{ background-position:-21px top; width:20px; height:20px; }

#shoulder ul li.japanese a:hover,#shoulder ul li.japanese.current a{ background-position:left bottom;}
#shoulder ul li.english a:hover,#shoulder ul li.english.current a{ background-position:-21px bottom;}





#shoulder ul li a span{
	display:none;
}


#scroll-down {
	position:fixed;
	bottom:150px;
	left:50%;
	z-index:7000;
	margin:0 0 0 -25px;
	-webkit-border-radius:25px;
	border-radius:25px;
	overflow:hidden;
}
#scroll-down a{
	display:block;
	width:50px;
	height:50px;
	background:#000 url(../img/scroll-down.png) center center no-repeat;
	text-align:left !important;
	text-indent:-100% !important;
	overflow:hidden !important;
	white-space:nowrap !important;
}
#slide_menu {
	display:none;
}


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

.inside {
	width:auto;
	margin-left:20px !important;
	margin-right:20px !important;
}
#wrapper section article{
	padding:41px 0 20px;
	width:auto;
}

#header {
	position:fixed;
	bottom:auto;
	top:0;
	height:80px;
	z-index:9999;
	width:100%;
	overflow:hidden;
}
#header .inside {
	width:100%;
	margin-left:0px !important;
	margin-right:0px !important;
}
#header h1,
#header nav{
	width:auto;
	height:80px;
}
#header h1 a{
	width:210px;
	height:80px;
	background:url(../img/logo_sp.png) left top no-repeat;
	background-size:100%;
}
#header h1 a:hover{
	background:url(../img/logo_sp.png) left top no-repeat;
	background-size:100%;
}
#header nav {
	display:none;
	height:105px;
	width:365px;
	overflow-x: scroll;
	overflow-y: hidden;
	position:relative;
}
#header nav::-webkit-scrollbar {
  display: none;
  height: 0 !important;
}

#header nav ul{
	width:705px;
}
#header nav ul > * {
	/*-webkit-transform: translateZ(0px);*/
}
#header nav ul li {
}
#header .bt {
	display:block;
	position:absolute;
	right:0;
	top:0;
	height:80px;
	width:80px;
	background:url(../img/menu_bt_sp.png) left top no-repeat;
	background-size:100%;
	z-index:10100;
}





#wrapper section article h2{
	height:auto;
	text-align:center;
}
#wrapper section article h2 span{
	letter-spacing:2px;
	font-size:26px;
}
#wrapper section article p{
	font-size:22px;
	line-height:46px;
	margin:0 0;
}
#wrapper section article .img_box p{
	font-size:14px;
	line-height:22px;
	margin:0;
}

#wrapper section article .img_box img{
	width:100%;
	display:block;
}

#wrapper #slide1,
#wrapper #slide2,
#wrapper #slide3,
#wrapper #slide4,
#wrapper #slide5,
#wrapper #slide6{ background:none; padding: 0; }

#wrapper section article .left_in{
	width:auto;
	margin:0 0 40px;
	position:relative;
	overflow:hidden;
	clear:both;
	float:none;
}
#wrapper section article .right_in{
	width:auto;
	margin:0 0 40px;
	position:relative;
	overflow:hidden;
	clear:both;
	float:none;
}
#wrapper section article .center_in{
	width:auto;
	margin:0 0 40px;
	position:relative;
	overflow:hidden;
	clear:both;
	float:none;
	top:auto;
	left:auto;
}


#wrapper section#slide1 .inside {
	min-height:1px;
	height:auto;
	padding:40px 0;
}
#wrapper section#slide1 article {
	padding:41px 0 20px;
}
#wrapper section#slide1 article h2{
	width:100%;
}
#wrapper section#slide1 article .left_in {
	width:auto;
	height:auto;
	margin:0;
}
#wrapper section#slide1 article .right_in {
	width:auto;
	margin-bottom:0px;
	height:400px;
	overflow: scroll;
	-webkit-overflow-scrolling:touch;
}
#wrapper section#slide1 article .right_in ul {
	width:auto;
}
#wrapper section#slide1 article .right_in ul li em{
	float:none;
	clear:both;
	display:block;
	width:auto;
	font-size:16px;
	margin:0 0 8px;
}
#wrapper section#slide1 article .right_in ul li p{
	float:none;
	clear:both;
	width:auto;
	font-size:16px;
	line-height:24px;
	margin:0;
}

#wrapper section#slide2 article .left_in{
	width:100%;
}
#wrapper section#slide2 article .left_in img{
	width:100%;
}
#wrapper section#slide2 article .right_in{
	width:100%;
}

#wrapper section#slide3 article .left_in{
	width:100%;
	margin:0 0 20px;
}
#wrapper section#slide3 article .right_in img{
	width:100%;
}
#wrapper section#slide3 article .right_in{
	width:100%;
}


#wrapper section#slide4 article h3 {
	height:auto;
	margin:0 0 20px;
	background-size:100% auto !important;
	background-position:left bottom !important;
	font-size:24px;
	padding:0 0 40px;
}
#wrapper section#slide4 article .left_in,
#wrapper section#slide4 article .right_in,
#wrapper section#slide4 article .center_in{
	min-height:1px;
	margin:0 0 80px;
}
#wrapper section#slide4 article .right_in {
	margin:0;	
}

#wrapper section#slide4 article .img_box {
	margin:0 0 20px;
}
#wrapper section#slide4 article .right_in .img_box {
	margin:0 0 30px;
}
#wrapper section#slide4 article .img_box img{
	margin:0 0 5px;
}
#wrapper section#slide4 article .img_box p {
	font-size:18px;
}

#wrapper section#slide5 h2 span{
	letter-spacing:0px;	
}
#wrapper section#slide5 article .left_in,
#wrapper section#slide5 article .right_in,
#wrapper section#slide5 article .center_in{
	min-height:1px;
	margin:0 0 80px;
}
#wrapper section#slide5 article .right_in {
	margin:0;
}
#wrapper section#slide5 article .img_box {
	margin:0 0 20px;
}
#wrapper section#slide5 article .img_box img{
	margin:0 0 5px;
}
#wrapper section#slide5 article h3{
	font-size:22px;
	padding:26px 0 20px 20px;
	margin:0;
	height:auto;
}

#wrapper section#slide5 article .left_in p,
#wrapper section#slide5 article .right_in p,
#wrapper section#slide5 article .center_in p {
	margin:0 0 0 20px;
}
#wrapper section#slide5 article .left_in{
	background: url(../img/tech_01_sideline.png) left 340px no-repeat;
}
#wrapper section#slide5 article .right_in{
	background:url(../img/tech_03_sideline.png) left 340px no-repeat;
}
#wrapper section#slide5 article .center_in{
	background:url(../img/tech_02_sideline.png) left 340px no-repeat;
}


#wrapper section#slide6 article h2{

}
#wrapper section#slide6 article .inside{
	height:auto;
	width:auto;
	overflow:visible;
	margin-left:0px !important;
	margin-right:0px !important;
}
#wrapper section#slide6 article .center_in{
	height:auto;
	width:auto;
	margin-left:0px;
	overflow:visible;
}
#wrapper section#slide6 article #map_area{
	zoom:100%;
	padding:0px 0 180px;
	overflow:visible;
}

#map_area_lb li iframe {
	top:135px;
	width:90%;
	margin:0 0 0 -45%;
	height:60%;
}


#wrapper section#slide6 .sp {
	display:block;
}
#wrapper section#slide6 .dt {
	display:none;
}


#wrapper section#slide6 article .center_in #map_area_lb {
	position:absolute;
	height:auto;
	width:100%;
	display:none;
	top:0;
	left:0px;
	background:url(../img/bg_map.png);
}
#wrapper section#slide6 article .center_in #map_area_lb li img{
	position:relative;
	overflow:hidden;
	top:auto;
	left:auto;
	width:100%;
}
#wrapper section#slide6 article .center_in #map_area_lb li video {
	position:absolute;
	top:110px;
	left:50%;
	margin:0 0 0 -420px;
	width:840px;
	height:472px;
	display:block;
	background:#fff;
}
#wrapper section#slide6 article .center_in #map_area_lb li .x{
	position:absolute;
	top:20px;
	right:20px;
	cursor:pointer;
	width:60px;
	height:60px;
}



#wrapper section#slide6 article .center_in #map_area_lb li .x:hover{
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	opacity:0.9;
}






#wrapper section#slide7 article .left_in {
	width:100%;
}
#wrapper section#slide7 article h2{
	font-size:22px;
	width:auto;
	height:auto;
}

#wrapper section#slide7 article .left_in table{
	
}
#wrapper section#slide7 article .left_in table th,
#wrapper section#slide7 article .left_in table td{
	font-size:18px;
	line-height:30px;
}
#wrapper section#slide7 article .right_in {
	width:auto;
	margin:0 40px 40px !important;
}
#wrapper section#slide7 article .right_in img {
	width:100%;
}


#scroll-down {
	bottom:auto;
	top:44%;
	overflow:hidden;
}
#scroll-down a{
	background:#555 url(../img/scroll-down.png) center center no-repeat;
	border-radius:25px;
}

#wrapper section#slide6 article .center_in #map_area_lb {
	position:absolute;
	height:583px;
	width:940px;
	display:none;
	top:0;
	left:20px;
	background:url(../img/bg_map.png);
}

#shoulder {
position:fixed;
top:17px;
right:100px;
z-index:10001;
height:20px;
zoom:1.5;
}
#shoulder ul{
	width:60px;
	position:relative;
}
#shoulder ul li{
	position:absolute;
	top:0;
}
#shoulder ul li.japanese { left:0; }
#shoulder ul li.english { left:40px; }




#controler{
	display:none;
	margin:-346px 0 0 0;
}
#controler ul li{
	zoom:1.8;
	margin:0 0 38px;
}


#slide_menu {
	position: fixed;
    top: 0;
    right: -240px;
    width: 240px;
    height: 100%;
    background: #000;
	z-index:9999;
	display:block;
}
#slide_menu nav{
    height: 100%;
	position:relative;
	width:240px;
}
#slide_menu nav ul{
	z-index:5000;
	position:absolute;
	top:80px;
	width:100%;
}
#slide_menu li{
	float:none;
	clear:both;
	width:100%;
	margin:0;
}
#slide_menu li a{
	display:block;
	height:28px;
	padding:20px 0 15px;
	line-height:28px;
	text-align:center;
	background:url(../img/h2_bg.png) center bottom no-repeat;
	font-size:24px;
	color:#999;
	text-decoration:none;
}

#slide_menu li a.active{
	color:#FFF;

}
body {
	position:relative;
	right:0;
	overflow-x: hidden;
}




}


@media screen and (min-width: 981px) and (min-height: 616px) {



}

/* ADD */
.list-photo2-4{
	margin-top: 28px;
	display: flex;
	justify-content: space-between;
	margin-left: -10px;
}
.list-photo2-4 *{
	box-sizing: border-box;
}
.list-photo2-4 li{
	width:25%;
	padding-left: 10px;
	margin-top: 10px;
}
.list-photo2-4 li img{
	width: 100%;
	height: auto;
}

.list-photo2-4,
.list-photo2-4.poswatchBottomUp.poswatchTopUp{
	opacity: 0;
	transform: translateY(40px);
	transition: all 1.5s ease-in-out;
}
.list-photo2-4.poswatchBottomUp{
	opacity: 1;
	transform: translateY(0);
}
@media screen and (max-width: 640px) {
	.list-photo2-4{
		flex-wrap: wrap;
	}
	.list-photo2-4 li{
		width:50%;
	}
}
body {
	overflow:hidden;
	height:100% !important;
}
#wrapper {
	overflow:hidden;
	height:100% !important;
}
#loading{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#000 url(../img/loading.gif) center center no-repeat;
	z-index:10000;
}