@charset "utf-8";


/*--------------------------------------------------*/
/*
z-index

#debug    :10000
#progress :4000
#header   :3000
#loader   :2000
#contents :100-1300
#secLast  :1900

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


/*--------------------------------------------------*/
/*BASE*/
/*--------------------------------------------------*/
html{
  overflow:hidden;
}
body{
  background-color:#000;
  font-family:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.mac body{
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

body{
  -moz-user-select:none;
  -webkit-user-select:none;
  -ms-user-select:none;
  -khtml-user-select:none;
  user-select:none;
}

/*==wrap==*/
#wrap{
  width:100%;
  margin-right:auto;
  margin-left:auto;
  text-align:left;
}

/*==header==*/
#logoArea{
  width:170px;
  height:70px;
  margin-left:-85px;
  padding-top:15px;
  position:fixed;
  top:-120px;
  left:50%;
  z-index:3100;
}

#logoArea #logo{
}
#logoArea #logo a{
  width:170px;
  height:70px;
  display:block;
  position:relative;
}
#logoArea #logo img{
  position:absolute;
  top:0;
  left:0;
  z-index:3102;
}
#logoArea #logo a img#logo_b{
  opacity:0;
  transition:0.5s;
}
#logoArea #logo a:hover img#logo_b{
  opacity: 1;
  transition:0.5s;
}

/*==progress==*/
#progress{
  max-width:1600px;
  width:100%;
  margin:0 auto;
  position:relative;
  z-index:4000;
}
#progress .par{
  color:#fff;
  position:absolute;
  position:fixed;
  top:0;
  left:0;
  z-index:4003;
  display:none;
}
#progress .bar{
  width:100%;
  height:4px;
  background-color:#ff0000;
  position:fixed;
  top:0;
  left:0;
  z-index:4001;
}
#progress .bar span{
  width:0;
  height:4px;
  background-color:#ff0000;
  display:block;
  overflow:hidden;
}

/*==header==*/
#header{
  width:100%;
  height:120px;
  background:url(../img/header_bg.png) left top repeat-x;
  position:fixed;
  top:0;
  left:0;
  z-index:3000;
}
#header .inner{
  margin-right:auto;
  margin-left:auto;
  padding:0 20px;
  position:relative;
}

#header .nav{
  padding-top:26px;
  float:left;
}
#header .nav li{
  margin-right:9px;
  float:left;
}
#header .nav li a img{
  opacity:0.6;
  transition:0.5s;
}
#header .nav li a:hover img{
  opacity: 1;
  transition:0.5s;
}

#header .langNav{
  padding-top:40px;
  float:right;
}
#header .langNav li{
  margin-left:15px;
  float:right;
}
#header .langNav li span{
  padding-bottom:5px;
  display:block;
  background:url(../img/langnav_bg.gif) left bottom repeat-x;
}
#header .langNav li a{
  padding-bottom:5px;
  display:block;
  background:none left bottom repeat-x;
  transition:0.5s;
}
#header .langNav li a:hover{
  background:url(../img/langnav_bg.gif) left bottom repeat-x;
  transition:0.5s;
}
#header .langNav li a img{
  opacity:0.6;
  transition:0.5s;
}
#header .langNav li a:hover img{
  opacity: 1;
  transition:0.5s;
}

/*==loader==*/
#loader{
  max-width:1600px;
  width:100%;
  /* margin:0 auto 200px; */
  margin:0 auto 120px;
  position:relative;
  z-index:2000;
}

