@charset "utf-8";

/* ＠about関連  */
#company #borderBox ,#borderBox2{
	background: #f8f7f4;
}


/* -----------------------------------------------------------------------------------------------------------------------モバイルレイアウト : 480 px およびそれ以下. */

/* コンテンツ */
#company .mainContents {
	margin: 10px 3%;
}
#company .imgBoxR {
	padding: 1em 3%;
	background-color: #fff;
}

/* タイトル */
#company h2.pageTitle{
	padding: 15px 3% 11px;
	background: url(../company/img/bg_company_ttl.gif) repeat;
}

#company .imgBoxR h3 {
	margin-top: 2em;
	margin-bottom: 0.5em;
	padding-left: 18px;
	background: url(../company/img/icon_orange.gif) no-repeat left;
	color: #bf6a49;
	font-weight: bold;
}
#company .imgBoxR h3:first-child{
	margin-top: 0;
}
#company .imgBoxR .fltImg img {
	margin-bottom: 10px;
}

#company  .arrow li {
	margin-left: 18px;
	list-style:url(../img/cmn_arrow_green.png);
}
#company  .icon li {
	margin-left: 20px;
	padding-left: 10px;
	list-style:url(../img/cmn_icon_harts.png);
}

#company  .mail {
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
}

/* -------------------------------------------デスクトップレイアウト : 481 px ～最大 1232 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */

@media print , screen and (min-width: 481px) {

/* コンテンツ */
#company .mainContents {
	margin: 20px 19px;
}
#company .imgBoxR {
	padding: 20px 25px;
}
/* タイトル */
#company h2.pageTitle{
	padding: 15px 20px 11px;
	background: url(../data/ency/img/bg_ency_ttl.gif) repeat;
}

}