@charset "UTF-8";




/* CSS Document */

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

reset

---------------------------------------------*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td,
img {
	margin:0;
	padding:0;
	}
table {
	border-collapse:collapse;
	border-spacing:0;
	}
fieldset,
img {
	border:0;
	}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
	font-style:normal;
	font-weight:normal;
	}
ol,
ul {
	list-style:none;
	}
caption,
th {
	text-align:left;
	}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size:100%;
	font-weight:normal;
	}
img {
	vertical-align:top;
	}

a {
	border:none; outline:none;
	}
*{
	zoom : 1;
	}

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

style

---------------------------------------------*/
ol, ul {
    list-style: none;
}
/* clearfix */
.cf {
	zoom: 1;
}
.cf:before, .cf:after {
	content: "";
	display: table;
}
.cf:after {
	clear: both;
}

a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	text-decoration: none;
}


#page-top {
    position: fixed;
    bottom: 85px;
    right: 15px;
    font-size: 70%;
	z-index:10000;
}


#page-top a {
	text-decoration: none;
	color: #666;
	width: 45px;
	padding:10px 0;
	text-align: center;
	display: block;
	border-radius: 20px;
	background-color: #f0edec;
}


#page-top a:hover {
	text-decoration: none;
	background-color: #efe2d9;
}
	


a.navi2{
	color: #000;
	text-decoration:underline;
	
}


a.navi2:hover {
	color: #36c;
	text-decoration:underline;
}





a.navi3{
	color: #36c;
	text-decoration:underline;
	
}

a.navi3:hover {
	color: #600;
	text-decoration:underline;
}




a.navi4{
	color: #455f92;
	text-decoration:underline;
	
}

a.navi4:hover {
	color: #600;
	text-decoration:underline;
}


html,  body {
margin: 0;
width: 100%;
height: 100%;
}





header {
width: 100%;
height: 60px;
background-color:white;
position:relative;
}





	


body{
	/* スマホ横揺れ防止 */
	overflow-x:hidden;
	overflow-y:scroll;
	-webkit-overflow-scrolling:touch;
	
	

}




/*-------------------- TOP 全画面画像 ---------------------*/


.section,
.slide{
	-webkit-background-size: cover;
	background-size: cover;
	overflow:hidden;
	
	z-index:1;
	
}




/* スマホ横揺れ防止 google指定 */
.section,
.slide img{
	 max-width:100%;
	 display::block ;
	 
}



body{
	/* KEEP REALのセンター揃えの親要素用指定 */
		position:relative;
	text-align:center;
	}




.inner{
	left:50%;
	position:absolute;
	top:50%;
}



.content{
	transform:translate(-50%,-50%);
	
}


.content img{/****** キャッチ *******/
	
width: 100%;
	max-width: 270px;
	margin-left:30px;
	
	
}



#rogo_1{/*左配置のマークrogo*/
      	padding:0px;
      	background:#;
      	position:absolute;
		
		top:0px;
		
		width:100%;
		max-width:160px;
}




.slidetitle{/*SCROLL*/
      	padding:10px;
      	background:#333;
      	position:absolute;
		
		left:5%;
      	bottom:2%;
      	
      	opacity:0.8;
		
		text-align:center;
		margin:0 auto;
		
	font-family:"Kosugi" , sans-serif;
		
		letter-spacing:0.1em;
		
		borde: thin solid #666;
		
		color:white;
		
		width:100%;
		max-width:80px;
}


.slidetitle1_0{/*SCROLL*/
     
	    position:absolute;
		left:5%;
      	bottom:4%;
		text-align:center;
		margin:0 auto;
		color:;
		
		width:100%;
		max-width:80px;
		
}


.copy h1{/*木材を自由自在に*/
     
	  font-family:"Kosugi" , sans-serif;
	 font-size:0.88em;
	color:#ffcc66;
	text-align:right;
	font-weight:normal;
	line-height:120%;
	    
			position:absolute;
		
		bottom:20px;
		right:20px;
		
}


.slidetitle1_1{/*SCROLL*/
width:100%;
height:100%;
background-color:;
display:flex;
align-items:center;
justify-content:center;
   
}

/*-------------------- 下部詳細 ---------------------*/


