@charset "utf-8";


/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table.table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table.table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img{border: 0;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
/* -------------------------------------------------------------- */

body {
color:#f0f0f0;
font-size:100%;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height:1.5;
-webkit-text-size-adjust: none;
background-color: #292C42;
}
strong {
	font-weight:bold;
}
/* リンク設定
------------------------------------------------------------*/
a{color: #f0f0f0;text-decoration:none;}
a:hover{text-decoration: underline;}
a:active, a:focus {outline:0;}

/*リンクイメージ透過*/
a:hover img {
	opacity:0.80;
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	-ms-filter: "alpha(opacity=80)";
}

/*JavaScript許可無しの警告表示*/
noscript .keikoku{
    border:1px #FF7600 solid;
    color: #FF7600;
    padding: 10px 2%;
    font-weight: bold;
    text-align: center;
    width: 96%;
    margin-bottom: 1em;
}

/* 全体
------------------------------------------------------------*/
#wrapper{
	float:none;
	margin:0;
/*	padding:0 1%;*/
	padding:0;
	width:100%;
	position:relative;
/*	background: linear-gradient(to bottom, #999 3%, #eee, #eee, #eee);*/
	font-size:110%;
    
}

.inner{
	margin:0 auto;
	width:100%;
}


#mainWrapper{
	margin:0;
	padding:0;
	width:100%;
    
}
#mainWrapper_in{
	margin:0 auto;
	padding-top:10px;
	width:95%;
    max-width:1200px;
}

#mainWrapper h2.lead{
    border: none;
	margin:20px auto;
	padding:0;
	font-size:170%;
	font-weight:bold;
}

img {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: bottom;
	background: transparent;
}

.pankuzu {
	font-size:75%;
	padding:5px 0;
	color:#777;
}
.pankuzu a {color:#777;}
.pankuzu a:hover {text-decoration: underline;}
.pankuzu2 {
	padding: 0 5px;
}

.clear_f {
	clear:both;
}

span {
   display: inline-block;
	margin: 0;
	padding: 0;
}

td.nowrap{
	white-space: nowrap;
}
.caption {
    margin-top: 5px;
    font-size:85%;
    font-weight: normal;
}
.smalltext {
	font-size:75%;
    font-weight: normal;
}
.smalltext2 {
	font-size:70%;
    font-weight: normal;
}

.font-size50 {
	font-size:50%;
}
.font-size70 {
	font-size:70%;
}
.font-size90{
    font-size: 90%;
}
.font-size110{
    font-size: 110%;
}
.font-size120{
    font-size: 120%;
}
.font-size125{
    font-size: 125%;
}

.color_999{
    color: #999;
}
.color_333{
    color: #333;
}
.color_red {
	color:#CC0000;
}
.color_dblue{
    color:#1F3E84;
}
.bold{
    font-weight: bold;
}
.linkborder{
    border: 1px #003CFF solid;
}
.center {
    text-align: center;
}

.alignleft{
float:left;
clear:left;
margin:3px 10px 10px 0;
}

.alignright{
float:right;
clear:right;
margin:3px 0 10px 10px;
}
.alignbottom {
    display: flex;
    align-items: flex-end;
}


.indent_10 {
	padding-left:10px;
}
.indent_15 {
	padding-left:15px;
}
.indent_20 {
	padding-left:20px;
}
.indent_30 {
	padding-left:30px;
}



/*************
/* ヘッダー
*************/

header{
    background-color: #292C42;
    /*
    z-index: 2;
       position: fixed;
       position: -webkit-sticky;/*Safari用ベンダープレフィックス*/
    /*   top: 0;
    width: 100%;
        background:rgba(255,255,255,0.9);
    border-bottom: 1px #ccc solid;
    */
}
.header_in{
	margin:0 auto;
	width:100%;
    max-width: 1200px;
	min-height:55px;
}

.header_in h1{
	width:65%;
	padding:16px 0 0 0;
	font-size:100%;
	font-weight:normal;
	float:right;
    color: #ccc;
	text-align:center;
}
.header_in h1 .space{
        padding-left: 1em;
    }
    
.header_in .logo{
	width:305px;
	float:left;
	padding:10px 0 5px 5px;
}
.header_in .logo img {
	width:100%;
}
.widthfull {
    width: 100%;
}
.bcolor_nav{
    background-color: #eee;
}
.bcolor_eee{
    background-color: #eee;
}
.bcolor_blue{
    background-color: #45507A;
}
/*コンテンツページヘッドイメージ*/
#headimgbox {
	position: relative;
	width:100%;
	max-height:400px;
	margin:0 auto;
	background:#eee;
	text-align: center;
    overflow: hidden;

    display: flex;
    align-items: center;

}

#headimgbox img{
/*    object-fit: cover;*/
	margin:0 auto;
	width:100%;
/*	height:300px;
	object-fit: cover;*/
}



/*ホームレイアウト*/

#home {
	margin:50px 0 0 0;
	padding:0 0 0 0;
}
#home h1 {
	margin: 30px 0 30px 4%;
	width:100%;
	padding:0;
	font-weight:bold;
	font-size:180%;
}
#home #homereader {
    margin: 0;
	padding:0 0;
    width: 62%;
    float: left;
}
#home #homereader h2 {
	margin: 0 0 15px 0;
    padding: 0 0 5px 0;
	font-weight:bold;
	font-size:130%;
    border-bottom: 1px #FF580E solid;
    color:#8EDBEB;
}

/*homerightbox*/
#home .homerightbox {
	margin:0 auto;
    width: 35%;
    float: right;
}
#home .homerightbox .images img {
    width: 100%;
    margin-bottom: 1px;
}

#home .homerightbox .shopbox {
    width: 100%;
    margin: 0;
    padding: 0;
}
#home .homerightbox .shopbox img{
    width: 100%;
}

