* {margin: 0; padding: 0; outline: 0;}


/* @font-face  */

@font-face {
	font-family: 'Gotham_Light';
	src: url('../fonts/Gotham_Light.eot');
	src: local('Gotham_Light'), 
	url('../fonts/Gotham_Light.woff') format('woff'), 
	url('../fonts/Gotham_Light.ttf') format('truetype'), 
	url('../fonts/Gotham_Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'Gotham_Bold';
	src: url(../fonts/Gotham_Bold.eot);
	src: local('Gotham_Bold'), 
	url('../fonts/Gotham_Bold.woff') format('woff'), 
	url('../fonts/Gotham_Bold.ttf') format('truetype'), 
	url('../fonts/Gotham_Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'Gotham_Thin';
	src: url(../fonts/Gotham_Thin.eot);
	src: local('Gotham_Thin'), 
	url('../fonts/Gotham_Thin.woff') format('woff'), 
	url('../fonts/Gotham_Thin.ttf') format('truetype'), 
	url('../fonts/Gotham_Thin.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}




body {
	/*font-family: Helvetica, Arial, Verdana, sans-serif;*/
	color: #e5e5e5;
	font-size: 11px;
	background:#ffffff;


	
}


p{font-family: 'Gotham_Light'   ;
	
	
	
}

h1, h2, h3, h9 {
	font-family: 'Gotham_Bold' ;

	font-weight: 300;
	margin:0 0 15px 0;
}


h1 {font-family: 'Gotham_Bold' ;x
	font-size: 36px;
	letter-spacing: -1px;
	line-height: 100%;
}


h2 {
	font-size: 15px;
}


h3{
	font-size: 14px;
	  margin: 0;
  background-color: rgb(221,221,221);
  color:#000;
}

h3 a {
  display: block;
  padding: 10px;
  padding-left: 32px;
  margin: 0;
  color: #000000;
  text-decoration: none;
  font-weight: normal;

}
h3:hover { background: rgb(200,200,200); }
h3.open  { background: rgb(150,150,150); }
h3.open a { background-position: 13px -25px; color: #FFF}
h3 + div { padding: 10px; }


/* Pre hide sections with JavaScript on
--- */
h3+div {
  display: none;
    background-color: rgb(255,255,255);

}


#custom_s{ width:1024px;
position:relative;
height:1000px;
margin:0 auto;
		
	
	
}


h9{font-size: 14px;
	  margin: 0;
  color:#ffffff;
	
	
	
	
}

#custom_01{
	left: 1px;
	top: 91px;
	width: 260px;
	position: absolute;
	width: 341px;
	font-size: 15px;
	height: 75px;
	background: rgb(150,150,150);	
	}

#custom_01_w{
	left: 1px;
	top: 161px;
	width: 260px;
	position: absolute;
	width: 341px;
	font-size: 15px;
	height: 345px;
	background: #FFF;
	}
	
#custom_02{
	left: 343px;
	top: 91px;
	width: 260px;
	position: absolute;
	width: 341px;
	font-size: 15px;
	height: 75px;
	background: rgb(150,150,150);
	}

#custom_02_w{
	left: 343px;
	top: 161px;
	width: 260px;
	position: absolute;
	width: 341px;
	font-size: 15px;
	height: 345px;
	background: #FFF;
	}


#custom_03{
	left: 685px;
	top: 91px;
	width: 260px;
	position: absolute;
	width: 341px;
	font-size: 15px;
	height: 75px;
	background: rgb(150,150,150);
	}

#custom_03_w{
	left: 685px;
	top: 161px;
	width: 260px;
	position: absolute;
	width: 341px;
	font-size: 15px;
	height: 345px;
	background: #FFF;
	}

		#custom_04{
	left: 1px;
	top: 506px;
	width: 260px;
	position: absolute;
	width: 341px;
	font-size: 15px;
	height: 75px;
	background: rgb(150,150,150);
	}

#custom_04_w{
	left: 1px;
	top: 577px;
	width: 260px;
	position: absolute;
	width: 341px;
	font-size: 15px;
	height: 345px;
	background: #FFF;
	}


#custom-show-hide-example{
	left: 1px;
	top: 506px;
	width: 260px;
	position: absolute;
	width: 341px;
	font-size: 15px;
}

#custom-show-hide-example02{
	left: 343px;
	top: 506px;
	width: 260px;
	position: absolute;
	width: 341px;
	font-size: 15px;
}

#custom-show-hide-example03{
	left: 773px;
	top: 536px;
	position: absolute;
	width: 341px;
	font-size: 15px;
}

.project{
	padding : 10px 15px 10px 33px
	
	
	
}






h4 { font-family: 'Gotham_Light';
     font-size:25px;
}

h5{  font-family: 'Gotham_Thin';
	font-size:36px;
	
}
	
	
	

p {
	margin: 0 0 15px 0;
		line-height:23px;
}

a {
	color: #3e3e3e;
}



.clear {
	clear: both;
}
.wrap {
	width: 100%;
	max-width: 1900px; /*全体の幅*/
	min-width: 960px;
	z-index: 10;
	position: relative  ;
	margin: 0 auto;
	padding: 0;

}


