@charset "utf-8";
/* ------------------------------------------------------------ common */

#fv { background: url(../images2/products/index/fv.jpg?=1) center center no-repeat; color: #fff;}

#product ul { background: #000;}
#product ul #valve { background: url(../images2/products/index/bg_01.jpg?=1) left center no-repeat; background-size: 90% auto; padding: 0 0 30px;}
#product ul #filter { background: url(../images2/products/index/bg_02.jpg?=1) right center no-repeat; background-size: 90% auto; padding: 3% 0;}
#product ul #pump { background: url(../images2/products/index/bg_03.jpg?=1) left center no-repeat; background-size: 90% auto; }
#product ul #unit { background: url(../images2/products/index/bg_04.jpg?=1) right center no-repeat; background-size: 100% auto; }
#product ul li .box { float: right; width: 45%; color: #fff; padding: 100px 0 0 15%;}
#product ul li.right .box { float: left; padding: 100px 15% 0 0;}
#product ul li h3.h3 { text-align: left;}
#product ul li .box p { font-family: 'Noto Sans Japanese';}
#product ul li p.btn { text-align: left; padding: 50px 0 100px;}
#product ul li p.btn a { border: 1px solid #fff; background: url(../images2/common/arw.png?=1) 97% center no-repeat; width: 325px; height: 50px; line-height: 50px; text-align: center;}

/* ------------------------------------------------------------ mobile */
@media only screen and (max-width:640px){

#fv { background: url(../images2/products/index/fv.jpg?=1) center center no-repeat; background-size: cover; color: #fff; padding: 20% 0;}

#product ul { background: #000;}
#product ul #valve { background: url(../images2/products/index/pic_01.jpg?=1) center top no-repeat; background-size: 100% auto; padding: 70% 0 0;}
#product ul #filter { background: url(../images2/products/index/pic_02.jpg?=1) center top no-repeat; background-size: 100% auto; padding: 55% 0 0;}
#product ul #pump { background: url(../images2/products/index/pic_03.jpg?=1) center top no-repeat; background-size: 100% auto; padding: 60% 0 0;}
#product ul #unit { background: url(../images2/products/index/pic_04.jpg?=1) center top no-repeat; background-size: 100% auto; padding: 55% 0 0;}
#product ul li .box { float: none; width: 100%; color: #fff; padding: 40px 0 0;}
#product ul li.right .box { float: none; padding: 40px 0 0;}
#product ul li h3.h3 { text-align: center;}
#product ul li .box p { font-family: 'Noto Sans Japanese';}
#product ul li p.btn { text-align: center; padding: 25px 0 30px;}
#product ul li p.btn a { border: 1px solid #fff; background: url(../images2/common/arw.png?=1) 97% center no-repeat; width: 94%; height: 50px; line-height: 50px; text-align: center;}
}