@charset "UTF-8";
html {
    overflow-x: hidden;
    scroll-behavior: smooth;
  }
  main {
    width: 100%;
  
  }
  
  main img {
    display: block;
    width: 100%;
    vertical-align: baseline;
    line-height: 0;
    font-size: 0;
  }
  
main div, main span, main iframe, main h1, main h2, main h3, main h4, main h5, main h6, main p, main address, main img, main small, main strong, main sub, main sup, main dl,
main dt, main dd, main ol, main ul, main form, main label, main table, main caption, main tbody, main tfoot, main thead, main tr, main th, main td, main article,
main aside, main footer, main header, main menu, main nav, main section, main video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 0;
    line-height: 0;
    vertical-align: baseline;
  }
main article, main aside, main details, main figcaption, main figure,
main footer, main header, main menu, main nav, main section {
    display: block;
  }
main ol, main ul {
    list-style: none;
  }
main :focus {
    outline: 0;
  }
main table {
    border-collapse: collapse;
    border-spacing: 0;
  }
main *,
main *::before,
main *::after {
    box-sizing: border-box;
  }
main img,
main video,
main svg {
    display: block;
    width: 100%;
    height: auto;
    vertical-align: bottom;
  }
main article, main aside, main details, main figcaption, main figure,
main footer, main header, main menu, main nav, main section {
    display: block;
  }
main ol, main ul {
    list-style: none;
  }
main :focus {
    outline: 0;
  }
main table {
    border-collapse: collapse;
    border-spacing: 0;
  }
main *,
main *::before,
main *::after {
    box-sizing: border-box;
  }
main img,
main video,
main svg {
    display: block;
    width: 100%;
    height: auto;
    vertical-align: bottom;
  }
  
/* contents */

/*============================
#main
============================*/
#main {
  max-width: 750px;
  margin: 0 auto;
  overflow-x: hidden;
}

/*============================
#fv
============================*/
#main #fv {
}
#main #fv .fv_video {
  width: 100%;
  height: auto;
}

/*============================
.cv-area
============================*/
#main .cv-area {
  padding: calc(90/1190*100%) 0;
}
#main .cv-area .btn-offer {
  width: calc(1031/1190*100%);
  margin: 0 auto;
  position: relative;
}
#main .cv-area .btn-offer:after {
  transition: all ease 0.2s;
  content:"";
  display: block;
  width: calc(20/1031*100%);
  padding-top: calc(48/1031*100%);
  position: absolute;
  top: 33%;
  right: 26%;
  background-image: url(../img/btn-icon.png);
  background-size: contain;
}
#main .cv-area .btn-offer:hover:after{
  right:23%;
}
/*============================
swiper
============================*/
#main .slick-outer .slick-wrapper {
  padding-bottom: 15%;
}

#main .slick-slider {
  margin-bottom: 0;
}
#main .slick-dots li button {
  padding: 0;
  width: min(calc(12/1190*100vw),12px);
  height: min(calc(12/1190*100vw),12px);
}
#main .slick-dots li {
  width: min(calc(12/1190*100vw),12px);
  height: min(calc(12/1190*100vw),12px);
  padding:0;
  margin: 0 1.5%;
}
#main .slick-dots {
  bottom:-18%;
}
#main .slick-dots li button:before {
  color: #7b7b7b;
  opacity: 0.5;
  font-size: min(calc(12/1190*100vw),12px);
  width: min(calc(12/1190*100vw),12px);
  height: min(calc(12/1190*100vw),12px);
  line-height: 1;
}
#main .slick-dots li.slick-active button:before {
  color: #7b7b7b;
  opacity: 1;
}
.slick-next {
  right: 37%;
}
.slick-prev {
  left: 37%;
}
.slick-next, .slick-prev {
  z-index:3;
  font-size: 0;
  width: min(calc(22/1190*100vw),22px);
  height: min(calc(25/1190*100vw),25px);
  top:115%;
}
.slick-next:before, .slick-prev:before {
  content:"";
  display: block;
  font-size: 0;
  width: 100%;
  height: 100%;
  background-size: contain;
}
.slick-next:before {
  background-image: url(../img/slide-next.png);
}
.slick-prev:before {
  background-image: url(../img/slide-prev.png);
}

#main .slider03 .slick-dots {
  bottom:-3.5%;
}
.slider03 .slick-next,
.slider03 .slick-prev {
  top:102.5%;
}
.slider03 .slick-prev {
  left:39%;
}
.slider03 .slick-next {
  right:39%;
}
/*============================
#sec02
============================*/
#main #sec02 {
}
#main #sec02 .slick-outer {
}
#main #sec02 .slick-outer .slick-wrapper {
}
#main #sec02 .slick-outer .slick-wrapper .slick-slider.slider01 {
}

/*============================
#sec03
============================*/
#main #sec02 .slick-outer #sec03 {
}
#main #sec02 .slick-outer #sec03 .slick-outer {
}
#main #sec02 .slick-outer #sec03 .slick-outer .slick-outer {
}
#main #sec02 .slick-outer #sec03 .slick-outer .slick-outer .slick-wrapper {
}
#main #sec02 .slick-outer #sec03 .slick-outer .slick-outer .slick-wrapper .slick-slider.slider02 {
}

/*============================
#sec04
============================*/
#main #sec02 .slick-outer #sec04 {
}
#main #sec02 .slick-outer #sec04 .slick-outer {
}
#main #sec02 .slick-outer #sec04 .slick-outer .slick-wrapper {
}
#main #sec02 .slick-outer #sec04 .slick-outer .slick-wrapper .slick-slider.slider03 {
}

/*============================
#sec05
============================*/
#main #sec02 .slick-outer #sec05 {
}
#main #sec02 .slick-outer .cv-area {
}
#main #sec02 .slick-outer .cv-area .btn-offer {
}
#main #sec02 .slick-outer .ft {
}
#main #sec02 .slick-outer .ft .imageblock {
}