@charset "UTF-8";
/* =============================================================================================== */
/* 定義 */
/* =============================================================================================== */
/* =============================================================================================== */
/* 本文 */
/* =============================================================================================== */
/* line 9, cmn.scss */
body {
  overflow-x: hidden;
  position: relative;
  height: 100%;
  -webkit-overflow-scrolling: touch; }

/* line 15, cmn.scss */
p {
  line-height: 1.8; }
  @media (max-width: 425px) {
    /* line 15, cmn.scss */
    p {
      line-height: 1.8; } }

/* line 21, cmn.scss */
img {
  vertical-align: bottom;
  width: auto;
  height: auto;
  max-width: 100%; }

/* line 27, cmn.scss */
.hover:hover {
  opacity: 0.7 !important;
  cursor: pointer; }

/* line 31, cmn.scss */
.bgimg {
  background-position: center center;
  background-size: cover; }

/* line 35, cmn.scss */
.pc {
  display: block !important; }
  @media (max-width: 425px) {
    /* line 35, cmn.scss */
    .pc {
      display: none !important; } }

/* line 41, cmn.scss */
.sp {
  display: none !important; }
  @media (max-width: 425px) {
    /* line 41, cmn.scss */
    .sp {
      display: block !important; } }

/* line 47, cmn.scss */
a[href^="tel:"] {
  pointer-events: none; }
  @media (max-width: 425px) {
    /* line 47, cmn.scss */
    a[href^="tel:"] {
      pointer-events: auto; } }

/* line 53, cmn.scss */
img[src$=".svg"] {
  width: 100%; }

/* line 56, cmn.scss */
.movie-wrap {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden; }
  /* line 61, cmn.scss */
  .movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/* =============================================================================================== */
/* フェードイン */
/* =============================================================================================== */
/* line 72, cmn.scss */
.fadein-bottom {
  transform: translateY(20px); }

/* line 75, cmn.scss */
.fadein-top {
  transform: translateY(-20px); }

/* line 78, cmn.scss */
.fadein-right {
  transform: translateX(20px); }

/* line 81, cmn.scss */
.fadein-left {
  transform: translateX(-20px); }

/* line 84, cmn.scss */
.fadein-bottom {
  opacity: 0;
  transform: translateY(20px);
  transition: all 1s; }

/* line 89, cmn.scss */
.fadein {
  opacity: 0;
  transition: all 1s; }

/* =============================================================================================== */
/* マスクアニメーション */
/* =============================================================================================== */
/* line 96, cmn.scss */
.maskimg {
  overflow: hidden;
  position: relative; }
  /* line 99, cmn.scss */
  .maskimg:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #f5f5f5;
    transition: 0.9s cubic-bezier(0.12, 0.97, 0.37, 1); }

/* line 108, cmn.scss */
.isPlay-left:before {
  transform: translate(100%, 0); }

/* line 111, cmn.scss */
.isPlay-right:before {
  transform: translate(-100%, 0); }

/* line 114, cmn.scss */
.isPlay-top:before {
  transform: translate(0, 100%); }

/* line 117, cmn.scss */
.isPlay-bottom:before {
  transform: translate(0, -100%); }

/* =============================================================================================== */
/* パンクズ */
/* =============================================================================================== */
/* line 123, cmn.scss */
.pan {
  padding: 10px 0 10px 0;
  line-height: 1.3; }
  /* line 126, cmn.scss */
  .pan li {
    padding-right: 10px;
    color: #000;
    display: inline-block; }
  /* line 131, cmn.scss */
  .pan li a {
    color: #000; }
  /* line 134, cmn.scss */
  .pan li a:hover {
    opacity: 0.6; }
  /* line 137, cmn.scss */
  .pan li a:after {
    content: "\f105";
    font-family: "Font Awesome 5 Pro";
    padding-left: 10px; }
  /* line 142, cmn.scss */
  .pan li:last-child a:after {
    content: none; }

/*# sourceMappingURL=cmn.css.map */