@charset "UTF-8";

/*-----------------------
共通
-----------------------*/
body {
	font-family: "メイリオ", sans-serif;
	margin: 0;
	color: #1F1F1F;
}

.entry-header {
	display: none;
}
footer .entry-footer {
	display: none;
}

ul {
	list-style: none;
	padding-left: 0;
}

img {
	vertical-align: bottom;
	border: 0;
}

.wrap {
	width: 985px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}

.main_co {
	width: 680px;
	height: auto;
	float: left;
}

.title_bar {
	padding: 0.5em 0.7em;
	border: 2px solid #DDDDDD;
	border-top: 3px solid #0060A7;
	/*background: -moz-linear-gradient(top,#FFFFFF 0%,#FFFFFF 40%,#F0F0F0 40%,#F0F0F0);
	background: -webkit-gradient(linear, left top, left bottom,from(#FFFFFF), color-stop(0.4,#FFFFFF), color-stop(0.4,#F0F0F0),  to(#F0F0F0));*/
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
	font-size: 16px;
	margin-bottom: 0;
	margin-top: 2.5em;
  background: url(../images/title_bar_bg.png);
  background-repeat: repeat-x;
}
.title_bar small {
	font-size: 11px;
	color: #0067B7;
	padding-left: 1.5em;
}

.co_box {
	border-bottom: 2px solid #DDDDDD;
	border-right: 2px solid #DDDDDD;
	border-left: 2px solid #DDDDDD;
	padding: 1.5em 1em;
}

section .section_co {
	overflow: hidden;
}
section .section_co p {
	margin-top: 0;
	font-size: 14px;
	width: 410px;
	height: auto;
	float: left;
	line-height: 17px;
}
section .section_co img {
	width: auto;
	height: auto;
	float: right;
}

.btn {
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	font-size: 13px;
	display: block;
	/*background: -moz-linear-gradient(top,#FFFFFF 0%,#FFFFFF 40%,#F0F0F0 40%,#F0F0F0);
	background: -webkit-gradient(linear, left top, left bottom,from(#FFFFFF), color-stop(0.4,#FFFFFF), color-stop(0.4,#F0F0F0),  to(#F0F0F0));*/
	border: 1px solid #DDDDDD;
	width: 144px;
	padding: 6px 0;
	clear: both;
	background: url(../images/btn_bg.png);
  background-repeat: repeat-x;
}
.btn {
	color: #1F1F1F;
}
.btn:after {
	content: url(../images/small_arrow.png);
	display: inline-block;
	width: 13px;
	height: 13px;
	vertical-align: sub;
	margin-left: 0.5em;
}

/*-----------------------
header PC-only
-----------------------*/
header {
	border-top: 7px solid #004F88;
}

header .head_top {
	width: 985px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}

header .head_top >li {
	position: relative;
	height: 120px;
	bottom:10px;
}

header >nav {
	background: url(../images/nav_bg.png);
	background-repeat: repeat-x;
}

header >nav ul {
	width: 985px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}

header >nav ul li {
	float: left;
}


.tel_co li:nth-child(1),
.tel_co li:nth-child(3) {
	font-size: 13px;
}
.tel_co li:nth-child(2) {
	font-size: 33px;
	font-weight: bold;
}
.tel_co li:nth-child(2) a {
	text-decoration: none;
}

.tel_co li:nth-child(2) a img {
	display: block;
}

.tel_co li:nth-child(3) {
	text-align: right;
}

.main_img {
	background-color: #085778;
}
.main_img >div {
	text-align: center;
}


/*-----------------------
サイドバー
-----------------------*/
.side_co { 
	width: 260px;
	height: auto;
	float: right;
	margin-top: 2.5em;
}

.side_co .com_ban {
	background-color: #F0F0F0;
	border-radius: 5px;
	padding: 1em;
	margin-top: 0;
}
.side_co .com_ban h2 {
	margin-top: 0;
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
	border-bottom: 2px solid #0068B7;
}

.side_co img {
	display: block;
}
.side_co >img {
	margin-bottom: 1em;
}

