@charset "UTF-8";
/*
 common.cssは自動生成しているため、
 直接上書きしないでください。
*/
/* Vendor */
/* Site settings */
/* Base */
/* line 19, ../scss/base/_reboot.scss */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* line 25, ../scss/base/_reboot.scss */
html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}

/* line 35, ../scss/base/_reboot.scss */
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

/*
body {
  margin: 0; // 1
  font-family: $font-family-base;
  font-size: $font-size-base;
  font-weight: $font-weight-base;
  line-height: $line-height-base;
  color: $body-color;
  text-align: left; // 3
  background-color: $body-bg; // 2
}
*/
/* line 64, ../scss/base/_reboot.scss */
[tabindex="-1"]:focus {
  outline: 0 !important;
}

/* line 74, ../scss/base/_reboot.scss */
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

/* line 90, ../scss/base/_reboot.scss */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0;
}

/* line 99, ../scss/base/_reboot.scss */
p {
  margin-top: 0;
  margin-bottom: 0;
}

/* line 112, ../scss/base/_reboot.scss */
abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  text-decoration-skip-ink: none;
}

/* line 121, ../scss/base/_reboot.scss */
address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

/* line 127, ../scss/base/_reboot.scss */
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

/* line 134, ../scss/base/_reboot.scss */
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

/* line 141, ../scss/base/_reboot.scss */
dt {
  font-weight: 1rem;
}

/* line 145, ../scss/base/_reboot.scss */
dd {
  margin-bottom: 0;
  margin-left: 0;
}

/* line 150, ../scss/base/_reboot.scss */
blockquote {
  margin: 0 0 1rem;
}

/* line 154, ../scss/base/_reboot.scss */
b,
strong {
  font-weight: 600;
}

/* line 159, ../scss/base/_reboot.scss */
small {
  font-size: 80%;
}

/* line 168, ../scss/base/_reboot.scss */
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

/* line 176, ../scss/base/_reboot.scss */
sub {
  bottom: -.25em;
}

/* line 177, ../scss/base/_reboot.scss */
sup {
  top: -.5em;
}

/*
a {
  color: $link-color;
  text-decoration: $link-decoration;
  background-color: transparent; // Remove the gray background on active links in IE 10.

  @include hover {
    color: $link-hover-color;
    text-decoration: $link-hover-decoration;
  }
}
*/
/* line 203, ../scss/base/_reboot.scss */
a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}
/* line 207, ../scss/base/_reboot.scss */
a:not([href]):not([tabindex]):focus {
  outline: 0;
}

/* line 217, ../scss/base/_reboot.scss */
pre,
code,
kbd,
samp {
  font-size: 1em;
}

/* line 224, ../scss/base/_reboot.scss */
pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
}

/* line 238, ../scss/base/_reboot.scss */
figure {
  margin: 0 0 1rem;
}

/* line 248, ../scss/base/_reboot.scss */
img {
  vertical-align: middle;
  border-style: none;
}

/* line 253, ../scss/base/_reboot.scss */
svg {
  overflow: hidden;
  vertical-align: middle;
}

/* line 265, ../scss/base/_reboot.scss */
table {
  border-collapse: collapse;
}

/* line 269, ../scss/base/_reboot.scss */
caption {
  padding-top: 0;
  padding-bottom: 0;
  text-align: left;
  caption-side: bottom;
}

/* line 276, ../scss/base/_reboot.scss */
th {
  text-align: inherit;
}

/* line 287, ../scss/base/_reboot.scss */
label {
  display: inline-block;
  margin-bottom: 0;
}

/* line 296, ../scss/base/_reboot.scss */
button {
  border-radius: 0;
}

/* line 305, ../scss/base/_reboot.scss */
button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

/* line 310, ../scss/base/_reboot.scss */
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

/* line 321, ../scss/base/_reboot.scss */
button,
input {
  overflow: visible;
}

/* line 326, ../scss/base/_reboot.scss */
button,
select {
  text-transform: none;
}

/* line 334, ../scss/base/_reboot.scss */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/* line 342, ../scss/base/_reboot.scss */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

/* line 350, ../scss/base/_reboot.scss */
input[type="radio"],
input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0;
}

/* line 357, ../scss/base/_reboot.scss */
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox;
}

/* line 369, ../scss/base/_reboot.scss */
textarea {
  overflow: auto;
  resize: vertical;
}

/* line 375, ../scss/base/_reboot.scss */
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

/* line 390, ../scss/base/_reboot.scss */
legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

/* line 402, ../scss/base/_reboot.scss */
progress {
  vertical-align: baseline;
}

/* line 407, ../scss/base/_reboot.scss */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/* line 412, ../scss/base/_reboot.scss */
[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

/* line 425, ../scss/base/_reboot.scss */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/* line 434, ../scss/base/_reboot.scss */
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

/* line 443, ../scss/base/_reboot.scss */
output {
  display: inline-block;
}

/* line 447, ../scss/base/_reboot.scss */
summary {
  display: list-item;
  cursor: pointer;
}

/* line 452, ../scss/base/_reboot.scss */
template {
  display: none;
}

/* line 458, ../scss/base/_reboot.scss */
[hidden] {
  display: none !important;
}

/* 共通要素 */
/* line 2, ../scss/base/_main.scss */
html {
  font-size: 62.5%;
}

/* line 5, ../scss/base/_main.scss */
body {
  margin: 0;
  width: 100%;
  max-width: 100%;
  font-size: 1.8rem;
  line-height: 1.6;
  font-family: "中ゴシックBBB", "Gothic Medium BBB";
  font-weight: 400;
  color: black;
}

/* line 15, ../scss/base/_main.scss */
#site-container {
  overflow-x: hidden;
}

