@charset "UTF-8";

/* ---------------------------------------------------------------------------
  ★共通
--------------------------------------------------------------------------- */

html {
  font-size: 62.5%;
}

object {
  pointer-events: none;
}

.sp,
.header_sp {
  display: none !important;
}

a[href^="tel:"] {
  pointer-events: none;
}

a {
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.img_r {
  overflow: hidden;
}

.img_r > img {
  float: right;
  width: 33%;
  margin-left: 15px;
  margin-bottom: 15px;
}

.home01 #home01_slider .mT5 {
  margin-top: 3px !important;
}
/* .home04 .no2 {
  overflow-x: scroll;
} */
/* .home04 .boxArea {
  width: 1000px;
  overflow: hidden;
} */

.main {
  overflow: hidden;
}

@media screen and (min-width: 1325px) {
  .main .sub_catch {
    bottom: auto;
    top: 58%;
  }
  .main .gr_br {
    bottom: auto;
    top: 59%;
  }
  #main_slider {
    margin-left: calc(4.5% + 15.5em);
    width: calc(100vw - (4.5% + 15.5em));
    max-height: 40vw;
  }
  .sliderArea {
    max-height: 40vw;
  }
  #main_slider > * {
    height: 40vw;
    object-fit: cover;
  }
}

@media screen and (max-width: 1324px) {
  .main .sub_catch {
    bottom: auto;
    top: 29vw;
    margin-top: 0 !important;
  }
  .main .gr_br {
    bottom: auto;
    top: 26vw;
  }
  .main .color-black,
  .main .color-white {
    top: 13vw;
  }
  .main .color-black {
    width: 95.5%;
  }
  #main_slider {
    margin-left: calc(15.8em + (min(1200px, 90vw) * 0.045));
    width: calc(100vw - 15.8em - (min(1200px, 90vw) * 0.045));
  }
}

@media screen and (max-width: 1200px) {
  .headerArea.inner_1200 {
    width: 96%;
  }
  .header_nav .nav li a {
    padding: 0 8.7px 13px;
  }
  .main .color-black,
  .main .color-white {
    top: 9vw;
  }
  .home04 .boxArea {
    width: 1000px;
    overflow: hidden;
  }
  .home04 .no2 {
    overflow-x: scroll;
  }
  .home04 .no2 .str_point {
    left: 100px;
  }
}

@media screen and (max-width: 1030px) {
  .header_nav .nav li a {
    padding: 0 3.6px 13px;
    font-size: 1.5rem;
  }
  .box2 {
    font-size: 2rem !important;
  }
}

@media screen and (max-width: 1000px) {
}