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

body,h1,h2,h3,h4,h5,p,ul,li{
	margin:0;
	padding:0;
}
img{
	border:none;
	vertical-align: top;
}

/*工事中表示用*/
#all{
	font-family:"游ゴシック", "Yu Gothic UI", "メイリオ", "sans-serif";
	max-height:device-height;
}
header, footer{
	background:#000;
	width:100%;
	height:50px;
	position:fixed;
}
headr{
	top:0;
}
footer{
	bottom:0;
}
.main-content{
	padding:100px 0;
}
.main-content .logo{
	margin:5% auto 0;
	width:400px;
}
.logo img{
	width:100%;
	height:auto;
}
.message{
	width:670px;
	margin:0 auto;
}
.message .area-img{
	width:150px;
	float:left;
}
.area-img img{
	width:100%;
	height:auto;
}
.message .area-text{
	color:#383838;
	padding-top:7%;
}
.area-text p:first-child{
	font-size:36px;
	font-weight:bold;
}

@media screen and (max-width: 600px) {
   /* 600px以上の場合 */
	body{
		font-size:90%;
	}
footer{
	margin-top:20px;
}
	.main-content .logo{
	margin:2% auto 0;
	width:80%;
}
	.message{
	width:90%;
}
	.message .area-img{
	width:80px;
}
	.area-text p:first-child{
	font-size:20px;
}
}



/*工事中表示用*/