@charset "UTF-8";
/*
 frontpage.cssは自動生成しているため、
 直接上書きしないでください。
*/
/* Vendor */
/* Site settings */
/* Base */
/* line 3, ../scss/base/_main.scss */
body {
  max-width: 100vw;
  overflow-x: hidden;
  height: auto;
  overflow-y: auto;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
  margin: 0;
  font-size: 16px;
  font-size: 1rem;
  font-family: "A1ゴシック R", "ヒラギノ角ゴ W3 JIS2004", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 400;
  line-height: 28px;
  line-height: 1.75rem;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  color: white;
}

/* line 19, ../scss/base/_main.scss */
#site-container {
  /*
  	max-width:100vw;
  	overflow-x:hidden;
  	height:auto;
  	overflow-y:auto;
  	overflow-scrolling:touch;
  	-webkit-overflow-scrolling:touch;
  */
  background-color: #000;
  position: relative;
  max-width: 100vw;
  min-height: 100vh;
  overflow-x: hidden;
  overflow-y: hidden;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#wider2 .product a {
    padding: 1rem;
    text-align: center;
}


@media all and (-ms-high-contrast: none) {
  /* line 37, ../scss/base/_main.scss */
  body {
    font-family: "A1ゴシック R", "ヒラギノ角ゴ W3 JIS2004", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }

  /* line 40, ../scss/base/_main.scss */
  main {
    display: block;
  }
}
/* line 44, ../scss/base/_main.scss */
#site-container {
  position: relative;
  min-height: 100%;
}

/* line 48, ../scss/base/_main.scss */
.container {
  width: 1024px;
  margin: 0 auto;
}

/* line 53, ../scss/base/_main.scss */
.img-wrapper > img {
  display: block;
  width: 100%;
}

/* line 59, ../scss/base/_main.scss */
.flex-wrapper {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
/* line 61, ../scss/base/_main.scss */
.flex-wrapper.row-reverse {
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

/* line 66, ../scss/base/_main.scss */
a {
  text-decoration: none;
  color: white;
}
/* line 69, ../scss/base/_main.scss */
a:hover {
  text-decoration: none;
}

/* line 74, ../scss/base/_main.scss */
ul {
  list-style-type: none;
  padding-left: 0;
}

/* line 79, ../scss/base/_main.scss */
.is-pc {
  display: block;
}

/* line 83, ../scss/base/_main.scss */
.is-sp {
  display: none;
}

/* line 87, ../scss/base/_main.scss */
.w50 {
  width: 50px;
}

/* line 88, ../scss/base/_main.scss */
.w60 {
  width: 60px;
}

/* line 89, ../scss/base/_main.scss */
.w80 {
  width: 80px;
}

/* line 90, ../scss/base/_main.scss */
.w100 {
  width: 100px;
}

/* line 91, ../scss/base/_main.scss */
.w120 {
  width: 120px;
}

/* line 92, ../scss/base/_main.scss */
.w140 {
  width: 140px;
}

/* line 93, ../scss/base/_main.scss */
.w160 {
  width: 160px;
}

/* line 94, ../scss/base/_main.scss */
.w180 {
  width: 180px;
}

/* line 95, ../scss/base/_main.scss */
.w200 {
  width: 200px;
}

/* line 96, ../scss/base/_main.scss */
.w220 {
  width: 220px;
}

/* line 97, ../scss/base/_main.scss */
.w240 {
  width: 240px;
}

/* line 98, ../scss/base/_main.scss */
.w260 {
  width: 260px;
}

/* line 99, ../scss/base/_main.scss */
.w280 {
  width: 280px;
}

/* line 100, ../scss/base/_main.scss */
.w380 {
  width: 380px;
}

/* line 101, ../scss/base/_main.scss */
.w400 {
  width: 400px;
}

/* line 103, ../scss/base/_main.scss */
.mt10 {
  margin-top: 10px;
}

/* line 104, ../scss/base/_main.scss */
.mt20 {
  margin-top: 20px;
}

/* line 105, ../scss/base/_main.scss */
.mt30 {
  margin-top: 30px;
}

/* line 106, ../scss/base/_main.scss */
.mt40 {
  margin-top: 40px;
}

/* line 107, ../scss/base/_main.scss */
.mt50 {
  margin-top: 50px;
}

/* line 108, ../scss/base/_main.scss */
.mt60 {
  margin-top: 60px;
}

/* line 109, ../scss/base/_main.scss */
.mt70 {
  margin-top: 70px;
}

/* line 110, ../scss/base/_main.scss */
.mt80 {
  margin-top: 80px;
}

/* line 111, ../scss/base/_main.scss */
.mt90 {
  margin-top: 90px;
}

/* line 112, ../scss/base/_main.scss */
.mt100 {
  margin-top: 100px;
}

/* line 113, ../scss/base/_main.scss */
.mt120 {
  margin-top: 120px;
}

/* line 114, ../scss/base/_main.scss */
.mt140 {
  margin-top: 140px;
}

/* line 115, ../scss/base/_main.scss */
.mt160 {
  margin-top: 160px;
}

/* line 116, ../scss/base/_main.scss */
.mt180 {
  margin-top: 180px;
}

/* line 117, ../scss/base/_main.scss */
.mt200 {
  margin-top: 200px;
}

/* line 118, ../scss/base/_main.scss */
.mt220 {
  width: 220px;
}

/* line 119, ../scss/base/_main.scss */
.mt240 {
  width: 240px;
}

/* line 120, ../scss/base/_main.scss */
.mt260 {
  width: 260px;
}

/* line 121, ../scss/base/_main.scss */
.mt280 {
  width: 280px;
}

/* line 122, ../scss/base/_main.scss */
.mt380 {
  width: 380px;
}

/* line 123, ../scss/base/_main.scss */
.mt400 {
  width: 400px;
}

/* line 125, ../scss/base/_main.scss */
.clear-both {
  clear: both;
}

/* line 126, ../scss/base/_main.scss */
.overflow-auto {
  overflow: auto;
}

/* line 127, ../scss/base/_main.scss */
.text-align-center {
  text-align: center;
}

/* line 128, ../scss/base/_main.scss */
.text-align-left {
  text-align: left;
}

/* line 129, ../scss/base/_main.scss */
.font-weight-bold {
  font-weight: bold;
}

/* line 130, ../scss/base/_main.scss */
.font-size-16 {
  font-size: 16px;
}

/* line 131, ../scss/base/_main.scss */
.font-size-20 {
  font-size: 20px;
}

/* line 132, ../scss/base/_main.scss */
.font-size-25 {
  font-size: 25px;
}

/* line 133, ../scss/base/_main.scss */
.font-size-30 {
  font-size: 30px;
}

/* line 134, ../scss/base/_main.scss */
.font-size-35 {
  font-size: 35px;
}

/* line 135, ../scss/base/_main.scss */
.font-size-50 {
  font-size: 50px;
}

/* line 136, ../scss/base/_main.scss */
.margin-0-auto {
  margin: 0 auto;
}

/* line 137, ../scss/base/_main.scss */
.margin-top-15 {
  margin-top: 15px;
}

/* line 138, ../scss/base/_main.scss */
.margin-top-30 {
  margin-top: 30px;
}

/* line 139, ../scss/base/_main.scss */
.margin-top-40 {
  margin-top: 40px;
}

/* line 140, ../scss/base/_main.scss */
.margin-top-50 {
  margin-top: 50px;
}

/* line 141, ../scss/base/_main.scss */
.margin-top-80 {
  margin-top: 80px;
}

/* line 142, ../scss/base/_main.scss */
.margin-top-100 {
  margin-top: 100px;
}

/* line 143, ../scss/base/_main.scss */
.margin-bottom-10 {
  margin-bottom: 10px;
}

/* line 144, ../scss/base/_main.scss */
.margin-bottom-15 {
  margin-bottom: 15px;
}

/* line 145, ../scss/base/_main.scss */
.margin-bottom-25 {
  margin-bottom: 25px;
}

/* line 146, ../scss/base/_main.scss */
.margin-bottom-40 {
  margin-bottom: 40px;
}

/* line 147, ../scss/base/_main.scss */
.margin-bottom-80 {
  margin-bottom: 80px;
}

/* line 148, ../scss/base/_main.scss */
.margin-bottom-100 {
  margin-bottom: 100px;
}

/* line 149, ../scss/base/_main.scss */
.margin-right-auto {
  margin-right: auto;
}

/* line 150, ../scss/base/_main.scss */
.margin-right-60 {
  margin-right: 60px;
}

/* line 151, ../scss/base/_main.scss */
.margin-left-auto {
  margin-left: auto;
}

/* line 152, ../scss/base/_main.scss */
.top-20 {
  top: 20px;
}

/* line 153, ../scss/base/_main.scss */
.line-height-35 {
  line-height: 35px;
}

/* line 154, ../scss/base/_main.scss */
.line-height-40 {
  line-height: 40px;
}

/* line 155, ../scss/base/_main.scss */
.line-height-50 {
  line-height: 50px;
}

/* line 156, ../scss/base/_main.scss */
.line-height-55 {
  line-height: 55px;
}

/* line 157, ../scss/base/_main.scss */
.line-height-80 {
  line-height: 80px;
}

/* line 158, ../scss/base/_main.scss */
.height-80 {
  height: 80px;
}

/* line 159, ../scss/base/_main.scss */
.height-100 {
  height: 100px;
}

/* line 160, ../scss/base/_main.scss */
.width-150 {
  width: 150px;
}

/* line 161, ../scss/base/_main.scss */
.width-870 {
  width: 870px;
}

/* line 162, ../scss/base/_main.scss */
.width-980 {
  width: 980px;
}

/* line 163, ../scss/base/_main.scss */
.float-left {
  float: left;
}

/* line 164, ../scss/base/_main.scss */
.position-relative {
  position: relative;
}

/* line 165, ../scss/base/_main.scss */
.vertical-align-middle {
  vertical-align: middle;
}

@media screen and (max-width: 1279px) {
  /* line 169, ../scss/base/_main.scss */
  body {
    line-height: 24px;
    line-height: 1.5rem;
  }

  /* line 172, ../scss/base/_main.scss */
  .container {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 1124px) {
  /* line 179, ../scss/base/_main.scss */
  #site-container {
    padding: 0 50px;
  }
}
@media screen and (max-width: 599px) {
  /* line 188, ../scss/base/_main.scss */
  #site-container {
    padding: 0 30px;
  }

  /* line 191, ../scss/base/_main.scss */
  .is-pc {
    display: none !important;
  }

  /* line 194, ../scss/base/_main.scss */
  .is-sp {
    display: block !important;
  }
}
@media screen and (max-width: 479px) {
  /* line 200, ../scss/base/_main.scss */
  #site-container {
    padding: 0 20px;
  }
}
@media screen and (max-width: 359px) {
  /* line 206, ../scss/base/_main.scss */
  #site-container {
    padding: 0 15px;
  }
}
/* Layouts */
/* line 1, ../scss/layout/_frontpage.scss */
#site-container {
  background-color: black;
  opacity: 1;
}
/* line 5, ../scss/layout/_frontpage.scss */
#site-container.fade-away {
  -moz-animation: fade-away 1.4s cubic-bezier(0.19, 1, 0.22, 1) 0.7s;
  -webkit-animation: fade-away 1.4s cubic-bezier(0.19, 1, 0.22, 1) 0.7s;
  animation: fade-away 1.4s cubic-bezier(0.19, 1, 0.22, 1) 0.7s;
}