#contents{/*ブルー背景*/
	width:100%;

	
    background-image: url(../img/top/blue_back5.jpg);
	
	background-position:top top;
    background-size:100% 100%;
	background-repeat:no-repeat;
	
	margin:0;
	padding:0;  
	
	
	 overflow-x:hidden;/* スマホ横揺れ防止 */

	
}




#center{
	position:relative;
	left:50px;
}


section#contents_1 {
	
	width:100%;
	max-width:85%;
	margin:0 auto;
	padding-top:100px;
	background:;
	
	display:flex;
	flex-wrap:wrap;
}


section#contents_1 article {
	

text-align:center;
width:100%;
max-width:100%;/*一段組*/
margin:0 auto;/*各項目の左右余白ここで指定*/
background-color:;/*色入れて マウスオーバーで色付く*/
margin:0px; /*画像回りの余白*/

background:;
	
}


section#contents_1 article img#title {/*全項目の英語タイトル*/
    width:100%;
	max-width:75%;
	
	margin:50px auto 20px auto;
}



section#contents_1 article img#right {/*1項目の木をクリエイトする画像に対して*/
    width:100%;
	max-width:100%;
	margin:-40px auto 30px auto;
	
	}







section#contents_1 article img#right_2 {/*3項目の創造力をつねに刺激画像に対して*/
    width:100%;
	max-width:100%;
	margin:10px 0 30px 0;
	
}



section#contents_1 article img#title_1 {/*USED HERE*/
    width:100%;
	max-width:190px;
	text-align:;
	margin:50px 0 30px 0;
}




section#contents_1 article h1 {/*3項目各キャッチ*/
font-family:"Kosugi" , sans-serif;

	font-size:2em;
	color:#003;
	text-align:left;
	font-weight:bold;
	line-height:180%;
	
	
	
	}

section#contents_1 article p {
   font-family:"Kosugi" , sans-serif;

	font-size:0.94em;
	color:#003;
	text-align:left;
	font-weight:normal;
	line-height:220%;
	
}


section#contents_1 article span br {
	display:none;



}

/************************** 2項目 そのイメージ実現します ***************************/

section#contents_01 {
	
	width:100%;
	max-width:85%;
	margin:0 auto;
	padding-top:100px;
	background:;
	
	display:flex;
	flex-wrap:wrap-reverse;
}


section#contents_01 article {
	

text-align:center;
width:100%;
max-width:100%;/*一段組*/
margin:0 auto;/*各項目の左右余白ここで指定*/
background-color:;/*色入れて マウスオーバーで色付く*/
margin:0px; /*画像回りの余白*/

background:;
	
}



section#contents_01 article img#title {/*全項目の英語タイトル*/
    width:100%;
	max-width:75%;
	
	margin:50px auto 20px auto;
}



section#contents_01 article img#left {/*2項目のそのイメージ実現します画像に対して*/
    width:100%;
	max-width:100%;
	margin:0px 0 30px 0;
	
}



section#contents_01 article img#left_1_sumaho {/*2項目の設計図面*/
    width:100%;
	max-width:46%;
	margin:-60px 0 10px 160px ;
	
	position:relative;
	right:0;
	
}


section#contents_01 article img#left_1 {/*2項目の設計図面*/
    width:0%;
	max-width:0px;
	margin:0px 0 0px 0;
	
}

section#contents_01 article h1 {/*そのイメージ実現します*/
  font-family:"Kosugi" , sans-serif;

	font-size:1.81em;
	color:#003;
	text-align:left;
	font-weight:bold;
	line-height:180%;
	letter-spacing:-0.05em;
	
	
	}

section#contents_01 article p {
  font-family:"Kosugi" , sans-serif;

	font-size:0.94em;
	color:#003;
	text-align:left;
	font-weight:normal;
	line-height:220%;
	
	


}


section#contents_01 article span br {
	display:none;



}




/******************************** USED HERE ****************************/


section#used_0 {
	
	width:100%;
	max-width:85%;
	margin:0 auto;
	padding:80px 0 0px 0;
	background:;
	
}


section#used_0 article {
	
