@charset "utf-8";


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

/*===============================================
●製品・サービス紹介
===============================================*/
@media screen and (min-width: 781px){ 

 .proimg {
	width: 55%;
 }

 .protxt {
	width: 40%;
 }

 .protxt h1 {
	font-size: 25px;
 }

 .protxt .txt {
	font-size: 14px;
 }

}


@media screen and (min-width: 481px) and (max-width: 780px){

 .proimg {
	width: 45%;
 }

 .protxt {
	width: 50%;
 }

 .protxt h1 {
	font-size: 22px;
	margin-top: 0;
 }

 .protxt .txt {
	font-size: 13px;
 }
 
}


@media screen and (min-width: 481px){ 

 .proimg .img {
	padding: 38% 0;
 }

 .protxt {
	margin-left: 5%;
	text-align: left;
 }

 .protxt .txt {
	right: 15px;
 }

 .protxt ul {
	width: 110%;
 }

}


@media screen and (max-width: 480px){ 

 .productmenu {
	flex-direction: column;
	text-align: center;
 }

 .proimg {
	width: 90%;
	margin: 25px auto 0;
 }

 .proimg .img {
	padding: 34% 0;
 }

 .protxt {
	margin: 0 0 25px;
 }

 .protxt h1 {
	font-size: 19px;
 }

 .protxt .txt {
	font-size: 12px;
	text-align: left;
 }

}


/*===============================================
○機種
===============================================*/
@media screen and (min-width: 481px){ 

 .product .title {
	margin-top: 15px;
 }

 .product .title h3 {
	font-size: 20px;
	/*left: 15px;*/
	margin: 0 15px;
 }

 .product .title h3 .caption {
	font-size: 15px;
 }

}

@media screen and (max-width: 480px){ 

 .product .title h3 {
	font-size: 17px;
	/*left: 10px;*/
	margin: 0 10px;
 }

 .product .title h3 .caption {
	font-size: 13px;
 }

}

/*===============================================
○型
===============================================*/
@media screen and (min-width: 481px){ 

 .type div {
	margin-bottom: 20px;
 }

 .type div:after {
 }

 .type h {
	font-size: 20px;
 }

}


@media screen and (max-width: 480px){ 

 .type div {
	margin: 3% 0;
 }

 .type div:after {
	display: none;
 }

 .type h {
	font-size: 18px;
 }

}


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

/*===============================================
・ボックス
===============================================*/
@media screen and (min-width: 781px){ 

 .feature p1, .feature p2 {
	font-size: 15px;
 }

}


@media screen and (max-width: 780px){ 

 .feature {
	width: 100%;
 }

}


@media screen and (min-width: 481px) and (max-width: 780px){

 .feature p1, .feature p2 {
	font-size: 14px;
 }

}


@media screen and (min-width: 481px){ 

 .feature {
	margin: 10px 0;
 }

 .feature p2 span {
	font-size: 9px;
 }

}

@media screen and (max-width: 480px){ 

 .feature {
	margin: 10px auto;
 }

 .feature p1, .feature p2 {
	font-size: 13px;
 }

 .feature p2 span {
	font-size: 8px;
 }

}


/*===============================================
・リスト
===============================================*/
@media screen and (min-width: 781px){ 

 .text ul {
	font-size: 14px;
 }
 
}

@media screen and (min-width: 481px) and (max-width: 780px){

 .text ul {
	font-size: 13px;
 }

}


@media screen and (max-width: 480px){ 

 .text ul {
	font-size: 12px;
	padding-left: 20px;
 }

}


/*===============================================
○カタログダウンロード
===============================================*/
@media screen and (min-width: 481px){ 

 .down a {
	font-size: 14px;
 }

 .icon-pdf {
	font-size: 32px;
 }

 .load2 div {
	width: 200px;
	/*height: 25px;*/
	text-align: left;
	vertical-align: middle;
	padding: 5px 0;
	margin-right: 5px;
 }

 .load2 h {
	font-size: 14px;
	padding: 5px;
 }

}


@media screen and (max-width: 480px){ 

 .down a {
	font-size: 12.5px;
 }

 .icon-pdf {
	font-size: 25px;
 }

 .load2 div {
	padding: 0 10px;
	margin-top: 10px;
 }

 .load2 h {
	font-size: 12.5px;
 }

}


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

/*===============================================
○配餌車
===============================================*/
@media screen and (min-width: 781px){ 

 .bait-text, .bait-spec p {
	font-size: 16px;
 }

}


@media screen and (min-width: 481px) and (max-width: 780px){

 .bait-text, .bait-spec p {
	font-size: 15px;
 }

}


@media screen and (max-width: 480px){ 

 .bait-text, .bait-spec p {
	font-size: 14px;
 }

}


/*===============================================
○乾燥機
===============================================*/


/*===============================================
○ロータリー
===============================================*/
@media screen and (min-width: 781px){

 .side-img ul {
	font-size: 14px;
 }

}

@media screen and (min-width: 481px) and (max-width: 780px){ 

 .side-img ul {
	font-size: 13px;
 }

}

@media screen and (min-width: 481px){

 .pic1, .pic2, .pic3, .ndr-text {
	width: 49%;
	flex-direction: column;
 }

 .pic1 {
	margin-right: 1%;
 }
 
 .pic2 {
	margin-left: 1%;
 }
 
 .pic3 {
	margin-top: 20px;
 }

 .ndr-text {
	top: 10px;
 }

 .rotary-img h {
	font-size: 18px;
 }

 .side-img div {
	width: 60%;
 }

 .side-img li:first-child:before {
	font-family: "icomoon"; 
	content:"\e9a9";
 }

 .side-img li:last-child:before {
	font-family: "icomoon"; 
	content:"\e9ac";
 }

}


