@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) repeat-y top center #000;
	color:#FFF;
}
.content .container{
	margin:0 auto;
	padding:40px 0;
	width:650px;
	text-align: left;
}
.content .container h1 img{
	width:180px;
	height:auto;
}
.container > dl{
	display: flex;
	padding:30px 0;
	border-bottom:1px solid #CCC;
}
.container > dl dt{
	color:#547a9c;
	font-size:17px;
	font-weight: 500;
	width:140px;
	text-align: justify;
}
.container > dl dd{
	width:calc(100% - 160px);
	font-size:16px;
}
.container > dl dd span{
	display: inline-block;
	margin-bottom:10px;
	font-size:18px;
	font-weight: 700;
}
.container > dl dd dl{
	display: flex;
	flex-wrap:wrap;
}
.container > dl dd dl dt{
	color:#FFF;
	font-size:16px;
	font-weight: 500;
	width:100px;
	text-align: justify;
}
.container > dl dd dl dd{
	width:calc(100% - 120px);
	font-size:16px;
}
.container a{
	color:#999;
}

/*.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:200px;
		height:auto;
	}
	.container > dl{
		padding:30px 0;
	}
	.container > dl dt{
		font-size:17px;
		width:100px;
	}
	.container > dl dd{
		width:calc(100% - 110px);
		font-size:16px;
	}
	.container > dl dd span{
		font-size:17px;
	}
	.container > dl dd dl dt{
		width:100px;
	}
	.container > dl dd dl dd{
		width:calc(100% - 120px);
		font-size:16px;
	}




}