@charset "UTF-8";
/*	cmn-color
------------------------------------ */
/*	transition,hover
------------------------------------ */
/*	media-screen
------------------------------------ */
/*	font
------------------------------------ */
@font-face {
  font-family: "ZenKakuGothicNew-Regular";
  src: url("../fonts/ZenKakuGothicNew-Regular.ttf");
  font-display: swap;
}
@font-face {
  font-family: "ZenKakuGothicNew-Medium";
  src: url("../fonts/ZenKakuGothicNew-Medium.ttf");
  font-display: swap;
}
@font-face {
  font-family: "ZenKakuGothicNew-Bold";
  src: url("../fonts/ZenKakuGothicNew-Bold.ttf");
  font-display: swap;
}
@font-face {
  font-family: "ZenKakuGothicNew-Black";
  src: url("../fonts/ZenKakuGothicNew-Black.ttf");
  font-display: swap;
}
@font-face {
  font-family: "KiwiMaru-Medium";
  src: url("../fonts/KiwiMaru-Medium.ttf");
  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));
  }
}
@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
/*	font-size  cmn
------------------------------------ */
/*	cmn parts
------------------------------------ */
.md-inner {
  width: 100%;
  max-width: 1280px;
  margin: auto;
}

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

  main layout  all

========================================= */
/* top-worries  PC
------------------------------------ */
#top-worries .worries-inner {
  padding: 75px 0 98px;
}

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

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

/* top-voice  PC
------------------------------------ */
#top-voice .voice-inner {
  padding: 92px 0 160px;
}

/* top-bnr  PC
------------------------------------ */
#top-bnr .bnr-inner {
  padding-bottom: 55px;
}

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

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

  sub layout  all

========================================= */
/* about  PC
------------------------------------ */
#about .worries-inner {
  padding: 75px 0 58px;
}
#about .how-inner {
  padding: 133px 0 91px;
}
#about .flow-inner {
  padding: 93px 0 128px;
}
#about .faq-inner {
  padding: 105px 0 170px;
}

/* service  PC
------------------------------------ */
#service .service-inner {
  padding: 90px 0 120px;
}
#service .merit-inner {
  padding: 93px 0 148px;
}
#service .area-inner {
  padding: 132px 0 150px;
}

/* case  PC
------------------------------------ */
#case .case-inner {
  padding: 90px 0;
}

/* voice  PC
------------------------------------ */
#voice .voice-inner {
  padding: 90px 0 170px;
}

/* information  PC
------------------------------------ */
#information .case-inner {
  padding: 90px 0 100px;
}
#information .information-inner {
  padding: 81px 0 107px;
}/*# sourceMappingURL=style.css.map */