#home .ninsyo {
    margin: 50px 0 0 0;
    padding: 0;
    border: 1px #45507A solid;
    width: 100%;
    text-align: center;
}
#home .ninsyo ul{
    margin:10px;
    padding: 0;
    display: flex;
    justify-content:space-between;
}
#home .ninsyo li{
    /*float: left;*/
    /*width: 13.2857%;*/
    padding: 5px;
    /*margin: 0  0.5%;*/
}
#home .ninsyo li img{
    width: 100%;
}


.newsbox {
	float:none;
	margin:50px auto 100px auto;
	padding:0;
	width:100%;
    max-width: 1200px;
}
.newsbox h3{
    font-size: 100%;
    font-weight: bold;
    padding-bottom: 10px;
    /*border-bottom: 1px #333 solid;*/
}
.newsbox .news {
	width:100%;
	height:200px;
}


/*サブナビ（当社のものづくり）幅ブラウザ１００％*/
.bcolor_subnav_home{
    /*background:radial-gradient(#D03300, #ffffff);*/
    background: #D04000;
}

#subnav_home{
/*	position: absolute;*/
    top: 0;
    left: 0;
	margin:0 auto;
	padding:40px 0 30px 0;
	width:100%;
    max-width: 1200px;
/*    border-bottom: 1px #ccc solid;*/
/*	box-shadow: 0px 3px 6px #ccc;*/
    color: #220000;
}

#subnav_home .title{
/*    background: #D03300;*/
    margin: 10px 0 15px 0;
    padding: 5px 0;
    width: 100%;
    max-width: 1200px;
    font-size: 220%;
    color: #fff;
    text-align: center;
}
#subnav_home .title .space{
    padding-left: 1em;
}
#subnav_home h2{
    font-size: 120%;
    font-weight: bold;
    padding: 0;
    margin: 10px 0;
}

#subnav_home .menu{
  *zoom: 1;
  list-style-type: none;
    width: 100%;
  max-width: 1200px;
  margin:0 auto;
  padding: 0;
    font-size: 90%;
}

#subnav_home .menu .linkbox {
    margin: 0 auto;
    width: 100%;
    overflow: hidden;
}
#subnav_home .menu .linkbox img{
    width: 100%;
}

#subnav_home .menu:before, .menu:after{ 
  content: ""; 
  display: table; 
}

#subnav_home .menu:after{
  clear: both;
}

#subnav_home .menu li{
  position: relative;
  width: 16.25%;
  float: left;
  margin: 0 0 5px 0;
  padding: 0;
  text-align: center;
}
#subnav_home .menu li.space{
    width: 0.5%;
}
#subnav_home .menu li.space_2{
    width: 0.5%;
}
#subnav_home .menu li p {
    padding-top: 3px;
}    


.bcolor_subnav{
    /*background:radial-gradient(#D03300, #ffffff);*/
    background: #ddd;
}
#subnav{
/*	position: absolute;*/
    top: 0;
    left: 0;
	margin:0 auto;
	padding:40px 0 30px 0;
	width:100%;
    max-width: 1200px;
/*    border-bottom: 1px #ccc solid;*/
/*	box-shadow: 0px 3px 6px #ccc;*/
    color: #220000;
}

#subnav .title{
/*    background: #D03300;*/
    margin: 10px 0 15px 0;
    padding: 5px 0;
    width: 100%;
    max-width: 1200px;
    font-size: 220%;
    color: #fff;
    text-align: center;
}
#subnav h2{
    font-size: 120%;
    font-weight: bold;
    padding: 0;
    margin: 10px 0;
}

#subnav .menu{
  *zoom: 1;
  list-style-type: none;
    width: 100%;
  max-width: 1200px;
  margin:0 auto;
  padding: 0;
    font-size: 90%;
}

#subnav .menu .linkbox {
    margin: 0 auto;
    width: 100%;
    overflow: hidden;
}
#subnav .menu .linkbox img{
    width: 100%;
}

#subnav .menu:before, .menu:after{ 
  content: ""; 
  display: table; 
}

#subnav .menu:after{
  clear: both;
}

#subnav .menu li{
  position: relative;
  width: 16.25%;
  float: left;
  margin: 0 0 5px 0;
  padding: 0;
  text-align: center;
}
#subnav .menu li.current{
    background: #333;
    color: #fff;
}
#subnav .menu li.space{
    width: 0.5%;
}
#subnav .menu li.space_2{
    width: 0.5%;
}
#subnav .menu li p {
    padding-top: 3px;
}    
/*サブナビここまで*/


/*問い合わせ（フッター上）*/
.toiawasebox{
    background-color: #ddd;
	margin:50px 0 0 0;
	padding:30px 0 30px 0;
	width:100%;
    text-align: center;
    color: #333;
}
.toiawasebox_in {
    margin: 0 auto;
    max-width: 1200px;
}
.toiawasebox .title{
    border-bottom: 1px #aaa solid;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.toiawasebox .mailform{
    width: 40%;
    float: left;
    margin: 20px 0 20px 5%;
    display: inline-block;
    /*border: 1px #aaa solid;*/
    padding: 10px;
    border-radius: 5px;
}
.toiawasebox .text{
    font-weight: bold;
    font-size: 120%;
}
.toiawasebox .tel{
    width: 40%;
    float: right;
    font-size: 140%;
    margin: 20px 5% 20px 0;
    padding: 10px;
}
.toiawasebox a{
    color:#333;
}
.toiawasebox img{
    width: 70px;
    vertical-align:middle;
    margin-right:20px;
}
.toiawasebox a:hover {
    color:#0068b7;
    
}   



/*コンテンツレイアウト*/

#main_contents {
	width: 100%;
	margin:0;
	padding:0 0 0 0;
}
#main_contents .contents{
    margin: 5px 0 0 0;
    padding: 0;
}
#main_contents .contents_in{
    width: 95%;
    margin: 0 auto;
    padding: 0;
}