display:block;/*一列*/
text-align:left;
width:100%;
max-width:100%;/*一段組*/
margin:0 auto;/*各項目の左右余白ここで指定*/
background-color:;/*色入れて マウスオーバーで色付く*/
margin:10px; /*画像回りの余白*/

background:;
	
}



section#used_0 article img#title_1 {/*USED HERE*/
    width:100%;
	max-width:43%;
	text-align:;
	margin:50px 0 0px 0;
}



section#used_0 article img#image_1 {/*image sample*/
    width:100%;
	max-width:97%;
	text-align:center;
	margin:0px auto 30px auto;
}





section#used_0 article p {/*ここで使われています*/
   font-family:"Kosugi" , sans-serif;
	font-size:0.94em;
	color:#003;
	text-align:left;
	font-weight:normal;
	line-height:220%;
    
	
	padding:115px 0 0 3px;
	
    display:inline-block;/*タイトルと横並び*/

}



section#used_1 {
	
	width:100%;
	max-width:85%;
	margin:0 auto 70px auto;
	padding-top:0px;
	background:;
	
	display:flex;
	flex-wrap:wrap;
}


section#used_1 article {
	

text-align:center;
width:100%;
max-width:100%;/*一段組*/
margin:0 auto;/*各項目の左右余白ここで指定*/
background-color:;/*色入れて マウスオーバーで色付く*/
margin:0px; /*画像回りの余白*/

background:;
	
}


section#used_1 article img {/*全項目の英語タイトル*/
    width:100%;
	max-width:75%;
	
	margin:50px auto 20px auto;
}












section#used_1 article h1 {/*3項目各キャッチ*/
    font-family:"Oswald" , sans-serif;
	font-size:1.13em;
	color:#003;
	text-align:center;
	font-weight:normal;
	line-height:180%;
	
	
	
	}

section#used_1 article p {
     font-family:"Kosugi" , sans-serif;

	font-size:0.94em;
	color:#003;
	text-align:left;
	font-weight:normal;
	line-height:220%;
	
}


section#used_1 article span br {
	display:none;



}




/********************************* ここからフッター イラストまわり ************************************/

footer{
	position:relative;
	top:0px;/*ここでイラストの下位置を青背景の線と合わせている*/
	left:20px;
	
	width:100%;
	text-align:left;
	margin:0 auto;	
     background:;
	
}


.flex_box{/*親要素*/
	display:flex;
	align-items:flex-end;/*要素下部揃え*/
	justify-content:space-between;/*最初と最後を左右の一番端に配置*/
}



.flex_item{/*子要素*/
	width:49%;
	background:;
}


.flex_item h1{/*contact*/
	
	position:relative;
	top:-150px;
	left:60px;
	
	font-family:"Oswald" , sans-serif;
	font-size:1.13em;
	color:#003;
	text-align:left;
	font-weight:normal;
	line-height:180%;
	
	
}



.flex_item img.left{/*看板イラスト*/
	
	width:100%;
	max-width:160px;
	
	float:left;
}



.flex_item img.rogo{/*看板内ロゴ*/
	
	width:100%;
	max-width:70px;
	
	float:none;
}



.flex_item img#right{/*********** ヤシの木イラスト *************/
	
    width:100%;
	max-width:120px;
	
	float:right;
	
	margin-right:20px;
	
	position:relative;
	bottom:65px;

}







.copyright{
display:block;	
position:relative;

text-align:center;
color:black;
font-family: "Courier New", Courier, monospace;
font-size:0.75em;
letter-spacing:0em;

margin:0 auto;


height:40px;

}






@media only screen and (min-width: 500px) {





/********************************* ここからフッター イラストまわり ************************************/

footer{
	position:relative;
	top:-45px;/*ここでイラストの下位置を青背景の線と合わせている*/
	left:0px;
	
	width:100%;
	max-width:97%;
	text-align:left;
	margin:0 auto;	
     background:;
	
}

.flex_item h1{/*contact*/
	
	position:relative;
	top:100px;
	left:-100px;
	
	
	font-size:1.13em;
	color:#003;
	text-align:left;
	font-weight:normal;
	line-height:180%;
	
	
}



.flex_item img.left{/*看板イラスト*/
	
	width:100%;
	max-width:160px;
	
	float:left;
}



.flex_item img.rogo{/*看板内ロゴ*/
	
	
	
	float:none;
}




.flex_item img#right{/*********** ヤシの木イラスト *************/
	
      width:100%;
	max-width:120px;
	
	float:right;
	
	margin-right:0px;
	
	position:relative;
	bottom:0px;
}



