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

p {
  line-height: 2; }
  @media (max-width: 768px) {
    p {
      line-height: 1.8; } }

img {
  vertical-align: bottom;
  width: auto;
  height: auto;
  max-width: 100%; }

.hover:hover {
  opacity: 0.7 !important;
  cursor: pointer; }

.bgimg {
  background-position: center center;
  background-size: cover; }

@media (max-width: 768px) {
  .pc {
    display: none !important; } }

.sp {
  display: none !important; }
  @media (max-width: 768px) {
    .sp {
      display: inline-block !important; } }

a[href^="tel:"] {
  pointer-events: none; }
  @media (max-width: 768px) {
    a[href^="tel:"] {
      pointer-events: auto; } }

.movie-wrap {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden; }
  .movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

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

.fadein-top {
  transform: translateY(-20px); }

.fadein-right {
  transform: translateX(20px); }

.fadein-left {
  transform: translateX(-20px); }

.fadein-bottom {
  opacity: 0;
  transform: translateY(20px);
  transition: all 1s; }

.fadein {
  opacity: 0;
  transition: all 1s; }

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

.isPlay-left:before {
  transform: translate(100%, 0); }

.isPlay-right:before {
  transform: translate(-100%, 0); }

.isPlay-top:before {
  transform: translate(0, 100%); }

.isPlay-bottom:before {
  transform: translate(0, -100%); }

/* =============================================================================================== */
/* パンクズ */
/* =============================================================================================== */
.pankuzu {
  padding: 10px 0 10px 0; }

.pan {
  line-height: 1.3; }
  .pan li {
    padding: 0 5px 0 0;
    color: #000;
    display: inline-block; }
    @media (max-width: 768px) {
      .pan li {
        font-size: 10px;
        padding: 0 5px 5px 0; } }
    .pan li:last-child {
      padding: 0 5px 0 0; }
  .pan li a {
    color: #000;
    font-weight: 400; }
    @media (max-width: 768px) {
      .pan li a {
        font-size: 10px; } }
  .pan li a:hover {
    opacity: 0.6; }
  .pan li a:after {
    content: "\f105";
    font-family: "Font Awesome 5 Pro";
    padding-left: 10px; }
  .pan li:last-child a:after {
    content: none; }

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