#main_contents h1 {
	margin-bottom:30px;
	width:100%;
	padding:0;
	font-weight:bold;
	font-size:170%;
}
#main_contents h2{
    font-size: 130%;
    font-weight: bold;
}
#main_contents h3{
    font-size: 115%;
    font-weight: bold;
}

#main_contents .leadtext{
    width: 100%;
    margin: 20px 0 0 0;
    font-size: 175%;
    line-height: 1.7;
}
#main_contents .leadtextL{
    margin: 20px 0 0 0;
    padding: 15px 0 0 0;
    width: 68%;
    float: left;
    font-size: 175%;
    line-height: 1.7;
}
#main_contents .leadtextR{
    margin: 30px 0 0 0;
    width: 27%;
    float: right;
    font-size: 175%;
}
#main_contents .leadtextR img{
    width: 100%;
  -webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.5));
  -moz-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.5));
  -ms-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.5));
  filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.5));
}


#main_contents .full{
    width: 100%;
}
#main_contents .full img{
    width: 100%;
}


/*ページ*/

#main_contents .leftbox7-3{
    margin: 0 0 0 0;
    width: 68%;
    float: left;
}
#main_contents .leftbox7-3 img{
    width: 100%;
}
#main_contents .leftbox7-3 img.small{
    width: 32%;
    float: left;
    padding-right: 1.33333%;
}
#main_contents .rightbox7-3{
    margin: 0 0 0 0;
    width: 30%;
    float: right;
}
#main_contents .rightbox7-3 img{
    width: 100%;
}

#main_contents .leftbox6-4{
    margin: 0 0 0 0;
    width: 58%;
    float: left;
}
#main_contents .leftbox6-4 img{
    width: 100%;
}
#main_contents .rightbox6-4{
    margin: 0 0 0 0;
    width: 38%;
    float: right;
}
#main_contents .rightbox6-4 img{
    width: 100%;
}

#main_contents .leftbox6{
    margin: 0 0 0 0;
    width: 58%;
    float: left;
}
#main_contents .leftbox6 img{
    width: 100%;
}
#main_contents .rightbox6{
    margin: 0 0 0 0;
    width: 58%;
    float: right;
}
#main_contents .rightbox6 img{
    width: 100%;
}

#main_contents .leftbox5-5{
    margin: 0 0 0 0;
    width: 47%;
    float: left;
}
#main_contents .leftbox5-5 img{
    width: 100%;
}
#main_contents .rightbox5-5{
    margin: 0 0 0 0;
    width: 47%;
    float: right;
}
#main_contents .rightbox5-5 img{
    width: 100%;
}

#main_contents .leftbox4-6{
    margin: 0 0 0 0;
    width: 38%;
    float: left;
}
#main_contents .leftbox4-6 img{
    width: 100%;
}
#main_contents .rightbox4-6{
    margin: 0 0 0 0;
    width: 58%;
    float: right;
}
#main_contents .rightbox4-6 img{
    width: 100%;
}

/*ここまで*/

#main_contents .centerbox_50{
    margin: 0 auto 0 auto;
    width: 50%;
    text-align: center;
}
#main_contents .centerbox_50 img{
    width: 100%;
}
#main_contents .centerbox_640px{
    margin: 0 auto 0 auto;
    width: 100%;
    max-width: 640px;
    text-align: center;
}
#main_contents .centerbox_640px img{
    width: 100%;
}


#main_contents h2.subtitle{
    margin: 10px 0 60px 0;
    padding: 25px 2%;
    width: 100%;
    font-size: 130%;
    font-weight: normal;
    /*border-top: 1px #CF0000 solid;*/
    border-bottom: 1px #FF580E solid;
    background: -webkit-linear-gradient(#292C42, #202234);
    background: -o-linear-gradient(#292C42, #202234);
    background: linear-gradient(#292C42, #202234);
    box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.3);
}

#main_contents h3.subtitle{
    /*display: inline;*/
    padding: 15px 1em;
    margin: 10px 0 60px 0;
    font-size: 120%;
    font-weight: normal;
    /*border-top: 1px #CF0000 dotted;*/
    border-bottom: 1px #FF580E dotted;
    border-left: 5px #FF580E solid;
    line-height: 1.3;
    box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.3);
}

#main_contents .videobox{
    width: 60%;
    margin: 60px auto 10px auto;
}

#main_contents .videobox video {
    width: 100%;
}


/*ステンレス鋳造ページ*/


#main_contents .leftbox5{
    margin: 0 0 25px 5%;
    width: 45%;
    float: left;
}
#main_contents .leftbox5 img{
    width: 100%;
}
#main_contents .rightbox5{
    margin: 0 0 25px 0;
    width: 45%;
    float: right;
}
#main_contents .righttbox5 img{
    width: 100%;
}
.imgtop_1 {
    /*padding-top: 145px;*/
}
.imgtop_2 {
    /*padding-top: 100px;*/
}

#main_contents .kouzaisyurui{
    width: inherit;
    margin: 70px 0 0 0;
    padding: 0 0 5px 0;
    border: 1px #45507A solid;
}
#main_contents .kouzaisyurui p.title{
    background-color: #45507A;
    text-align: center;
    padding: 5px 0;
    margin-bottom: 10px;
    /*font-weight: bold;*/
}

#main_contents .seihin_sample {
    margin: 0 auto;
    width: 100%;
    max-width: 660px;
}
#main_contents .seihin_sample ul{

    display:flex;
    /*flex-wrap: nowrap;*/
    
}
#main_contents .seihin_sample ul li {
    flex: auto;
    width: 200px;
    padding: 0 10px 40px 10px;
}
#main_contents .seihin_sample ul li img{
    width: 100%;
}