@media screen and (max-width: 480px){ 

 .pic1, .pic2, .pic3 {
	width: 100%;
 }
 
 .pic2, .pic3 {
	margin-top: 8px;
 }

 .rotary-img h {
	font-size: 14px;
 }

 .front-img {
	width: 65%;
 }

 .side-img {
	width: 35%;
	margin-top: 24px;
	flex-direction: column-reverse;
 }

 .side-img ul {
	font-size: 12px;
 }

 .side-img li:first-child:before {
	font-family: "icomoon"; 
	content:"\e9ac";
 }

 .side-img li:last-child:before {
	font-family: "icomoon"; 
	content:"\e9ad";
 }

}


/*===============================================
○スクープ
===============================================*/
@media screen and (min-width: 781px){ 

 .d2000-text {
	width: 47%;
	margin-right: 3%;
 }
 
  .d2000-pic {
	width: 50%;
 }

 .d2000-pic .img {
	padding: 50% 0;
 }

 .d2000-pic-min {
	width: 75%;
	margin-top: -60px;
 }

 .d2000-pic-min div {
	width: 55%;
 }

 .d2000-pic-min .img {
	padding: 38% 0;
 }

}


@media screen and (max-width: 780px){ 

 .d2000-text {
	order: 3;
 }
 
 .d2000-pic {
	width: 60%;
	order: 2;
 }

 .d2000-pic-min {
	width: 40%;
	flex-direction: column;
	order: 1;
 }

 .d2000-pic .img {
	padding: 46.5%;
 }
 
 .d2000-pic-min .img {
	padding: 35%;
 }

}


/*===============================================
○スクリュー
===============================================*/
@media screen and (min-width: 481px) {

 .plant .num div {
	width: 25px;
	height: 25px;
 }

 .plant .num div, .plant .num h {
	font-size: 18px;
 }

 .description div {
	width: 50%;
 }

 .description div .img {
	padding: 37% 0;
 }

 .description p {
	width: 47.5%;
	font-size: 13px;
	margin-top: 0;
	margin-left: 2.5%;
 }

 .screw-fig {
	margin-top: 20px;
 }

 .screw-fig .img {
	padding: 16% 0;
 }

}


@media screen and (max-width: 480px){ 

 .plant .num div {
	width: 23px;
	height: 23px;
 }

 .plant .num div, .plant .num h {
	font-size: 16px;
	white-space: nowrap;
 }

 .description div, .description p {
	width: 100%;
 }

 .description p {
	font-size: 12px;
 }

 .description div .img {
	padding: 37% 0;
 }

}


/*===============================================
○袋詰
===============================================*/
@media screen and (min-width: 1201px){ 

 .bagside-pic p {
	font-size: 17px;
 }
 
}

@media screen and (min-width: 481px) and (max-width: 1200px){ 

 .bagside-pic p {
	font-size: 1.8vw;
 }
 
}

@media screen and (min-width: 781px){ 

 .bag-text {
	font-size: 13px;
 }

}

@media screen and (min-width: 481px) and (max-width: 780px){ 

 .bag-text {
	font-size: 12px;
 }

}

@media screen and (min-width: 481px) {

 .bag-img {
	display: flex;
 }
 
 .b301-pic {
	width: 65%;
 }

 .b301-pic .img {
	padding: 33.5% 0;
 }

 .bagside-pic {
	width: 35%;
 }

 .bagside-pic p {
	text-align: right;
 }

 .digital .img {
	padding: 27% 0;
 }

 .trommel {
	margin-top: 2%;
 }

 .trommel .img {
	padding: 30% 0;
 }

}


@media screen and (max-width: 480px){ 

 #b301 {
	position: relative;
 }

 .bag-text {
	font-size: 11px;
}

 .b301-pic .img {
	padding: 35% 0;
 }

 .bagside-pic {
	display: flex;
 }

 .bagside-pic .trommel {
	margin-left: 1%;
 }

 .bagside-pic .digital, .bagside-pic .trommel {
	width: 49.5%;
 }

 .bagside-pic p {
	font-size: 11.5px;
	text-align: center;
 }

 .digital .img, .trommel .img {
	padding: 30% 0;
 }

}


/*===============================================
○修理・メンテナンス
===============================================*/
@media screen and (min-width: 1201px){ 

 .japan {
	margin-right: 5%;
 }

}

@media screen and (max-width: 1200px){ 

 .japan {
	margin-right: 10%;
 }

}

@media screen and (min-width: 781px){ 

 .mainte-title h3 {
	font-size: 18px;
 }

 .mainte-text {
	font-size: 15px;
 }

 .jap-txt {
	padding: 15px;
 }

 .jap-txt h {
	font-size: 16px;
 }

}


@media screen and (min-width: 481px) and (max-width: 780px){

 .mainte-title h3 {
	font-size: 16px;
 }

 .mainte-text {
	font-size: 14px;
 }

 .jap-txt {
	padding: 8px 15px;
 }

 .jap-txt h {
	font-size: 15px;
 }

}


@media screen and (min-width: 481px){ 

 .mainte-title h3 {
	margin: 15px 20px;
 }

 .jap-txt {
	margin-top: 10%;
 }

}


@media screen and (max-width: 480px){ 

 .mainte-title {
	border-radius: 0px 30px;
 }

 .mainte-title h3 {
	font-size: 14px;
	margin: 10px 15px;
 }

 .mainte-text {
	font-size: 12px;
 }

 .japan {
	margin-right: 5%;
 }

 .jap-txt {
	padding: 5px 10px;
 }

 .jap-txt h {
	font-size: 14px;
 }

}