@charset "UTF-8";
/* placeholder color */
/**********************************************************************************************

　TOP

**********************************************************************************************/
/*---------------------------------------------
common
---------------------------------------------*/

/*--------------------------------------------
TOP main-contents
----------------------------------------------*/
#PageID_Top #top_contets {
	background: url("../imgs/top/factory.png") no-repeat left bottom;
	padding: 0 20px 10px;
	display: flex;
}
#PageID_Top #contents_container .l_box {
	padding: 0 0 250px;
	width: 50%;
}
#PageID_Top #contents_container .l_box h3{
	font-size: 2em;
	padding-left: 20px;
	letter-spacing: 0.2em;
}
#PageID_Top #contents_container .l_box p {padding: 20px;}
#PageID_Top #contents_container .r_box {
	width: 50%;
}
#PageID_Top #contents_container .r_box ul {
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
	flex-wrap: wrap;
}
#PageID_Top #contents_container .r_box ul li {width: 33%;}
#PageID_Top #contents_container .r_box ul li.top_contents_logo {width: 100%;}
#PageID_Top #contents_container .r_box ul li img {margin: 10px;}


@media (max-width: 750px) {
	#PageID_Top #top_contets {display:block;background: url("../imgs/top/factory.png") no-repeat center bottom;}
	#PageID_Top #contents_container .l_box{ width: 100%;font-size: 0.8em;padding: 0 0 15px;}
	#PageID_Top #contents_container .l_box p {padding: 20px;font-size: 1.5em;}
	#PageID_Top #contents_container .r_box {width: 100%;padding: 0 0 250px;}}