#loader #markWrap{
  width:340px;
  height:160px;
  margin-top:-80px;
  margin-left:-170px;
  /*
  width:170px;
  height:80px;
  margin-top:-40px;
  margin-left:-85px;
  */
  position:absolute;
  top:50%;
  left:50%;
  z-index:3001;

  -moz-animation    :markWrap 2s ease;
	-webkit-animation :markWrap 2s ease;
	-o-animation      :markWrap 2s ease;
	-ms-animation     :markWrap 2s ease;
	animation         :markWrap 2s ease;
}
@-moz-keyframes markWrap{
	0% { /* margin-top:0; */ opacity:0; transform: scale(0.8,0.8);}
	100% { /* margin-top:-80px; */ opacity:1; transform: scale(1,1);}
}
@-webkit-keyframes markWrap{
	0% { /* margin-top:0; */ opacity:0; transform: scale(0.8,0.8);}
	100% { /* margin-top:-80px; */ opacity:1; transform: scale(1,1);}
}
@-o-keyframes markWrap{
	0% { /* margin-top:0; */ opacity:0; transform: scale(0.8,0.8);}
	100% { /* margin-top:-80px; */ opacity:1; transform: scale(1,1);}
}
@-ms-keyframes markWrap{
	0% { /* margin-top:0; */ opacity:0; transform: scale(0.8,0.8);}
	100% { /* margin-top:-80px; */ opacity:1; transform: scale(1,1);}
}
@keyframes markWrap{
	0% { /* margin-top:0; */ opacity:0; transform: scale(0.8,0.8);}
	100% { /* margin-top:-80px; */ opacity:1; transform: scale(1,1);}
}
#loader #markWrap img{width:100%;}
#loader #mark{
  position:absolute;
  top:0;
  left:0;
  z-index:3002;
}
#loader #mark_b{
  position:absolute;
  top:0;
  left:0;
  z-index:3003;
  display:none;
}
#loader #mark_b.flashA{
  -moz-animation    :markB 1.8s ease 2;
	-webkit-animation :markB 1.8s ease 2;
	-o-animation      :markB 1.8s ease 2;
	-ms-animation     :markB 1.8s ease 2;
	animation         :markB 1.8s ease 2;
}
@-moz-keyframes markB{
	0% { opacity: 0.6;}
	20% { opacity: 0.4;}
	100% { opacity: 0;}
}
@-webkit-keyframes markB{
	0% { opacity: 0.6;}
	20% { opacity: 0.4;}
	100% { opacity: 0;}
}
@-o-keyframes markB{
	0% { opacity: 0.6;}
	20% { opacity: 0.4;}
	100% { opacity: 0;}
}
@-ms-keyframes markB{
	0% { opacity: 0.6;}
	20% { opacity: 0.4;}
	100% { opacity: 0;}
}
@keyframes markB{
	0% { opacity: 0.6;}
	20% { opacity: 0.4;}
	100% { opacity: 0;}
}
#loader #mark_b.flash{
  -moz-animation    :markBLoop 5s ease infinite;
	-webkit-animation :markBLoop 5s ease infinite;
	-o-animation      :markBLoop 5s ease infinite;
	-ms-animation     :markBLoop 5s ease infinite;
	animation         :markBLoop 5s ease infinite;
}
@-moz-keyframes markBLoop{
	0% { opacity: 0.6;}
	20% { opacity: 0.4;}
	100% { opacity: 0;}
}
@-webkit-keyframes markBLoop{
	0% { opacity: 0.6;}
	20% { opacity: 0.4;}
	100% { opacity: 0;}
}
@-o-keyframes markBLoop{
	0% { opacity: 0.6;}
	20% { opacity: 0.4;}
	100% { opacity: 0;}
}
@-ms-keyframes markBLoop{
	0% { opacity: 0.6;}
	20% { opacity: 0.4;}
	100% { opacity: 0;}
}
@keyframes markBLoop{
	0% { opacity: 0.6;}
	20% { opacity: 0.4;}
	100% { opacity: 0;}
}

