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

.c_table_01 label {
  display: inline-flex !important;
}

/* ---------------------------------------------------------------------------
  ★インスタグラム
--------------------------------------------------------------------------- */

.instagramcont li {
    width: calc(100% / 4);
}

.instagramcont li a {
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding: 0 0 100%;
    background: #949494;
}

.instagramcont li a img {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}

/* ---------------------------------------------------------------------------
  ~1200px
--------------------------------------------------------------------------- */
@media (max-width:1200px) {
  /* .home05 .c_table_03:nth-of-type(1):before {
    top: -8%;
    width: clamp(136px, 14vw, 200px);
    height: clamp(120px, 13vw, 165px);
    left: clamp(40px, 6vw, 120px);
  } */

  .after {
    bottom: 12%;
  }
}
/* ---------------------------------------------------------------------------
  ~1180px
--------------------------------------------------------------------------- */
@media (max-width:1180px) {
  .home02 ul::before {
    width: 13%;
    height: 39%;
    top: -38.5%;
  }

  .mvImg02 {
    width: 19.5%;
    height: 32%;
  }

  .footer02_nav {
    width: 68%;
  }

  .footer02_01 .w30 {
    width: 26%;
  }

  .c_table_03 .title::before, .c_table_03 .title::after {
    width: 29%;
  }

  .purchase01 .kosiki a {
    width: 100%;
  }

  .home03 .f28 {
    font-size: 2.4rem !important;
  }
}

/* ---------------------------------------------------------------------------
  ~1000px
--------------------------------------------------------------------------- */
@media (max-width:1000px) {
  .after {
    bottom: 37%;
  }
}