/*品質管理・保証ページ*/

#main_contents .ninsyoimg {
    float: left;
    width: 32%;
    margin: 20px 2% 0 0;
    text-align: center;
    font-size: 90%;
}
#main_contents .ninsyoimg_right {
    float: right;
    width: 32%;
    margin: 20px 0 0 0;
    text-align: center;
    font-size: 90%;
}
#main_contents .ninsyoimg img{
    width: 100%;
    border: 1px #ccc solid;
    margin-bottom: 5px;
}
#main_contents .ninsyoimg_right img{
    width: 100%;
    border: 1px #ccc solid;
    margin-bottom: 5px;
}
#main_contents .ninsyoimg2 {
    float: right;
    width: 50%;
    margin: 70px auto 0 auto;
    text-align: center;
    font-size: 100%;
}
#main_contents .ninsyoimg2 img{
    width: 100%;
    margin: 10px 0 5px 0;
}

#main_contents .shikenkiimg {
    float: left;
    width: 24%;
    margin: 0 1.33333% 0 0;
    text-align: center;
    font-size: 90%;
}
#main_contents .shikenkiimg_right {
    float: right;
    width: 24%;
    margin: 0 0 0 0;
    text-align: center;
    font-size: 90%;
}
#main_contents .shikenkiimg img{
    width: 100%;
    margin-bottom: 5px;
}
#main_contents .shikenkiimg_right img{
    width: 100%;
    margin-bottom: 5px;
}

#main_contents table.hinshitu{
	border-collapse:collapse;
	margin:0 ;
	width:100%;
}
#main_contents table.hinshitu td{
	border-collapse:collapse;
	text-align:left;
	padding:10px 5px 10px 15px;
	border:1px solid #45507A;
	vertical-align: middle;
}
#main_contents table.hinshitu td.center{
    text-align: center;
}
#main_contents table.hinshitu td.right{
    text-align: right;
}


/*主要設備ページ*/

#main_contents .setubi_img{
    float: right;
    width: 20%;
    margin: 0;
    font-size: 80%;
}

#main_contents .setubi_img img{
    float:none;
    width: 100%;
    padding: 0 0 3px 0;
}
#main_contents .setubi_img p{
    text-align: center;
    margin: 0 0 15px 0;
}

#main_contents table.setubi{
    float: left;
	border-collapse:collapse;
	margin:0 ;
	width:75%;
}
#main_contents table.setubi td{
	border-collapse:collapse;
	text-align:left;
	padding:10px;
	border:1px solid #45507A;
	vertical-align: middle;
}
#main_contents table.setubi td.center{
    text-align: center;
}
#main_contents table.setubi td.right{
    text-align: right;
}
#main_contents table.setubi th{
	padding:10px;
	border-top:1px solid #45507A;
	border-right:1px solid #45507A;
	border-bottom:1px solid #45507A;
	border-left:1px solid #45507A;
	font-weight:normal;
	text-align:center;
	background-color:#45507A;
	font-size:100%;
    vertical-align: middle;
}
#main_contents table.setubi .space{
	display:inline;
}

/*会社概要*/

table.kaisya{
	float:left;
	border-collapse:collapse;
	margin:0 0 0 3%;
	width:63%;
}
table.kaisya .space{
    padding-left: 1em;
}
table.kaisya td{
	border-collapse:collapse;
	text-align:left;
	padding:10px 15px;
	border:1px solid #45507A;
    vertical-align: middle;
}
table.kaisya td a{
    color:#f0f0f0;
}
table.kaisya th{
    width: 20%;
	max-width:180px;
	padding:10px;
	white-space:nowrap;
	border-top:1px solid #45507A;
	border-right:1px solid #45507A;
	border-bottom:1px solid #45507A;
	border-left:1px solid #45507A;
	font-weight:normal;
	text-align:center;
    vertical-align:middle;
}
.kaisyaimg {
	float:right;
	margin:0 2% 0 0;
	width:28%;
/*	max-width:240px;*/
}
.kaisyaimg img {
	width:100%;
}

table.enkaku{
	float:none;
	border-collapse:collapse;
	margin:0 0 0 3%;
	width:94%;
}

table.enkaku td{
	border-collapse:collapse;
	text-align:left;
	padding:10px 15px;
	border:1px solid #45507A;
    vertical-align: middle;
}

table.enkaku th{
    width: 14%;
    max-width: 180px;
	padding:10px;
	white-space:nowrap;
	border-top:1px solid #45507A;
	border-right:1px solid #45507A;
	border-bottom:1px solid #45507A;
	border-left:1px solid #45507A;
	font-weight:normal;
	text-align:center;
    vertical-align:middle;
    
}
.houshin{
    width: 94%;
    margin: 0 auto;
    }
ul.houshin {
    width: 75%;
    float: left;
    list-style-type: decimal;
    padding-left: 2em;
    margin: 20px 0 0 0;
    font-size: 120%;
}
.houshin_iso {
    display: block;
    width: 15%;
    float:right;
}
.houshin_iso img {
    padding-top: 20px;
    width: 100%;
}
.houshin_iso_sp {
    display: none;
}
.gmap {
	width:94%;
	margin:0 auto;
}

.mapnote {
	padding:10px 0;
	border-bottom: 1px #45507A solid;
}
.mapnote .mark {
	padding-right:3px;
	color:#2782CB;
	padding-top:10px;
}
.maptitle {
	font-size: 120%;
	padding-top: 5px;
	margin: 5px 0;
	font-weight: bold;
}



/*採用情報ページ*/
.saiyou {
    background-color: #e0e0e0;
    color: #333;
}
#main_contents .aisatu {
    width: 85%;
    margin: 30px auto;
    line-height: 2em;
}