/* line 18, ../scss/base/_main.scss */
.container {
  max-width: 1400px;
  width: 100%;
  margin: 0 auto;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 24, ../scss/base/_main.scss */
.content {
  width: 100%;
  margin: 0 auto;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

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

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

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

/* line 48, ../scss/base/_main.scss */
h1, h2, h3, h4, h5, .title {
  margin: 0;
  padding: 0;
  font-family: "見出ゴMB1", "Midashi Go MB1";
}
/* line 52, ../scss/base/_main.scss */
h1 > *, h2 > *, h3 > *, h4 > *, h5 > *, .title > * {
  display: block;
  line-height: 1.3;
}
/* line 56, ../scss/base/_main.scss */
h1 span, h2 span, h3 span, h4 span, h5 span, .title span {
  font-family: "Josefin Sans", sans-serif;
  letter-spacing: .3rem;
}
/* line 60, ../scss/base/_main.scss */
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, .title strong {
  font-family: "見出ゴMB1", "Midashi Go MB1";
}

/* line 64, ../scss/base/_main.scss */
section, div, p, ul, li {
  margin: 0;
  padding: 0;
}

/* line 68, ../scss/base/_main.scss */
em {
  font-style: normal;
}

/* line 71, ../scss/base/_main.scss */
strong, em, b {
  font-family: "見出ゴMB1", "Midashi Go MB1";
}

/* line 74, ../scss/base/_main.scss */
figure {
  margin-bottom: 0;
}

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

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

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

/* line 86, ../scss/base/_main.scss */
.below-tb {
  display: none !important;
}

/* line 89, ../scss/base/_main.scss */
.above-tb {
  display: block !important;
}

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

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

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

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

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

/* line 100, ../scss/base/_main.scss */
.text-align-right {
  text-align: right;
}

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

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

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

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

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

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

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

@media screen and (max-width: 1559px) {
  /* line 110, ../scss/base/_main.scss */
  .container {
    padding-left: 60px;
    padding-right: 60px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 1199px) {
  /* line 117, ../scss/base/_main.scss */
  body {
    font-size: 1.6rem;
  }

  /* line 120, ../scss/base/_main.scss */
  .container {
    padding-left: 50px;
    padding-right: 50px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 959px) {
  /* line 127, ../scss/base/_main.scss */
  .is-pc {
    display: none !important;
  }

  /* line 130, ../scss/base/_main.scss */
  .is-tb {
    display: block !important;
  }

  /* line 133, ../scss/base/_main.scss */
  .below-tb {
    display: block !important;
  }
}
@media screen and (max-width: 599px) {
  /* line 138, ../scss/base/_main.scss */
  body {
    font-size: 1.5rem;
  }

  /* line 141, ../scss/base/_main.scss */
  .container, .content {
    padding-left: 30px;
    padding-right: 30px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  /* line 146, ../scss/base/_main.scss */
  .above-tb {
    display: none !important;
  }

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

  /* line 152, ../scss/base/_main.scss */
  .is-sp {
    display: block !important;
  }
}
@media screen and (max-width: 479px) {
  /* line 157, ../scss/base/_main.scss */
  .container, .content {
    padding-left: 20px;
    padding-right: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 359px) {
  /* line 164, ../scss/base/_main.scss */
  .container, .content {
    padding-left: 15px;
    padding-right: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
/* line 17, ../scss/common.scss */
header {
  width: 100vw;
  height: 100px;
  position: fixed;
  top: 30px;
  left: 25px;
  z-index: 3;
}
/* line 24, ../scss/common.scss */
header h1 {
  width: 158px;
  opacity: 0;
  visibility: hidden;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
/* line 29, ../scss/common.scss */
header h1.is-active {
  opacity: 1;
  visibility: visible;
}

/* line 35, ../scss/common.scss */
main {
  position: relative;
  top: 0;
  left: 0;
  z-index: 2;
}

/* line 41, ../scss/common.scss */
.drawer-hamburger {
  width: 70px;
  height: 60px;
}
/* line 44, ../scss/common.scss */
.drawer-hamburger:focus {
  outline: 0;
}

/* line 48, ../scss/common.scss */
.drawer-hamburger-icon {
  width: 40px;
  background-color: black;
}
/* line 51, ../scss/common.scss */
.drawer-hamburger-icon::before {
  top: -17px;
}
/* line 54, ../scss/common.scss */
.drawer-hamburger-icon::after {
  top: 17px;
}

/* line 58, ../scss/common.scss */
.drawer--right .drawer-nav {
  right: -360px;
}

/* line 61, ../scss/common.scss */
.drawer--right.drawer-open .drawer-hamburger {
  right: 360px;
}

/* line 64, ../scss/common.scss */
.drawer-nav {
  width: 360px;
}

/* line 67, ../scss/common.scss */
.drawer-overlay {
  z-index: 2;
}

/* line 70, ../scss/common.scss */
.drawer-menu {
  padding: 50px 20px;
}
/* line 72, ../scss/common.scss */
.drawer-menu li {
  cursor: pointer;
}
/* line 74, ../scss/common.scss */
.drawer-menu li:first-child {
  margin-top: 50px;
}
/* line 77, ../scss/common.scss */
.drawer-menu li.drawer-menu-item {
  padding: 1rem 0;
  font-size: 1.8rem;
  font-family: "見出ゴMB1", "Midashi Go MB1";
}
/* line 81, ../scss/common.scss */
.drawer-menu li.drawer-menu-item:hover {
  text-decoration: none;
}
/* line 85, ../scss/common.scss */
.drawer-menu li::before {
  content: "-";
  margin-right: 1rem;
}

@media screen and (max-width: 959px) {
  /* line 92, ../scss/common.scss */
  header {
    height: 80px;
    top: 20px;
    left: 20px;
  }
  /* line 96, ../scss/common.scss */
  header h1 {
    width: 140px;
  }

  /* line 100, ../scss/common.scss */
  .drawer-hamburger {
    width: 60px;
    height: 40px;
  }

  /* line 104, ../scss/common.scss */
  .drawer-hamburger-icon {
    width: 40px;
  }
  /* line 106, ../scss/common.scss */
  .drawer-hamburger-icon::before {
    top: -17px;
  }
  /* line 109, ../scss/common.scss */
  .drawer-hamburger-icon::after {
    top: 17px;
  }

  /* line 113, ../scss/common.scss */
  .drawer-menu {
    padding: 40px;
  }
}
@media screen and (max-width: 599px) {
  /* line 118, ../scss/common.scss */
  header {
    height: 70px;
    top: 15px;
    left: 15px;
  }
  /* line 122, ../scss/common.scss */
  header h1 {
    width: 120px;
  }

  /* line 126, ../scss/common.scss */
  .drawer-hamburger {
    width: 40px;
    height: 20px;
  }

  /* line 130, ../scss/common.scss */
  .drawer-hamburger-icon {
    width: 30px;
  }
  /* line 132, ../scss/common.scss */
  .drawer-hamburger-icon::before {
    top: -13px;
  }
  /* line 135, ../scss/common.scss */
  .drawer-hamburger-icon::after {
    top: 13px;
  }

  /* line 139, ../scss/common.scss */
  .drawer--right .drawer-nav {
    right: -340px;
  }

  /* line 142, ../scss/common.scss */
  .drawer--right.drawer-open .drawer-hamburger {
    right: 340px;
  }

  /* line 145, ../scss/common.scss */
  .drawer-nav {
    width: 340px;
  }

  /* line 148, ../scss/common.scss */
  .drawer-menu {
    padding: 15px;
  }
  /* line 151, ../scss/common.scss */
  .drawer-menu li:first-child {
    margin-top: 40px;
  }
  /* line 154, ../scss/common.scss */
  .drawer-menu li.drawer-menu-item {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 359px) {
  /* line 161, ../scss/common.scss */
  .drawer--right .drawer-nav {
    right: -300px;
  }

  /* line 164, ../scss/common.scss */
  .drawer--right.drawer-open .drawer-hamburger {
    right: 300px;
  }

  /* line 167, ../scss/common.scss */
  .drawer-nav {
    width: 300px;
  }

  /* line 170, ../scss/common.scss */
  .drawer-menu {
    padding: 10px;
  }
  /* line 172, ../scss/common.scss */
  .drawer-menu li {
    white-space: nowrap;
  }
  /* line 174, ../scss/common.scss */
  .drawer-menu li:first-child {
    margin-top: 30px;
  }
  /* line 177, ../scss/common.scss */
  .drawer-menu li.drawer-menu-item {
    font-size: 1.5rem;
  }
}
/* line 184, ../scss/common.scss */
#key-visual {
  width: 100vw;
  height: 100vh;
  position: relative;
}

/* line 189, ../scss/common.scss */
#gift-banner {
  position: absolute;
  right: 0;
  bottom: -80px;
  width: 439px;
  opacity: 0;
  visibility: hidden;
}
/* line 196, ../scss/common.scss */
#gift-banner img {
  display: block;
  width: 100%;
}
/* line 200, ../scss/common.scss */
#gift-banner.is-active {
  -moz-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);
  opacity: 1;
  visibility: visible;
  bottom: 0;
}

@media screen and (max-width: 599px) {
  /* line 208, ../scss/common.scss */
  #gift-banner {
    max-width: 280px;
  }
}
/* line 212, ../scss/common.scss */
#video-pc, #video-sp {
  position: fixed;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  object-fit: cover;
  -o-object-fit: cover;
  overflow-scrolling: auto;
  -webkit-overflow-scrolling: auto;
}

/* line 224, ../scss/common.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%);
  top: auto;
  bottom: 60px;
  z-index: 1000;
  width: 48px;
  height: 65px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../img/scroll.png);
  text-indent: -9999px;
  opacity: 0;
  cursor: pointer;
  -moz-transition: opacity 1s linear;
  -o-transition: opacity 1s linear;
  -webkit-transition: opacity 1s linear;
  transition: opacity 1s linear;
}
/* line 237, ../scss/common.scss */
#scroll.is-active {
  opacity: 1;
  -moz-transition: opacity 1s linear;
  -o-transition: opacity 1s linear;
  -webkit-transition: opacity 1s linear;
  transition: opacity 1s linear;
}
/* line 242, ../scss/common.scss */
#scroll::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: auto;
  bottom: -40px;
  width: 6px;
  height: 26px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../img/scroll-arrow.png);
  -moz-animation: bounce-down 1.2s infinite;
  -webkit-animation: bounce-down 1.2s infinite;
  animation: bounce-down 1.2s infinite;
}

