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

html {
	height: 100%;
	margin: 0 auto;
	padding: 0;
}

body {
	position:relative;
    height: 100%;
    font-size: 12px;
	color:#000;
	background:#fff;
	line-height:18px;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  overflow:hidden;
  font-size:0.1em;
  line-height:0;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

	
/*----------------------------------------
 2)リンク
----------------------------------------*/	
a {
  text-decoration:none;
  border:none;
  	-webkit-transform-style: preserve-3d;
    -webkit-transition: 0.2s ease-in-out;
       -moz-transition: 0.2s ease-in-out;
         -o-transition: 0.2s ease-in-out;
            transition: 0.2s ease-in-out;
  animation-iteration-count: 1;
}

a:hover {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	text-decoration:none;
}

/*----------------------------------------
 3)枠
----------------------------------------*/	
#MovieWrap{
	position: relative;
	top:50px;
	z-index:200;
	}

#wrap{
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	z-index:1000;
	background: url(../../images/bg.png) no-repeat center top;
	}
	
#MovieContents{
	overflow-x:hidden;
	width:1100px;
	height:700px;
	position:fixed;
	top:0px;
	z-index:100;
	margin:0 auto;
	}

#txt{
	position:fixed;
	top:0;
	z-index:1000;
	
	}

h2{
	padding:0 0 30px;
	
	}

/*----------------------------------------
5)ナビゲーション
----------------------------------------*/
header {
	position:fixed;
	width:980px;
	background:#fff;
	top:0px;
	left:50%;
    margin-left:-550px;
	z-index:2000 !important;
   }

nav.gNav {
	position:absolute;
	width:300px;
	z-index:990 !important;
	margin:0 auto;
	top:600px;
	left:650px;
}

nav.gNav ul {
	display:table;
	width:100%;
	}

nav.gNav ul li {
	display:table-cell;
}

nav.gNav ul li:last-child {
	margin:-3px 0 0 0;
}
 
.copy {
	position:fixed;
	top:615px;
	left:50%;
    margin-left:-450px;
	z-index:2000 !important;
	opacity:0;
}

.icoWork {
	position:absolute;
	top:100px;
	left:900px;
	z-index:990 !important;
	margin:0 auto;
}

/*----------------------------------------
loading
----------------------------------------*/
#loading{
	position:fixed;
	left:50%;
    margin-left:-550px;
	top:0px;
	right:0;
	width:1100px;
}

#loadingTxt{
	position:fixed;
	left:50%;
    margin-left:-550px;
	top:0px;
	width:1100px;
	z-index:1900 !important;
}

#loading h1{
	position:absolute;
	top:325px;/*+75px*/
	left:450px;/*+70px*/
	margin:0 auto;
	opacity:0;
}

#loading .colorMan {
	position:absolute;
	top:0;
	left:0;
	z-index:5;
	}

#loading .loadingBg {
	opacity:0;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	}

#loading .loadingBg01 {
	background:url(../../images/loadingBg1.png) no-repeat center;
	}

#loading .loadingBg02 {
	background:url(../../images/loadingBg2.png) no-repeat center;
	}

#loading .loadingBg03 {
	background:url(../../images/loadingBg3.png) no-repeat center;
	}

#loading .loadingBg04 {
	background:url(../../images/loadingBg4.png) no-repeat center;
	}

#loading .loadingBg05 {
	background:url(../../images/loadingBg5.png) no-repeat center;
	}

#loading .loadingBg06 {
	background:url(../../images/loadingBg6.png) no-repeat center;
	}

#loading .loadingBg07 {
	background:url(../../images/loadingBg7.png) no-repeat center;
	}

#loading .loadingBg08 {
	background:url(../../images/loadingBg8.png) no-repeat center;
	}

#loading .loadingBg09 {
	background:url(../../images/loadingBg9.png) no-repeat center;
	}
	
#loadingTxt .box{
	position:absolute;
	opacity:0;
	top:0;
	left:0;
	margin:0 auto;
	z-index:1900 !important;
}

#loadingTxt .boxLogo{
	position:absolute;
	top:315px;
	left:700px;
	margin:0 auto;
	opacity:0;
	z-index:1901 !important;
}

#loadingTxt .loadingScrollBtn{
	position:absolute;
	top:405px;
	left:780px;
	opacity:0;
	z-index:1902 !important;
}

#loadingTxt .news{
	position:absolute;
	top:500px;
	left:670px;
	margin:0 auto;
	opacity:0;
	z-index:1902 !important;
	width:500px;
}

#loadingTxt .news h2{
	padding:0 0 0;
}

#loadingTxt .news dl{
	padding:0 0 5px;
}

#loadingTxt .news dt{
	clear:both;
	float:left;
	padding:0 0 5px;
	width:75px;
}

#loadingTxt .news dd{
	padding:0 0 5px 75px;
}

#loading .loadingBg01,
#loading .loadingBg02,
#loading .loadingBg03,
#loading .loadingBg04,
#loading .loadingBg05,
#loading .loadingBg06,
#loading .loadingBg07,
#loading .loadingBg08,
#loading .loadingBg09{
	width:1100px;
	height:700px;
}

/*----------------------------------------
sec01
----------------------------------------*/
#sec01{
	position:relative;
	height:1300px;
	z-index:1000 !important;
}

#sec01 .colorMan {
	position:fixed;
	top:50px;
	left:50%;
    margin-left:-650px;
	opacity:0;
	z-index:5;
	}
	
/*----------------------------------------
sec02
----------------------------------------*/
#sec02{
	position:relative;
	height:19000px;
}