section#wrap article {/******************** iframeの下部余白 500から741  *******************/

margin-bottom:600px;
background:#ccc;

}


	
}







@media only screen and (min-width: 741px) {
	
	
	
	
.slidetitle{/*スクロール*/
  　　　left:44%;
      	bottom:3%;
}




header {
width:100%;
height: 75px;
background-color:white;
position:fixed;

z-index:20;
}


	
	


	
#rogo_1{/*rogo*/
      	padding:0px;
      	background:#;
      	position:absolute;
		
		top:0px;
		left:0px;
		
		width:100%;
		max-width:200px;
		
		
}

section#wrap article {/******************** iframeの下部余白 768 ipad 縦 *******************/

margin-bottom:10px;
background:#ccc;

}	



.iframe-wrap {
  position: relative;
  width: 100%;
  height:0;
  padding-top:70%;
  
  z-index:1;
 }




.iframe-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;/*-----通常100%をここで戻している--------*/
  
 }











#center{
	position:relative;
	left:50px;
}


section#contents_1 {
	
	
	width:100%;
	max-width:88%;
	
	margin:0 auto;
	
	padding:150px 0 0 0;
	background:;
	
	align-items:center;/*横並びセンター揃え縦の位置*/
		justify-content:space-between;/*最初と最後を左右の一番端に配置*/
	
	
	
}


section#contents_1 article {
	text-align:left;
width:100%;
max-width:47%;/*二段組*/
margin:0 auto;/*各項目の左右余白ここで指定*/
background-color:;/*色入れて マウスオーバーで色付く*/
margin:8px; /*画像回りの余白*/

background:;
	
}


section#contents_1 article img#title {/*全項目の英語タイトル*/
    width:100%;
	max-width:250px;
	text-align:;
	margin:50px 0 20px 0;
}



section#contents_1 article img#right {/*1項目の木をクリエイトする画像に対して*/
    width:100%;
	max-width:100%;
	margin:0px 0 30px 0;
	
	}



section#contents_1 article img#right_2 {/*3項目の創造力をつねに刺激画像に対して*/
    width:100%;
	max-width:400px;
	margin:0px 0 30px 0;
	
}



section#contents_1 article img#title_1 {/*USED HERE*/
    width:100%;
	max-width:190px;
	text-align:;
	margin:50px 0 30px 0;
}




section#contents_1 article h1 {/*木をクリエイトする*/
  

	font-size:27px;
	color:#003;
	text-align:left;
	font-weight:normal;
	line-height:180%;
	
	}

section#contents_1 article p {
   

	font-size:16px;
	color:#003;
	text-align:left;
	font-weight:normal;
	line-height:210%;
}




/*********************** 2項目：そのイメージ実現します **********************/

section#contents_01 {
	
	width:100%;
	max-width:88%;
	margin:0 auto;
	padding-top:100px;
	background:;
	
	display:flex;
	flex-wrap:wrap;
	align-items:center;/*横並びセンター揃え縦の位置*/
		justify-content:space-between;/*最初と最後を左右の一番端に配置*/
}


section#contents_01 article {
	

text-align:center;
width:100%;
max-width:47%;/*一段組*/
margin:0 auto;/*各項目の左右余白ここで指定*/
background-color:;/*色入れて マウスオーバーで色付く*/
margin:8px; /*画像回りの余白*/

background:;
	
}


section#contents_01 article img#title {/*全項目の英語タイトル*/
    width:100%;
	max-width:250px;
	text-align:;
	margin:50px 0 20px 0;
}






section#contents_01 article img#left {/*2項目のそのイメージ実現します画像に対して*/
    width:100%;
	max-width:100%;
	margin:0px 0 30px 0;
	
}


section#contents_01 article h1 {/*そのイメージ実現します*/

	font-size:27px;
	color:#003;
	text-align:left;
	font-weight:normal;
	line-height:180%;
	letter-spacing:0em;
	
	}