/* スクロールアニメーション */
@keyframes bounce-down {
  0% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  80% {
    -moz-transform: translateY(5px);
    -ms-transform: translateY(5px);
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    animation-timing-funtion: cubic-bezier(0.19, 1, 0.22, 1);
  }
  100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
/* line 269, ../scss/common.scss */
#outer-container {
  padding-bottom: 30px;
  background-color: white;
  /*
  background-image:url(../img/back.png);
  @include background-contain;
  background-repeat:repeat-y;
  */
}
@media screen and (max-width: 599px) {
  /* line 269, ../scss/common.scss */
  #outer-container {
    padding-bottom: 25px;
  }
}

/* line 282, ../scss/common.scss */
#worlds-best-of-seven {
  padding-top: 80px;
}
/* line 284, ../scss/common.scss */
#worlds-best-of-seven p {
  text-align: center;
}
/* line 286, ../scss/common.scss */
#worlds-best-of-seven p span {
  font-size: 2.6rem;
  letter-spacing: .3rem;
  font-family: "Josefin Sans", sans-serif;
  position: relative;
}
/* line 291, ../scss/common.scss */
#worlds-best-of-seven p span::after {
  content: "";
  display: block;
  width: 54px;
  height: 62px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../img/new/uzu.png);
  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%);
  color: #B4A763;
  z-index: -1;
}
/* line 303, ../scss/common.scss */
#worlds-best-of-seven p strong {
  margin-top: 20px;
  font-size: 1.6rem;
  font-family: 600;
  letter-spacing: .3rem;
}

@media screen and (max-width: 1199px) {
  /* line 314, ../scss/common.scss */
  #worlds-best-of-seven p span {
    font-size: 2.4rem;
    letter-spacing: .3rem;
  }
}
@media screen and (max-width: 959px) {
  /* line 322, ../scss/common.scss */
  #worlds-best-of-seven {
    padding-top: 60px;
  }
  /* line 325, ../scss/common.scss */
  #worlds-best-of-seven p span {
    font-size: 2.2rem;
    letter-spacing: .2rem;
  }
  /* line 328, ../scss/common.scss */
  #worlds-best-of-seven p span::after {
    font-size: 8rem;
  }
  /* line 332, ../scss/common.scss */
  #worlds-best-of-seven p strong {
    margin-top: 15px;
    letter-spacing: .2rem;
  }
}
@media screen and (max-width: 599px) {
  /* line 340, ../scss/common.scss */
  #worlds-best-of-seven {
    padding-top: 50px;
  }
  /* line 343, ../scss/common.scss */
  #worlds-best-of-seven p span {
    font-size: 2rem;
  }
  /* line 345, ../scss/common.scss */
  #worlds-best-of-seven p span::after {
    font-size: 7.2rem;
  }
  /* line 349, ../scss/common.scss */
  #worlds-best-of-seven p strong {
    font-size: 1.5rem;
  }
}
/* line 356, ../scss/common.scss */
#continuous-carousel {
  margin: 20px auto 0;
}
/* line 358, ../scss/common.scss */
#continuous-carousel li {
  width: 400px;
  margin: 0 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  outline: none;
}
/* line 364, ../scss/common.scss */
#continuous-carousel li > img {
  display: block;
  width: 100%;
}
@media screen and (max-width: 1199px) {
  /* line 358, ../scss/common.scss */
  #continuous-carousel li {
    width: 360px;
  }
}
@media screen and (max-width: 959px) {
  /* line 358, ../scss/common.scss */
  #continuous-carousel li {
    width: 320px;
    margin: 0 7px;
  }
}
@media screen and (max-width: 599px) {
  /* line 358, ../scss/common.scss */
  #continuous-carousel li {
    width: 280px;
    margin: 0 5px;
  }
}

/* line 382, ../scss/common.scss */
#application {
  padding-top: 160px;
}
/* line 384, ../scss/common.scss */
#application h1 {
  text-align: center;
}
/* line 386, ../scss/common.scss */
#application h1 span {
  font-size: 2.6rem;
}
/* line 389, ../scss/common.scss */
#application h1 strong {
  margin-top: 15px;
  font-size: 5.5rem;
  color: #B4A763;
}
/* line 395, ../scss/common.scss */
#application p {
  margin-top: 40px;
  text-align: center;
  font-size: 2.2rem;
  line-height: 2.1;
}

