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

@media screen and (max-width:640px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
#container{
width:100%;
}




div#header{
	background:url(../img/head_mainimage_pc.jpg) center 150px no-repeat;
	background-size:800px;
	height:550px;
	
}

#header h1{
	width: 95%;
	margin:10px auto 0 auto;
	height: auto;
	text-align:center;
	position: inherit;
	top:10px;
	
}

#headerHead{
	width:100%;
	height:550px;
	background:url(../img/head_mainimage_head2.png) center 100px no-repeat;
	background-size:500px;
}


/* ▼h1要素にアニメーションを適用 */
#header{
  animation-duration: 10s;  /* アニメーション時間 */
  animation-name: slidein;  /* アニメーション名 */
  animation-iteration-count:infinite;
  animation-direction:alternate;
 
}


/* ▼アニメーション名「slidein」の動作内容 */
@keyframes slidein {
  from {
	background:url(../img/head_mainimage_bg2.jpg) right 550px no-repeat;
  }
  to {
	background:url(../img/head_mainimage_bg.jpg) left -580px no-repeat;
  }

  }


div#first div#firstWrapper{
	width:100%;
	margin:0 auto ;
	padding:30px 0;
	
}

div#first h2{
	font-size:140%;
	font-weight:bold;
	color:#282828;
	padding:0 20px ;
}

div#first h3{
	width:100%;

}

div#first div.box01{
	height: auto;
	padding:40px 20px;
	position: inherit;
}

div#first div.box01 p{
	width:100%;
	padding:0 0 30px 0;
	
}

div#first div.box01 div.rightImg{
	width:100%;
	margin:20px auto;
	position: inherit;
	text-align:center;
}
div#first div.box02{
	width:90%;
}

/*===============================================
NEWS
===============================================*/


div#news div#newsWrapper{
	width:90%;
	margin:0 auto;
	text-align:center;
}

div#news div.reportBox{
	width:100%;
	padding:30px 0 30px 0;

}


div#news div.reportBox h3{
	width:90%;
	margin:1em auto;
	font-size:150%;
	font-weight:bold;	
}

div#news div.reportBox p.text{
	margin:1em  auto;
	width:90%;
	text-align:left;
}

div#news div.reportBox p.photo1{
	width:90%;
	margin:0 auto;
	text-align:center;
}



div#news div.reportBox p.photo2{
	width:95%;
	margin:0 auto;
	text-align:center;
}

div#news div.reportBox p.photo2 img{
	margin:1em 0 0 0;
	width:80%;
}


/*===============================================
コンセプト
===============================================*/


div#conceptWrapper{
	width:90%;
	margin:0 auto;

}



/*===============================================
フッター
===============================================*/

div#footer img{
	width:150px;
}

div#footer p.maywa img{
	width:70%;
	
}

div#footer p.ningen img{
	width:25%;
	
}






}