@charset "utf-8";
/* CSS Document */
/*==================================================
TOP画像
===================================*/
#underlayer_mv{
	background: url("../img/underlayer_mv.png");
	background-position: top;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 8em 2em 8em;
}
#underlayer_mv h2{
    color: #fff;
    text-align: center;
    line-height: 2;
    padding: 0.5em 0;
}
/*==================================================
ごあいさつ
===================================*/
#greeting{
	background: url("../img/about_bg.png");
	background-position: top;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 5em 0 10em;
	overflow: hidden;
}
#greeting .wrap{
	width: 80%;
}
#greeting img{
	width: 90%;
}

/*==================================================
企業情報
===================================*/
#information{
	background: url("../img/business_bg.png");
	background-position: top;
	background-repeat: no-repeat;
	background-size: cover;
}

#information table{
	width: 60%;
	margin: 0 auto;
	border: #333;
}
#information table th,td{
	padding: 2em;
	border-left: none;
    border-right: none;
}



















/*==================================================
 SP
===================================*/

/* 1280px以下に適用されるCSS（スクエアモニター用） */
@media screen and (max-width: 1286px) {
	
}

@media screen and (min-width: 1024px) and (max-width: 1260px)  {

}

@media screen and (max-width: 1024px) {
	#underlayer_mv {
		padding: 4em 2em 4em;
	}
	#greeting img {
		width: 100%;
	}
	#greeting .wrap {
		width: 90%;
	}
	#information table {
		width: 80%;
	}
}
/* 850px以下に適用されるCSS（タブレット用） */
@media screen and (max-width: 850px) {
	#information table {
		width: 90%;
	}
}
@media screen and (max-width: 768px) {

}
@media screen and (max-width: 540px) {
	#underlayer_mv {
		padding: 1em 2em 1em;
	}
}
/* 480px以下に適用されるCSS（スマホ用） */
@media screen and (max-width: 480px) {
#greeting {
    margin: 1em 0 10em;
}
	#information table th,td {
		width: 100%;
		display: block;
		text-align: left;
	}
	
}
@media screen and (max-width: 391px) {

}