@charset "utf-8";
.mv-content{background-image:url(/img/top-bg.png);height:auto;background-size:100%;padding-bottom:44%;position:relative;}
.mv-content .wrap{padding:0 20px;width:100%;max-width:980px;margin:auto;}
.mv-content h2 img{display:block;margin:auto;padding:0;max-width:586px;position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%);}

.desc-content{text-align:center;margin-top:0;background-color:#fff;padding-top:32px;padding-bottom:72px;}
.desc-content .wrap{padding:0 20px;width:100%;max-width:980px;margin:auto;}
.desc-content h2{margin-bottom:24px;}
.desc-content h2 img{max-width:400px;}
.btn-ordernow{max-width:284px;margin:40px auto 0;}

.products-content{background-color:#f7f8f8;margin-top:0;padding-top:64px;padding-bottom:80px;}
.products-content h2 img{display:block;margin:0 auto;max-width:168px;}
.swiper-container{width:100%;height:100%;margin-top:56px;overflow:hidden;position:relative;}
.swiper-slide{text-align:center;font-size:18px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.swiper-slide a{display:block;border:#231815 solid 1px;border-radius:10px;padding:14px;background-color:#fff;margin:5px;}
.swiper-slide a:hover{border:solid 6px #F8E300;padding:9px;}
.swiper-slide img{display:block;max-width:100%;width:100%;height:100%;object-fit:cover;}
.swiper-button-next,.swiper-button-prev{display:block;height:32px;width:32px;background-size:cover;}
.swiper-button-next{background-image:url(/img/top-right_btn.png);}
.swiper-button-prev{background-image:url(/img/top-left_btn.png);}
.swiper-button-prev:after,.swiper-button-next:after{content:none;}

.howto-content{padding-top:64px;background-color:#fff;}
.howto-content .wrap{padding:0 20px;width:100%;max-width:980px;margin:auto;}
.howto-content h2 img{display:block;margin:0 auto;max-width:132px;}
.howto-box{display:flex;flex-wrap:nowrap;width:100%;max-width:unset;padding:24px 0 52px;margin:32px auto 0;line-height:1.8;}
.howto-col{width:33.3333%;padding:0 32px;font-size:14px!important;border-right:solid 1px #231815;}
.howto-col.first{padding-left:0;}
.howto-col.third{border-right:none;margin-bottom:0;padding-right:0;}

.howto-col.first img,
.howto-col.second img,
.howto-col.third img{max-width:218px;}

.howto-col.first h3 img{max-width:170px;}
.howto-col.second h3 img{max-width:170px;}
.howto-col.third h3 img{max-width:170px;}
.howto-img-box{position:relative;height:160px;}

@media screen and (max-width:640px){
  .mv-content{background-repeat:no-repeat;height:320px;background-position:top;background-size:cover;}
  .mv-content h2 img{max-width:320px;}

  .desc-content h2{margin-bottom:16px;}
  .desc-content h2 img{max-width:306px;}
  .btn-ordernow{max-width:208px;margin:16px auto 0;}

  .products-content{margin-top:40px;padding-top:40px;padding-bottom:64px;}
  .products-content h2 img{max-width:152px;}
  .swiper-container{margin-top:32px;}
  .swiper-button-next,.swiper-button-prev{display:none;}

  .howto-content{padding-top:40px;}
  .howto-content h2 img{max-width:120px;}
  .howto-box{display:block;max-width:280px;padding:0;margin:0 auto;line-height:1.8;}
  .howto-col{width:100%;padding:32px 0 24px;border-bottom:solid 1px #231815;border-right:none;}
  .howto-col.third{border:unset;margin-bottom:64px;}
  .howto-col img{display:block;margin:0 auto;}
  .howto-col h3 img{margin: 24px auto 16px 0;}
  .howto-col.first img,
  .howto-col.second img,
  .howto-col.third img{max-width:198px;}
  .howto-col.first h3 img{max-width:166px;}
  .howto-col.second h3 img{max-width:170px;}
  .howto-col.third h3 img{max-width:168px;}
  .howto-img-box{height:auto;}
}