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


/* ---------------------------------------------------------------------------
  ★フォントファミリー
--------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------------
  ★LIST
--------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------------
  ★BASE
--------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------------
  ★テキスト
--------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------
  ~1200px
--------------------------------------------------------------------------- */
@media (max-width:1200px) {
  header .pc.nav {
    flex: 1;
  }
  .header .h_btnArea {
    justify-content: right;
  }
  .header .h_btnArea li {
    margin-right: 2%;
  }
  .h_btn {
    padding: 0.8em 1.5em;
  }
  .h_logo {
    width: 18%;
    margin-left: 2%;
    margin-top: 0;
    align-items: center;
  }
}
/* ---------------------------------------------------------------------------
  ~1000px
--------------------------------------------------------------------------- */
@media (max-width:1000px) {
  .home03 .popup-inner h4 {
    font-size: 2.1rem !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%);
}