/* 画面フェードアニメーション */
@keyframes fade-away {
  0% {
    opacity: 1;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* キービジュアル */
/* line 24, ../scss/layout/_frontpage.scss */
#key-visual {
  position: relative;
  padding-bottom: 80px;
  /* 背景三角(上部) */
  /* 煙画像 */
}
/* line 28, ../scss/layout/_frontpage.scss */
#key-visual .container {
  width: 100%;
  position: relative;
  z-index: 11;
}
/* line 34, ../scss/layout/_frontpage.scss */
#key-visual h1 {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
/* line 37, ../scss/layout/_frontpage.scss */
#key-visual h1 > strong {
  display: block;
  width: 640px;
  height: 53px;
  margin: 0 auto;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../img/wider1xwider2.png);
  text-indent: -9999px;
}
/* line 46, ../scss/layout/_frontpage.scss */
#key-visual h1 > span {
  display: block;
  margin-top: 30px;
  margin-bottom: 65px;
  text-align: center;
  font-family: acumin-pro-extra-condensed,sans-serif;
  font-weight: 700;
  font-style: italic;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 30px;
  line-height: 1.875rem;
  letter-spacing: .8rem;
}
/* line 58, ../scss/layout/_frontpage.scss */
#key-visual #wider1-img {
  display: block;
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  position: relative;
  margin-top: 40px;
  margin-left: -53px;
  width: 938px;
  height: 962px;
  background-size: cover;
  background-position: center;
  background-image: url(../img/mv-wider.png);
}
/* line 69, ../scss/layout/_frontpage.scss */
#key-visual #wider1-img > p {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 20px;
  line-height: 1.25rem;
  font-family: "太ゴB101";
  letter-spacing: .6rem;
  margin-top: -160px;
  margin-left: 50px;
}
/* line 82, ../scss/layout/_frontpage.scss */
#key-visual::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: auto;
  bottom: 0;
  z-index: 10;
  width: 4400px;
  border-top: 1180px solid black;
  border-left: 2200px solid transparent;
  border-right: 2200px solid transparent;
}
/* line 95, ../scss/layout/_frontpage.scss */
#key-visual::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: -1000px;
  z-index: 11;
  width: 200000px;
  height: 1328px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-repeat: repeat;
  background-image: url(../img/smoke.png);
  text-indent: -9999px;
  -moz-animation: smoke-away 10000s linear 1s;
  -webkit-animation: smoke-away 10000s linear 1s;
  animation: smoke-away 10000s linear 1s;
}

/* 煙アニメーション */
@keyframes smoke-away {
  0% {
    left: -1000px;
  }
  100% {
    left: -199000px;
  }
}
/* line 113, ../scss/layout/_frontpage.scss */
#scroll {
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 60px;
  top: 900px;
  z-index: 13;
  cursor: pointer;
}
/* line 120, ../scss/layout/_frontpage.scss */
#scroll > span {
  display: block;
  font-size: 18px;
  font-size: 1.125rem;
  font-family: acumin-pro-extra-condensed,sans-serif;
  font-weight: 700;
  font-style: italic;
  letter-spacing: .4rem;
}
/* line 126, ../scss/layout/_frontpage.scss */
#scroll > span::after {
  content: "";
  display: block;
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  margin-left: -3px;
  top: 35px;
  width: 78px;
  height: 24px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../img/arrow-down.png);
  text-indent: -9999px;
}
/* line 141, ../scss/layout/_frontpage.scss */
#scroll:hover > span::after {
  -moz-animation: bounce-down 1.2s infinite;
  -webkit-animation: bounce-down 1.2s infinite;
  animation: bounce-down 1.2s infinite;
}