@media screen and (max-width: 1199px) {
  /* line 403, ../scss/common.scss */
  #application {
    padding-top: 120px;
  }
  /* line 406, ../scss/common.scss */
  #application h1 span {
    font-size: 2.4rem;
  }
  /* line 409, ../scss/common.scss */
  #application h1 strong {
    margin-top: 15px;
    font-size: 4.8rem;
  }
  /* line 414, ../scss/common.scss */
  #application p {
    margin-top: 30px;
    font-size: 2rem;
    line-height: 2;
  }
}
@media screen and (max-width: 959px) {
  /* line 422, ../scss/common.scss */
  #application {
    padding-top: 80px;
  }
  /* line 425, ../scss/common.scss */
  #application h1 span {
    font-size: 2.2rem;
  }
  /* line 428, ../scss/common.scss */
  #application h1 strong {
    margin-top: 15px;
    font-size: 4rem;
  }
  /* line 433, ../scss/common.scss */
  #application p {
    margin-top: 30px;
    font-size: 1.8rem;
    text-align: left;
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
  }
  /* line 440, ../scss/common.scss */
  #application p br {
    display: none;
  }
}
@media screen and (max-width: 599px) {
  /* line 447, ../scss/common.scss */
  #application {
    padding-top: 60px;
  }
  /* line 450, ../scss/common.scss */
  #application h1 span {
    font-size: 2rem;
  }
  /* line 453, ../scss/common.scss */
  #application h1 strong {
    margin-top: 15px;
    font-size: 3rem;
  }
  /* line 458, ../scss/common.scss */
  #application p {
    margin-top: 20px;
    font-size: 1.6rem;
  }
}
/* line 465, ../scss/common.scss */
#great-scroll {
  padding-top: 200px;
}
/* line 467, ../scss/common.scss */
#great-scroll h1 {
  margin-bottom: 100px;
}
/* line 469, ../scss/common.scss */
#great-scroll h1 em {
  font-size: 4.3rem;
  color: #B4A763;
}
/* line 473, ../scss/common.scss */
#great-scroll h1 strong {
  font-size: 6rem;
  color: #B4A763;
}
/* line 477, ../scss/common.scss */
#great-scroll h1 span {
  margin-top: 30px;
  padding-left: .4rem;
  font-size: 3.2rem;
  letter-spacing: 2.6rem;
}
/* line 485, ../scss/common.scss */
#great-scroll > section h2 {
  margin-bottom: 40px;
}
/* line 487, ../scss/common.scss */
#great-scroll > section h2 em {
  font-size: 8rem;
  letter-spacing: .6rem;
  font-family: "Josefin Sans", sans-serif;
  color: #B4A763;
  line-height: 1;
}
/* line 494, ../scss/common.scss */
#great-scroll > section h2 span {
  margin-top: 15px;
  font-size: 2.6rem;
  font-family: "Josefin Sans", sans-serif;
}
/* line 499, ../scss/common.scss */
#great-scroll > section h2 strong {
  margin-top: 20px;
  font-size: 5rem;
  font-family: "見出ゴMB1", "Midashi Go MB1";
}
/* line 503, ../scss/common.scss */
#great-scroll > section h2 strong sup {
  font-size: 1.2rem;
  position: relative;
  top: -3rem;
}
/* line 508, ../scss/common.scss */
#great-scroll > section h2 strong.small {
  font-size: 4.5rem;
}
/* line 513, ../scss/common.scss */
#great-scroll > section .flex-wrapper {
  margin-top: 80px;
}
/* line 515, ../scss/common.scss */
#great-scroll > section .flex-wrapper > * {
  width: calc(50% - 40px);
}
/* line 519, ../scss/common.scss */
#great-scroll > section h3 {
  margin-bottom: 30px;
  font-size: 3rem;
  font-family: "見出ゴMB1", "Midashi Go MB1";
  color: #B4A763;
  white-space: nowrap;
}
/* line 527, ../scss/common.scss */
#great-scroll > section .text p {
  text-align: justify;
}
/* line 532, ../scss/common.scss */
#great-scroll > section .img strong {
  text-align: center;
  display: block;
  font-size: 2.5rem;
  font-family: "見出ゴMB1", "Midashi Go MB1";
  line-height: 1;
}
/* line 543, ../scss/common.scss */
#great-scroll > section .mt {
  margin-top: 160px;
}
/* line 546, ../scss/common.scss */
#great-scroll > section figcaption.small {
  font-size: 1.6rem;
}
/* line 549, ../scss/common.scss */
#great-scroll > section .remark {
  display: block;
  margin-left: 2rem;
  position: relative;
}
/* line 553, ../scss/common.scss */
#great-scroll > section .remark::before {
  content: "※";
  position: absolute;
  left: -2rem;
}

