@charset "UTF-8";
/* ========================================================
	top.css => トップページ用CSS
======================================================== */
/* slick
==================================================== */
.top_slide_area {
  overflow: hidden;
  position: relative;
}

.top_slide_area img {
  width: 100%;
  height: 36.47vw;
}

/* 動画の時 */
.top_slide_area iframe {
  height: 550px;
  width: 100%;
}

@media screen and (max-width: 1370px) {
  .top_slide_area iframe {
    height: 47vw;
  }
}
@media screen and (max-width: 768px) {
  .top_slide_area img {
    width: 100%;
    height: 56.25vw;
  }
}
.top_slider_arrow li {
  position: relative;
}
.top_slider_arrow span {
  position: absolute;
  right: 5vw;
  top: 5.5vw;
  z-index: 1;
  width: 30vw;
  height: auto;
}
.top_slider_arrow .slick-prev:before,
.top_slider_arrow .slick-next:before {
  content: none;
  /*リセット*/
}
.top_slider_arrow .slick-prev:after,
.top_slider_arrow .slick-next:after {
  content: "";
  position: absolute;
  background: url("../images/top/slide_arrow_black.svg") no-repeat;
  filter: brightness(0) invert(1);
  background-position: center;
  background-size: contain;
  width: 7px;
  height: 12px;
  font-family: none;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.top_slider_arrow .slick-prev,
.top_slider_arrow .slick-next {
  width: 5rem;
  height: 5rem;
  top: 55%;
  transform: translate(0%, -50%);
  z-index: 2;
  background: var(--base-color1a85);
}
.top_slider_arrow .slick-prev {
  left: 0;
}
.top_slider_arrow .slick-prev:after {
  transform: translate(-50%, -50%) scaleX(-1);
}
.top_slider_arrow .slick-next {
  left: auto;
  right: 0;
}
.top_slider_arrow .slick-prev:hover,
.top_slider_arrow .slick-next:hover,
.top_slider_arrow .slick-prev:focus,
.top_slider_arrow .slick-next:focus {
  background: var(--base-color2a85);
}

/*矢印
-------------------------------------------------------------------*/
/* 
@media screen and (max-width: 1024px) {
  .top_slider_arrow {
    .slick-prev {
      right: 40rem;
    }

    .slick-next {
      right: 35rem;
    }
  }
}

@media screen and (max-width: 680px) {
  .top_slider_arrow {
    .slick-prev:after,
    .slick-next:after {
      content: normal !important;
    }

    .slick-prev,
    .slick-next {
      display: none !important;
      height: 0 !important;
      width: 0 !important;
      opacity: 0 !important;
    }
  }
} */
/*ドット
-------------------------------------------------------------------*/
.top_slider_dots .slick-dots {
  height: 5rem;
  display: flex;
  width: 25rem;
  align-items: center;
  justify-content: center;
  right: 0;
  left: auto;
  box-sizing: border-box;
  bottom: 0;
  background: rgba(35, 24, 21, 0.7);
}
.top_slider_dots .slick-dots li {
  width: 1.6666666667rem;
  height: 1.6666666667rem;
}
.top_slider_dots .slick-dots li button {
  width: 1.6666666667rem;
  height: 1.6666666667rem;
  font-size: 1.6666666667rem;
  padding: 0;
}
.top_slider_dots .slick-dots li button:before {
  font-size: 1rem;
  width: 1.6666666667rem;
  height: 1.6666666667rem;
  opacity: 0.5;
  color: var(--base-color0);
  line-height: 1.9rem;
}
.top_slider_dots .slick-dots li.slick-active button:before {
  opacity: 1;
  color: var(--base-color0);
}

@media screen and (max-width: 1024px) {
  .top_slider_dots .slick-dots {
    width: 35rem;
  }
}
@media screen and (max-width: 680px) {
  .top_slider_dots .slick-dots {
    min-height: auto;
    min-width: 12rem;
    width: auto;
    height: 3rem;
  }
  .top_slider_dots .slick-dots li {
    width: 1rem;
    height: 1rem;
  }
  .top_slider_dots .slick-dots li button {
    width: 1rem;
    height: 1rem;
  }
  .top_slider_dots .slick-dots li button:before {
    font-size: 1rem;
    width: 1rem;
    height: 1rem;
    line-height: 1.3;
  }
}
@media screen and (max-width: 480px) {
  .top_slider_dots .slick-dots {
    min-height: auto;
    min-width: 10rem;
    width: auto;
    height: 3rem;
  }
  .top_slider_dots .slick-dots li {
    width: 1rem;
    height: 1rem;
  }
  .top_slider_dots .slick-dots li button {
    width: 1rem;
    height: 1rem;
  }
  .top_slider_dots .slick-dots li button:before {
    font-size: 1rem;
    width: 1rem;
    height: 1rem;
    line-height: 1.3;
  }
}
/* top_slide_area  row_btns
-----------------------------------------------------*/
.top_slide_area .row_btns {
  height: 5rem;
  position: absolute;
  right: 25rem;
  bottom: 0;
  margin: auto;
  text-align: center;
  z-index: 2;
}

.row_btns > * {
  width: 7rem;
}

@media screen and (max-width: 1024px) {
  .top_slide_area .row_btns {
    right: 35rem;
  }
}
@media screen and (max-width: 680px) {
  .top_slide_area .row_btns {
    right: 12rem;
    height: 3rem;
    width: 3rem;
    display: inline-flex;
    align-items: center;
  }
  .top_slide_area .row_btns > * {
    padding: 0.1rem;
    font-size: 1rem;
    height: 3rem !important;
    width: 3rem;
    display: inline-flex;
    align-items: center;
  }
  .top_slide_area .row_btns > * > img {
    height: 1rem !important;
  }
}
@media screen and (max-width: 480px) {
  .top_slide_area .row_btns {
    right: 10rem;
    height: 3rem;
    width: 3rem;
    display: inline-flex;
    align-items: center;
  }
  .top_slide_area .row_btns > * {
    padding: 0.1rem;
    font-size: 1rem;
    height: 3rem !important;
    width: 3rem;
    display: inline-flex;
    align-items: center;
  }
  .top_slide_area .row_btns > * > img {
    height: 1rem !important;
  }
}
/* .top_slider_blog
----------------------------------------------------------------- */
.top_slider_blog li {
  margin: auto 1rem;
}

.one_slide_blog li {
  max-width: 300px;
  margin: auto;
}

/* .top_bg_contents
----------------------------------------------------------------- */
.top_bg_contents > * {
  background: var(--bg-color_g1);
}
.top_bg_contents .light {
  background: #fff;
}
.top_bg_contents .dark {
  background: var(--bg-color1);
}
.top_bg_contents .top_module_01_2.top_white_textbox {
  background: #fff;
}

/* top_module_03
==================================================== */
.top_module_03 {
  margin: auto;
}

/* top_module_05
==================================================== */
@media screen and (max-width: 680px) {
  .top_module_05 .card_list {
    max-width: 100%;
    margin: auto;
  }
  .top_module_05 .card_list > li .card_list_inner {
    box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0);
    background: transparent;
  }
  .slide-module-01.card_list > li .card_list_inner .text_box {
    padding: 1rem 0rem;
  }
}
/* top_module_06
==================================================== */
.top_module_06 {
  padding-bottom: 12rem;
}