#loader .scroller{
  width:150px;
  height:100px;
  margin-left:-75px;
  text-align:center;
  position:absolute;
  bottom:30px;
  left:50%;
  display:none;
}
#loader .scroller a,
#loader .scroller span{
  display:block;
}
#loader .scroller .logo{
}
#loader .scroller .circle{
  width:50px;
  height:50px;
  margin:20px auto 0;
  position:relative;
}
#loader .scroller a .circle img{
  opacity:0.6;
  transition:0.5s;
}
#loader .scroller a:hover .circle img{
  opacity: 1;
  transition:0.5s;
}
#loader .scroller .arw{
  margin-top:-4px;
  margin-left:-25px;
  position:absolute;
  top:0;
  left:50%;

  -moz-animation    :scrollerDown 3s ease infinite;
	-webkit-animation :scrollerDown 3s ease infinite;
	-o-animation      :scrollerDown 3s ease infinite;
	-ms-animation     :scrollerDown 3s ease infinite;
	animation         :scrollerDown 3s ease infinite;
}
@-moz-keyframes scrollerDown{
	0% { opacity: 0; margin-top: -10px;}
	20% { opacity: 1; margin-top: 4px;}
	100% { opacity: 1; margin-top: 4px;}
}
@-webkit-keyframes scrollerDown{
	0% { opacity: 0; margin-top: -10px;}
	20% { opacity: 1; margin-top: 4px;}
	100% { opacity: 1; margin-top: 4px;}
}
@-o-keyframes scrollerDown{
	0% { opacity: 0; margin-top: -10px;}
	20% { opacity: 1; margin-top: 4px;}
	100% { opacity: 1; margin-top: 4px;}
}
@-ms-keyframes scrollerDown{
	0% { opacity: 0; margin-top: -10px;}
	20% { opacity: 1; margin-top: 4px;}
	100% { opacity: 1; margin-top: 4px;}
}
@keyframes scrollerDown{
	0% { opacity: 0; margin-top: -10px;}
	20% { opacity: 1; margin-top: 4px;}
	100% { opacity: 1; margin-top: 4px;}
}


/*--------------------------------------------------*/
/*contents*/
/*--------------------------------------------------*/
#contents{
  max-width:1600px;
  margin-right:auto;
  margin-left:auto;
}

.sectionWrap{
  /* margin-bottom:200px; */
  /* margin-bottom:10%; */
  padding-top:120px;
}
/*
.section{
	width:100%;
	height:100%;
	padding-top:56.25%;
  position:relative;
}
.section .inner{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
}
*/
.section{
	width:100%;
}
.section .inner{
  position:relative;
}

.txt1 img,
.txt2 img,
.txt3 img,
.txt4 img,
.txt5 img{
  /*
  position:absolute;
  top:0;
  left:0;
  display:block;
  */
}

.ttl1{
	font-size: 161.54%;
  font-weight:bold;
}
.ttl2{
  font-weight:bold;
}

/*==sec1==*/
#sec1{}
#sec1 .section{
	width:100%;
	height:100%;
	padding-top:56.25%;	/*高さ：900／幅：1600*/
  position:relative;
}
#sec1 .section .inner{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
}
#sec1 .img1{
}
#sec1 .img1 img{max-width:100%;}
#sec1 .txt1{
  width:35%;
  overflow:hidden;
  position:absolute;
  top:46.67%;
  left:6.875%;
	font-weight: bold;
}
#sec1 .txt1{/* max-width:440px; */}


/*==sec2==*/
#sec2{}
#sec1 .section{
}
#sec2 .section .inner{
}
#sec2 .img1{
  width:100%;
  position:absolute;
  top:0;
  left:0;
  z-index:201;
}
#sec2 .img1 img{max-width:100%;}

#sec2 .txtBox{
  width:41.4%;
  padding-top:3.889%;
  padding-left:2.5%;
  position:relative;
  z-index:202;
}
#sec2 .txt1{
  width:100%;
	margin-bottom: 30px;
}
#sec2 .txt2{
  width:100%;
	margin-bottom: 20px;
  font-size:123.08%;
}
#sec2 .txt2 img{width:100%;}
#sec2 .img2{
  width:100%;
  font-size:107.69%;
  text-align:right;
}
#sec2 .img2 img{width:100%; margin-bottom:0.5em;}