#main_contents h2.subtitle_saiyou{
    margin: 10px 0 40px 0;
    padding: 25px 2%;
    width: 100%;
    font-size: 130%;
    font-weight: normal;
    /*border-top: 1px #CF0000 solid;*/
    
    background: -webkit-linear-gradient(#e0e0e0, #d0d0d0);
    background: -o-linear-gradient(#e0e0e0, #d0d0d0);
    background: linear-gradient(#e0e0e0, #d0d0d0);
    box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
    border-bottom: 1px #0066B9 solid;
}
#main_contents h3.subtitle_saiyou{
    /*display: inline;*/
    width: 90%;
    padding: 15px 1em;
    margin: 20px auto;
    font-size: 120%;
    font-weight: normal;
    border-left: 5px #0066B9 solid;
    line-height: 1.3;
    box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.3);
}

table.saiyou{
	float:none;
	border-collapse:collapse;
	margin:0 auto;
	width:85%;
    background-color: #f0f0f0;
    line-height: 2em;
}

table.saiyou td{
	border-collapse:collapse;
	text-align:left;
	padding:10px 15px;
	border:1px solid #aaa;
    vertical-align: middle;
}

table.saiyou th{
    width: 20%;
	max-width:180px;
	padding:10px;
	white-space:nowrap;
	border-top:1px solid #aaa;
	border-right:1px solid #aaa;
	border-bottom:1px solid #aaa;
	border-left:1px solid #aaa;
	font-weight:normal;
	text-align:center;
    vertical-align:middle;
    
}

.saiyou_nagare {
    width: 85%;
    margin: 0 auto 0 auto;
}

.saiyou_toiawasesaki {
    width: 85%;
    margin: 0 auto;
    background-color: #f0f0f0;
    padding: 20px;
    border: 1px #0066B9 solid;
    border-radius: 10px;
}
.saiyou_toiawasesaki a{
    color: #333;
}

/***お問い合わせページ***/
.toiawaseWrapper {
	width:90%;
	max-width: 640px;
	margin:0 auto;
}

.toiawaseWrapper h2{
	margin:20px 0;
	padding-left:15px;
	font-size:140%;
	font-weight:bold;
	border-left:7px solid #1496C7;
}
.toiawaseWrapper .inner{
	width: 90%;
	margin: 0 auto;
}
input[type="text"],input[type="tel"],input[type="email"],textarea {
	font-family: sans-serif;
	font-size:100%;
    width: 100%;
	padding:5px 0;
}

form {
	margin:0 auto;
	width:90%;
    max-width: 800px;
	font-size:100%;
}
form ul {
	margin:0 auto;
	width:100%;
	list-style-type:none;
	border:1px #45507A solid;
}
form ul li.koumoku{
    padding: 10px 0 10px 2%;
    margin: 0;
	background-color:#45507A;
	border-top:1px #45507A solid;

    float: none;
    width: 100%;
}

form ul li.nyuryoku {
	padding: 10px 2%;
    margin: 0;
	border-top:1px #45507A solid;
	border-left:none;
	float:none;
    width: 100%;
}
form ul li.nyuryokutop {
	padding: 10px 2%;
    margin: 0;
	border-left:none;
	float:none;
    width: 100%;
}
form ul .check {
	padding:10px 10px 0 10px;
	/*float:left;*/
}
form .nihongo {
    ime-mode: active;
}    /* ONにする */
form .hankaku {
    ime-mode: inactive;
}  /* OFFにする */

.kakunin {
	width:100%;
/*	max-width:610px;*/
	margin:10px 0;
}
.kakunin iframe {
	border:1px #ddd solid;
	padding:5px;
}

input.Bsubmit {
	padding:10px 30px;
	margin: 0 20px 0 0;
    font-size: 110%;
}
input.Breset {
	padding:10px;
	margin: 0 0 20px 0;
    font-size: 110%;
}
.soushin {
	text-align:center;
}
.soushin {
	text-align:center;
}
.otoiawaseTel {
	padding-top:10px;
	font-size:160%;
	font-weight:bold;
	text-align:center;
}
.otoiawaseTel a{
    color:#f0f0f0;
}
.otoiawaseTel .smalltext2{
    padding-right: 1em;
}
.hissu {
	color: #E16F00;
	font-size:80%;
}
.hissu2 {
	color:#333;
	font-size:80%;
}
#privacy {
	padding:1em;
}
#privacy h2{
	font-size:120%;
	font-weight:bold;
	padding:5px 0;
}
#privacy h3{
	font-size:110%;
	font-weight:bold;
	padding:5px 0;
	color:#3E72A3;
}
#privacy ol {
	list-style-type:decimal;
	margin-left:40px;
}
#privacy ol li {
	padding:5px 0;
}
	
#privacy .right{
	text-align:right;
	padding-right:0.5em;
}


/*************
テーブル
*************/
table.table{
border-collapse:collapse;
margin:5px auto 15px auto;
}

table.table td{
border-collapse:collapse;
background-color:#F9F9F9;
text-align:left;
padding:10px;
border:1px solid #D6D6D6;
line-height:20px;
}

table.table th{
background-color:#F5F5F5;
text-align:right;
padding:10px;
white-space:nowrap;
color: #151515;
border-top:1px solid #D4D4D4;
border-right:4px solid #D4D4D4;
border-bottom:1px solid #D4D4D4;
border-left:1px solid #D4D4D4;
font-size:13px;
font-weight:normal;
letter-spacing:1px;
background-repeat:repeat-x;
background-position:top;
}



/*サイトマップ*/

table.sitemap{
border-collapse:collapse;
margin:5px auto 15px auto;
width:80%;
}
table.sitemap td{
text-align:left;
/*width:60%;*/
padding:15px;
border-bottom:1px #45507A dashed;
}

table.sitemap th{
text-align:left;
/*width:40%;*/
padding:15px;
font-weight:normal;
border-bottom:1px #45507A dashed;
	white-space: nowrap;
}
table.sitemap a {
	color:#f0f0f0;
}

