@charset "utf-8";


/* ------------------------------------------------------------------------------------------------------------------ */

/*===============================================
●製品・サービス紹介
===============================================*/
 .productmenu {
	display: flex;
	position:relative;
 }

 .proimg, .protxt {
	margin: 25px 0;
 }

 .protxt h1 {
	/*font-family: "MS PMincho",serif;*/
	font-weight: bold;
	color: #006990;
	margin-top: 10px;
	position: relative;
 }

 .protxt .txt {
	color: #006990;
	overflow: hidden;
	position: relative;
 }

 .protxt ul {
	list-style-type: disc;
	margin-bottom: 5%;
 }

 .protxt ol {
	margin-top: 5px;
 }

 .protxt p {
	width: 95%;
	margin-left: auto;
 }

 .protxt .txt span {
	color: #181919;
 }




/*----------------------------------------------------
---------------------------------------------------- */
 .img {
	/*display: inline-block;*/
	display: block;
	width: 100%;
 }


/*===============================================
○機種
===============================================*/
 .product .title {
	background: #FFF;
	border: 2px solid #01B1AF;
	position: relative;
 }

 .product .title div {
	width: 99%;
	background: #FFF;
	border: 1px solid #006C6D;
	margin: 2px auto;
 }

 .product .title h3 {
	text-align: left;
	font-weight: bold;
	color: #014E6B;
	position: relative;
 }

 .product .title h3 .caption {
	position: relative;
 }



/*===============================================
○型
===============================================*/
 .type {
	position: relative;
 }

 .type div {
	background:rgba(1,177,175,0.5);
	border: solid 3px rgba(1,177,175,0.5);
	/*box-shadow: 0px 1px 3px #666;*/
	padding: 4px 15px;
 }

 .type div:after {
	width: 0;
	content: "";
	display: block;
	border: 10px solid transparent;
	border-top-color: rgba(1,177,175,0.5);
	border-bottom-width: 0;
	position: absolute;
	top: 44px;
	left: 50px;
 }

 .type h {
	text-align: left;
	font-weight: bold;
	color: #014E6B;
	position: relative;
 }



/*===============================================
〇特徴
===============================================*/

/*===============================================
・ボックス
===============================================*/
 .feature {
	background:rgba(241,204,1,0.4);
	position: relative;
 }

 .feature div {
	padding: 10px;
 }

 .feature p1, .feature p2 {
	text-align: left;
	font-weight: bold;
 }

 .feature p1 {
	color: #006C6D;
 }

 .feature p2 {
	color: #014E6B;
 }

 .feature p2 span {
	vertical-align: super;
 }



/*===============================================
・リスト
===============================================*/
 .text {
	width: 100%;
	position: relative;
	top: 0px;
 }

 .text ul {
	text-align: left;
	color: #006990;
	overflow: hidden;
 }

 .text ul span {
	color: #000000;
 }



/*===============================================
○カタログダウンロード
===============================================*/
 .down {
	margin: 15px 0;
	text-align: right;
 }

 .load2 {
	/*display: table;*/
	margin-left: auto;
 }

 .down a {
	margin-left: auto;
	font-weight: bold;
	position:relative;
 }

 .down a:link,  .down a:visited {
	color: #01B1AF;
	text-decoration: none;
 }

 .down a:active,  .down a:hover {
	color: #024E50;
 }

 .down a:active p,  .down a:hover p {
	text-decoration: underline;
 }

 .down p {
	/*display: table-cell;*/
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	margin-left: auto;
	position:relative;
 }

 .load2 div {
	/*display: table-cell;*/
	display: inline-block;
	background: rgba(1,177,175,0.35);
	border: 1px solid #006C6D;
	position:relative;
 }

 .load2 h {
	font-weight: bold;
	color: #006990;
	position: relative;
 }



/*===============================================
○動画
===============================================*/
 .movetext p.precedent {
	display: none;
 }

/*===============================================
◎機械別
===============================================*/

/*===============================================
○配餌車
===============================================*/
 #bait .img {
	padding: 38% 0;
 }

 .bait-spec {
	background:rgba(242,102,143,0.6);
 }

 .bait-text, .bait-spec p {
	text-align: left;
	margin: 10px 0;
	position: relative;
}

 .bait-spec p {
	font-weight: bold;
	color: #181919;
	padding: 10px 25px;
 }


