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

*{ margin:0; padding:0;}

body{
	text-align: center;
	background-color:#FFFFFF;
	font-family: 'Noto Sans JP',"メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height:1.8;
}

.logo-area .container{
	margin: 30px auto; /* Firefox */
	width: 1000px;
	text-align: center;
} 
.logo-area img{
	width:300px;
	height:auto;
}
.content{
	background:url(../images/about/bg.png) no-repeat top center #000;
	color:#FFF;
}
.content .container{
	margin:0 auto;
	padding:40px 0;
	width:730px;
}
.content .container h1 img{
	width:220px;
	height:auto;
}
.content .container > img{
	width:540px;
	height:auto;
	margin:40px 0;
}
.content h2{
	color:#547a9c;
	font-size:18px;
	text-align: center;
	font-weight: 500;
}
.content p{
	width:500px;
	margin:30px auto;
	font-size:16px;
	text-align: justify;
	font-weight: 300;
}

/*.pc{ margin-top:20px;}
.sp{ display:none !important;}


/******************************************************clearfix*/
.clearfix:after {
	content: " ";
	font-size: 0.1em;
	line-height: 0;
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}


@media screen and (max-width: 640px) {
	.pc{
		display:none;
	}
	.sp{ display:block !important;}

	.logo-area .container{
		margin: 20px auto; /* Firefox */
		width: 100%;
		text-align: center;
	} 
	.logo-area img{
		width:300px;
		height:auto;
	}
	.content{
		background-image: none;
	}
	.content .container{
		padding:5%;
		width:100%;
	}
	.content .container h1 img{
		width:220px;
		height:auto;
	}
	.content .container > img{
		width:100%;
		height:auto;
		margin:40px 0;
	}
	.content h2{
		color:#547a9c;
		font-size:18px;
		text-align: center;
		font-weight: 500;
	}
	.content p{
		width:100%;
		margin:30px auto;
		font-size:16px;
	}



}