@charset "UTF-8";

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

html {
  font-size: 62.5%;
}

body {
  min-width: 1150px;
}

object {
  pointer-events: none;
}

.sp,
.accordion-title,
#js-hamburger,
#js-black-bg01 {
  display: none !important;
}

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

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

@media screen and (min-width: 1400px) {
  .home03.bgW_bg {
    position: relative;
    z-index: 0;
  }
  .home03 .bgW_box,
  .home04 .bgW_box {
    max-width: 1410px;
    width: 95vw;
    padding-right: 20.5vw;
  }
  .home04 .bgW_box {
    padding-right: 35px;
    padding-left: 7.3vw;
    margin-left: -20.5vw;
    padding-left: 20.5vw;
  }
  .home03.bgW_bg::before {
    content: "";
    position: absolute;
    display: inline-block;
    right: 0%;
    top: 65px;
    background: #fff;
    width: 28vw;
    height: calc(100% - 49px);
    z-index: -1;
    border-radius: 20px 0 0 20px;
  }
  .home04.bgW_bg::before {
    left: 0%;
    right: auto;
    top: 65px;
    border-radius: 0 20px 20px 0;
  }
}
@media screen and (max-width: 1550px) {
  .main.inner_1400 {
    width: 100%;
  }
}
@media screen and (max-width: 1399px) {
  .main.inner_1400 {
    width: 100%;
  }
  .main .cl7_3 > *:nth-child(odd) {
    width: calc(100% - 500px);
  }
  .main .cl7_3 #main_slider,
  .main .cl7_3 .slick-list.draggable,
  .slick-track,
  .slick-slide {
    height: 100% !important;
  }
  .main .cl7_3 > *:nth-child(odd) * img {
    height: 100%;
    width: auto;
    object-fit: cover;
  }
  .home03 .bgW_box {
    margin-left: auto;
    padding-right: 7.3vw;
  }
  .home04 .bgW_box {
    margin-right: auto;
    padding-left: 7.3vw;
    margin-left: 0;
  }
  .home03.bgW_bg {
    position: relative;
    z-index: 0;
  }
  .home03 .wide_inner_1200 {
    margin: 0 0 0 auto;
  }
  .home04 .wide_inner_1200 {
    margin: 0 auto 0 0;
  }
}
@media screen and (max-width: 1250px) {
  .main .infoArea {
    width: 78%;
  }
  .home03 .bgW_box {
    padding-right: 3%;
  }
  .home04 .bgW_box {
    padding-left: 3%;
  }
  .home03 .bgW_box {
    width: 91.5vw;
  }
}

.home02 .cl33 > li a .imgSize {
  aspect-ratio: 4 / 3;
  display: flex;
  flex-direction: column;
  justify-content: center;
}