@charset "UTF-8";

/*----------------------------------------
	about
-----------------------------------------*/
#main{
	background: url(../img/about_main_bg.jpg) no-repeat center center;
	background-size: cover;	
}

@media screen and (max-width: 768px) {/*SP*/
#main{
	background: url(../img/about_main_bg_sp.jpg) no-repeat center center;
	background-size: cover;	
}

}

/*----------------------------------------
	greet
-----------------------------------------*/

#greet{
	background: url(../img/about_greet_bg.jpg) no-repeat center bottom;
	background-size: cover;
}

#greet .container{
	padding: 100px 50px 180px 50px;
	max-width: 900px;
}

#greet h2{
	font-size: 28px	
}

#greet p{
	line-height: 38px;
	letter-spacing: 0.1em;
}

@media screen and (max-width: 768px) {/*SP*/
#greet{
	background: url(../img/about_greet_bg_sp.jpg) no-repeat center bottom;
	background-size: contain;
}

#greet .container{
	padding: 60px 40px 100px 40px;
	max-width: 640px;
}

#greet h2{
	font-size: 26px	
}

#greet p{
	text-align: left;
	line-height: 32px;
}

}
/*----------------------------------------
	about
-----------------------------------------*/
#about{
	text-align: left;
	/*color: #333;*/
}

#about h2{
	text-align:  center;
	font-size: 28px;
}

#about .logo{
	display: inline;
	margin-right: 50px;
}

#about .info{
	width: 50%;
}

#about dl:first-of-type{
	margin-top: 20px;
}

#about dl{
	width: 100%;
	padding: 20px 0;
	border-bottom: solid 1px #dcdcdc;
}

#about dt{
	width: 120px;
	display: inline-block;	
	font-size: 14px;
	font-weight: bold;
}

#about dd{
	display: inline-block;
}

#about .pict{
	width: 50%;
	padding-left: 25px;
	box-sizing: border-box;
}

#about .pict img{
	width: 100%;
	height: auto;
}

#about .map{
	margin-top: 50px;
}

@media screen and (max-width: 768px) {/*SP*/
#about{
	padding: 30px 0 0 0;
}

#about h2{
	font-size: 26px;
}

#about .info{
	width: 100%;
	padding-right: 0px;
}

#about dl:first-of-type{
	margin-top: 0px;
}

#about dl{
	padding: 20px 0;
}

#about dt{
	float: left;
	width: 30%;
	display: block;
	padding-top: 2px;
	padding-right: 20px;
	box-sizing: border-box;
}

#about dd{
	float: left;
	width: 70%;
	display: block;
}

#about .pict{
	width: 100%;
	padding-left: 0px;
}

#about .map{
	margin-top: 30px;
}

}

/*----------------------------------------
	company
-----------------------------------------*/
#company{
	/*color: #333;*/
}

#company .container{
	max-width: 960px;
	padding-bottom:  120px;
}

#company h2{
	font-size: 28px;
}

#company dl:first-of-type{
	margin-top: 20px;
}

#company dl{
	text-align:  left;
	width: 100%;
	padding: 30px 0;
	border-bottom: solid 1px #dcdcdc;
}

#company dt{
	width: 25%;
	display: inline-block;	
	font-size: 16px;
	font-weight: bold;
}

#company dd{
	display: inline-block;
}

@media screen and (max-width: 768px) {/*SP*/
#company .container{
	padding-bottom:  50px;
}

#company dl{
	padding: 20px 0;
}

#company dt{
	float: left;
}

#company dd{
	float: left;
	width: 70%;
}

}