/*==sec3==*/
#sec3{}
#sec3 .img1{
  width:100%;
  position:absolute;
  top:0;
  left:0;
  z-index:301;
}
#sec3 .img1 img{max-width:100%;}

#sec3 .txtBox{
  width:32.5%;
  padding:13.6% 0 13.6% 2.5%;
  position:relative;
  z-index:302;
}
#sec3 .txt1{
  width:100%;
	margin-bottom: 30px;
}
#sec3 .txt2{
  width:100%;
	margin-bottom: 30px;
  font-size:123.08%;
}
#sec3 .img2{
  width:65.38%;
  margin-right:auto;
  margin-left:auto;
  text-align:center;
}
#sec3 .img2 img{width:100%;}
#sec3 .txt3{
  width:37.8125%;
}


/*==sec4==*/
#sec4{}
#sec4 .inner{
}
/*==clearfix==*/
#sec4 .inner:after{content:""; display:block; clear:both;}
/*IE6, 7*/
#sec4 .inner{* zoom:1;}

#sec4 .txtBox{
  width:35%;
  padding:10% 0 10% 2.5%;
  float:left
}

#sec4 ul{
  width:60%;
  padding-top:12%;
  float:right;
  /* overflow:hidden; */
  position:absolute;
  top:25%;
  left:40.2%;
}
#sec4 ul li{
  width:20.14%;
  position:absolute;
  top:0;
}
#sec4 ul li.img1{left:0;}
#sec4 ul li.img2{left:22.07%;}
#sec4 ul li.img3{left:44.14%;}
#sec4 ul li.img4{left:66.22%; width:27.685%; /* margin-right:0; */}

#sec4 ul li img{max-width:100%;}

#sec4 .txt1{
  margin-bottom:30px;
}
#sec4 .txt2{
  font-size:123.08%;
}


/*==sec5==*/
#sec5{}
#sec5 .inner{
  padding:10% 0 16%;
}
#sec5 .img1{
  width:100%;
  position:absolute;
  top:0;
  left:0;
  z-index:501;
}
#sec5 .img1 img{max-width:100%;}

#sec5 .exp{
  width:40%;
  margin-left:8.75%;
  padding:2%;
  background-color:#fff;
	color: #000;
  position:relative;
  overflow:hidden;
  z-index:502;
}
#sec5 .txt1{
  margin-bottom:35px;
	padding-bottom: 8px;
	border-bottom: solid 1px #837d7b;
}
#sec5 .txt1 img{width:100%;}
#sec5 .txt2{
  margin-bottom:35px;
}
#sec5 .txt3{
  margin-bottom:20px;
  font-size:123.08%;
}
#sec5 .txt3 img{width:100%;}
#sec5 .img2{
  text-align:center;
}


/*==sec6==*/
#sec6{}
#sec6 .section{
	width:100%;
	/* height:100%; */
	/* padding-top:81.25%; */ /*1300/1600*/
  position:relative;
}
#sec6 .section .inner{
	width:100%;
}
#sec6 .img1{
  padding-top:25%;
  width:100%;
  position:absolute;
  top:0;
  left:0;
  z-index:601;
}
#sec6 .img1 img{max-width:100%; width:100%;}

#sec6 .txt1{
  width:40%;
  /*height:2.334%;*/
  position:absolute;
  top:23.667%;
  left:10.625%;
  z-index:602;
}
#sec6 .img_ttl{
	padding-bottom: 8px;
}
#sec6 .icon1{
  padding:2px 5px;
  background-color:#fff;
  color:#000;
  font-size:84.62%;
  font-weight:bold;
  text-align:center;
  display:block;
  float:left;
}
#sec6 .ttl_txt1{
  font-size:115.38%;
  font-weight:bold;
  display:block;
}
#sec6 .img2_txt1 .icon1{/* width: 15.234%; */ width:77px;}
#sec6 .img3_txt1 .icon1{/* width: 19.727%; */ width:106px;}
#sec6 .img4_txt1 .icon1{/* width: 24.609%; */ width:146px;}

