@charset "UTF-8";
@media screen and (min-width: 971px) {
  .menu-scroll {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 1s, visibility 1s, -webkit-transform 1s;
    transition: opacity 1s, visibility 1s, -webkit-transform 1s;
    transition: opacity 1s, visibility 1s, transform 1s;
    transition: opacity 1s, visibility 1s, transform 1s, -webkit-transform 1s;
  }
  .menu-scroll.fixed {
    opacity: 1;
    visibility: visible;
  }
  #menu .menu-list {
    margin-bottom: 50px !important;
  }
}
#sp_top_movie {
  -webkit-box-shadow: 0px 0px 16px -6px rgba(0, 0, 0, 0.6);
          box-shadow: 0px 0px 16px -6px rgba(0, 0, 0, 0.6);
  position: fixed;
  bottom: 15px;
  right: 15px;
  z-index: 50;
  padding: 5px;
  background-color: #fff;
}
@media (min-width: 971px) {
  #sp_top_movie {
    display: none;
  }
}
#sp_top_movie .wht_border {
  width: 220px;
  height: 123px;
  position: relative;
}
#sp_top_movie .wht_border .youtube_wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  padding-top: 56.25%;
}
#sp_top_movie .wht_border .youtube_wrap iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
#sp_top_movie .wht_border .spmovie_close {
  position: absolute;
  top: -15px;
  right: -15px;
}

#pc_top_movie {
  display: none;
}
@media (min-width: 971px) {
  #pc_top_movie {
    display: block;
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 8;
  }
  #pc_top_movie video {
    width: 100% !important;
    height: 100% !important;
    -webkit-transition: all 1s;
    transition: all 1s;
  }
}

.add_box {
  width: auto;
  margin: 0 20px;
}
@media (min-width: 971px) {
  .add_box {
    width: 950px;
    margin: 0 auto;
  }
}
.add_box .inner {
  margin: 0;
}
.add_box .inner h2 {
  font-family: Crimson Text, ヒラギノ明朝 ProN, Yu Mincho Light, YuMincho, Yu Mincho, 游明朝体, Times New Roman, Didot, sans-serif;
  text-align: center;
  font-size: 1.5rem;
  margin-bottom: 20px;
  padding: 10px 0;
}
@media (min-width: 971px) {
  .add_box .inner h2 {
    font-size: 24px;
  }
}
.add_box .inner ul.media_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
.add_box .inner ul.media_list li {
  margin: 0px 5px 15px 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  width: 26.5%;
}
@media (min-width: 971px) {
  .add_box .inner ul.media_list li {
    width: auto;
  }
}
.add_box .inner ul.media_list li img {
  display: inline-block;
}
.add_box .inner ul.media_list::after {
  content: "";
  display: block;
  width: 30%;
}
@media (min-width: 971px) {
  .add_box .inner ul.media_list::after {
    display: none;
  }
}
@media (min-width: 971px) {
  .add_box .inner ul.promo_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.add_box .inner ul.promo_list li {
  width: auto;
  margin-bottom: 20px;
}
@media (min-width: 971px) {
  .add_box .inner ul.promo_list li {
    width: 48%;
    margin: 0;
  }
}
.add_box .inner ul.promo_list li .youtube_wrap {
  width: 100%;
  position: relative;
  padding-top: 56.25%;
}
.add_box .inner ul.promo_list li .youtube_wrap iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.add_box.media {
  margin-bottom: 50px;
}
.add_box.promo {
  margin-bottom: 50px;
}

@media (max-width: 970px) {
  #sns {
    width: auto;
    margin: 0 20px;
  }
  #sns div p.title {
    font-size: 24px;
    margin-bottom: 20px;
    text-align: center;
  }
  #sns #insta {
    width: auto;
    position: relative;
    margin-bottom: 30px;
  }
  #sns #insta a {
    display: block;
    width: 100%;
  }
  #sns #insta a iframe {
    pointer-events: none;
  }
  #sns #insta .tag {
    width: 116px;
    height: auto;
    position: absolute;
    top: -25px;
    left: -10px;
  }
  #sns #insta .title {
    margin-bottom: 10px;
  }
  #sns #insta .title img {
    width: 96px;
    height: auto;
  }
  #sns #insta .lead {
    display: none;
  }
  #sns #insta ul#gallery {
    width: 320px;
    margin: 0 auto;
  }
  #sns #insta ul#gallery li {
    display: inline-block;
    width: 75px;
    height: 75px;
    overflow: hidden;
    margin: 0 5px 0 0;
  }
  #sns #insta ul#gallery li:nth-child(4) {
    margin: 0;
  }
  #sns #insta ul#gallery li:nth-child(n+5) {
    display: none;
  }
  #sns #insta ul#gallery li a {
    display: block;
  }
  #sns #insta ul#gallery li a img {
    width: 100%;
    height: auto;
  }
  #sns #insta iframe {
    margin: 0 0 0 0;
    width: 100%;
  }
  #sns #insta iframe .fb-container {
    width: 100%;
  }
  #sns #fb {
    display: none;
  }
}
@media (min-width: 971px) {
  #sns {
    width: 1030px;
    margin: 0 auto 60px auto;
  }
  #sns div p.title {
    font-size: 28px;
    margin-bottom: 20px;
    text-align: center;
  }
  #sns #insta {
    float: left;
    width: 500px;
    position: relative;
    margin: 0 30px 0 0;
  }
  #sns #insta a {
    display: block;
    width: 100%;
  }
  #sns #insta a iframe {
    pointer-events: none;
  }
  #sns #insta ul#gallery {
    width: 500px;
  }
  #sns #insta ul#gallery li {
    display: inline-block;
    width: 160px;
    height: 160px;
    overflow: hidden;
    margin: 0 10px 10px 0;
  }
  #sns #insta ul#gallery li:nth-child(3n) {
    margin: 0 0 10px 0;
  }
  #sns #insta ul#gallery li a {
    display: block;
  }
  #sns #insta ul#gallery li a img {
    width: 100%;
    height: auto;
  }
  #sns #fb {
    float: right;
    width: 500px;
  }
  #sns #fb iframe.disp_pc {
    display: block;
  }
  #sns #fb iframe.disp_sp {
    display: none;
  }
}