@media screen and (max-width: 1199px) {
  /* line 562, ../scss/common.scss */
  #great-scroll {
    padding-top: 120px;
  }
  /* line 564, ../scss/common.scss */
  #great-scroll h1 {
    margin-bottom: 80px;
  }
  /* line 566, ../scss/common.scss */
  #great-scroll h1 em {
    font-size: 3.4rem;
  }
  /* line 569, ../scss/common.scss */
  #great-scroll h1 strong {
    font-size: 4.8rem;
  }
  /* line 572, ../scss/common.scss */
  #great-scroll h1 span {
    margin-top: 20px;
    font-size: 2.6rem;
    letter-spacing: 1.8rem;
  }
  /* line 579, ../scss/common.scss */
  #great-scroll > section h2 {
    margin-bottom: 30px;
  }
  /* line 581, ../scss/common.scss */
  #great-scroll > section h2 em {
    font-size: 7.2rem;
    letter-spacing: .5rem;
  }
  /* line 585, ../scss/common.scss */
  #great-scroll > section h2 span {
    margin-top: 12px;
    font-size: 2.4rem;
  }
  /* line 589, ../scss/common.scss */
  #great-scroll > section h2 strong {
    margin-top: 20px;
    font-size: 3.6rem;
  }
  /* line 592, ../scss/common.scss */
  #great-scroll > section h2 strong sup {
    top: -2.4rem;
  }
  /* line 595, ../scss/common.scss */
  #great-scroll > section h2 strong.small {
    font-size: 3.2rem;
  }
  /* line 600, ../scss/common.scss */
  #great-scroll > section .flex-wrapper {
    margin-top: 70px;
  }
  /* line 602, ../scss/common.scss */
  #great-scroll > section .flex-wrapper > * {
    width: calc(50% - 25px);
  }
  /* line 606, ../scss/common.scss */
  #great-scroll > section h3 {
    margin-bottom: 30px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 1199px) and (max-width: 1079px) {
  /* line 606, ../scss/common.scss */
  #great-scroll > section h3 {
    margin-bottom: 25px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 615, ../scss/common.scss */
  #great-scroll > section .img strong {
    font-size: 2rem;
  }
  /* line 619, ../scss/common.scss */
  #great-scroll > section .mt {
    margin-top: 140px;
  }
}
@media screen and (max-width: 959px) {
  /* line 626, ../scss/common.scss */
  #great-scroll {
    padding-top: 100px;
    max-width: 720px;
    width: 100%;
    margin: 0 auto;
  }
  /* line 631, ../scss/common.scss */
  #great-scroll h1 {
    margin-bottom: 60px;
  }
  /* line 633, ../scss/common.scss */
  #great-scroll h1 em {
    font-size: 3rem;
  }
  /* line 636, ../scss/common.scss */
  #great-scroll h1 strong {
    font-size: 4rem;
  }
  /* line 639, ../scss/common.scss */
  #great-scroll h1 span {
    margin-top: 20px;
    padding-left: .3rem;
    font-size: 2.4rem;
    letter-spacing: 1.5rem;
  }
  /* line 647, ../scss/common.scss */
  #great-scroll > section h2 {
    margin-bottom: 25px;
  }
  /* line 649, ../scss/common.scss */
  #great-scroll > section h2 em {
    font-size: 6.4rem;
    letter-spacing: .4rem;
  }
  /* line 653, ../scss/common.scss */
  #great-scroll > section h2 span {
    font-size: 2.2rem;
  }
  /* line 656, ../scss/common.scss */
  #great-scroll > section h2 strong {
    margin-top: 20px;
    font-size: 3.2rem;
  }
  /* line 659, ../scss/common.scss */
  #great-scroll > section h2 strong sup {
    top: -2rem;
  }
  /* line 662, ../scss/common.scss */
  #great-scroll > section h2 strong.small {
    font-size: 2.8rem;
  }
  /* line 667, ../scss/common.scss */
  #great-scroll > section .flex-wrapper {
    margin-top: 60px;
  }
  /* line 669, ../scss/common.scss */
  #great-scroll > section .flex-wrapper > * {
    width: 100%;
  }
  /* line 672, ../scss/common.scss */
  #great-scroll > section .flex-wrapper .img {
    margin-top: 20px;
  }
  /* line 676, ../scss/common.scss */
  #great-scroll > section h3 {
    margin-bottom: 25px;
    font-size: 2rem;
  }
  /* line 681, ../scss/common.scss */
  #great-scroll > section .img strong {
    font-size: 1.8rem;
  }
  /* line 685, ../scss/common.scss */
  #great-scroll > section .mt {
    margin-top: 30px;
  }
  /* line 688, ../scss/common.scss */
  #great-scroll > section .remark {
    margin-left: 1.6rem;
  }
  /* line 690, ../scss/common.scss */
  #great-scroll > section .remark::before {
    left: -1.6rem;
  }
}
@media screen and (max-width: 599px) {
  /* line 698, ../scss/common.scss */
  #great-scroll {
    padding-top: 60px;
  }
  /* line 700, ../scss/common.scss */
  #great-scroll h1 {
    margin-bottom: 40px;
  }
  /* line 702, ../scss/common.scss */
  #great-scroll h1 em {
    font-size: 2.3rem;
  }
  /* line 705, ../scss/common.scss */
  #great-scroll h1 strong {
    font-size: 3.2rem;
  }
  /* line 708, ../scss/common.scss */
  #great-scroll h1 span {
    margin-top: 15px;
    font-size: 2rem;
    letter-spacing: 1rem;
  }
  /* line 715, ../scss/common.scss */
  #great-scroll > section h2 {
    margin-bottom: 20px;
  }
  /* line 717, ../scss/common.scss */
  #great-scroll > section h2 em {
    font-size: 4.8rem;
    letter-spacing: .3rem;
  }
  /* line 721, ../scss/common.scss */
  #great-scroll > section h2 span {
    font-size: 2rem;
  }
  /* line 724, ../scss/common.scss */
  #great-scroll > section h2 strong {
    font-size: 2.8rem;
  }
  /* line 726, ../scss/common.scss */
  #great-scroll > section h2 strong sup {
    top: -1.6rem;
  }
  /* line 729, ../scss/common.scss */
  #great-scroll > section h2 strong.small {
    font-size: 2.4rem;
  }
  /* line 734, ../scss/common.scss */
  #great-scroll > section .flex-wrapper {
    margin-top: 40px;
  }
  /* line 737, ../scss/common.scss */
  #great-scroll > section h3 {
    margin-bottom: 20px;
    font-size: 1.8rem;
    white-space: normal;
  }
  /* line 743, ../scss/common.scss */
  #great-scroll > section .img strong {
    font-size: 1.6rem;
  }
  /* line 747, ../scss/common.scss */
  #great-scroll > section .mt {
    margin-top: 20px;
  }
}
/* line 754, ../scss/common.scss */
#first-development {
  position: relative;
}
/* line 756, ../scss/common.scss */
#first-development .img1 {
  max-width: 480px;
  margin: 30px auto 70px;
}
/* line 760, ../scss/common.scss */
#first-development .img2 {
  max-width: 460px;
  margin: 30px auto 0;
}
/* line 764, ../scss/common.scss */
#first-development .img4 {
  max-width: 580px;
  margin: 20px auto 0;
}
/* line 768, ../scss/common.scss */
#first-development .img3 {
  max-width: 460px;
  margin: 30px auto 60px;
  width: 100%;
  padding-top: 75%;
  height: 0;
  position: relative;
}
/* line 775, ../scss/common.scss */
#first-development .img3 > video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 959px) {
  /* line 786, ../scss/common.scss */
  #first-development .img {
    margin-top: 50px;
  }
  /* line 789, ../scss/common.scss */
  #first-development .img1 {
    margin: 30px auto 40px;
  }
  /* line 792, ../scss/common.scss */
  #first-development .img2 {
    margin: 40px auto 0;
  }
  /* line 795, ../scss/common.scss */
  #first-development .img3 {
    margin: 40px auto 40px;
    padding-top: 50%;
  }
  /* line 799, ../scss/common.scss */
  #first-development .img4 {
    margin: 30px auto 0;
  }
}
@media screen and (max-width: 599px) {
  /* line 806, ../scss/common.scss */
  #first-development .img {
    margin-top: 30px;
  }
  /* line 809, ../scss/common.scss */
  #first-development .img1 {
    margin: 20px auto 30px;
  }
  /* line 812, ../scss/common.scss */
  #first-development .img2 {
    margin: 30px auto 0;
  }
  /* line 815, ../scss/common.scss */
  #first-development .img3 {
    margin: 30px auto 30px;
    padding-top: 75%;
  }
  /* line 819, ../scss/common.scss */
  #first-development .img4 {
    margin: 20px auto 0;
  }
}
/* line 825, ../scss/common.scss */
#global-supply-network {
  position: relative;
}
/* line 827, ../scss/common.scss */
#global-supply-network .map {
  margin: 100px auto;
  max-width: 1200px;
}

@media screen and (max-width: 959px) {
  /* line 837, ../scss/common.scss */
  #global-supply-network .map {
    margin: 80px auto;
  }
}
@media screen and (max-width: 599px) {
  /* line 844, ../scss/common.scss */
  #global-supply-network .map {
    margin: 60px auto;
  }
}
/* line 851, ../scss/common.scss */
#ryoga .img-wrapper {
  margin-bottom: 20px;
}

/* line 857, ../scss/common.scss */
#lineup {
  position: relative;
}

/* line 861, ../scss/common.scss */
#specs .flex-wrapper {
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
}
/* line 864, ../scss/common.scss */
#specs .flex-wrapper h3 {
  margin-right: 2rem;
  margin-bottom: 0;
  display: inline-block;
  width: 330px;
  text-align: center;
  padding: .9rem 0 .8rem;
  font-size: 3rem;
  background-color: black;
  color: white;
  line-height: 1;
  border-radius: 10px;
}
/* line 877, ../scss/common.scss */
#specs .flex-wrapper.products {
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  text-align: center;
}
/* line 881, ../scss/common.scss */
#specs .flex-wrapper.products figcaption {
  margin-top: 30px;
  white-space: nowrap;
}
/* line 886, ../scss/common.scss */
#specs .flex-wrapper .img1 {
  width: 211px;
}
/* line 889, ../scss/common.scss */
#specs .flex-wrapper .img2 {
  margin: 0 160px;
  width: 223px;
}
/* line 893, ../scss/common.scss */
#specs .flex-wrapper .img3 {
  width: 211px;
}
/* line 896, ../scss/common.scss */
#specs .flex-wrapper .img4 {
  width: 99px;
}
/* line 899, ../scss/common.scss */
#specs .flex-wrapper .img5 {
  margin: 0 100px;
  width: 129px;
}
/* line 903, ../scss/common.scss */
#specs .flex-wrapper .img6 {
  width: 172px;
}
/* line 906, ../scss/common.scss */
#specs .flex-wrapper .img7 {
  margin: 0 100px;
  width: 202px;
}
/* line 910, ../scss/common.scss */
#specs .flex-wrapper .img8 {
  width: 231px;
}
/* line 913, ../scss/common.scss */
#specs .flex-wrapper .img9 {
  width: 207px;
}
/* line 916, ../scss/common.scss */
#specs .flex-wrapper .img10 {
  margin: 0 160px;
  width: 228px;
}
/* line 920, ../scss/common.scss */
#specs .flex-wrapper .img11 {
  width: 254px;
}
/* line 924, ../scss/common.scss */
#specs table {
  margin-top: 60px;
  width: 100%;
}
/* line 928, ../scss/common.scss */
#specs table thead th {
  font-size: 2rem;
  font-family: "見出ゴMB1", "Midashi Go MB1";
  line-height: 1.3;
}
/* line 934, ../scss/common.scss */
#specs table th, #specs table td {
  width: calc(100% / 3);
  padding: .6rem 1rem;
  text-align: center;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
}
/* line 940, ../scss/common.scss */
#specs table th:last-child, #specs table td:last-child {
  border-right: none;
}
/* line 947, ../scss/common.scss */
#specs table tbody tr:last-child th, #specs table tbody tr:last-child td {
  border-bottom: none;
}
/* line 951, ../scss/common.scss */
#specs table tbody tr .noborder {
  border-bottom: none;
}
/* line 959, ../scss/common.scss */
#specs #pump table th, #specs #pump table td {
  width: calc(100% / 4);
}
/* line 965, ../scss/common.scss */
#specs .download-btn {
  display: block;
  width: 280px;
  height: 40px;
  border: 1px solid black;
  border-radius: 20px;
  position: relative;
  color: black;
  margin: 40px auto 20px;
}
/* line 974, ../scss/common.scss */
#specs .download-btn > span {
  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%);
  white-space: nowrap;
}
/* line 979, ../scss/common.scss */
#specs .note {
  text-align: center;
  font-size: 1.6rem;
}