section#contents_01 article p {
  
	font-size:16px;
	color:#003;
	text-align:left;
	font-weight:normal;
	line-height:210%;
}



section#contents_01 article img#left_1_sumaho {/*2項目の設計図面*/
    width:0%;
	max-width:0%;
	margin:0px auto ;
	
}




section#contents_01 article img#left_1 {/*2項目の設計図面*/
    width:100%;
	max-width:130px;
	margin:10px auto 30px auto;
	text-align:center;
}



/************************* USED HERE ***********************/

section#used_0 {/*USED HERE*/
	
	width:100%;
	max-width:70%;
	margin:0 auto;
	padding:80px 0 0px 0;
	background:;
	
}


section#used_0 article {
	
display:block;/*一列*/
text-align:left;
width:100%;
max-width:100%;/*一段組*/
margin:0 auto;/*各項目の左右余白ここで指定*/
background-color:;/*色入れて マウスオーバーで色付く*/
margin:10px; /*画像回りの余白*/

background:;
	
}



section#used_0 article img#title_1 {/*USED HERE*/
    width:100%;
	max-width:190px;
	text-align:;
	margin:50px 0 30px 0;
}



section#used_0 article img#image_1 {/*image sample*/
    width:100%;
	max-width:800px;
	text-align:;
	margin:0px auto 30px auto;
}





section#used_0 article p {/*ここで使われています*/
   
	font-size:1em;
	color:#003;
	text-align:left;
	font-weight:normal;
	line-height:220%;
    
	
	padding:130px 0 0 30px;
	
    display:inline-block;/*タイトルと横並び*/

}





section#used_1 {
	
	width:100%;
	max-width:70%;
	margin:-70px auto 0 auto;
	
	background:;
	
	display:flex;
	flex-wrap:wrap;
}


section#used_1 article {
	

text-align:center;
width:100%;
max-width:22%;/*一段組*/
margin:0 auto;/*各項目の左右余白ここで指定*/
background-color:;/*色入れて マウスオーバーで色付く*/
margin:10px; /*画像回りの余白*/

background:;
	
}




section#used_1 article img {/*全項目の英語タイトル*/
    width:100%;
	max-width:100%;
	
	margin:50px auto 20px auto;
}






section#used_1 article h1 {/*3項目各キャッチ*/
 

	font-size:18px;
	color:#003;
	text-align:center;
	font-weight:normal;
	line-height:180%;
	
	
	
	}

section#used_1 article p {
   

	font-size:0.94em;
	color:#003;
	text-align:left;
	font-weight:normal;
	line-height:220%;
	
}


section#used_1 article span br {
	display:none;



}






/********************************* ここからフッター イラストまわり ************************************/

footer{
	position:relative;
	top:28px;/*ここでイラストの下位置を青背景の線と合わせている*/
	left:0px;
	
	width:100%;
	max-width:96%;
	
	text-align:left;
	margin:0 auto;	
     background:;
	
	

}


.flex_box{/*親要素*/
	display:flex;
	align-items:flex-end;/*要素下部揃え*/
	justify-content:space-between;/*最初と最後を左右の一番端に配置*/
}



.flex_item{/*子要素*/
	width:49%;
	background:;
}


.flex_item h1{/*マルキ化粧合板 contact*/
	
	position:relative;
	top:120px;
	left:-130px;
	
	
	font-size:1.38em;
	color:#003;
	text-align:left;
	font-weight:normal;
	line-height:180%;
	
	background:;
	
	
	
}



.flex_item img.left{/*看板*/
	
	width:100%;
	max-width:200px;
	
	float:left;
	
	position:relative;
	top:0px;
}



.flex_item img.rogo{
	
	width:100%;
	max-width:90px;
	
	float:left;
}




.flex_item img#right{/*********** ヤシの木イラスト *************/
	
    width:100%;
	max-width:160px;
	
	float:right;
	
	margin-right:0px;
	
	position:relative;
	bottom:0px;
    
}






.copyright{
display:block;	
text-align:center;
color:black;
font-family: "Courier New", Courier, monospace;
font-size:14px;

position:relative;
bottom:0px;

margin:0 auto ;
padding-top:50px;



width:100%;
max-width:100%;


	
background:;

z-index:100;

}




	

}