#campaign .campaign-container .campaign-txt {
  line-height: 1.3;
}
@media (max-width: 970px) {
  #campaign .campaign-container .campaign-detail-text {
    text-align: center;
    margin: -10px auto 20px auto;
  }
}
@media (min-width: 971px) {
  #campaign .campaign-container .campaign-detail-text {
    font-size: 18px;
    text-align: center;
    margin: -10px auto 20px auto;
  }
}
@media (max-width: 970px) {
  #campaign .btn-default {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 971px) {
  #campaign .btn-default {
    width: 500px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 971px) {
  #voice .swiper-voice {
    width: 100%;
    overflow-x: hidden;
  }
}

#before-after .before-after-wrap {
  position: relative;
}
@media (max-width: 970px) {
  #before-after .before-after-wrap {
    margin-bottom: 30px;
  }
}
@media (min-width: 971px) {
  #before-after .before-after-wrap {
    width: 800px;
    margin: 0 auto 50px auto;
  }
}
#before-after .before-after-wrap h3 {
  font-family: a-otf-ryumin-pr6n, "Yu Mincho Light", YuMincho, "Yu Mincho", 游明朝体, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", serif;
}
@media (max-width: 970px) {
  #before-after .before-after-wrap h3 {
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 0.5em;
  }
}
@media (min-width: 971px) {
  #before-after .before-after-wrap h3 {
    font-size: 28px;
    text-align: left;
  }
}
@media (min-width: 971px) {
  #before-after .before-after-wrap img {
    width: 350px;
    position: absolute;
    top: 0;
  }
}
@media (min-width: 971px) {
  #before-after .before-after-wrap.before-after-wrap_04 {
    min-height: 330px;
  }
}
@media (min-width: 971px) {
  #before-after .before-after-wrap.before-after-wrap_04 h3 {
    width: 390px;
    padding-top: 100px;
  }
}
@media (min-width: 971px) {
  #before-after .before-after-wrap.before-after-wrap_04 img {
    width: 350px;
    right: 0;
  }
}
@media (min-width: 971px) {
  #before-after .before-after-wrap.before-after-wrap_05 {
    min-height: 350px;
  }
}
@media (min-width: 971px) {
  #before-after .before-after-wrap.before-after-wrap_05 h3 {
    width: 390px;
    margin-left: 400px;
    padding-top: 122px;
  }
}
@media (min-width: 971px) {
  #before-after .before-after-wrap.before-after-wrap_05 img {
    width: 350px;
    left: 0;
  }
}
@media (min-width: 971px) {
  #before-after .before-after-wrap.before-after-wrap_06 {
    min-height: 250px;
  }
}
@media (min-width: 971px) {
  #before-after .before-after-wrap.before-after-wrap_06 h3 {
    width: 390px;
    padding-top: 80px;
  }
}
@media (min-width: 971px) {
  #before-after .before-after-wrap.before-after-wrap_06 img {
    width: 350px;
    right: 0;
  }
}