@charset "UTF-8";

/*================================================================
# メディアクエリとブレイクポイント
================================================================ */

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-size: 16px;
}

* {
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: 0;
}

body {
  color: red;
  background: radial-gradient(#3B4278, #151717) fixed;
}

img {
  width: 100%;
  height: auto;
  display: block;
}

picture {
  display: block;
}

.inner {
  max-width: 660px;
  margin-left: auto;
  margin-right: auto;
}

.btn__see-catalog {
  display: block;
  max-width: 600px;
  width: 97.9487179487%;
  position: absolute;
  z-index: 10;
  top: 83vh;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}

.btn__see-catalog:hover {
  -webkit-transform: translate(-50%, -50%) scale(0.97);
          transform: translate(-50%, -50%) scale(0.97);
}

.btn__contact {
  position: absolute;
  z-index: 10;
  left: 50%;
  bottom: 0;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.header__inner {
  position: fixed;
  width: 100%;
  top: 5%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 100;
}

.header__title {
  font-size: 0;
}

.fv-bg__container {
  width: 100%;
}

.fv__inner {
  display: grid;
  /* border: 10px solid yellow; */
  overflow: hidden;
}

.fv__inner > * {
  grid-area: 1/-1;
  width: 100%;
}

.fv__catch {
  width: 93.5897435897%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 7.4358974359%;
}

.fv-machine__container {
  width: 111.8%;
  margin-left: -12.8%;
  margin-top: -11.7%;
}

.fv-benefit__container {
  width: 96.410256%;
  margin-left: auto;
  margin-right: auto;
  margin-top: -4.2%;
}

.fv-symbol__container {
  width: 84.671795%;
  margin-left: auto;
  margin-right: auto;
  margin-top: -3%;
}

.section__title {
  font-size: 0;
}

.benefit__container--secondary {
  margin-top: -0.2%;
}

.product__container {
  margin-top: -1.6%;
}

.how-to__container {
  margin-top: -13%;
}

.question__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.question__container {
  background-color: #000;
  padding-top: 48px;
}

.form-secondary {
  position: relative;
  z-index: 200;
}

@media screen and (min-width: 768px) {
  .btn__see-catalog {
    width: 50%;
  }
}
/*# sourceMappingURL=style.css.map */