#sec6 .img2_txt1 .ttl_txt1{margin-left:92px;}
#sec6 .img3_txt1 .ttl_txt1{margin-left:122px;}
#sec6 .img4_txt1 .ttl_txt1{margin-left:161px;}

#sec6 .img_l{
	width: 21.543%;
	float: left;
	padding-top: 12.363%;
}
#sec6 .img_r{
	width: 73.072%;
	float: right;
}

#sec6 .line{
	border-width: 1px 0 0 0;
	border-color: #707070;
	margin: 0 0 15px 0;
}
#sec6 .img2,
#sec6 .img3,
#sec6 .img4{
	margin-bottom: 15px;
}
/*==clearfix==*/
#sec6 .img2:after,
#sec6 .img3:after,
#sec6 .img4:after{content:""; display:block; clear:both;}
/*IE6, 7*/
#sec6 .img2,
#sec6 .img3,
#sec6 .img4{* zoom:1;}

#sec6 .img2_img2,
#sec6 .img3_img2,
#sec6 .img4_img2{
  width:47.18%;
  float:left;
}
#sec6 .img2 dt,
#sec6 .img3 dt,
#sec6 .img4 dt{font-weight:bold;}
/*==clearfix==*/
#sec6 .img2 dt:after,
#sec6 .img3 dt:after,
#sec6 .img4 dt:after{content:""; display:block; clear:both;}
/*IE6, 7*/
#sec6 .img2 dt,
#sec6 .img3 dt,
#sec6 .img4 dt{* zoom:1;}

#sec6 .img2 dt img,
#sec6 .img3 dt img,
#sec6 .img4 dt img{vertical-align:middle;}
#sec6 .img2 dd,
#sec6 .img3 dd,
#sec6 .img4 dd{margin-top:5px;}

#sec6 .icon2{
  width:62px;
  display:block;
  float:left;
}
#sec6 .icon2 img{width:100%;}
#sec6 .icon2Ex{
  margin-left:77px;
  display:block;
}

#sec6 .img2_img3,
#sec6 .img3_img3,
#sec6 .img4_img3{
  width:47.18%;
  float:right;
}

#sec6 ul{
  width:43.75%;
  height:94.62%;
  margin-left:52.1875%;
  position:relative;
  z-index:603;
}

#sec6 ul li{
  width:100%;
	position: relative;
}
#sec6 ul li.img2{margin-bottom: 30px;}
#sec6 ul li.img3{margin-bottom: 30px;}

/*
#sec6 ul li.img2{top:3.097%;}
#sec6 ul li.img3{top:38.673%;}
#sec6 ul li.img4{top:74.071%;}
*/
#sec6 ul li img{max-width:100%; width:100%;}



/*==sec7==*/
#sec7{}
#sec7 .inner{
  padding:12% 0 13.3%;
}
#sec7 .img1{
  width:100%;
  position:absolute;
  top:0;
  left:0;
  z-index:701;
}
#sec7 .img1 img{max-width:100%;}

#sec7 .exp{
  width:40%;
  margin-left:8.75%;
  padding:2%;
  /* width:660px; */
  /* height:660px; */
  background-color:#fff;
	color: #000;
  position:relative;
  overflow:hidden;
  z-index:702;
}
#sec7 .txt1{
  margin-bottom:35px;
	padding-bottom: 8px;
	border-bottom: solid 1px #837d7b;
}
#sec7 .txt1 img{width:100%;}
#sec7 .txt2{
  margin-bottom:35px;
}
#sec7 .txt3{
  margin-bottom:20px;
  font-size:123.08%;
}
#sec7 .txt3 img{width:100%;}
#sec7 .img2{
  text-align:center;
}


