@charset "utf-8";

#keyimg {
    margin:0px auto;
	padding:0px;
	background:url(../img/top/topimg.jpg) no-repeat 50%;
	height:480px;
}

#main_col {
    margin:0px;
	padding:0px;
	float:left;
	width:420px;
}

#right_col {
    margin:0px;
	padding:0px;
	float:right;
	width:240px;
}

#main_col p.newsitiran {
    margin:0;
	padding:0;
	position:relative;
	width:420px;
	height:0;
}

#main_col p.newsitiran img {
    vertical-align:top;
}

#main_col p.newsitiran a {
    position:absolute;
	top:-20px;
	right:2px;
}

#search_box {
    border:2px #fe9900 solid;
	padding:10px 5px 10px 8px;
	margin-bottom:15px;
}

#search_box .subtextbox {
    width:180px;
	height:16px;
	border:1px solid #CCCCCC;
	padding:3px;
	vertical-align:middle;
}

#search_box .subsubmit {
    vertical-align:middle;
	margin-top:-3px;
	margin-left:-6px;
	margin-top:0px;
}

#newslist {
    zoom:1;
	overflow:hidden;
	margin:10px 0px 20px;
	padding:0px;
}

#newslist dt {
    clear:both;
	float:left;
	width:8.8em;
	padding:5px 0px;
	margin:0;
}

*html #newslist dt {
    width:8em;
}

#newslist dd {
    margin:0px;
	padding:5px 0px 5px 8.8em;
	background:url(../img/border_dott.jpg) repeat-x left bottom;
}

*html #newslist dd {
    padding-left:8em;
}

#flash {
    margin:11px auto 0px;
	padding:0px;
	width:960px;
	height:400px;
	z-index:3;
}

#born_section {
margin: 0 auto;
padding:0;
width: 100%;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b9fefe+0,feffff+99 */
background: #d7fcfc; /* Old browsers */

position:relative;
}
#born_section::before{
  content:"";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
 
  /*ここで三角形のサイズを決める。
  必ず幅100vwにして、ブラウザサイズいっぱいにしてください。*/
  border-width: 0 0 150px 100vw ;
 
  border-color: transparent transparent #fff transparent;
}

#born_section div { margin: 0 auto 0; padding: 30px 0 70px; width: 960px;}

#born_section h3 {
margin: 0 auto 20px;
text-align: center;
font-size: 22px;
font-weight: 700;
font-style: italic;
}
#born_section figure {
width: 100%;
display: block;
}
#born_section figure img {
width: 100%; height: auto;
}

.top_lead {margin: 0 0 15px; padding: 0; font-size: 20px;font-family: 'Noto Sans JP', sans-serif; font-weight: 700;}
.font_noto {font-family: 'Noto Sans JP', sans-serif;}

#top_produt_section {
 width: 100%;
	display: flex;
	flex-wrap: wrap;
}
#top_produt_section article {
display: block;
width: 50%;
 position: relative;
	height: 135px;
}
#top_produt_section article a {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#top_produt_section article .innnerblock { width: 100%; display: flex; align-content: center;}
#top_produt_section article .innnerblock figure { margin: 0; padding: 27px 15px 0; width: 80px; flex: 0 0 80px;}
#top_produt_section article .innnerblock figure img { width: 100%; height: auto;}
#top_produt_section article .innnerblock div { display: flex; flex-direction: column;justify-content: center;}
#top_produt_section article .innnerblock div h2 { margin: 15px 0 10px; font-size: 18px;color: #fff; text-decoration: none !important; font-weight: bold; text-align: left;}
#top_produt_section article .innnerblock div p { margin: 0; padding: 0; font-size: 14px;color: #fff;}
#top_produt_section article p.product_arrow { margin: 0; padding: 0; position: absolute; bottom: 10px; right: 10px;}
#top_produt_section article#crushing_sec {background-color:#0097c6;}
#top_produt_section article#crushing_sec:hover {background-color:#72d5ff;}
#top_produt_section article#powder_sec {background-color:#ff871b;}
#top_produt_section article#powder_sec:hover {background-color:#ffa553;}
#top_produt_section article#recycling_sec {background-color:#7edb37;}
#top_produt_section article#recycling_sec:hover {background-color:#97e25e;}
#top_produt_section article#casting_sec {background-color:#ff4a4a;}
#top_produt_section article#casting_sec:hover {background-color:#ff8585;}