body {
	background-color: #fff;
	font-family: Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
	text-align: center;
	color:#575549;
}
#logo {
	font-size:260px;
	margin-top:-60px;
	margin-bottom:-100px;
}
@media (min-width: 768px) {
#logo {
	font-size:300px;
	margin-top:0px;
	margin-bottom:-40px;
}
}

#planning{ background-color:#53b4b2; }
#design{ background-color:#81c4c2;}
#planning,#design{color:#fff; padding:15px 30px;}
#planning h1,#design h1{font-weight: 600; font-size:28px;}
#service ul{ margin:0 0 15px 0; padding:0;font-size:16px;}
#service ul li{ list-style-type:none; margin-bottom:5px;}

#contact {margin-top:60px;}
#contact h1{font-weight: 600; font-size:28px; padding-top:15px;}
#contact h2{font-weight: 600; font-size:12px; margin-top:0;}
#contact h3{font-weight: 600; font-size:16px;}

#mailform{margin-top:60px;}

/* WebFont */

@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot?eevyud');
	src:url('../fonts/icomoon.eot?#iefixeevyud') format('embedded-opentype'),
		url('../fonts/icomoon.ttf?eevyud') format('truetype'),
		url('../fonts/icomoon.woff?eevyud') format('woff'),
		url('../fonts/icomoon.svg?eevyud#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-logo:before {
	content: "\e600";
}