/*==sec8==*/
#sec8{}
#sec8 .inner{
  padding:12% 0 13.3%;
}
#sec8 .img1{
  width:100%;
  position:absolute;
  top:0;
  left:0;
  z-index:801;
}
#sec8 .img1 img{max-width:100%;}

#sec8 .exp{
  width:40%;
  margin-left:8.75%;
  padding:2%;
  background-color:#fff;
	color: #000;
  position:relative;
  overflow:hidden;
  z-index:802;
}
#sec8 .txt1{
  margin-bottom:35px;
	padding-bottom: 8px;
	border-bottom: solid 1px #837d7b;
}
#sec8 .txt2{
  margin-bottom:35px;
}
#sec8 .txt3{
  margin-bottom:20px;
  font-size:123.08%;
}
#sec8 .img2{
  text-align:center;
}



/*==sec9==*/
#sec9{}
#sec9 .inner{
  padding:14% 0 11.3%;
}
#sec9 .img1{
  width:100%;
  position:absolute;
  top:0;
  left:0;
  z-index:901;
}
#sec9 .img1 img{max-width:100%;}

#sec9 .exp{
  width:40%;
  margin-left:8.75%;
  padding:2%;
  background-color:#fff;
  overflow:hidden;
	color: #000;
  position:relative;
  overflow:hidden;
  z-index:902;
}
#sec9 .txt1{
  margin-bottom:35px;
	padding-bottom: 8px;
	border-bottom: solid 1px #837d7b;
}
#sec9 .txt2{
  margin-bottom:35px;
}
#sec9 .txt3{
  margin-bottom:20px;
  font-size:123.08%;
}
#sec9 .img2{
  text-align:center;
}

/*==sec10==*/
#sec10{}
#sec10 .section{
	width:100%;
	height:100%;
	padding-top:66.636%;	/*1416／2125：1066／1600*/
  position:relative;
}
#sec10 .inner{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
}

#sec10 .img1{
}
#sec10 .img1 img{max-width:100%;}

#sec10 .txtBox{
  width:24.4375%;
  position:absolute;
  top:32.364%;
  left:10.9375%;
}
#sec10 .txt1{
  /*height:2.814%;*/
  margin-bottom:30px;
	text-shadow:0 0 3px rgba(0,0,0,0.7);
}
#sec10 .txt2{
  /*height:18.762%;*/
  font-size:123.08%;
	text-shadow:0 0 3px rgba(0,0,0,0.7);
}
#sec10 .txt2 img{width:100%;}


/*==sec11==*/
#sec11{}
#sec11 .section{
	/* padding-top:70.9375%; */	/*1135／1600*/
}
#sec11 .inner{
}
/*==clearfix==*/
#sec11 .inner:after{content:""; display:block; clear:both;}
/*IE6, 7*/
#sec11 .inner{* zoom:1;}

#sec11 .img1{
  width:66.1875%;
  float:right;
}
#sec11 .img1 img{
  /* margin-left:33.8125%; */
}

#sec11 .exp{
  width:28.4375%;
  margin-left:2.5%;
  /* height:100%; */  /*1100px*/
  /* position:absolute; */
  /* top:0%; */
  /* left:2.5%; */
  float:left;
}
#sec11 .exp img{position:static;}
#sec11 .txt1{
  margin-bottom:8%;
  padding:4px 0;
  border-top:1px solid #e0e0e0;
  border-bottom:1px solid #e0e0e0;
  line-height:1;
}
/*==clearfix==*/
#sec11 .txt1:after{content:""; display:block; clear:both;}
/*IE6, 7*/
#sec11 .txt1{* zoom:1;}