table.sitemap ul{
    margin-top: 1em;
    padding-left: 100px;
}
table.sitemap ul li{
    padding: 0;
    margin: 0;
    line-height: 1.5;
}

/*************
/* フッター
*************/
#footer{
    margin: 0;
    clear:both;
    background-color:#666;
    color:#eee;
    padding-top:20px;
    padding-bottom: 30px;
}
#footer a {
	color:#eee;
}
#footer .inner{
    overflow:hidden;
/*	max-width:900px;*/
	max-width:1200px;
	width:auto;
}

* html #footer .inner{height:1%;}

#footer .footerinfo {
	padding-bottom:10px;
	font-size:90%;
	text-align:center;
}

#footer .copy {
	padding-bottom:10px;
	font-size:11px;
	text-align:center;
	font-family: Verdana, Geneva, "sans-serif";
}

#footer .space2{
    padding-left: 2em;
}


/* PC用
------------------------------------------------------------*/





		

/*PC用ここまで*/

/*******************************************************
PC幅狭い
*******************************************************/
@media only screen and (max-width:1100px){

}
/*******************************************************
スマートフォン
*******************************************************/

@media only screen and (max-width:799px){
    
.header_in .logo{
	width:70%;
    max-width: 305px;
	float:none;
	padding:5px 0 5px 0;
    margin: 5px 0 0 10px ;
    text-align: center
}
.header_in h1{
	width:98%;
	padding:10px 0 10px 0;
	font-size:100%;
	font-weight:normal;
	float:none;
    color: #ccc;
	text-align:center;
}
    .header_in h1 .space{
        padding-left: 0;
    }

    
.bcolor_nav{
    display: none;

}    
#mainWrapper_in{
	margin:0 auto;
	padding-top:10px;
	width:100%;
    max-width:1200px;
}
    
#main_contents .contents{
    width: 96%;
    margin: 5px auto 0 auto;
    padding: 0;
}
#main_contents .contents_in{
    width: 100%;
    margin: 0 auto;
    padding: 0;
}
    
#footer .space2{
    padding-left: 0;
}
    
/*ホームレイアウト*/
    
#home {
	margin:30px 0 0 0;
	padding:0 0 0 0;
}
#home h1 {
	margin: 30px 0 30px 4%;
	width:100%;
	padding:0;
	font-weight:bold;
	font-size:150%;
}
#home #homereader {
    margin: 0 auto;
	padding:0 0;
    width: 95%;
    float: none;
}
#home #homereader h2 {
	margin: 0 0 15px 0;
    padding: 0 0 5px 0;
	font-weight:bold;
	font-size:130%;
    border-bottom: 1px #FF580E solid;
    color:#8EDBEB;
}

/*homerightbox*/
#home .homerightbox {
	margin:30px auto;
    width: 100%;
    float: none;
}
#home .homerightbox .images img {
    width: 33.333%;
    margin-bottom: 1px;
    float: left;
    padding: 0 0;
}

#home .homerightbox .shopbox {
    clear: both;
    float: none;
    width: 60%;
    margin: 20px auto 0 auto;
    padding: 0;
    border-radius: 5px;
    box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.3);
}
#home .homerightbox .shopbox img{
    width: 100%;
}

#home .ninsyo {
    margin: 30px 0 0 0;
    padding: 0;
    /*border: 1px #45507A solid;*/
    border: none;
    width: 100%;
    text-align: center;
}
#home .ninsyo ul{
    margin:10px;
    padding: 0;
    display: table;
    justify-content:space-between;
}
#home .ninsyo li{
    float: left;
    /*padding: 5px;*/
    width: 33.3333%;
    /*margin: 0  0.5%;*/
}
#home .ninsyo li img{
    width: 100%;
}

    
/*サブナビ（当社のものづくり）幅ブラウザ１００％*/

#subnav_home{
    top: 0;
    left: 0;
	margin:0 auto;
	padding:40px 0 30px 0;
	width:98%;
}
#subnav_home .title{
    font-size: 160%;
}
#subnav_home .title .space{
    padding-left: 0;
}

#subnav_home .menu li{
  position: relative;
  width: 33%;
  float: left;
  margin: 0 0 5px 0;
  padding: 0;
  text-align: center;
}
#subnav_home .menu li.space{
    width: 0.5%;
}
#subnav_home .menu li.space_2{
    width: 0;
}
#subnav_home .menu li p {
    padding-top: 3px;
}    

#subnav .title{
    font-size: 160%;
}

#subnav .menu li{
  position: relative;
  width: 33%;
  float: left;
  margin: 0 0 5px 0;
  padding: 0;
  text-align: center;
}
#subnav .menu li.current{
    background: #333;
    color: #fff;
}
#subnav .menu li.space{
    width: 0.5%;
}
#subnav .menu li.space_2{
    width: 0;
}
#subnav .menu li p {
    padding-top: 3px;
}    
/*サブナビここまで*/    
    
/*問い合わせ（フッター上）*/


.toiawasebox .mailform{
    width: 100%;
    float: none;
    margin: 25px 0 0 0;
    display: inline-block;
    /*border: 1px #aaa solid;*/
    padding: 0;
    text-align: center;
}
.toiawasebox .text{
    font-weight: bold;
    font-size: 120%;
}
.toiawasebox .tel{
    width: 100%;
    float: none;
    font-size: 140%;
    margin: 30px 0 0 0;
    padding: 0;
    text-align: center;
}
.toiawasebox img{
    width: 50px;
    vertical-align:middle;
    margin-right:10px;
}

    
/*コンテンツページヘッドイメージ*/
#headimgbox {
	position: relative;
	width:100%;
	max-height:400px;
	margin:0 auto;
	background:#eee;
	text-align: center;
    overflow: hidden;
}