@media screen and (max-width: 1199px) {
  /* line 987, ../scss/common.scss */
  #specs .flex-wrapper h3 {
    margin-right: 2rem;
    width: 330px;
    padding: .9rem 0 .8rem;
    font-size: 2.6rem;
  }
  /* line 994, ../scss/common.scss */
  #specs .flex-wrapper.products figcaption {
    margin-top: 30px;
  }
  /* line 998, ../scss/common.scss */
  #specs .flex-wrapper .img2 {
    margin: 0 100px;
  }
  /* line 1001, ../scss/common.scss */
  #specs .flex-wrapper .img5 {
    margin: 0 100px;
  }
  /* line 1004, ../scss/common.scss */
  #specs .flex-wrapper .img7 {
    margin: 0 100px;
  }
  /* line 1007, ../scss/common.scss */
  #specs .flex-wrapper .img10 {
    margin: 0 160px;
  }
  /* line 1011, ../scss/common.scss */
  #specs table {
    margin-top: 60px;
  }
  /* line 1014, ../scss/common.scss */
  #specs table thead th {
    font-size: 2rem;
  }
  /* line 1018, ../scss/common.scss */
  #specs table th, #specs table td {
    padding: .6rem 1rem;
  }
  /* line 1022, ../scss/common.scss */
  #specs .note {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 959px) {
  /* line 1030, ../scss/common.scss */
  #specs .flex-wrapper h3 {
    margin-right: 0;
    width: 330px;
    margin: 0 auto;
    font-size: 2.2rem;
  }
  /* line 1035, ../scss/common.scss */
  #specs .flex-wrapper h3 ~ p {
    margin-top: 10px;
    text-align: center;
  }
  /* line 1040, ../scss/common.scss */
  #specs .flex-wrapper.products {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
  }
  /* line 1043, ../scss/common.scss */
  #specs .flex-wrapper.products figcaption {
    margin-top: 20px;
    margin-bottom: 40px;
  }
  /* line 1048, ../scss/common.scss */
  #specs .flex-wrapper .img2 {
    margin: 0 100px;
  }
  /* line 1051, ../scss/common.scss */
  #specs .flex-wrapper .img5 {
    margin: 0 100px;
  }
  /* line 1054, ../scss/common.scss */
  #specs .flex-wrapper .img7 {
    margin: 0 100px;
  }
  /* line 1057, ../scss/common.scss */
  #specs .flex-wrapper .img10 {
    margin: 0 160px;
  }
  /* line 1061, ../scss/common.scss */
  #specs table {
    margin-top: 20px;
  }
  /* line 1064, ../scss/common.scss */
  #specs table thead th {
    font-size: 1.8rem;
  }
  /* line 1068, ../scss/common.scss */
  #specs table th, #specs table td {
    padding: .6rem 1rem;
  }
  /* line 1072, ../scss/common.scss */
  #specs .download-btn {
    margin-top: 10px;
  }
}
@media screen and (max-width: 599px) {
  /* line 1080, ../scss/common.scss */
  #specs .flex-wrapper h3 {
    font-size: 2rem;
  }
  /* line 1084, ../scss/common.scss */
  #specs .flex-wrapper.products figcaption {
    margin-top: 20px;
    margin-bottom: 30px;
  }
  /* line 1089, ../scss/common.scss */
  #specs .flex-wrapper .img2 {
    margin: 0;
  }
  /* line 1092, ../scss/common.scss */
  #specs .flex-wrapper .img5 {
    margin: 0;
  }
  /* line 1095, ../scss/common.scss */
  #specs .flex-wrapper .img7 {
    margin: 0;
  }
  /* line 1098, ../scss/common.scss */
  #specs .flex-wrapper .img10 {
    margin: 0;
  }
  /* line 1102, ../scss/common.scss */
  #specs table {
    margin-top: 20px;
  }
  /* line 1105, ../scss/common.scss */
  #specs table thead th {
    font-size: 1.6rem;
    line-height: 1.2;
  }
  /* line 1110, ../scss/common.scss */
  #specs table th, #specs table td {
    padding: .6rem 1rem;
    font-size: 1.5rem;
    line-height: 1.3;
  }
  /* line 1116, ../scss/common.scss */
  #specs .note {
    font-size: 1.5rem;
  }
}
/* line 1122, ../scss/common.scss */
#silent {
  padding-top: 20px;
  position: relative;
}

@media screen and (max-width: 959px) {
  /* line 1128, ../scss/common.scss */
  #silent .img1 {
    max-width: 480px;
    margin: 0 auto;
  }
  /* line 1132, ../scss/common.scss */
  #silent .img2 {
    max-width: 480px;
    margin: 30px auto 40px;
  }
}
/* line 1139, ../scss/common.scss */
#energy-saving {
  padding-top: 20px;
}

/* line 1143, ../scss/common.scss */
#class-zero_clean-air {
  padding-top: 80px;
}
/* line 1145, ../scss/common.scss */
#class-zero_clean-air .img.flex-wrapper {
  margin-top: 0;
}
/* line 1147, ../scss/common.scss */
#class-zero_clean-air .img.flex-wrapper > .img-wrapper {
  width: 48%;
}
/* line 1149, ../scss/common.scss */
#class-zero_clean-air .img.flex-wrapper > .img-wrapper figcaption {
  margin-bottom: 2rem;
  font-size: 1.6rem;
  font-family: "見出ゴMB1", "Midashi Go MB1";
  text-align: center;
}
/* line 1157, ../scss/common.scss */
#class-zero_clean-air .text.flex-wrapper {
  margin-top: 0;
}
/* line 1159, ../scss/common.scss */
#class-zero_clean-air .text.flex-wrapper > div {
  width: calc(100% - 160px);
}
/* line 1162, ../scss/common.scss */
#class-zero_clean-air .text.flex-wrapper > .img-wrapper {
  width: 140px;
}