#sec02 .secBg01 {
	position:fixed;
	top:100px;
	left:50%;
    margin-left:-550px;
	z-index:5;
	opacity:0;
	}

#sec02 .txtArea {
	position:fixed;
	left:50%;
    margin-left:-550px;
	z-index:5;
}

#sec02 .txtArea .ttl {
	position:fixed;
	margin-left:590px;
	left:50%;
	top:150px;
	margin-top: 0;
	opacity:0;
}

#sec02 .txt{
	display:table;
	background:url(../../images/sec02_images/txtBg.png) no-repeat top left;
	position:fixed;
	left:50%;
	padding:0 0 20px;
	opacity:0;
}

#sec02 .txt01{
	top:220px;
	margin-left:610px;
}

#sec02 .txt02{
	top:320px;
	margin-left:650px;
}

#sec02 .txt03{
	top:420px;
	margin-left:700px;
}

#sec02 .txt h3{
	display:table-cell;
	width:100px;
	font-size:15px;
	padding:15px;
}

#sec02 .txt p{
	display:table-cell;
	width:500px;
	padding:15px 0 0 0;
}
@media screen and (max-width: 1280px){

}

/*----------------------------------------
sec03
----------------------------------------*/
#sec03{
	position:relative;
	height:700px;
}

#sec03 .txt {
	position:fixed;
	top:-2600px;
	left:50%;
    margin-left:-450px;
	opacity:0;
	z-index:5;
	text-align:center;
	width:900px;
	}

/*----------------------------------------
sec04
----------------------------------------*/
#sec04{
	position:relative;
	height:700px;
}

#sec04 .txt {
	position:fixed;
	top:200px;
	left:50%;
    margin-left:-2700px;
	opacity:0;
	z-index:5;
	width:900px;
	}

#sec04 table {
	width:400px;
	}	
	
#sec04 table th{
	width:75px;
	text-align:left;
	padding:0 0 10px;
	letter-spacing:0.06em;
	}

#sec04 table td{
	width:325px;
	padding:0 0 10px;
	letter-spacing:0.06em;
	}	
		
/*----------------------------------------
sec05
----------------------------------------*/
/*#sec05{
	position:relative;
	height:700px;
}

#sec05 h2{
	opacity:0;
	margin:-50px 0 0 200px;
}

#sec05 .txt {
	position:fixed;
	top:200px;
	left:50%;
    margin-left:-650px;
	z-index:5;
	}	

#sec05 .txt div {
    margin-left:100px;
	opacity:0;
	}

#sec05 .txt .manRed{
	position:absolute;
	top:150px;
	left:310px;
	width:400px;
	}
	
#sec05 .txt .manBlue{
	position:absolute;
	top:-50px;
	left:600px;
	width:400px;
	}

	
#sec05 .txt .manGreen{
	position:absolute;
	top:210px;
	left:705px;
	width:400px;
	}*/

/*----------------------------------------
sec05
----------------------------------------*/
#sec05{
	position:relative;
	height:700px;
	margin:0 auto;
}

#sec05 .txt {
	position:fixed;
	top:500px;
	left:50%;
    margin-left:-490px;
	opacity:0;
	z-index:5;
	text-align:center;
	width:900px;
	}


/*-- その他 --*/
.mb25 {margin-bottom:25px !important;}
.clear{clear:both !important;}
.c{text-align:center !important;}
.r{text-align:right !important;}
.l{text-align:left !important;}
.mtm20 {margin-top:-20px !important;}
.mtm25 {margin-top:-25px !important;}
.mt-150 {margin-top:-150px !important;}
.mt-100 {margin-top:-100px !important;}
.mt-80 {margin-top:-80px !important;}
.mt-60 {margin-top:-60px !important;}
.mt-20 {margin-top:-20px !important;}
.mt-10 {margin-top:-10px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}
.mt80 {margin-top:80px !important;}
.mt90 {margin-top:90px !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb150 {margin-bottom:200px !important;}
.ml10 {margin-left:10px !important;}
.ml20 {margin-left:20px !important;}
.ml40 {margin-left:40px !important;}
.ml60 {margin-left:60px !important;}
.ml230 {margin-left:230px !important;}
.ml-15 {margin-left:-15px !important;}
.ml-20 {margin-left:-20px !important;}
.f-left {float:left !important;}
.f-right {float:right !important;}
.w80{width:80px !important;}
.w100{width:100px !important;}
.w150{width:150px !important;}
.w180{width:180px !important;}
.w200{width:200px !important;}
.w220{width:220px !important;}
.w240{width:240px !important;}
.w250{width:250px !important;}
.w260{width:260px !important;}
.w300{width:300px !important;}
.w320{width:320px !important;}
.w340{width:340px !important;}
.w350{width:350px !important;}
.w370{width:370px !important;}
.w400{width:400px !important;}
.w450{width:450px !important;}
.w500{width:500px !important;}
.w550{width:550px !important;}
.w600{width:600px !important;}
.w700{width:700px !important;}
.h110{height:110px !important;}
.h120{height:120px !important;}
.h130{height:130px !important;}
.h140{height:140px !important;}
.h150{height:150px !important;}
.txt11 {font-size:11px !important;}
.txt12 {font-size:12px !important;}
.txt13 {font-size:13px !important;}
.txt14 {font-size:14px !important; line-height:24px;}
.txt15 {font-size:15px !important;}
.txt16 {font-size:16px !important; line-height:30px;}
.txt18 {font-size:18px !important;}