@media screen and (min-width: 790px) {

#rogo_1{/*rogo*/
      	padding:0px;
      	background:#;
      	position:absolute;
		
		top:30px;
		left:30px;
		
		width:100%;
		max-width:210px;
		
		
}


.slidetitle{/*スクロール*/
      	padding:10px;
      	
      	position:absolute;
		
		left:44%;
      	bottom:3%;
      	
      	opacity:0.8;
		
		text-align:center;
		margin:0 auto;
		
	
		letter-spacing:0.1em;
		
		color:black;
		
		width:100%;
		max-width:100px;
}



	

}






@media screen and (min-width: 840px) {


/********************************* ここからフッター イラストまわり ************************************/

footer{
	position:relative;
	top:20px;/*ここでイラストの下位置を青背景の線と合わせている*/
	left:0px;
	
	width:100%;
	max-width:98%;
	
	text-align:left;
	margin:0 auto;	
     background:;
	
	

}


.flex_box{/*親要素*/
	display:flex;
	align-items:flex-end;/*要素下部揃え*/
	justify-content:space-between;/*最初と最後を左右の一番端に配置*/
}



.flex_item{/*子要素*/
	width:49%;
	background:;
}


.flex_item h1{
	
	position:relative;
	top:140px;
	left:-140px;
	
		font-size:1.75em;
	color:#003;
	text-align:left;
	font-weight:normal;
	line-height:180%;
	
	
}



.flex_item img.left{/*看板*/
	
	width:100%;
	max-width:250px;
	
	float:left;
	
	position:relative;
	top:0px;
}



.flex_item img.rogo{
	
	width:100%;
	max-width:110px;
	
	float:left;
}






.flex_item img#right{/*********** ヤシの木イラスト *************/
	
    width:100%;
	max-width:220px;
	margin-right:0px;
    
	
	

}


}










@media screen and (min-width: 1200px) {

.slidetitle{/*スクロール*/
      
		left:45%;
      	bottom:3%;
      	
    }
	
	
	
	
section#wrap article {/******************** iframeの下部余白 1024 ipad 横 *******************/



margin-bottom:20px;

background:#ccc;



}	

section#contents_1 {
	
	
	width:100%;
	max-width:72%;
	
	margin:0 auto;
	
	padding:150px 0 0 0;
	background:;
	
	align-items:center;/*横並びセンター揃え縦の位置*/
	
	
	
}


section#contents_1 article {
	text-align:left;
width:100%;
max-width:49%;/*二段組*/
margin:0 auto;/*各項目の左右余白ここで指定*/
background-color:;/*色入れて マウスオーバーで色付く*/
margin:0px; /*画像回りの余白*/

background:;
	
}


section#contents_1 article img#title {/*全項目の英語タイトル*/
    width:100%;
	max-width:280px;
	text-align:;
	margin:50px 0 20px 0;
}

section#contents_1 article img#right {/*1項目の木をクリエイトする画像に対して*/
    width:100%;
	max-width:450px;
	margin:0px 0 30px 0;
	
	}

section#contents_1 article h1 {/*木をクリエイトする*/
  
	font-size:32px;
	color:#003;
	text-align:left;
	font-weight:normal;
	line-height:180%;
	
	}



section#contents_1 article p {
   

	font-size:16px;
	color:#003;
	text-align:left;
	font-weight:normal;
	line-height:230%;
}



section#contents_1 article span br {/*ここから文面改行*/
	display:inline-block;



}






/*********************** 2項目：そのイメージ実現します **********************/

section#contents_01 {
	
	width:100%;
	max-width:88%;
	margin:0 auto;
	padding-top:100px;
	background:;
	
	display:flex;
	flex-wrap:wrap;
}


section#contents_01 article {
	

text-align:center;
width:100%;
max-width:48%;/*一段組*/
margin:0 auto;/*各項目の左右余白ここで指定*/
background-color:;/*色入れて マウスオーバーで色付く*/
margin:0px; /*画像回りの余白*/

background:;
	
}


section#contents_01 article img#title {/*全項目の英語タイトル*/
    width:100%;
	max-width:280px;
	text-align:;
	margin:50px 0 20px 0;
}