@media screen and (max-width: 959px) {
  /* line 1170, ../scss/common.scss */
  #class-zero_clean-air {
    padding-top: 60px;
  }
  /* line 1172, ../scss/common.scss */
  #class-zero_clean-air .img1, #class-zero_clean-air .img2 {
    margin-top: 30px;
  }
  /* line 1175, ../scss/common.scss */
  #class-zero_clean-air .img4, #class-zero_clean-air .img5 {
    margin-top: 30px;
  }
}
@media screen and (max-width: 599px) {
  /* line 1181, ../scss/common.scss */
  #class-zero_clean-air {
    padding-top: 40px;
  }
  /* line 1183, ../scss/common.scss */
  #class-zero_clean-air .img1, #class-zero_clean-air .img2 {
    margin-top: 25px;
  }
  /* line 1186, ../scss/common.scss */
  #class-zero_clean-air .img4, #class-zero_clean-air .img5 {
    margin-top: 25px;
  }
  /* line 1191, ../scss/common.scss */
  #class-zero_clean-air .img.flex-wrapper > .img-wrapper figcaption {
    font-size: 1.4rem;
  }
  /* line 1197, ../scss/common.scss */
  #class-zero_clean-air .text.flex-wrapper > div {
    width: calc(100% - 95px);
  }
  /* line 1200, ../scss/common.scss */
  #class-zero_clean-air .text.flex-wrapper > .img-wrapper {
    width: 80px;
  }
}
/* line 1207, ../scss/common.scss */
#amazon-gift-banner {
  max-width: 660px;
  width: 100%;
  margin: 240px auto 0;
}

/* line 1212, ../scss/common.scss */
#note {
  margin-top: 80px;
  text-align: center;
}

@media screen and (max-width: 1199px) {
  /* line 1217, ../scss/common.scss */
  #amazon-gift-banner {
    margin: 160px auto 0;
  }

  /* line 1220, ../scss/common.scss */
  #note {
    margin-top: 80px;
    text-align: center;
  }
}
@media screen and (max-width: 959px) {
  /* line 1226, ../scss/common.scss */
  #amazon-gift-banner {
    margin: 100px auto 0;
  }

  /* line 1229, ../scss/common.scss */
  #note {
    margin-top: 60px;
  }
}
@media screen and (max-width: 599px) {
  /* line 1234, ../scss/common.scss */
  #amazon-gift-banner {
    margin: 80px auto 0;
  }

  /* line 1237, ../scss/common.scss */
  #note {
    margin-top: 50px;
  }
}
/* line 1242, ../scss/common.scss */
.bg-scroll {
  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%);
  width: 100vw;
  height: auto;
  z-index: -1;
}

/* line 1249, ../scss/common.scss */
footer {
  height: 70px;
  background-color: black;
  position: relative;
  top: 0;
  left: 0;
  z-index: 2;
}
/* line 1256, ../scss/common.scss */
footer > p {
  text-align: center;
  color: white;
  padding: 20px 0;
}

@media screen and (max-width: 599px) {
  /* line 1265, ../scss/common.scss */
  footer > p {
    padding: 16px 0;
    font-size: 1.4rem;
    line-height: 1.3;
  }
}
/* line 1274, ../scss/common.scss */
.animate.fadeup {
  opacity: 0;
  -moz-transform: translateY(40px);
  -ms-transform: translateY(40px);
  -webkit-transform: translateY(40px);
  transform: translateY(40px);
}
/* line 1277, ../scss/common.scss */
.animate.fadeup.is-on {
  opacity: 1;
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -moz-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 1283, ../scss/common.scss */
.animate.blurin {
  opacity: 0;
}
/* line 1285, ../scss/common.scss */
.animate.blurin.is-on {
  opacity: 1;
  -moz-animation: blurin 2s cubic-bezier(0.19, 1, 0.22, 1) forwards;
  -webkit-animation: blurin 2s cubic-bezier(0.19, 1, 0.22, 1) forwards;
  animation: blurin 2s cubic-bezier(0.19, 1, 0.22, 1) forwards;
}

@keyframes blurin {
  0% {
    -webkit-filter: blur(12px) opacity(0%);
    filter: blur(12px) opacity(0%);
  }
  100% {
    -webkit-filter: blur(0) opacity(100%);
    filter: blur(0) opacity(100%);
  }
}
/* 2021/06 LP第二弾用コード */
/* line 1301, ../scss/common.scss */
#dry-scroll-pump {
  margin-top: 400px;
  position: relative;
}
/* line 1304, ../scss/common.scss */
#dry-scroll-pump > .flex-wrapper {
  padding-top: 120px;
  position: relative;
  z-index: 2;
}
/* line 1308, ../scss/common.scss */
#dry-scroll-pump > .flex-wrapper:first-child {
  padding-top: 0;
}
/* line 1310, ../scss/common.scss */
#dry-scroll-pump > .flex-wrapper:first-child::after {
  content: "";
  display: block;
  width: 400px;
  height: 400px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../img/new/new-topics.png);
  position: absolute;
  top: -200px;
  right: -200px;
  z-index: 3;
}
/* line 1323, ../scss/common.scss */
#dry-scroll-pump > .flex-wrapper .text {
  width: calc(50% - 40px);
}
/* line 1325, ../scss/common.scss */
#dry-scroll-pump > .flex-wrapper .text > p {
  margin-top: 60px;
  text-align: justify;
}
/* line 1330, ../scss/common.scss */
#dry-scroll-pump > .flex-wrapper .img {
  width: calc(50% - 40px);
}
/* line 1332, ../scss/common.scss */
#dry-scroll-pump > .flex-wrapper .img.half {
  background-color: white;
  padding: 20px;
}
/* line 1335, ../scss/common.scss */
#dry-scroll-pump > .flex-wrapper .img.half > img {
  width: 40%;
  margin: 0 auto;
}
/* line 1341, ../scss/common.scss */
#dry-scroll-pump > .flex-wrapper h2.new {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
  font-size: 4rem;
  font-family: "見出ゴMB1", "Midashi Go MB1";
  white-space: nowrap;
}
@media screen and (max-width: 1559px) {
  /* line 1341, ../scss/common.scss */
  #dry-scroll-pump > .flex-wrapper h2.new {
    font-size: 3.2rem;
  }
}
/* line 1351, ../scss/common.scss */
#dry-scroll-pump > .flex-wrapper h2.new sup {
  font-size: 1.2rem;
  position: relative;
  top: -2.4rem;
}
/* line 1357, ../scss/common.scss */
#dry-scroll-pump > .flex-wrapper h2.new br.below-1319 {
  display: none;
}
@media screen and (max-width: 1319px) {
  /* line 1357, ../scss/common.scss */
  #dry-scroll-pump > .flex-wrapper h2.new br.below-1319 {
    display: block;
  }
}
@media screen and (max-width: 959px) {
  /* line 1357, ../scss/common.scss */
  #dry-scroll-pump > .flex-wrapper h2.new br.below-1319 {
    display: none;
  }
}
@media screen and (max-width: 719px) {
  /* line 1357, ../scss/common.scss */
  #dry-scroll-pump > .flex-wrapper h2.new br.below-1319 {
    display: block;
  }
}
/* line 1370, ../scss/common.scss */
#dry-scroll-pump > .flex-wrapper h2.new::before {
  content: "";
  display: block;
  width: 134px;
  height: 134px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 10px;
  background-image: url(../img/new/new-icon.png);
}
/* line 1380, ../scss/common.scss */
#dry-scroll-pump > .flex-wrapper h3 {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  font-size: 2.8rem;
  font-family: "見出ゴMB1", "Midashi Go MB1";
  line-height: 1.5;
  white-space: nowrap;
}
@media screen and (max-width: 1559px) {
  /* line 1380, ../scss/common.scss */
  #dry-scroll-pump > .flex-wrapper h3 {
    white-space: normal;
  }
  /* line 1390, ../scss/common.scss */
  #dry-scroll-pump > .flex-wrapper h3 br {
    display: none;
  }
}
/* line 1394, ../scss/common.scss */
#dry-scroll-pump > .flex-wrapper h3::before {
  content: "Q.";
  margin-right: 10px;
  font-family: "Josefin Sans", sans-serif;
  color: #B4A763;
}
/* line 1402, ../scss/common.scss */
#dry-scroll-pump .bg {
  position: absolute;
  top: 50px;
  left: 0;
  z-index: 1;
  width: 100vw;
  height: calc(100% - 360px);
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  background-color: rgba(180, 167, 99, 0.3);
}
/* line 1412, ../scss/common.scss */
#dry-scroll-pump .bg::before, #dry-scroll-pump .bg::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%);
  width: 4000px;
  height: 699px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-repeat: repeat-x;
  background-image: url(../img/new/new-bg.png);
}
/* line 1421, ../scss/common.scss */
#dry-scroll-pump .bg::before {
  top: -699px;
}
/* line 1424, ../scss/common.scss */
#dry-scroll-pump .bg::after {
  -moz-transform: translateX(-50%) rotate(180deg);
  -ms-transform: translateX(-50%) rotate(180deg);
  -webkit-transform: translateX(-50%) rotate(180deg);
  transform: translateX(-50%) rotate(180deg);
  top: auto;
  bottom: -699px;
}

