@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;
}

@media screen and (max-width: 1399px) {
  .main .btn_line a p {
    padding-left: 3.7vw;
    background: url(../img/line.svg) no-repeat left center / 2.8vw;
  }
  .main .mv_r {
    right: -0.4vw;
  }
}

@media screen and (max-width: 1300px) {
  .header_nav .nav {
    font-size: 1.5rem !important;
    gap: 1.8%;
  }
  .inner_1300 {
    width: 97%;
  }
  .sub_nav .h_contact a,
  .sub_nav .h_line a {
    font-size: 1.4rem !important;
  }
  .main .cl50 > *:nth-of-type(1) {
    width: 56%;
  }
  .main .cl50 > *:nth-of-type(2) {
    width: 43%;
  }
  .main .cl33 > * {
    width: 33%;
  }
  .main .cl33 li::before {
    width: 17vw;
    height: 17vw;
  }
}

@media screen and (max-width: 1200px) {
  .home02 .cl4_6 > *:nth-child(even) h3 {
    width: 17em;
    justify-content: center;
    margin: auto;
  }
  .home03 .o_box2 > li {
    width: 30%;
  }
  .home03 .o_box2 {
    gap: 3.8%;
  }
}

@media screen and (max-width: 1100px) {
  /* .hukidashiArea img {
    width: 80%;
    margin: auto;
  } */
  .home01 .hukidashiArea > li:nth-of-type(4) {
    left: 50%;
    z-index: 6;
  }
  .home01 .hukidashiArea > li:nth-of-type(5) .y_hukidashi {
    left: auto;
    right: -105px;
  }
  .home01 .hukidashiArea > li:nth-of-type(2) {
    right: 150px;
  }
  .home01 .hukidashiArea > li:nth-of-type(2) .y_hukidashi {
    right: -115px;
    bottom: -7px;
  }
  .home01 .hukidashiArea > li:nth-of-type(6) {
    right: 70px;
  }
  .home02 .cl4_6 > div:nth-of-type(1) .logo {
    margin: 0 auto;
  }
}

@media screen and (max-width: 1000px) {
  .header_nav .nav {
    flex-wrap: wrap;
    width: calc(100% - 14.5em);
  }
  .main .inner_1200 {
    width: 98%;
  }
  .main .cl33 li .f16 {
    font-size: 1.5rem !important;
  }
  .main .cl33 li .f33 {
    font-size: 3rem !important;
  }
  .main .cl33 li::before {
    width: 18vw;
    height: 18vw;
  }
  .main .btn_line .f24 {
    font-size: 2.2rem !important;
  }
  .home04 .o_box3 .line2 {
    width: 2.8em;
  }
}