/* Global */



body,html{
	margin:0;
	padding:0;
	/*	height: 100%;*/
	
	
	}
	img {
		max-width: 100%;
	}
	a:link {
		color: #fff;
		text-decoration: none;
	}
	a:hover {
		color: #fff;
		text-decoration: none;
	}
	a:visited {
		color: #fff;
		text-decoration: none;
	}
	
	#lang{position: absolute;top:0px;right:0px;font-size: 10px;z-index:102;}
	#lang ul{overflow: hidden;}
	#lang ul li{float:left;text-align: center;border-left:1px solid #fff;padding:6px 0px;}
	#lang ul li span a{
	padding:4px 10px;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: #fff;}
	#lang ul li.active span a{color: #093796;}
	#lang ul li span a:hover{
	background-color: #fff;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	color: #093796;
	}
	#lang ul li.active span a{background-color: #fff;}
	#lang .facebook{margin:-6px 5px 0 0;border: none;}
	
	
	
	
	
	/* Navigation */
	.menu {
	position:fixed;
	width:100%;
	z-index: 101;
	top:50px;
	text-align:center;
	left: 20px;
	}
	
	/* .menu {
	position:fixed;
	left:50%;
	width:775px;
	margin-left:-360px;
	z-index: 100;
	top:40px;
	}*/
	#nav {
		width: 90%;
		margin: 0 0 0 0;
		padding: 5px;
		z-index: 101;
	}
	.navigation{
		list-style: none;
		margin: 0;
		width: 90%;
	}
	.navigation li{
		float: left;
		padding:20px 10px;
		font-weight:bold;
		color:#fff;
		font-size: 1.2em;
	/* 	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8),
		   -1px -1px 1px rgba(255, 255, 255, 0.5);*/
	}
	.navigation li:hover{
		cursor:pointer;
		color: #fff;
	}
	
	.navigation .active{
		cursor:pointer;
		color: #fff;
		font-weight:bold;
	}
	
	#header_logo{
		position: fixed;
		top: 10px;
		left: 20px;
		z-index: 101;
	}
	
	
	
	
	#main{
		/*position: absolute;
		top: 10px;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		width: 500px;
		height: 300px;
		display: block;*/ 
		z-index: 90;
		width: 100%;
		text-align: center;
		}
	
	#main img{
		position: absolute;
		top: 30%;
		left: 10%;
		width: 60%;
	}
	
	/* General Slides */ 
	
	.slide{
		background-attachment: fixed;
		width:100%;
		height:100%;
		position: relative;
		padding:180px 0;
	}
	
	
	
	/* Slide 1 */ 
	
	#slide1{
		background-image:url('../../img/about.jpg');
		background-size: cover;
		 background-position: 50% 50%!important;
		padding:calc((100vh - 130px) / 2) 0;
	}
	
	/* Slide 2 */ 
	
	#slide2{
	
		background-image:url('../../img/profile.jpg');
		background-size: cover;
		 background-position: 50% 50%!important;
		padding:calc((100vh - 130px) / 2) 0;
	
	/* 	background-image:url('../../img/profile.jpg');
		background-size: cover;
		background-position: 50% 50%!important;
		padding:250px 0; */ 	
	}
	
		#slide2box{
			width:100%
		}	
	
	
		#slide2box img{
			position: absolute;
			bottom: 5%;
			left: 40%;
		}
	
	
	/* Slide 3 */ 
	
	#slide3{
	/*	background-color:#093796;*/ 
		background-color:#64a0a6;
		
	}
	
	/* Slide 4 */
	
	#slide4{
		background-image:url('../../img/business.jpg');
		background-size: cover;
		background-position: 50% 50%!important;
		padding:calc((100vh - 116px) / 2) 0;
	}
	
	#slide5{
		background-image:url('../../img/flow.jpg');
		background-size: cover;
		background-position: 50% 50%!important;
		padding:calc((100vh - 124px) / 2) 0;
	}
	
	#slide6{
		background-image:url('../../img/case.jpg');
		background-size: cover;
		background-position: 50% 50%!important;
		padding:calc((100vh - 130px) / 2) 0;
	}
	
	#slide7{
		background-image:url('../../img/contact.jpg');
		background-size: cover;
		background-position: 50% 50%!important;
		padding:calc((100vh - 130px) / 2) 0;
	}
	
	#slide8{
		background-image:url('../../img/access.jpg');
		background-size: cover;
		background-position: 50% 50%!important;
		padding:calc((100vh - 130px) / 2) 0;
	}
	
	
	/* Tablet */
	@media screen and (max-width: 1024px) {
	
	#main{
		width: 100%;
	}
	
	#nav {
		width: 1024px;
		margin: 0 0 0 0;
		padding: 2px;
		z-index: 101;
	}
	}
	
	.navigation{
		width: 100%;
		float: left;
		list-style: none;
		margin: 0;
		padding:0;
	}
	
	.navigation li{
		float: left;
	
	}
	
	
	/* Slide 1 */ 
	
	#slide1{
	
		min-height: 100%; /* html要素をウィンドウサイズにフィット */
		  background:url('../../img/about.jpg') no-repeat center; /*背景をhtml要素に表示*/
		 background-size:cover; /* 背景画像をhtml要素にフィット */
	
	}
	
	/* Slide 2 */ 
	
	#slide2{
		min-height: 50%; /* html要素をウィンドウサイズにフィット */
		  background:url('../../img/profile.jpg') no-repeat center; /*背景をhtml要素に表示*/
		 background-size:cover; /* 背景画像をhtml要素にフィット */
	}
	
	
	#slide2box{
		width:100%
	}	
	
	
	#slide2box img{
		position: absolute;
		bottom: 5%;
		left: 40%;
	}
	
	/* Slide 3 */ 
	
	#slide3{
	
		min-height: 50%; /* html要素をウィンドウサイズにフィット */
	
	/*	background-color:#093796;
		background-color:#64a0a6;
		width:100%;
		*/ 
	}
	
	/* Slide 4 */ 
	
	#slide4{
		min-height: 100%; /* html要素をウィンドウサイズにフィット */
		  background:url('../../img/business.jpg') no-repeat center; /*背景をhtml要素に表示*/
		 background-size:cover; /* 背景画像をhtml要素にフィット */
	}
	
	/* Slide 5 */ 
	#slide5{
		min-height: 100%; /* html要素をウィンドウサイズにフィット */
		  background:url('../../img/flow.jpg') no-repeat center; /*背景をhtml要素に表示*/
		 background-size:cover; /* 背景画像をhtml要素にフィット */
	}*/
	
	/* Slide 6 */ 
	#slide6{
		min-height: 100%; /* html要素をウィンドウサイズにフィット */
		  background:url('../../img/case.jpg') no-repeat center; /*背景をhtml要素に表示*/
		 background-size:cover; /* 背景画像をhtml要素にフィット */
	}
	
	/* Slide 7 */ 
	#slide7{
		min-height: 100%; /* html要素をウィンドウサイズにフィット */
		  background:url('../../img/contact.jpg') no-repeat center; /*背景をhtml要素に表示*/
		 background-size:cover; /* 背景画像をhtml要素にフィット */
	}
	
	
	/* Slide 8 */ 
	#slide8{
		min-height: 100%; /* html要素をウィンドウサイズにフィット */
		  background:url('../../img/access.jpg') no-repeat center; /*背景をhtml要素に表示*/
		 background-size:cover; /* 背景画像をhtml要素にフィット */
	}
	
	
	
	
	#decorative {
		display:none;
	}
	
	#content {
		text-align:center;
		width:100%;
	}
	
	#slide1 h1 {
		line-height: 1em;
	}
	#slide1 h2 {
		line-height: 1em;
	}
	#slide2 h1 {
		line-height: 1em;
	}
	#slide2 h2 {
		line-height: 1em;
	}
	#slide3 h1 {
		line-height: 1em;
	}
	#slide3 h2 {
		line-height: 1em;
	}
	#slide4 h1 {
		line-height: 1em;
	}
	#slide4 h2 {
		line-height: 1em;
	}
	
	}
	
	
	/* Mobile */
	@media screen and (max-width: 768px) {
	
	
		#header_logo{
			position: fixed;
			top: 10px;
			left: 20px;
			z-index: 102;
		}
		#header_logo img{
			width: 50%;
		}
	
	
		#main{
			z-index: 90;
			width: 100%;
		 }
	
	
		#logo {
			width: 100%;
			text-align: center;
		}
	
		.menu {
		position:fixed;
		width:100%;
		z-index: 100;
		top:30px;
		text-align:center;
		left: 5%;
		}
	
	
		#nav {
			width:100%;
			text-align:center;
			margin:10px 0;
		}
	
		.navigation{
			width: 100%;
			float: center;
			list-style: none;
			margin: 0;
			padding:0;
		}
	
		.navigation li{
			float: left;
			padding:0;
		}
	
	
	}
	
	
	
	/* Mobile */
	@media screen and (max-width: 667px) {
	
	
		#header_logo{
			position: fixed;
			top: 10px;
			left: 20px;
			z-index: 102;
		}
		#header_logo img{
			width: 50%;
		}
	
		#main{
			width: 100%;
		}
	
		#main img{
			position: absolute;
			top: 30%;
			width: 50%;
			text-align: center;
			
		}
	
		#logo {
			width: 100%;
			text-align: center;
		}
	
		.menu {
		position:fixed;
		width:100%;
		z-index: 100;
		top:30px;
		text-align:center;
		left: 10px;
		}
	
	
		#nav {
			width:80%;
			margin:10px 0;
		}
	
		.navigation{
			color: #000;
			width: 100%;
			float: center;
			list-style: none;
			margin: 0;
			padding:2px;
		}
	
		.navigation li{
			float: left;
			padding: 5px;
			font-size:0.9em;
			margin:3px;
			text-align: center;
		}
		
		.navigation li a{
			color: #000;
		}
	
		
		
		
		.slide{
			background-attachment: fixed;
			width:100%;
			position: relative;
			padding:150px 0;
		}
	
		.slide{
			background-attachment: fixed;
			width:100%;
		/* 	height:auto;
			position: relative;
			padding:180px 0;*/ 
		}
	
	
	
		/* Slide 1 */ 
	
		#slide1{
	
			width:100%;
		}
	
		/* Slide 2 */ 
	
		#slide2{
	
		}
	
			#slide2box{
				width:100%
			}	
	
	
			#slide2box img{
				position: absolute;
				bottom: 5%;
				left: 40%;
				width:30%;
			}
	
	
	
	
		#slide1 h1 {
			line-height: 1em;
		}
		#slide1 h2 {
			line-height: 1em;
		}
		#slide2 h1 {
			line-height: 1em;
		}
		#slide2 h2 {
			line-height: 1em;
		}
		#slide3 h1 {
			line-height: 1em;
		}
		#slide3 h2 {
			line-height: 1em;
		}
		#slide4 h1 {
			line-height: 1em;
		}
		#slide4 h2 {
			line-height: 1em;
		}
	
	
	}
	
	
	
	/* Mobile */
	@media screen and (max-width: 413px) {
	
	#header_logo{
		position: fixed;
		top: 10px;
		left: 20px;
		z-index: 102;
	}
	#header_logo img{
		width: 70%;
	}
	
	#main{
		width: 100%;
	}
	
	#main img{
		position: absolute;
		top: 30%;
		left: 10%;
		width: 70%;
		
	}
	
	
	#logo {
		width: 70%;
		text-align: center;
	}
	
	
	.slide{
		width:100%;
	
	}
	
	
	/* Slide 1 */ 
	
	#slide1{
	
	}
	
	/* Slide 2 */ 
	
	#slide2{
	
	}
	
	/* Slide 3 */ 
	
	#slide3{
	
	}
	
	/* Slide 4 */
	
	#slide4{
	
	}
	
	#slide5{
	
	}
	
	#slide6{
	
	}
	
	#slide7{
	
	}
	#slide8{
	
	}
	
	
	
	#slide1 h2 {
		background-attachment: fixed;
		width:100%;
		position: relative;
	}
	#slide2 h1 {
		width: 1em;
	}
	#slide2 h2 {
		width: 1em;
	}
	#slide3 h1 {
		width: 1em;
	}
	#slide3 h2 {
		line-height: 1em;
	}
	#slide4 h1 {
		width: 1em;
	}
	#slide4 h2 {
	width: 1em;
	}
	
	
	}
	
	@media screen and (max-width: 375px) {
	
		#header_logo{
			position: fixed;
			top: 10px;
			left: 20px;
			z-index: 102;
		}
		#header_logo img{
			width: 55%;
		}
	
		#main{
			width: 100%;
		}
	
		#main img{
			position: absolute;
			top: 30%;
			left: 10%;
			width: 70%;
			
		}
	
	
		#logo {
			width: 70%;
			text-align: center;
		}
	
	/* 	.menu {
		position:fixed;
		width:100%;
		z-index: 101;
		top:30px;
		text-align:center;
		left: 10px;
		}
	
		#nav {
			width:100%;
			text-align:center;
			margin:10px 0;
			font-color: #000;
		}
	
		.navigation{
			width: 100%;
			float: center;
			list-style: none;
			margin: 0;
			padding:0;
		}
	
		.navigation li{
			float: left;
			display: inline; 
			padding:10px;
			font-size: 0.9em;
		}*/ 
	
		.slide{
			width:100%;
		}
	
	
		/* Slide 1 */ 
		#slide1{
		}
	
		/* Slide 2 */ 
		#slide2{
	
		}
	
		#slide2box{
			width:100%
		}	
	
	
		#slide2box img{
			position: absolute;
			left: 10%;
			width: 80%;
		}
	
	
	
		/* Slide 3 */ 
	
		#slide3{
		}
	
		/* Slide 4 */
		#slide4{
		}
	
		#slide5{
		}
	
		#slide6{
		}
	
		#slide7{
		}
		#slide8{
		}
	
	
	
		#slide1 h2 {
			background-attachment: fixed;
			width:100%;
			position: relative;
		}
		#slide2 h1 {
			width: 1em;
		}
		#slide2 h2 {
			width: 1em;
		}
		#slide3 h1 {
			width: 1em;
		}
		#slide3 h2 {
			line-height: 1em;
		}
		#slide4 h1 {
			width: 1em;
		}
		#slide4 h2 {
		width: 1em;
		}
	
	
	}