/* スクロールアニメーション */
@keyframes bounce-down {
  0% {
    top: 35px;
  }
  80% {
    top: 45px;
    animation-timing-funtion: cubic-bezier(0.19, 1, 0.22, 1);
  }
  100% {
    top: 35px;
  }
}
@keyframes funsha {
  0% {
    width: 0vw;
  }
  100% {
    width: 100vw;
  }
}
/* line 171, ../scss/layout/_frontpage.scss */
#main-content {
  position: relative;
  /* 背景三角(下部) */
  /* 噴射画像 */
}
/* line 175, ../scss/layout/_frontpage.scss */
#main-content::before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 0;
  z-index: 10;
  width: 4400px;
  border-bottom: 1180px solid black;
  border-left: 2200px solid transparent;
  border-right: 2200px solid transparent;
}
/* line 187, ../scss/layout/_frontpage.scss */
#main-content .funsha {
  display: block;
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: -885px;
  z-index: 12;
  width: 0vw;
  height: 1770px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../img/funsha-white-m.png);
  visibility: visibile;
  -moz-transition: width 0.7s cubic-bezier(0.37, 0.08, 0.93, 0), visibility 0s linear 1.4s;
  -o-transition: width 0.7s cubic-bezier(0.37, 0.08, 0.93, 0), visibility 0s linear 1.4s;
  -webkit-transition: width 0.7s cubic-bezier(0.37, 0.08, 0.93, 0), visibility 0s linear;
  -webkit-transition-delay: 0s, 1.4s;
  transition: width 0.7s cubic-bezier(0.37, 0.08, 0.93, 0), visibility 0s linear 1.4s;
}
/* line 204, ../scss/layout/_frontpage.scss */
#main-content .funsha::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  display: block;
  width: 100vw;
  height: 1770px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../img/funsha-m.png);
  opacity: 0;
  visibility: visible;
  -moz-transition: opacity 0s linear 1.4s;
  -o-transition: opacity 0s linear 1.4s;
  -webkit-transition: opacity 0s linear;
  -webkit-transition-delay: 1.4s;
  transition: opacity 0s linear 1.4s;
}
/* line 219, ../scss/layout/_frontpage.scss */
#main-content .funsha.animate {
  width: 100vw;
  visibility: hidden;
}
/* line 223, ../scss/layout/_frontpage.scss */
#main-content .funsha.animate::after {
  opacity: 1;
}
/* line 229, ../scss/layout/_frontpage.scss */
#main-content .container {
  position: relative;
  height: 1180px;
  z-index: 11;
}
/* line 235, ../scss/layout/_frontpage.scss */
#main-content #wider1-face {
  position: relative;
  height: 500px;
}
/* line 239, ../scss/layout/_frontpage.scss */
#main-content #wider1-face::before {
  content: "";
  display: block;
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: -209px;
  margin-left: -1px;
  z-index: 10;
  width: 180px;
  height: 737px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../img/funsha-wider.png);
}
/* line 252, ../scss/layout/_frontpage.scss */
#main-content #wider1-face > p {
  display: block;
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  position: relative;
  top: 310px;
  z-index: 11;
  width: 228px;
  height: 85px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../img/new-wider.png);
  margin-left: -8px;
  text-indent: -9999px;
}
/* line 267, ../scss/layout/_frontpage.scss */
#main-content h2 {
  color: #00c8ff;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 46px;
  line-height: 2.875rem;
  font-family: "見出ゴMB31";
  text-align: center;
}
/* line 275, ../scss/layout/_frontpage.scss */
#main-content .lead-text {
  margin: 100px auto 0;
  width: 500px;
  font-size: 16px;
  font-size: 1rem;
  line-height: 30px;
  line-height: 1.875rem;
  font-family: "太ゴB101";
  text-align: justify;
}
/* line 284, ../scss/layout/_frontpage.scss */
#main-content #main-video {
  width: 800px;
  height: 450px;
  margin: 120px auto;
  background-color: #ccc;
}
/* line 290, ../scss/layout/_frontpage.scss */
#main-content #main-video > iframe {
  width: 100%;
  height: 100%;
}
/* line 296, ../scss/layout/_frontpage.scss */
#main-content #features {
  position: relative;
  padding-top: 400px;
  background-color: black;
}
/* line 301, ../scss/layout/_frontpage.scss */
#main-content #features > section {
  position: relative;
}
/* line 304, ../scss/layout/_frontpage.scss */
#main-content #features > section .flex-wrapper {
  width: 1024px;
  margin: 0 auto;
  padding: 200px 0 240px;
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
  position: relative;
  /* 煙画像 */
}
/* line 311, ../scss/layout/_frontpage.scss */
#main-content #features > section .flex-wrapper .text {
  width: 500px;
  text-align: right;
  position: relative;
  z-index: 3;
}
/* line 317, ../scss/layout/_frontpage.scss */
#main-content #features > section .flex-wrapper .text .no {
  font-size: 19px;
  font-size: 1.1875rem;
  font-family: acumin-pro-extra-condensed,sans-serif;
  font-weight: 700;
  font-style: italic;
  letter-spacing: .5rem;
}
/* line 321, ../scss/layout/_frontpage.scss */
#main-content #features > section .flex-wrapper .text .no em {
  margin-left: 1.5rem;
  font-size: 85px;
  font-size: 5.3125rem;
  font-family: acumin-pro-extra-condensed,sans-serif;
  font-weight: 500;
  font-style: italic;
  letter-spacing: 1rem;
  color: #00c8ff;
}
/* line 329, ../scss/layout/_frontpage.scss */
#main-content #features > section .flex-wrapper .text .feature {
  margin-top: 80px;
  font-size: 56px;
  font-size: 3.5rem;
  font-family: acumin-pro-extra-condensed,sans-serif;
  font-weight: 500;
  font-style: italic;
  letter-spacing: 1rem;
}
/* line 335, ../scss/layout/_frontpage.scss */
#main-content #features > section .flex-wrapper .text h3 {
  margin-top: 80px;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 46px;
  line-height: 2.875rem;
  letter-spacing: .5rem;
  color: #00c8ff;
  font-family: "見出ゴMB31";
  white-space: nowrap;
}
/* line 344, ../scss/layout/_frontpage.scss */
#main-content #features > section .flex-wrapper .text p {
  margin-top: 80px;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 30px;
  line-height: 1.875rem;
  font-family: "太ゴB101";
  text-align: justify;
  width: 410px;
  float: right;
}
/* line 355, ../scss/layout/_frontpage.scss */
#main-content #features > section .flex-wrapper .image {
  width: 500px;
  position: relative;
  z-index: 2;
}
/* line 360, ../scss/layout/_frontpage.scss */
#main-content #features > section .flex-wrapper .image > * {
  position: absolute;
  top: 0;
  right: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
/* line 367, ../scss/layout/_frontpage.scss */
#main-content #features > section .flex-wrapper .image #feature1-img {
  width: 588px;
  height: 576px;
  top: 30px;
  right: -40px;
  background-image: url(../img/feature1.png);
}
/* line 374, ../scss/layout/_frontpage.scss */
#main-content #features > section .flex-wrapper .image #feature2-img {
  width: 695px;
  height: 499px;
  top: 0;
  right: auto;
  left: -100px;
  background-image: url(../img/feature2.png);
}
/* line 382, ../scss/layout/_frontpage.scss */
#main-content #features > section .flex-wrapper .image #feature3-img1 {
  width: 700px;
  height: 212px;
  top: 30px;
  right: auto;
  left: -50px;
  background-image: url(../img/feature3-graph.png);
}
/* line 390, ../scss/layout/_frontpage.scss */
#main-content #features > section .flex-wrapper .image #feature3-img2 {
  width: 493px;
  height: 242px;
  top: 300px;
  background-image: url(../img/feature3-2.png);
}
/* line 396, ../scss/layout/_frontpage.scss */
#main-content #features > section .flex-wrapper .image #feature4-img1 {
  width: 691px;
  height: 473px;
  top: -20px;
  right: auto;
  left: -170px;
  background-image: url(../img/feature4.png);
}
/* line 404, ../scss/layout/_frontpage.scss */
#main-content #features > section .flex-wrapper .image #feature4-img2 {
  width: 493px;
  height: 242px;
  top: 440px;
  right: auto;
  left: 0;
  background-image: url(../img/feature4-2.png);
}
/* line 415, ../scss/layout/_frontpage.scss */
#main-content #features > section .flex-wrapper::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: -1000px;
  z-index: 11;
  width: 200000px;
  height: 1328px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-repeat: repeat;
  background-image: url(../img/smoke.png);
  text-indent: -9999px;
  height: 600px;
  z-index: 1;
  -moz-animation: smoke-away 10000s linear 1s;
  -webkit-animation: smoke-away 10000s linear 1s;
  animation: smoke-away 10000s linear 1s;
}
/* line 426, ../scss/layout/_frontpage.scss */
#main-content #features > section:nth-child(2n) .flex-wrapper {
  -webkit-flex-direction: row;
  flex-direction: row;
}
/* line 428, ../scss/layout/_frontpage.scss */
#main-content #features > section:nth-child(2n) .flex-wrapper .text {
  text-align: left;
}
/* line 430, ../scss/layout/_frontpage.scss */
#main-content #features > section:nth-child(2n) .flex-wrapper .text p {
  float: left;
}
/* line 438, ../scss/layout/_frontpage.scss */
#main-content #features > section .next {
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 60px;
  top: auto;
  bottom: 30px;
  z-index: 13;
  cursor: pointer;
}
/* line 446, ../scss/layout/_frontpage.scss */
#main-content #features > section .next > span {
  display: block;
  font-size: 18px;
  font-size: 1.125rem;
  font-family: acumin-pro-extra-condensed,sans-serif;
  font-weight: 700;
  font-style: italic;
  letter-spacing: .4rem;
}
/* line 452, ../scss/layout/_frontpage.scss */
#main-content #features > section .next > span::after {
  content: "";
  display: block;
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  margin-left: -3px;
  top: 35px;
  width: 78px;
  height: 24px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../img/arrow-down.png);
  text-indent: -9999px;
}
/* line 467, ../scss/layout/_frontpage.scss */
#main-content #features > section .next:hover > span::after {
  -moz-animation: bounce-down 1.2s infinite;
  -webkit-animation: bounce-down 1.2s infinite;
  animation: bounce-down 1.2s infinite;
}
/* line 476, ../scss/layout/_frontpage.scss */
#main-content #products {
  padding-top: 40px;
  background-color: black;
}
/* line 480, ../scss/layout/_frontpage.scss */
#main-content #products > section {
  padding-top: 50px;
  width: 1024px;
  margin: 0 auto;
  position: relative;
}
/* line 486, ../scss/layout/_frontpage.scss */
#main-content #products > section h3 {
  padding-top: 460px;
  position: relative;
  left: 110px;
}
/* line 490, ../scss/layout/_frontpage.scss */
#main-content #products > section h3 strong {
  display: block;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  text-indent: -9999px;
}
/* line 497, ../scss/layout/_frontpage.scss */
#main-content #products > section a {
  margin-top: 20px;
  position: relative;
  z-index: 2;
  left: 110px;
  display: inline-block;
  padding: 1rem;
  border: 1px solid white;
  background-position: 0 0;
  background-size: 200% auto;
  background-image: linear-gradient(to right, #4d4d4d 50%, #ffffff 50%);
  transition: .3s;
  background-image: linear-gradient(to right, #000000 50%, #ffffff 50%);
  line-height: 16px;
  line-height: 1rem;
}
/* line 127, ../scss/base/_mixin.scss */
#main-content #products > section a:hover {
  background-position: -100% 0;
}
/* line 512, ../scss/layout/_frontpage.scss */
#main-content #products > section#wider1 h3 strong {
  width: 320px;
  height: 63px;
  background-image: url(../img/wider1-logo2.png);
}
/* line 521, ../scss/layout/_frontpage.scss */
#main-content #products > section#wider2 h3 strong {
  width: 358px;
  height: 65px;
  background-image: url(../img/wider2-logo2.png);
}
/* line 527, ../scss/layout/_frontpage.scss */
#main-content #products > section#wider2 a {
  text-align: center;