@media screen and (max-width: 680px) {
  .top_module_06 {
    padding-bottom: 6rem;
  }
}
/*top_sns_flex
==================================================== */
.top_sns_flex {
  display: flex;
  justify-content: space-between;
}
.top_sns_flex > * {
  width: 48%;
  height: 620px;
  overflow: hidden;
}
.top_sns_flex > .twt_box {
  overflow-y: scroll;
}

@media screen and (max-width: 680px) {
  .top_sns_flex {
    display: block;
  }
  .top_sns_flex > * {
    width: auto;
    height: 400px;
  }
  .top_sns_flex > * + * {
    margin-top: 8%;
  }
}
/*top_gmap
==================================================== */
.top_gmap iframe {
  width: 100% !important;
  height: 30vw !important;
}

@media screen and (max-width: 960px) {
  .top_gmap iframe {
    width: 100% !important;
    height: 40vw !important;
  }
}
@media screen and (max-width: 480px) {
  .top_gmap iframe {
    height: 90vw !important;
  }
}
/*slide
==================================================== */
@media screen and (min-width: 681px), print {
  .slide-module-01 .slick-prev,
  .slide-module-01 .slick-next {
    bottom: -12.5rem;
  }
  .slide-module-01 .slick-prev {
    right: 10rem;
  }
  .slide-module-01 .card_parts .img img {
    height: 25rem;
  }
  .slide-module-02 .slick-prev {
    right: 12rem;
  }
}
/* @media screen and (max-width: 680px) {
  .slide-module-01 {
    .card_parts .img img {
      height: 25rem;
    }
  }
}
 *//*# sourceMappingURL=top.css.map */