@media screen and (max-width: 1199px) {
  /* line 1432, ../scss/common.scss */
  #dry-scroll-pump {
    margin-top: 280px;
  }
  /* line 1434, ../scss/common.scss */
  #dry-scroll-pump > .flex-wrapper {
    padding-top: 100px;
  }
  /* line 1437, ../scss/common.scss */
  #dry-scroll-pump > .flex-wrapper:first-child::after {
    width: 300px;
    height: 300px;
    top: -150px;
    right: -150px;
  }
  /* line 1444, ../scss/common.scss */
  #dry-scroll-pump > .flex-wrapper .text {
    width: calc(50% - 25px);
  }
  /* line 1446, ../scss/common.scss */
  #dry-scroll-pump > .flex-wrapper .text > p {
    margin-top: 40px;
  }
  /* line 1450, ../scss/common.scss */
  #dry-scroll-pump > .flex-wrapper .img {
    width: calc(50% - 25px);
  }
  /* line 1453, ../scss/common.scss */
  #dry-scroll-pump > .flex-wrapper h2.new {
    font-size: 3.2rem;
  }
  /* line 1456, ../scss/common.scss */
  #dry-scroll-pump > .flex-wrapper h3 {
    font-size: 2rem;
  }
  /* line 1461, ../scss/common.scss */
  #dry-scroll-pump .bg::before, #dry-scroll-pump .bg::after {
    width: 1440px;
    height: 524px;
  }
  /* line 1465, ../scss/common.scss */
  #dry-scroll-pump .bg::before {
    top: -524px;
  }
  /* line 1468, ../scss/common.scss */
  #dry-scroll-pump .bg::after {
    bottom: -524px;
  }
}
@media screen and (max-width: 959px) {
  /* line 1475, ../scss/common.scss */
  #dry-scroll-pump {
    max-width: 720px;
    width: 100%;
    margin: 80px auto 40px;
  }
  /* line 1479, ../scss/common.scss */
  #dry-scroll-pump > .flex-wrapper {
    padding-top: 80px;
  }
  /* line 1482, ../scss/common.scss */
  #dry-scroll-pump > .flex-wrapper:first-child::after {
    width: 200px;
    height: 200px;
    top: -40px;
    right: -100px;
  }
  /* line 1489, ../scss/common.scss */
  #dry-scroll-pump > .flex-wrapper .text {
    width: 100%;
  }
  /* line 1492, ../scss/common.scss */
  #dry-scroll-pump > .flex-wrapper .img {
    margin-top: 40px;
    width: 100%;
  }
  /* line 1496, ../scss/common.scss */
  #dry-scroll-pump > .flex-wrapper h2.new {
    font-size: 3.2rem;
  }
  /* line 1499, ../scss/common.scss */
  #dry-scroll-pump > .flex-wrapper h3 {
    font-size: 2.4rem;
  }
  /* line 1503, ../scss/common.scss */
  #dry-scroll-pump .bg {
    top: 100px;
    height: calc(100% - 240px);
  }
  /* line 1506, ../scss/common.scss */
  #dry-scroll-pump .bg::before, #dry-scroll-pump .bg::after {
    width: 960px;
    height: 349px;
  }
  /* line 1510, ../scss/common.scss */
  #dry-scroll-pump .bg::before {
    top: -349px;
  }
  /* line 1513, ../scss/common.scss */
  #dry-scroll-pump .bg::after {
    bottom: -349px;
  }
}
@media screen and (max-width: 599px) {
  /* line 1520, ../scss/common.scss */
  #dry-scroll-pump {
    margin: 80px auto 20px;
  }
  /* line 1522, ../scss/common.scss */
  #dry-scroll-pump > .flex-wrapper {
    padding-top: 50px;
  }
  /* line 1525, ../scss/common.scss */
  #dry-scroll-pump > .flex-wrapper:first-child::after {
    width: 140px;
    height: 140px;
    top: -25px;
    right: -20px;
    z-index: -1;
  }
  /* line 1534, ../scss/common.scss */
  #dry-scroll-pump > .flex-wrapper .text > p {
    margin-top: 25px;
  }
  /* line 1538, ../scss/common.scss */
  #dry-scroll-pump > .flex-wrapper .img {
    margin-top: 20px;
  }
  /* line 1541, ../scss/common.scss */
  #dry-scroll-pump > .flex-wrapper h2.new {
    font-size: 2.4rem;
  }
  /* line 1543, ../scss/common.scss */
  #dry-scroll-pump > .flex-wrapper h2.new::before {
    width: 80px;
    height: 80px;
  }
  /* line 1548, ../scss/common.scss */
  #dry-scroll-pump > .flex-wrapper h3 {
    font-size: 2rem;
  }
}
@media screen and (max-width: 479px) {
  /* line 1557, ../scss/common.scss */
  #dry-scroll-pump > .flex-wrapper h3 {
    font-size: 1.8rem;
  }
}
/* 言語切り替えボタン 2021/6 */
/* line 1567, ../scss/common.scss */
#langs {
  position: absolute;
  top: 10px;
  right: 140px;
  font-size: 1.8rem;
  font-family: "Josefin Sans", sans-serif;
  font-weight: bold;
}
/* line 1574, ../scss/common.scss */
#langs > a {
  text-decoration: none;
  color: black;
}
/* line 1577, ../scss/common.scss */
#langs > a:hover {
  color: black;
}
/* line 1581, ../scss/common.scss */
#langs span {
  color: #d20000;
}
/* line 1583, ../scss/common.scss */
#langs span::before {
  content: "/";
  margin-right: 5px;
  color: black;
}
/* line 1591, ../scss/common.scss */
#langs.en span::before {
  display: none;
}
/* line 1594, ../scss/common.scss */
#langs.en span::after {
  content: "/";
  margin-left: 5px;
  color: black;
}

@media screen and (max-width: 959px) {
  /* line 1603, ../scss/common.scss */
  #langs {
    right: 120px;
  }
}
@media screen and (max-width: 599px) {
  /* line 1608, ../scss/common.scss */
  #langs {
    right: 90px;
    top: 6px;
    font-size: 1.7rem;
  }
}