/*  padding: .6rem 1rem .4rem;*/
  padding: 1rem;
}
/* line 530, ../scss/layout/_frontpage.scss */
#main-content #products > section#wider2 a > small {
  padding-top: .1rem;
}
/* line 536, ../scss/layout/_frontpage.scss */
#main-content #products > section .product {
  position: relative;
}


/* line 539, ../scss/layout/_frontpage.scss */
#main-content #products > section .product > div {
  position: absolute;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
/* line 543, ../scss/layout/_frontpage.scss */
#main-content #products > section .product > div#product1-img1 {
  top: 90px;
  left: 260px;
  width: 495px;
  height: 544px;
  background-image: url(../img/wider1-side.png);
}
/* line 550, ../scss/layout/_frontpage.scss */
#main-content #products > section .product > div#product1-img2 {
  top: 70px;
  left: 793px;
  width: 138px;
  height: 566px;
  background-image: url(../img/wider1-front.png);
}
/* line 557, ../scss/layout/_frontpage.scss */
#main-content #products > section .product > div#product2-img1 {
  top: 30px;
  left: 215px;
  width: 540px;
  height: 583px;
  background-image: url(../img/wider2-side.png);
}
/* line 564, ../scss/layout/_frontpage.scss */
#main-content #products > section .product > div#product2-img2 {
  top: 20px;
  left: 790px;
  width: 151px;
  height: 589px;
  background-image: url(../img/wider2-front.png);
}
/* line 574, ../scss/layout/_frontpage.scss */
#main-content #products > section .spec {
  margin-top: 60px;
}
/* line 576, ../scss/layout/_frontpage.scss */
#main-content #products > section .spec > p {
  font-size: 14px;
  font-size: 0.875rem;
}
/* line 578, ../scss/layout/_frontpage.scss */
#main-content #products > section .spec > p > strong {
  font-family: acumin-pro-extra-condensed,sans-serif;
  font-weight: 700;
  font-style: italic;
  font-size: 18px;
  font-size: 1.125rem;
  letter-spacing: .4rem;
}
/* line 584, ../scss/layout/_frontpage.scss */
#main-content #products > section .spec table {
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
  height: 600px;
  background-color: black;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 15px;
  line-height: 0.9375rem;
  text-align: center;
}
/* line 594, ../scss/layout/_frontpage.scss */
#main-content #products > section .spec table th, #main-content #products > section .spec table td {
  padding: .3rem .5rem;
  border: 1px solid white;
}
/* line 597, ../scss/layout/_frontpage.scss */
#main-content #products > section .spec table th:first-child, #main-content #products > section .spec table td:first-child {
  border-left: none;
}
/* line 600, ../scss/layout/_frontpage.scss */
#main-content #products > section .spec table th:last-child, #main-content #products > section .spec table td:last-child {
  border-right: none;
}
/* line 603, ../scss/layout/_frontpage.scss */
#main-content #products > section .spec table th:nth-child(2), #main-content #products > section .spec table td:nth-child(2) {
  background-color: #00c8ff;
  color: black;
}
/* line 620, ../scss/layout/_frontpage.scss */
#main-content #others {
  padding-top: 50px;
  background-color: black;
}
/* line 624, ../scss/layout/_frontpage.scss */
#main-content #others #downloads {
  width: 1024px;
  margin: 0 auto;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
/* line 629, ../scss/layout/_frontpage.scss */
#main-content #others #downloads > a {
  display: block;
  width: 326px;
  padding: 1rem;
  text-align: center;
  font-size: 18px;
  font-size: 1.125rem;
  @Include line-height(18);
  background-position: 0 0;
  background-size: 200% auto;
  background-image: linear-gradient(to right, #4d4d4d 50%, #ffffff 50%);
  transition: .3s;
}
/* line 127, ../scss/base/_mixin.scss */
#main-content #others #downloads > a:hover {
  background-position: -100% 0;
}
/* line 640, ../scss/layout/_frontpage.scss */
#main-content #others #contact {
  width: 1024px;
  margin: 120px auto 0;
  padding-bottom: 60px;
}
/* line 645, ../scss/layout/_frontpage.scss */
#main-content #others #contact .contact-text {
  margin: 30px auto 50px;
  text-align: center;
}
/* line 650, ../scss/layout/_frontpage.scss */
#main-content #others #contact form {
  width: 650px;
  margin: 0 auto;
}
/* line 653, ../scss/layout/_frontpage.scss */
#main-content #others #contact form > div {
  margin-bottom: 30px;
}
/* line 661, ../scss/layout/_frontpage.scss */
#main-content #others #contact label {
  margin-bottom: 5px;
  display: block;
  width: 200px;
}
/* line 665, ../scss/layout/_frontpage.scss */
#main-content #others #contact label > em {
  margin-top: -3px;
  margin-left: 10px;
  padding: .2rem .4rem .1rem;
  background-color: #00c8ff;
  color: black;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 14px;
  line-height: 0.875rem;
  font-style: normal;
}
/* line 677, ../scss/layout/_frontpage.scss */
#main-content #others #contact input {
  width: 300px;
  height: 40px;
  padding: 0 .4rem;
  border: 1px solid white;
  background-color: black;
  color: white;
}
/* line 685, ../scss/layout/_frontpage.scss */
#main-content #others #contact input:focus {
  outline: 0;
  border: 2px solid #00c8ff;
}
/* line 691, ../scss/layout/_frontpage.scss */
#main-content #others #contact textarea {
  width: 100%;
  height: 200px;
  padding: .4rem;
  border: 1px solid white;
  background-color: black;
  color: white;
}
/* line 699, ../scss/layout/_frontpage.scss */
#main-content #others #contact textarea:focus {
  outline: 0;
  border: 2px solid #00c8ff;
}
/* line 705, ../scss/layout/_frontpage.scss */
#main-content #others #contact p.error {
  margin-top: 5px;
  max-width: 300px;
  font-size: 15px;
  font-size: 0.9375rem;
  color: red;
}
/* line 712, ../scss/layout/_frontpage.scss */
#main-content #others #contact div.error {
  margin-top: 20px;
  text-align: center;
  color: red;
}
/* line 718, ../scss/layout/_frontpage.scss */
#main-content #others #contact div.success {
  margin-top: 20px;
}
/* line 720, ../scss/layout/_frontpage.scss */
#main-content #others #contact div.success > p {
  text-align: center;
  color: #00c8ff;
}
/* line 726, ../scss/layout/_frontpage.scss */
#main-content #others #contact a {
  margin-top: 20px;
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  position: relative;
  display: inline-block;
  padding: .5rem 4rem;
  border: 1px solid white;
  background-position: 0 0;
  background-size: 200% auto;
  background-image: linear-gradient(to right, #4d4d4d 50%, #ffffff 50%);
  transition: .3s;
  background-image: linear-gradient(to right, #000000 50%, #ffffff 50%);
}
/* line 127, ../scss/base/_mixin.scss */
#main-content #others #contact a:hover {
  background-position: -100% 0;
}

