@charset "utf-8";

h2 { font-size:32px; font-weight:bold; letter-spacing:3px;}
.product { position:relative; background:#fff;}
.product p { font-size:24px; font-size:1.5rem;}
.slider p { font-size:22px; font-size:1.38rem;}
.slider a { font-size:18px; font-size:1.13rem; padding:10px 15px; padding:.63rem .94rem;}
.bx-wrapper .bx-viewport { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; border:none; left:0;}
.bx-wrapper .bx-controls-direction a { margin-top:-80px; width:50px; height:160px;}
.bx-wrapper .bx-prev { left:0; background:url('../../images/arrow_l.png') no-repeat 0 0;}
.bx-wrapper .bx-next { right:0; background: url('../../images/arrow_r.png') no-repeat 0 0;}
.bx-wrapper .bx-next:hover { background-position:0 0;}
.bx-wrapper img { display:inline-block;}
.btn-box { -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; font-weight:300; background:#fff; display:inline-block; border:1px solid #2b2b2b;}
.company { margin-top:160px; margin-top:10rem;}
.company p { font-size:26px; font-size:1.63rem;}
.company a { font-size:20px; padding:5px 30px; padding:.31rem 1.88rem;}
.company .line { border-right:1px solid #e8e8e8;}


/******* media **********/

/* IE8 only */
@media \0screen {

}
@media (max-width:768px){
    .bx-wrapper .bx-controls-direction a { margin-top:-40px; width:25px; height:80px; background-size:cover;}
    .company { margin-top:80px; margin-top:5rem;}
    .company .line { border-right:none;}
}

@media (max-width:320px){

}