.text{
	text-align: left;
	position:absolute;
	
	
	
}

.section {
	width: 100%;
	/*max-width: 1900px;
	min-width: 960px;*/
	z-index: 10;
	position: relative;
	margin: 0 auto;
	padding: 0 0 20px 0;
	height: 900px;
}


.inner {
	width: 1200px; /*メニュー全体の幅（ボタンの幅が変わる）*/
	margin: 0 auto;
	position: relative;
	min-height: 50px;
	padding:30px 0;
	font-size: 14px;/*body font's size except custom div original 14pt*/
	font-family: 'gotham_light';
}

.inner:after {
	  content: "";
	  display: table;
	  clear: both;
}


.subMenu {
	height: 27px; /*メニューバックグラウンドの幅*/
	z-index: 1000;
	width: 100%;
	display:none;
	background:#fff; 
}

.subMenu .inner {
	padding:0;
	font-weight: 400;
	margin: 0 auto;
	
}


.subNavBtn {
	display: block;
	height: 20px;  /*メニューの幅*/
	width: 16%;
	float: left;
	margin: 0px 0px 0 0;
	text-decoration: none;
	font-size: 14px;
	padding: 7px 2% 0 2%;/*メニューの枠と文字の調整*/
	text-align: center;
	color: #000 ;
}
.subMenu a:hover {
	background:#e6e6e6; 
}

.active {
	background:#e6e6e6; 
}
.end {
	margin: 0;
}


.window{
	
}

/* SECTIONS */
.sTop {
	min-height: 130px;
	background:#ffffff;  /*delete this code to activate slideshow*/
	color:#3d3d3d;
	padding: 50px 0;
	height: 900px;
	
}

.s1 {
	background:#e6e6e6;
	color: #000; /* テキストカラー*/
	
}


.s2 {
	background: #FFFFFF;
	color: #000; 
}
.s2 a {
	color: #fff;
}
.s3 {
	background:#e6e6e6;
	color: #000; 
	height: 1000px;   /*This is the one that you have to change.*/ 
}



.s4 {
	background: #ffffff;
	color: #000; 
	height: 1300px;
}

/*

.s5 {
	background: #bce1f1;
	color: #3d3d3d;
}

.s6 {
	background: #161616;
}


*/


.t1 {
	left: 34px;
	top: 65px;
	width: 304px;
	height: 269px;
}
.t2 {
	left: 453px;
	top: 97px;
left; 																																																																																																																																																																																																																																																																											width: 300px;
	height: 154px;
}
.t2s{
	left: 854px;
	top: 97px;
left; 																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																								width: 313px;
	height: 154px;
s
	
	
	
	
}
	

.t3 {
	left: 34px;
	top: 433px;
left; 																																																																																																																																																																																																																				width: 304px;
	height: 154px;
}


.t4 {
	left: 453px;
	top: 466px;
left; 																																																																																																																																																																																																																																																																																width: 304px;
	height: 154px;
}

.t5 {
	left: 854px;
	top: 466px;
left; 																																																																																																																																																																																																																																																																				width: 301px;
	height: 154px;
}

.t6{
	left: 34px;
	top: 57px;
	width: 304px;
	height: 45px;
}
.t7{
	left: 36px;
	top: 123px;
	width: 304px;
	height: 531px;
}

.t8{
	left: 444px;
	top: 121px;
	width: 304px;
	height: 670px;
}

.t9{
	left: 851px;
	top: 121px;
	width: 304px;
	height: 463px;
}

.t10{
	left: 89px;
	top: 61px;
	width: 260px;
	height: 45px;
}

.t13{
	left: 36px;
	top: 66px;
	width: 304px;
	height: 269px;
}



.t14{
	left: 451px;
	top: 62px;
	width: 304px;
	height: 439px;
}


.t15{
	left: 855px;
	top: 62px;
	width: 304px;
	height: 269px;
}

.Line01{
	position: absolute;
	width: 966px;
	top: 88px;
	height: 11px;
	left: 35px;
}



.t16{
	position: absolute;
	font-size: 10px;
	left: 1046px;
	top: 1018px;
	width: 108px;
	height: 28px;
}
imgbar { 
  padding: .5vw;
  font-size: 0;
  flex-flow: row; 
  display: flex;
  padding:30px 0;
}
imgbar div { 
  flex: auto; 
  max-height: 200px; 
  width: auto;
  margin: .5vw; 
}
imgbar div img { 
  width: 100%; 
  height: auto; 
}
@media screen and (max-width: 400px) {
  header div { margin: 0; }
  header { padding: 0; }
  
}
.inner2 {
	width: 1200px; /*メニュー全体の幅（ボタンの幅が変わる）*/
	margin: 0 auto;
	position: relative;
	min-height: 50px;
	padding: .5vw;
	font-size: 14px;/*body font's size except custom div original 14pt*/
	font-family: 'gotham_light';
}

.inner2:after {
	  content: "";
	  display: table;
	  clear: both;
}
.section2 {
	width: 100%;
	z-index: 10;
	position: relative;
	margin: 0 auto;
	padding-left: 20px;
	height: 200px;
    background:#e6e6e6;
}