@charset "utf-8";
/* CSS Document */


/*PC*/
@media print, screen and (min-width: 600px) {




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

 header

----------------------------------------------------*/
.hedImg { width: 100%; height: 240px; background: url(../images/original_product/oem/hedImg.jpg) center center no-repeat; background-size: cover; margin: 0 auto 0; text-align: center; color: #FFF; padding: 60px 0 0; box-sizing: border-box;}
.hedImg h2 { width: 100%; font-size: 66px; font-family:Arial, Helvetica, sans-serif;}
.hedImg p { width: 100%; font-size: 20px;}

.navBg ul li:nth-of-type(3) a { color: #eb6100;}


.bg01 {
}
	
.bg02 {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f6f9fa+0,dde8e9+100 */
background: rgb(246,249,250); /* Old browsers */
background: -moz-linear-gradient(top, rgb(246,249,250) 0%, rgb(221,232,233) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgb(246,249,250) 0%,rgb(221,232,233) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgb(246,249,250) 0%,rgb(221,232,233) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f9fa', endColorstr='#dde8e9',GradientType=0 ); /* IE6-9 */
}





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

 nav

----------------------------------------------------*/
.nav { width: 495px; margin: -40px auto auto;}
.nav ul { width: 100%; margin: 0; padding: 0; list-style: none; overflow: hidden; font-size: 12px;}
.nav ul li { width: 165px; float: left;}
.nav ul li a { display: block; width: 165px; height: 40px; border-radius: 10px 10px 0 0; background: #c9c9ca; color: #000; text-align: center; text-decoration: none; line-height: 40px;}
.nav ul li a.select,
.nav ul li a:hover { background: #FFF; color: #eb6100;}



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

 sec01

----------------------------------------------------*/
.sec01 { padding: 50px 0; margin: 0;}
.sec01 h3 { font-size: 36px; color: #6a3906; text-align: center; margin: 0 0 50px;}
.sec01 .box01 { margin: 0 0 50px; padding: 0; overflow: hidden;}
.sec01 .box01 .box01L { float: left;}
.sec01 .box01 .box01L p { margin: 0 0 15px; padding: 0; font-size: 24px; color: #eb6100;}
.sec01 .box01 .box01L ul { margin: 0; padding: 0; list-style: none;}
.sec01 .box01 .box01L ul li {}
.sec01 .box01 .box01L ul li::before { content: "●"; color: #eb6100;}
.sec01 .box01 .box01R { float: right;}

.sec01 .box02 { margin: 0 0 50px; padding: 0; text-align: center;}
.sec01 .box02 ul { margin: 0 auto 0; padding: 0; text-align: center; list-style: none; overflow: hidden; width: 964px;}
.sec01 .box02 ul li { float: left; margin: 0 122px 40px 0; padding: 0; width: 240px; background: #FFF;}
.sec01 .box02 ul li:nth-child(3n+3) { margin: 0 0 0 0;}
.sec01 .box02 ul li img { width: 100%; height: auto;}
.sec01 .box02 ul li h5 { color: #eb6100; margin: 10px 0 10px; font-size: 18px;}
.sec01 .box02 ul li p:nth-of-type(1) { margin: 0 0 30px; padding: 5px; font-size: 14px;}
.sec01 .box02 ul li p:nth-of-type(2) { text-align: left; padding: 5px; font-size: 14px;}

.sec01 .subttl { text-align: center; margin: 0 auto 30px; max-width: 500px;}
.sec01 .subttl h4 { margin: 0 auto 10px; padding: 0 0 5px; font-size: 24px; width: 100%; border-bottom: solid 1px #000;}






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

 sec02

----------------------------------------------------*/
.sec02 { padding: 50px 0; margin: 0;}
.sec02 h3 { font-size: 36px; color: #6a3906; text-align: center; margin: 0 0 50px;}
.sec02 .box01 { margin: 0 0 50px; padding: 0; overflow: hidden;}
.sec02 .box01 .box01L { float: left;}
.sec02 .box01 .box01L p:nth-of-type(1) { margin: 0 0 15px; padding: 0; font-size: 24px; color: #eb6100;}
.sec02 .box01 .box01L p:nth-of-type(2) { margin: 0 0 15px; padding: 0; font-size: 13px; color: #000;}
.sec02 .box01 .box01R { float: right;}

.sec02 .box02 { margin: 0 0 50px; padding: 0; text-align: center;}
.sec02 .box02 ul { margin: 0 auto 0; padding: 0; text-align: center; list-style: none; overflow: hidden; width: 964px;}
.sec02 .box02 ul li { float: left; margin: 0 122px 40px 0; padding: 0; width: 240px; background: #FFF;}
.sec02 .box02 ul li:nth-child(3n+3) { margin: 0 0 40px 0;}
.sec02 .box02 ul li img { width: 100%; height: auto;}
.sec02 .box02 ul li h5 { color: #eb6100; margin: 10px 0 10px; font-size: 18px;}
.sec02 .box02 ul li p:nth-of-type(1) { margin: 0 0 0; padding: 5px; font-size: 14px;}

.sec02 .subttl { text-align: center; margin: 0 auto 30px; max-width: 500px;}
.sec02 .subttl h4 { margin: 0 auto 10px; padding: 0 0 5px; font-size: 24px; width: 100%; border-bottom: solid 1px #000;}






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

 sec03

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





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

 sec04

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





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

 sec05

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







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

 sec06

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












}

/*sp*/
@media only screen and (max-width: 599px) {


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

 header

----------------------------------------------------*/
.hedImg { width: 100%; height: 180px; background: url(../images/original_product/oem/hedImg.jpg) center center no-repeat; background-size: cover; margin: 0 auto 0; text-align: center; color: #FFF; padding: 30px 0 0; box-sizing: border-box;}
.hedImg h2 { width: 100%; font-size: 30px; font-family:Arial, Helvetica, sans-serif;}
.hedImg p { width: 100%; font-size: 18px;}

.navBg ul li:nth-of-type(3) a { color: #eb6100;}


.bg01 {
}
	
.bg02 {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f6f9fa+0,dde8e9+100 */
background: rgb(246,249,250); /* Old browsers */
background: -moz-linear-gradient(top, rgb(246,249,250) 0%, rgb(221,232,233) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgb(246,249,250) 0%,rgb(221,232,233) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgb(246,249,250) 0%,rgb(221,232,233) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f9fa', endColorstr='#dde8e9',GradientType=0 ); /* IE6-9 */
}





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

 nav

----------------------------------------------------*/
.nav { width: 100%; margin: 0px auto auto;}
.nav ul { width: 104%; margin: 0 auto 0 -2%; padding: 10px 0 0; list-style: none; overflow: hidden; font-size: 11px;}
.nav ul li { width: auto; float: left; box-sizing: border-box; border: solid 1px #999; -webkit-transform: skew(-20deg); -moz-transform: skew(-20deg); -o-transform: skew(-20deg);}
.nav ul li a { display: block; width: 100%; height: 40px; border-radius: 0 0 0 0; color: #000; text-align: center; text-decoration: none; line-height: 40px; -webkit-transform: skew(20deg); -moz-transform: skew(20deg); -o-transform: skew(20deg);}
.nav ul li a.select,
.nav ul li a:hover { color: #eb6100;}

.nav ul li:nth-of-type(1) { width: 39%; margin-right: 1%;}
.nav ul li:nth-of-type(2) { width: 29%; margin-right: 1%;}
.nav ul li:nth-of-type(3) { width: 30%;}



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

 sec01

----------------------------------------------------*/
.sec01 { padding: 30px 0 0; margin: 0;}
.sec01 h3 { font-size: 26px; color: #6a3906; text-align: center; margin: 0 0 20px;}
.sec01 .box01 { margin: 0 0 50px; padding: 0; overflow: hidden;}
.sec01 .box01 .box01L { width:94%; margin:0 auto;}
.sec01 .box01 .box01L p { margin: 0 0 15px; padding: 0; font-size: 18px; color: #eb6100;}
.sec01 .box01 .box01L ul { margin: 0 0 20px; padding: 0; list-style: none;}
.sec01 .box01 .box01L ul li {}
.sec01 .box01 .box01L ul li::before { content: "●"; color: #eb6100;}
.sec01 .box01 .box01R { width:94%; margin:0 auto;}
.sec01 .box01 .box01R img { width:100%; height:auto;} 

.sec01 .box02 { width:94%; margin: 0 auto 30px; padding: 0; text-align: center;}
.sec01 .box02 ul { margin: 0 auto 0; padding: 0; text-align: center; list-style: none; overflow: hidden; width: 94%;}
.sec01 .box02 ul li { margin:0 auto 30px; padding: 0; width: 100%; background: #FFF;}
.sec01 .box02 ul li:nth-child(3n+3) { margin: 0 0 0 0;}
.sec01 .box02 ul li img { width: 100%; height: auto;}
.sec01 .box02 ul li h5 { color: #eb6100; margin: 0; font-size: 16px;}
.sec01 .box02 ul li p { margin: 0 0 10px; padding: 5px; font-size: 12px;}

.sec01 .subttl { text-align: center; margin: 0 auto 30px; max-width: 500px;}
.sec01 .subttl h4 { margin: 0 auto 10px; padding: 0 0 5px; font-size: 18px; width: 100%; border-bottom: solid 1px #000;}






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

 sec02

----------------------------------------------------*/
.sec02 { padding: 30px 0; margin: 0;}
.sec02 h3 { font-size: 26px; color: #6a3906; text-align: center; margin: 0 0 20px;}
.sec02 .box01 { width:94%; margin: 0 auto 50px; padding: 0; overflow: hidden;}
.sec02 .box01 .box01L { float: left;}
.sec02 .box01 .box01L p:nth-of-type(1) { margin: 0 0 15px; padding: 0; font-size: 18px; color: #eb6100;}
.sec02 .box01 .box01L p:nth-of-type(2) { margin: 0 0 15px; padding: 0; font-size: 12px; color: #000;}
.sec02 .box01 .box01R { width:94%; margin:0 auto;}
.sec02 .box01 .box01R img { width:100%; height:auto;} 

.sec02 .box02 { width:94%; margin: 0 auto 50px; padding: 0; text-align: center;}
.sec02 .box02 ul { margin: 0 auto 40px; padding: 0; text-align: center; list-style: none; overflow: hidden; width: 94%;}
.sec02 .box02 ul li { margin:0 auto 30px; padding: 0; width: 100%; background: #FFF;}
.sec02 .box02 ul li:nth-child(3n+3) { margin: 0 0 0 0;}
.sec02 .box02 ul li img { width: 100%; height: auto;}
.sec02 .box02 ul li h5 { color: #eb6100; margin: 0; font-size: 16px;}
.sec02 .box02 ul li p { margin: 0 0 10px; padding: 5px; font-size: 12px;}

.sec02 .subttl { text-align: center; margin: 0 auto 30px; max-width: 500px;}
.sec02 .subttl h4 { margin: 0 auto 10px; padding: 0 0 5px; font-size: 18px; width: 100%; border-bottom: solid 1px #000;}

	
	
	
}