#headimgbox img{
    object-fit: cover;
	margin:0 auto;
	width:100%;
    height:100px;
/*	height:300px;
	object-fit: cover;*/
}    
    
/*メインコンテンツ*/
    
.pankuzu {
	font-size:70%;
	padding:5px 0 0 5px;
	color:#777;
}
    
#main_contents h2.subtitle{
    margin: 10px 0 20px 0;
    padding: 25px 2% 10px 2%;
    }
#main_contents h1 {
	margin-bottom:30px;
	width:100%;
	padding:0;
	font-weight:bold;
	font-size:150%;
}
#main_contents h2{
    font-size: 130%;
    font-weight: bold;
}
#main_contents h3{
    font-size: 115%;
    font-weight: bold;
}

#main_contents .leadtext{
    width: 100%;
    margin: 20px 0 0 0;
    font-size: 150%;
    line-height: 1.7;
}
#main_contents .leadtextL{
    margin: 20px 0 0 0;
    padding: 15px 0 0 0;
    width: 68%;
    float: left;
    font-size: 150%;
    line-height: 1.7;
}
#main_contents .leadtextR{
    margin: 30px 0 0 0;
    width: 27%;
    float: right;
    font-size: 150%;
}        

#main_contents .leftbox5-5{
    margin: 0 auto;
    width: 98%;
    float: none;
}

#main_contents .rightbox5-5{
    margin: 0 auto;
    width: 98%;
    float: none;
}

#main_contents .leftbox4-6{
    margin: 0 auto 20px auto;;
    width: 98%;
    float: none;
}

#main_contents .rightbox4-6{
    margin: 0 auto;
    width: 98%;
    float: none;
}

#main_contents .leftbox6-4{
    margin: 20px auto;
    width: 98%;
    float: none;
}

#main_contents .rightbox6-4{
    margin: 20px auto;
    width: 98%;
    float: none;
}
  
#main_contents .leadtext{
    margin: 20px auto;
    padding: 0;
    width: 95%;
    font-size: 160%;
    line-height: 1.7;
}    
#main_contents .leadtextL{
    margin: 20px auto;
    padding: 0;
    width: 95%;
    float: none;
    font-size: 160%;
    line-height: 1.7;
}
#main_contents .leadtextR{
    margin: 20px auto;
    width: 50%;
    font-size: 160%;
    float: none;
}


#mainWrapper h2.lead{
    border: none;
	margin:20px auto;
	padding:0;
	font-size:135%;
	font-weight:bold;
}

#main_contents .videobox{
    width: 98%;
    margin: 40px auto 10px auto;
}

#main_contents .videobox video {
    width: 100%;
}
    
/*ステンレス鋳造ページ*/
.imgtop_1 {
    padding-top: 0;
}
.imgtop_2 {
    padding-top: 8px;
}
#main_contents .leftbox5{
    margin: 0 1%;
    width: 48%;
    float: left;
}
#main_contents .rightbox5{
    margin: 0 1% ;
    width: 48%;
    float: left;
}
#main_contents .kouzaisyurui{
    width: 98%;
    margin: 50px auto 30px auto;
    padding: 0;
    border: 1px #45507A solid;
}
    
/*品質管理・保証ページ*/

#main_contents .ninsyoimg {
    float: left;
    width: 48%;
    margin: 20px 1% 0 1%;
    text-align: center;
    font-size: 90%;
}
#main_contents .ninsyoimg_right {
    float: left;
    width: 48%;
    margin: 20px 1% 0 1%;
    text-align: center;
    font-size: 90%;
}
#main_contents .ninsyoimg img{
    width: 100%;
    border: 1px #ccc solid;
    margin-bottom: 5px;
}
#main_contents .ninsyoimg_right img{
    width: 100%;
    border: 1px #ccc solid;
    margin-bottom: 5px;
}
#main_contents .ninsyoimg2 {
    clear: both;
    float: none;
    width: 70%;
    margin: 0 auto 0 auto;
    text-align: center;
    font-size: 100%;
}
#main_contents .ninsyoimg2 img{
    width: 100%;
    margin: 30px 0 5px 0;
}

#main_contents .shikenkiimg {
    float: left;
    width: 48%;
    margin: 0 1% 10px 1%;
    text-align: center;
    font-size: 90%;
}
#main_contents .shikenkiimg_right {
    float: left;
    width: 48%;
    margin: 0 1% 10px 1%;
    text-align: center;
    font-size: 90%;
}
#main_contents .shikenkiimg img{
    width: 100%;
    margin-bottom: 5px;
}
#main_contents .shikenkiimg_right img{
    width: 100%;
    margin-bottom: 5px;
}

#main_contents table.hinshitu{
	border-collapse:collapse;
	margin:0 ;
	width:100%;
}
#main_contents table.hinshitu td{
	border-collapse:collapse;
	text-align:left;
	padding:10px 5px 10px 15px;
	border:1px solid #45507A;
	vertical-align: middle;
}
#main_contents table.hinshitu td.center{
    text-align: center;
}
#main_contents table.hinshitu td.right{
    text-align: right;
}    
    
/*主要設備ページ*/

#main_contents .setubi_img{
    float: none;
    width: 100%;
    margin: 20px auto 0 auto;
    font-size: 80%;
}

#main_contents .setubi_img img{
    float:none;
    width: 100%;
    padding: 0 0 3px 0;
}
#main_contents .setubi_img p{
    float:left;
    width: 48%;
    margin:0 1% 15px 1%;
    text-align: center;
}
    
#main_contents table.setubi{
    float: none;
	border-collapse:collapse;
	margin:0 ;
	width:100%;
}
#main_contents table.setubi td{
	border-collapse:collapse;
	text-align:left;
	padding:8px 8px;
	border:1px solid #45507A;
	vertical-align: middle;
    font-size: 80%;
}
#main_contents table.setubi td.center{
    text-align: center;
}
#main_contents table.setubi td.right{
    text-align: right;
}

