@charset "utf-8";

/* business_common
-------------------------------------------------------------------------------------------------------- */
#projects								{ margin:60px 0 100px; }
#projects .pjTitle					{ margin-bottom:10px; color:#4C4948; text-align:center; font-size:56px; font-family: 'Open Sans', sans-serif; font-weight:300; }
#projects .lead					{ margin-bottom:30px; text-align:center; line-height:2; }
#projects .threeBox			{ margin-bottom:20px; }
#projects .threeBox figure	{ margin-bottom:4px; }
#projects .linkBtn				{ margin:0 auto; }
@media screen and (max-width: 768px) {
#projects								{ margin:30px 0 50px; }
#projects .pjTitle					{ font-size:42px; }
}
@media screen and (max-width: 480px) {
#projects								{ margin:20px 0 40px; }
#projects .pjTitle					{ margin-bottom:0; font-size:36px; }
#projects .lead					{ margin-bottom:20px; line-height:1.6; }
}


.fieldBox					{ padding:50px 0; }
.fieldBox .sectTitle	{ margin-bottom:30px; }
.fieldBox ul				{ margin-left:-20px; }
.fieldBox ul li			{ float:left; padding:0 0 20px 20px; width:25%; box-sizing:border-box; }
.fieldBox ul li span	{ display:block; line-height:50px; text-align:center; border:#666 1px solid; }
@media screen and (max-width: 768px) {
.fieldBox					{ padding:30px 0; }
.fieldBox .sectTitle	{ margin-bottom:16px; }
.fieldBox ul				{ margin-left:0; }
.fieldBox ul li			{ display:inline-block; float:none; width:auto; padding:0; }
.fieldBox ul li span	{ line-height: inherit; text-align:left; border:none; }
.fieldBox ul li span:after	{ content:"／"; margin:0 0px 0 6px; color:#999; }
.fieldBox ul li:last-child span:before	{ content:""; margin:0; }
}



/* business_Idx
-------------------------------------------------------------------------------------------------------- */
#bizIdx #pageTitleBox		{ background-image:url(../images/business/index/business_title.jpg); }
#bizIdx #bizInfo					{ border-bottom:#ddd 1px solid; }
#bizIdx #bizInfo .leadBox				{ margin:50px 0; }
#bizIdx #bizInfo .leadBox .sectTitle	{ margin-bottom:20px; }
#bizIdx #bizInfo .forAbout		{ height:400px; padding:110px 0; color:#fff; text-align:center; background:url(../images/business/index/biz_about.jpg) no-repeat center center; background-size:cover; box-sizing:border-box; }
#bizIdx #bizInfo .forAbout .title		{ margin-bottom:64px; line-height:1.1; font-size:56px; font-family: 'Open Sans', sans-serif; }
#bizIdx #bizInfo .forAbout .txt			{ margin-bottom:30px; font-size:17px; }
#bizIdx #bizInfo .forAbout .linkBtn	{ margin:0 auto; }
@media screen and (max-width: 768px) {
#bizIdx #bizInfo .leadBox				{ margin:30px 0; }
#bizIdx #bizInfo .forAbout			{ height:260px; padding:60px 0; }
#bizIdx #bizInfo .forAbout .title		{ margin-bottom:30px; font-size:42px; }
#bizIdx #bizInfo .forAbout .txt			{ margin-bottom:10px; font-size:13px; }
}
@media screen and (max-width: 480px) {
#bizIdx #bizInfo .leadBox				{ margin:20px 0; }
#bizIdx #bizInfo .leadBox .sectTitle	{ margin-bottom:10px; }
#bizIdx #bizInfo .forAbout			{ height:220px; padding:44px 0; }
#bizIdx #bizInfo .forAbout .title		{ margin-bottom:20px; font-size:36px; }
#bizIdx #bizInfo .forAbout .txt			{ margin-bottom:10px; font-size:13px; }
}


/* business_about
-------------------------------------------------------------------------------------------------------- */
#about #pageTitleBox		{ padding-top:90px; height:620px; text-align:center; color:#fff; background-image: url(../images/business/about/about_title.jpg); }
#about #pageTitleBox .aboutTitle	{ margin-bottom:40px; font-size:60px; }
#about #pageTitleBox p					{ margin-bottom:70px; font-size:26px; line-height:2; }
#about #pageTitleBox figure			{ max-width:610px; margin:0 auto; }
#about .leadBox			{ padding:80px 0; text-align:center; }
#about .leadBox p		{ line-height:2.6; }
#about .titleBox			{ height:360px; text-align:center; color:#fff; background:no-repeat center center; background-size:cover; }
#about #quality .titleBox		{ background-image:url(../images/business/about/quality_title.jpg); }
#about #global .titleBox		{ background-image:url(../images/business/about/global_title.jpg); }
#about .titleBox .title	{ padding:80px 0 10px; font-size:60px; }
#about .titleBox p		{ font-size:26px; line-height:2; }
#about #global			{ margin-bottom:100px; background:url(../images/business/about/global_p01.png) no-repeat right -100px top 300px;  }
#about #global .box01{ padding-bottom:130px; }
#about .infoBox:last-child	{ border-bottom:none; }	
@media screen and (max-width: 768px) {
#about #pageTitleBox		{ padding-top:60px; height:340px; }
#about #pageTitleBox .aboutTitle	{ margin-bottom:30px; font-size:38px; }
#about #pageTitleBox p					{ margin-bottom:30px; font-size:18px; }
#about #pageTitleBox figure			{ max-width:420px; }
#about .leadBox			{ padding:40px 0; text-align:left; }
#about .leadBox br.tb		{ display:none; }
#about .titleBox			{ height:200px; }
#about .titleBox .title	{ padding:46px 0 0px; font-size:36px; }
#about .titleBox p		{ font-size:16px; line-height:1.6; }
#about #global			{ background-position:right -100px top 200px; background-size:80%;  }
}
@media screen and (max-width: 480px) {
#about #pageTitleBox		{ padding-top:40px; height:240px; }
#about #pageTitleBox .aboutTitle	{ margin-bottom:20px; font-size:24px; }
#about #pageTitleBox p					{ margin-bottom:20px; font-size:14px; }
#about #pageTitleBox figure			{ max-width:280px; }
#about .leadBox			{ padding:20px 0; }
#about .leadBox br.tb		{ display:none; }
#about .leadBox p		{ line-height:1.8; }
#about .titleBox			{ height:160px; }
#about .titleBox .title	{ padding:36px 0 10px; font-size:24px; }
#about .titleBox p		{ font-size:14px; }
#about #global			{ margin-bottom:40px; background-position:center top 360px; background-size:400px;  }
}



/* business_material + products + building
-------------------------------------------------------------------------------------------------------- */
#material #pageTitleBox		{ background-image: url(../images/company/material/material_title.jpg); }
#products #pageTitleBox		{ background-image: url(../images/company/product/products_title.jpg); }
#building #pageTitleBox		{ background-image: url(../images/business/building/building_title.jpg); }


/* business_project
-------------------------------------------------------------------------------------------------------- */
#project							{}
#project .pageTitle			{ margin-bottom:40px; }
#project #projectBox		{ padding-top:30px; border-top:#ddd 1px solid; }
#project #projectBox .threeBox		{ margin-bottom:50px; border-bottom:#ddd 1px solid; }

#project #projectBox .attention		{ margin:60px 0 300px; padding:40px; background:#F2F2F2; }


@media screen and (max-width: 768px) {
#project #projectBox		{ padding-top:30px; }
#project #projectBox .threeBox		{ margin-bottom:40px; border-bottom:none; }
}



/* business_blands
-------------------------------------------------------------------------------------------------------- */
#brands .pageTitle				{ margin-bottom:80px; }
#brands .pageNav				{ padding-bottom:30px; }
#brands .pageNav li			{ width:20%; }
#brands .brandWrap					{ border-top:#ddd 1px solid; }
#brands .brandWrap .sectTitle	{ padding:80px 0 60px; }
#brands .brandWrap .brandBox				{ padding:50px 0; border-top:#ddd 1px solid; }
#brands .brandWrap .brandBox figure	{ float:left; width:49%; }
#brands .brandWrap .brandBox .inBox	{ float:right; width:47%; font-size:13px; line-height:1.4; }
#brands .brandWrap .brandBox .inBox .title	{ font-size:38px; line-height:1.2; font-family: 'Open Sans', sans-serif; }
#brands .brandWrap .brandBox .inBox .lead	{ margin-bottom:30px; color:#666; font-size:12px; }
#brands .brandWrap .brandBox .inBox .txt		{ margin-bottom:20px; }
#brands .brandWrap .brandBox .inBox .linkBtn			{ margin-bottom:20px; }
#brands .brandWrap .brandBox .inBox .social	{}
#brands .brandWrap .brandBox .inBox .social li	{ display:inline-block; margin-right:4px; width:40px; }
@media screen and (max-width: 768px) {
#brands .pageTitle				{ margin-bottom:20px; }
#brands .pageNav li			{ width:30%; }



}
@media screen and (max-width: 480px) {
#brands .pageNav li			{ width:50%; }
#brands .brandWrap .sectTitle				{ padding:60px 0 10px; }
#brands .brandWrap .brandBox				{ padding:20px 0 40px; }
#brands .brandWrap .brandBox figure	{ float:none; width:auto; margin-bottom:10px; }
#brands .brandWrap .brandBox .inBox	{ float:none; width:auto; font-size:13px; line-height:1.4; }
#brands .brandWrap .brandBox .inBox .title	{ font-size:26px; }
#brands .brandWrap .brandBox .inBox .lead	{ margin-bottom:20px; color:#666; font-size:11px; }



}




/* clearfix
---------------------------------------------------- */
#brands .brandWrap .brandBox:after,
.clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }