@charset "UTF-8";
/*	cmn-color
------------------------------------ */
/*	transition,hover
------------------------------------ */
/*	media-screen
------------------------------------ */
/*	font
------------------------------------ */
@font-face {
  font-family: "Rochester-Regular";
  src: url("../fonts/Rochester-Regular.ttf");
  font-display: swap;
}
@font-face {
  font-family: "NotoSansCJKjp-Regular";
  src: url("../fonts/NotoSansCJKjp-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "NotoSansCJKjp-Medium";
  src: url("../fonts/NotoSansCJKjp-Medium.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "NotoSansCJKjp-Bold";
  src: url("../fonts/NotoSansCJKjp-Bold.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "NotoSansCJKjp-Black";
  src: url("../fonts/NotoSansCJKjp-Black.woff2") format("woff2");
  font-display: swap;
}
/*	layout
------------------------------------ */
/* animation
例）animation: fadedown .5s ease-in-out;
遅延）animation-delay: 0.5s;
最後の状態維持）animation-fill-mode: forwards;
------------------------------------ */
@keyframes fadedown {
  0% {
    transform: translateY(-10px);
    opacity: 0;
  }
  50% {
    transform: translateY(-5px);
    opacity: 0.5;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fadeup {
  0% {
    transform: translateY(10px);
    opacity: 0;
  }
  50% {
    transform: translateY(5px);
    opacity: 0.5;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes faderight {
  0% {
    transform: translateX(10px);
    opacity: 0;
  }
  50% {
    transform: translateX(5px);
    opacity: 0.5;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes grad-fill {
  from {
    background-size: 0% 100%;
  }
  to {
    background-size: 100% 100%;
  }
}
@keyframes zoom {
  0% {
    transform: scale(0.95);
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes floatY {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(var(--amp));
  }
}
/*	font-size  cmn
------------------------------------ */
/*	cmn parts
------------------------------------ */
.md-inner {
  width: 100%;
  max-width: 1280px;
  margin: auto;
}

/* =========================================

  main layout  all

========================================= */
/* top-reco  PC
------------------------------------ */
#top-reco .reco-inner {
  padding-top: 132px;
  padding-bottom: 118px;
}

/* top-concept  PC
------------------------------------ */
#top-concept .concept-inner {
  padding-top: 63px;
  padding-bottom: 121px;
}

/* top-menu  PC
------------------------------------ */
#top-menu .menu-inner {
  padding: 123px 0 120px;
}

/* top-ba  PC
------------------------------------ */
#top-ba .ba-inner {
  padding: 123px 0 110px;
}

/* com-contact  PC
------------------------------------ */
.com-contact .contact-inner {
  padding: 121px 0 167px;
}

.sub .com-contact .contact-inner {
  padding-bottom: 145px;
}

/* top-blog  PC
------------------------------------ */
#top-blog .blog-bg::before {
  top: -91px;
}
#top-blog .blog-inner {
  padding: 92px 0 147px;
}
#top-blog .blog-btn {
  width: 280px;
  margin: 145px auto 0;
}

/* =========================================

  sub layout  all

========================================= */
/* concept  PC
------------------------------------ */
#concept .concept-inner {
  padding: 160px 0 200px;
}
#concept .point-inner {
  padding-bottom: 118px;
}

/* feature  PC
------------------------------------ */
#feature .anchor {
  padding-top: 208px;
}
#feature .about-inner {
  padding: 118px 0 220px;
}
#feature .about02::before {
  top: -124px;
}
#feature .about02-inner {
  padding: 0 0 120px;
}

/* menu  PC
------------------------------------ */
#menu .menu-inner {
  padding: 167px 0 204px;
}
#menu .item-inner {
  padding-bottom: 116px;
}

/* case  PC
------------------------------------ */
#case .case {
  padding-top: 100px;
}
#case .case-inner {
  padding: 60px 0 100px;
}

/* salon  PC
------------------------------------ */
#salon .greeting-inner {
  padding: 165px 0 200px;
}
#salon .information-inner {
  padding-bottom: 117px;
}
#salon .access {
  padding-top: 100px;
}

/* contact  PC
------------------------------------ */
#contact .contact-inner {
  padding: 169px 0 200px;
}
#contact .mail-inner {
  padding-bottom: 150px;
}/*# sourceMappingURL=style.css.map */