/*加工技術ページ*/
.stre_side {
	margin-top: 0;
	margin-bottom: 1.5em;
}
.stre_side dt {
	width: 100%;
	height: auto;
	/*background: -moz-linear-gradient(top,#0078D1 0%,#0078D1 40%,#005B9F 40%,#005B9F);
	background: -webkit-gradient(linear, left top, left bottom,from(#0078D1), color-stop(0.4,#0078D1), color-stop(0.4,#005B9F),  to(#005B9F));*/
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
  padding: 10px 0;
  text-indent: 1em;
	background: url(../images/side_title_bg.png);
  background-repeat: repeat-x;
}

.stre_side dd {
	border-bottom: 2px solid #DDDDDD;
	border-right: 2px solid #DDDDDD;
	border-left: 2px solid #DDDDDD;
	margin-left: 0;
}

.stre_side dd ul {
	margin: 0;
}

.stre_side dd ul li:before {
	content: url(../images/small_arrow.png);
	display: inline-block;
	width: 13px;
	height: 13px;
	margin-right: 0.5em;
}

.stre_side dd ul li {
	padding:0 0 0.5em 1em;
	margin-top: 0.5em;
	border-bottom: 1px dotted #C2C2C2;
}
.stre_side dd ul li:nth-child(1) {
	padding-top: 0.5em;
	margin-top: 0;
}
.stre_side dd ul li:last-child {
	border-bottom: none;
}

.stre_side dd ul li a {
	text-decoration: none;
	font-size: 14px;
	color: #212121;
}

/*-----------------------
footer PC-only
-----------------------*/
.p_top {
	clear: both;
	margin-top: 5em;
	text-align: right;
}

footer {
	border-top: 2px solid #DDDDDD;
	padding-bottom: 1em;
	border-bottom: 7px solid #004F88;
}

footer .footer_fl >ul {
	overflow: hidden;
}
footer .footer_fl >ul >li:nth-child(1) {
	float: left;
}
footer .footer_fl >ul >li:nth-child(2) {
	float: right;
  height: 42px;
  position: relative;
  width: 550px;
}

footer .footer_fl >ul >li:nth-child(1) h2 {
	margin: 0;
}

footer .footer_fl li ul {
	width: 560px;
	height: auto;
	display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 25px;
}

footer li ul li {
	float: left;
	margin-left: 0.8em;
}
footer li ul li:nth-child(1) {
	margin-left: 0;
}

footer li ul li a {
	font-size: 16px;
	text-decoration: none;
	color: #262626;
}

footer .fo_bo {
	overflow: hidden;
}

footer .fo_bo address {
	width: auto;
	font-size: 14px;
	font-style: normal;
	float: left;
}

footer .fo_bo address a {
	text-decoration: none;
	color: #1F1F1F;
}

footer .fo_bo p {
	width: auto;
	font-size: 12px;
	float: right;
}


/*-----------------------
Slick
-----------------------*/

.slick_container .title_bar {
  padding: 0.5em 0.7em;
  border: none;
  box-shadow: none;
  font-size: 16px;
  margin-bottom: 0;
  margin-top: 0;
  background: none;
}

#mainSlide {
	width: 900px;
	height: auto;
	margin: 0 auto;
}

 .slick-prev, .slick-next {
    width:30px; /* 画像幅 */
    height:61px; /* 画像高さ */
}
.slick-prev:before, .slick-prev:before {
    content: '';
}
button.slick-prev, button.slick-next {
    z-index:2;
}
.slick-prev{left:-16px; /* 任意の値 */}
.slick-next{right:-6px; /* 任意の値 */}

.slick-arrow{z-index:10;/* 値は適当に */}


/*-----------------------
topページ
-----------------------*/
/*加工技術　technology*/
.main_co >div {
	overflow: hidden;
}

