@charset "UTF-8";


body	{margin: 0;
	font-family: 'メイリオ', 'Hiragino Kaku Gothic ProN', sans-serif}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ページの基本構造 */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* 左右の余白 */
.cols-inner	{max-width: 950px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;}

/* 上下の余白 */
.header	{padding-top: 12px;
	padding-bottom: 5px;}

.topmsg	{padding-top: 10px;
	padding-bottom: 10px;
}

.pagephoto{padding-top: 30px;}
.pagephoto2{padding-top: 30px;}

@media only screen and (max-width: 599px) {
.pagephoto{padding-top: 50px;}
.pagephoto2{padding-top: 50px;}
}


.info	{margin-top: 40px;
	padding-bottom: 5px;}

.cont {padding-top: 0px;
	padding-bottom:0px;
	margin-bottom: 30px;
}

.youtube {padding-top: 20px;
	padding-bottom: 30px;}

.machinery {padding-top: 20px;
	padding-bottom: 100px;}




.company {margin-top: 40px;
	padding-bottom: 40px;}

.company02 {margin-top: 40px;
	padding-bottom: 200px;}

.access {margin-top: 40px;
	padding-bottom: 50px;}

.footer	{padding-top: 20px;
	padding-bottom: 30px;}


/* 背景色 */
.topmsg	{background-color: #00abe3;}

.cont	{background-color: #eee;}

.footer	{background-color: #333;}


/* 段組み */
@media (min-width: 768px) {

	/* ヘッダー2段組 */
	.header .col	{float: left;}
	.header .col + .col	{float: right;}

	/* フッター2段組み */
	.footer .col	{float: left;}
	.footer .col + .col	{float: right;}

	/* 商品紹介3段組み */
	.info .col	{float: left;
		width: 31%;
		margin-right:2.3%;}

	/* コンテンツ2段組み */
	.cont .col	   {float:left;
				width:44%;}
	.cont .col +.col  {float:right;
				width:50%;}

	/* youtube3段組み */
	.youtube .col	{float: left;
		width: 30%;
		margin-left:3%;}

	/* 会社概要 */
	.company .col	{

			}


}


@media (min-width: 500px) and (max-width: 767px) {

	/* 商品紹介2段組み */
	.info .col	{float: left;
		width: 45%;
		margin-right:5%;}

	.info .col:first-child + .col + .col	{clear: both;
		margin-left: 0;}


	/* コンテンツ2段組み */
	.cont .col	{float: left;
		width: 100%;
}

	.cont .col:first-child + .col + .col	{clear: both;
		margin-left: 0;}

	/* youtube2段組み */
	.youtube .col	{float: left;
		width: 40%;
		margin-right:3%;}

}


.cols .col:first-child	{margin-left: 0;}

.cols:after	{content: "";
	display: block;
	clear: both}




/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* サイト名 */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.logo h1	{margin: 0;
	line-height: 0;}

.logo h1 a	{color: #000;
	text-decoration: none;}





/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ナビゲーションメニュー */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.menu ul	{margin: 10;
	padding: 0;
	font-size: 14px;
	line-height: 1.4;
	list-style: none;}

.menu li a	{display: block;
	padding: 10px 15px;
	color: #000;
	text-decoration: none;}

.menu li a:hover	{background-color: #eee;}


@media (max-width: 767px) {
	.menu	{display: none}

	.menubtn	{padding: 6px 12px;
		border: solid 1px #aaaaaa;
		border-radius: 5px;
		background-color: #ffffff;
		position: absolute;
		top: 20px;
		right: 15px;
		cursor: pointer}

	.menubtn:hover	{background-color: #ddd}

	.menubtn:focus	{outline: none}

	.menubtn i	{color: #888888;
		font-size: 18px}

	.menubtn span	{display: inline-block;
		text-indent: -9999px}
}


@media (min-width: 768px) {
	.menu	{display: block !important;}

	.menu li	{float: left;}

	.menu ul:after	{content: "";
		display: block;
		clear: both;}

	.menubtn	{display: none}

}




/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ヘッダー画像 */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.photo	{width: 100%;
	height: 270px;
	background-image: url(img/header.jpg);
	background-size: cover;
	background-position: 80% 20%;}

@media (max-width: 500px) {
	.photo	{height: 256px;
		background-image: url(img/header-s.jpg);
		background-position: 80% 40%;}
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* 2ページ目ヘッダー画像 */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.pagephoto	{width: 100%;
	height: 150px;
	font-size: 30px;
        letter-spacing: 0.3em;
        color:#fff;
	background-image: url(img/pagephoto01.jpg);
	background-size: cover;
	background-position: 80% 20%;}

@media (max-width: 500px) {
	.pagephoto	{height: 180px;
		background-image: url(img/header-c.jpg);
		background-position: 80% 40%;}
}



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* 3ページ目ヘッダー画像 */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.pagephoto2	{width: 100%;
	height: 150px;
	font-size: 30px;
        letter-spacing: 0.3em;
        color:#fff;
	background-image: url(img/pagephoto02.jpg);
	background-size: cover;
	background-position: 80% 20%;}

@media (max-width: 500px) {
	.pagephoto2	{height: 180px;
		background-image: url(img/header-a.jpg);
		background-position: 80% 40%;}
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* メッセージ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.msg	{margin: 0 0 10px;
	color: #fff;
	font-family: 'メイリオ', 'Hiragino Kaku Gothic ProN', sans-serif;
	font-size: 24px;}

.submsg	{margin: 0;
	color: #ffff66;
	font-size: 14px;}


@media (max-width: 767px) {
	.msg	{font-size: 28px;}

	.submsg	{font-size: 14px}
}



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ページ名 */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


.page	{margin: 0;
	color: #ffffff;
	font-size: 16px;}


@media (max-width: 767px) {
	.submsg	{font-size: 14px}
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* 資料請求ボタン */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.req	{display: inline-block;
	font-size: 14px;
	text-decoration: none;
	color: black;}

/* 枠の設定 */
.req	{-webkit-box-shadow: 0px 5px 10px 0 rgba(0,0,0,0.5);
	box-shadow: 0px 5px 10px 0 rgba(0,0,0,0.5);
	background-color: #ffc107;}

/* 円形にする設定 */
.req	{height: 80px;
	width: 80px;
	margin: 0 auto 0 auto;
	padding: 30px 0 0 0;
	border-radius: 40px;
	text-align: center;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;}

/* 表示位置 */
.msg-container	{position: relative;}

.req	{position: absolute;
	right: 80px;
	bottom: -40px;}

@media (max-width: 599px) {

	.req	{-ms-transform: scale(0.75);
		-ms-transform-origin: right bottom;
		-webkit-transform: scale(0.75);
		-webkit-transform-origin: right bottom;
		transform: scale(0.75);
		transform-origin: right bottom;
		right: 15px;
		bottom: -50px;}

}



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* 商品紹介 */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.info article	{padding-bottom:10px;
	height: 320px;}

.info	{display: block;
	color: #000;
	text-align: center;
	text-decoration: none}


.info .snap	{width: 100%;
	height: 180px;
	margin-bottom: 10px;
	background-position: 50% 50%;
	background-size: cover;}


.info h1	{margin-top: 0;
	margin-bottom: 3px;
	font-size: 15px;
	font-weight: normal}

.info p	{margin-top: 0;
	margin-bottom: 0;
	text-align: left;
	font-size: 12px}


@media (max-width: 767px) {
	.info .snap	{margin-bottom: 10px;}
	.info h1	{margin-bottom: 3px;}
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ｺﾝﾃﾝﾂ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.cont h2 {
  padding: 10px 0 0 0;
  font-family: "メイリオ", sans-serif;
  line-height: 1.2;
　font-size: 18px;
  color: #003399;
  font-weight: 400;
 }

.text14	{font-size: 14px}


.img-responsive {
  display: block;
  height: auto;
  max-width: 100%;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* youtube */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.youtube {
  font-family: "メイリオ", sans-serif;
　font-size: 9px;
  font-weight: 400;
  text-align: center;
margin-bottom: 20px;
 }


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* 保有設備 */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


.col-head-type0 {
  border-collapse: collapse;
  width: 100%;
	margin-left: auto;
	margin-right: auto;
}
 
.col-head-type0 th,
.col-head-type0 td {
  border: 1px solid #dbe1e8;  
  padding: 10px;
}
 
.col-head-type0 th {
  background: #f9fafc;
  text-align:center;
  width: 180px;
}
 

@media(min-width: 600px) and (max-width:767px) {
.col-head-type0 {
  border-collapse: collapse;
  width: 100%;
}
}


@media only screen and (max-width: 599px) {
.col-head-type0 {
  border-collapse: collapse;
  width: 100%;
}
}

@media only screen and (max-width: 599px) {
  .col-head-type0 tr,
  .col-head-type0 th,
  .col-head-type0 td {
    display: block;
    width: auto;
  }
  
  .col-head-type0 tr:first-child {
  border: 1px solid #dbe1e8;  
  }
  
  .col-head-type0 th,
  .col-head-type0 td {
    border-top: none;
  }
}

th {
font-weight: normal;
}











/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* 会社概要 */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.company	{display: block;
	color: #666;
	text-decoration: none}

.company02	{display: block;
	color: #666;
	text-decoration: none}

.col-head-type1 {
  border-collapse: collapse;
  width: 80%;
	margin-left: auto;
	margin-right: auto;
}
 
.col-head-type1 th,
.col-head-type1 td {
  border: 1px solid #dbe1e8;  
  padding: 8px;
}
 
.col-head-type1 th {
  background: #f9fafc;
  text-align: left;
  width: 130px;
}
 

@media(min-width: 600px) and (max-width:767px) {
.col-head-type1 {
  border-collapse: collapse;
  width: 100%;
}
}


@media only screen and (max-width: 599px) {
.col-head-type1 {
  border-collapse: collapse;
  width: 100%;
}
}

@media only screen and (max-width: 599px) {
  .col-head-type1 tr,
  .col-head-type1 th,
  .col-head-type1 td {
    display: block;
    width: auto;
  }
  
  .col-head-type1 tr:first-child {
    border-top: 1px solid #dbe1e8;  
  }
  
  .col-head-type1 th,
  .col-head-type1 td {
    border-top: none;
  }
}


th {
font-weight: normal;
}




.col-head-type2 {
  border-collapse: collapse;
  width: 80%;
	margin-left: auto;
	margin-right: auto;
}
 
.col-head-type2 th,
.col-head-type2 td {
  border: 1px solid #dbe1e8;  
  padding: 8px;
}
 
.col-head-type2 th {
  background: #f9fafc;
  text-align: left;
  width: 25px;
}
 

@media(min-width: 600px) and (max-width:767px) {
.col-head-type2 {
  border-collapse: collapse;
  width: 100%;
}
}


@media only screen and (max-width: 599px) {
.col-head-type2 {
  border-collapse: collapse;
  width: 100%;
}
}

@media only screen and (max-width: 599px) {
  .col-head-type2 tr,
  .col-head-type2 th,
  .col-head-type2 td {
    display: block;
    width: auto;
  }
  
  .col-head-type2 tr:first-child {
    border-top: 1px solid #dbe1e8;  
  }
  
  .col-head-type2 th,
  .col-head-type2 td {
    border-top: none;
  }
}


th {
font-weight: normal;
}




.title {
  border-bottom: solid 3px #cce4ff;
  position: relative;
  font-weight:  normal;
  font-size:  24px;
  color: #666;
  margin-bottom: 30px;
}

.title:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #00abe3;
  bottom: -3px;
  width: 20%;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* アクセス */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.access	{display: block;
	color: #666;
	text-decoration: none}


.map {
  margin-bottom: 30px;
  width: 80%;
	margin-left: auto;
	margin-right: auto;
}

@media only screen and (max-width: 991px) {
.map {
  margin-bottom: 30px;
  width:96%;
	margin-left: auto;
	margin-right: auto;
}
}


.col-head-type3 {
  border-collapse: collapse;
  width: 100%;
	margin-left: auto;
	margin-right: auto;
}
 
.col-head-type3 th,
.col-head-type3 td {
  border: 0px solid #fff;  
  padding: 1px;
}
 
.col-head-type3 th {
  text-align: left;
  width:100px;
}
 

@media only screen and (max-width: 991px) {
.col-head-type3 {
  border-collapse: collapse;
  width: 100%;
}
}

@media only screen and (max-width: 991px) {
  .col-head-type3 tr,
  .col-head-type3 th,
  .col-head-type3 td {
    display: block;
    width: auto;
  }
  
  .col-head-type3 tr:first-child {
    border-top: 0px solid #fff;  
  }
  
  .col-head-type3 th,
  .col-head-type3 td {
    border-top: none;
  }
}

th {
font-weight: normal;
}





/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* フッター住所 */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.ys	{margin-bottom: 20px;
	font-size: 14px;
  line-height: 1.8;
	color: #fff}

.ys p	{
	font-size: 20px;
	color: #fff}



.col-footer {
  border-collapse: collapse;
  width: 100%;
	margin-left: auto;
	margin-right: auto;
}
 
.col-footer td {
  border: 0px solid #fff;  
  padding: 1px;
}
 


@media(min-width: 600px) and (max-width:767px) {
.col-footer {
  border-collapse: collapse;
  width: 100%;
}
}


@media only screen and (max-width: 599px) {
.col-footer {
  border-collapse: collapse;
  width: 100%;
}
}

@media only screen and (max-width: 599px) {
  .col-footer tr,
  .col-footer td {
    display: block;
    width: auto;
  }
  
  .col-footer tr:first-child {
    border-top: 0px solid #fff;  
  }
  
  .col-footer td {
    border-top: none;
  }
}


.text20	{
	font-size: 20px;
  letter-spacing: 1px;
}



.product	{margin-top: 25px;
	padding:10px;
	color: #fff;
	font-size: 14px;
  border-top: solid #666 1px;/*上のボーダー*/
  border-bottom: solid #666 1px;/*下のボーダー*/
}


.product ul {
  padding: 0em 0em;
  list-style-type: none;
  border: none;
}

.product ul li {
  position:relative;
  padding: 0 0 0.1em 1.2em;
  line-height: 1.2;
}
.product li:before {
  position: absolute;
  content:''; 
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 8px solid #00abe3;
  top: 2px;
  left : 0.2em;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* コピーライト */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.copyright	{
	clear: both;
}

.copyright p	{
	color: #fff;
	font-size: 12px;}