@media screen and (max-width: 1124px) {
  /* キービジュアル */
  /* line 745, ../scss/layout/_frontpage.scss */
  #key-visual #wider1-img {
    padding-top: 102.504%;
    width: 100%;
    margin-left: 0;
    height: 0;
  }
  /* line 750, ../scss/layout/_frontpage.scss */
  #key-visual #wider1-img > p {
    margin-left: 0;
  }

  /* line 756, ../scss/layout/_frontpage.scss */
  #scroll {
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    position: relative;
    height: 60px;
    top: -320px;
    text-align: center;
  }

  /* line 764, ../scss/layout/_frontpage.scss */
  #main-content {
    margin-top: -60px;
  }
  /* line 767, ../scss/layout/_frontpage.scss */
  #main-content #wider1-face {
    height: 470px;
  }
  /* line 771, ../scss/layout/_frontpage.scss */
  #main-content .lead-text {
    margin: 70px auto 0;
  }
  /* line 775, ../scss/layout/_frontpage.scss */
  #main-content #main-video {
    margin: 90px auto;
  }
  /* line 779, ../scss/layout/_frontpage.scss */
  #main-content #features {
    padding-top: 200px;
  }
  /* line 783, ../scss/layout/_frontpage.scss */
  #main-content #features > section .flex-wrapper {
    width: 100%;
    padding: 160px 0 200px;
    -webkit-justify-content: start;
    justify-content: start;
  }
  /* line 788, ../scss/layout/_frontpage.scss */
  #main-content #features > section .flex-wrapper .text {
    width: 400px;
  }
  /* line 791, ../scss/layout/_frontpage.scss */
  #main-content #features > section .flex-wrapper .text .feature {
    margin-top: 60px;
  }
  /* line 794, ../scss/layout/_frontpage.scss */
  #main-content #features > section .flex-wrapper .text h3 {
    margin-top: 60px;
    font-size: 28px;
    font-size: 1.75rem;
    letter-spacing: .3rem;
  }
  /* line 799, ../scss/layout/_frontpage.scss */
  #main-content #features > section .flex-wrapper .text p {
    margin-top: 60px;
    width: 390px;
  }
  /* line 805, ../scss/layout/_frontpage.scss */
  #main-content #features > section .flex-wrapper .image {
    width: 500px;
  }
  /* line 808, ../scss/layout/_frontpage.scss */
  #main-content #features > section .flex-wrapper .image > * {
    position: absolute;
    top: 0;
    right: 20px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  /* line 815, ../scss/layout/_frontpage.scss */
  #main-content #features > section .flex-wrapper .image #feature1-img {
    width: 100%;
    height: 0;
    padding-top: 98.04422%;
    right: 20px;
  }
  /* line 820, ../scss/layout/_frontpage.scss */
  #main-content #features > section .flex-wrapper .image #feature2-img {
    width: 130%;
    height: 0;
    padding-top: 93.33813%;
    right: auto;
    top: 30px;
    left: -40px;
  }
  /* line 827, ../scss/layout/_frontpage.scss */
  #main-content #features > section .flex-wrapper .image #feature3-img1 {
    width: 120%;
    height: 0;
    padding-top: 32.7553%;
    top: 30px;
    right: auto;
    left: -20px;
  }
  /* line 834, ../scss/layout/_frontpage.scss */
  #main-content #features > section .flex-wrapper .image #feature3-img2 {
    width: 100%;
    height: 0;
    padding-top: 49.08722%;
    top: 280px;
  }
  /* line 839, ../scss/layout/_frontpage.scss */
  #main-content #features > section .flex-wrapper .image #feature4-img1 {
    width: 100%;
    height: 0;
    padding-top: 68.40202%;
    top: 0;
    right: auto;
    left: 0px;
  }
  /* line 846, ../scss/layout/_frontpage.scss */
  #main-content #features > section .flex-wrapper .image #feature4-img2 {
    width: 100%;
    height: 0;
    padding-top: 49.08722%;
    top: 340px;
    right: auto;
    left: 20px;
    background-image: url(../img/feature4-2.png);
  }
  /* line 859, ../scss/layout/_frontpage.scss */
  #main-content #products {
    width: 100%;
  }
  /* line 862, ../scss/layout/_frontpage.scss */
  #main-content #products > section {
    width: 100%;
  }
  /* line 865, ../scss/layout/_frontpage.scss */
  #main-content #products > section h3 {
    padding-top: 460px;
    left: 0px;
  }
  /* line 870, ../scss/layout/_frontpage.scss */
  #main-content #products > section a {
    margin-top: 20px;
    position: relative;
    z-index: 2;
    left: 0px;
    display: inline-block;
    padding: 1rem;
    border: 1px solid white;
    background-position: 0 0;
    background-size: 200% auto;
    background-image: linear-gradient(to right, #4d4d4d 50%, #ffffff 50%);
    transition: .3s;
    background-image: linear-gradient(to right, #000000 50%, #ffffff 50%);
  }
  /* line 127, ../scss/base/_mixin.scss */
  #main-content #products > section a:hover {
    background-position: -100% 0;
  }
  /* line 884, ../scss/layout/_frontpage.scss */
  #main-content #products > section#wider1 h3 strong {
    width: 320px;
    height: 63px;
    background-image: url(../img/wider1-logo2.png);
  }
  /* line 893, ../scss/layout/_frontpage.scss */
  #main-content #products > section#wider2 h3 strong {
    width: 358px;
    height: 65px;
    background-image: url(../img/wider2-logo2.png);
  }
  /* line 901, ../scss/layout/_frontpage.scss */
  #main-content #products > section .product {
    position: relative;
  }
  /* line 904, ../scss/layout/_frontpage.scss */
  #main-content #products > section .product > div {
    position: absolute;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  /* line 908, ../scss/layout/_frontpage.scss */
  #main-content #products > section .product > div#product1-img1 {
    top: -90px;
    left: 120px;
    width: 610px;
    height: 860px;
    background-image: url(../img/wider1-side.png);
  }
  /* line 915, ../scss/layout/_frontpage.scss */
  #main-content #products > section .product > div#product1-img2 {
    top: 15px;
    left: 740px;
    width: 233px;
    height: 644px;
    background-image: url(../img/wider1-front.png);
  }
  /* line 922, ../scss/layout/_frontpage.scss */
  #main-content #products > section .product > div#product2-img1 {
    top: 10px;
    left: 145px;
    width: 598px;
    height: 678px;
    background-image: url(../img/wider2-side.png);
  }
  /* line 929, ../scss/layout/_frontpage.scss */
  #main-content #products > section .product > div#product2-img2 {
    top: 20px;
    left: 750px;
    width: 238px;
    height: 652px;
    background-image: url(../img/wider2-front.png);
  }
  /* line 939, ../scss/layout/_frontpage.scss */
  #main-content #products > section .spec {
    margin-top: 60px;
  }
  /* line 941, ../scss/layout/_frontpage.scss */
  #main-content #products > section .spec div {
    overflow-x: scroll;
  }
  /* line 944, ../scss/layout/_frontpage.scss */
  #main-content #products > section .spec table {
    width: 1024px;
    height: 600px;
  }
  /* line 953, ../scss/layout/_frontpage.scss */
  #main-content #others {
    padding-top: 50px;
    background-color: black;
  }
  /* line 957, ../scss/layout/_frontpage.scss */
  #main-content #others #downloads {
    width: 100%;
    margin: 0 auto;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  /* line 962, ../scss/layout/_frontpage.scss */
  #main-content #others #downloads > a {
    display: block;
    width: 30%;
    padding: 1rem;
    text-align: center;
    font-size: 17px;
    font-size: 1.0625rem;
    @Include line-height(17);
    background-position: 0 0;
    background-size: 200% auto;
    background-image: linear-gradient(to right, #4d4d4d 50%, #ffffff 50%);
    transition: .3s;
  }
  /* line 127, ../scss/base/_mixin.scss */
  #main-content #others #downloads > a:hover {
    background-position: -100% 0;
  }
  /* line 970, ../scss/layout/_frontpage.scss */
  #main-content #others #downloads > a:nth-child(2) {
    width: 35%;
  }
  /* line 976, ../scss/layout/_frontpage.scss */
  #main-content #others #contact {
    width: 100%;
    margin: 90px auto 0;
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 959px) {
  /* キービジュアル */
  /* line 989, ../scss/layout/_frontpage.scss */
  #key-visual {
    padding-bottom: 60px;
  }
  /* line 993, ../scss/layout/_frontpage.scss */
  #key-visual h1 > strong {
    width: 460px;
    height: 53px;
  }
  /* line 997, ../scss/layout/_frontpage.scss */
  #key-visual h1 > span {
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 24px;
    line-height: 1.5rem;
    letter-spacing: .5rem;
  }
  /* line 1006, ../scss/layout/_frontpage.scss */
  #key-visual #wider1-img {
    margin-left: 0;
  }
  /* line 1009, ../scss/layout/_frontpage.scss */
  #key-visual #wider1-img > p {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 18px;
    line-height: 1.125rem;
    letter-spacing: .4rem;
    margin-top: -80px;
    margin-left: 0px;
    height: 100%;
    text-align: center;
  }

  /* line 1021, ../scss/layout/_frontpage.scss */
  #scroll {
    display: none;
  }

  /* line 1025, ../scss/layout/_frontpage.scss */
  #main-content {
    margin-top: 0;
  }
  /* line 1028, ../scss/layout/_frontpage.scss */
  #main-content .container {
    height: auto;
  }
  /* line 1031, ../scss/layout/_frontpage.scss */
  #main-content #wider1-face {
    height: 460px;
  }
  /* line 1034, ../scss/layout/_frontpage.scss */
  #main-content #wider1-face::before {
    top: -158px;
    height: 560px;
  }
  /* line 1039, ../scss/layout/_frontpage.scss */
  #main-content #wider1-face > p {
    width: 200px;
  }
  /* line 1044, ../scss/layout/_frontpage.scss */
  #main-content h2 {
    font-size: 26px;
    font-size: 1.625rem;
    line-height: 42px;
    line-height: 2.625rem;
  }
  /* line 1049, ../scss/layout/_frontpage.scss */
  #main-content .lead-text {
    margin: 60px auto 0;
    width: 500px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 30px;
    line-height: 1.875rem;
  }
  /* line 1056, ../scss/layout/_frontpage.scss */
  #main-content #main-video {
    width: 100%;
    max-width: 600px;
    height: 0;
    padding-top: 56.25%;
    margin: 60px auto 0;
    position: relative;
  }
  /* line 1063, ../scss/layout/_frontpage.scss */
  #main-content #main-video > iframe {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  /* line 1073, ../scss/layout/_frontpage.scss */
  #main-content #features {
    padding-top: 0;
  }
  /* line 1078, ../scss/layout/_frontpage.scss */
  #main-content #features > section .flex-wrapper {
    padding: 100px 0 180px;
    margin: 0 auto;
    display: block;
    position: relative;
    max-width: 500px;
    /* 煙画像 */
  }
  /* line 1085, ../scss/layout/_frontpage.scss */
  #main-content #features > section .flex-wrapper .text {
    width: 100%;
    text-align: left;
  }
  /* line 1089, ../scss/layout/_frontpage.scss */
  #main-content #features > section .flex-wrapper .text .no {
    font-size: 17px;
    font-size: 1.0625rem;
    letter-spacing: .5rem;
  }
  /* line 1092, ../scss/layout/_frontpage.scss */
  #main-content #features > section .flex-wrapper .text .no em {
    font-size: 70px;
    font-size: 4.375rem;
  }
  /* line 1096, ../scss/layout/_frontpage.scss */
  #main-content #features > section .flex-wrapper .text .feature {
    margin-top: 50px;
    font-size: 52px;
    font-size: 3.25rem;
    letter-spacing: .8rem;
  }
  /* line 1101, ../scss/layout/_frontpage.scss */
  #main-content #features > section .flex-wrapper .text h3 {
    margin-top: 50px;
    font-size: 26px;
    font-size: 1.625rem;
    line-height: 42px;
    line-height: 2.625rem;
    letter-spacing: .4rem;
  }
  /* line 1107, ../scss/layout/_frontpage.scss */
  #main-content #features > section .flex-wrapper .text p {
    margin-top: 40px;
    width: 100%;
    float: none;
  }
  /* line 1114, ../scss/layout/_frontpage.scss */
  #main-content #features > section .flex-wrapper .image {
    width: 500px;
    margin: 40px auto 0;
    position: relative;
    z-index: 2;
  }
  /* line 1120, ../scss/layout/_frontpage.scss */
  #main-content #features > section .flex-wrapper .image > * {
    position: relative;
    top: 0;
    right: 0;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  /* line 1127, ../scss/layout/_frontpage.scss */
  #main-content #features > section .flex-wrapper .image #feature1-img {
    width: 100%;
    height: 0;
    padding-top: 98.04422%;
    top: 0;
    right: 0;
  }
  /* line 1133, ../scss/layout/_frontpage.scss */
  #main-content #features > section .flex-wrapper .image #feature2-img {
    width: 100%;
    height: 0;
    padding-top: 71.79856%;
    top: 0;
    right: 0;
    left: auto;
  }
  /* line 1140, ../scss/layout/_frontpage.scss */
  #main-content #features > section .flex-wrapper .image #feature3-img1 {
    width: 118%;
    height: 0;
    padding-top: 32.20938%;
    top: 0;
    right: auto;
    left: -9%;
  }
  /* line 1147, ../scss/layout/_frontpage.scss */
  #main-content #features > section .flex-wrapper .image #feature3-img2 {
    width: 100%;
    height: 0;
    padding-top: 49.08722%;
    top: 20px;
    background-image: url(../img/feature3-2.png);
  }
  /* line 1153, ../scss/layout/_frontpage.scss */
  #main-content #features > section .flex-wrapper .image #feature4-img1 {
    width: 120%;
    height: 0;
    padding-top: 82.08243%;
    top: 0;
    right: auto;
    left: -13%;
  }
  /* line 1160, ../scss/layout/_frontpage.scss */
  #main-content #features > section .flex-wrapper .image #feature4-img2 {
    width: 100%;
    height: 0;
    padding-top: 49.08722%;
    top: 0;
    right: auto;
    left: auto;
  }
  /* line 1170, ../scss/layout/_frontpage.scss */
  #main-content #features > section .flex-wrapper::before {
    height: 400px;
  }
  /* line 1177, ../scss/layout/_frontpage.scss */
  #main-content #features > section:nth-child(2n) .flex-wrapper {
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  /* line 1179, ../scss/layout/_frontpage.scss */
  #main-content #features > section:nth-child(2n) .flex-wrapper .text {
    text-align: right;
  }
  /* line 1181, ../scss/layout/_frontpage.scss */
  #main-content #features > section:nth-child(2n) .flex-wrapper .text p {
    float: none;
  }
  /* line 1190, ../scss/layout/_frontpage.scss */
  #main-content #products {
    padding-top: 20px;
    background-color: black;
  }
  /* line 1194, ../scss/layout/_frontpage.scss */
  #main-content #products > section {
    padding-top: 50px;
    width: 100%;
    text-align: center;
  }
  /* line 1199, ../scss/layout/_frontpage.scss */
  #main-content #products > section h3 {
    padding-top: 0;
  }
  /* line 1201, ../scss/layout/_frontpage.scss */
  #main-content #products > section h3 strong {
    margin: 0 auto;
  }
  /* line 1206, ../scss/layout/_frontpage.scss */
  #main-content #products > section a {
    margin-top: 20px;
    padding: .6rem 1rem;
      
  }  #main-content #products > section a.w2pdf-btn {
    margin-top: 20px;
    padding: .6rem 1rem;
  }
  /* line 1213, ../scss/layout/_frontpage.scss */
  #main-content #products > section#wider1 h3 strong {
    width: 260px;
    height: 63px;
  }
  /* line 1221, ../scss/layout/_frontpage.scss */
  #main-content #products > section#wider2 h3 strong {
    width: 280px;
    height: 65px;
  }
  /* line 1229, ../scss/layout/_frontpage.scss */
  #main-content #products > section .product > div {
    position: relative;
  }
  /* line 1232, ../scss/layout/_frontpage.scss */
  #main-content #products > section .product > div#product1-img1 {
    margin: 40px 0;
    top: 0;
    left: 50%;
    -moz-transform: translateX(-260px);
    -ms-transform: translateX(-260px);
    -webkit-transform: translateX(-260px);
    transform: translateX(-260px);
    width: 360px;
    height: 400px;
  }
  /* line 1240, ../scss/layout/_frontpage.scss */
  #main-content #products > section .product > div#product1-img2 {
    position: absolute;
    top: 135px;
    left: 50%;
    -moz-transform: translateX(130px);
    -ms-transform: translateX(130px);
    -webkit-transform: translateX(130px);
    transform: translateX(130px);
    width: 98px;
    height: 385px;
  }
  /* line 1248, ../scss/layout/_frontpage.scss */
  #main-content #products > section .product > div#product2-img1 {
    margin: 40px 0;
    top: 0;
    left: 50%;
    -moz-transform: translateX(-260px);
    -ms-transform: translateX(-260px);
    -webkit-transform: translateX(-260px);
    transform: translateX(-260px);
    width: 360px;
    height: 400px;
    background-image: url(../img/wider2-side.png);
  }
  /* line 1257, ../scss/layout/_frontpage.scss */
  #main-content #products > section .product > div#product2-img2 {
    position: absolute;
    top: 140px;
    left: 50%;
    -moz-transform: translateX(130px);
    -ms-transform: translateX(130px);
    -webkit-transform: translateX(130px);
    transform: translateX(130px);
    width: 118px;
    height: 385px;
  }
  /* line 1268, ../scss/layout/_frontpage.scss */
  #main-content #products > section .spec {
    margin-top: 50px;
  }
  /* line 1270, ../scss/layout/_frontpage.scss */
  #main-content #products > section .spec > p {
    text-align: left;
  }
  /* line 1272, ../scss/layout/_frontpage.scss */
  #main-content #products > section .spec > p > strong {
    display: block;
    text-align: center;
  }
  /* line 1281, ../scss/layout/_frontpage.scss */
  #main-content #others {
    padding-top: 40px;
  }
  /* line 1284, ../scss/layout/_frontpage.scss */
  #main-content #others #downloads {
    width: 100%;
    margin: 0 auto;
    display: block;
  }
  /* line 1289, ../scss/layout/_frontpage.scss */
  #main-content #others #downloads > a {
    width: 320px;
    margin: 0 auto 20px;
    padding: .8rem 1rem;
    font-size: 16px;
    font-size: 1rem;
    @Include line-height(16);
  }
  /* line 1295, ../scss/layout/_frontpage.scss */
  #main-content #others #downloads > a:nth-child(2) {
    width: 320px;
  }
}
@media screen and (max-width: 729px) {
  /* line 1307, ../scss/layout/_frontpage.scss */
  #main-content #others #contact {
    width: 100%;
    max-width: 100%;
    margin: 80px auto 0;
    padding-bottom: 30px;
  }
  /* line 1313, ../scss/layout/_frontpage.scss */
  #main-content #others #contact .contact-text {
    margin: 30px auto 50px;
    text-align: center;
  }
  /* line 1318, ../scss/layout/_frontpage.scss */
  #main-content #others #contact .flex-wrapper {
    display: block;
  }
  /* line 1320, ../scss/layout/_frontpage.scss */
  #main-content #others #contact .flex-wrapper > div:first-child {
    margin-bottom: 20px;
  }
  /* line 1325, ../scss/layout/_frontpage.scss */
  #main-content #others #contact form {
    width: 100%;
    margin: 0 auto;
  }
  /* line 1328, ../scss/layout/_frontpage.scss */
  #main-content #others #contact form > div {
    margin-bottom: 20px;
  }
  /* line 1333, ../scss/layout/_frontpage.scss */
  #main-content #others #contact label {
    width: 100%;
  }
  /* line 1337, ../scss/layout/_frontpage.scss */
  #main-content #others #contact input {
    width: 100%;
  }
  /* line 1341, ../scss/layout/_frontpage.scss */
  #main-content #others #contact textarea {
    width: 100%;
    height: 200px;
  }
  /* line 1346, ../scss/layout/_frontpage.scss */
  #main-content #others #contact p.error {
    max-width: 100%;
  }
}
@media screen and (max-width: 599px) {
  /* キービジュアル */
  /* line 1357, ../scss/layout/_frontpage.scss */
  #key-visual {
    padding-bottom: 60px;
  }
  /* line 1361, ../scss/layout/_frontpage.scss */
  #key-visual h1 > strong {
    width: 400px;
    height: 44px;
  }
  /* line 1365, ../scss/layout/_frontpage.scss */
  #key-visual h1 > span {
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 22px;
    line-height: 1.375rem;
    letter-spacing: .4rem;
  }
  /* line 1375, ../scss/layout/_frontpage.scss */
  #key-visual #wider1-img > p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 16px;
    line-height: 1rem;
    letter-spacing: .3rem;
    margin-top: -60px;
  }

  /* line 1384, ../scss/layout/_frontpage.scss */
  #main-content {
    margin-top: 0;
  }
  /* line 1387, ../scss/layout/_frontpage.scss */
  #main-content::before {
    display: none;
  }
  /* line 1390, ../scss/layout/_frontpage.scss */
  #main-content .container {
    height: auto;
  }
  /* line 1394, ../scss/layout/_frontpage.scss */
  #main-content #wider1-face {
    height: 380px;
  }
  /* line 1397, ../scss/layout/_frontpage.scss */
  #main-content #wider1-face::before {
    top: -124px;
    height: 440px;
  }
  /* line 1402, ../scss/layout/_frontpage.scss */
  #main-content #wider1-face > p {
    width: 180px;
    top: 250px;
  }
  /* line 1408, ../scss/layout/_frontpage.scss */
  #main-content h2 {
    font-size: 21px;
    font-size: 1.3125rem;
    line-height: 40px;
    line-height: 2.5rem;
  }
  /* line 1413, ../scss/layout/_frontpage.scss */
  #main-content .lead-text {
    margin: 40px auto 0;
    width: 100%;
    font-size: 16px;
    font-size: 1rem;
    line-height: 30px;
    line-height: 1.875rem;
  }
  /* line 1420, ../scss/layout/_frontpage.scss */
  #main-content #main-video {
    margin: 40px auto 0;
  }
  /* line 1424, ../scss/layout/_frontpage.scss */
  #main-content #features {
    padding-top: 0;
  }
  /* line 1429, ../scss/layout/_frontpage.scss */
  #main-content #features > section .flex-wrapper {
    padding: 80px 0 180px;
    max-width: 100%;
  }
  /* line 1433, ../scss/layout/_frontpage.scss */
  #main-content #features > section .flex-wrapper .text {
    width: 100%;
  }
  /* line 1436, ../scss/layout/_frontpage.scss */
  #main-content #features > section .flex-wrapper .text .no {
    font-size: 17px;
    font-size: 1.0625rem;
    letter-spacing: .4rem;
  }
  /* line 1439, ../scss/layout/_frontpage.scss */
  #main-content #features > section .flex-wrapper .text .no em {
    font-size: 64px;
    font-size: 4rem;
  }
  /* line 1443, ../scss/layout/_frontpage.scss */
  #main-content #features > section .flex-wrapper .text .feature {
    margin-top: 40px;
    font-size: 48px;
    font-size: 3rem;
    letter-spacing: .6rem;
  }
  /* line 1448, ../scss/layout/_frontpage.scss */
  #main-content #features > section .flex-wrapper .text h3 {
    margin-top: 40px;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 40px;
    line-height: 2.5rem;
    letter-spacing: .3rem;
  }
  /* line 1454, ../scss/layout/_frontpage.scss */
  #main-content #features > section .flex-wrapper .text p {
    margin-top: 30px;
  }
  /* line 1459, ../scss/layout/_frontpage.scss */
  #main-content #features > section .flex-wrapper .image {
    width: 100%;
    margin: 30px auto 0;
  }
  /* line 1463, ../scss/layout/_frontpage.scss */
  #main-content #features > section .flex-wrapper .image #feature3-img1 {
    width: 110%;
    height: 0;
    padding-top: 30.02569%;
    left: -5%;
  }
  /* line 1468, ../scss/layout/_frontpage.scss */
  #main-content #features > section .flex-wrapper .image #feature4-img1 {
    width: 110%;
    height: 0;
    padding-top: 75.24223%;
    left: -7%;
  }
  /* line 1480, ../scss/layout/_frontpage.scss */
  #main-content #products > section {
    padding-top: 40px;
  }
  /* line 1485, ../scss/layout/_frontpage.scss */
  #main-content #products > section#wider1 h3 strong {
    width: 220px;
    height: 53px;
  }
  /* line 1493, ../scss/layout/_frontpage.scss */
  #main-content #products > section#wider2 h3 strong {
    width: 230px;
    height: 55px;
  }
  /* line 1502, ../scss/layout/_frontpage.scss */
  #main-content #products > section .product > div#product1-img1 {
    margin: 30px 0;
    -moz-transform: translateX(-200px);
    -ms-transform: translateX(-200px);
    -webkit-transform: translateX(-200px);
    transform: translateX(-200px);
    width: 290px;
    height: 340px;
  }
  /* line 1508, ../scss/layout/_frontpage.scss */
  #main-content #products > section .product > div#product1-img2 {
    top: 115px;
    -moz-transform: translateX(120px);
    -ms-transform: translateX(120px);
    -webkit-transform: translateX(120px);
    transform: translateX(120px);
    width: 78px;
    height: 330px;
  }
  /* line 1514, ../scss/layout/_frontpage.scss */
  #main-content #products > section .product > div#product2-img1 {
    margin: 30px 0;
    -moz-transform: translateX(-210px);
    -ms-transform: translateX(-210px);
    -webkit-transform: translateX(-210px);
    transform: translateX(-210px);
    width: 300px;
    height: 340px;
  }
  /* line 1520, ../scss/layout/_frontpage.scss */
  #main-content #products > section .product > div#product2-img2 {
    top: 115px;
    -moz-transform: translateX(120px);
    -ms-transform: translateX(120px);
    -webkit-transform: translateX(120px);
    transform: translateX(120px);
    width: 90px;
    height: 330px;
  }
  /* line 1529, ../scss/layout/_frontpage.scss */
  #main-content #products > section .spec {
    margin-top: 40px;
  }
  /* line 1537, ../scss/layout/_frontpage.scss */
  #main-content #others #downloads > a {
    padding: .6rem 1rem;
  }
  /* line 1542, ../scss/layout/_frontpage.scss */
  #main-content #others #contact {
    margin: 60px auto 0;
  }
  /* line 1545, ../scss/layout/_frontpage.scss */
  #main-content #others #contact .contact-text {
    margin: 30px auto 30px;
    text-align: left;
  }
  /* line 1550, ../scss/layout/_frontpage.scss */
  #main-content #others #contact textarea {
    height: 180px;
  }
}
@media screen and (max-width: 479px) {
  /* キービジュアル */
  /* line 1561, ../scss/layout/_frontpage.scss */
  #key-visual {
    padding-bottom: 60px;
  }
  /* line 1565, ../scss/layout/_frontpage.scss */
  #key-visual h1 > strong {
    width: 320px;
    height: 34px;
  }
  /* line 1569, ../scss/layout/_frontpage.scss */
  #key-visual h1 > span {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 18px;
    line-height: 1.125rem;
    letter-spacing: .3rem;
  }
  /* line 1577, ../scss/layout/_frontpage.scss */
  #key-visual #wider1-img > p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 16px;
    line-height: 1rem;
    letter-spacing: .3rem;
    margin-top: -40px;
  }

  /* line 1588, ../scss/layout/_frontpage.scss */
  #main-content #wider1-face {
    height: 310px;
  }
  /* line 1591, ../scss/layout/_frontpage.scss */
  #main-content #wider1-face::before {
    top: -101px;
    height: 360px;
  }
  /* line 1596, ../scss/layout/_frontpage.scss */
  #main-content #wider1-face > p {
    width: 180px;
    top: 200px;
  }
  /* line 1602, ../scss/layout/_frontpage.scss */
  #main-content h2 {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 36px;
    line-height: 2.25rem;
  }
  /* line 1607, ../scss/layout/_frontpage.scss */
  #main-content .lead-text {
    margin: 30px auto 0;
  }
  /* line 1611, ../scss/layout/_frontpage.scss */
  #main-content #main-video {
    margin: 30px auto 0;
  }
  /* line 1617, ../scss/layout/_frontpage.scss */
  #main-content #features > section .flex-wrapper {
    padding: 60px 0 150px;
  }
  /* line 1621, ../scss/layout/_frontpage.scss */
  #main-content #features > section .flex-wrapper .text .no {
    font-size: 17px;
    font-size: 1.0625rem;
    letter-spacing: .4rem;
  }
  /* line 1624, ../scss/layout/_frontpage.scss */
  #main-content #features > section .flex-wrapper .text .no em {
    font-size: 60px;
    font-size: 3.75rem;
  }
  /* line 1628, ../scss/layout/_frontpage.scss */
  #main-content #features > section .flex-wrapper .text .feature {
    margin-top: 40px;
    font-size: 40px;
    font-size: 2.5rem;
    letter-spacing: .6rem;
  }
  /* line 1633, ../scss/layout/_frontpage.scss */
  #main-content #features > section .flex-wrapper .text h3 {
    margin-top: 40px;
    font-size: 21px;
    font-size: 1.3125rem;
    line-height: 38px;
    line-height: 2.375rem;
    letter-spacing: .2rem;
  }
  /* line 1639, ../scss/layout/_frontpage.scss */
  #main-content #features > section .flex-wrapper .text p {
    margin-top: 30px;
  }
  /* line 1649, ../scss/layout/_frontpage.scss */
  #main-content #products > section {
    padding-top: 40px;
  }
  /* line 1654, ../scss/layout/_frontpage.scss */
  #main-content #products > section#wider1 h3 strong {
    width: 200px;
    height: 53px;
  }
  /* line 1662, ../scss/layout/_frontpage.scss */
  #main-content #products > section#wider2 h3 strong {
    width: 210px;
    height: 55px;
  }
  /* line 1671, ../scss/layout/_frontpage.scss */
  #main-content #products > section .product > div#product1-img1 {
    margin: 30px 0 20px;
    -moz-transform: translateX(-170px);
    -ms-transform: translateX(-170px);
    -webkit-transform: translateX(-170px);
    transform: translateX(-170px);
    width: 260px;
    height: 300px;
  }
  /* line 1677, ../scss/layout/_frontpage.scss */
  #main-content #products > section .product > div#product1-img2 {
    top: 107px;
    -moz-transform: translateX(105px);
    -ms-transform: translateX(105px);
    -webkit-transform: translateX(105px);
    transform: translateX(105px);
    width: 68px;
    height: 300px;
  }
  /* line 1683, ../scss/layout/_frontpage.scss */
  #main-content #products > section .product > div#product2-img1 {
    margin: 30px 0 20px;
    -moz-transform: translateX(-180px);
    -ms-transform: translateX(-180px);
    -webkit-transform: translateX(-180px);
    transform: translateX(-180px);
    width: 265px;
    height: 300px;
  }
  /* line 1689, ../scss/layout/_frontpage.scss */
  #main-content #products > section .product > div#product2-img2 {
    top: 108px;
    -moz-transform: translateX(105px);
    -ms-transform: translateX(105px);
    -webkit-transform: translateX(105px);
    transform: translateX(105px);
    width: 74px;
    height: 300px;
  }
  /* line 1698, ../scss/layout/_frontpage.scss */
  #main-content #products > section .spec {
    margin-top: 40px;
  }
  /* line 1706, ../scss/layout/_frontpage.scss */
  #main-content #others #downloads > a {
    padding: .6rem 1rem;
  }
}
@media screen and (max-width: 359px) {
  /* キービジュアル */
  /* line 1721, ../scss/layout/_frontpage.scss */
  #key-visual h1 > strong {
    width: 290px;
    height: 34px;
  }
  /* line 1728, ../scss/layout/_frontpage.scss */
  #key-visual #wider1-img > p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 16px;
    line-height: 1rem;
    letter-spacing: .2rem;
    margin-top: -30px;
  }

  /* line 1739, ../scss/layout/_frontpage.scss */
  #main-content #wider1-face {
    height: 270px;
  }
  /* line 1742, ../scss/layout/_frontpage.scss */
  #main-content #wider1-face::before {
    top: -90px;
    height: 320px;
  }
  /* line 1747, ../scss/layout/_frontpage.scss */
  #main-content #wider1-face > p {
    width: 160px;
    top: 160px;
  }
  /* line 1753, ../scss/layout/_frontpage.scss */
  #main-content h2 {
    font-size: 29px;
    font-size: 1.8125rem;
    line-height: 35px;
    line-height: 2.1875rem;
  }
  /* line 1760, ../scss/layout/_frontpage.scss */
  #main-content #features > section .flex-wrapper {
    padding: 60px 0 150px;
  }
  /* line 1764, ../scss/layout/_frontpage.scss */
  #main-content #features > section .flex-wrapper .text .no {
    font-size: 17px;
    font-size: 1.0625rem;
    letter-spacing: .4rem;
  }
  /* line 1767, ../scss/layout/_frontpage.scss */
  #main-content #features > section .flex-wrapper .text .no em {
    font-size: 56px;
    font-size: 3.5rem;
  }
  /* line 1771, ../scss/layout/_frontpage.scss */
  #main-content #features > section .flex-wrapper .text .feature {
    margin-top: 35px;
    font-size: 40px;
    font-size: 2.5rem;
    letter-spacing: .6rem;
  }
  /* line 1776, ../scss/layout/_frontpage.scss */
  #main-content #features > section .flex-wrapper .text h3 {
    margin-top: 35px;
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 35px;
    line-height: 2.1875rem;
  }
  /* line 1781, ../scss/layout/_frontpage.scss */
  #main-content #features > section .flex-wrapper .text p {
    margin-top: 25px;
  }
  /* line 1791, ../scss/layout/_frontpage.scss */
  #main-content #products > section {
    padding-top: 35px;
  }
  /* line 1796, ../scss/layout/_frontpage.scss */
  #main-content #products > section#wider1 h3 strong {
    width: 180px;
    height: 48px;
  }
  /* line 1804, ../scss/layout/_frontpage.scss */
  #main-content #products > section#wider2 h3 strong {
    width: 185px;
    height: 48px;
  }
  /* line 1813, ../scss/layout/_frontpage.scss */
  #main-content #products > section .product > div#product1-img1 {
    -moz-transform: translateX(-150px);
    -ms-transform: translateX(-150px);
    -webkit-transform: translateX(-150px);
    transform: translateX(-150px);
    width: 224px;
    height: 240px;
  }
  /* line 1818, ../scss/layout/_frontpage.scss */
  #main-content #products > section .product > div#product1-img2 {
    top: 100px;
    -moz-transform: translateX(85px);
    -ms-transform: translateX(85px);
    -webkit-transform: translateX(85px);
    transform: translateX(85px);
    width: 58px;
    height: 240px;
  }
  /* line 1824, ../scss/layout/_frontpage.scss */
  #main-content #products > section .product > div#product2-img1 {
    margin: 30px 0 20px;
    -moz-transform: translateX(-155px);
    -ms-transform: translateX(-155px);
    -webkit-transform: translateX(-155px);
    transform: translateX(-155px);
    width: 230px;
    height: 245px;
  }
  /* line 1830, ../scss/layout/_frontpage.scss */
  #main-content #products > section .product > div#product2-img2 {
    top: 100px;
    -moz-transform: translateX(88px);
    -ms-transform: translateX(88px);
    -webkit-transform: translateX(88px);
    transform: translateX(88px);
    width: 62px;
    height: 250px;
  }
  /* line 1839, ../scss/layout/_frontpage.scss */
  #main-content #products > section .spec {
    margin-top: 40px;
  }
  /* line 1847, ../scss/layout/_frontpage.scss */
  #main-content #others #downloads > a {
    padding: .6rem 1rem;
    width: 280px;
  }
  /* line 1850, ../scss/layout/_frontpage.scss */
  #main-content #others #downloads > a:nth-child(2) {
    width: 280px;
  }
}