#main_contents table.setubi .space{
	display:inline;
}



/***お問い合わせページ***/
.toiawaseWrapper {
	width:98%;
	margin:0 auto;
}

.otoiawaseTel {
	padding-top:10px;
	font-size:140%;
	font-weight:bold;
	text-align:center;
}

/*会社概要*/

table.kaisya{
	float:none;
	border-collapse:collapse;
	margin:0 auto;
	width:98%;
}
table.kaisya .space{
    padding-left: 0;
}
table.kaisya td{

	padding:8px 10px;

}

table.kaisya th{

	padding:8px 5px;

}

.kaisyaimg {
	float:none;
	margin:20px auto;
	width:98%;
	text-align:center;
}
.kaisyaimg img {
	width:100%;
}
  
table.enkaku{
	float:none;
	border-collapse:collapse;
	margin:0 auto;
	width:98%;
}
    
ul.houshin {
    width: 100%;
    float: none;
    list-style-type: decimal;
    padding-left: 2em;
    margin: 20px 0 0 0;
    font-size: 120%;
}
.houshin_iso {
    display: none;
}

.houshin_iso_sp {
    display: block;
    margin: 20px auto;
    width: 40%;
}
.houshin_iso_sp img{
    width:100%;
}

/*採用情報ページ*/

#main_contents .aisatu {
    width: 98%;
    margin: 30px auto;
    line-height: 2em;
}

#main_contents h2.subtitle_saiyou{
    margin: 10px 0 40px 0;
    padding: 25px 2%;
    width: 100%;
    font-size: 130%;
    font-weight: normal;
    /*border-top: 1px #CF0000 solid;*/
    
    background: -webkit-linear-gradient(#e0e0e0, #d0d0d0);
    background: -o-linear-gradient(#e0e0e0, #d0d0d0);
    background: linear-gradient(#e0e0e0, #d0d0d0);
    box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
    border-bottom: 1px #0066B9 solid;
}
#main_contents h3.subtitle_saiyou{
    /*display: inline;*/
    width: 98%;
    padding: 15px 1em;
    margin: 20px auto;
    font-size: 120%;
    font-weight: normal;
    border-left: 5px #0066B9 solid;
    line-height: 1.3;
    box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.3);
}

table.saiyou{
	float:none;
	border-collapse:collapse;
	margin:0 auto;
	width:98%;
    background-color: #f0f0f0;
    line-height: 2em;
}

table.saiyou td{
	border-collapse:collapse;
	text-align:left;
	padding:10px 15px;
	border:1px solid #aaa;
    vertical-align: middle;
}

table.saiyou th{
    width: 20%;
	max-width:180px;
	padding:10px;
	white-space:nowrap;
	border-top:1px solid #aaa;
	border-right:1px solid #aaa;
	border-bottom:1px solid #aaa;
	border-left:1px solid #aaa;
	font-weight:normal;
	text-align:center;
    vertical-align:middle;
    
}

.saiyou_nagare {
    width: 98%;
    margin: 0 auto 0 auto;
}

.saiyou_toiawasesaki {
    width: 98%;
    margin: 0 auto;
    background-color: #f0f0f0;
    padding: 20px;
    border: 1px #0066B9 solid;
    border-radius: 10px;
}
    
/*サイトマップ*/

table.sitemap{
border-collapse:collapse;
margin:5px auto 15px auto;
width:98%;
}

table.sitemap td{
text-align:left;
/*width:60%;*/
padding:10px;
border-bottom:1px #45507A solid;
}

table.sitemap th{
text-align:left;
/*width:40%;*/
padding:10px;
font-weight:normal;
border-bottom:1px #45507A solid;
	white-space: nowrap;
}
table.sitemap a {
	color:#f0f0f0;
}
table.sitemap ul{
    margin-top: 1em;
    padding-left: 50px;
}
    
/*お問い合わせ*/
form {
	margin:0 auto;
	width:100%;
	font-size:100%;
}
form ul {
	margin:0 auto;
	width:100%;
	list-style-type:none;
	border:1px #45507A solid;
}
form ul li.koumoku{
    padding: 10px 0;
    margin: 0;
	background-color:#45507A;
	border-top:1px #45507A solid;
	text-align:center;
    float: none;
    width: 100%;
}

form ul li.nyuryoku {
	padding: 10px 2%;;
    margin: 0;
	border-top:1px #45507A solid;
	border-left:none;
	float:none;
    width: 100%;
}

/*---*/




}/*スマートフォンここまで*/

/* スマートフォン 横(ランドスケープ) */
@media only screen and (max-width:640px){
/*
	#header{
	height:auto;
	padding-bottom:10px;
	}
	
	#header h1,.logo,.info{text-align:center;}
	
	.logo,.info{
	clear:both;
	width:100%;
	float:none;
	margin:0;
	}
	
	.box img{
	float:left;
	width:100%;
	margin-right:5px;
	}
	
	.box h3{padding-top:0;}

  .alignleft,.alignright{
	float:none;
	display:block;
	margin:0 auto 10px;
	}
*/
}


/*電話番号リンクをスマホのみで有効*/ 
@media (min-width: 799px) {

a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
    
}



/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px){
/*#header .logo{
	width:100%;
	float:left;
	padding-top:5px;
}

	#mainBanner h2,#mainBanner p{font-size:80%;}
/*	#sidebar p{text-align:center;}*/
.textRace {
	width:100%;
	min-height:550px;
	margin:0;
	padding:10px 0;
	background:url(../images/race0mobileLL.jpg) no-repeat;
	background-size:100%;
	font-size:120%;
	line-height:1.7;
	margin-bottom:20px;
}

}