/*===============================================
○乾燥機
===============================================*/
 #dry .img, #d300 .img {
	padding: 15% 0;
 }


/*===============================================
○ロータリー
===============================================*/
 #d500 .img, #d600 .img, #d1000 .img {
	padding: 15% 0;
 }

 .rotary-img {
	display: flex;
	flex-wrap: wrap;
 }

 .rotary-img h {
	text-align: left;
	font-weight: bold;
	color: #464747;
	position: relative;
 }

 .rotary-img .img {
	width: 100%;
	padding: 35% 0;
 }

 .side-img {
	display: flex;
 }

 .side-img ul {
	list-style-type: none;
	position: relative;
	padding: 0;
	margin: 0;
 }

 .side-img li {
	margin-top: 5px;
	margin-left: 5px;
	position: relative;
 }

 .pic1, .pic2, .pic3, .ndr-text {
	display: flex;
 }



/*===============================================
○スクープ
===============================================*/
 .d2000-img, .d2000-pic-min {
	display:flex;
 }

 .d2000-img {
	flex-wrap: wrap;
 }

 #nd2000 .img {
	padding: 23% 0;
 }


/*===============================================
○スクリュー
===============================================*/
 .plant .num {
	display: flex;
	position: relative;
 }

 .plant .num div {
	background: #009ED8;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	border-radius: 5px;
	margin-bottom: 10px;
	position: relative;
 }

 .plant .num h {
	font-weight: bold;
	color: #009ED8;
	margin-left: 5px;
	position: relative;
 }

 .plant .description {
	display: flex;
	flex-wrap: wrap;
 }

 .description p {
	color: #181919;
	position: relative;
 }



/*===============================================
○袋詰
===============================================*/
 .bag-text {
	text-align: left;
	position: relative;
}

 .bagside-pic {
	position: relative;
 }
 
 .bagside-pic p {
	color: #003448;
	position: relative;
	margin-top: 0;
	margin-bottom: 2%;
 }

 #packer .img {
	padding: 35% 0;
 }


/*===============================================
○修理・メンテナンス
===============================================*/
 .mainte-title {
	background:rgba(0,108,109,0.3);
	border-radius: 0px 60px;
	border: 2px solid #006C6D;
	-webkit-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.6);
           -moz-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.6);
                box-shadow: -1px 1px 4px 0px rgba(0,0,0,0.6);
	margin: 15px auto;
	position: relative;
 }

 .mainte-title h3 {
	text-align: left;
	font-weight: bold;
	color: #003448;
	position: relative;
 }

 .mainte-text {
	text-align: left;
	margin: 0;
	position: relative;
 }

 .mainte-img {
	display: flex;
	flex-wrap: wrap;
 }

 .mainte3 {
	z-index: 1;
 }

 .mainte1, .mainte2, .mainte3 {
	width: 45%;
	z-index: 10;
 }

 .mainte1 {
	margin: 25px 0 0 2%;
 }

 .mainte2 {
	margin: 15px 0 0 6%;
 }

 .mainte3 {
	margin: 20px 0 0 1%;
 }

 .mainte1 .img, .mainte2 .img, .mainte3 .img{
	padding: 37% 0;
 }

 .japan {
	z-index: 1;
	margin-left: auto;
	position: relative;
 }

 .jap-txt {
	background:rgba(204,228,160,0.5);
	border: solid 2px #283A06;
	border-radius: 50px;
	box-shadow: 0px 1px 3px #666;
 }

  .jap-txt h {
	text-align: center;
	font-weight: bold;
	color: #283A06;
	position: relative;
 }
 
 .jap-arrow {
	margin-left: -10px;
	position: relative;
	left: 50%;
 }

 .jap-arrow:after {
	width: 0;
	border: 10px solid transparent;
	border-top-color: #283A06;
	border-bottom-width: 0;
	content: "";
	display: block;
	position: absolute;
 }

 .japan-img {
	width: 100%;
	margin-left: auto;
	position: relative;
	/*left: 8%;*/
	margin-left: 8%;
 }

 .japan-img .img {
	padding: 50% 0;
	margin-top: -40%;
 }