.main_co .top_tech {
	width: 330px;
	height: auto;
	background: -webkit-linear-gradient(top,#FFFFFF 0%,#F0F0F0 100%);
	background: linear-gradient(#FFFFFF, #F0F0F0);
	border: 1px solid #DDDDDD;
	margin-top: 1.5em;
}

.main_co .top_tech h4 {
	width: 306px;
	margin: 0 auto;
	font-size: 18px;
	color: #444444;
	background-image: url(../images/top/tech_under.png);
  background-position: bottom;
  background-repeat: repeat-x;
  padding-bottom: 0.4em;
  margin-top: 0.5em;
  margin-bottom: 1em;
}

.main_co .top_tech:nth-child(even) {
	float: left;
}
.main_co .top_tech:nth-child(odd) {
	float: right;
}

.main_co .top_tech ul {
	overflow: hidden;
	width: 308px;
	margin: 0 auto;
	margin-bottom: 1em;
	position: relative;
}
.main_co .top_tech ul li:nth-child(1) {
	width: auto;
	height: auto;
	float: left;
}
.main_co .top_tech ul li:nth-child(2),
.main_co .top_tech ul li:nth-child(3) {
	width: auto;
	height: auto;
	float: right;
}

.main_co .top_tech ul li:nth-child(2) {
	width: 171px;
	line-height: 17px;
}
.main_co .top_tech ul li:nth-child(2) a {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
	font-size: 14px;
	color: #444444;
}

.main_co .top_tech ul li.detail_btn {
	/*background: -webkit-linear-gradient(top,#007AD5 0%,#00599B 100%);
	background: linear-gradient(#007AD5, #00599B);*/
  background: url(../images/detail_btn_bg.png);
  background-repeat: repeat-x;
  position: absolute;
  right: 0;
  bottom: 0;
}
.main_co .top_tech ul li.detail_btn a {
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	padding: 0.5em 1em;
}

.technology table {
	width:100%;
	font-size: 14px;
	border-collapse:collapse;
}

.technology th,
.technology td {
	padding: 10px 1em;
	border:1px solid #c2c2c2;
}

.technology th {
	background-color: #F8F9FB;
}



/*ニュース news*/
.title_bar {
	overflow: hidden;
}

.title_bar span {
	display: block;
	width: 62px;
	float: right;
	font-size: 13px;
}
.title_bar span a {
	color: #1F1F1F;
	text-decoration: none;
}
.title_bar span:after {
	content: url(../images/small_arrow.png);
	display: inline-block;
	width: 13px;
	height: 13px;
	vertical-align: sub;
	margin-left: 0.5em;
}

.news {
	background: -webkit-linear-gradient(top,#FFFFFF 0%,#F0F0F0 100%);
	background: linear-gradient(#FFFFFF, #F0F0F0);
}

.news ul {
	overflow: hidden;
	border-bottom: 1px dotted #444444;
	margin-bottom: 0;
	padding-bottom: 1em;
}

.news ul:nth-child(1) {
	margin-top: 0;
}
.news ul:last-child {
	padding-bottom: 0;
	border-bottom: none;
}

.news .date {
	font-size: 12px;
	float: left;
}
.news .date span{
	display:inline-block;
	width:5em;
	background-color:#0078D1;
	color:#FFF;
	padding:0.5em;
	padding-top:0.25em;
	padding-bottom:0.25em;
	text-align:center;
	font-size:0.9em;
	margin-left:0.5em;
}
.news .title {
	font-size: 13px;
	float: left;
	margin-left: 2em;
}
.news .title a {
	color: #0073C9;
}
.news ul.list_pager{
	margin-top:1em;
	width:100%;
	text-align:center;
	display:inline-block;
}
.news ul.list_pager li{
	display:inline-block;
	border:solid 1px #CCC;
	padding:0.5em;
	margin-left:0.5em;
	margin-right:0.5em;
}
.news ul.list_pager li a{
	display:block;
}

/*-----------------------
加工技術ページ　technology
-----------------------*/
/*当社の強み*/
.strength p {
	font-size: 14px;
	margin-top: 0;
}

/*工場設備*/
.plant,
.machine_de {
	width: 595px;
	height: auto;
	margin: 0 auto;
}
.plant dd,
.machine_de dd {
	margin-left: 0;
}

.plant dt:before {
	content: url(../images/small_arrow.png);
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-right: 0.5em;
}
.plant dt {
	font-size: 16px;
	margin-top: 0;
	margin-bottom: 1em;
}

.plant dd {
	overflow: hidden;
	margin-bottom: 2em;
}

.machine_de {
	font-size: 14px;
	overflow: hidden;
}

.machine_de dt {
	width: 315px;
	height: auto;
	float: left;
}
.machine_de dd {
	width: auto;
	height: auto;
	float: left;
	margin-left: 1.5em;
}

.co_box dl:nth-child(3) {
	margin-bottom: 2.5em;
}


/*-----------------------
自社製品・加工事例ページ　product
-----------------------*/
/*カットミル*/
.kattomiru {
	overflow: hidden;
}

.kattomiru p {
	width: 340px;
	height: auto;
	float: left;
	font-size: 14px;
	margin: 0;
}

.kattomiru img {
	float: right;
}

/*特徴*/
.chara {
	font-size: 16px;
}

.chara ol {
	margin-top: 0;
}

.chara ol li {
	margin-bottom: 1em;
}

.chara table {
	border-color: #111A3B;
	border-collapse: collapse;
	margin-top: 1.5em;
}

.chara table th {
	font-weight: normal;
}

.chara table th,
.chara table td {
	width: 115px;
	height: auto;
	text-align: center;
	padding: 10px 0;
}

/*加工例*/
.under_tex {
	width: 525px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}
.under_tex dl {
	width: 242px;
	height: auto;
	margin: 0;
}
.under_tex dl {
	display:inline-block;
	margin:0 0 1em;
	vertical-align:top;
}
.under_tex dl:nth-child(odd) {
	margin-right:1em;
}
.under_tex dt a {
	width:242px;
	height:182px;
	overflow:hidden;
	display:block;
}
.under_tex dt img {
	max-width:242px;
	height:auto;
}
/* 
.under_tex dl:nth-child(odd) {
	float: left;
}
.under_tex dl:nth-child(even) {
	float: right;
}
 */
.under_tex dt:before {
	content: none;
}

.under_tex dt {
	margin-bottom: 0;
}

.under_tex dt >img {
	float: none;
	margin: 0;
}

.under_tex dd {
	text-align: center;
	width: 242px;
}

.pro_ex .plant {
	width: 525px;
	height: auto;
	/*margin: 0;*/
}
.pro_ex .plant:last-child dd {
	margin-bottom: 0;
}

/*原子力部品の加工例*/	
.nuclear dd {
	margin-left: 0;
}
.nuclear dt a {
	width:242px;
	height:182px;
	overflow:hidden;
	display:block;
}
.nuclear dt img {
	max-width:242px;
	height:auto;
}

.nuclear dl {
	margin: 1em 0;
}

.nuclear dl:nth-child(3),
.nuclear dl:nth-child(4) {
	margin-bottom: 0;
}


/*-----------------------
会社案内ページ　company
-----------------------*/
/*ご挨拶*/
.greet {
	overflow: hidden;
}

.greet p {
	height: auto;
	font-size: 14px;
	margin: 0;
}

.greet img {
	width: auto;
	height: auto;
	float: right;
}

/*会社概要*/
.overview {
  border-top: 2px solid #DDDDDD;
  margin-top: 1em;	
	padding: 0;
	width: 680px;
}

.overview {
	background-color: #F8F9FB;
	border-collapse: collapse;
}

.overview tr {
	font-size: 14px;
	margin: 0;
	border-bottom: 1px dotted #C2C2C2;
}
.overview tr:last-child {
	border-bottom: none;
}

.overview th,
.overview td {
	padding: 10px 0;
}

.overview th {
	width: 165px;
	height: auto;
	text-align: left;
	text-indent: 1em;
	background-color: #F8F9FB;
	font-weight: normal;
}

.overview td {
	width: 483px;
	height: auto;
	/*text-indent: 1em;*/
	background-color: #ffffff;
  padding: 1em;
}

.overview td a {
	text-decoration: none;
  color: #1F1F1F;
}

/*アクセス*/
.ggmap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-top: 1em;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 345px;
}


/*-----------------------
お問い合わせ　contact
-----------------------*/
.trade, .decline, .estimate {
	font-size: 14px;
}

.trade p, .decline ol, .estimate p {
	margin: 0;
}

.estimate ol {
	margin-bottom: 0;
}

/*お問い合わせフォーム*/
.contact_form {
	padding: 0;
	width: 100%;
	max-width: 675px;
}
em{
	color:#FF0000;
	font-style:normal;
	display:block;
}
.btn_send{
	text-align:center;
	margin-top:1em;
	margin-bottom:1em;
}
.btn_send form{
	display:inline-block;
	margin-left:1em;
	margin-right:1em;
}
.contact_form dl {
	overflow: hidden;
	margin: 0;
	margin-top: 1em;
	padding-bottom: 1em;
	border-bottom: 1px solid #CDCFD1;
}
.contact_form dl:nth-child(1) {
	margin-top: 0;
	padding-top: 1em;
}
.contact_form dl:last-child {
	border-bottom: none;
}

.contact_form dl:nth-child(3) {
	margin-bottom: 0;
}

.contact_form dt {
	width: 29%;
	float: left;
	padding-left: 2%;
	font-size: 14px;
}

.contact_form dt.required:after {
	content: '※';
	color: #D80000;
}

.contact_form dd {
	width: 61%;
	float: left;
	margin-left: 0;
}

.contact_form dd p {
	margin: 0;
}

.contact_form dd select#pref3 {
	margin: 0.8em 0 1em 0;
	width: 42%;
}

.contact_form input,
.contact_form textarea {
	width: 100%;
	padding: 0.5% 1%;
}

.contact_form input.add::-webkit-outer-spin-button,
.contact_form input.add::-webkit-inner-spin-button {
	-webkit-appearance: none;
  margin: 0;
}
.contact_form input.add {
	-moz-appearance:textfield;
}

.contact_form textarea {
	height: 10em;
}

.contact_form input.add {
	width: 4em;
}

.contact_form input[type="radio"] {
	width: auto;
}

.contact_form label {
	width: auto;
	margin-right: 1em;
}

.contact_form dl:last-child dd {
	margin-top: 0.5em;
}

/*プライバシーポリシー*/
.privacy {
  padding: 10px;
  background-color: #F7F7F7;
  border: solid 1px #CDCFD1;
  height: 273px;
  overflow: auto;
  font-size: 14px;
  margin-top: 2.5em;
}

.privacy p {
	width: 95%;
	margin: 0 auto;
	margin-bottom: 1em;
}

.privacy ol {
	width: 95%;
	margin: 0 auto;
	padding-left: 1em;
}

.privacy ol li {
	margin: 1em 0;
}

.privacy ol li.num_none {
	padding: 0;
	margin: 0;
	list-style: none;
}

.agree {
  text-align: center;
  font-size: 14px;
  margin: 1.5em 0;
}


/*-----------------------
ニュース　news
-----------------------*/
/*一覧*/
.news_li {
	background: #ffffff;
}

/*詳細*/
.news_de ul {
	margin: 0 0 1.5em 0;
}

.news_de .d_date {
	font-size: 12px;
}

.news_de .d_title {
	font-size: 20px;
	color: #0072C9;
	text-decoration: underline;
	margin: 0.5em 0;
}

.news_de .d_content {
	font-size: 14px;
}

.news_de p.bak_list {
	text-align: right;
}

.news_de p.bak_list a {
	text-decoration: none;
	font-size: 13px;
  color: #1F1F1F;
}

.news_de p.bak_list a:after {
  content: url(../images/small_arrow.png);
  display: inline-block;
  width: 13px;
  height: 13px;
  vertical-align: sub;
  margin-left: 0.5em;
}

.news_de p.bak_list a:hover {
	text-decoration: underline;
}
.news_de table {
	width:100%;
}
.news_de table th{
	white-space:nowrap;
	border:1px solid #cccccc;
	padding:0.5em 1em;
	background:#e8e8e8;
}
.news_de table td{
	white-space:nowrap;
	border:1px solid #cccccc;
	padding:0.5em 1em;
}

@media(min-width:781px){
	header .head_top >li:nth-child(1) {
		float: left;
	}
	header .head_top >li:nth-child(2) {
		width: 225px;
		float: right;
	}

	header .head_top >li:nth-child(1) h1 {
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
		height: 42px;
	}
	header .head_top >li:nth-child(2) >ul {
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
		height: 70px;
	}

	header .head_top >li:nth-child(1) a {
		display: block;
		height: 42px;
	}
	header .head_top >li:nth-child(1) a img {
		vertical-align: middle;
	}

	header >nav {
		display:block;
	}
	header >nav.sp {
		display:none;
	}
	footer li ul li:before {
		content: '▸';
	}

	.plant dd img:nth-child(odd) {
		width: auto;
		height: auto;
		float: left;
	}
	.plant dd img:nth-child(even) {
		width: auto;
		height: auto;
		float: right;
	}
	.plant dd img:nth-child(1),
	.plant dd img:nth-child(2) {
		margin-bottom: 1em;
	}

	.spe_pro {
		width: 636px;
		height: auto;
		margin: 0 auto;
		overflow: hidden;
	}

	.spe_pro dl {
		width: auto;
		height: auto;
		float: left;
		margin: 0;
	}

	.spe_pro dl dd {
		margin-left: 0;
		text-align: center;
		font-size: 16px;
		font-weight: bold;
		margin-top: 0.5em;
	}

.news_de table,
.news_de table tr,
.news_de table th,
.news_de table td,
.news_de table thead,
.news_de table tbody{
	width:100%;
	display:block;
	box-sizing:border-box;
}
.news_de table th{
	white-space:nowrap;
	border:none;
	padding:0.5em 1em;
}
.news_de table td{
	white-space:nowrap;
	border:none;
	padding:0.5em 1em;
}
}

@media(max-width:780px){
.news_de table,
.news_de table tr,
.news_de table th,
.news_de table td,
.news_de table thead,
.news_de table tbody{
	width:100%;
	display:block;
	box-sizing:border-box;
}
.news_de table th{
	white-space:normal !important;
	border:none;
	padding:0.5em 1em;
}
.news_de table td{
	white-space:normal !important;
	border:none;
	padding:0.5em 1em;
}

	.wrap{
		width:100%;
	}

	header .head_top {
		width: 100%;
		overflow:hidden;
	}

	header .head_top >li{
		display:inline-block;
		height: auto;
		width:48%;
	}
	header .head_top >li:nth-child(1){
		max-width:269px;
	}
	header .head_top >li:nth-child(1) h1{
		margin:0;
		margin:10px;
		display:inline-block;
		font-size:1.0em;
	}
	header .head_top >li:nth-child(1) h1 a{
		height:auto;
	}
	header .head_top >li:nth-child(2){
		width:40%;
		float:right;
		max-width:223px;
		min-width:147px;
		margin-top:0.67em;
		margin-bottom:0.67em;
		margin-right:10px;
	}

	header >nav {
		display:none;
	}
	header >nav.sp {
		display:block;
	}

	.tel_co li:nth-child(1){
		display:none;
	}
	.tel_co li:nth-child(3){
		font-size:0.7em;
	}

	header .head_top >li img{
		max-width:100%;
	}

	header >nav.sp ul{
		background:none;
		background-color:#005B9E;
		width:100%;
	}
	header >nav.sp ul:before{
		margin:5px;
		content:url(../images/btn_spmenu.png);
		color:#FFF;
		border:solid 1px #007AD5;
		border-right:solid 1px #00518C;
		border-bottom:solid 1px #00518C;
		display:inline-block;

		padding-left:3px;
		padding-right:3px;
		cursor:pointer;
		float:right;
		line-height:0;
		

		-moz-border-radius: 0.25em;
		-webkit-border-radius: 0.25em;
		-o-border-radius: 0.25em;
		-ms-border-radius: 0.25em;

	}
	header >nav.sp ul li{
		border-top:solid 1px #007AD5;
		border-bottom:solid 1px #00518C;
		width:100%;
		display:none;
	}
	header >nav.sp ul li a{
		display:block;
		color:#FFF;
		font-weight:bold;
		text-decoration:none;
		padding:0.5em;
	}

	.main_img img{
		width:100%;
	}

	.main_co {
		width: 100%;
		float: none;
	}

	.title_bar{
		font-size:0.8em;
	}
	.title_bar small{
		display:none;
	}

	section .section_co p {
	    width: 100%;
	    float: none;
	    line-height: 17px;
		font-size:0.8em;
	}

	section .section_co img {
		float: none;
		margin-bottom:1em;
	}

	.btn{
		margin:0 auto;
	}

	.main_co .top_tech{
		width:100%;
	}
	.main_co .top_tech ul li.detail_btn{
		margin-right:1em;
	}

	.side_co {
		text-align:center;
		width: 100%;
		height: auto;
		float: none;
		margin-top: 2.5em;
	}

	.side_co img{
		display:inline-block;
		margin-bottom:1em;
	}

	.side_co .com_ban li{
		text-align:center;
		height:auto;
		line-height:1.0em;
	}

	.side_co .com_ban li img ,
	.side_co .tel_co li img {
		display:inline-block !important;
		margin-bottom:0 !important;
		vertical-align:top;
	}

	footer .footer_fl li ul{
		width:100%;
		position: relative;
		height:auto;
		background-color:#EEE;
	}
	footer .footer_fl li ul li{
		display:block;
		float:none;
		margin-left: 0 !important;
		border-bottom:solid 1px #666;
	}
	footer .footer_fl >ul >li:nth-child(1){
		margin-bottom:1em;
		float:none;
	}

	footer .footer_fl >ul >li:nth-child(2) {
		float: none;
		height: auto;
		position: static;
		width: 100%;
	}
	footer .footer_fl li ul li a{
		display:block;
		padding:0.5em;
	}

	footer .fo_bo address {
		width: auto;
		font-size: 14px;
		font-style: normal;
		float: none;
		padding-left:1em;
		padding-right:1em;
	}

	footer .fo_bo p {
		text-align:center;
		float: none;
	}

	.strength p {
		text-align:left;
	}
	.strength img {
		margin-bottom:0.5em;
	}
	.main_co .top_tech h4 {
		width: 100%;
		padding-left:0.5em;
	}
	.main_co .top_tech ul {
		width: 100%;
	}

	.plant dd{
		text-align:center;
	}
	.plant dd img{
		max-width:287px;
		width:100%;
		margin-bottom:0.5em;
	}

	.plant, .machine_de {
		width:100%;
	}

	.plant dt{
		text-align:left;
	}
	.plant dd img:nth-child(odd) {
		float: none;
	}
	.plant dd img:nth-child(even) {
		float: none;
	}

	.machine_de dt {
		width: 100%;
		font-weight:bold;
		text-align:left;
	}
	.machine_de dd {
		margin-left:0em;
		margin-bottom:0.5em;
	}
	.spe_pro {
		width: 100%;
		height: auto;
		margin: 0 auto;
		overflow: hidden;
		text-align:center;
	}

	.spe_pro dl {
		display:inline-block;
		width: auto;
		height: auto;
		margin: 0;
	}

	.spe_pro dl dd {
		margin-left: 0;
		text-align: center;
		font-size: 16px;
		font-weight: bold;
		margin-top: 0.5em;
	}

	.kattomiru{
		text-align:center;
	}
	.kattomiru p {
		width: 100%;
		float: none;
		text-align:left;
		margin-bottom:1em;
	}

	.kattomiru img {
		float: none;
	}

	.chara {
		font-size: 0.9em;;
	}
	.chara li{
		text-align:left;
	}
	.under_tex {
		width: 100%;
	}
	.under_tex dl:nth-child(even),
	.under_tex dl:nth-child(odd) {
		float: none;
	}
	.under_tex dl {
		display:inline-block;
		width: 242px;
		height: auto;
		margin: 0;
	}

	.pro_ex .plant {
	    width: 100%;
	}
	.co_box{
		text-align:center;
	}
	.stre_side dd ul li{
		text-align:left;
	}

	.greet{
		text-align:center;
	}
	.greet p {
		width: 100%;
		float: none;
		text-align:left;
		margin-bottom:1em;
	}
	.greet img{
		float:none;
	}

	.overview{
	    width: 100%;
	}
	.overview th{
		display:block;
		width:auto;
	}
	.overview td{
		display:block;
		text-align:left;
		width:auto;
	}

	.co_box ol,
	.co_box p{
	    text-align: left;
	}

	.contact_form dl dd,
	.contact_form dl dt{
		width:auto;
		display:block;
		float:none;
		text-align:left;
		margin-left:1em;
	}

	.contact_form input, .contact_form textarea {
		width: 85%;
		padding: 0.5% 1%;
	}

	.main_img{
		overflow:hidden;
		text-align:center;
	}
	.main_img div{
		min-width:600px;
		text-align:center;
	}

	.main_co .top_tech ul li{
		padding-left:1em;
		padding-right:0.5em;
	}

	.main_co .top_tech ul li:nth-child(2) {
		padding-left:0;
		padding-right:1em;
		width: 47%;
	}

}
@media(max-width:680px){
	.main_img div{
		margin-left:-60px;
	}
}