@charset "utf-8";



/* HOME
-------------------------------------------------------------------------------------------------------- */
.inner { max-width: 1080px; }



/* sliderHome */
#sliderHome				{}
#sliderHome .only-sp { display: none; }

.slider-pro .sp-arrows			{ margin-top:-96px; }
.slider-pro .sp-next-arrow	{ content:' ' !important; display:block; right:0; width:60px; height:192px; text-indent:-9999px; background: url(../images/common/btn_sli_ar_prev.png) no-repeat center center; }
.slider-pro .sp-previous-arrow { content:' ' !important; display:block; left:0; width:60px; height:192px; text-indent:-9999px; background: url(../images/common/btn_sli_ar_prev.png) no-repeat center center; }
.sp-previous-arrow:before,
.sp-previous-arrow:after,
.sp-next-arrow:before,
.sp-next-arrow:after		{ display:none;}
@media screen and (max-width: 767px) {

}
@media screen and (max-width: 480px) {
#sliderHome .only-pc { display: none; }
#sliderHome .only-sp { display: block; }
.slider-pro .sp-next-arrow	{ background-size: 20px; width:40px; }
.slider-pro .sp-previous-arrow { background-size: 20px; width:40px; }
}



/* bizNav */
#bizNav										{ width:100%; }
#bizNav .inBox:nth-child(1) a		{ background-image: url(../images/home/biznav_about.jpg); }
#bizNav .inBox:nth-child(2) a		{ background-image: url(../images/home/biznav_products.jpg); }
#bizNav .inBox:nth-child(3) a		{ background-image: url(../images/home/biznav_material.jpg); }
#bizNav .inBox:nth-child(4) a		{ background-image: url(../images/home/biznav_building.jpg); }
#bizNav .inBox.sizeL dl dt		{ font-size:56px; line-height:1.15; margin-bottom:10px; }
#bizNav .inBox.sizeL dl dd	{ font-size:17px; }
@media screen and (max-width: 768px) {
#bizNav .inBox.sizeL				{ width:50%; height:45.6vw; }
#bizNav .inBox.sizeM			{ width:50%; height:45.6vw; }
#bizNav .inBox.sizeS				{ width:50%; height:45.6vw; }
#bizNav .inBox.sizeL dl			{ top:30%; }
#bizNav .inBox.sizeL dl dt		{ font-size:36px; line-height:1.15; margin-bottom:10px; }
#bizNav .inBox.sizeL dl dd	{ font-size: 13px; }
}
@media screen and (max-width: 480px) {
#bizNav .inBox.sizeL dl			{ top:26%; }
#bizNav .inBox.sizeL dl dt		{ font-size:24px; margin-bottom:4px; }
#bizNav .inBox.sizeL dl dd	{ font-size: 12px; }
}


/* brands */
#brands					{ padding:100px 0; border-bottom:#ddd 1px solid; }
#brands .title			{ text-align:center; font-size:56px; font-family: 'Open Sans', sans-serif; margin-bottom: 50px; }
#brands .lead			{ margin-bottom:50px; text-align:center; line-height:2; }
#brands .inBox			{ margin-bottom: 50px; }
#brands #brandSlider					{}
#brands #brandSlider li				{ min-height:360px; text-align:center; }
#brands #brandSlider li a			{ display:block; }
#brands #brandSlider li a figure			{ width:240px; height:240px; overflow:hidden; }
#brands #brandSlider li a figure img	{ position:relative; top:50%; left:50%; max-width:inherit; width:auto; height:100%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
#brands #brandSlider li a .name			{ padding:12px 15px 8px; font-size:13px; color:#000; font-weight:bold; }
#brands #brandSlider li a p				{ padding:0 15px; font-size:13px; line-height:1.4; color:#333; }
#brands .bx-controls-direction						{ padding:0 20px; margin:0 auto; max-width:980px; position:relative; }
#brands .bx-controls-direction a						{ position:absolute; width:40px; height:40px; text-indent:-9999px; z-index:100; background:no-repeat center center; background-size:40px; }
#brands .bx-controls-direction a:hover			{ opacity:0.7; }
#brands .bx-controls-direction .bx-prev			{ top:51px; right:62px; background-image:url(../images/common/btn_ar_prev.png); }
#brands .bx-controls-direction .bx-next			{ top:51px; right:20px; background-image:url(../images/common/btn_ar_next.png); }
#brands .linkBtn		{ margin:0 auto; }
@media screen and (max-width: 768px) {
#brands .title			{ font-size:40px;  }
#brands .bx-controls-direction .bx-prev			{ right:52px; }
#brands .bx-controls-direction .bx-next			{ right:10px; }
}
@media screen and (max-width: 480px) {
#brands					{ padding:50px 0; }
#brands .title			{ margin-bottom:10px; font-size:36px; line-height:1.2; }
#brands .lead			{ padding:0 10px; margin-bottom:20px; text-align:left; line-height:1.6; }
#brands .lead br		{ display:none; }
#brands .inBox			{ margin-bottom: 30px; }
#brands #brandSlider li				{ min-height:300px; }
#brands #brandSlider li a figure			{/* width:180px; height:180px; */}
#brands #brandSlider li a .name			{ padding:12px 10px 8px; font-size:12px; line-height:1.4; white-space:nowrap; overflow:hidden; }
#brands #brandSlider li a p				{ padding:0 10px; font-size:10px; height: 6em; }
#brands .bx-controls-direction a						{ width:30px; height:30px; background-size:30px; }
#brands .bx-controls-direction .bx-prev			{ top:31px; }
#brands .bx-controls-direction .bx-next			{ top:31px; }
#brands .linkBtn		{ margin:0; }
}