#sec11 .exp .cat{
  margin-right:4.4%;
  padding:6px 8px 5px;
  background-color:#fff;
  color:#000;
  font-size:84.62%;
  font-weight:bold;
  float:left;
}
#sec11 .exp .name{
  padding-top:3px;
  font-size:123.08%;
  float:left;
}
#sec11 .txt2{
  /* height:5%; */
  margin-bottom:8%;
}
#sec11 .txt3{
  /* height:85.454%; */
  font-size:123.08%;
}
#sec11 .txt3 img{max-width:100%;}
/*
#sec11 .img2{
  width:47.342%;
  position:absolute;
  top:80.884%;
  left:0;
  z-index:1102;
}
#sec11 .img2 img{
  max-width:100%;
  position:absolute;
  top:0;
  left:0;
}
#sec11 .img2 img.sec11Img2_b{
}
*/


/*==sec12==*/
#sec12{}
#sec12 .section{
	width:100%;
	height:100%;
	padding-top:66.636%;	/*1416／2125：1066／1600*/
  position:relative;
}
#sec12 .inner{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
}
#sec12 .img1{
}
#sec12 .img1 img{max-width:100%;}
#sec12 .txt1{
  width:50%;
  /*height:7.222%;*/
  position:absolute;
  top:14.444%;
  left:6.875%;
}
#sec12 .txt1 img{max-width:100%;}


/*--------------------------------------------------*/
/*secLast*/
/*--------------------------------------------------*/
#secLast{
	width:100%;
	/* height:100%; */
  margin-top:120px;
	/* padding-top:56.25%; */	/*縦横の比率：高さ／幅*/
  position:relative;
}
#secLast .inner{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
}
#secLast .img1{
  background:url(../img/seclast_img1.jpg) center top no-repeat;
  background-size:cover;
  z-index:1901;
}
#secLast .img1 img{width:100%;}
#secLast .txt1{
  width:35%;
  /* width:0; */
  /* min-height:60px; */
  margin-left:62.5%;
  /* height:2.889%; */
  overflow:hidden;
  position:absolute;
  top:49%;
  left:0;
  z-index:1902;
}
#secLast .txt1 img{
  position:static;
}

#secLast .scroller{
  width:150px;
  height:100px;
  margin-left:-75px;
  text-align:center;
  position:absolute;
  bottom:30px;
  left:50%;
  display:none;
  z-index:1903;
}
#secLast .scroller a,
#secLast .scroller span{
  display:block;
}
#secLast .scroller .circle{
  width:50px;
  height:50px;
  margin:0 auto;
  position:relative;
}
#secLast .scroller a .circle img{
  opacity:0.6;
  transition:0.5s;
}
#secLast .scroller a:hover .circle img{
  opacity: 1;
  transition:0.5s;
}
#secLast .scroller .logo{
  margin-top:30px;
}
#secLast .scroller .arw{
  margin-top:4px;
  margin-left:-25px;
  position:absolute;
  top:50%;
  left:50%;

  -moz-animation    :scrollerUp 3s ease infinite;
	-webkit-animation :scrollerUp 3s ease infinite;
	-o-animation      :scrollerUp 3s ease infinite;
	-ms-animation     :scrollerUp 3s ease infinite;
	animation         :scrollerUp 3s ease infinite;
}
@-moz-keyframes scrollerUp{
	0% { opacity: 0; margin-top: 4px;}
	20% { opacity: 1; margin-top: -10px;}
	100% { opacity: 1; margin-top: -10px;}
}
@-webkit-keyframes scrollerUp{
	0% { opacity: 0; margin-top: 4px;}
	20% { opacity: 1; margin-top: -10px;}
	100% { opacity: 1; margin-top: -10px;}
}
@-o-keyframes scrollerUp{
	0% { opacity: 0; margin-top: 4px;}
	20% { opacity: 1; margin-top: -10px;}
	100% { opacity: 1; margin-top: -10px;}
}
@-ms-keyframes scrollerUp{
	0% { opacity: 0; margin-top: 4px;}
	20% { opacity: 1; margin-top: -10px;}
	100% { opacity: 1; margin-top: -10px;}
}
@keyframes scrollerUp{
	0% { opacity: 0; margin-top: 4px;}
	20% { opacity: 1; margin-top: -10px;}
	100% { opacity: 1; margin-top: -10px;}
}


