/*---------------------------------------------------------------------------*/
@-webkit-keyframes header_animate { 0% { opacity: 0;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); }
  25% { opacity: 1; }
  100% { opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }
@-moz-keyframes header_animate { 0% { opacity: 0;
    -moz-transform: scale(1.07);
         transform: scale(1.07); }
  25% { opacity: 1; }
  100% { opacity: 1;
    -moz-transform: scale(1);
         transform: scale(1); } }
@keyframes header_animate { 0% { opacity: 0;
    -webkit-transform: scale(1.07);
       -moz-transform: scale(1.07);
            transform: scale(1.07); }
  25% { opacity: 1; }
  100% { opacity: 1;
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
            transform: scale(1); } }

.key-product { height: 8rem; }

.key-product .key-title { font-size: 2.4rem; }

.page-product { margin-top: 7rem; }

@media screen and (max-width: 767px) { .page-product { margin-top: 16vw; } }

.section-detail { text-align: left; background: #fff; padding: 0 0 0 0; }

.section-detail .wrap-btn { text-align: center; }

.p-slider .slick-dots { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; position: static; margin: 2rem 0; }

.p-slider .slick-dots li { width: 5rem; height: 5rem; border: 1px solid #ccc; }

.p-slider .slick-dots li button:before { content: ''; }

.p-slider .slick-dots li.slick-active { border: 1px solid #000; }

.p-slider .slick-dots li figure { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; }

.p-slider .slick-arrow { text-indent: -9999px; border: none; outline: none; width: 3.4rem; height: 2.2rem; cursor: pointer; padding: 0; z-index: 2; top: 40%; }

@media screen and (max-width: 767px) { .p-slider .slick-arrow { width: 9.06667vw; height: 5.86667vw; } }

.p-slider .slick-arrow.slick-prev { left: 0; background: url(../img/arrow-prev.svg) center center no-repeat; -moz-background-size: cover; background-size: cover; }

.p-slider .slick-arrow.slick-next { right: 0; background: url(../img/arrow-next.svg) center center no-repeat; -moz-background-size: cover; background-size: cover; }

.p-title { padding: 3rem 2rem; }

.p-title h2 { font-size: 2.4rem; font-family: "Josefin Sans", sans-serif; font-weight: 400; }

@media screen and (max-width: 767px) { .p-title h2 { font-size: 4.8vw; } }

.p-lead { padding-bottom: 5rem; }

.p-lead h3 { font-size: 2rem; font-family: "Josefin Sans", sans-serif; font-weight: 300; margin-bottom: 0; }

.p-lead p { font-size: 1.2rem; }

.p-content { padding: 3rem 2rem; background: #f5f5f5; }

.p-content h3 { margin-bottom: 2rem; font-size: 1.8rem; }

.p-content p + p { margin-top: 2rem; }

h4 {
     text-align: center;
     font-size: 14px;
     padding-top: 30px;
}

.link-btn{
     background-color: #fff;
     margin-top: 2px;
}

a.btn{
     margin: 10px 0 30px;
}