/* comNav */
#comNav				{ padding:100px 0 60px; }
@media screen and (max-width: 480px) {
#comNav				{ padding:50px 0 30px; }
}









/* sustaina */
.sustaina { }
.sustaina-box   { text-align:center; }
.sustaina-link  { display: block; color:#fff; padding: 120px 0; background: url(../images/home/sustaina_bg.jpg) no-repeat center center / cover; }
.sustaina-link._mywill  { background-image: url(../images/home/sustaina_mywill.jpg); }
.sustaina-title { font-size:38px; }
.sustaina-lead  { line-height:2.5; font-size:17px; margin-top: 30px; }
.sustaina-btn   { border: #fff 1px solid; line-height:40px; margin: 40px auto 0; }
.sustaina .only-sp { display: none; }
@media screen and (max-width: 480px) {
.sustaina-link  { padding: 74px 0; }
.sustaina-title { font-size:30px; }
.sustaina-lead  { line-height:1.8; font-size:13px; margin-top: 10px; }
.sustaina-btn   { margin: 20px auto 0; }
.sustaina .only-sp { display: block; }
}

#sustaina .inBox._sustainability a		{ background-image: url(../images/home/sustaina_bg.jpg); }
#sustaina .inBox._mywill a		{ background-image: url(../images/home/sustaina_mywill.jpg); }
#sustaina .inBox.sizeL				{ max-height: 600px; }
#sustaina .inBox.sizeL dl			{ top:40%; }
#sustaina .inBox.sizeL dl dt		{ font-size:56px; line-height:1.15; margin-bottom:10px; }
#sustaina .inBox.sizeL dl dd	{ font-size:17px; }
@media screen and (max-width: 768px) {
#sustaina .inBox.sizeL				{ width:50%; height:45.6vw; }
#sustaina .inBox.sizeL dl dt		{ font-size:36px; line-height:1.15; margin-bottom:10px; }
#sustaina .inBox.sizeL dl dd	{ font-size: 13px; }
}
@media screen and (max-width: 480px) {
#sustaina .inBox.sizeL			{ float: none; width: 100%; }
#sustaina .inBox.sizeL dl			{ top:33%; }
#sustaina .inBox.sizeL dl dt		{ font-size:30px; margin-bottom:4px; }
#sustaina .inBox.sizeL dl dd	{ font-size: 12px; }
}






/* recruit */
#recruit				{ padding:100px 0 60px; }
#recruit .inner			{ max-width: 980px; }
#recruit .recTitle	{ margin-bottom:40px; text-align:center; font-size:56px; font-family: 'Open Sans', sans-serif; }
#recruit .recruitBox { margin: 60px 0; }
#recruit .recruitBox ul { margin: 0 -10px; display: flex; justify-content: space-between; }
#recruit .recruitBox ul li { margin: 0 10px; width: 50%; box-sizing: border-box; }
#recruit .recruitBox ul li a { display: block; }
#recruit .recruitBox ul li a figure { margin-bottom: 20px; }
#recruit .recruitBox ul li a .inBox        {}
#recruit .recruitBox ul li a .inBox .title { margin-bottom: 10px; color: #000; font-weight: bold; text-align: center; font-size: 18px; }
#recruit .recruitBox ul li a .inBox .title span { font-weight: bold; min-height: 3em; }
#recruit .recruitBox ul li a .inBox .title .ico_blank { padding-right:12px; background:url(../images/common/ico_blank_bk.png) no-repeat right center; background-size:10px; }
#recruit .recruitBox ul li a .inBox .title .oneline { display: flex; justify-content: center; align-items: center; }
#recruit .recruitBox ul li a .inBox p      { color: #333; font-size: 15px; text-align: center; }

@media screen and (max-width: 480px) {
#recruit				{ padding:50px 0 30px; }
#recruit .recTitle	{ margin-bottom:20px; font-size:36px; }
#recruit .recruitBox { margin: 20px 0; }
#recruit .recruitBox ul { margin: 0 10px; display: block; }
#recruit .recruitBox ul li { margin: 0; width: 100%; }
#recruit .recruitBox ul li a figure { margin-bottom: 10px; }
#recruit .recruitBox ul li a .inBox .title { font-size: 15px; }
#recruit .recruitBox ul li a .inBox p      { font-size: 13px; margin-bottom: 30px; }
}