/*--------------------------------------------------*/
/*EFFECT*/
/*--------------------------------------------------*/
.ef1{
  -moz-animation    :ef1 1s ease;
	-webkit-animation :ef1 1s ease;
	-o-animation      :ef1 1s ease;
	-ms-animation     :ef1 1s ease;
	animation         :ef1 1s ease;
}
@-moz-keyframes ef1{
	0% { margin-top:100px; opacity:0;}
	100% { margin-top:0; opacity:1;}
}
@-webkit-keyframes ef1{
	0% { margin-top:100px; opacity:0;}
	100% { margin-top:0; opacity:1;}
}
@-o-keyframes ef1{
	0% { margin-top:100px; opacity:0;}
	100% { margin-top:0; opacity:1;}
}
@-ms-keyframes ef1{
	0% { margin-top:100px; opacity:0;}
	100% { margin-top:0; opacity:1;}
}
@keyframes ef1{
	0% { margin-top:100px; opacity:0;}
	100% { margin-top:0; opacity:1;}
}


/*--------------------------------------------------*/
/*SIZE BY*/
/*--------------------------------------------------*/

/*横幅1600px以下*/
.w1600{display:inline;}
.w1366{display:none;}
.w1280{display:none;}

/*横幅1366px以下*/
@media screen and (max-width:1366px){
.w1600{display:none;}
.w1366{display:inline;}
.w1280{display:none;}
}

/*横幅1280px以下*/
@media screen and (max-width:1280px){
.w1600{display:none;}
.w1366{display:none;}
.w1280{display:inline;}
}



/*--------------------------------------------------*/
/*clearfix*/
/*--------------------------------------------------*/
#header .inner:after,
#header .nav:after,
#header .langNav:after,
.clearfix:after{content:""; display:block; clear:both;}
/*IE6, 7*/
#header .inner,
#header .nav,
#header .langNav,
.clearfix{* zoom:1;}


/*--------------------------------------------------*/
/*debug*/
/*--------------------------------------------------*/
#debug{
  color:#fff;
  position:fixed;
  bottom:0;
  left:0;
  z-index:10000;
  display:none;
}

/* ---------------------------------menuBlock */

#menuBlock{
	padding-top:20px;
}

#gengoBox{
	display:table;
	margin:0 10px 0 auto;
}

#gengoBox > li{
	display:table-cell;
	vertical-align:middle;
}

#gengoBox > li span{
	position:relative;
	padding-bottom: 5px;
}

#gengoBox > li.eng{
	padding-right:10px;
}

#gengoBox > li.eng span{
	display:inline-block;
	background: url(../../files/img/langnav_bg.gif) left bottom repeat-x;
}

#gengoBox > li.jpn{
	opacity:0.5;
	padding-left:10px;
}

#gengoBox > li.jpn:hover{
	opacity:1;
	transition: 0.5s;
}

#gengoBox > li.jpn span{
	display:inline-block;
}

#gengoBox > li.jpn:hover span{
	background: url(../../files/img/langnav_bg.gif) left bottom repeat-x;
}

#gengoBox > li.menu{
	padding-left:20px;
}

#gengoBox > li.menu span{
	cursor:pointer;
}

	/*-------------------------menuWindow */

#menuWindow{
	position:absolute;
	top:0;
	right:0;
	background:rgba(0,0,0,0.7);
	opacity:0.9;
	display:none;
	padding-top:20px;
	padding-right:20px;
}

#menuWindow > li{
	margin-bottom:15px;
	padding-left:20px;
}

#menuWindow > li span{
	cursor:pointer;
}

#menuWindow > li span:hover{
	opacity:0.4;
}