section#contents_01 article img#left {/*2項目のそのイメージ実現します画像に対して*/
    width:100%;
	max-width:450px;
	margin:0px 0 30px 0;
	
}


section#contents_01 article h1 {
 
	font-size:32px;
	color:#003;
	text-align:left;
	font-weight:normal;
	line-height:180%;
	
	}

section#contents_01 article p {
 

	font-size:16px;
	color:#003;
	text-align:left;
	font-weight:normal;
	line-height:230%;



}



section#contents_01 article img#left_1 {/*2項目の設計図面*/
    width:100%;
	max-width:220px;
	margin:30px 0 30px 0;
	
}


section#contents_01 article span br {
	display:inline-block;



}





}







@media only screen and (min-width: 1470px) {
	
	
	
section#contents_1 {
	
	
	width:100%;
	max-width:70%;
	
	margin:0 auto;
	
	padding:150px 0 0 0;
	background:;
	
	align-items:center;/*横並びセンター揃え縦の位置*/
	
	
	
}


section#contents_1 article {
	text-align:left;
width:100%;
max-width:49%;/*二段組*/
margin:0 auto;/*各項目の左右余白ここで指定*/
background-color:;/*色入れて マウスオーバーで色付く*/
margin:0px; /*画像回りの余白*/

background:;
	
}
	
	section#contents_1 article img#title {/*全項目の英語タイトル*/
    width:100%;
	max-width:290px;
	text-align:;
	margin:50px 0 20px 0;
}

	
	section#contents_1 article p {
  

	font-size:19px;
	color:#003;
	text-align:left;
	font-weight:normal;
	line-height:230%;



}
	
	
	
	
/*********************** 2項目：そのイメージ実現します **********************/

section#contents_01 {
	
	width:100%;
	max-width:72%;
	margin:0 auto;
	padding-top:100px;
	background:;
	
	display:flex;
	flex-wrap:wrap;
}


section#contents_01 article {
	

text-align:center;
width:100%;
max-width:49%;/*一段組*/
margin:0 auto;/*各項目の左右余白ここで指定*/
background-color:;/*色入れて マウスオーバーで色付く*/
margin:4px; /*画像回りの余白*/

background:;
	
}
	
section#contents_01 article p {
  
	font-size:19px;
	color:#003;
	text-align:left;
	font-weight:normal;
	line-height:230%;



}	
	 
}



@media only screen and (min-width: 1770px) {


section#contents_1 {
	
	
	width:100%;
	max-width:61%;
	
	margin:0 auto;
	
	padding:150px 0 0 0;
	background:;
	
	align-items:center;/*横並びセンター揃え縦の位置*/
	
	
	
}


section#contents_1 article p {
  

	font-size:20px;
	color:#003;
	text-align:left;
	font-weight:normal;
	line-height:230%;



}	


section#contents_01 {
	
	width:100%;
	max-width:73%;
	margin:0 auto;
	padding-top:100px;
	background:;
	
	display:flex;
	flex-wrap:wrap;
}


section#contents_01 article p {
   

	font-size:20px;
	color:#003;
	text-align:left;
	font-weight:normal;
	line-height:230%;



}	

.iframe-wrap {
  position: relative;
  width: 100%;
  height:0;
  padding-top:60%;
  
  z-index:1;
 }


}

/* Flexible Image */
img {
  max-width: 100%; 
  height:auto;
}


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

fullPage.js css override

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

.fp-controlArrow.fp-prev{
	border-width: 15px 20px 15px 0;
}
.fp-controlArrow.fp-next{
	border-width: 15px 0px 15px 20px;
	right: 50px;
}

#fp-nav ul li a span,
.fp-slidesNav ul li a span{
	background: transparent;
	border: 1px solid #ffffff;
}

#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span{
	background: #ffffff;
}


.maximg {
display:none;
position:relative !important;

   animation: fadeIn 2s ease 0s 1 normal;/* Fade in */
    -webkit-animation: fadeIn 2s ease 0s 1 normal;

}


@keyframes fadeIn {
    0% {
		opacity: 0;
		}
    99.9%,
	to {
		opacity: 1;
		}
}

@-webkit-keyframes fadeIn {
    0% {
		opacity: 0;
		}
    99.9%,
	to {
		opacity: 1;
		}
}