.st-MainContents {
  padding-top: 90px !important;
}

@media screen and (min-width: 769px) {
  .st-MainContents {
    padding-top: 100px !important;
  }
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

button,
input,
select,
textarea {
  background-color: rgba(0, 0, 0, 0);
  color: inherit;
  font-size: inherit;
  line-height: inherit
}

:before {
  text-decoration: inherit;
  vertical-align: inherit
}

:after {
  text-decoration: inherit;
  vertical-align: inherit
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: default;
  font-size: 62.5%
}

article,
aside,
footer,
header,
nav {
  display: block
}

nav ol,
nav ul {
  list-style: none
}

section {
  display: block
}

body {
  margin: 0
}

h1 {
  font-size: 2em;
  margin: .67em 0
}

figcaption,
figure {
  display: block
}

figure {
  margin: 0
}

main {
  display: block
}

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible
}

pre {
  font-family: monospace, monospace;
  font-size: 1em
}

a {
  background-color: rgba(0, 0, 0, 0);
  -ms-touch-action: manipulation;
  touch-action: manipulation
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted
}

b,
strong {
  font-weight: inherit;
  font-weight: bolder
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em
}

dfn {
  font-style: italic
}

mark {
  background-color: #ff0;
  color: #000
}

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

::-moz-selection {
  background-color: #c7000b;
  color: #fff;
  text-shadow: none
}

::selection {
  background-color: #c7000b;
  color: #fff;
  text-shadow: none
}

audio {
  vertical-align: middle;
  display: inline-block
}

audio:not([controls]) {
  display: none;
  height: 0
}

canvas {
  display: inline-block
}

canvas,
iframe {
  vertical-align: middle
}

img {
  vertical-align: bottom;
  border-style: none
}

svg {
  vertical-align: middle;
  fill: currentColor
}

svg:not(:root) {
  overflow: hidden
}

video {
  vertical-align: middle;
  display: inline-block
}

table {
  border-collapse: collapse
}

button {
  margin: 0;
  overflow: visible;
  text-transform: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation
}

button:-moz-focusring {
  outline: 1px dotted ButtonText
}

input {
  overflow: visible;
  -ms-touch-action: manipulation;
  touch-action: manipulation
}

input,
optgroup,
select {
  margin: 0
}

select {
  text-transform: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation
}

select:-moz-focusring {
  color: rgba(0, 0, 0, 0);
  outline: none;
  border: 0;
  box-shadow: none;
  text-shadow: 0 0 0 #fff
}

select:-moz-focusring * {
  color: #373737;
  text-shadow: none
}

textarea {
  margin: 0;
  overflow: auto;
  resize: vertical;
  -ms-touch-action: manipulation;
  touch-action: manipulation
}

[type=button]::-moz-focus-inner,
button::-moz-focus-inner {
  padding: 0;
  border: 0
}

[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
  border: 0
}

legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal
}

progress {
  display: inline-block;
  vertical-align: baseline
}

[type=checkbox],
[type=radio] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto
}

[type=search] {
  outline-offset: -2px
}

::-webkit-file-upload-button {
  font: inherit
}

details,
menu {
  display: block
}

summary {
  display: list-item;
  -ms-touch-action: manipulation;
  touch-action: manipulation
}

template {
  display: none
}

[tabindex],
area,
label {
  -ms-touch-action: manipulation;
  touch-action: manipulation
}

[hidden] {
  display: none
}

[aria-busy=true] {
  cursor: progress
}

[aria-controls] {
  cursor: pointer
}

[aria-disabled] {
  cursor: default
}

[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText
}

[type=button]:-moz-focusring {
  outline: 1px dotted ButtonText
}

[aria-hidden=false][hidden]:not(:focus) {
  clip: rect(0, 0, 0, 0);
  display: inherit;
  position: absolute
}

*,
:after,
:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

address,
blockquote,
dd,
div,
dl,
dt,
form,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
pre,
ul {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-weight: 400
}

.anchor,
.areaAnchor,
hr {
  display: none
}

li {
  list-style: none
}

p {
  word-break: normal
}

option {
  padding-right: 10px
}

input,
select {
  vertical-align: middle
}

@-webkit-keyframes animate-panel {
  0% {
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
  }

  49% {
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  50% {
    -webkit-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  to {
    -webkit-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
  }
}

@keyframes animate-panel {
  0% {
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
  }

  49% {
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  50% {
    -webkit-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  to {
    -webkit-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
  }
}

@-webkit-keyframes animate-content {
  0% {
    visibility: hidden
  }

  49% {
    visibility: hidden
  }

  50% {
    visibility: visible
  }

  to {
    visibility: visible
  }
}

@keyframes animate-content {
  0% {
    visibility: hidden
  }

  49% {
    visibility: hidden
  }

  50% {
    visibility: visible
  }

  to {
    visibility: visible
  }
}

@-webkit-keyframes stickyShow {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
  }

  to {
    -webkit-transform: none;
    transform: none
  }
}

@keyframes stickyShow {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
  }

  to {
    -webkit-transform: none;
    transform: none
  }
}

@-webkit-keyframes stickyHide {
  0% {
    -webkit-transform: none;
    transform: none
  }

  to {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
  }
}

@keyframes stickyHide {
  0% {
    -webkit-transform: none;
    transform: none
  }

  to {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
  }
}

body {
  color: #222;
  background-color: #fff;
  font-size: 1.4rem;
  line-height: 1em;
  letter-spacing: 0;
  font-family: Noto Sans JP, Original Yu Gothic, Yu Gothic, YuGothic, Hiragino Sans, sans-serif;
  font-weight: 400;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

body.is-sp-open {
  height: 100vh;
  overflow: hidden
}

body.is-loading {
  overflow: hidden
}

a {
  color: #222;
  outline: none;
  cursor: pointer;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

img {
  max-width: 100%
}

br.sp {
  display: block
}

br.pc {
  display: none
}

.swiper-button-next,
.swiper-button-prev,
.swiper-pagination-bullet {
  outline: none
}

.not-Found_Inner {
  min-height: 75vh;
  width: 87.46667%;
  margin: auto;
  padding: 45px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.not-Found_Contents {
  text-align: center
}

.not-Found_Title span {
  display: block
}

.not-Found_Title .num {
  color: #c7000b;
  font-size: 7rem;
  line-height: .78571em;
  margin-bottom: 20px
}

.not-Found_Title .en,
.not-Found_Title .num {
  font-family: acumin-pro-condensed, sans-serif;
  font-weight: 800;
  font-style: normal;
  letter-spacing: 0
}

.not-Found_Title .en {
  font-size: 3rem;
  line-height: 1em;
  margin-bottom: 10px
}

.not-Found_Title .ja {
  color: #c7000b;
  font-weight: 700;
  font-size: 2rem;
  line-height: 1em;
  letter-spacing: 0;
  margin-bottom: 20px
}

.not-Found_Text {
  text-align: left;
  font-size: 1.3rem;
  line-height: 1.84615em;
  letter-spacing: .06em;
  margin-bottom: 40px
}

#js-Opening {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.isLoading .series #js-Opening {
  display: none
}

.st-OpeningWrap {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  background-color: #000;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0)
}

.st-OpeningWrap_mask {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0
}

.st-OpeningWrap_mask1 {
  z-index: 2;
  background-color: #000
}

.st-OpeningWrap_mask1,
.st-OpeningWrap_mask2 {
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0)
}

.st-OpeningWrap_mask2 {
  z-index: 1;
  background-color: #222
}

.st-OpeningWrap.is-show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.st-OpeningWrap.is-show .logo-Block_Initial {
  -webkit-animation: initial-translate 1s ease-in-out 1.5s 1 forwards;
  animation: initial-translate 1s ease-in-out 1.5s 1 forwards
}

.st-OpeningWrap.is-show .logo-Block_Initial svg .path {
  -webkit-animation: stroke-anim-solid 1s ease-in-out 1.5s 1 forwards;
  animation: stroke-anim-solid 1s ease-in-out 1.5s 1 forwards
}

.st-OpeningWrap.is-show .logo-Block_Logos .logo {
  -webkit-animation: logo .6s ease-in-out 2.5s 1 forwards;
  animation: logo .6s ease-in-out 2.5s 1 forwards
}

.st-OpeningWrap.is-show .logo-Block_Logos .logo-2 {
  -webkit-animation-delay: 2.55s;
  animation-delay: 2.55s
}

.st-OpeningWrap.is-show .logo-Block_Logos .logo-3 {
  -webkit-animation-delay: 2.6s;
  animation-delay: 2.6s
}

.st-OpeningWrap.is-show .logo-Block_Logos .logo-4 {
  -webkit-animation-delay: 2.65s;
  animation-delay: 2.65s
}

.st-OpeningWrap.is-show .logo-Block_Logos .logo-5 {
  -webkit-animation-delay: 2.7s;
  animation-delay: 2.7s
}

.st-OpeningWrap.is-show .logo-Block_Logos .logo-6 {
  -webkit-animation-delay: 2.75s;
  animation-delay: 2.75s
}

.st-OpeningWrap.is-show .logo-Block_Logos .logo-7 {
  -webkit-animation-delay: 2.8s;
  animation-delay: 2.8s
}

.st-OpeningWrap.is-show .logo-Block_Logos .copy {
  -webkit-animation: logo .2s ease-in-out 1 forwards;
  animation: logo .2s ease-in-out 1 forwards
}

.st-OpeningWrap.is-show .logo-Block_Logos .copy-1 {
  -webkit-animation-delay: 2.83s;
  animation-delay: 2.83s
}

.st-OpeningWrap.is-show .logo-Block_Logos .copy-2 {
  -webkit-animation-delay: 2.86s;
  animation-delay: 2.86s
}

.st-OpeningWrap.is-show .logo-Block_Logos .copy-3 {
  -webkit-animation-delay: 2.89s;
  animation-delay: 2.89s
}

.st-OpeningWrap.is-show .logo-Block_Logos .copy-4 {
  -webkit-animation-delay: 2.92s;
  animation-delay: 2.92s
}

.st-OpeningWrap.is-show .logo-Block_Logos .copy-5 {
  -webkit-animation-delay: 2.95s;
  animation-delay: 2.95s
}

.st-OpeningWrap.is-show .logo-Block_Logos .copy-6 {
  -webkit-animation-delay: 2.98s;
  animation-delay: 2.98s
}

.st-OpeningWrap.is-show .logo-Block_Logos .copy-7 {
  -webkit-animation-delay: 3.01s;
  animation-delay: 3.01s
}

.st-OpeningWrap.is-show .logo-Block_Logos .copy-8 {
  -webkit-animation-delay: 3.04s;
  animation-delay: 3.04s
}

.st-OpeningWrap.is-show .logo-Block_Logos .copy-9 {
  -webkit-animation-delay: 3.07s;
  animation-delay: 3.07s
}

.st-OpeningWrap.is-show .logo-Block_Logos .copy-10 {
  -webkit-animation-delay: 3.1s;
  animation-delay: 3.1s
}

.st-OpeningWrap.is-show .logo-Block_Logos .copy-11 {
  -webkit-animation-delay: 3.13s;
  animation-delay: 3.13s
}

.st-OpeningWrap.is-show .logo-Block_Logos .copy-12 {
  -webkit-animation-delay: 3.16s;
  animation-delay: 3.16s
}

.st-OpeningWrap.is-show .logo-Block_Logos .copy-13 {
  -webkit-animation-delay: 3.19s;
  animation-delay: 3.19s
}

.st-OpeningWrap.is-show .logo-Block_Logos .copy-14 {
  -webkit-animation-delay: 3.22s;
  animation-delay: 3.22s
}

.st-OpeningWrap.is-show .logo-Block_Logos .copy-15 {
  -webkit-animation-delay: 3.25s;
  animation-delay: 3.25s
}

.st-OpeningWrap.is-show .logo-Block_Logos .copy-16 {
  -webkit-animation-delay: 3.28s;
  animation-delay: 3.28s
}

.st-OpeningWrap.is-show .logo-Block_Logos .copy-17 {
  -webkit-animation-delay: 3.31s;
  animation-delay: 3.31s
}

.st-OpeningWrap .logo-Block {
  position: relative;
  z-index: 3;
  width: 270px;
  opacity: 1
}

.st-OpeningWrap .logo-Block_Initial {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 51px;
  height: 35px;
  -webkit-transform: translate(110px);
  -ms-transform: translate(110px);
  transform: translate(110px)
}

.st-OpeningWrap .logo-Block_Initial svg .path {
  stroke: #fff;
  fill: #fff;
  fill-opacity: 0;
  stroke-dasharray: 3000;
  stroke-dashoffset: 3000;
  stroke-width: 1px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.ie11 .st-OpeningWrap .logo-Block_Initial svg .path {
  fill-opacity: 1 !important;
  stroke-dasharray: 0 !important
}

.st-OpeningWrap .logo-Block_Logos .copy,
.st-OpeningWrap .logo-Block_Logos .logo {
  opacity: 0
}

@-webkit-keyframes logo {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes logo {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@-webkit-keyframes stroke-anim-solid {
  0% {
    fill-opacity: 0;
    stroke-dashoffset: 3000
  }

  35% {
    fill-opacity: 0;
    stroke-dashoffset: 2500
  }

  50% {
    fill-opacity: 1;
    stroke-dashoffset: 0
  }

  to {
    fill-opacity: 1;
    stroke-dashoffset: 0
  }
}

@keyframes stroke-anim-solid {
  0% {
    fill-opacity: 0;
    stroke-dashoffset: 3000
  }

  35% {
    fill-opacity: 0;
    stroke-dashoffset: 2500
  }

  50% {
    fill-opacity: 1;
    stroke-dashoffset: 0
  }

  to {
    fill-opacity: 1;
    stroke-dashoffset: 0
  }
}

@-webkit-keyframes initial-translate {
  0% {
    -webkit-transform: translate(110px);
    transform: translate(110px)
  }

  60% {
    -webkit-transform: translate(110px);
    transform: translate(110px);
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  to {
    -webkit-transform: translate(0);
    transform: translate(0);
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }
}

@keyframes initial-translate {
  0% {
    -webkit-transform: translate(110px);
    transform: translate(110px)
  }

  60% {
    -webkit-transform: translate(110px);
    transform: translate(110px);
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  to {
    -webkit-transform: translate(0);
    transform: translate(0);
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }
}

html.isLoading .st-OpeningWrap:before {
  content: "\EA01";
  font-size: 3rem;
  line-height: 1em;
  letter-spacing: 0;
  color: #555;
  width: 30px;
  height: 30px;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 3;
  margin: auto;
  font-family: iconfont;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  font-smoothing: antialiased;
  -webkit-animation: logoT 1.5s infinite both;
  animation: logoT 1.5s infinite both
}

html.isLoading .st-OpeningWrap.is-show:before {
  display: none
}

@-webkit-keyframes logoT {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 1
  }

  24% {
    opacity: 1
  }

  40% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  65% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  82% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  93% {
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  25%,
  55%,
  75%,
  87% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }

  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1
  }
}

@keyframes logoT {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 1
  }

  24% {
    opacity: 1
  }

  40% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  65% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  82% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  93% {
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  25%,
  55%,
  75%,
  87% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }

  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1
  }
}

.st-Breadcrumbs {
  padding-left: 6.66667%;
  overflow: hidden;
  overflow-x: scroll;
  overflow-y: hidden;
  -ms-overflow-style: none;
  scrollbar-width: none;
  background-color: #fff
}

.st-Breadcrumbs::-webkit-scrollbar {
  display: none
}

.st-BreadcrumbsList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
  padding: 9px 0
}

.st-BreadcrumbsList_Item {
  font-size: 1rem;
  line-height: 1.2em;
  letter-spacing: 0;
  padding-right: 10px
}

html[lang=en] .st-BreadcrumbsList_Item {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.2em;
  letter-spacing: .02em
}

.st-BreadcrumbsList_Item:first-child .icf {
  font-size: 0;
  line-height: 0;
  width: 10px
}

.st-BreadcrumbsList_Item:first-child .icf:before {
  font-size: .8rem;
  line-height: 1em;
  letter-spacing: 0
}

.st-BreadcrumbsList_Item:not(:first-child) {
  border-left: 1px solid #ddd;
  padding-left: 10px
}

.st-BreadcrumbsList_Item-link {
  font-weight: 700;
  display: block;
  font-size: .8rem;
  line-height: 1em;
  letter-spacing: 0
}

html[lang=en] .st-BreadcrumbsList_Item-link {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.2em;
  letter-spacing: .02em
}

.st-Footer {
  background-color: #000;
  color: #fff;
  padding: 40px 0
}

.st-Footer a {
  color: #fff
}

.st-Footer_Inner {
  width: 87.46667%;
  margin: auto
}

.st-Footer_Pagetop {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-color: #c7000b;
  position: fixed;
  z-index: 10;
  bottom: 25px;
  right: 25px;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out
}

.st-Footer_Pagetop.is-follow {
  opacity: 1;
  pointer-events: all
}

.st-Footer_Pagetop .icf:before {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  color: #fff;
  width: 7px;
  height: 10px;
  font-size: 1rem;
  line-height: 1em;
  letter-spacing: 0
}

.st-Footer_Social {
  margin-bottom: 35px
}

.st-Footer_Social ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.st-Footer_Social li {
  margin: 0 8px
}

.st-Footer_Social li.facebook a {
  background-color: #1977f3
}

.st-Footer_Social li.facebook a .icf {
  font-size: 1.9rem;
  line-height: 1em;
  letter-spacing: 0
}

.st-Footer_Social li.twitter a {
  background-color: #1da1f2
}

.st-Footer_Social li.twitter a .icf {
  font-size: 1.4rem;
  line-height: 1em;
  letter-spacing: 0
}

.st-Footer_Social li.youtube a {
  background-color: red
}

.st-Footer_Social li.youtube a .icf {
  font-size: 1.3rem;
  line-height: 1em;
  letter-spacing: 0
}

.st-Footer_Social li.lang {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.st-Footer_Social li.lang a {
  font-family: acumin-pro-condensed, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 1.2rem;
  line-height: 3em;
  letter-spacing: 0;
  border-radius: 0
}

.st-Footer_Social li.lang a.current {
  opacity: .2;
  pointer-events: none
}

.st-Footer_Social li.lang p {
  border: 1px solid #666
}

.st-Footer_Social li.lang p:nth-child(2) {
  border-left: none
}

.st-Footer_Social li a {
  width: 36px;
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  color: #fff
}

.st-FtDirectory {
  margin-bottom: 30px;
  font-size: 0
}

.st-FtDirectory_Logo {
  width: 130px;
  margin-bottom: 15px
}

.st-FtDirectory_Column {
  border-bottom: 1px solid #4d4d4d
}

.st-FtDirectory_Column-title {
  font-family: acumin-pro-condensed, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 1.5rem;
  line-height: 3.33333em;
  letter-spacing: .04em;
  position: relative
}

.st-FtDirectory_Column-list {
  display: none;
  padding-bottom: 26px
}

.st-FtDirectory_Column-list ul+ul {
  margin-top: 10px
}

.st-FtDirectory_Column-list li {
  font-size: 1.2rem;
  line-height: 1.83333em;
  letter-spacing: .06em
}

.st-FtDirectory_Column-list li:not(:last-child) {
  margin-bottom: 10px
}

.st-FtDirectory_Column-list li a {
  color: #666;
  font-weight: 700
}

.st-FtDirectory_Column-list li a[target=_blank]:after {
  content: "\EA04";
  font-family: iconfont;
  font-size: 1.5rem;
  line-height: 1em;
  letter-spacing: 0;
  padding-left: 8px;
  display: inline-block;
  vertical-align: middle
}

.st-FtPress {
  margin-bottom: 30px
}

.st-FtPress_Logo {
  width: 300px;
  margin-bottom: 20px
}

.st-FtPress_Logo a {
  display: -webkit-box;
  display: -ms-flexbox;
}

.st-FtPress_Logo a:after {
  content: "\EA04";
  font-family: iconfont;
  font-size: 1.5rem;
  line-height: 1em;
  letter-spacing: 0;
  padding-left: 8px;
  display: inline-block;
  vertical-align: middle
}

.st-FtPress_Text {
  color: #ddd;
  font-size: 1.2rem;
  line-height: 1.58333em;
  letter-spacing: .06em;
  margin-bottom: 25px
}

.st-FtPress_Slide {
  margin-bottom: 16px
}

.st-FtPress_Slide:after,
.st-FtPress_Slide:before {
  content: "";
  pointer-events: none;
  width: 50px;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 5
}

.st-FtPress_Slide:before {
  left: 0;
  background: -webkit-gradient(linear, left top, right top, from(#000), to(rgba(0, 0, 0, 0)));
  background: -o-linear-gradient(left, #000 0, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(90deg, #000 0, rgba(0, 0, 0, 0))
}

.st-FtPress_Slide:after {
  right: 0;
  background: -webkit-gradient(linear, right top, left top, from(#000), to(rgba(0, 0, 0, 0)));
  background: -o-linear-gradient(right, #000 0, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(270deg, #000 0, rgba(0, 0, 0, 0))
}

.st-FtPress_Slide-scrollbar {
  position: static;
  width: 100%;
  height: 2px;
  background-color: #4d4d4d
}

.st-FtPress_Slide-scrollbar .swiper-scrollbar-drag {
  background-color: #fff
}

.st-FtLegal_Inner {
  text-align: center;
  width: 87.46667%;
  margin: auto
}

.st-FtLegal_Sites {
  margin-bottom: 30px
}

.st-FtLegal_Sites:not(:last-child) {
  margin-bottom: 20px
}

.st-FtLegal_Sites-logo {
  text-align: center;
  margin: 0 auto 12px
}

.st-FtLegal_Sites-logo.bucketland {
  width: 42.68293%
}

.st-FtLegal_Sites-logo.hoseman {
  width: 40.54878%
}

.st-FtLegal_Sites-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.st-FtLegal_Sites-link li {
  text-align: left;
  font-weight: 700;
  font-size: 1.2rem;
  line-height: 1.25em;
  letter-spacing: .06em
}

.st-FtLegal_Sites-link li:not(:last-child) {
  padding-right: 8px;
  margin-right: 8px;
  border-right: 1px solid #4d4d4d
}

.st-FtLegal_Sites-link a[target=_blank]:after {
  content: "\EA04";
  color: #666;
  font-family: iconfont;
  font-size: 1.5rem;
  line-height: 1em;
  letter-spacing: 0;
  padding-left: 4px;
  display: inline-block;
  vertical-align: middle
}

.st-FtLegal_Copyright small {
  font-size: 1rem;
  line-height: 1.5em;
  letter-spacing: .06em
}

.st-FtLegal_Link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 15px
}

.st-FtLegal_Link li {
  padding-right: 12px;
  font-size: 1.2rem;
  line-height: 1.16667em;
  letter-spacing: .06em;
  font-weight: 700
}

.st-FtLegal_Link li:not(:last-child) {
  margin-right: 12px;
  border-right: 1px solid #4d4d4d
}

.st-MainContainer {
  width: 100%;
  margin: auto
}

.st-MainContents {
  padding-top: 70px
}

.home .st-MainContents {
  padding-top: 0
}

.st-Grid_Inner {
  position: relative;
  width: 87.46667%;
  margin: auto
}

.st-Grid_Inner1 {
  position: relative;
  width: 87.46667%;
  margin: auto
}

.st-Header {
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
  padding: 26px 0;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
  -webkit-animation: stickyShow .2s forwards;
  animation: stickyShow .2s forwards
}

html.isSticky .st-Header {
  -webkit-animation: stickyHide .2s forwards;
  animation: stickyHide .2s forwards
}

html.isSticky.isStickyReverse .st-Header {
  -webkit-animation: stickyShow .2s forwards;
  animation: stickyShow .2s forwards
}

.home .st-Header {
  background-color: hsla(0, 0%, 100%, 0);
  border-bottom: none;
  -webkit-transition: background-color .2s ease-in-out;
  -o-transition: background-color .2s ease-in-out;
  transition: background-color .2s ease-in-out
}

.home .st-Header.is-follow {
  background-color: #fff
}

.home .st-Header.is-follow+.st-Nav .st-Nav_List-ja {
  color: #888
}

.home .st-Header.is-follow+.st-Nav .st-Nav_Search {
  border-color: #ddd
}

.home .st-Header.is-follow+.st-Nav .st-Nav_Search a {
  color: #222
}

.home .st-Header.is-follow+.st-Nav .st-Nav_ListBox {
  top: 50px
}

.st-Header_Inner {
  width: 87.46667%;
  margin: auto
}

.st-Hd_Logo {
  width: 135px;
  position: relative;
  z-index: 2;
  -webkit-transition: -webkit-transform .2s;
  transition: -webkit-transform .2s;
  -o-transition: transform .2s;
  transition: transform .2s;
  transition: transform .2s, -webkit-transform .2s
}

.st-Hd_Logo:before {
  content: "";
  pointer-events: none;
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  margin: auto;
  background: url(../img/common/logo_taguchi.svg) 50%/contain no-repeat;
  -webkit-transition: opacity .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out
}

.home .st-Hd_Logo:before {
  opacity: 0;
  background: url(../img/common/logo_taguchi_bl.svg) 50%/contain no-repeat
}

.st-Hd_Logo a {
  display: block;
  padding-top: 1px;
  -webkit-transition: opacity .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out
}

.home.is-sp-open .st-Header .st-Hd_Logo:before {
  opacity: 0
}

.home.is-sp-open .st-Header .st-Hd_Logo a {
  opacity: 1
}

.home .st-Header.is-follow .st-Hd_Logo:before {
  opacity: 1
}

.home .st-Header.is-follow .st-Hd_Logo a {
  opacity: 0
}

.home.is-sp-open .st-Header.is-follow .st-Hd_Logo:before {
  opacity: 0
}

.home.is-sp-open .st-Header.is-follow .st-Hd_Logo a {
  opacity: 1
}

.st-Hd_Trigger {
  width: 44px;
  height: 44px;
  position: absolute;
  right: 24px;
  top: 13px;
  background-color: #f9e5e6;
  border-radius: 50%
}

.home .st-Hd_Trigger {
  background-color: #fff
}

.st-Hd_Trigger-bg {
  width: 44px;
  height: 44px;
  position: fixed;
  right: 24px;
  top: 13px;
  border-radius: 50%;
  background-color: #000;
  pointer-events: none;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  -webkit-transition: opacity .3s cubic-bezier(.4, .1, .3, 1) .5s, -webkit-transform .8s cubic-bezier(.4, .1, .3, 1);
  transition: opacity .3s cubic-bezier(.4, .1, .3, 1) .5s, -webkit-transform .8s cubic-bezier(.4, .1, .3, 1);
  -o-transition: transform .8s cubic-bezier(.4, .1, .3, 1), opacity .3s cubic-bezier(.4, .1, .3, 1) .5s;
  transition: transform .8s cubic-bezier(.4, .1, .3, 1), opacity .3s cubic-bezier(.4, .1, .3, 1) .5s;
  transition: transform .8s cubic-bezier(.4, .1, .3, 1), opacity .3s cubic-bezier(.4, .1, .3, 1) .5s, -webkit-transform .8s cubic-bezier(.4, .1, .3, 1)
}

.st-Hd_Trigger a {
  display: block;
  height: 100%;
  position: relative;
  border-radius: 50%;
  background-color: #f9e5e6;
  -webkit-transition: background-color .8s ease-in-out;
  -o-transition: background-color .8s ease-in-out;
  transition: background-color .8s ease-in-out
}

.st-Hd_Trigger a:after,
.st-Hd_Trigger a:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 19px;
  height: 2px;
  background-color: #c7000b;
  -webkit-transition: -webkit-transform .2s ease-in-out;
  transition: -webkit-transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out
}

.st-Hd_Trigger a:before {
  top: 17px
}

.st-Hd_Trigger a:after {
  top: 25px
}

.st-Hd_Trigger.is-active a {
  background-color: #b3b3b3
}

.st-Hd_Trigger.is-active a:before {
  -webkit-transform: rotate(45deg) translate(3px, 3px);
  -ms-transform: rotate(45deg) translate(3px, 3px);
  transform: rotate(45deg) translate(3px, 3px)
}

.st-Hd_Trigger.is-active a:after {
  -webkit-transform: rotate(-45deg) translate(3px, -2.5px);
  -ms-transform: rotate(-45deg) translate(3px, -2.5px);
  transform: rotate(-45deg) translate(3px, -2.5px)
}

.st-Hd_Trigger.is-active .st-Hd_Trigger-bg {
  -webkit-transform: scale(60);
  -ms-transform: scale(60);
  transform: scale(60);
  opacity: 1;
  -webkit-transition: opacity .3s cubic-bezier(.4, .1, .3, 1), -webkit-transform .8s cubic-bezier(.4, .1, .3, 1);
  transition: opacity .3s cubic-bezier(.4, .1, .3, 1), -webkit-transform .8s cubic-bezier(.4, .1, .3, 1);
  -o-transition: transform .8s cubic-bezier(.4, .1, .3, 1), opacity .3s cubic-bezier(.4, .1, .3, 1);
  transition: transform .8s cubic-bezier(.4, .1, .3, 1), opacity .3s cubic-bezier(.4, .1, .3, 1);
  transition: transform .8s cubic-bezier(.4, .1, .3, 1), opacity .3s cubic-bezier(.4, .1, .3, 1), -webkit-transform .8s cubic-bezier(.4, .1, .3, 1)
}

.st-Modal {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: background-color .2s;
  -o-transition: background-color .2s;
  transition: background-color .2s;
  visibility: hidden;
  pointer-events: none
}

.st-Modal.is-active {
  visibility: visible;
  pointer-events: all;
  background-color: rgba(0, 0, 0, .8)
}

.st-Modal.is-active .st-Modal_Contents {
  opacity: 1
}

.st-Modal_Contents {
  position: relative;
  width: 100%;
  opacity: 0;
  -webkit-transition: opacity .2s ease-in-out .2s;
  -o-transition: opacity .2s ease-in-out .2s;
  transition: opacity .2s ease-in-out .2s
}

.st-Modal_Contents-close {
  width: 35px;
  height: 35px;
  position: absolute;
  right: 6.4%;
  top: -40px
}

.st-Modal_Contents-close i {
  width: 100%;
  height: 1px;
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto
}

.st-Modal_Contents-close i:first-child {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}

.st-Modal_Contents-close i:nth-child(2) {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.st-Modal_Contents-block {
  padding: 24px 6.4%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #fff
}

.st-Modal_Contents-block.layout-Movie {
  position: relative;
  padding: 56.25% 0 0
}

.st-Modal_Contents-block>div {
  width: 100%;
  min-height: 50vh;
  margin: auto;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain
}

.st-Modal_Contents-block>div:after {
  display: none
}

.st-Modal_Contents-block .product-Spec_Diagram-image {
  position: static;
  min-height: 0;
  height: 100px
}

.st-Modal_Contents-block picture {
  display: block;
  text-align: center
}

.st-Modal_Contents-block p {
  text-align: center;
  font-weight: 700;
  font-size: 1.7rem;
  line-height: 1.76471em;
  letter-spacing: .06em;
  padding-top: 10px
}

.st-Modal_Contents-movie {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: hidden
}

.st-Modal_Contents-movie iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important
}

.st-Nav {
  width: 100%;
  height: 100vh;
  position: fixed;
  right: 0;
  top: 70px;
  z-index: 10;
  opacity: 0;
  pointer-events: none;
  -webkit-animation: stickyShow .2s forwards;
  animation: stickyShow .2s forwards
}

html.isSticky .st-Nav {
  -webkit-animation: stickyHide .2s forwards;
  animation: stickyHide .2s forwards
}

html.isSticky.isStickyReverse .st-Nav {
  -webkit-animation: stickyShow .2s forwards;
  animation: stickyShow .2s forwards
}

.is-sp-open .st-Nav {
  opacity: 1;
  pointer-events: all;
  -webkit-transition-delay: .2s;
  -o-transition-delay: .2s;
  transition-delay: .2s;
  overflow-y: scroll
}

.st-Nav_Inner {
  width: 100%;
  padding: 45px 0 120px
}

.st-Nav_Link {
  width: 87.46667%;
  margin: auto
}

.st-Nav_List>li>a {
  display: block;
  position: relative;
  padding: 12px 0
}

.st-Nav_List>li>a.is-current:after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}

.st-Nav_List>li>a.is-current span {
  color: #c7000b
}

.st-Nav_List-en {
  display: block;
  color: #fff;
  font-family: acumin-pro-condensed, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 2.8rem;
  line-height: .71429em;
  letter-spacing: .04em
}

.home .st-Nav_List-en {
  color: #fff
}

.st-Nav_List-ja {
  color: #888;
  display: none
}

.home .st-Nav_List-ja {
  color: #fff
}

.st-Nav_Search {
  margin-top: 6px
}

.st-Nav_Search a {
  display: none
}

.home .st-Nav_Search a {
  color: #fff
}

.st-Nav_Search a .icf-search {
  font-size: 1.5rem;
  line-height: 2.26667em;
  letter-spacing: 0
}

.st-Nav_SearchBox {
  margin-top: 12px
}

.st-Nav_SearchBox.is-active {
  pointer-events: all;
  opacity: 1
}

.st-Nav_SearchBox.is-active .st-Nav_SearchBox-inner {
  opacity: 1;
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0)
}

.st-Nav_SearchBox-close {
  position: absolute;
  right: 35px;
  top: -100px;
  width: 69px;
  height: 69px
}

.st-Nav_SearchBox-close i {
  width: 100%;
  height: 1px;
  background-color: #222;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto
}

.st-Nav_SearchBox-close i:first-child {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}

.st-Nav_SearchBox-close i:nth-child(2) {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.st-Nav_SearchBox-title {
  font-family: acumin-pro-condensed, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 5.4rem;
  line-height: .74074em;
  letter-spacing: 0;
  text-align: left;
  margin-bottom: 13px
}

.st-Nav_SearchBox-form {
  position: relative;
  padding: 8px 0;
  border-bottom: 1px solid #fff
}

.st-Nav_SearchBox-field {
  font-size: 1.6rem;
  line-height: 2.75em;
  letter-spacing: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
  border: 0;
  color: #fff;
  width: 100%
}

.st-Nav_SearchBox-field ::-webkit-input-placeholder {
  color: #888
}

.st-Nav_SearchBox-field ::-moz-placeholder {
  color: #888
}

.st-Nav_SearchBox-field :-ms-input-placeholder {
  color: #888
}

.st-Nav_SearchBox-field ::-ms-input-placeholder {
  color: #888
}

.st-Nav_SearchBox-field ::placeholder {
  color: #888
}

.st-Nav_SearchBox-button {
  width: 36px;
  height: 36px;
  position: absolute;
  right: 9px;
  top: 0;
  bottom: 0;
  margin: auto
}

.st-Nav_SearchBox-button input[type=submit] {
  border: 0;
  display: none
}

.st-Nav_SearchBox-button .icf-search {
  color: #fff;
  font-size: 1.5rem;
  line-height: 1.06667em;
  letter-spacing: 0;
  padding: 10px
}

.st-Nav_ListBox {
  display: none
}

.st-Nav_ListBox-title {
  margin-bottom: 30px
}

.st-Nav_ListBox-title span {
  text-align: left;
  display: block
}

.st-Nav_ListBox-title-en {
  font-family: acumin-pro-condensed, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 4rem;
  line-height: .75em;
  letter-spacing: 0;
  margin-bottom: 15px
}

.st-Nav_ListBox-title-ja {
  color: #c7000b;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1em;
  letter-spacing: .06em
}

.st-Nav_ListBox-button {
  position: absolute;
  top: 60px;
  right: 40px
}

.st-Nav_ListBox-button a {
  text-align: center;
  display: block;
  border: 1px solid #222;
  position: relative;
  line-height: 1;
  padding: 6px 30px !important;
  width: 230px;
  border-radius: 27px
}

.st-Nav_ListBox-button a span {
  color: #222;
  font-weight: 700;
  font-size: 1.7rem;
  line-height: 2.23529em;
  letter-spacing: .06em;
  display: inline-block
}

.st-Nav_ListBox-button a .icf {
  color: #222;
  font-size: 1.8rem;
  line-height: 2.11111em;
  letter-spacing: 0;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  margin-left: 10px;
  background-color: #e4e9ea;
  vertical-align: middle
}

.st-Nav_ListBox ul {
  padding-bottom: 25px
}

.st-Nav_ListBox li a {
  display: block;
  padding: 12px 0 12px 26px
}

.st-Nav_ListBox li a[target=_blank] p:after {
  content: "\EA04";
  font-family: iconfont;
  font-size: 1.5rem;
  line-height: 1em;
  letter-spacing: 0;
  padding-left: 8px;
  display: inline-block;
  vertical-align: middle
}

.st-Nav_ListBox li picture {
  background-color: #f5f7f7;
  display: block;
  max-width: 208px;
  margin: 0 auto 20px
}

.st-Nav_ListBox li .logo {
  text-align: center;
  font-family: acumin-pro-condensed, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 2rem;
  line-height: .75em;
  letter-spacing: 0;
  margin: 0 auto 7px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 30px
}

.st-Nav_ListBox li .logo.guzzilla {
  width: 41.82692%
}

.st-Nav_ListBox li .logo.grasper {
  width: 48.55769%
}

.st-Nav_ListBox li .logo.maggon {
  width: 44.71154%
}

.st-Nav_ListBox li .logo.kusakaru {
  width: 50.96154%
}

.st-Nav_ListBox li p {
  color: #666;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1em;
  letter-spacing: .06em
}

.st-Nav_ListBox.layout-product li picture {
  padding: 0 18.75%
}

.st-Nav_Social {
  margin-top: 43px
}

.st-Nav_Social ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.st-Nav_Social li {
  margin-right: 16px
}

.st-Nav_Social li.facebook a {
  background-color: #1977f3
}

.st-Nav_Social li.facebook a .icf {
  font-size: 1.9rem;
  line-height: 1em;
  letter-spacing: 0
}

.st-Nav_Social li.twitter a {
  background-color: #1da1f2
}

.st-Nav_Social li.twitter a .icf {
  font-size: 1.4rem;
  line-height: 1em;
  letter-spacing: 0
}

.st-Nav_Social li.youtube a {
  background-color: red
}

.st-Nav_Social li.youtube a .icf {
  font-size: 1.3rem;
  line-height: 1em;
  letter-spacing: 0
}

.st-Nav_Social li.lang {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.st-Nav_Social li.lang a {
  font-family: acumin-pro-condensed, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 1.2rem;
  line-height: 3em;
  letter-spacing: 0;
  border-radius: 0
}

.st-Nav_Social li.lang a.current {
  opacity: .2;
  pointer-events: none
}

.st-Nav_Social li.lang p {
  border: 1px solid #666
}

.st-Nav_Social li.lang p:nth-child(2) {
  border-left: none
}

.st-Nav_Social li a {
  width: 36px;
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  color: #fff
}

@font-face {
  font-family: iconfont;
  src: url(../font/iconfont.woff2) format("woff2"), url(../font/iconfont.woff) format("woff");
  font-weight: 400;
  font-style: normal
}

.icf {
  display: inline-block;
  font-family: iconfont;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.icf-lg {
  font-size: 1.3333333333333333em;
  line-height: .75em;
  vertical-align: -15%
}

.icf-2x {
  font-size: 2em
}

.icf-3x {
  font-size: 3em
}

.icf-4x {
  font-size: 4em
}

.icf-5x {
  font-size: 5em
}

.icf-fw {
  width: 1.2857142857142858em;
  text-align: center
}

.icf-pnkz:before {
  content: "\EA01"
}

.icf-search:before {
  content: "\EA02"
}

.icf-plus:before {
  content: "\EA03"
}

.icf-blank:before {
  content: "\EA04"
}

.icf-arright:before {
  content: "\EA05"
}

.icf-fb:before {
  content: "\EA06"
}

.icf-tw:before {
  content: "\EA07"
}

.icf-yt:before {
  content: "\EA08"
}

.icf-ln:before {
  content: "\EA09"
}

.icf-lang:before {
  content: "\EA0A"
}

.icf-arleft:before {
  content: "\EA0B"
}

.icf-sns:before {
  content: "\EA0C"
}

.icf-play:before {
  content: "\EA0D"
}

.icf-arbottom:before {
  content: "\EA0E"
}

.icf-attention:before {
  content: "\EA0F"
}

.icf-hoseman:before {
  content: "\EA10"
}

.icf-bucket:before {
  content: "\EA11"
}

.icf-map:before {
  content: "\EA12"
}

.icf-narrow:before {
  content: "\EA13"
}

@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal
}

:root {
  --swiper-theme-color: #007aff
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1
}

.swiper-container-vertical>.swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
}

.swiper-container-multirow>.swiper-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.swiper-container-multirow-column>.swiper-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.swiper-container-free-mode>.swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto
}

.swiper-slide {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform
}

.swiper-slide-invisible-blank {
  visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto
}

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  -o-transition-property: transform, height;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform
}

.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-css-mode>.swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none
}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
  display: none
}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: start start
}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
  scroll-snap-type: y mandatory
}

:root {
  --swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size)/44*27);
  height: var(--swiper-navigation-size);
  margin-top: calc(-1*var(--swiper-navigation-size)/2);
  z-index: 10;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: normal
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: "prev"
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: "next"
}

.swiper-button-next.swiper-button-white,
.swiper-button-prev.swiper-button-white {
  --swiper-navigation-color: #fff
}

.swiper-button-next.swiper-button-black,
.swiper-button-prev.swiper-button-black {
  --swiper-navigation-color: #000
}

.swiper-button-lock {
  display: none
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: opacity .3s;
  -o-transition: .3s opacity;
  transition: opacity .3s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(.33);
  -ms-transform: scale(.33);
  transform: scale(.33);
  position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(.66);
  -ms-transform: scale(.66);
  transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(.33);
  -ms-transform: scale(.33);
  transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(.66);
  -ms-transform: scale(.66);
  transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(.33);
  -ms-transform: scale(.33);
  transform: scale(.33)
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: .2
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-container-vertical>.swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: top .2s, -webkit-transform .2s;
  transition: top .2s, -webkit-transform .2s;
  -o-transition: .2s transform, .2s top;
  transition: transform .2s, top .2s;
  transition: transform .2s, top .2s, -webkit-transform .2s
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: left .2s, -webkit-transform .2s;
  transition: left .2s, -webkit-transform .2s;
  -o-transition: .2s transform, .2s left;
  transition: transform .2s, left .2s;
  transition: transform .2s, left .2s, -webkit-transform .2s
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: right .2s, -webkit-transform .2s;
  transition: right .2s, -webkit-transform .2s;
  -o-transition: .2s transform, .2s right;
  transition: transform .2s, right .2s;
  transition: transform .2s, right .2s, -webkit-transform .2s
}

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, .25);
  position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0
}

.swiper-pagination-white {
  --swiper-pagination-color: #fff
}

.swiper-pagination-black {
  --swiper-pagination-color: #000
}

.swiper-pagination-lock {
  display: none
}

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, .5);
  border-radius: 10px;
  left: 0;
  top: 0
}

.swiper-scrollbar-cursor-drag {
  cursor: move
}

.swiper-scrollbar-lock {
  display: none
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

.swiper-slide-zoomed {
  cursor: move
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s linear infinite;
  animation: swiper-preloader-spin 1s linear infinite;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 50%;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-top: 4px solid rgba(0, 0, 0, 0)
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000
}

@-webkit-keyframes swiper-preloader-spin {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

@keyframes swiper-preloader-spin {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}

.swiper-container-cube {
  overflow: visible
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0
}

.swiper-container-flip {
  overflow: visible
}

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.sw-ButtonOval>* {
  text-align: center;
  display: block;
  border: 1px solid #c7000b;
  border-radius: 20px;
  padding: 13px 0;
  position: relative;
  line-height: 1
}

.sw-ButtonOval>* span {
  font-family: acumin-pro-condensed, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 1.4rem;
  line-height: 1em;
  letter-spacing: .05em;
  color: #c7000b
}

html[lang=en] .sw-ButtonOval>* span {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-size: 1.4rem;
  line-height: 1em;
  letter-spacing: .02em
}

.sw-ButtonOval>* .icf-plus {
  font-size: 1.2rem;
  line-height: 1em;
  letter-spacing: 0;
  height: 12px;
  margin-left: 7px
}

.sw-ButtonRound>* {
  text-align: center;
  display: inline-block;
  min-width: 200px;
  border: 1px solid #c7000b;
  border-radius: 25px;
  padding: 17px 0;
  position: relative;
  line-height: 1
}

.sw-ButtonRound>* span {
  font-family: acumin-pro-condensed, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 1.4rem;
  line-height: 1em;
  letter-spacing: .05em;
  color: #c7000b
}

html[lang=en] .sw-ButtonRound>* span {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-size: 1.4rem;
  line-height: 1em;
  letter-spacing: .02em
}

.sw-ButtonRound>* .icf {
  color: #c7000b;
  font-size: 1.1rem;
  line-height: 1em;
  letter-spacing: 0;
  height: 10px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 14px;
  margin: auto
}

.sw-ButtonRound>* .icf-blank {
  font-size: 1.5rem;
  line-height: 1em;
  letter-spacing: 0;
  height: 15px
}

.sw-ButtonRound_White>* {
  text-align: center;
  display: inline-block;
  min-width: 200px;
  border: 1px solid #fff;
  border-radius: 25px;
  padding: 17px 0;
  position: relative;
  line-height: 1
}

.sw-ButtonRound_White>* span {
  font-family: acumin-pro-condensed, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 1.4rem;
  line-height: 1em;
  letter-spacing: .05em;
  color: #fff
}

html[lang=en] .sw-ButtonRound_White>* span {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-size: 1.4rem;
  line-height: 1em;
  letter-spacing: .02em
}

.sw-ButtonRound_White>* .icf {
  color: #fff;
  font-size: 1.1rem;
  line-height: 1em;
  letter-spacing: 0;
  height: 10px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 14px;
  margin: auto
}

.sw-ButtonRound_White>* .icf-blank {
  font-size: 1.5rem;
  line-height: 1em;
  letter-spacing: 0;
  height: 15px
}

.sw-ButtonRound_Black>* {
  display: inline-block;
  border-bottom: 1px solid #888;
  padding: 5px 0;
  position: relative;
  line-height: 1
}

.sw-ButtonRound_Black>* span {
  color: #222;
  font-family: acumin-pro-condensed, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 1.5rem;
  line-height: 1em;
  letter-spacing: .05em
}

.sw-ButtonRound_Black>* .icf {
  color: #c7000b;
  font-size: 1.1rem;
  line-height: 1em;
  letter-spacing: 0;
  height: 10px;
  margin-left: 8px
}

.sw-ButtonRound_Black>* .icf-blank {
  font-size: 1.5rem;
  line-height: 1em;
  letter-spacing: 0;
  height: 15px
}

.sw-ButtonCircle>* {
  position: relative;
  text-align: center;
  display: inline-block;
  width: 40px;
  height: 40px;
  border: 1px solid #c7000b;
  border-radius: 50%
}

.sw-ButtonCircle>* .icf {
  color: #c7000b;
  font-size: 1rem;
  line-height: 1em;
  letter-spacing: 0;
  height: 10px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto
}

.sw-FormCheckbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer
}

.sw-FormCheckbox input {
  display: none
}

.sw-FormCheckbox i {
  width: 20px;
  height: 20px;
  display: block
}

.sw-FormCheckbox span {
  font-size: 1.2rem;
  line-height: 1em;
  padding-left: 10px
}

.sw-FormTextArea {
  -webkit-transform: scale(.94);
  -ms-transform: scale(.94);
  transform: scale(.94)
}

.sw-FormTextArea textarea {
  padding: 22px 30px;
  font-size: 1.6rem;
  line-height: 2em;
  width: 100%;
  background-color: #f5f6fa;
  border: none;
  border-radius: 0
}

.sw-FormTextArea textarea:focus {
  border: 0;
  outline: 0
}

.sw-FormText {
  -webkit-transform: scale(.88);
  -ms-transform: scale(.88);
  transform: scale(.88)
}

.sw-FormText input {
  padding: 18px 20px;
  font-size: 1.6rem;
  line-height: 1.25em;
  width: 100%;
  background-color: #f5f6fa;
  border: none;
  border-radius: 0
}

.sw-FormText input::-webkit-input-placeholder {
  color: #cccfd7
}

.sw-FormText input::-moz-placeholder {
  color: #cccfd7
}

.sw-FormText input:-ms-input-placeholder {
  color: #cccfd7
}

.sw-FormText input::-ms-input-placeholder {
  color: #cccfd7
}

.sw-FormText input::placeholder {
  color: #cccfd7
}

.sw-FormText input:focus {
  border: 0;
  outline: 0
}

.sw-Movie_Container {
  position: relative
}

.sw-Movie_Container-circle {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 3;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  pointer-events: none
}

.sw-Movie_Container-circle circle {
  fill: rgba(0, 0, 0, 0);
  stroke: #c7000b;
  stroke-width: 10;
  stroke-dasharray: 0 1258;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease
}

.sw-Movie_Container-thumb {
  display: block;
  position: relative;
  z-index: 2;
  overflow: hidden
}

.sw-Movie_Container-thumb:before {
  width: 62px;
  height: 62px;
  font-size: 6.2rem;
  line-height: 1em;
  letter-spacing: 0;
  color: #c7000b;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 2
}

.sw-Movie_Container-thumb:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(40, 40, 40, .5);
  z-index: 1
}

.sw-Movie_Container-thumb.is-hidden {
  opacity: 0;
  pointer-events: none
}

.sw-Movie_Container-thumb img {
  width: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform 1s ease;
  transition: -webkit-transform 1s ease;
  -o-transition: transform 1s ease;
  transition: transform 1s ease;
  transition: transform 1s ease, -webkit-transform 1s ease
}

.sw-parallax {
  width: 100%;
  height: 250px;
  position: relative
}

.sw-parallax_outer {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 2
}

.sw-parallax_inner {
  width: 100%;
  height: 100%;
  position: relative
}

.sw-parallax_block {
  width: 100%;
  height: 120%;
  position: absolute;
  bottom: 0;
  right: 0;
  background: #fff;
  will-change: transform;
  -webkit-transition: -webkit-transform 0s linear;
  transition: -webkit-transform 0s linear;
  -o-transition: transform 0s linear;
  transition: transform 0s linear;
  transition: transform 0s linear, -webkit-transform 0s linear
}

.sw-parallax_target {
  width: 100%;
  height: 100%;
  font-size: 0;
  line-height: 0;
  position: relative;
  display: block;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover
}

.sw-RelatedSupport {
  padding: 40px 0 50px;
  overflow: hidden
}

.sw-RelatedSupport .sw-Section_Header-en {
  font-size: 4rem;
  line-height: .9em;
  letter-spacing: 0
}

.sw-RelatedSupport .sw-Section_Header-ja {
  font-size: 1.5rem;
  line-height: 1em;
  letter-spacing: .06em
}

.sw-RelatedSupport .st-Grid_Inner>.sw-ButtonRound {
  text-align: center
}

.sw-RelatedSupport_Column {
  margin-bottom: 30px
}

.sw-RelatedSupport_Column>a {
  display: block
}

.sw-RelatedSupport_Column.appear .sw-RelatedSupport_Image-inner {
  -webkit-animation-name: animate-content;
  animation-name: animate-content;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: cubic-bezier(0, 0, 0, 1);
  animation-timing-function: cubic-bezier(0, 0, 0, 1);
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.sw-RelatedSupport_Column.appear .sw-RelatedSupport_Image-inner:after {
  -webkit-animation-name: animate-panel;
  animation-name: animate-panel;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: cubic-bezier(0, 0, 0, 1);
  animation-timing-function: cubic-bezier(0, 0, 0, 1);
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.sw-RelatedSupport_Image {
  margin-bottom: 20px
}

.sw-RelatedSupport_Image-inner {
  position: relative;
  visibility: hidden;
  overflow: hidden
}

.sw-RelatedSupport_Image-inner:after {
  content: "";
  background: #ddd;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all .3s cubic-bezier(0, 0, 0, 1) 0s;
  -o-transition: all .3s cubic-bezier(0, 0, 0, 1) 0s;
  transition: all .3s cubic-bezier(0, 0, 0, 1) 0s;
  visibility: visible
}

.sw-RelatedSupport_Image-inner picture {
  display: block
}

.sw-RelatedSupport_Body-title {
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1em;
  letter-spacing: .06em;
  margin-bottom: 15px
}

.sw-RelatedSupport_Body-title span {
  display: block;
  font-family: acumin-pro-condensed, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 3rem;
  line-height: .73333em;
  letter-spacing: 0;
  margin-bottom: 5px
}

.sw-RelatedSupport_Body-title .icf-blank {
  color: #c7000b;
  font-size: 1.5rem;
  line-height: 1em;
  letter-spacing: 0;
  height: 18px;
  margin-left: 8px
}

.sw-RelatedSupport_Body-text {
  font-size: 1.5rem;
  line-height: 1.6em;
  letter-spacing: .06em
}

.sw-RelatedSupport_Button {
  margin-top: 10px
}

.sw-RelatedSupport_Button .sw-ButtonRound_Black:not(:last-child) {
  margin-bottom: 5px
}

.sw-stickyTrigger {
  width: 1px;
  height: 100%;
  position: absolute;
  left: 19px;
  top: -100%;
  z-index: 999;
  pointer-events: none
}

.sw-stickyTrigger-main {
  margin-top: 70px
}

.sw-stickyTrigger-target {
  position: -webkit-sticky;
  position: sticky;
  top: 0
}

.isSticky .sw-stickyTrigger-target {
  -webkit-transition: -webkit-transform .2s;
  transition: -webkit-transform .2s;
  -o-transition: transform .2s;
  transition: transform .2s;
  transition: transform .2s, -webkit-transform .2s;
  -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .1);
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .1)
}

.isSticky.isStickyReverse .sw-stickyTrigger-target {
  -webkit-transform: translateY(70px);
  -ms-transform: translateY(70px);
  transform: translateY(70px)
}

.sw-Section_Header {
  margin-bottom: 34px
}

.sw-Section_Header.appear span b {
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0)
}

.sw-Section_Header span {
  overflow: hidden
}

.sw-Section_Header span b {
  display: block;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: -webkit-transform .8s cubic-bezier(.23, 1, .32, 1);
  transition: -webkit-transform .8s cubic-bezier(.23, 1, .32, 1);
  -o-transition: transform .8s cubic-bezier(.23, 1, .32, 1);
  transition: transform .8s cubic-bezier(.23, 1, .32, 1);
  transition: transform .8s cubic-bezier(.23, 1, .32, 1), -webkit-transform .8s cubic-bezier(.23, 1, .32, 1)
}

.sw-Section_Header span.sw-Section_Header-ja b {
  -webkit-transition-delay: .2s;
  -o-transition-delay: .2s;
  transition-delay: .2s
}

.sw-Section_Header1 {
  margin-bottom: 34px
}

.sw-Section_Header1.appear span b {
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0)
}

.sw-Section_Header1 span {
  overflow: hidden
}

.sw-Section_Header1 span b {
  display: block;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: -webkit-transform .8s cubic-bezier(.23, 1, .32, 1);
  transition: -webkit-transform .8s cubic-bezier(.23, 1, .32, 1);
  -o-transition: transform .8s cubic-bezier(.23, 1, .32, 1);
  transition: transform .8s cubic-bezier(.23, 1, .32, 1);
  transition: transform .8s cubic-bezier(.23, 1, .32, 1), -webkit-transform .8s cubic-bezier(.23, 1, .32, 1)
}

.sw-Section_Header1 span.sw-Section_Header-ja b {
  -webkit-transition-delay: .2s;
  -o-transition-delay: .2s;
  transition-delay: .2s
}


.sw-Section_Header-en {
  display: block;
  font-family: acumin-pro-condensed, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 4.4rem;
  line-height: .86364em;
  letter-spacing: 0;
  margin-bottom: 15px
}

html[lang=en] .sw-Section_Header-en {
  font-size: 4.6rem;
  line-height: .86957em;
  letter-spacing: 0;
  margin-bottom: 0
}

.sw-Section_Header-ja {
  display: block;
  color: #c7000b;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1em;
  letter-spacing: .06em
}

.sw-Section_HeaderS {
  margin-bottom: 40px
}

.sw-Section_HeaderS.appear span b {
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0)
}

.sw-Section_HeaderS span {
  overflow: hidden
}

.sw-Section_HeaderS span b {
  display: block;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: -webkit-transform .8s cubic-bezier(.23, 1, .32, 1);
  transition: -webkit-transform .8s cubic-bezier(.23, 1, .32, 1);
  -o-transition: transform .8s cubic-bezier(.23, 1, .32, 1);
  transition: transform .8s cubic-bezier(.23, 1, .32, 1);
  transition: transform .8s cubic-bezier(.23, 1, .32, 1), -webkit-transform .8s cubic-bezier(.23, 1, .32, 1)
}

.sw-Section_HeaderS span.sw-Section_HeaderS-ja b {
  -webkit-transition-delay: .2s;
  -o-transition-delay: .2s;
  transition-delay: .2s
}

.sw-Section_HeaderS-en {
  display: block;
  font-family: acumin-pro-condensed, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 3.3rem;
  line-height: .90909em;
  letter-spacing: 0;
  margin-bottom: 14px
}

html[lang=en] .sw-Section_HeaderS-en {
  font-size: 3.9rem;
  line-height: 1em;
  letter-spacing: 0
}

.sw-Section_HeaderS-ja {
  display: block;
  color: #c7000b;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1em;
  letter-spacing: .06em
}

.sw-Eyebrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 18px 0 7px
}

html[lang=en] .sw-Eyebrow {
  padding: 18px 0 12px
}

.sw-Eyebrow_Lavel {
  color: #fff;
  font-weight: 700;
  font-size: 1.1rem;
  line-height: 1em;
  letter-spacing: 0;
  padding: 3px 6px
}

.sw-Eyebrow_Lavel[data-lavel=company] {
  background-color: #000
}

.sw-Eyebrow_Lavel[data-lavel=product] {
  background-color: #c7000b
}

.sw-Eyebrow_Category {
  color: #333;
  font-weight: 700;
  font-size: 1.2rem;
  line-height: 1.5em;
  letter-spacing: .06em;
  padding-left: 10px
}

html[lang=en] .sw-Eyebrow_Category {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-size: 1.2rem;
  line-height: 1.5em;
  letter-spacing: .02em
}

.sw-Eyebrow_Date {
  color: #888;
  font-weight: 700;
  font-size: 1.2rem;
  line-height: 1.5em;
  letter-spacing: .06em;
  margin-left: auto
}

.top-Mv {
  height: 482px;
  background: #000;
  position: relative;
  overflow: hidden
}

.top-Mv_Slide {
  height: 100%
}

.top-Mv_Slide .swiper-slide {
  position: relative
}

.top-Mv_Slide a {
  display: block;
  height: 100%
}

.top-Mv_Slide-cover>div,
.top-Mv_Slide-image>div {
  width: 100%;
  height: 100%;
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #000
}

.top-Mv_Slide-cover {
  overflow: hidden;
  width: 100%;
  height: 100%;
  -webkit-filter: blur(5px);
  filter: blur(5px)
}

.top-Mv_Slide-cover-pc {
  display: block
}

.top-Mv_Slide-image {
  overflow: hidden;
  width: 100%;
  height: 100%
}

.top-Mv_Slide-image video {
  display: block;
  width: auto;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.top-Mv_Slide-image-pc {
  display: block
}

.top-Mv_Slide-text {
  width: 87.46667%;
  margin: auto;
  position: absolute;
  left: 6.26667%;
  bottom: 45px;
  overflow: hidden
}

.top-Mv_Slide-text p {
  color: #fff;
  font-weight: 700;
  font-size: 2rem;
  line-height: 1.5em;
  letter-spacing: .06em
}

.top-Mv_Slide .swiper-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  bottom: 17px
}

.top-Mv_Slide .swiper-pagination-bullet {
  position: relative;
  background-color: initial;
  opacity: 1;
  width: 10px;
  height: 10px;
  margin: 0 20px 0 0 !important
}

.top-Mv_Slide .swiper-pagination-bullet .circle {
  position: absolute;
  left: -3px;
  top: -4px;
  width: 16px;
  height: 16px
}

.top-Mv_Slide .swiper-pagination-bullet .circle svg {
  width: 99%;
  height: 99%;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.top-Mv_Slide .swiper-pagination-bullet .circle svg circle {
  fill: rgba(0, 0, 0, 0);
  stroke: #fff;
  stroke-width: 0
}

@-webkit-keyframes circle {
  0% {
    stroke-dasharray: 0 377
  }

  99.9%,
  to {
    stroke-dasharray: 377 377
  }
}

@keyframes circle {
  0% {
    stroke-dasharray: 0 377
  }

  99.9%,
  to {
    stroke-dasharray: 377 377
  }
}

.top-Mv_Slide .swiper-pagination-bullet:before {
  content: "";
  width: 4px;
  height: 4px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  border-radius: 50%;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  background-color: #fff
}

.top-Mv_Slide .swiper-pagination-bullet-active:before {
  width: 100%;
  height: 100%
}

.top-Mv_Slide .swiper-pagination-bullet-active .circle svg circle {
  -webkit-animation-name: circle;
  animation-name: circle;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  stroke-width: 6
}

.top-Mv_Slide .swiper-slide .top-Mv_Slide-cover {
  display: none
}

.top-Mv_Slide .swiper-slide .top-Mv_Slide-text p {
  -webkit-transform: translateY(110%);
  -ms-transform: translateY(110%);
  transform: translateY(110%);
  -webkit-transition: -webkit-transform .8s ease-in-out .5s;
  transition: -webkit-transform .8s ease-in-out .5s;
  -o-transition: transform .8s ease-in-out .5s;
  transition: transform .8s ease-in-out .5s;
  transition: transform .8s ease-in-out .5s, -webkit-transform .8s ease-in-out .5s
}

.top-Mv_Slide .swiper-slide-active .top-Mv_Slide-text p {
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0)
}

.top-Product {
  background-color: #e4e9ea;
  padding: 40px 0 0;
  overflow: hidden
}

.top-Product .sw-Section_Header-en {
  font-size: 4rem;
  line-height: .9em;
  letter-spacing: 0
}

.top-Product .sw-Section_Header-ja {
  font-size: 1.5rem;
  line-height: 1em;
  letter-spacing: .06em
}

.top-Product_Row {
  position: relative;
  margin-bottom: 30px
}

.top-Product_Row.appear:after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition-delay: 1.5s;
  -o-transition-delay: 1.5s;
  transition-delay: 1.5s
}

.top-Product_Row>a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2
}

.top-Product_Row .top-Product_Image {
  position: relative
}

.top-Product_Row .top-Product_Image.appear .top-Product_Image-inner {
  -webkit-animation-name: animate-content;
  animation-name: animate-content;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: cubic-bezier(0, 0, 0, 1);
  animation-timing-function: cubic-bezier(0, 0, 0, 1);
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.top-Product_Row .top-Product_Image.appear .top-Product_Image-inner:after {
  -webkit-animation-name: animate-panel;
  animation-name: animate-panel;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: cubic-bezier(0, 0, 0, 1);
  animation-timing-function: cubic-bezier(0, 0, 0, 1);
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.top-Product_Row .top-Product_Image-inner {
  position: relative;
  visibility: hidden
}

.top-Product_Row .top-Product_Image-inner:after {
  content: "";
  background: #ddd;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all .3s cubic-bezier(0, 0, 0, 1) 0s;
  -o-transition: all .3s cubic-bezier(0, 0, 0, 1) 0s;
  transition: all .3s cubic-bezier(0, 0, 0, 1) 0s;
  visibility: visible
}

.top-Product_Row .top-Product_Image.appear .top-Product_Image-inner3 {
  -webkit-animation-name: animate-content;
  animation-name: animate-content;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: cubic-bezier(0, 0, 0, 1);
  animation-timing-function: cubic-bezier(0, 0, 0, 1);
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.top-Product_Row .top-Product_Image.appear .top-Product_Image-inner3:after {
  -webkit-animation-name: animate-panel;
  animation-name: animate-panel;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: cubic-bezier(0, 0, 0, 1);
  animation-timing-function: cubic-bezier(0, 0, 0, 1);
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.top-Product_Row .top-Product_Image-inner3 {
  position: relative;
  visibility: hidden;
  padding-left: 300px;
  padding-top: 100px;
}

.top-Product_Row .top-Product_Image-inner3:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all .3s cubic-bezier(0, 0, 0, 1) 0s;
  -o-transition: all .3s cubic-bezier(0, 0, 0, 1) 0s;
  transition: all .3s cubic-bezier(0, 0, 0, 1) 0s;
  visibility: visible;
}


.top-Product_Row .top-Product_Image picture {
  display: block;
  background-color: #fff
}

.top-Product_Row .top-Product_Image picture img {
  width: 100%
}

.top-Product_Row .top-Product_Image video {
  display: block;
  width: auto;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.top-Product_Body {
  background-color: #222;
  border-bottom: 5px solid #c7000b;
  padding: 25px 7.95107% 15px
}

.top-Product_Body-inner {
  opacity: 0;
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: opacity 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
  -o-transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1)
}

.top-Product_Body.appear .top-Product_Body-inner {
  opacity: 1;
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0)
}

.top-Product_Body-lead {
  margin-bottom: 15px
}

.top-Product_Body-lead span {
  font-weight: 700;
  font-size: 1.3rem;
  line-height: 1.38462em;
  letter-spacing: .06em;
  color: #fff;
  padding: 0 10px;
  display: inline-block;
  background-color: #c7000b
}

html[lang=en] .top-Product_Body-lead span {
  font-family: acumin-pro-condensed, sans-serif;
  font-weight: 800;
  font-style: normal
}

.top-Product_Body-title.logo-Guzzilla {
  width: 50.45045%
}

.top-Product_Body-title.logo-Grasper {
  width: 54.05405%
}

.top-Product_Body-title.logo-Maggon {
  width: 47.92793%
}

.top-Product_Body-text {
  color: #fff;
  font-size: 1.5rem;
  line-height: 1.6em;
  letter-spacing: .06em;
  margin-bottom: 10px;
  margin-top: 20px
}

html[lang=en] .top-Product_Body-text {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-size: 1.4rem;
  line-height: 1.71429em;
  letter-spacing: .02em;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto
}

.top-Product_Body-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.top-Product_Body .sw-ButtonCircle {
  text-align: right
}

.top-Product_Column {
  margin-bottom: 30px
}

.top-Product_Column .top-Product_Image {
  position: relative;
  border-bottom: 5px solid #c7000b
}

.top-Product_Column .top-Product_Image.appear .top-Product_Image-inner {
  -webkit-animation-name: animate-content;
  animation-name: animate-content;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: cubic-bezier(0, 0, 0, 1);
  animation-timing-function: cubic-bezier(0, 0, 0, 1);
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.top-Product_Column .top-Product_Image.appear .top-Product_Image-inner:after {

  -webkit-animation-name: animate-panel;
  animation-name: animate-panel;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: cubic-bezier(0, 0, 0, 1);
  animation-timing-function: cubic-bezier(0, 0, 0, 1);
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.top-Product_Column .top-Product_Image-inner {
  position: relative;
  visibility: hidden
}

.top-Product_Column .top-Product_Image-inner:after {
  content: "";
  background: #ddd;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all .3s cubic-bezier(0, 0, 0, 1) 0s;
  -o-transition: all .3s cubic-bezier(0, 0, 0, 1) 0s;
  transition: all .3s cubic-bezier(0, 0, 0, 1) 0s;
  visibility: visible
}

.top-Product_Column .top-Product_Image picture {
  display: block;
  background-color: #fff
}

.top-Product_Column .top-Product_Image picture img {
  width: 100%
}

.top-Product_Column .top-Product_Image video {
  display: block;
  width: auto;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.top-Product_Column .top-Product_Body {
  background-color: inherit;
  padding-left: 0;
  padding-right: 10px;
  border-bottom: none;
  width: 87.46667%;
  margin: auto;
  opacity: 0;
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: opacity 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
  -o-transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1)
}

.top-Product_Column .top-Product_Body.appear {
  opacity: 1;
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0)
}

.top-Product_Column .top-Product_Body .sw-ButtonCircle {
  text-align: right;
  border-radius: 50%;
  border: 1px solid #c7000b;
  width: 40px;
  height: 40px
}

.top-Product_Column .top-Product_Body .sw-ButtonCircle div {
  border: 0;
  width: 100%;
  height: 100%
}

.top-Product_Column .top-Product_Body-lead {
  margin-bottom: 12px
}

.top-Product_Column .top-Product_Body-title {
  font-family: acumin-pro-condensed, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 3rem;
  line-height: .73333em;
  letter-spacing: 0
}

.top-Product_Column .top-Product_Body-text {
  color: #222;
  margin-top: 15px;
  margin-bottom: 0
}

.top-ProductMovie {
  width: 100%
}

.top-ProductMovie_Block {
  position: relative;
  overflow: hidden;
  height: 250px
}

.top-ProductMovie .sw-parallax_block {
  height: calc(100% + 100px)
}

.top-ProductMovie video {
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%
}

.top-News {
  padding: 40px 0;
  overflow: hidden
}

.top-News .sw-Section_Header-en {
  font-size: 4rem;
  line-height: .9em;
  letter-spacing: 0
}

.top-News .sw-Section_Header-ja {
  font-size: 1.5rem;
  line-height: 1em;
  letter-spacing: .06em
}

.top-News .sw-ButtonRound {
  text-align: center
}

.st-News_Slide {
  overflow: visible;
  margin-bottom: 25px;
  opacity: 0;
  -webkit-transform: translate(20px);
  -ms-transform: translate(20px);
  transform: translate(20px);
  -webkit-transition: opacity 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
  -o-transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1)
}

.st-News_Slide.appear {
  opacity: 1;
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0)
}

.st-News_Slide.appear .st-News_Slide-image-inner>div {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}

.st-News_Slide .swiper-slide:nth-child(2) .st-News_Slide-image-inner>div {
  -webkit-transition-delay: .2s;
  -o-transition-delay: .2s;
  transition-delay: .2s
}

.st-News_Slide .swiper-slide:nth-child(3) .st-News_Slide-image-inner>div {
  -webkit-transition-delay: .3s;
  -o-transition-delay: .3s;
  transition-delay: .3s
}

.st-News_Slide .swiper-slide:nth-child(4) .st-News_Slide-image-inner>div {
  -webkit-transition-delay: .4s;
  -o-transition-delay: .4s;
  transition-delay: .4s
}

.st-News_Slide .swiper-slide:nth-child(5) .st-News_Slide-image-inner>div {
  -webkit-transition-delay: .5s;
  -o-transition-delay: .5s;
  transition-delay: .5s
}

.st-News_Slide .swiper-slide:nth-child(6) .st-News_Slide-image-inner>div {
  -webkit-transition-delay: .6s;
  -o-transition-delay: .6s;
  transition-delay: .6s
}

.st-News_Slide .swiper-slide:nth-child(7) .st-News_Slide-image-inner>div {
  -webkit-transition-delay: .7s;
  -o-transition-delay: .7s;
  transition-delay: .7s
}

.st-News_Slide .swiper-slide:nth-child(8) .st-News_Slide-image-inner>div {
  -webkit-transition-delay: .8s;
  -o-transition-delay: .8s;
  transition-delay: .8s
}

.st-News_Slide .swiper-slide:nth-child(9) .st-News_Slide-image-inner>div {
  -webkit-transition-delay: .9s;
  -o-transition-delay: .9s;
  transition-delay: .9s
}

.st-News_Slide .swiper-slide:nth-child(10) .st-News_Slide-image-inner>div {
  -webkit-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s
}

.st-News_Slide-image {
  overflow: hidden
}

.st-News_Slide-image-inner {
  -webkit-transition: -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
  -o-transition: transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: transform 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1)
}

.st-News_Slide-image-inner>div {
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
  padding-top: 62.06897%;
  -webkit-transform: scale(1.25);
  -ms-transform: scale(1.25);
  transform: scale(1.25);
  opacity: 0;
  -webkit-transition: opacity .8s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity .8s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
  -o-transition: transform 1s cubic-bezier(.23, 1, .32, 1), opacity .8s cubic-bezier(.23, 1, .32, 1);
  transition: transform 1s cubic-bezier(.23, 1, .32, 1), opacity .8s cubic-bezier(.23, 1, .32, 1);
  transition: transform 1s cubic-bezier(.23, 1, .32, 1), opacity .8s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1)
}

.st-News_Slide-title {
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.6em;
  letter-spacing: .06em
}

html[lang=en] .st-News_Slide-title {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-size: 1.4rem;
  line-height: 1.71429em;
  letter-spacing: .06em
}

.st-News_Slide-tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.st-News_Slide-tag li {
  color: #888;
  font-weight: 700;
  font-size: 1rem;
  line-height: 3em;
  letter-spacing: .06em
}

.st-News_Slide-tag li:before {
  content: "#"
}

.st-News_Slide-tag li:not(:last-child) {
  margin-right: 11px
}

.st-News_Slide .swiper-button-next,
.st-News_Slide .swiper-button-prev {
  height: 0;
  top: 0;
  padding-top: 54.26829%;
  margin-top: 0;
  width: 40px
}

.st-News_Slide .swiper-button-next:after,
.st-News_Slide .swiper-button-prev:after {
  display: none
}

.st-News_Slide .swiper-button-next i,
.st-News_Slide .swiper-button-prev i {
  position: absolute;
  display: block;
  border-radius: 50%;
  background-color: #fff;
  -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .25);
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .25);
  width: 40px;
  height: 40px;
  top: 50%;
  margin-top: -20px;
  text-align: center
}

.st-News_Slide .swiper-button-next i:before,
.st-News_Slide .swiper-button-prev i:before {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  color: #c7000b;
  font-size: 1rem;
  line-height: 1em;
  letter-spacing: 0;
  height: 10px
}

.st-News_Slide .swiper-button-next {
  right: 10px
}

.st-News_Slide .swiper-button-next.swiper-button-disabled {
  opacity: 0
}

.st-News_Slide .swiper-button-prev {
  left: 10px
}

.st-News_Slide .swiper-button-prev.swiper-button-disabled {
  opacity: 0
}

.top-Recruit {
  padding: 40px 0;
  overflow: hidden;
  background-color: #f4f4f4
}

.top-Recruit_Body {
  margin-bottom: 30px
}

.top-Recruit_Body .sw-Section_Header-en {
  font-size: 4rem;
  line-height: .9em;
  letter-spacing: 0
}

.top-Recruit_Body .sw-Section_Header-ja {
  font-size: 1.5rem;
  line-height: 1em;
  letter-spacing: .06em
}

.top-Recruit_Body-text {
  margin-top: 20px;
  font-size: 1.5rem;
  line-height: 1.6em;
  letter-spacing: .06em
}

.top-Recruit_Body .sw-ButtonRound {
  margin-top: 25px;
  text-align: center
}

.top-Recruit_Slide {
  width: 100%;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s;
  -o-transition: opacity .3s;
  transition: opacity .3s
}

.top-Recruit_Slide.appear {
  opacity: 1
}

.top-Recruit_Slide.appear .top-Recruit_Slide-body {
  -webkit-animation-play-state: initial;
  animation-play-state: initial
}

.top-Recruit_Slide-inner {
  position: relative;
  width: 100%;
  padding-top: 35.51829%
}

.top-Recruit_Slide-inner:after {
  content: "";
  width: 50%;
  padding-top: 9.16667%;
  background: url(../img/index/text_recruit.svg) 50%/contain no-repeat;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 27.43902%
}

.top-Recruit_Slide-body {
  position: absolute;
  left: 0;
  top: 0;
  width: 326.21951%;
  height: 100%;
  background: url(../img/index/img_recruit_slide.jpg) 50%/contain no-repeat;
  -webkit-animation: recruit-slide-sp 20s linear infinite;
  animation: recruit-slide-sp 20s linear infinite;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

@-webkit-keyframes recruit-slide-sp {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  to {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0)
  }
}

@keyframes recruit-slide-sp {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  to {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0)
  }
}

.news-Detail {
  padding-top: 40px;
  padding-bottom: 40px
}

.news-Detail .is-style-stripes tbody tr:nth-child(2n) {
  background-color: #f5f7f7
}

.news-Detail_Title {
  position: relative;
  border-bottom: 1px solid #ddd;
  padding-bottom: 20px
}

.news-Detail_Title:after {
  content: "";
  width: 60px;
  height: 1px;
  background-color: #000;
  position: absolute;
  bottom: -1px;
  left: 0
}

.news-Detail_Title .sw-Eyebrow {
  padding-top: 0;
  margin-bottom: 5px
}

html[lang=en] .news-Detail_Title .sw-Eyebrow_Category {
  color: #c7000b;
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-size: 1.2rem;
  line-height: 1.5em;
  letter-spacing: .02em
}

html[lang=en] .news-Detail_Title .sw-Eyebrow_Category:before {
  content: "- "
}

.news-Detail_Title .sw-Eyebrow_Date {
  color: #333
}

.news-Detail_Title h1 {
  font-size: 2.8rem;
  line-height: 1.28571em;
  letter-spacing: .06em;
  font-weight: 700;
  margin-bottom: 14px
}

html[lang=en] .news-Detail_Title h1 {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-size: 3rem;
  line-height: 1.2em;
  letter-spacing: .02em;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto
}

.news-Detail_Title .tag {
  font-size: 0;
  padding-left: 20px;
  background: url(../img/news/icon_tag.svg) left 3px/11px auto no-repeat
}

.news-Detail_Title .tag li {
  color: #888;
  display: inline-block;
  font-weight: 700;
  font-size: 1.2rem;
  line-height: 1.33333em;
  letter-spacing: .06em;
  margin-right: 8px
}

.news-Detail_Title .tag li:before {
  content: "#"
}

.news-Detail_Body {
  color: #555;
  position: relative;
  margin-bottom: 35px;
  padding-top: 30px;
  font-size: 1.5rem;
  line-height: 1.6em;
  letter-spacing: .06em
}

html[lang=en] .news-Detail_Body {
  font-family: Roboto, sans-serif;
  font-style: normal
}

.news-Detail_Body figure {
  text-align: center;
  margin-bottom: 30px
}

.news-Detail_Body img {
  max-width: 100%;
  height: auto
}

.news-Detail_Body figcaption {
  padding-top: 10px;
  color: #888;
  font-size: 1.2rem;
  line-height: 1.5em;
  letter-spacing: .06em
}

.news-Detail_Body>p:first-child {
  margin-top: 0
}

.news-Detail_Body p {
  color: #555;
  font-size: 1.5rem;
  line-height: 1.6em;
  letter-spacing: .06em;
  margin-top: 30px;
  margin-bottom: 30px
}

.news-Detail_Body h2 {
  font-size: 2.2rem;
  line-height: 1.31818em
}

.news-Detail_Body h2,
.news-Detail_Body h3 {
  font-weight: 700;
  letter-spacing: .06em;
  margin-top: 30px;
  margin-bottom: 25px
}

.news-Detail_Body h3 {
  font-size: 2rem;
  line-height: 1.3em
}

.news-Detail_Body table {
  width: 100%;
  border: 1px solid #ddd;
  border-collapse: collapse;
  margin-top: 30px;
  margin-bottom: 30px
}

.news-Detail_Body table td,
.news-Detail_Body table th {
  border: 1px solid #ddd;
  font-size: 1.4rem;
  line-height: 1.14286em;
  letter-spacing: .06em;
  color: #555;
  padding: 15px 12px
}

.news-Detail_Body table th {
  background-color: #f5f7f7
}

.news-Detail_Body .note {
  border: 1px solid #888;
  padding: 14px 20px;
  margin-top: 30px;
  margin-bottom: 40px
}

.news-Detail_Body .note p {
  color: #555;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.2rem;
  line-height: 1.66667em;
  letter-spacing: .06em
}

.news-Detail_Body a {
  color: #008cd6;
  border-bottom: 1px solid #008cd6
}

.news-Detail_Share {
  position: relative;
  border-top: 1px solid #ddd;
  padding-top: 35px
}

.news-Detail_Share:before {
  content: "";
  width: 60px;
  height: 1px;
  background-color: #000;
  position: absolute;
  top: -1px;
  left: 0
}

.news-Detail_Share p {
  color: #333;
  margin-top: 0;
  font-size: 1.5rem;
  line-height: 1em;
  letter-spacing: .06em;
  font-weight: 700;
  margin-bottom: 15px
}

.news-Detail_Share ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.news-Detail_Share ul li {
  text-align: center;
  width: 32.11009%;
  margin-right: 1.83486%
}

.news-Detail_Share ul li:nth-child(3n) {
  margin-right: 0
}

.news-Detail_Share ul li a {
  display: block;
  color: #fff;
  font-weight: 700;
  padding: 14px 0;
  font-size: 1.2rem;
  line-height: 1.16667em;
  letter-spacing: .06em;
  border-bottom: none;
  border-radius: 2px
}

.news-Detail_Share ul li a .icf {
  color: #fff;
  margin-right: 5px;
  vertical-align: bottom
}

.news-Detail_Share ul .share-tw a {
  background-color: #1da1f2
}

.news-Detail_Share ul .share-tw .icf {
  font-size: 1.2rem;
  line-height: 1em
}

.news-Detail_Share ul .share-fb a {
  background-color: #3b5998
}

.news-Detail_Share ul .share-fb .icf {
  font-size: 1.4rem;
  line-height: 1em
}

.news-Detail_Share ul .share-ln a {
  background-color: #00c300
}

.news-Detail_Share ul .share-ln .icf {
  font-size: 1.3rem;
  line-height: 1em
}

.news-Detail_FollowShare {
  display: none
}

.news-Detail_FollowShare-inner {
  background-color: #fff;
  border: 1px solid #eee;
  padding: 14px 0 23px;
  position: -webkit-sticky;
  position: sticky;
  top: 100px
}

.news-Detail_FollowShare .share {
  text-align: center;
  font-family: acumin-pro-condensed, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 1.4rem;
  line-height: 1em;
  margin-bottom: 18px
}

.news-Detail_FollowShare li:not(:last-child) {
  margin-bottom: 18px
}

.news-Detail_FollowShare li a {
  display: block;
  width: 21px;
  height: 21px;
  margin: auto;
  text-align: center;
  border-bottom: none
}

.news-Detail_FollowShare .share-tw a {
  color: #1da1f2
}

.news-Detail_FollowShare .share-tw .icf {
  font-size: 1.6rem;
  line-height: 1.3125em
}

.news-Detail_FollowShare .share-fb a {
  color: #3b5998
}

.news-Detail_FollowShare .share-fb .icf {
  font-size: 2rem;
  line-height: 1.05em
}

.news-Detail_FollowShare .share-ln a {
  color: #00c300
}

.news-Detail_FollowShare .share-ln .icf {
  font-size: 2.1rem;
  line-height: 1em
}

.single .news-ArticleList {
  padding-top: 40px;
  border-top: 1px solid #ddd
}

.single .sw-Section_HeaderS {
  margin-bottom: 30px
}

.news-PageTitle {
  margin-bottom: 38px
}

.news-PageTitle_Inner {
  width: 87.46667%;
  margin: auto;
  padding-top: 40px
}

.news-PageTitle .sw-Section_Header {
  margin-bottom: 0
}

.news-Narrow {
  width: 87.46667%;
  margin: auto
}

.news-Narrow_Cate {
  margin-bottom: 16px
}

.news-Narrow_Cate ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.news-Narrow_Cate li {
  margin-right: 10px;
  border: 1px solid #ddd
}

.news-Narrow_Cate li a {
  display: block;
  font-weight: 700;
  font-size: 1.3rem;
  line-height: 1.84615em;
  letter-spacing: .06em;
  padding: 0 16px
}

.news-Narrow_Cate li a.is-active {
  background-color: #222;
  pointer-events: none;
  color: #fff
}

.news-Narrow_Block {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #ddd;
  margin-right: 40px
}

.news-Narrow_Block:not(:last-child) {
  margin-bottom: 6px
}

.news-Narrow_Block:after {
  content: "";
  width: 9px;
  height: 10px;
  background: url(../img/news/arrow_narrow.svg) 50%/contain no-repeat
}

.news-Narrow_Block p {
  color: #888;
  font-weight: 700;
  font-size: 1.1rem;
  line-height: 2.18182em;
  letter-spacing: .06em;
  padding-right: 8px
}

html[lang=en] .news-Narrow_Block p {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-size: 1.1rem;
  line-height: 2.18182em;
  letter-spacing: .02em
}

.news-Narrow_Block select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.875em;
  letter-spacing: .06em;
  padding-right: 20px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0
}

html[lang=en] .news-Narrow_Block select {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-size: 1.6rem;
  line-height: 1.875em;
  letter-spacing: .02em
}

.news-Narrow_Block select::-ms-expand {
  display: none
}

.news .news-ArticleList {
  overflow: hidden;
  padding: 40px 0
}

.news-ArticleList_Item {
  margin-bottom: 30px;
  opacity: 0;
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: opacity 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
  -o-transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1)
}

.news-ArticleList_Item.appear {
  opacity: 1;
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0)
}

.news-ArticleList-image {
  overflow: hidden
}

.news-ArticleList-image>div {
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
  padding-top: 62.06897%
}

.news-ArticleList-title {
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.6em;
  letter-spacing: .06em;
  margin-bottom: 10px
}

html[lang=en] .news-ArticleList-title {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-size: 1.4rem;
  line-height: 1.71429em;
  letter-spacing: .06em
}

.news-ArticleList-tag li {
  display: inline-block;
  font-weight: 700;
  color: #888;
  font-size: 1rem;
  line-height: 1.5em;
  letter-spacing: .06em
}

.news-ArticleList-tag li:before {
  content: "#"
}

.news-ArticleList-tag li:not(:first-child) {
  margin-left: 10px
}

.news-ArticleList .sw-ButtonOval {
  width: 200px;
  margin: auto
}

.search-Wrap {
  position: relative
}

.search-Wrap .sw-Section_HeaderS {
  width: 87.46667%;
  padding-top: 25px;
  margin: auto auto 28px
}

.search-Nav {
  position: relative;
  border-top: 1px solid #ddd;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.search-NavBlock {
  width: 50vw;
  position: relative;
  z-index: 2
}

.search-NavBlock:first-child .search-NavBlock_Title {
  border-right: 1px solid #ddd
}

.search-NavBlock:last-child {
  position: absolute;
  right: 0;
  top: 0
}

.search-NavBlock:last-child .search-NavBlock_Body {
  right: 0;
  left: auto
}

.search-NavBlock.is-open .search-NavBlock_Title {
  color: #c7000b;
  border-bottom: none
}

.search-NavBlock.is-open .search-NavBlock_Title .icf {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg)
}

.search-NavBlock_Title {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-bottom: 1px solid #ddd;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 4em;
  letter-spacing: .06em
}

.search-NavBlock_Title span {
  padding-right: 10px;
  min-width: 9em
}

.search-NavBlock_Title .icf {
  font-size: 1rem;
  line-height: 1em;
  letter-spacing: 0;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: -webkit-transform .2s ease-in-out;
  transition: -webkit-transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out
}

.search-NavBlock_Body {
  position: absolute;
  top: 61px;
  left: 0;
  width: 100vw;
  display: none;
  background-color: #fff;
  padding: 13.33333%
}

.search-NavBlock_Body li:not(:last-child) {
  margin-bottom: 20px
}

.search-NavBlock_Body li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.search-NavBlock_Body li a img {
  width: 37px
}

.search-NavBlock_Body li a span {
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.4em;
  letter-spacing: .06em;
  padding-left: 10px
}

.series-Nav {
  background: #fff;
  overflow: hidden;
  overflow-x: scroll;
  overflow-y: hidden;
  -ms-overflow-style: none;
  scrollbar-width: none;
  z-index: 3
}

.series-Nav::-webkit-scrollbar {
  display: none
}

.series-Nav_Inner {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 624px
}

.series-Nav_Inner,
.series-Nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.series-Nav li {
  position: relative;
  text-align: center
}

.series-Nav li:after {
  content: "";
  width: 1px;
  height: 20px;
  background-color: #ddd;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto
}

.series-Nav li.current a {
  position: relative;
  pointer-events: none
}

.series-Nav li.current a:after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}

.series-Nav li[data-series=guzzilla] p {
  width: 50px
}

.series-Nav li[data-series=grasper] p {
  width: 55px
}

.series-Nav li[data-series=mag-gon] p {
  width: 47px
}

.series-Nav li[data-series=kusakaru-gon] p {
  width: 55px
}

.series-Nav li[data-series=other] p {
  font-family: acumin-pro-condensed, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 1.3rem;
  line-height: 1em;
  letter-spacing: 0;
  white-space: nowrap
}

.series-Nav li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: centerc;
  -ms-flex-pack: centerc;
  justify-content: centerc;
  padding: 10px
}

.series-Nav li a:after {
  content: "";
  width: 100%;
  height: 1.5px;
  background-color: #c7000b;
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0)
}

.series-Nav li div {
  width: 30px;
  margin-right: 5px
}

.series-Nav_All {
  font-size: 1.6rem;
  line-height: 1em;
  letter-spacing: 0;
  padding: 5px 15px
}

.series-Nav_All a {
  vertical-align: bottom;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #e4e9ea;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.search-PageTitle {
  margin-bottom: 25px
}

.search-PageTitle_Inner {
  width: 87.46667%;
  margin: auto
}

.search-PageTitle h1 span {
  display: block
}

.search-PageTitle_Purpose {
  font-weight: 700;
  color: #a7a7a7;
  font-size: 1.7rem;
  line-height: 1em;
  letter-spacing: .06em;
  margin-bottom: 7px
}

.search-PageTitle_Title {
  font-weight: 700;
  font-size: 2.3rem;
  line-height: 1.26087em;
  letter-spacing: .06em
}

.series-PageTitle {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%
}

.series-PageTitle_Inner {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 375px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.series-PageTitle_Inner.appear span {
  opacity: 1;
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0)
}

.series-PageTitle video {
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%
}

.series-PageTitle .sw-parallax,
.series-PageTitle video {
  position: absolute;
  z-index: 1;
  height: 100%
}

.series-PageTitle .sw-parallax_block {
  height: calc(100% + 100px)
}

.series-PageTitle h1 {
  width: 100%;
  position: relative;
  z-index: 2;
  text-align: center
}

.series-PageTitle h1 span {
  display: block;
  opacity: 0;
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: opacity 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
  -o-transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1)
}

.series-PageTitle h1 span:nth-child(2) {
  -webkit-transition-delay: .5s;
  -o-transition-delay: .5s;
  transition-delay: .5s
}

.series-PageTitle_Logo {
  width: 37.33333%;
  margin: 0 auto 5px;
  font-family: acumin-pro-condensed, sans-serif;
  font-weight: 800;
  font-style: normal;
  color: #fff;
  font-size: 3.6rem;
  line-height: 1.22222em;
  letter-spacing: 0
}

.other .series-PageTitle_Logo {
  width: 100%
}

.series-PageTitle_Title {
  color: #fff;
  font-weight: 700;
  font-size: 1.7rem;
  line-height: 2em;
  letter-spacing: .06em
}

.series-PageTitle_Title:after,
.series-PageTitle_Title:before {
  content: "";
  width: 25px;
  height: 1px;
  background-color: #fff;
  display: inline-block;
  vertical-align: middle
}

.series-PageTitle_Title:before {
  margin-right: 5px
}

.series-PageTitle_Title:after {
  margin-left: 5px
}

html[lang=en] .series-PageTitle_Title {
  font-family: acumin-pro-condensed, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 2.4rem;
  line-height: 1.41667em;
  letter-spacing: .02em
}

.guzzilla .series-PageTitle .sw-parallax_block {
  background: url(../img/series/guzzilla_product_cov.jpg) 50%/cover no-repeat
}

.grasper .series-PageTitle .sw-parallax_block {
  background: url(../img/series/grasper_product_cov.jpg) 50%/cover no-repeat
}

.mag-gon .series-PageTitle .sw-parallax_block {
  background: url(../img/series/maggon_product_cov.jpg) 50%/cover no-repeat
}

.kusakaru-gon .series-PageTitle .sw-parallax_block {
  background: url(../img/series/kusakaru_product_cov.jpg) 50%/cover no-repeat
}

.other .series-PageTitle .series-PageTitle_Inner:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  background-color: rgba(0, 0, 0, .1)
}

.other .series-PageTitle .sw-parallax_block {
  background: url(../img/series/other_product_cov.jpg) 50%/cover no-repeat
}

.product-Detail+.series-Lineup {
  border-top: 1px solid #eee
}

.series-Lineup {
  padding: 40px 0;
  border-bottom: 1px solid #eee
}

.series-Lineup_Inner {
  width: 87.46667%;
  margin: auto;
  position: relative
}

.series-Lineup .sw-Section_HeaderS {
  margin-bottom: 28px
}

.series-Lineup_List {
  margin-bottom: 30px
}

.series-Lineup_List ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.series-Lineup_List li {
  width: 49.33333%;
  background-color: #f5f7f7;
  margin-right: 1.33333%;
  opacity: 0;
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: opacity 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
  -o-transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1)
}

.series-Lineup_List li.appear {
  opacity: 1;
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0)
}

.series-Lineup_List li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  height: 100%;
  position: relative
}

.series-Lineup_List-image {
  position: relative;
  display: block;
  width: 83.78378%;
  margin: 0 auto 17px
}

.series-Lineup_List-title {
  padding: 0 12px;
  margin-bottom: 15px
}

.series-Lineup_List-title p {
  display: inline-block
}

.series-Lineup_List-title p span {
  display: block;
  font-weight: 700
}

.series-Lineup_List-title p span:first-child {
  text-align: left;
  font-size: 1rem;
  line-height: 1.4em;
  letter-spacing: .03em;
  margin-bottom: 5px
}

html[lang=en] .series-Lineup_List-title p span:first-child {
  font-size: 1rem;
  line-height: 1.4em;
  letter-spacing: .01em
}

.series-Lineup_List-title p span:nth-child(2) {
  text-align: left;
  font-size: 1.5rem;
  line-height: 1.26667em;
  letter-spacing: 0
}

html[lang=en] .series-Lineup_List-title p span:nth-child(2) {
  font-family: Roboto, sans-serif;
  font-style: normal
}

.series-Lineup_SpecList {
  margin-top: auto
}

.series-Lineup_SpecList dl {
  padding: 8px 12px 10px
}

.series-Lineup_SpecList dl:nth-child(odd) {
  background-color: #ecf0f0
}

.series-Lineup_SpecList dl dt {
  color: #555;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5em;
  letter-spacing: .06em;
  margin-bottom: 3px
}

html[lang=en] .series-Lineup_SpecList dl dt {
  font-family: Roboto, sans-serif;
  font-style: normal
}

.series-Lineup_SpecList dl dd {
  font-family: acumin-pro-condensed, sans-serif;
  font-weight: 800;
  font-style: normal;
  color: #c7000b;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: .625em;
  letter-spacing: .06em
}

.series-Lineup_SpecList dl dd i {
  font-style: normal;
  font-size: 1.2rem;
  line-height: .83333em;
  letter-spacing: .06em;
  padding-left: 2px
}

.series-Lineup .sw-ButtonOval {
  margin-top: 30px;
  text-align: center
}

.series-Lineup .sw-ButtonOval a {
  width: 200px;
  margin: auto
}

.series-Movie {
  background-color: #e4e9ea;
  overflow: hidden;
  padding: 40px 0
}

.series-Movie_Inner {
  width: 87.46667%;
  margin: auto;
  position: relative
}

.series-Movie .sw-Section_HeaderS {
  margin-bottom: 30px
}

.series-Movie_Slide {
  overflow: visible;
  margin-bottom: 25px;
  opacity: 0;
  -webkit-transform: translate(20px);
  -ms-transform: translate(20px);
  transform: translate(20px);
  -webkit-transition: opacity 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
  -o-transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1)
}

.series-Movie_Slide.appear {
  opacity: 1;
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0)
}

.series-Movie_Slide .sw-Movie_Container {
  position: relative;
  margin-bottom: 15px;
  display: block
}

.series-Movie_Slide-title {
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.6em;
  letter-spacing: .06em
}

html[lang=en] .series-Movie_Slide-title {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-size: 1.5rem;
  line-height: 1.6em;
  letter-spacing: .02em
}

.series-Movie .swiper-button-next,
.series-Movie .swiper-button-prev {
  height: 0;
  top: 0;
  padding-top: 49.69512%;
  margin-top: 0;
  width: 40px
}

.series-Movie .swiper-button-next:after,
.series-Movie .swiper-button-prev:after {
  display: none
}

.series-Movie .swiper-button-next i,
.series-Movie .swiper-button-prev i {
  position: absolute;
  display: block;
  border-radius: 50%;
  background-color: #fff;
  -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .25);
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .25);
  width: 40px;
  height: 40px;
  top: 50%;
  margin-top: -20px;
  text-align: center
}

.series-Movie .swiper-button-next i:before,
.series-Movie .swiper-button-prev i:before {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  color: #c7000b;
  font-size: 1rem;
  line-height: 1em;
  letter-spacing: 0;
  height: 10px
}

.series-Movie .swiper-button-next {
  right: 10px
}

.series-Movie .swiper-button-next.swiper-button-disabled {
  opacity: 0
}

.series-Movie .swiper-button-prev {
  left: 10px
}

.series-Movie .swiper-button-prev.swiper-button-disabled {
  opacity: 0
}

.series-Movie_Button a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border: 1px solid red;
  border-radius: 20px;
  padding: 4px 12px 4px 20px;
  position: relative;
  background-color: red;
  width: 230px;
  margin: auto
}

.series-Movie_Button a span {
  font-weight: 700;
  font-size: 1.2rem;
  line-height: 1.25em;
  letter-spacing: .06em;
  color: #fff
}

html[lang=en] .series-Movie_Button a span {
  font-size: 1.2rem;
  line-height: 1.25em;
  letter-spacing: .02em
}

.series-Movie_Button a .icf {
  color: #fff
}

.series-Movie_Button a .icf-yt {
  font-size: 1.7rem;
  line-height: 1em;
  letter-spacing: 0;
  height: 17px
}

.series-Movie_Button a .icf-blank {
  font-size: 1.5rem;
  line-height: 1em;
  letter-spacing: 0;
  height: 15px
}

.series-Banner {
  overflow: hidden;
  padding: 40px 0 0
}

.series-Banner_Inner {
  width: 87.46667%;
  margin: auto;
  position: relative
}

.series-Banner a {
  display: block;
  position: relative;
  border: 1px solid #eee
}

.series-Banner a+a {
  margin-top: 20px
}

.news-ArticleList {
  overflow: hidden;
  padding: 40px 0
}

.news-ArticleList_Inner {
  width: 87.46667%;
  margin: auto;
  position: relative
}

.news-ArticleList .sw-ButtonRound {
  text-align: center
}

.product-Nav {
  background-color: #222;
  z-index: 3
}

.product-Nav_Inner {
  position: relative;
  width: 87.46667%;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-top: 10px;
  padding-bottom: 10px
}

.product-Nav_Prev {
  margin-right: auto
}

.product-Nav_Prev a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  font-size: 1.8rem;
  line-height: 1em;
  letter-spacing: 0;
  font-family: acumin-pro-condensed, sans-serif;
  font-weight: 800;
  font-style: normal
}

.product-Nav_Prev div {
  margin-left: 10px
}

.product-Nav_Prev div img {
  width: 65px
}

.product-Nav_Trigger {
  color: #fff;
  font-size: 1rem;
  line-height: 1em;
  letter-spacing: 0;
  padding: 5px 10px;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  display: block
}

.product-Nav_Menu {
  position: absolute;
  top: 50px;
  right: 0;
  z-index: 2;
  background-color: #222;
  display: none
}

.product-Nav_Menu li:not(:last-child) {
  border-bottom: 1px solid #f5f7f7
}

.product-Nav_Menu li a {
  display: block;
  font-weight: 700;
  color: #fff;
  padding: 15px 20px;
  font-size: 1.4rem;
  line-height: 1.5em;
  letter-spacing: .06em
}

html[lang=en] .product-Nav_Menu li a {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-size: 1.4rem;
  line-height: 1.5em;
  letter-spacing: .02em
}

.product-Nav_All {
  font-size: 1.6rem;
  line-height: 1em;
  letter-spacing: 0;
  padding: 0 0 0 16px;
  border-left: 1px solid #a0a0a0
}

.product-Nav_All a {
  vertical-align: bottom;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #e4e9ea;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.product-PageTitle {
  overflow: hidden;
  background-color: #f5f7f7
}

.product-PageTitle_Inner {
  width: 87.46667%;
  margin: auto;
  padding-top: 10px;
  padding-bottom: 30px
}

.product-PageTitle_Image {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0;
  -webkit-transition: opacity .8s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity .8s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
  -o-transition: transform 1s cubic-bezier(.23, 1, .32, 1), opacity .8s cubic-bezier(.23, 1, .32, 1);
  transition: transform 1s cubic-bezier(.23, 1, .32, 1), opacity .8s cubic-bezier(.23, 1, .32, 1);
  transition: transform 1s cubic-bezier(.23, 1, .32, 1), opacity .8s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1)
}

.product-PageTitle_Image.appear {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}

.product-PageTitle_Body {
  opacity: 0;
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: opacity 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
  -o-transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1)
}

.product-PageTitle_Body.appear {
  opacity: 1;
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0)
}

.product-PageTitle_Award {
  width: 23.93293%;
  margin-bottom: 5px
}

.product-PageTitle h1 {
  font-weight: 700;
  font-size: 2.8rem;
  line-height: 1.17857em;
  letter-spacing: 0;
  margin-bottom: 15px
}

html[lang=en] .product-PageTitle h1 {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-size: 2.3rem;
  line-height: 1.43478em;
  letter-spacing: 0;
  margin-bottom: 10px
}

.product-PageTitle h1 span {
  display: block;
  font-size: 1.4rem;
  line-height: 1.5em;
  letter-spacing: .03em;
  margin-bottom: 3px
}

html[lang=en] .product-PageTitle h1 span {
  font-size: 1.4rem;
  line-height: 1.5em;
  letter-spacing: .01em
}

.product-PageTitle_Copy {
  font-weight: 700;
  font-size: 1.7rem;
  line-height: 1.17647em;
  letter-spacing: .03em;
  margin-bottom: 10px
}

html[lang=en] .product-PageTitle_Copy {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-size: 1.7rem;
  line-height: 1.17647em;
  letter-spacing: .01em
}

.product-PageTitle_Spec {
  margin-bottom: 16px
}

.product-PageTitle_Spec p:first-child {
  font-size: 1.3rem;
  line-height: 1em;
  letter-spacing: .06em;
  margin-bottom: 6px
}

html[lang=en] .product-PageTitle_Spec p:first-child {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-size: 1.3rem;
  line-height: 1em;
  letter-spacing: .02em;
  margin-bottom: 6px
}

.product-PageTitle_Spec p:nth-child(2) {
  font-family: acumin-pro-condensed, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 3rem;
  line-height: .73333em;
  letter-spacing: .06em;
  padding-left: 30px;
  background: url(../img/product/icon_excavator.svg) 0/24px auto no-repeat
}

.product-PageTitle_Spec p:nth-child(2) i {
  font-style: normal;
  font-size: 1.5rem;
  line-height: 1.46667em;
  letter-spacing: .06em;
  padding-left: 2px
}

.product-PageTitle_Button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.product-PageTitle_Button .sw-ButtonOval {
  width: 48.01829%
}

.product-PageTitle_Button .sw-ButtonOval .icf-arright {
  font-size: 1rem;
  line-height: 1em;
  letter-spacing: 0;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  margin-left: 6px
}

.product-Detail_Inner {
  width: 87.46667%;
  margin: auto;
  padding-top: 42px;
  padding-bottom: 44px
}

.product-Detail_Lead {
  font-size: 1.7rem;
  line-height: 1.82353em;
  letter-spacing: .06em;
  font-weight: 700;
  opacity: 0;
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: opacity 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
  -o-transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1)
}

.product-Detail_Lead.appear {
  opacity: 1;
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0)
}

html[lang=en] .product-Detail_Lead {
  font-size: 1.6rem;
  line-height: 1.9375em;
  letter-spacing: .06em
}

.product-Detail_Column:first-child {
  margin-top: 42px
}

.product-Detail_Column:not(:last-child) {
  margin-bottom: 35px
}

.product-Detail_Column>div:nth-child(2) {
  opacity: 0;
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: opacity 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
  -o-transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1)
}

.product-Detail_Column>div:nth-child(2).appear {
  opacity: 1;
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0)
}

.product-Detail_Column-image {
  position: relative
}

.product-Detail_Column-image.appear picture {
  -webkit-animation-name: animate-content;
  animation-name: animate-content;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: cubic-bezier(0, 0, 0, 1);
  animation-timing-function: cubic-bezier(0, 0, 0, 1);
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.product-Detail_Column-image.appear picture:after {
  -webkit-animation-name: animate-panel;
  animation-name: animate-panel;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: cubic-bezier(0, 0, 0, 1);
  animation-timing-function: cubic-bezier(0, 0, 0, 1);
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.product-Detail_Column picture {
  position: relative;
  display: block;
  margin-bottom: 26px;
  overflow: hidden;
  visibility: hidden;
  text-align: center
}

.product-Detail_Column picture:after {
  content: "";
  background: #ddd;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all .3s cubic-bezier(0, 0, 0, 1) 0s;
  -o-transition: all .3s cubic-bezier(0, 0, 0, 1) 0s;
  transition: all .3s cubic-bezier(0, 0, 0, 1) 0s;
  visibility: visible
}

.product-Detail_Column picture video {
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%
}

.product-Detail_Column-lead {
  color: #c7000b;
  font-weight: 700;
  font-size: 1.7rem;
  line-height: 1.70588em;
  letter-spacing: .06em;
  margin-bottom: 3px
}

html[lang=en] .product-Detail_Column-lead {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-size: 1.7rem;
  line-height: 1.88235em;
  letter-spacing: .02em
}

.product-Detail_Column-copy {
  font-size: 2.3rem;
  line-height: 1.26087em;
  letter-spacing: .03em;
  font-weight: 700;
  margin-bottom: 12px
}

.product-Detail_Column-copy b {
  background-color: #e6ebec
}

html[lang=en] .product-Detail_Column-copy {
  font-family: acumin-pro-condensed, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-weight: 700;
  font-size: 2.7rem;
  line-height: 1.07407em;
  letter-spacing: .01em
}

.product-Detail_Column-text {
  text-align: justify;
  font-size: 1.7rem;
  line-height: 1.58824em;
  letter-spacing: .06em
}

html[lang=en] .product-Detail_Column-text {
  text-align: left;
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-size: 1.7rem;
  line-height: 1.41176em;
  letter-spacing: .02em
}

.product-Detail+.series-Banner {
  padding: 0 0 44px
}

.product-Movie {
  background-color: #e4e9ea;
  overflow: hidden;
  padding: 40px 0
}

.product-Movie_Inner {
  width: 87.46667%;
  margin: auto;
  position: relative
}

.product-Movie .sw-Section_HeaderS {
  margin-bottom: 30px
}

.product-Movie_Slide {
  overflow: visible;
  margin-bottom: 25px;
  opacity: 0;
  -webkit-transform: translate(20px);
  -ms-transform: translate(20px);
  transform: translate(20px);
  -webkit-transition: opacity 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
  -o-transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1)
}

.product-Movie_Slide.appear {
  opacity: 1;
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0)
}

.product-Movie_Slide .sw-Movie_Container {
  position: relative;
  margin-bottom: 15px;
  display: block
}

.product-Movie_Slide-title {
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.6em;
  letter-spacing: .06em
}

html[lang=en] .product-Movie_Slide-title {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-size: 1.5rem;
  line-height: 1.6em;
  letter-spacing: .02em
}

.product-Movie .swiper-button-next,
.product-Movie .swiper-button-prev {
  height: 0;
  top: 0;
  padding-top: 50.91463%;
  margin-top: 0;
  width: 40px
}

.product-Movie .swiper-button-next:after,
.product-Movie .swiper-button-prev:after {
  display: none
}

.product-Movie .swiper-button-next i,
.product-Movie .swiper-button-prev i {
  position: absolute;
  display: block;
  border-radius: 50%;
  background-color: #fff;
  -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .25);
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .25);
  width: 40px;
  height: 40px;
  top: 50%;
  margin-top: -20px;
  text-align: center
}

.product-Movie .swiper-button-next i:before,
.product-Movie .swiper-button-prev i:before {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  color: #c7000b;
  font-size: 1rem;
  line-height: 1em;
  letter-spacing: 0;
  height: 10px
}

.product-Movie .swiper-button-next {
  right: 10px
}

.product-Movie .swiper-button-next.swiper-button-disabled {
  opacity: 0
}

.product-Movie .swiper-button-prev {
  left: 10px
}

.product-Movie .swiper-button-prev.swiper-button-disabled {
  opacity: 0
}

.product-Movie_Button a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border: 1px solid red;
  border-radius: 20px;
  padding: 4px 12px 4px 20px;
  position: relative;
  background-color: red;
  width: 230px;
  margin: auto
}

.product-Movie_Button a span {
  font-weight: 700;
  font-size: 1.2rem;
  line-height: 1.25em;
  letter-spacing: .06em;
  color: #fff
}

.product-Movie_Button a .icf {
  color: #fff
}

.product-Movie_Button a .icf-yt {
  font-size: 1.7rem;
  line-height: 1em;
  letter-spacing: 0;
  height: 17px
}

.product-Movie_Button a .icf-blank {
  font-size: 1.5rem;
  line-height: 1em;
  letter-spacing: 0;
  height: 15px
}

.product-Detail+.product-Spec {
  border-top: 1px solid #eee
}

.product-Spec {
  overflow: hidden;
  padding: 40px 0;
  border-bottom: 1px solid #eee
}

.product-Spec_Inner {
  width: 87.46667%;
  margin: auto;
  position: relative
}

.product-Spec .sw-Section_HeaderS {
  margin-bottom: 20px
}

.product-Spec_Diagram {
  position: relative;
  height: 100px;
  margin-bottom: 10px
}

.product-Spec_Diagram,
.product-Spec_Diagram-image {
  width: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain
}

.product-Spec_Diagram-image {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%
}

.product-Spec_Diagram:after {
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #555 url(../img/common/icon_scale.svg) 50%/50% auto no-repeat;
  position: absolute;
  right: calc(50% - 100px);
  bottom: 0;
  -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .25);
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .25)
}

.product-Spec_Table {
  position: relative;
  overflow: hidden
}

.product-Spec_Table:before {
  content: "";
  padding-left: 6.53333%;
  height: 100%;
  position: absolute;
  left: 0;
  z-index: 2
}

.product-Spec_Table-inner {
  overflow-x: scroll;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  padding-left: 6.4%;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-overflow-style: none;
  scrollbar-width: none
}

.product-Spec_Table-inner::-webkit-scrollbar {
  display: none
}

.product-Spec_Table-inner:after {
  content: "";
  padding-left: 6.53333%;
  height: 1px
}

.product-Spec_Table table {
  border: 1px solid #ddd;
  border-collapse: collapse;
  text-align: center
}

.product-Spec_Table table thead th {
  font-weight: 700;
  background-color: #f1f1f1;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1
}

.product-Spec_Table table thead td,
.product-Spec_Table table thead th {
  padding: 8px 7px
}

.product-Spec_Table table tbody tr.__hover {
  background-color: #fcc
}

.product-Spec_Table table tbody tr.__hover th {
  background-color: #c7000b;
  color: #fff
}

.product-Spec_Table table tbody tr.__hover td {
  color: #c7000b
}

.product-Spec_Table table tbody th {
  text-align: left;
  background-color: #f5f7f7;
  white-space: nowrap
}

.product-Spec_Table table tbody th picture {
  position: relative;
  width: 45px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 7px
}

.product-Spec_Table table tbody th picture:after {
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #bbb url(../img/common/icon_scale.svg) 50%/50% auto no-repeat;
  position: absolute;
  right: 0;
  bottom: 0
}

.product-Spec_Table table tbody th p {
  display: inline-block;
  font-size: 1.4rem;
  line-height: 1.21429em;
  letter-spacing: .06em;
  font-weight: 700
}

.product-Spec_Table table tbody td,
.product-Spec_Table table tbody th {
  padding: 5px 7px
}

.product-Spec_Table table tbody td {
  font-weight: 400
}

.product-Spec_Table table td,
.product-Spec_Table table th {
  color: #555;
  border: 1px solid #ddd;
  font-size: 1.4rem;
  line-height: 1.21429em;
  letter-spacing: .06em;
  font-weight: 700
}

html[lang=en] .product-Spec_Table table td,
html[lang=en] .product-Spec_Table table th {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-size: 1.3rem;
  line-height: 1.15385em;
  letter-spacing: 0
}

.product-Spec_Table table .pdf {
  display: block;
  width: 12px;
  height: 15px;
  margin: auto;
  background: url(../img/common/icon_pdf.svg) 50%/cover no-repeat
}

.product-Spec_Note {
  width: 87.46667%;
  margin: auto;
  padding-top: 10px
}

.product-Spec_Note p {
  color: #555;
  font-size: 1rem;
  line-height: 1.5em;
  letter-spacing: .06em
}

html[lang=en] .product-Spec_Note p {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.5em;
  letter-spacing: .02em
}

.product-Catalogue {
  overflow: hidden;
  padding: 40px 0;
  border-bottom: 1px solid #eee
}

.product-Catalogue_Inner {
  width: 87.46667%;
  margin: auto;
  position: relative
}

.product-Catalogue_Slide {
  overflow: visible;
  opacity: 0;
  -webkit-transform: translate(20px);
  -ms-transform: translate(20px);
  transform: translate(20px);
  -webkit-transition: opacity 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
  -o-transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1)
}

.product-Catalogue_Slide.appear {
  opacity: 1;
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0)
}

.product-Catalogue_Slide-image {
  position: relative;
  margin-bottom: 15px;
  display: block;
  overflow: hidden;
  background-color: #f7f7f7
}

.product-Catalogue_Slide-image>div {
  padding-top: 142.42424%;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
  -o-transition: transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: transform 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1)
}

.product-Catalogue_Slide-title {
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.71429em;
  letter-spacing: .06em
}

html[lang=en] .product-Catalogue_Slide-title {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-size: 1.3rem;
  line-height: 1.84615em;
  letter-spacing: .02em
}

.product-Catalogue_Slide-title:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 15px;
  margin-left: 6px;
  background: url(../img/common/icon_pdf.svg) 50%/cover no-repeat
}

.product-Catalogue .swiper-button-next,
.product-Catalogue .swiper-button-prev {
  height: 0;
  top: 0;
  padding-top: 70.73171%;
  margin-top: 0;
  width: 40px
}

.product-Catalogue .swiper-button-next:after,
.product-Catalogue .swiper-button-prev:after {
  display: none
}

.product-Catalogue .swiper-button-next i,
.product-Catalogue .swiper-button-prev i {
  position: absolute;
  display: block;
  border-radius: 50%;
  background-color: #fff;
  -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .25);
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .25);
  width: 40px;
  height: 40px;
  top: 50%;
  margin-top: -20px;
  text-align: center
}

.product-Catalogue .swiper-button-next i:before,
.product-Catalogue .swiper-button-prev i:before {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  color: #c7000b;
  font-size: 1rem;
  line-height: 1em;
  letter-spacing: 0;
  height: 10px
}

.product-Catalogue .swiper-button-next {
  right: 10px
}

.product-Catalogue .swiper-button-next.swiper-button-disabled {
  opacity: 0
}

.product-Catalogue .swiper-button-prev {
  left: 10px
}

.product-Catalogue .swiper-button-prev.swiper-button-disabled {
  opacity: 0
}

.product-Catalogue+.news-ArticleList,
.product-Lineup {
  border-bottom: 1px solid #eee
}

.product-Lineup {
  overflow: hidden;
  padding: 40px 0
}

.product-Lineup_Inner {
  width: 87.46667%;
  margin: auto;
  position: relative
}

.product-Lineup .sw-Section_HeaderS {
  margin-bottom: 28px
}

.product-Lineup_Slide {
  overflow: visible;
  margin-bottom: 30px;
  opacity: 0;
  -webkit-transform: translate(20px);
  -ms-transform: translate(20px);
  transform: translate(20px);
  -webkit-transition: opacity 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
  -o-transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1)
}

.product-Lineup_Slide.appear {
  opacity: 1;
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0)
}

.product-Lineup_Slide .swiper-slide {
  background-color: #f5f7f7;
  height: auto
}

.product-Lineup_Slide .swiper-slide a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  height: 100%;
  position: relative
}

.product-Lineup_Slide-image {
  position: relative;
  display: block;
  width: 83.78378%;
  margin: 0 auto 17px
}

.product-Lineup_Slide-title {
  padding: 0 12px;
  margin-bottom: 15px
}

.product-Lineup_Slide-title p {
  display: inline-block
}

.product-Lineup_Slide-title p span {
  display: block;
  font-weight: 700
}

.product-Lineup_Slide-title p span:first-child {
  text-align: left;
  font-size: 1rem;
  line-height: 1.4em;
  letter-spacing: .03em;
  margin-bottom: 5px
}

html[lang=en] .product-Lineup_Slide-title p span:first-child {
  font-size: 1rem;
  line-height: 1.4em;
  letter-spacing: .01em
}

.product-Lineup_Slide-title p span:nth-child(2) {
  text-align: left;
  font-size: 1.5rem;
  line-height: 1.26667em;
  letter-spacing: 0
}

html[lang=en] .product-Lineup_Slide-title p span:nth-child(2) {
  font-family: Roboto, sans-serif;
  font-style: normal
}

.product-Lineup .swiper-button-next,
.product-Lineup .swiper-button-prev {
  height: 100%;
  top: 0;
  margin-top: 0;
  width: 40px
}

.product-Lineup .swiper-button-next:after,
.product-Lineup .swiper-button-prev:after {
  display: none
}

.product-Lineup .swiper-button-next i,
.product-Lineup .swiper-button-prev i {
  position: absolute;
  display: block;
  border-radius: 50%;
  background-color: #fff;
  -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .25);
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .25);
  width: 40px;
  height: 40px;
  top: 50%;
  margin-top: -20px;
  text-align: center
}

.product-Lineup .swiper-button-next i:before,
.product-Lineup .swiper-button-prev i:before {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  color: #c7000b;
  font-size: 1rem;
  line-height: 1em;
  letter-spacing: 0;
  height: 10px
}

.product-Lineup .swiper-button-next {
  right: 10px
}

.product-Lineup .swiper-button-next.swiper-button-disabled {
  opacity: 0
}

.product-Lineup .swiper-button-prev {
  left: 10px
}

.product-Lineup .swiper-button-prev.swiper-button-disabled {
  opacity: 0
}

.product-Lineup_SpecList {
  margin-top: auto
}

.product-Lineup_SpecList dl {
  padding: 8px 12px 10px
}

.product-Lineup_SpecList dl:nth-child(odd) {
  background-color: #ecf0f0
}

.product-Lineup_SpecList dl dt {
  color: #555;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5em;
  letter-spacing: .06em;
  margin-bottom: 3px
}

html[lang=en] .product-Lineup_SpecList dl dt {
  font-family: Roboto, sans-serif;
  font-style: normal
}

.product-Lineup_SpecList dl dd {
  font-family: acumin-pro-condensed, sans-serif;
  font-weight: 800;
  font-style: normal;
  color: #c7000b;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: .625em;
  letter-spacing: .06em
}

.product-Lineup_SpecList dl dd i {
  font-style: normal;
  font-size: 1.2rem;
  line-height: .83333em;
  letter-spacing: .06em;
  padding-left: 2px
}

.product-Lineup .sw-ButtonRound {
  text-align: center
}

.product-Series {
  overflow: hidden;
  padding: 40px 0;
  border-bottom: 1px solid #eee
}

.product-Series_Inner {
  width: 87.46667%;
  margin: auto;
  position: relative
}

.product-Series .sw-Section_HeaderS {
  margin-bottom: 28px
}

.product-Series_Slide {
  overflow: visible;
  margin-bottom: 30px;
  opacity: 0;
  -webkit-transform: translate(20px);
  -ms-transform: translate(20px);
  transform: translate(20px);
  -webkit-transition: opacity 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
  -o-transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1)
}

.product-Series_Slide.appear {
  opacity: 1;
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0)
}

.product-Series_Slide .swiper-slide {
  background-color: #e4e9ea;
  height: auto
}

.product-Series_Slide .swiper-slide a {
  position: relative;
  display: block;
  padding: 10px 10px 15px
}

.product-Series_Slide-image {
  position: relative;
  display: block;
  margin: 0 auto 12px;
  text-align: center
}

.product-Series_Slide-logo {
  height: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto 5px;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.product-Series_Slide-logo.guzzilla {
  width: 45.20548%
}

.product-Series_Slide-logo.grasper {
  width: 49.31507%
}

.product-Series_Slide-logo.maggon {
  width: 45.54795%
}

.product-Series_Slide-logo.kusakaru {
  width: 55.47945%
}

.product-Series_Slide-logo.other {
  font-family: acumin-pro-condensed, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 1.6rem;
  line-height: 1em;
  letter-spacing: 0
}

.product-Series_Slide-title {
  text-align: center;
  font-size: 1rem;
  line-height: 1.5em;
  letter-spacing: .06em;
  font-weight: 700
}

html[lang=en] .product-Series_Slide-title {
  font-family: acumin-pro-condensed, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 1.4rem;
  line-height: 1em;
  letter-spacing: 0
}

.product-Series_Slide-title:after,
.product-Series_Slide-title:before {
  content: "";
  width: 10px;
  height: 1px;
  background-color: #222;
  display: inline-block;
  vertical-align: middle
}

.product-Series_Slide-title:before {
  margin-right: 5px
}

.product-Series_Slide-title:after {
  margin-left: 5px
}

.product-Series .swiper-button-next,
.product-Series .swiper-button-prev {
  height: 100%;
  top: 0;
  margin-top: 0;
  width: 40px
}

.product-Series .swiper-button-next:after,
.product-Series .swiper-button-prev:after {
  display: none
}

.product-Series .swiper-button-next i,
.product-Series .swiper-button-prev i {
  position: absolute;
  display: block;
  border-radius: 50%;
  background-color: #fff;
  -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .25);
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .25);
  width: 40px;
  height: 40px;
  top: 50%;
  margin-top: -20px;
  text-align: center
}

.product-Series .swiper-button-next i:before,
.product-Series .swiper-button-prev i:before {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  color: #c7000b;
  font-size: 1rem;
  line-height: 1em;
  letter-spacing: 0;
  height: 10px
}

.product-Series .swiper-button-next {
  right: 10px
}

.product-Series .swiper-button-next.swiper-button-disabled {
  opacity: 0
}

.product-Series .swiper-button-prev {
  left: 10px
}

.product-Series .swiper-button-prev.swiper-button-disabled {
  opacity: 0
}

.product-Series .sw-ButtonRound {
  text-align: center
}

.product-Support {
  overflow: hidden;
  background: url(../img/common/bg_recruit.jpg) 50%/cover no-repeat
}

.product-Support a {
  display: block;
  padding: 50px 0;
  position: relative
}

html[lang=en] .product-Support a {
  padding: 60px 0
}

.product-Support .sw-Section_HeaderS {
  position: relative;
  z-index: 2;
  text-align: center;
  margin-bottom: 0
}

html[lang=en] .product-Support .sw-Section_HeaderS-en {
  font-size: 3.3rem;
  line-height: .87879em;
  letter-spacing: 0;
  margin-bottom: 0
}

.recruit-Endlist {
  background-color: #fff
}

.recruit-Endlist_Inner {
  width: 87.46667%;
  margin: auto;
  padding: 35px 0 50px
}

.recruit-Endlist_Attention {
  color: #c7000b;
  margin-bottom: 37px;
  background-color: #fee;
  padding: 20px
}

.recruit-Endlist_Attention p:first-child {
  position: relative;
  font-weight: 700;
  text-align: center;
  font-size: 1.4rem;
  line-height: 1.28571em;
  letter-spacing: .06em;
  padding-bottom: 15px;
  margin-bottom: 12px
}

.recruit-Endlist_Attention p:first-child:after {
  content: "";
  width: 30px;
  height: 1px;
  background-color: #c7000b;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto
}

.recruit-Endlist_Attention p:first-child .icf {
  font-size: 1.7rem;
  line-height: 1.05882em;
  letter-spacing: 0;
  margin-right: 10px;
  vertical-align: bottom
}

.recruit-Endlist_Attention p:nth-child(2) {
  font-size: 1.2rem;
  line-height: 1.5em;
  letter-spacing: .06em
}

.recruit-Endlist_Title {
  font-size: 2.2rem;
  line-height: 1.31818em;
  letter-spacing: .06em;
  font-weight: 700;
  text-align: center;
  margin-bottom: 37px
}

.recruit-Endlist_Table {
  margin-top: 35px
}

.recruit-Endlist_Table h3 {
  font-weight: 700;
  font-size: 1.7rem;
  line-height: 1.05882em;
  letter-spacing: .06em;
  border-left: 3px solid #c7000b;
  padding-left: 12px;
  margin-bottom: 30px
}

.recruit-Endlist_Table>p {
  padding-top: 10px;
  color: #c7000b;
  font-size: 1rem;
  line-height: 1.5em;
  letter-spacing: .06em
}

.recruit-Endlist_Table table {
  border: 1px solid #ddd;
  border-collapse: collapse;
  position: relative;
  table-layout: fixed
}

.recruit-Endlist_Table table td,
.recruit-Endlist_Table table th {
  border: 1px solid #ddd;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.14286em;
  letter-spacing: .06em;
  padding: 17px 10px;
  text-align: center
}

.recruit-Endlist_Table table td.center,
.recruit-Endlist_Table table th.center {
  text-align: center
}

.recruit-Endlist_Table table thead th {
  font-weight: 700;
  background-color: #f1f1f1
}

.recruit-Endlist_Table table thead th:nth-child(3) {
  color: #c7000b;
  background-color: #fee
}

.recruit-Endlist_Table table tbody td:first-child {
  white-space: nowrap
}

.recruit-Endlist_Table table tbody td.solution {
  text-align: left;
  color: #c7000b
}

.recruit-Endlist_Table table tbody td.center {
  text-align: center
}

.recruit-PageTitle {
  margin-bottom: 38px
}

html[lang=en] .recruit-PageTitle {
  margin-bottom: 45px
}

.recruit-PageTitle_Inner {
  width: 87.46667%;
  margin: auto;
  padding-top: 40px
}

.recruit-PageTitle .sw-Section_Header {
  margin-bottom: 0
}

.recruit-Banner_List .endlist {
  background: url(../img/recruit/bg_endlist.jpg) 50%/cover no-repeat
}

.recruit-Banner_List .manual {
  background: url(../img/common/bg_recruit.jpg) 50%/cover no-repeat
}

html[lang=en] .recruit-Banner_List .manual {
  position: relative
}

html[lang=en] .recruit-Banner_List .manual:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  background-color: rgba(0, 0, 0, .1)
}

.recruit-Banner_List li {
  opacity: 0;
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: opacity 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
  -o-transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1)
}

.recruit-Banner_List li.appear,
.recruit-Banner_List li.appear .recruit-Banner_List-text {
  opacity: 1;
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0)
}

.recruit-Banner_List li a {
  position: relative;
  display: block
}

.recruit-Banner_List li:nth-child(2) .recruit-Banner_List-text p {
  color: #222
}

html[lang=en] .recruit-Banner_List li:nth-child(2) .recruit-Banner_List-text p {
  color: #fff
}

.recruit-Banner_List-text {
  height: 250px;
  width: 87.46667%;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0;
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: opacity 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
  -o-transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
  -webkit-transition-delay: .5s;
  -o-transition-delay: .5s;
  transition-delay: .5s
}

html[lang=en] .recruit-Banner_List-text {
  height: auto;
  padding: 45px 0
}

.recruit-Banner_List-text p {
  text-align: left;
  color: #fff
}

.recruit-Banner_List-text p:first-child {
  font-weight: 700;
  font-size: 2.8rem;
  line-height: 1em;
  letter-spacing: .03em;
  margin-bottom: 20px
}

html[lang=en] .recruit-Banner_List-text p:first-child {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-size: 2.8rem;
  line-height: 1em;
  letter-spacing: .01em
}

.recruit-Banner_List-text p:nth-child(2) {
  font-size: 1.5rem;
  line-height: 1.6em;
  letter-spacing: .06em;
  margin-bottom: 25px
}

html[lang=en] .recruit-Banner_List-text p:nth-child(2) {
  font-size: 1.4rem;
  line-height: 2em;
  letter-spacing: .02em
}

html[lang=en] .recruit-Banner_List-text p:nth-child(3) {
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 2em;
  letter-spacing: .02em;
  margin-top: -25px
}

.recruit-Banner_List-text .sw-ButtonRound,
.recruit-Banner_List-text .sw-ButtonRound_White {
  text-align: center
}

.recruit-Contact {
  background-color: #fff
}

.recruit-Contact_Inner {
  width: 87.46667%;
  margin: auto;
  padding: 40px 0
}

.recruit-Contact ul {
  background-color: #f5f7f7;
  border: 1px solid #ddd
}

.recruit-Contact li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 90px;
  padding-right: 6.52174%
}

.recruit-Contact li a span {
  color: #c7000b;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.6em;
  letter-spacing: .06em;
  min-width: 124px
}

html[lang=en] .recruit-Contact li a span {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-size: 1.8rem;
  line-height: 1.33333em;
  letter-spacing: .02em
}

.recruit-Contact li a .sw-ButtonCircle {
  margin-left: auto
}

.recruit-Contact .info {
  border-bottom: 1px solid #ddd
}

.recruit-Contact .info a {
  padding-left: 7.62195%
}

.recruit-Contact .info i {
  width: 17.92115%
}

.recruit-Contact .info span {
  padding-left: 8.96057%
}

.recruit-Contact .contact a {
  padding-left: 8.84146%
}

.recruit-Contact .contact i {
  width: 15.05376%
}

.recruit-Contact .contact span {
  padding-left: 10.75269%
}

.manual-Search {
  background-color: #fff
}

.manual-Search_Inner {
  width: 87.46667%;
  margin: auto;
  padding: 35px 0
}

.manual-Search_Title {
  font-size: 2.2rem;
  line-height: 1.31818em;
  letter-spacing: .06em;
  font-weight: 700;
  text-align: center;
  margin-bottom: 37px
}

.manual-Search_Box {
  margin-bottom: 30px
}

.manual-Search_Box-form {
  position: relative
}

.manual-Search_Box-form>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.manual-Search_Box-form>div input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.manual-Search_Box-field {
  border-radius: 25px 0 0 25px;
  border: 1px solid #ddd;
  border-right: 0;
  background-color: #f9f9f9;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #888;
  font-size: 1.4rem;
  line-height: 1.42857em;
  outline: none;
  padding: 0 0 0 25px
}

.manual-Search_Box-field ::-webkit-input-placeholder {
  color: #888
}

.manual-Search_Box-field ::-moz-placeholder {
  color: #888
}

.manual-Search_Box-field :-ms-input-placeholder {
  color: #888
}

.manual-Search_Box-field ::-ms-input-placeholder {
  color: #888
}

.manual-Search_Box-field ::placeholder {
  color: #888
}

.manual-Search_Box-button {
  color: #fff;
  background-color: #c7000b;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 50px;
  padding: 0 20px 0 5px;
  border-radius: 0 25px 25px 0
}

.manual-Search_Box-button input[type=submit] {
  border: 0;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1em
}

.manual-Search_Box-button .icf-search {
  font-size: 1.5rem;
  line-height: 1em
}

.manual-Genre ul {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  background-color: #f1f1f1
}

.manual-Genre li {
  width: 50%
}

.manual-Genre li a {
  text-align: center;
  display: block;
  padding: 6px 0;
  color: #555
}

.manual-Genre li a span {
  display: inline-block;
  font-size: 1.2rem;
  line-height: 1.5em;
  letter-spacing: .06em;
  font-weight: 700;
  padding: 8px 0
}

.manual-Genre li a span i {
  font-style: normal;
  padding-left: .5em
}

.manual-Genre li a.is-current {
  background-color: #fff;
  color: #c7000b
}

.manual-Genre li a.is-current span {
  border-bottom: 2px solid #c7000b
}

.manual-Search_Body {
  padding: 35px 0 20px;
  min-height: 100vh
}

.manual-Search_List {
  display: none
}

.manual-Search_List[data-list=guzzilla] {
  display: block
}

.manual-Search_List-title {
  font-size: 2.5rem;
  line-height: 1.48em;
  letter-spacing: .06em;
  font-weight: 700
}

.manual-Search_List ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.manual-Search_List li {
  width: 47.2561%;
  margin-top: 20px
}

.manual-Search_List li a {
  display: block;
  -webkit-transition: opacity .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out
}

.manual-Search_List li a:hover {
  opacity: .7
}

.manual-Search_List li picture {
  background-color: #f5f7f7;
  padding: 15px;
  display: block;
  margin-bottom: 10px
}

.manual-Search_List li p {
  text-align: center;
  font-size: 1.5rem;
  line-height: 1.6em;
  letter-spacing: .06em;
  font-weight: 700
}

.recruit-Nav {
  background-color: #222
}

.recruit-Nav_Inner {
  width: 87.46667%;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-top: 14px;
  padding-bottom: 14px
}

.recruit-Nav_Prev {
  margin-right: auto
}

.recruit-Nav_Prev a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  font-size: 1rem;
  line-height: 1em;
  letter-spacing: 0
}

.recruit-Nav_Prev a div {
  font-size: 1.4rem;
  line-height: 1em;
  letter-spacing: .03em;
  padding-left: 12px
}

.manual-DetailMv {
  padding-bottom: 25px
}

.manual-DetailMv_Inner {
  width: 87.46667%;
  margin: auto
}

.manual-DetailMv_Image {
  width: 91.46341%;
  margin: 0 auto 8px
}

.manual-DetailMv_Title {
  font-weight: 700;
  font-size: 2.8rem;
  line-height: 1.14286em;
  letter-spacing: 0
}

.manual-DetailMv_Title span {
  display: block;
  color: #888;
  font-size: 1.4rem;
  line-height: 1em;
  letter-spacing: .03em;
  margin-bottom: 8px
}

.manual-Detail {
  background-color: #fff;
  padding: 40px 0 50px
}

.manual-Detail_Table {
  position: relative;
  overflow: hidden
}

.manual-Detail_Table:before {
  content: "";
  padding-left: 6.53333%;
  height: 100%;
  position: absolute;
  left: 0;
  z-index: 2
}

.manual-Detail_Table-inner {
  overflow-x: scroll;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  padding-left: 6.4%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.manual-Detail_Table-inner:after {
  content: "";
  padding-left: 6.53333%;
  height: 1px
}

.manual-Detail_Table table {
  border: 1px solid #ddd;
  border-collapse: collapse;
  position: relative
}

.manual-Detail_Table table td,
.manual-Detail_Table table th {
  border: 1px solid #ddd;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.14286em;
  letter-spacing: .06em;
  padding: 17px 10px
}

.manual-Detail_Table table thead th {
  text-align: center;
  font-weight: 700;
  background-color: #f1f1f1
}

.manual-Detail_Table table tbody td:nth-child(n+4) {
  text-align: center
}

.manual-Detail_Table table tbody td a {
  color: #0094da;
  border-bottom: 1px solid #0094da
}

.manual-Detail_Table table tbody td span {
  color: #c7000b
}

.manual-Detail_Table table tbody td .pdf {
  display: block;
  width: 12px;
  height: 15px;
  margin: auto;
  border-bottom: 0;
  background: url(../img/common/icon_pdf.svg) 50%/cover no-repeat
}

.manual-Confirm {
  background-color: #fff
}

.manual-Confirm_Inner {
  width: 87.46667%;
  margin: auto;
  padding: 35px 0
}

.manual-Confirm_Text {
  font-size: 1.5rem;
  line-height: 1.6em;
  letter-spacing: .06em;
  margin-bottom: 23px
}

.manual-Confirm_Box {
  background-color: #f5f7f7;
  border: 1px solid #ddd;
  padding: 15px 20px
}

.manual-Confirm_Box p {
  font-size: 1.2rem;
  line-height: 1.66667em;
  letter-spacing: .06em
}

.manual-Confirm_Function {
  text-align: center;
  padding-top: 35px
}

.manual-Confirm_Function label {
  font-size: 1.5rem;
  line-height: 1.6em;
  letter-spacing: .06em;
  padding-left: 5px
}

.manual-Confirm_Function input[type=checkbox]:checked+label+.sw-ButtonRound {
  opacity: 1;
  pointer-events: all
}

.manual-Confirm_Function .sw-ButtonRound {
  margin: 35px 0 0;
  opacity: .5;
  pointer-events: none
}

.manual-Confirm_Function .sw-ButtonRound a {
  background-color: #000;
  border-color: #000
}

.manual-Confirm_Function .sw-ButtonRound a .icf,
.manual-Confirm_Function .sw-ButtonRound a span {
  color: #fff
}

.history-PageTitle {
  position: relative;
  background-color: #ddd;
  overflow: hidden
}

.history-PageTitle_Inner {
  position: relative;
  overflow: hidden;
  z-index: 2;
  width: 100%;
  height: 375px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.history-PageTitle .sw-parallax {
  height: 100%;
  position: absolute;
  z-index: 1
}

.history-PageTitle .sw-parallax_block {
  height: calc(100% + 100px)
}

.history-PageTitle-visual {
  background-image: url(../img/company/history/img_mv_sp.jpg)
}

.history-PageTitle h1 {
  width: 100%;
  position: relative;
  z-index: 2;
  text-align: center
}

.history-PageTitle h1 span {
  display: block;
  overflow: hidden
}

.history-PageTitle h1 span b {
  display: block;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: -webkit-transform .8s cubic-bezier(.23, 1, .32, 1);
  transition: -webkit-transform .8s cubic-bezier(.23, 1, .32, 1);
  -o-transition: transform .8s cubic-bezier(.23, 1, .32, 1);
  transition: transform .8s cubic-bezier(.23, 1, .32, 1);
  transition: transform .8s cubic-bezier(.23, 1, .32, 1), -webkit-transform .8s cubic-bezier(.23, 1, .32, 1)
}

.history-PageTitle h1 span.company-PageTitle_Title b {
  -webkit-transition-delay: .2s;
  -o-transition-delay: .2s;
  transition-delay: .2s
}

.history-PageTitle h1.appear span b {
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0)
}

.history-PageTitle_Logo {
  margin: 0 auto 5px;
  font-family: acumin-pro-condensed, sans-serif;
  font-weight: 800;
  font-style: normal;
  color: #fff;
  font-size: 3.6rem;
  line-height: 1.22222em;
  letter-spacing: 0
}

.history-PageTitle_Title {
  color: #fff;
  font-weight: 700;
  font-size: 1.7rem;
  line-height: 2em;
  letter-spacing: .06em
}

.history-Lead_Inner {
  width: 87.46667%;
  margin: auto;
  padding: 45px 0
}

.history-Lead p {
  font-size: 0
}

.history-Lead p.appear span {
  opacity: 1;
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0)
}

.history-Lead p span {
  display: block;
  font-size: 1.5rem;
  line-height: 1.6em;
  letter-spacing: .06em;
  text-align: justify;
  opacity: 0;
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: opacity 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
  -o-transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1)
}

.history-Lead p span:not(:last-child) {
  margin-bottom: 24px
}

.history-Nav {
  overflow: hidden;
  z-index: 3;
  background-color: #fff;
  border-bottom: 1px solid #ddd
}

.history-Nav_Title {
  position: relative;
  z-index: 1;
  background-color: #c7000b;
  text-align: center;
  color: #fff;
  font-weight: 700;
  font-size: 2.3rem;
  line-height: 2.17391em;
  letter-spacing: .06em
}

.history-Nav_List {
  width: 87.46667%;
  margin: auto;
  padding: 10px 0
}

.history-Nav_List-year {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 5px
}

.history-Nav_List-year,
.history-Nav_List-year li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.history-Nav_List-year li {
  width: 21%;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.history-Nav_List-year li a {
  color: #c7000b;
  font-family: acumin-pro-condensed, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 2rem;
  line-height: 1em;
  letter-spacing: -.02em;
  padding-right: 4px
}

.history-Nav_List-year li i {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../img/company/history/arrow_sp.svg) left 60%/contain no-repeat
}

.history-Nav_List-year li:last-child {
  width: 10%
}

.history-Nav_List-year li:last-child i {
  display: none
}

.history-Nav_List-follow {
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
  width: calc(100% - 40px)
}

.history-Nav_List-follow,
.history-Nav_List-follow>div {
  -webkit-transition: -webkit-transform 0s linear;
  transition: -webkit-transform 0s linear;
  -o-transition: transform 0s linear;
  transition: transform 0s linear;
  transition: transform 0s linear, -webkit-transform 0s linear
}

.history-Nav_List-follow>div {
  width: 51px
}

.history-Nav_List-follow.is-reverse>div {
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1)
}

.history-GenreNav {
  position: fixed;
  right: 0;
  top: 50%;
  z-index: 3;
  margin-top: -30px;
  width: 60px;
  height: 60px;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out
}

.history-GenreNav.is-show {
  opacity: 1;
  pointer-events: all
}

.history-GenreNav_Switch {
  display: none
}

.history-GenreNav_Switch.is-active {
  display: block
}

.history-Genre_Title-company,
.history-Genre_Title-product {
  text-align: center;
  font-family: acumin-pro-condensed, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 4rem;
  line-height: .7em;
  letter-spacing: -.01em;
  padding: 38px 0 32px
}

.history-Genre_Title-company.is-active,
.history-Genre_Title-product.is-active {
  display: block
}

.history-Genre_Title-product {
  color: #c7000b
}

.history-Block_Wrap {
  margin-bottom: 50px;
  position: relative
}

.history-Block {
  position: relative;
  overflow: hidden
}

.history-Block_Inner {
  width: 87.46667%;
  margin: auto
}

.history-Block_Title {
  background-color: #c7000b;
  margin-bottom: 38px;
  overflow: hidden
}

.history-Block_Title span {
  display: block;
  width: 87.46667%;
  margin: auto;
  color: #fff;
  font-family: acumin-pro-condensed, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 5rem;
  line-height: .84em;
  letter-spacing: -.01em;
  padding-bottom: 8px
}

.history-Block_Title span i {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  width: 18px;
  height: 25px;
  background: url(../img/company/history/arrow_year.svg) top/contain no-repeat
}

.history-Block_Founding {
  width: 100%;
  padding-bottom: 50px
}

.history-Block_Founding .history-Block_Box:first-child {
  position: relative
}

.history-Block_Founding .history-Block_Box:nth-child(2):before {
  display: none
}

.history-Block_Company,
.history-Block_Product {
  padding-bottom: 50px
}

.history-Block_Product .history-Block_Box dl {
  color: #c7000b
}

.history-Block_Product .history-Block_Box dd {
  border-color: #c7000b
}

.history-Block_Box {
  position: relative
}

.history-Block_Box:not(:last-child) {
  margin-bottom: 30px
}

.history-Block_Box dt {
  font-family: acumin-pro-condensed, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 3.5rem;
  line-height: .74286em;
  letter-spacing: -.01em;
  margin-bottom: 20px
}

.history-Block_Box dd {
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 1.11111em;
  letter-spacing: .06em;
  border-left: 4px solid #222;
  padding-left: 15px
}

.history-Block_Box dd p {
  padding-top: 10px;
  font-size: 1.3rem;
  line-height: 1.38462em;
  letter-spacing: .04em
}

.history-Block_Box-image {
  margin-top: 25px;
  text-align: center
}

.history-Block_Box-fullimage {
  width: 100vw;
  margin-left: -6.66666vw;
  margin-top: 25px
}

.history-Block_Box.layout-Small dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s
}

.history-Block_Box.layout-Small dt {
  padding-right: 13px;
  font-size: 2.5rem;
  line-height: .72em;
  letter-spacing: -.01em;
  margin-bottom: 0
}

.history-Block_Box.layout-Small dd {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 1.5rem;
  line-height: 1.46667em;
  letter-spacing: .06em;
  border-left: 0;
  padding-left: 0
}

@-webkit-keyframes company-slide {
  0% {
    opacity: 0
  }

  17% {
    opacity: 1
  }

  50% {
    opacity: 1
  }

  67% {
    opacity: 0;
    -webkit-transform: scale(.9);
    transform: scale(.9);
    z-index: 9
  }

  to {
    opacity: 0
  }
}

@keyframes company-slide {
  0% {
    opacity: 0
  }

  17% {
    opacity: 1
  }

  50% {
    opacity: 1
  }

  67% {
    opacity: 0;
    -webkit-transform: scale(.9);
    transform: scale(.9);
    z-index: 9
  }

  to {
    opacity: 0
  }
}

.company-PageTitle {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
  background-color: #ddd;
  overflow: hidden
}

.company-PageTitle .sw-parallax {
  height: 100%;
  position: absolute;
  z-index: 1
}

.company-PageTitle .sw-parallax_block {
  height: calc(100% + 100px)
}

.company-PageTitle_Slide {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 0;
  overflow: hidden;
  -webkit-transform: translate(-50%);
  -ms-transform: translate(-50%);
  transform: translate(-50%)
}

.company-PageTitle_Slide-image {
  z-index: 10;
  opacity: 0;
  width: 114%;
  height: 114%;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  left: -7%;
  top: -7%;
  -webkit-animation: company-slide 12s 0s infinite;
  animation: company-slide 12s 0s infinite
}

.company-PageTitle_Slide-image:nth-child(2) {
  -webkit-animation-delay: 6s;
  animation-delay: 6s
}

.company-PageTitle_Slide-image-image1 {
  background: url(../img/company/img_mv01_sp.jpg) 50%/cover no-repeat
}

.company-PageTitle_Slide-image-image2 {
  background: url(../img/company/img_mv02_sp.jpg) 50%/cover no-repeat
}

.company-PageTitle_Inner {
  position: relative;
  overflow: hidden;
  z-index: 2;
  width: 100%;
  height: 375px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.company-PageTitle video {
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%
}

.company-PageTitle h1 {
  width: 100%;
  position: relative;
  z-index: 2;
  text-align: center
}

.company-PageTitle h1 span {
  display: block;
  overflow: hidden
}

.company-PageTitle h1 span b {
  display: block;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: -webkit-transform .8s cubic-bezier(.23, 1, .32, 1);
  transition: -webkit-transform .8s cubic-bezier(.23, 1, .32, 1);
  -o-transition: transform .8s cubic-bezier(.23, 1, .32, 1);
  transition: transform .8s cubic-bezier(.23, 1, .32, 1);
  transition: transform .8s cubic-bezier(.23, 1, .32, 1), -webkit-transform .8s cubic-bezier(.23, 1, .32, 1)
}

.company-PageTitle h1 span.company-PageTitle_Title b {
  -webkit-transition-delay: .2s;
  -o-transition-delay: .2s;
  transition-delay: .2s
}

.company-PageTitle h1.appear span b {
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0)
}

.company-PageTitle_Logo {
  margin: 0 auto 5px;
  font-family: acumin-pro-condensed, sans-serif;
  font-weight: 800;
  font-style: normal;
  color: #fff;
  font-size: 3.6rem;
  line-height: 1.22222em;
  letter-spacing: 0
}

.company-PageTitle_Title {
  color: #fff;
  font-weight: 700;
  font-size: 1.7rem;
  line-height: 2em;
  letter-spacing: .06em
}

.company-Message_Inner {
  width: 87.46667%;
  margin: auto;
  padding: 50px 0
}

.company-Message_Inner.appear .company-Message_Logo,
.company-Message_Inner.appear .company-Message_Text {
  opacity: 1;
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0)
}

.company-Message_Logo {
  width: 54.87805%;
  margin: 0 auto 30px
}

.company-Message_Logo,
.company-Message_Text {
  opacity: 0;
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: opacity 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
  -o-transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1)
}

.company-Message_Text {
  font-size: 1.5rem;
  line-height: 1.86667em;
  letter-spacing: .06em;
  margin-bottom: 25px
}

.company-Message_Movie {
  overflow: hidden;
  position: relative;
  opacity: 0;
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: opacity 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
  -o-transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1)
}

.company-Message_Movie.appear {
  opacity: 1;
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0)
}

.company-Message_Movie-circle {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 3;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  pointer-events: none
}

.company-Message_Movie-circle circle {
  fill: rgba(0, 0, 0, 0);
  stroke: #c7000b;
  stroke-width: 10;
  stroke-dasharray: 0 1258;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease
}

.company-Message_Movie-thumb {
  display: block;
  position: relative;
  z-index: 2;
  background-color: #000;
  -webkit-transition: opacity .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out
}

.company-Message_Movie-thumb.is-hidden {
  opacity: 0;
  pointer-events: none
}

.company-Message_Movie-thumb .icf:before {
  width: 62px;
  height: 62px;
  font-size: 6.2rem;
  line-height: 1em;
  letter-spacing: 0;
  color: #c7000b;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 2
}

.company-Message_Movie-block {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden
}

.company-Message_Movie-block iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
  z-index: 3
}

.company-Group {
  background-color: #f4f4f4
}

.company-Group_Inner {
  width: 87.46667%;
  margin: auto;
  padding: 40px 0 10px
}

.company-Group .sw-Section_HeaderS {
  margin-bottom: 20px
}

.company-Group_Text {
  font-size: 1.5rem;
  line-height: 1.86667em;
  letter-spacing: .06em;
  margin-bottom: 25px;
  opacity: 0;
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: opacity 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
  -o-transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1)
}

.company-Group_Text.appear {
  opacity: 1;
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0)
}

.company-Group_Flow {
  margin-bottom: 35px;
  opacity: 0;
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: opacity 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
  -o-transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1)
}

.company-Group_Flow.appear {
  opacity: 1;
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0)
}

.company-Group_List-column {
  margin-bottom: 30px
}

.company-Group_List-column.appear .company-Group_List-image {
  -webkit-animation-name: animate-content;
  animation-name: animate-content;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: cubic-bezier(0, 0, 0, 1);
  animation-timing-function: cubic-bezier(0, 0, 0, 1);
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.company-Group_List-column.appear .company-Group_List-image:after {
  -webkit-animation-name: animate-panel;
  animation-name: animate-panel;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: cubic-bezier(0, 0, 0, 1);
  animation-timing-function: cubic-bezier(0, 0, 0, 1);
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.company-Group_List-column a {
  display: block
}

.company-Group_List-image {
  position: relative;
  margin-bottom: 20px;
  overflow: hidden;
  visibility: hidden
}

.company-Group_List-image:after {
  content: "";
  background: #ddd;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all .3s cubic-bezier(0, 0, 0, 1) 0s;
  -o-transition: all .3s cubic-bezier(0, 0, 0, 1) 0s;
  transition: all .3s cubic-bezier(0, 0, 0, 1) 0s;
  visibility: visible
}

.company-Group_List-image picture {
  display: block
}

.company-Group_List-body-tag {
  color: #c7000b;
  font-weight: 700;
  font-size: 1.3rem;
  line-height: 1.53846em;
  letter-spacing: .06em;
  margin-bottom: 15px
}

.company-Group_List-body-tag span {
  padding: 0 10px;
  border: 1px solid #c7000b
}

.company-Group_List-body-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 700;
  font-size: 2rem;
  line-height: 1em;
  letter-spacing: .06em;
  margin-bottom: 15px
}

.company-Group_List-body-title .icf-blank {
  color: #c7000b;
  font-size: 1.5rem;
  line-height: 1em;
  letter-spacing: 0;
  margin-left: 8px
}

.company-Group_List-body-text {
  font-size: 1.5rem;
  line-height: 1.6em;
  letter-spacing: .06em
}

.company-Profile_Inner {
  width: 87.46667%;
  margin: auto;
  padding: 40px 0 50px
}

.company-Profile .sw-Section_HeaderS {
  margin-bottom: 20px
}

.company-Profile_List {
  opacity: 0;
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: opacity 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
  -o-transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1)
}

.company-Profile_List.appear {
  opacity: 1;
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0)
}

.company-Profile_List dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.company-Profile_List dl:first-child dt {
  border-top: 1px solid #222
}

.company-Profile_List dl:first-child dd {
  border-top: 1px solid #ddd
}

.company-Profile_List dl dt {
  width: 22.86585%;
  border-bottom: 1px solid #222;
  font-weight: 700;
  font-size: 1.3rem;
  line-height: 1.53846em;
  letter-spacing: .06em;
  padding: 20px 0
}

.company-Profile_List dl dd {
  width: 73.93293%;
  border-bottom: 1px solid #ddd
}

.company-Profile_List-block {
  padding: 20px 0;
  font-size: 1.3rem;
  line-height: 1.53846em;
  letter-spacing: .06em
}

.company-Profile_List-block:not(:last-child) {
  border-bottom: 1px solid #ddd
}

.company-Profile_List-text {
  font-size: 1.3rem;
  line-height: 1.53846em;
  letter-spacing: .06em
}

.company-Profile_List-text a {
  display: inline-block
}

.company-Profile_List-text a span {
  border-bottom: 1px solid #222
}

.company-Profile_List-text a .icf {
  color: #c7000b;
  font-size: 1.5rem;
  line-height: 1em;
  letter-spacing: 0;
  margin-left: 5px;
  vertical-align: middle
}

.company-Profile_List-label {
  background-color: #c7000b;
  color: #fff;
  line-height: 1.63636em;
  white-space: nowrap
}

.company-Profile_List-label,
.company-Profile_List-tag {
  display: inline-block;
  font-weight: 700;
  font-size: 1.1rem;
  letter-spacing: .06em;
  padding: 0 5px 0 6px
}

.company-Profile_List-tag {
  color: #c7000b;
  line-height: 1.36364em;
  border: 1px solid #c7000b
}

.company-Profile_List-map {
  display: inline-block;
  margin-top: 5px
}

.company-Profile_List-map a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #e6ebec;
  border-radius: 8px;
  padding: 3px 7px
}

.company-Profile_List-map .icf {
  font-size: 1rem;
  line-height: 1em;
  letter-spacing: 0;
  margin-right: 2.5px
}

.company-Profile_List-map span {
  font-weight: 700;
  font-size: 1rem;
  line-height: 1em;
  letter-spacing: .06em
}

.company-Profile_List-bullets {
  position: relative;
  padding-left: 15px;
  font-size: 1.2rem;
  line-height: 1.5em;
  letter-spacing: .06em
}

.company-Profile_List-bullets:before {
  content: "";
  width: 10px;
  height: 1px;
  background-color: #222;
  position: absolute;
  left: 0;
  top: 9px
}

.company-Profile_List-float {
  padding: 3px 0 8px
}

.company-offices {
  background-color: #f1f1f1
}

.offices-PageTitle {
  margin-bottom: 38px
}

.offices-PageTitle_Inner {
  width: 87.46667%;
  margin: auto;
  padding-top: 40px
}

.offices-PageTitle .sw-Section_Header {
  margin-bottom: 0
}

.area-Anchor {
  z-index: 2
}

.area-Anchor ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow-x: scroll;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  background-color: #fff;
  padding: 10px 0 10px 6.4%
}

.area-Anchor_Item {
  padding-right: 14px
}

.area-Anchor_Item a {
  position: relative;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 2em;
  letter-spacing: .06em;
  color: #c7000b;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #c7000b
}

.area-Anchor_Item a:after {
  content: "";
  width: 100%;
  height: 2px;
  background-color: #c7000b;
  position: absolute;
  left: 0;
  bottom: 0
}

.area-Anchor_Item a .icf {
  font-size: 1rem;
  line-height: 1em;
  letter-spacing: 0;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  margin-left: 10px
}

.offices-ListWrap {
  background-color: #fff
}

.offices-HeadOffice {
  padding: 40px 6.4%;
  border-bottom: 1px solid #eee
}

.offices-HeadOffice_Image {
  display: block;
  margin-bottom: 23px
}

.offices-HeadOffice_Detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 8px
}

.offices-HeadOffice_Detail-pref {
  color: #c7000b;
  font-weight: 700;
  font-size: 1.1rem;
  line-height: 1.81818em;
  letter-spacing: .06em;
  padding: 0 5px;
  border: 1px solid #c7000b
}

.offices-HeadOffice_Detail-name {
  font-weight: 700;
  font-size: 2rem;
  line-height: 1.3em;
  letter-spacing: .06em;
  padding: 0 8px
}

.offices-HeadOffice_Detail-map a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #e6ebec;
  border-radius: 8px;
  padding: 3px 7px
}

.offices-HeadOffice_Detail-map .icf {
  font-size: 1rem;
  line-height: 1em;
  letter-spacing: 0;
  margin-right: 2.5px
}

.offices-HeadOffice_Detail-map span {
  font-weight: 700;
  font-size: 1rem;
  line-height: 1em;
  letter-spacing: .06em
}

.offices-HeadOffice_Address {
  font-size: 1.5rem;
  line-height: 1.6em;
  letter-spacing: .06em;
  margin-bottom: 23px
}

.offices-HeadOffice .sw-ButtonRound {
  text-align: center
}

.offices-HeadOffice .sw-ButtonRound a {
  width: 85.36585%;
  margin: auto
}

.offices-AreaOffice {
  position: relative;
  padding: 22px 0 40px
}

.offices-AreaOffice_Note {
  width: 87.46667%;
  border: 2px solid #ddd;
  padding: 20px 18px;
  margin: 22px auto 0
}

.offices-AreaOffice_Note h5 {
  text-align: center;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1em;
  letter-spacing: .06em;
  margin-bottom: 15px
}

.offices-AreaOffice_Note-text {
  font-size: 1.3rem;
  line-height: 1.53846em;
  letter-spacing: .06em
}

.offices-AreaOffice_Note-link {
  text-align: center;
  position: relative;
  margin-top: 8px
}

.offices-AreaOffice_Note-link a {
  font-weight: 700;
  color: #0094da;
  font-size: 1.3rem;
  line-height: 1.53846em;
  letter-spacing: .06em;
  border-bottom: 1px solid #0094da
}

.offices-AreaOffice_Note-guide {
  border-top: 1px solid #ddd;
  padding-top: 5px;
  margin-top: 20px
}

.offices-AreaOffice_Note-guide dl {
  margin-top: 10px
}

.offices-AreaOffice_Note-guide dl,
.offices-AreaOffice_Note-guide dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.offices-AreaOffice_Note-guide dt {
  font-size: 1.2rem;
  line-height: 1em;
  letter-spacing: .06em;
  font-weight: 700;
  margin-right: 5px
}

.offices-AreaOffice_Note-guide dt:after {
  content: "";
  width: 1px;
  height: 12px;
  background-color: #222;
  margin-left: 5px
}

.offices-AreaOffice_Note-guide dd {
  font-size: 1.2rem;
  line-height: 1em;
  letter-spacing: .06em;
  font-weight: 700
}

.offices-AreaOffice_Note-guide .icf {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  text-align: center;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-right: 5px
}

.offices-AreaOffice_Note-guide .icf-pnkz {
  background-color: #222;
  font-size: .9rem;
  line-height: 1em;
  letter-spacing: 0
}

.offices-AreaOffice_Note-guide .icf-bucket {
  background-color: #fabe00;
  font-size: .8rem;
  line-height: 1em;
  letter-spacing: 0
}

.offices-AreaOffice_Note-guide .icf-hoseman {
  background-color: #c7000b;
  font-size: .8rem;
  line-height: 1em;
  letter-spacing: 0
}

.offices-AreaOffice_Block {
  width: 87.46667%;
  margin: auto
}

.offices-AreaOffice_Block-title {
  text-align: center;
  font-weight: 700;
  font-size: 2.2rem;
  line-height: 1.36364em;
  letter-spacing: .06em;
  padding: 34px 0 27px
}

.offices-AreaOffice_Block-contact dt {
  position: relative;
  background-color: #222;
  color: #fff;
  font-weight: 700;
  font-size: 1.3rem;
  line-height: 1.07692em;
  letter-spacing: .06em;
  padding: 13px 20px
}

.offices-AreaOffice_Block-contact dt .icon {
  width: 12px;
  height: 12px;
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto
}

.offices-AreaOffice_Block-contact dt .icon:after,
.offices-AreaOffice_Block-contact dt .icon:before {
  content: "";
  width: 100%;
  height: 2px;
  background-color: #fff;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto
}

.offices-AreaOffice_Block-contact dt .icon:after {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: -webkit-transform .2s ease-in-out;
  transition: -webkit-transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out
}

.offices-AreaOffice_Block-contact dt.is-open .icon:after {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg)
}

.offices-AreaOffice_Block-contact dd {
  background-color: #f5f7f7;
  display: none
}

.offices-AreaOffice_Block-contact dd li {
  padding: 13px 20px
}

.offices-AreaOffice_Block-contact dd li:not(:last-child) {
  border-bottom: 1px solid #555
}

.offices-AreaOffice_Block-contact dd li span {
  display: block
}

.offices-AreaOffice_Block-contact dd li span:first-child {
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1em;
  letter-spacing: .06em;
  margin-bottom: 5px
}

.offices-AreaOffice_Block-contact dd li span:nth-child(2) {
  font-size: 1.5rem;
  line-height: 1em;
  letter-spacing: .06em
}

.offices-AreaOffice_Block-list>div {
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px
}

.offices-AreaOffice_Block-list>div+div .offices-AreaOffice_Detail {
  padding: 35px 0 0
}

.offices-AreaOffice_Detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 8px;
  padding: 20px 0 0
}

.offices-AreaOffice_Detail-pref {
  color: #c7000b;
  font-weight: 700;
  font-size: 1.1rem;
  line-height: 1.81818em;
  letter-spacing: .06em;
  padding: 0 5px;
  border: 1px solid #c7000b
}

.offices-AreaOffice_Detail-name {
  font-weight: 700;
  font-size: 2rem;
  line-height: 1.3em;
  letter-spacing: .06em;
  padding: 0 8px
}

.offices-AreaOffice_Detail-map a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #e6ebec;
  border-radius: 8px;
  padding: 3px 7px
}

.offices-AreaOffice_Detail-map .icf {
  font-size: 1rem;
  line-height: 1em;
  letter-spacing: 0;
  margin-right: 2.5px
}

.offices-AreaOffice_Detail-map span {
  font-weight: 700;
  font-size: 1rem;
  line-height: 1em;
  letter-spacing: .06em
}

.offices-AreaOffice_Address {
  font-size: 1.3rem;
  line-height: 1.53846em;
  letter-spacing: .06em;
  padding-bottom: 20px
}

.offices-AreaOffice_Other {
  padding-bottom: 10px
}

.offices-AreaOffice_Other-name {
  position: relative;
  padding-left: 25px;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.33333em;
  letter-spacing: .06em
}

.offices-AreaOffice_Other-name .icf {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  position: absolute;
  left: 0;
  top: 0
}

.offices-AreaOffice_Other-name .icf-pnkz {
  background-color: #222;
  font-size: .9rem;
  line-height: 1em;
  letter-spacing: 0
}

.offices-AreaOffice_Other-name .icf-bucket {
  background-color: #fabe00;
  font-size: .8rem;
  line-height: 1em;
  letter-spacing: 0
}

.offices-AreaOffice_Other-name .icf-hoseman {
  background-color: #c7000b;
  font-size: .8rem;
  line-height: 1em;
  letter-spacing: 0
}

.offices-AreaOffice_Other-tel {
  padding-left: 25px;
  padding-top: 10px;
  font-size: 1.3rem;
  line-height: 1em;
  letter-spacing: .06em
}

.innovation-PageTitle {
  position: relative;
  background-color: #ddd;
  overflow: hidden
}

.innovation-PageTitle_Inner {
  position: relative;
  overflow: hidden;
  z-index: 2;
  width: 100%;
  height: 375px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.innovation-PageTitle .sw-parallax {
  height: 100%;
  position: absolute;
  z-index: 1
}

.innovation-PageTitle .sw-parallax_block {
  height: calc(100% + 100px)
}

.innovation-PageTitle-visual {
  background-image: url(../img/company/innovation/img_mv_sp.jpg);
  overflow: hidden
}

.innovation-PageTitle h1 {
  width: 100%;
  position: relative;
  z-index: 2;
  text-align: center
}

.innovation-PageTitle h1 span {
  display: block;
  overflow: hidden
}

.innovation-PageTitle h1 span b {
  display: block;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: -webkit-transform .8s cubic-bezier(.23, 1, .32, 1);
  transition: -webkit-transform .8s cubic-bezier(.23, 1, .32, 1);
  -o-transition: transform .8s cubic-bezier(.23, 1, .32, 1);
  transition: transform .8s cubic-bezier(.23, 1, .32, 1);
  transition: transform .8s cubic-bezier(.23, 1, .32, 1), -webkit-transform .8s cubic-bezier(.23, 1, .32, 1)
}

.innovation-PageTitle h1 span.company-PageTitle_Title b {
  -webkit-transition-delay: .2s;
  -o-transition-delay: .2s;
  transition-delay: .2s
}

.innovation-PageTitle h1.appear span b {
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0)
}

.innovation-PageTitle_Logo {
  margin: 0 auto 5px;
  font-family: acumin-pro-condensed, sans-serif;
  font-weight: 800;
  font-style: normal;
  color: #fff;
  font-size: 3.6rem;
  line-height: 1.22222em;
  letter-spacing: 0
}

.innovation-PageTitle_Title {
  color: #fff;
  font-weight: 700;
  font-size: 1.7rem;
  line-height: 2em;
  letter-spacing: .06em
}

.innovation-Title {
  position: relative;
  padding: 45px 0 25px;
  border-bottom: 1px solid #ddd;
  color: #c7000b;
  font-weight: 700;
  font-size: 2.2rem;
  line-height: 1em;
  letter-spacing: .06em
}

.innovation-Title:after {
  content: "";
  width: 85px;
  height: 1px;
  background-color: #222;
  position: absolute;
  left: 0;
  bottom: -1px
}

.innovation-Title span {
  color: #222;
  font-family: acumin-pro-condensed, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 2.8rem;
  line-height: .71429em;
  letter-spacing: -.02em;
  padding-right: 10px
}

.innovation-Text {
  padding-top: 18px;
  font-size: 1.5rem;
  line-height: 1.6em;
  letter-spacing: .06em
}

.innovation-Guzzilla {
  overflow: hidden
}

.innovation-Guzzilla_Inner {
  width: 87.46667%;
  margin: auto
}

.innovation-Guzzilla .innovation-Text {
  margin-bottom: 28px
}

.innovation-Guzzilla .sw-ButtonRound {
  text-align: center;
  margin-top: 25px
}

.innovation-Guzzilla .sw-ButtonRound a {
  width: 88.41463%;
  margin: auto
}

.innovation-Guzzilla_Slide {
  overflow: visible;
  opacity: 0;
  -webkit-transform: translate(20px);
  -ms-transform: translate(20px);
  transform: translate(20px);
  -webkit-transition: opacity 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
  -o-transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1)
}

.innovation-Guzzilla_Slide.appear {
  opacity: 1;
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0)
}

.innovation-Guzzilla_Slide picture {
  display: block;
  margin-bottom: 17px;
  overflow: hidden
}

.innovation-Guzzilla_Slide picture img {
  display: block
}

.innovation-Guzzilla_Slide .vol {
  color: #c7000b;
  font-family: acumin-pro-condensed, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 1.5rem;
  line-height: .8em;
  letter-spacing: .06em;
  margin-bottom: 5px
}

.innovation-Guzzilla_Slide .title {
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.6em;
  letter-spacing: .06em
}

.innovation-Guzzilla_Slide .swiper-button-next,
.innovation-Guzzilla_Slide .swiper-button-prev {
  height: 0;
  top: 0;
  padding-top: 70.73171%;
  margin-top: 0;
  width: 40px
}

.innovation-Guzzilla_Slide .swiper-button-next:after,
.innovation-Guzzilla_Slide .swiper-button-prev:after {
  display: none
}

.innovation-Guzzilla_Slide .swiper-button-next i,
.innovation-Guzzilla_Slide .swiper-button-prev i {
  position: absolute;
  display: block;
  border-radius: 50%;
  background-color: #fff;
  -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .25);
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .25);
  width: 40px;
  height: 40px;
  top: 50%;
  margin-top: -20px;
  text-align: center
}

.innovation-Guzzilla_Slide .swiper-button-next i:before,
.innovation-Guzzilla_Slide .swiper-button-prev i:before {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  color: #c7000b;
  font-size: 1rem;
  line-height: 1em;
  letter-spacing: 0;
  height: 10px
}

.innovation-Guzzilla_Slide .swiper-button-next {
  right: 10px
}

.innovation-Guzzilla_Slide .swiper-button-next.swiper-button-disabled {
  opacity: 0
}

.innovation-Guzzilla_Slide .swiper-button-prev {
  left: 10px
}

.innovation-Guzzilla_Slide .swiper-button-prev.swiper-button-disabled {
  opacity: 0
}

.innovation-Exhibition {
  overflow: hidden
}

.innovation-Exhibition_Inner {
  width: 87.46667%;
  margin: auto
}

.innovation-Exhibition .innovation-Text {
  margin-bottom: 28px
}

.innovation-Exhibition .sw-ButtonRound {
  text-align: center;
  margin-top: 25px
}

.innovation-Exhibition .sw-ButtonRound a {
  width: 88.41463%;
  margin: auto
}

.innovation-Exhibition_Slide {
  overflow: visible;
  opacity: 0;
  -webkit-transform: translate(20px);
  -ms-transform: translate(20px);
  transform: translate(20px);
  -webkit-transition: opacity 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
  -o-transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1)
}

.innovation-Exhibition_Slide.appear {
  opacity: 1;
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0)
}

.innovation-Exhibition_Slide picture {
  display: block;
  margin-bottom: 17px
}

.innovation-Exhibition_Slide .title {
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.6em;
  letter-spacing: .06em;
  margin-bottom: 10px
}

.innovation-Exhibition_Slide .text {
  font-size: 1.4rem;
  line-height: 1.5em;
  letter-spacing: .06em
}

.innovation-Exhibition_Slide .swiper-button-next,
.innovation-Exhibition_Slide .swiper-button-prev {
  height: 0;
  top: 0;
  padding-top: 56.09756%;
  margin-top: 0;
  width: 40px
}

.innovation-Exhibition_Slide .swiper-button-next:after,
.innovation-Exhibition_Slide .swiper-button-prev:after {
  display: none
}

.innovation-Exhibition_Slide .swiper-button-next i,
.innovation-Exhibition_Slide .swiper-button-prev i {
  position: absolute;
  display: block;
  border-radius: 50%;
  background-color: #fff;
  -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .25);
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .25);
  width: 40px;
  height: 40px;
  top: 50%;
  margin-top: -20px;
  text-align: center
}

.innovation-Exhibition_Slide .swiper-button-next i:before,
.innovation-Exhibition_Slide .swiper-button-prev i:before {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  color: #c7000b;
  font-size: 1rem;
  line-height: 1em;
  letter-spacing: 0;
  height: 10px
}

.innovation-Exhibition_Slide .swiper-button-next {
  right: 10px
}

.innovation-Exhibition_Slide .swiper-button-next.swiper-button-disabled {
  opacity: 0
}

.innovation-Exhibition_Slide .swiper-button-prev {
  left: 10px
}

.innovation-Exhibition_Slide .swiper-button-prev.swiper-button-disabled {
  opacity: 0
}

.innovation-Cm {
  overflow: hidden
}

.innovation-Cm_Inner {
  width: 87.46667%;
  margin: auto
}

.innovation-Cm .innovation-Text {
  margin-bottom: 28px
}

.innovation-Cm .sw-ButtonRound {
  text-align: center;
  margin-top: 25px
}

.innovation-Cm .sw-ButtonRound a {
  width: 88.41463%;
  margin: auto
}

.innovation-Cm_Slide {
  overflow: visible;
  opacity: 0;
  -webkit-transform: translate(20px);
  -ms-transform: translate(20px);
  transform: translate(20px);
  -webkit-transition: opacity 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
  -o-transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1)
}

.innovation-Cm_Slide.appear {
  opacity: 1;
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0)
}

.innovation-Cm_Slide picture {
  display: block;
  margin-bottom: 17px;
  position: relative
}

.innovation-Cm_Slide picture img {
  width: 100%
}

.innovation-Cm_Slide .title {
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.6em;
  letter-spacing: .06em;
  margin-bottom: 10px
}

.innovation-Cm_Slide .text {
  font-size: 1.4rem;
  line-height: 1.5em;
  letter-spacing: .06em
}

.innovation-Cm_Slide .swiper-button-next,
.innovation-Cm_Slide .swiper-button-prev {
  height: 0;
  top: 0;
  padding-top: 50.60976%;
  margin-top: 0;
  width: 40px
}

.innovation-Cm_Slide .swiper-button-next:after,
.innovation-Cm_Slide .swiper-button-prev:after {
  display: none
}

.innovation-Cm_Slide .swiper-button-next i,
.innovation-Cm_Slide .swiper-button-prev i {
  position: absolute;
  display: block;
  border-radius: 50%;
  background-color: #fff;
  -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .25);
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .25);
  width: 40px;
  height: 40px;
  top: 50%;
  margin-top: -20px;
  text-align: center
}

.innovation-Cm_Slide .swiper-button-next i:before,
.innovation-Cm_Slide .swiper-button-prev i:before {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  color: #c7000b;
  font-size: 1rem;
  line-height: 1em;
  letter-spacing: 0;
  height: 10px
}

.innovation-Cm_Slide .swiper-button-next {
  right: 10px
}

.innovation-Cm_Slide .swiper-button-next.swiper-button-disabled {
  opacity: 0
}

.innovation-Cm_Slide .swiper-button-prev {
  left: 10px
}

.innovation-Cm_Slide .swiper-button-prev.swiper-button-disabled {
  opacity: 0
}

.innovation-Sponsored {
  overflow: hidden
}

.innovation-Sponsored_Inner {
  width: 87.46667%;
  margin: auto
}

.innovation-Sponsored .innovation-Text {
  margin-bottom: 28px
}

.innovation-Sponsored_Slide {
  overflow: visible;
  opacity: 0;
  -webkit-transform: translate(20px);
  -ms-transform: translate(20px);
  transform: translate(20px);
  -webkit-transition: opacity 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
  -o-transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1)
}

.innovation-Sponsored_Slide.appear {
  opacity: 1;
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0)
}

.innovation-Sponsored_Slide picture {
  display: block;
  margin-bottom: 17px
}

.innovation-Sponsored_Slide .title {
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.6em;
  letter-spacing: .06em;
  margin-bottom: 10px
}

.innovation-Sponsored_Slide .text {
  font-size: 1.4rem;
  line-height: 1.5em;
  letter-spacing: .06em
}

.innovation-Sponsored_Slide .swiper-button-next,
.innovation-Sponsored_Slide .swiper-button-prev {
  height: 0;
  top: 0;
  padding-top: 50.91463%;
  margin-top: 0;
  width: 40px
}

.innovation-Sponsored_Slide .swiper-button-next:after,
.innovation-Sponsored_Slide .swiper-button-prev:after {
  display: none
}

.innovation-Sponsored_Slide .swiper-button-next i,
.innovation-Sponsored_Slide .swiper-button-prev i {
  position: absolute;
  display: block;
  border-radius: 50%;
  background-color: #fff;
  -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .25);
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .25);
  width: 40px;
  height: 40px;
  top: 50%;
  margin-top: -20px;
  text-align: center
}

.innovation-Sponsored_Slide .swiper-button-next i:before,
.innovation-Sponsored_Slide .swiper-button-prev i:before {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  color: #c7000b;
  font-size: 1rem;
  line-height: 1em;
  letter-spacing: 0;
  height: 10px
}

.innovation-Sponsored_Slide .swiper-button-next {
  right: 10px
}

.innovation-Sponsored_Slide .swiper-button-next.swiper-button-disabled {
  opacity: 0
}

.innovation-Sponsored_Slide .swiper-button-prev {
  left: 10px
}

.innovation-Sponsored_Slide .swiper-button-prev.swiper-button-disabled {
  opacity: 0
}

.innovation-Award_Inner {
  width: 87.46667%;
  margin: auto
}

.innovation-Award .innovation-Text {
  margin-bottom: 28px
}

.innovation-Award .innovation-Banner {
  display: block;
  opacity: 0;
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: opacity 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
  -o-transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1)
}

.innovation-Award .innovation-Banner.appear {
  opacity: 1;
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0)
}

.innovation-Award .sw-ButtonRound {
  text-align: center;
  margin-top: 25px
}

.innovation-Award .sw-ButtonRound a {
  width: 88.41463%;
  margin: auto
}

.innovation-Project {
  color: #fff;
  margin-top: 50px;
  padding-bottom: 45px;
  background-color: #fff;
  -webkit-transition: background-color 1s cubic-bezier(.23, 1, .32, 1);
  -o-transition: background-color 1s cubic-bezier(.23, 1, .32, 1);
  transition: background-color 1s cubic-bezier(.23, 1, .32, 1)
}

.innovation-Project.appear {
  background-color: #555
}

.innovation-Project_Inner {
  width: 87.46667%;
  margin: auto
}

.innovation-Project .innovation-Title {
  color: #fff;
  border-color: #888
}

.innovation-Project .innovation-Title:after {
  background-color: #acacac
}

.innovation-Project .innovation-Text {
  margin-bottom: 28px
}

.innovation-Project_Column {
  margin-bottom: 35px
}

.innovation-Project_Column-image {
  display: block;
  margin-bottom: 20px;
  opacity: 0;
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: opacity 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
  -o-transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1)
}

.innovation-Project_Column-image.appear {
  opacity: 1;
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0)
}

.innovation-Project_Column-text {
  opacity: 0;
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: opacity 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
  -o-transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1)
}

.innovation-Project_Column-text.appear {
  opacity: 1;
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0)
}

.innovation-Project_Column-text h4 {
  font-weight: 700;
  font-size: 2rem;
  line-height: 1.3em;
  letter-spacing: .06em
}

.innovation-Project_Column+.innovation-Project_Column {
  margin-bottom: 0;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
  -ms-flex-direction: initial;
  flex-direction: row
}

.policy,
.privacy {
  background-color: #f5f7f7
}

.policy-PageTitle {
  margin-bottom: 38px
}

.policy-PageTitle_Inner {
  width: 87.46667%;
  margin: auto;
  padding-top: 40px
}

.policy-PageTitle .sw-Section_Header {
  margin-bottom: 0
}

.policy-Block {
  background-color: #fff
}

.policy-Block_Inner {
  width: 87.46667%;
  margin: auto;
  padding: 35px 0 50px
}

.policy-Block div:not(:last-child) {
  margin-bottom: 25px
}

.policy-Block div h2 {
  font-weight: 700;
  font-size: 1.7rem;
  line-height: 1.05882em;
  letter-spacing: .06em;
  margin-bottom: 15px
}

.policy-Block div p {
  color: #555;
  font-size: 1.3rem;
  line-height: 1.53846em;
  letter-spacing: .06em
}

.policy-Block div p a {
  color: #008cd6;
  text-decoration: underline
}

.policy-Block div p span {
  display: inline-block;
  font-size: 1.1rem;
  line-height: 1.81818em;
  letter-spacing: .06em;
  text-indent: 0;
  margin-top: 5px
}

.policy-Block div ol,
.policy-Block div p+p {
  margin-top: 15px
}

.policy-Block div ol li {
  color: #555;
  font-size: 1.3rem;
  line-height: 1.53846em;
  letter-spacing: .06em
}

.policy-Block div ul {
  margin-top: 15px
}

.policy-Block div ul li {
  color: #555;
  font-size: 1.3rem;
  line-height: 1.53846em;
  letter-spacing: .06em;
  text-indent: -8px;
  margin-left: 10px
}

.policy-Block div ul li:not(:last-child) {
  margin-bottom: 15px
}

.policy-Block div ul li:before {
  content: "・"
}

.policy-Block div ul li span {
  display: inline-block;
  font-size: 1.1rem;
  line-height: 1.81818em;
  letter-spacing: .06em;
  text-indent: 0;
  margin-top: 5px
}

.catalogue-Download {
  overflow: hidden;
  padding: 0 0 40px
}

.catalogue-Download_Inner {
  width: 87.46667%;
  margin: auto;
  position: relative
}

.catalogue-Download_List {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.catalogue-Download_Item {
  opacity: 0;
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: opacity 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
  -o-transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
  width: 100%;
  width: 45.73171%;
  margin-bottom: 30px
}

.catalogue-Download_Item.appear {
  opacity: 1;
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0)
}

.catalogue-Download_Item-image {
  position: relative;
  margin-bottom: 15px;
  display: block;
  overflow: hidden;
  background-color: #f7f7f7
}

.catalogue-Download_Item-image>div {
  padding-top: 142.42424%;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
  -o-transition: transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: transform 1s cubic-bezier(.23, 1, .32, 1);
  transition: transform 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1)
}

.catalogue-Download_Item-title {
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.71429em;
  letter-spacing: .06em
}

.catalogue-Download_Item-title:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 15px;
  margin-left: 8px;
  background: url(../img/common/icon_pdf.svg) 50%/cover no-repeat
}

.catalogue-Download_Item a {
  display: block
}

@media screen and (min-width:769px) {
  body {
    font-size: 1.5rem;
    line-height: 1em;
    letter-spacing: 0
  }

  br.sp {
    display: none
  }

  br.pc {
    display: block
  }

  .not-Found_Inner {
    min-height: 680px;
    width: 100%;
    max-width: 1280px;
    margin: auto;
    max-width: 1074px;
    padding: 65px 40px
  }

  .not-Found_Title .num {
    font-size: 14rem;
    line-height: .71429em;
    letter-spacing: 0;
    margin-bottom: 30px
  }

  .not-Found_Title .en {
    font-size: 6rem;
    line-height: 1em;
    letter-spacing: 0
  }

  .not-Found_Title .ja {
    font-size: 2rem;
    line-height: 1em;
    letter-spacing: 0;
    margin-bottom: 30px
  }

  .not-Found_Text {
    text-align: center;
    font-size: 1.5rem;
    line-height: 1.46667em;
    letter-spacing: .06em
  }

  html.isLoading .st-OpeningWrap:before {
    font-size: 3.6rem;
    line-height: 1em;
    letter-spacing: 0;
    width: 36px;
    height: 36px
  }

  .st-Breadcrumbs {
    padding-left: 0
  }

  .st-BreadcrumbsList {
    width: 100%;
    margin: auto;
    max-width: 1280px;
    padding: 18px 40px
  }

  .st-BreadcrumbsList_Item {
    font-size: 1.2rem;
    line-height: 1.16667em;
    letter-spacing: 0
  }

  html[lang=en] .st-BreadcrumbsList_Item {
    font-size: 1.2rem;
    line-height: 1.16667em;
    letter-spacing: .02em
  }

  .st-BreadcrumbsList_Item-link {
    font-size: 1.2rem;
    line-height: 1.16667em;
    letter-spacing: 0
  }

  html[lang=en] .st-BreadcrumbsList_Item-link {
    font-size: 1.2rem;
    line-height: 1.16667em;
    letter-spacing: .02em
  }

  .st-Footer {
    padding: 80px 0 0
  }

  .st-Footer_Inner {
    width: 100%;
    padding: 0 40px;
    margin: auto;
    max-width: 1280px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  .st-Footer_Pagetop {
    width: 56px;
    height: 56px;
    bottom: 40px;
    right: 40px
  }

  .st-Footer_Pagetop .icf:before {
    width: 7px;
    height: 11px;
    font-size: 1.1rem;
    line-height: 1em;
    letter-spacing: 0
  }

  .st-Footer_Social {
    position: absolute;
    bottom: 0;
    left: 30px;
    margin-bottom: 0
  }

  .st-Footer_Social li {
    margin: 0 10px
  }

  .st-Footer_Social li.facebook a .icf {
    font-size: 2.1rem;
    line-height: 1em;
    letter-spacing: 0
  }

  .st-Footer_Social li.twitter a .icf {
    font-size: 1.5rem;
    line-height: 1em;
    letter-spacing: 0
  }

  .st-Footer_Social li.youtube a .icf {
    font-size: 1.4rem;
    line-height: 1em;
    letter-spacing: 0
  }

  .st-Footer_Social li.lang a {
    font-size: 1.5rem;
    line-height: 2.6em;
    letter-spacing: 0
  }

  .st-Footer_Social li a {
    width: 40px;
    height: 40px
  }

  .st-FtDirectory {
    width: 46.33333%;
    margin-bottom: 0;
    padding-bottom: 70px
  }

  .st-FtDirectory_Logo {
    width: 177px;
    margin-bottom: 35px
  }

  .st-FtDirectory_Column {
    border-bottom: none;
    display: -webkit-box;
    display: -ms-flexbox;
  }

  .st-FtDirectory_Column-title {
    pointer-events: none;
    font-size: 1.7rem;
    line-height: 1.76471em;
    letter-spacing: .04em;
    min-width: 94px
  }

  .st-FtDirectory_Column-list {
    width: 83.09353%;
    padding-bottom: 10px
  }

  .st-FtDirectory_Column-list,
  .st-FtDirectory_Column-list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .st-FtDirectory_Column-list ul {
    width: 100%
  }

  .st-FtDirectory_Column-list ul+ul {
    margin-top: 0
  }

  .st-FtDirectory_Column-list li {
    margin: 9px 0 3px;
    font-size: 1.4rem;
    line-height: 1em;
    letter-spacing: .06em
  }

  .st-FtDirectory_Column-list li:not(:last-child) {
    margin-bottom: 10px;
    padding-right: 12px;
    margin-right: 12px;
    border-right: 1px solid #4d4d4d
  }

  .st-FtDirectory_Column-list li a {
    color: #fff;
    font-weight: 400
  }

  .st-FtDirectory_Column-list li a[target=_blank]:after {
    font-size: 1rem;
    line-height: 1em;
    letter-spacing: 0;
    padding-left: 4px;
    vertical-align: baseline
  }

  .st-FtPress {
    width: 46.33333%;
    padding-top: 93px;
    margin-bottom: 0
  }

  .st-FtPress_Logo {
    width: 300px;
    margin-bottom: 35px;
    margin-left: 10px;
  }

  .st-FtPress_Logo a:after {
    font-size: 1.5rem;
    line-height: 1em;
    letter-spacing: 0;
    padding-left: 10px;
    vertical-align: baseline
  }

  .st-FtPress_Text {
    font-size: 1.3rem;
    line-height: 1.46154em;
    letter-spacing: .06em;
    margin-bottom: 45px
  }

  .st-FtPress_Slide {
    margin-bottom: 40px
  }

  .st-FtLegal {
    margin-top: 38px;
    padding: 33px 0;
    background-color: #121212
  }

  .st-FtLegal_Inner {
    width: 100%;
    padding: 0 40px;
    margin: auto;
    max-width: 1280px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  .st-FtLegal_Inner,
  .st-FtLegal_Left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
  }

  .st-FtLegal_Sites {
    margin-bottom: 0
  }

  .st-FtLegal_Sites:not(:last-child) {
    position: relative;
    padding-right: 26px;
    margin-right: 26px;
    margin-bottom: 0
  }

  .st-FtLegal_Sites:not(:last-child):after {
    content: "";
    width: 1px;
    height: 66px;
    background-color: #4d4d4d;
    position: absolute;
    right: 0;
    bottom: 0
  }

  .st-FtLegal_Sites-logo {
    margin: 0
  }

  .st-FtLegal_Sites-logo.bucketland {
    width: 187px;
    padding: 5px 0 15px
  }

  .st-FtLegal_Sites-logo.hoseman {
    width: 190px;
    padding: 0 0 8px
  }

  .st-FtLegal_Sites-link {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }

  .st-FtLegal_Sites-link li {
    font-size: 1.2rem;
    line-height: 1.5em;
    letter-spacing: .06em
  }

  .st-FtLegal_Sites-link li:not(:last-child) {
    padding-right: 20px;
    margin-right: 20px
  }

  .st-FtLegal_Sites-link a[target=_blank]:after {
    color: #fff;
    font-size: 1rem;
    line-height: 1em;
    letter-spacing: 0;
    padding-left: 6px;
    vertical-align: baseline
  }

  .st-FtLegal_Right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }

  .st-FtLegal_Copyright {
    padding-left: 15px
  }

  .st-FtLegal_Copyright small {
    font-size: 1.3rem;
    line-height: 1.23077em;
    letter-spacing: .06em
  }

  .st-FtLegal_Link {
    margin-bottom: 0
  }

  .st-FtLegal_Link li {
    font-size: 1.3rem;
    line-height: 1.07692em;
    letter-spacing: .06em
  }

  .st-FtLegal_Link li:last-child {
    padding-right: 0
  }

  .st-MainContents {
    padding-top: 120px
  }

  .st-Grid_Inner {
    width: 100%;
    padding: 0 40px;
    margin: auto;
    max-width: 1280px
  }

  .st-Grid_Inner1 {
    width: 100%;
    padding: 0 40px;
    margin: auto;
    max-width: 1280px
  }

  .st-Header {
    height: 120px;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: height .2s ease-in-out;
    -o-transition: height .2s ease-in-out;
    transition: height .2s ease-in-out
  }

  .home .st-Header.is-follow+.st-Nav .st-Nav_List-en {
    color: #222
  }

  .st-Header.is-follow {
    height: 70px;
    -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .1)
  }

  .isSticky .st-Header.is-follow {
    -webkit-box-shadow: none;
    box-shadow: none
  }

  .st-Header.is-follow .st-Hd_Logo {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center
  }

  .st-Header.is-follow+.st-Nav .st-Nav_List li a {
    padding: 17px 0
  }

  .st-Header.is-follow+.st-Nav .st-Nav_ListBox {
    top: 50px
  }

  html[lang=en] .st-Header.is-follow+.st-Nav .st-Nav_List-en {
    line-height: 36px
  }

  .st-Header_Inner {
    width: 100%;
    padding: 0 40px;
    margin: auto;
    max-width: 1280px
  }

  .st-Hd_Logo {
    width: 203px
  }

  .st-Hd_Trigger {
    right: 20px;
    display: none
  }

  .st-Modal {
    padding: 80px 40px
  }

  .st-Modal_Contents {
    min-height: 300px;
    width: 100%;
    max-width: 1280px;
    padding: 0 40px;
    margin: auto;
    max-width: 1200px
  }

  .st-Modal_Contents-close {
    width: 69px;
    height: 69px;
    top: -108px;
    right: 32px
  }

  .st-Modal_Contents-block {
    padding: 50px 40px
  }

  .st-Modal_Contents-block>div {
    height: 60vh;
    max-height: 500px
  }

  .st-Modal_Contents-block .product-Spec_Diagram-image {
    height: 340px
  }

  .st-Modal_Contents-block picture {
    height: 90%
  }

  .st-Modal_Contents-block picture img {
    max-width: none;
    height: 100%
  }

  .st-Modal_Contents-block p {
    font-size: 2.3rem;
    line-height: 1em;
    letter-spacing: .06em;
    padding-top: 35px
  }

  .st-Nav {
    height: 120px;
    top: 0;
    opacity: 1;
    padding-top: 0
  }

  .st-Nav_Inner {
    width: 100%;
    padding: 0 40px;
    margin: auto;
    max-width: 1280px
  }

  .st-Nav_Link {
    width: calc(100% - 240px);
    margin: 0 0 0 auto;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    pointer-events: all
  }

  .st-Nav_Link,
  .st-Nav_List {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }

  .st-Nav_List {
    width: calc(100% - 56px);
    max-width: 485px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  html[lang=en] .st-Nav_List {
    max-width: 370px
  }

  .st-Nav_List>li.sp {
    display: none
  }

  .st-Nav_List>li {
    text-align: center
  }

  .st-Nav_List>li .st-Nav_List-link:before {
    content: "";
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1;
    pointer-events: none;
    background-color: rgba(0, 0, 0, 0);
    -webkit-transition: background-color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out
  }

  .st-Nav_List>li>a {
    color: #222;
    padding: 41px 0;
    overflow: hidden;
    -webkit-transition: padding .2s ease-in-out;
    -o-transition: padding .2s ease-in-out;
    transition: padding .2s ease-in-out
  }

  .st-Nav_List>li>a:after {
    content: "";
    width: 100%;
    height: 3px;
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    -o-transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
    background-color: #c7000b;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0)
  }

  .st-Nav_List-en {
    color: #222;
    font-size: 1.7rem;
    line-height: .82353em;
    letter-spacing: .05em;
    margin-bottom: 12px
  }

  html[lang=en] .st-Nav_List-en {
    margin-bottom: 0;
    font-size: 1.7rem;
    line-height: 2.23529em;
    letter-spacing: .05em
  }

  .st-Nav_List-ja {
    display: block;
    font-size: 1.2rem;
    line-height: 1em;
    letter-spacing: .1em
  }

  .st-Nav_Search {
    display: block;
    width: 64px;
    height: 34px;
    border-left: 1px solid #ddd;
    padding-left: 30px;
    margin-left: 40px;
    margin-top: 0
  }

  .home .st-Nav_Search {
    border-left: 1px solid #fff
  }

  .st-Nav_Search a {
    position: relative;
    text-align: center;
    width: 100%;
    display: block;
    color: #222
  }

  .st-Nav_SearchBox {
    height: 100vh;
    width: 100%;
    background-color: rgba(0, 0, 0, .5);
    position: fixed;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    margin-top: 0;
    -webkit-transition: opacity .3s cubic-bezier(.4, .1, .3, 1);
    -o-transition: opacity .3s cubic-bezier(.4, .1, .3, 1);
    transition: opacity .3s cubic-bezier(.4, .1, .3, 1)
  }

  .st-Nav_SearchBox-inner {
    height: 50vh;
    min-height: 280px;
    background-color: #fff;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
    -webkit-transition: opacity .3s cubic-bezier(.4, .1, .3, 1), -webkit-transform .3s cubic-bezier(.4, .1, .3, 1);
    transition: opacity .3s cubic-bezier(.4, .1, .3, 1), -webkit-transform .3s cubic-bezier(.4, .1, .3, 1);
    -o-transition: transform .3s cubic-bezier(.4, .1, .3, 1), opacity .3s cubic-bezier(.4, .1, .3, 1);
    transition: transform .3s cubic-bezier(.4, .1, .3, 1), opacity .3s cubic-bezier(.4, .1, .3, 1);
    transition: transform .3s cubic-bezier(.4, .1, .3, 1), opacity .3s cubic-bezier(.4, .1, .3, 1), -webkit-transform .3s cubic-bezier(.4, .1, .3, 1)
  }

  .st-Nav_SearchBox-inner>div {
    position: relative;
    width: 100%;
    max-width: 1280px;
    padding: 0 40px;
    margin: auto;
    max-width: 1074px
  }

  .st-Nav_SearchBox-form {
    padding: 10px 0;
    border-color: #222
  }

  .st-Nav_SearchBox-field {
    color: #222
  }

  .st-Nav_SearchBox-button {
    width: 44px;
    height: 44px;
    right: -10px
  }

  .st-Nav_SearchBox-button .icf-search {
    color: #222;
    font-size: 2.4rem;
    line-height: 1em;
    letter-spacing: 0
  }

  .st-Nav_ListBox {
    display: block;
    position: absolute;
    top: 80px;
    left: 0;
    right: 0;
    z-index: 2;
    pointer-events: none;
    width: 100%;
    max-width: 1280px;
    margin: auto;
    max-width: 1200px;
    padding: 40px 0 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
    -webkit-transition: opacity .3s cubic-bezier(.4, .1, .3, 1), -webkit-transform .3s cubic-bezier(.4, .1, .3, 1);
    transition: opacity .3s cubic-bezier(.4, .1, .3, 1), -webkit-transform .3s cubic-bezier(.4, .1, .3, 1);
    -o-transition: transform .3s cubic-bezier(.4, .1, .3, 1), opacity .3s cubic-bezier(.4, .1, .3, 1);
    transition: transform .3s cubic-bezier(.4, .1, .3, 1), opacity .3s cubic-bezier(.4, .1, .3, 1);
    transition: transform .3s cubic-bezier(.4, .1, .3, 1), opacity .3s cubic-bezier(.4, .1, .3, 1), -webkit-transform .3s cubic-bezier(.4, .1, .3, 1)
  }

  .st-Nav_ListBox-recruit>div {
    max-width: 736px;
    margin-left: auto;
    margin-right: 15px
  }

  .st-Nav_ListBox.sp {
    display: none
  }

  .st-Nav_ListBox>div {
    background-color: #fff;
    padding: 50px 40px;
    border-radius: 10px
  }

  .st-Nav_ListBox ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 0
  }

  .st-Nav_ListBox li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
  }

  .st-Nav_ListBox li.sp {
    display: none
  }

  .st-Nav_ListBox li:not(:last-child) {
    margin-right: 1.78571%
  }

  .st-Nav_ListBox li a {
    padding: 0 !important
  }

  .st-Nav_ListBox li a[target=_blank] p:after {
    color: #c7000b;
    font-size: 1rem;
    line-height: 1em;
    letter-spacing: 0;
    padding-left: 4px;
    vertical-align: baseline
  }

  .st-Nav_ListBox li p {
    color: #222;
    text-align: center
  }

  .st-Nav_ListBox.layout-product li p {
    font-size: 1.3rem;
    line-height: 1em;
    letter-spacing: 0
  }

  .st-Nav_Social {
    display: none
  }

  .st-Nav_Social li.facebook a .icf {
    font-size: 2.1rem;
    line-height: 1em;
    letter-spacing: 0
  }

  .st-Nav_Social li.twitter a .icf {
    font-size: 1.5rem;
    line-height: 1em;
    letter-spacing: 0
  }

  .st-Nav_Social li.youtube a .icf {
    font-size: 1.4rem;
    line-height: 1em;
    letter-spacing: 0
  }

  .st-Nav_Social li.lang a {
    font-size: 1.5rem;
    line-height: 2.6em;
    letter-spacing: 0
  }

  .st-Nav_Social li a {
    width: 40px;
    height: 40px
  }

  .sw-ButtonOval>* {
    display: inline-block;
    padding: 22px 0;
    min-width: 270px;
    border-radius: 32px
  }

  .sw-ButtonOval>* span {
    font-size: 1.8rem;
    line-height: 1.11111em;
    letter-spacing: .05em
  }

  html[lang=en] .sw-ButtonOval>* span {
    font-size: 1.7rem;
    line-height: 1.05882em;
    letter-spacing: .02em
  }

  .sw-ButtonOval>* .icf-plus {
    font-size: 1.2rem;
    line-height: 1.66667em;
    letter-spacing: 0;
    vertical-align: top
  }

  html[lang=en] .sw-ButtonOval>* .icf-plus {
    font-size: 1.2rem;
    line-height: 1.41667em;
    letter-spacing: 0
  }

  .sw-ButtonRound>* {
    padding: 23px 60px;
    min-width: 270px;
    border-radius: 32px
  }

  .sw-ButtonRound>* span {
    font-size: 1.7rem;
    line-height: 1.05882em;
    letter-spacing: .06em
  }

  html[lang=en] .sw-ButtonRound>* span {
    font-size: 1.7rem;
    line-height: 1.05882em;
    letter-spacing: .02em
  }

  .sw-ButtonRound>* .icf {
    right: 25px
  }

  .sw-ButtonRound>* .icf-blank {
    font-size: 2rem;
    line-height: 1em;
    letter-spacing: 0;
    height: 20px;
    right: 18px
  }

  .sw-ButtonRound_White>* {
    padding: 23px 60px;
    min-width: 270px;
    border-radius: 32px
  }

  .sw-ButtonRound_White>* span {
    font-size: 1.7rem;
    line-height: 1.05882em;
    letter-spacing: .06em
  }

  html[lang=en] .sw-ButtonRound_White>* span {
    font-size: 1.7rem;
    line-height: 1.05882em;
    letter-spacing: .02em
  }

  .sw-ButtonRound_White>* .icf {
    right: 25px
  }

  .sw-ButtonRound_White>* .icf-blank {
    font-size: 2rem;
    line-height: 1em;
    letter-spacing: 0;
    height: 20px;
    right: 18px
  }

  .sw-ButtonRound_Black>* {
    text-align: center;
    border: 1px solid #888;
    min-width: 240px;
    border-radius: 27px
  }

  .sw-ButtonRound_Black>* span {
    font-size: 1.3rem;
    line-height: 1.38462em;
    letter-spacing: .06em
  }

  .sw-ButtonRound_Black>* .icf {
    position: static;
    margin: 0 0 0 10px
  }

  .sw-ButtonRound_Black>* .icf-blank {
    font-size: 2rem;
    line-height: 1em;
    letter-spacing: 0;
    height: 20px;
    right: 18px
  }

  .sw-ButtonCircle>* {
    width: 56px;
    height: 56px;
    border-width: 2px
  }

  .sw-FormText,
  .sw-FormTextArea {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
  }

  .sw-FormText input {
    font-size: 1.5rem;
    line-height: 1em;
    padding: 22px 30px
  }

  .sw-Movie_Container:hover circle {
    stroke-dasharray: 1258 1258
  }

  .sw-Movie_Container:hover img {
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02)
  }

  .sw-Movie_Container-circle {
    width: 128px;
    height: 128px;
    display: block
  }

  .sw-Movie_Container-thumb:before {
    width: 124px;
    height: 124px;
    font-size: 12.4rem;
    line-height: 1em;
    letter-spacing: 0
  }

  .sw-parallax {
    height: 500px
  }

  .sw-RelatedSupport {
    padding: 73px 0 80px
  }

  .sw-RelatedSupport .sw-Section_Header {
    margin-bottom: 62px
  }

  .sw-RelatedSupport .sw-Section_Header-en {
    font-size: 5.6rem;
    line-height: .89286em;
    letter-spacing: -.02em;
    margin-bottom: 15px
  }

  .sw-RelatedSupport .sw-Section_Header-ja {
    font-size: 2rem;
    line-height: 1em;
    letter-spacing: .06em
  }

  .sw-RelatedSupport .st-Grid_Inner>.sw-ButtonRound {
    position: absolute;
    top: 8px;
    right: 40px
  }

  .sw-RelatedSupport_ColumnWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  .sw-RelatedSupport_Column {
    width: 47.5%;
    margin-bottom: 0
  }

  .sw-RelatedSupport_Image {
    margin-bottom: 28px
  }

  .sw-RelatedSupport_Body-title {
    font-size: 1.7rem;
    line-height: 1em;
    letter-spacing: .06em;
    margin-bottom: 20px
  }

  .sw-RelatedSupport_Body-title span {
    font-size: 4rem;
    line-height: .75em;
    letter-spacing: .02em;
    margin-bottom: 15px
  }

  .sw-RelatedSupport_Body-title .icf-blank {
    font-size: 2rem;
    line-height: 1em;
    letter-spacing: 0;
    height: 24px;
    margin-left: 10px;
    vertical-align: bottom
  }

  .sw-RelatedSupport_Body-text {
    font-size: 1.7rem;
    line-height: 1.88235em;
    letter-spacing: .06em
  }

  .sw-RelatedSupport_Button {
    margin-top: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .sw-RelatedSupport_Button .sw-ButtonRound_Black:not(:last-child) {
    text-align: center;
    margin-right: 15px
  }

  .sw-RelatedSupport_Button .sw-ButtonRound_Black a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 240px;
    height: 54px;
    margin: auto
  }

  .sw-stickyTrigger-main {
    margin-top: 120px
  }

  .sw-Section_Header {
    margin-bottom: 70px
  }

  .sw-Section_Header1 {
    margin-bottom: 70px
  }

  .sw-Section_Header-en {
    font-size: 6rem;
    line-height: .85em;
    letter-spacing: 0;
    margin-bottom: 28px
  }

  html[lang=en] .sw-Section_Header-en {
    font-size: 6.4rem;
    line-height: .875em;
    letter-spacing: 0
  }

  .sw-Section_Header-ja {
    font-size: 2rem;
    line-height: 1em;
    letter-spacing: .06em
  }

  .sw-Section_HeaderS {
    margin-bottom: 65px
  }

  .sw-Section_HeaderS-en {
    font-size: 5.4rem;
    line-height: .88889em;
    letter-spacing: 0;
    margin-bottom: 22px
  }

  html[lang=en] .sw-Section_HeaderS-en {
    font-size: 6rem;
    line-height: .86667em;
    letter-spacing: 0
  }

  .sw-Section_HeaderS-ja {
    font-size: 2rem;
    line-height: 1.1em;
    letter-spacing: .06em
  }

  .sw-Eyebrow {
    padding: 18px 0 9px
  }

  html[lang=en] .sw-Eyebrow {
    padding: 18px 0 15px
  }

  .sw-Eyebrow_Lavel {
    font-size: 1.2rem;
    line-height: 1.5em;
    letter-spacing: 0;
    padding: 0 12px
  }

  .sw-Eyebrow_Category {
    padding-left: 10px;
    font-size: 1.3rem;
    line-height: 1.38462em;
    letter-spacing: .06em
  }

  html[lang=en] .sw-Eyebrow_Category {
    font-size: 1.3rem;
    line-height: 1.38462em;
    letter-spacing: .02em
  }

  .sw-Eyebrow_Date {
    font-size: 1.3rem;
    line-height: 1.38462em;
    letter-spacing: .06em
  }

  .top-Mv {
    height: 720px
  }

  .top-Mv_Slide-cover-sp {
    display: none
  }

  .top-Mv_Slide-cover-pc {
    display: block
  }

  .top-Mv_Slide-image-sp {
    display: none
  }

  .top-Mv_Slide-image-pc {
    display: block
  }

  .top-Mv_Slide-text {
    bottom: 54px;
    width: 100%;
    padding: 0 40px;
    margin: auto;
    max-width: 1280px
  }

  .top-Mv_Slide-text p {
    font-size: 3.4rem;
    line-height: 1.29412em;
    letter-spacing: .03em
  }

  .top-Mv_Slide .swiper-pagination {
    width: 100%;
    padding: 0 40px;
    margin: auto;
    max-width: 1280px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    right: 40px;
    bottom: 35px
  }

  .top-Mv_Slide .swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    margin: 0 0 0 20px !important
  }

  .top-Mv_Slide .swiper-pagination-bullet .circle {
    left: -7px;
    top: -7px;
    width: 28px;
    height: 28px
  }

  .top-Mv_Slide .swiper-pagination-bullet:before {
    width: 8px;
    height: 8px
  }

  .top-Mv_Slide .swiper-pagination-bullet-active:before {
    width: 100%;
    height: 100%
  }

  .top-Mv_Slide .swiper-pagination-bullet-active .circle svg circle {
    stroke-width: 6
  }

  .top-Product {
    padding: 73px 0 75px
  }

  .top-Product .sw-Section_Header {
    margin-bottom: 110px
  }

  html[lang=en] .top-Product .sw-Section_Header {
    margin-bottom: 70px
  }

  .top-Product .sw-Section_Header-en {
    font-size: 5.6rem;
    line-height: .89286em;
    letter-spacing: -.02em;
    margin-bottom: 15px
  }

  .top-Product .sw-Section_Header-ja {
    font-size: 2rem;
    line-height: 1em;
    letter-spacing: .06em
  }

  .top-Product_RowWrap {
    width: 100%;
    padding: 0 40px;
    margin: auto;
    max-width: 1280px
  }

  .top-Product_Row {
    position: relative;
    margin-bottom: 120px;
    min-height: 454px
  }

  .top-Product_Row:last-child {
    margin-bottom: 70px
  }

  .top-Product_Row:before {
    content: "";
    width: 65vw;
    height: 100%;
    position: absolute;
    top: 0;
    background-color: #222;
    border-bottom: 5px solid #fff
  }

  .top-Product_Row:after {
    content: "";
    width: 65vw;
    height: 5px;
    position: absolute;
    bottom: 0;
    background-color: #c7000b;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: -webkit-transform 3s cubic-bezier(.23, 1, .32, 1);
    transition: -webkit-transform 3s cubic-bezier(.23, 1, .32, 1);
    -o-transition: transform 3s cubic-bezier(.23, 1, .32, 1);
    transition: transform 3s cubic-bezier(.23, 1, .32, 1);
    transition: transform 3s cubic-bezier(.23, 1, .32, 1), -webkit-transform 3s cubic-bezier(.23, 1, .32, 1)
  }

  .top-Product_Row:nth-child(odd):after,
  .top-Product_Row:nth-child(odd):before {
    left: 34.33333%
  }

  .top-Product_Row:nth-child(odd):after {
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
  }

  .top-Product_Row:nth-child(odd) .top-Product_Image {
    right: 412px
  }

  .top-Product_Row:nth-child(odd) .top-Product_Body {
    margin-left: auto
  }

  .top-Product_Row:nth-child(2n):after,
  .top-Product_Row:nth-child(2n):before {
    right: 34.33333%
  }

  .top-Product_Row:nth-child(2n):after {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
  }

  .top-Product_Row:nth-child(2n) .top-Product_Image {
    left: 412px
  }

  .top-Product_Row:nth-child(2n) .top-Product_Body {
    margin-right: auto
  }

  .top-Product_Row .top-Product_Image {
    position: absolute;
    bottom: 60px;
    max-width: 1000px;
    width: 75.66667%;
    height: 454px;
    overflow: hidden
  }

  .top-Product_Body {
    position: relative;
    background-color: inherit;
    border-bottom: none;
    width: 342px;
    padding: 53px 0 56px
  }

  html[lang=en] .top-Product_Body {
    padding: 50px 0
  }

  .top-Product_Body-inner {
    -webkit-transition-delay: 1.3s;
    -o-transition-delay: 1.3s;
    transition-delay: 1.3s
  }

  .top-Product_Body-lead span {
    padding: 0 15px;
    font-size: 1.5rem;
    line-height: 1.6em;
    letter-spacing: .06em
  }

  .top-Product_Body-title.logo-Guzzilla {
    width: 250px
  }

  .top-Product_Body-title.logo-Grasper {
    width: 260px
  }

  .top-Product_Body-title.logo-Maggon {
    width: 239px
  }

  .top-Product_Body-text {
    font-size: 1.7rem;
    line-height: 1.91176em;
    letter-spacing: .06em;
    margin-top: 22px;
    margin-bottom: 10px
  }

  html[lang=en] .top-Product_Body-text {
    font-size: 1.6rem;
    line-height: 1.875em;
    letter-spacing: .02em
  }

  .top-Product_ColumnWrap {
    width: 100%;
    padding: 0 40px;
    margin: auto;
    max-width: 1280px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  .top-Product_Column {
    width: 47.5%;
    margin-bottom: 0
  }

  .top-Product_Column .top-Product_Image {
    border: 0
  }

  .top-Product_Column .top-Product_Image:after {
    content: "";
    width: 100%;
    height: 5px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #c7000b;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: -webkit-transform 2s cubic-bezier(.23, 1, .32, 1);
    transition: -webkit-transform 2s cubic-bezier(.23, 1, .32, 1);
    -o-transition: transform 2s cubic-bezier(.23, 1, .32, 1);
    transition: transform 2s cubic-bezier(.23, 1, .32, 1);
    transition: transform 2s cubic-bezier(.23, 1, .32, 1), -webkit-transform 2s cubic-bezier(.23, 1, .32, 1);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
  }

  .top-Product_Column .top-Product_Image.appear:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition-delay: 1.5s;
    -o-transition-delay: 1.5s;
    transition-delay: 1.5s
  }

  .top-Product_Column .top-Product_Image {
    width: 100%;
    overflow: hidden
  }

  .top-Product_Column .top-Product_Body {
    width: 100%;
    padding: 30px 0 0;
    -webkit-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s
  }

  .top-Product_Column .top-Product_Body .sw-ButtonCircle {
    width: 56px;
    height: 56px;
    border: 2px solid #c7000b
  }

  .top-Product_Column .top-Product_Body-head {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
  }

  .top-Product_Column .top-Product_Body-lead {
    margin-bottom: 15px
  }

  .top-Product_Column .top-Product_Body-title {
    font-size: 4rem;
    line-height: .75em;
    letter-spacing: 0;
    padding-bottom: 5px
  }

  .top-Product_Column .top-Product_Body-text {
    margin-top: 20px
  }

  .top-ProductMovie_Block {
    height: 500px
  }

  .top-ProductMovie .sw-parallax_block {
    height: calc(100% + 80px)
  }

  .top-News {
    padding: 73px 0 75px
  }

  .top-News .sw-Section_Header {
    margin-bottom: 63px
  }

  .top-News .sw-Section_Header1 {
    margin-bottom: 63px
  }

  .top-News .sw-Section_Header-en {
    font-size: 5.6rem;
    line-height: .89286em;
    letter-spacing: -.02em;
    margin-bottom: 15px
  }

  .top-News .sw-Section_Header-ja {
    font-size: 2rem;
    line-height: 1em;
    letter-spacing: .06em
  }

  .top-News .st-Grid_Inner {
    max-width: 1328px;
    padding: 0 64px
  }

  .top-News .st-Grid_Inner1 {
    max-width: 1328px;
    padding: 0 64px
  }

  .top-News .sw-ButtonRound {
    position: absolute;
    top: 21px;
    right: 40px
  }

  .st-News_Slide {
    margin-bottom: 0
  }

  .st-News_Slide-image-inner>div {
    padding-top: 61.94444%
  }

  .st-News_Slide-title {
    font-size: 1.7rem;
    line-height: 1.88235em;
    letter-spacing: .06em;
    margin-bottom: 10px
  }

  html[lang=en] .st-News_Slide-title {
    font-size: 1.6rem;
    line-height: 1.875em;
    letter-spacing: .06em;
    margin-bottom: 5px
  }

  .st-News_Slide-tag li {
    font-size: 1.2rem;
    line-height: 1em;
    letter-spacing: .06em;
    margin: 5px 0
  }

  .st-News_Slide .swiper-button-next,
  .st-News_Slide .swiper-button-prev {
    width: 64px;
    padding-top: 18.66667%
  }

  .st-News_Slide .swiper-button-next i,
  .st-News_Slide .swiper-button-prev i {
    width: 64px;
    height: 64px;
    margin-top: -32px
  }

  .st-News_Slide .swiper-button-next i:before,
  .st-News_Slide .swiper-button-prev i:before {
    font-size: 1.3rem;
    line-height: 1em;
    letter-spacing: 0;
    height: 13px
  }

  .st-News_Slide .swiper-button-next {
    right: -5.2%
  }

  .st-News_Slide .swiper-button-prev {
    left: -5.2%
  }

  .top-Recruit {
    padding: 73px 0 80px
  }

  .top-Recruit_Body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 60px
  }

  .top-Recruit_Body .sw-Section_Header {
    margin-bottom: 63px
  }

  .top-Recruit_Body .sw-Section_Header-en {
    font-size: 5.6rem;
    line-height: .89286em;
    letter-spacing: -.02em;
    margin-bottom: 15px
  }

  .top-Recruit_Body .sw-Section_Header-ja {
    font-size: 2rem;
    line-height: 1em;
    letter-spacing: .06em
  }

  .top-Recruit_Body .sw-Section_Header {
    padding-top: 3px;
    width: 22.66667%;
    margin-bottom: 0
  }

  .top-Recruit_Body-text {
    margin-top: 0;
    font-size: 1.7rem;
    line-height: 1.88235em;
    letter-spacing: .06em
  }

  .top-Recruit_Body .sw-ButtonRound {
    text-align: left
  }

  .top-Recruit_Slide-inner {
    padding-top: 25.58333%
  }

  .top-Recruit_Slide-inner:after {
    width: 45%;
    left: 33.33333%
  }

  .top-Recruit_Slide-body {
    width: 235%;
    -webkit-animation: recruit-slide-sp 15s linear infinite;
    animation: recruit-slide-sp 15s linear infinite
  }

  .news-Detail {
    max-width: 700px;
    margin: auto;
    padding-top: 80px;
    padding-bottom: 80px
  }

  .news-Detail_Title {
    padding-bottom: 25px
  }

  .news-Detail_Title:after {
    width: 120px
  }

  .news-Detail_Title .sw-Eyebrow {
    padding-bottom: 0;
    margin-bottom: 20px
  }

  .news-Detail_Title .sw-Eyebrow_Lavel {
    font-size: 1.4rem;
    line-height: 1.57143em;
    letter-spacing: .06em
  }

  .news-Detail_Title .sw-Eyebrow_Category {
    font-size: 1.7rem;
    line-height: 1.29412em;
    letter-spacing: .06em
  }

  html[lang=en] .news-Detail_Title .sw-Eyebrow_Category {
    font-size: 1.7rem;
    line-height: 1.29412em;
    letter-spacing: .02em
  }

  .news-Detail_Title .sw-Eyebrow_Date {
    font-size: 1.4rem;
    line-height: 1.57143em;
    letter-spacing: .06em
  }

  .news-Detail_Title h1 {
    font-size: 3.4rem;
    line-height: 1.35294em;
    letter-spacing: .06em;
    margin-bottom: 28px
  }

  html[lang=en] .news-Detail_Title h1 {
    font-size: 4rem;
    line-height: 1.15em;
    letter-spacing: .02em
  }

  .news-Detail_Title .tag {
    background-position: left 2px;
    background-size: 16px auto;
    padding-left: 25px
  }

  .news-Detail_Title .tag li {
    font-size: 1.4rem;
    line-height: 1.42857em;
    letter-spacing: .06em;
    margin-right: 10px
  }

  .news-Detail_Body {
    padding-top: 50px;
    font-size: 1.7rem;
    line-height: 1.88235em;
    letter-spacing: .06em
  }

  .news-Detail_Body figure {
    margin-bottom: 40px
  }

  .news-Detail_Body figcaption {
    font-size: 1.4rem;
    line-height: 2.28571em;
    letter-spacing: .06em
  }

  .news-Detail_Body p {
    font-size: 1.7rem;
    line-height: 1.88235em;
    letter-spacing: .06em;
    margin-top: 40px;
    margin-bottom: 40px
  }

  .news-Detail_Body h2 {
    font-size: 2.8rem;
    line-height: 1.5em;
    letter-spacing: .06em;
    margin-top: 40px;
    margin-bottom: 35px
  }

  .news-Detail_Body h3 {
    font-size: 2.3rem;
    line-height: 1.52174em;
    letter-spacing: .06em;
    margin-top: 35px;
    margin-bottom: 28px
  }

  html[lang=en] .news-Detail_Body table td,
  html[lang=en] .news-Detail_Body table th {
    text-align: left;
    font-size: 1.5rem;
    line-height: 1.46667em;
    letter-spacing: .02em;
    padding: 15px 25px
  }

  .news-Detail_Body .note {
    padding: 20px 30px;
    margin-top: 45px;
    margin-bottom: 50px
  }

  .news-Detail_Body .note p {
    font-size: 1.5rem;
    line-height: 2.13333em;
    letter-spacing: .06em
  }

  .news-Detail_Share {
    padding-top: 0
  }

  .news-Detail_Share:before {
    width: 120px
  }

  .news-Detail_Share p {
    font-size: 1.7rem;
    line-height: 1em;
    letter-spacing: .06em;
    margin-bottom: 20px
  }

  .news-Detail_Share ul li a {
    border-radius: 4px;
    font-size: 1.5rem;
    line-height: 1.4em;
    letter-spacing: .06em
  }

  .news-Detail_Share ul li a .icf {
    margin-right: 8px
  }

  .news-Detail_Share ul .share-tw .icf {
    font-size: 1.6rem;
    line-height: 1em
  }

  .news-Detail_Share ul .share-fb .icf {
    font-size: 2rem;
    line-height: 1em
  }

  .news-Detail_Share ul .share-ln .icf {
    font-size: 2.1rem;
    line-height: 1em
  }

  .single .news-ArticleList {
    padding-top: 70px
  }

  .single .news-ArticleList_Item {
    margin-bottom: 0
  }

  .news-PageTitle,
  .single .sw-Section_HeaderS {
    margin-bottom: 60px
  }

  html[lang=en] .news-PageTitle {
    margin-bottom: 80px
  }

  .news-PageTitle_Inner {
    padding: 70px 40px 0
  }

  .news-Narrow,
  .news-PageTitle_Inner {
    width: 100%;
    margin: auto;
    max-width: 1280px
  }

  .news-Narrow {
    padding: 0 40px
  }

  .news-Narrow_Cate {
    margin-bottom: 22px
  }

  .news-Narrow_Cate li a {
    font-size: 1.5rem;
    line-height: 2.66667em;
    letter-spacing: .06em;
    padding: 0 35px
  }

  .news-Narrow_Block {
    margin-right: 40px;
    margin-bottom: 0
  }

  .news-Narrow_Block:not(:last-child) {
    margin-bottom: 0
  }

  .news-Narrow_Block:after {
    width: 10px;
    height: 13px
  }

  .news-Narrow_Block p {
    font-size: 1.5rem;
    line-height: 1.6em;
    letter-spacing: .06em;
    padding-right: 15px
  }

  html[lang=en] .news-Narrow_Block p {
    font-size: 1.5rem;
    line-height: 1.6em;
    letter-spacing: .02em
  }

  .news-Narrow_Block select {
    font-size: 1.7rem;
    line-height: 2.82353em;
    letter-spacing: .06em;
    padding-right: 40px
  }

  html[lang=en] .news-Narrow_Block select {
    font-size: 1.7rem;
    line-height: 2.82353em;
    letter-spacing: .02em
  }

  .news .news-ArticleList {
    padding: 60px 0
  }

  .news-ArticleList_Wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .news-ArticleList_Item {
    width: 30%;
    margin-right: 5%;
    margin-bottom: 50px
  }

  .news-ArticleList_Item:nth-child(2),
  .news-ArticleList_Item:nth-child(5),
  .news-ArticleList_Item:nth-child(8),
  .news-ArticleList_Item:nth-child(11) {
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s
  }

  .news-ArticleList_Item:nth-child(3),
  .news-ArticleList_Item:nth-child(6),
  .news-ArticleList_Item:nth-child(9),
  .news-ArticleList_Item:nth-child(12) {
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s
  }

  .news-ArticleList_Item:nth-child(3n) {
    margin-right: 0
  }

  .news-ArticleList-image {
    margin-bottom: 10px
  }

  .news-ArticleList-image>div {
    padding-top: 61.94444%
  }

  .news-ArticleList-title {
    font-size: 1.7rem;
    line-height: 1.88235em;
    letter-spacing: .06em
  }

  html[lang=en] .news-ArticleList-title {
    font-size: 1.6rem;
    line-height: 1.875em;
    letter-spacing: .06em;
    margin-bottom: 5px
  }

  .news-ArticleList-tag li {
    font-size: 1.2rem;
    line-height: 1.33333em;
    letter-spacing: .06em
  }

  .news-ArticleList .sw-ButtonOval {
    width: auto;
    text-align: center
  }

  .search-Wrap {
    width: 100%;
    margin: auto;
    max-width: 1280px;
    padding: 0 40px 0 280px;
    min-height: 1024px
  }

  .search-Wrap .sw-Section_HeaderS {
    width: 200px;
    padding: 0;
    position: absolute;
    left: 40px;
    top: 55px
  }

  .search-Wrap .sw-Section_HeaderS-en {
    font-size: 4rem;
    line-height: .9em;
    letter-spacing: 0;
    margin-bottom: 14px
  }

  .search-Wrap .series-Lineup {
    border-bottom: none;
    padding-top: 0
  }

  .search-Wrap .series-Lineup_List {
    padding: 0
  }

  .search-Nav {
    display: block;
    border-top: none;
    border-bottom: 1px solid #ddd;
    width: 200px;
    position: absolute;
    left: 40px;
    top: 160px
  }

  .search-NavBlock {
    width: 100%;
    margin-bottom: 40px;
    pointer-events: none
  }

  .search-NavBlock:first-child .search-NavBlock_Title {
    border-right: none
  }

  .search-NavBlock:last-child {
    position: static
  }

  .search-NavBlock_Title {
    width: 100%;
    border-top: 1px solid #ddd;
    border-bottom: none;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }

  .search-NavBlock_Title .icf {
    display: none
  }

  .search-NavBlock_Body {
    pointer-events: all;
    position: static;
    display: block !important;
    width: 100%;
    padding: 0
  }

  .search-NavBlock_Body li:not(:last-child) {
    margin-bottom: 10px
  }

  .search-NavBlock_Body li a img {
    width: 24px
  }

  .search-NavBlock_Body li a span {
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.5em;
    letter-spacing: .06em
  }

  .series-Nav_Inner {
    width: 100%;
    padding: 0 40px;
    margin: auto;
    max-width: 1280px;
    min-width: 1110px
  }

  .series-Nav ul {
    width: calc(100% - 55px)
  }

  .series-Nav li {
    width: 100%
  }

  .series-Nav li[data-series=guzzilla] p {
    width: 77px
  }

  .series-Nav li[data-series=grasper] p {
    width: 80px
  }

  .series-Nav li[data-series=mag-gon] p {
    width: 76px
  }

  .series-Nav li[data-series=kusakaru-gon] p {
    width: 90px
  }

  .series-Nav li[data-series=other] p {
    font-size: 1.7rem;
    line-height: 1em;
    letter-spacing: 0
  }

  .series-Nav li a {
    padding: 6px 20px 6px 15px
  }

  .series-Nav li a:after {
    height: 3px
  }

  .series-Nav li div {
    width: 60px;
    margin-right: 12px
  }

  .series-Nav_All {
    font-size: 1.8rem;
    line-height: 1em;
    letter-spacing: 0;
    padding: 5px 0 5px 30px
  }

  .series-Nav_All a {
    width: 32px;
    height: 32px
  }

  .search-PageTitle {
    margin-bottom: 5px
  }

  .search-PageTitle_Inner {
    width: 100%;
    padding: 60px 0 0
  }

  .search-PageTitle_Purpose {
    font-size: 1.5rem;
    line-height: 1em;
    letter-spacing: .06em
  }

  .search-PageTitle_Title {
    font-size: 2.8rem;
    line-height: 1.21429em;
    letter-spacing: .06em
  }

  .series-PageTitle_Inner {
    height: 480px
  }

  .series-PageTitle .sw-parallax_block {
    height: calc(100% + 80px)
  }

  .series-PageTitle_Logo {
    font-size: 5.4rem;
    line-height: 1.22222em;
    letter-spacing: 0;
    margin-bottom: 8px
  }

  .series-PageTitle_Title:after,
  .series-PageTitle_Title:before {
    width: 30px
  }

  .guzzilla .series-PageTitle .series-PageTitle_Logo {
    width: 220px
  }

  .grasper .series-PageTitle .series-PageTitle_Logo {
    width: 260px
  }

  .mag-gon .series-PageTitle .series-PageTitle_Logo {
    width: 240px
  }

  .kusakaru-gon .series-PageTitle .series-PageTitle_Logo {
    width: 284px
  }

  .series-Lineup {
    padding: 80px 0
  }

  .series-Lineup_Inner {
    width: 100%;
    padding: 0 40px;
    margin: auto;
    max-width: 1280px
  }

  .series-Lineup .sw-Section_HeaderS {
    margin-bottom: 25px
  }

  .series-Lineup_List {
    width: 100%;
    padding: 0 40px;
    margin: auto;
    max-width: 1280px
  }

  .series-Lineup_List li {
    width: 32.33333%;
    margin-right: 1.5%;
    margin-top: 40px
  }

  .series-Lineup_List li:nth-child(3n) {
    margin-right: 0
  }

  .series-Lineup_List li:nth-child(2),
  .series-Lineup_List li:nth-child(5),
  .series-Lineup_List li:nth-child(8),
  .series-Lineup_List li:nth-child(11) {
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s
  }

  .series-Lineup_List li:nth-child(3),
  .series-Lineup_List li:nth-child(6),
  .series-Lineup_List li:nth-child(9),
  .series-Lineup_List li:nth-child(12) {
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s
  }

  .series-Lineup_List-image {
    margin-bottom: 20px;
    width: 54.12371%
  }

  .series-Lineup_List-title {
    padding: 0 20px
  }

  .series-Lineup_List-title p span:first-child {
    font-size: 1.2rem;
    line-height: 1.5em;
    letter-spacing: .03em;
    margin-bottom: 8px
  }

  html[lang=en] .series-Lineup_List-title p span:first-child {
    font-size: 1.2rem;
    line-height: 1.5em;
    letter-spacing: .01em
  }

  .series-Lineup_List-title p span:nth-child(2) {
    font-size: 2.2rem;
    line-height: 1.36364em;
    letter-spacing: 0
  }

  .series-Lineup_SpecList dl {
    padding: 2px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  .series-Lineup_SpecList dl dt {
    font-size: 1.2rem;
    line-height: 2.16667em;
    letter-spacing: .06em
  }

  .series-Lineup_SpecList dl dd {
    font-size: 1.7rem;
    line-height: .70588em;
    letter-spacing: .06em
  }

  .series-Lineup_SpecList dl dd i {
    font-size: 1.4rem;
    line-height: .85714em;
    letter-spacing: .06em
  }

  .series-Lineup .sw-ButtonOval {
    margin-top: 40px
  }

  .series-Lineup .sw-ButtonOval a {
    width: 308px
  }

  .series-Movie {
    padding: 70px 0
  }

  .series-Movie_Inner {
    width: 100%;
    max-width: 1280px;
    margin: auto;
    max-width: 1328px;
    padding: 0 64px
  }

  .series-Movie .sw-Section_HeaderS {
    margin-bottom: 60px
  }

  html[lang=en] .series-Movie .sw-Section_HeaderS {
    margin-bottom: 65px
  }

  .series-Movie_Slide {
    margin-bottom: 0
  }

  .series-Movie_Slide .sw-Movie_Container {
    margin-bottom: 20px
  }

  .series-Movie_Slide-title {
    font-size: 1.7rem;
    line-height: 1.88235em;
    letter-spacing: .06em
  }

  html[lang=en] .series-Movie_Slide-title {
    font-size: 1.7rem;
    line-height: 1.88235em;
    letter-spacing: .02em
  }

  .series-Movie .swiper-button-next,
  .series-Movie .swiper-button-prev {
    width: 56px;
    padding-top: 36.5%
  }

  .series-Movie .swiper-button-next i,
  .series-Movie .swiper-button-prev i {
    width: 56px;
    height: 56px;
    margin-top: -26px
  }

  .series-Movie .swiper-button-next i:before,
  .series-Movie .swiper-button-prev i:before {
    font-size: 1.3rem;
    line-height: 1em;
    letter-spacing: 0;
    height: 13px
  }

  .series-Movie .swiper-button-next {
    right: -5%
  }

  .series-Movie .swiper-button-prev {
    left: -5%
  }

  .series-Movie_Button {
    position: absolute;
    right: 40px;
    top: 0
  }

  .series-Movie_Button a {
    padding: 7px 20px 7px 34px;
    width: 330px;
    border-radius: 32px
  }

  .series-Movie_Button a span {
    font-size: 1.6rem;
    line-height: 1.5em;
    letter-spacing: .06em
  }

  html[lang=en] .series-Movie_Button a span {
    font-size: 1.6rem;
    line-height: 1.5em;
    letter-spacing: .02em
  }

  .series-Movie_Button a .icf-yt {
    font-size: 3.4rem;
    line-height: 1em;
    letter-spacing: 0;
    height: 34px
  }

  .series-Movie_Button a .icf-blank {
    font-size: 2rem;
    line-height: 1em;
    letter-spacing: 0;
    height: 20px
  }

  .series-Banner {
    padding: 80px 0 0
  }

  .series-Banner_Inner {
    width: 100%;
    padding: 0 40px;
    margin: auto;
    max-width: 1280px
  }

  .series-Banner a+a {
    margin-top: 30px
  }

  .news-ArticleList {
    padding: 80px 0
  }

  .news-ArticleList_Inner {
    width: 100%;
    max-width: 1280px;
    margin: auto;
    max-width: 1328px;
    padding: 0 64px
  }

  .news-ArticleList .sw-ButtonRound {
    position: absolute;
    right: 40px;
    top: 0
  }

  .product-Nav_Inner {
    width: 100%;
    margin: auto;
    max-width: 1280px;
    padding: 16px 40px
  }

  .product-Nav_Prev a {
    font-size: 2.3rem;
    line-height: .86957em;
    letter-spacing: 0
  }

  .product-Nav_Prev div img {
    width: 104px
  }

  .product-Nav_Trigger {
    display: none
  }

  .product-Nav_Menu {
    position: static;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    margin-right: 25px
  }

  .product-Nav_Menu li:not(:last-child) {
    border-bottom: 0
  }

  .product-Nav_Menu li a {
    font-size: 1.4rem;
    line-height: 1.5em;
    letter-spacing: .06em;
    margin: 0 25px;
    padding: 0
  }

  .product-Nav_All {
    font-size: 1.8rem;
    line-height: 1em;
    letter-spacing: 0;
    padding: 0 0 0 36px
  }

  .product-Nav_All a {
    width: 32px;
    height: 32px
  }

  .product-PageTitle_Inner {
    width: 100%;
    margin: auto;
    max-width: 1280px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 40px
  }

  .product-PageTitle_Image {
    width: 50%;
    -webkit-transform: scale(1.25);
    -ms-transform: scale(1.25);
    transform: scale(1.25)
  }

  .product-PageTitle_Body {
    width: 50%
  }

  .product-PageTitle_Body.appear {
    -webkit-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s
  }

  .product-PageTitle_Award {
    width: 20.83333%;
    margin-bottom: 10px
  }

  .product-PageTitle h1 {
    font-size: 4.5rem;
    line-height: 1.24444em;
    letter-spacing: 0;
    margin-bottom: 30px
  }

  html[lang=en] .product-PageTitle h1 {
    font-size: 4rem;
    line-height: 1.4em;
    letter-spacing: 0;
    margin-bottom: 20px
  }

  .product-PageTitle h1 span {
    font-size: 1.7rem;
    line-height: 1.88235em;
    letter-spacing: .03em;
    margin-bottom: 0
  }

  html[lang=en] .product-PageTitle h1 span {
    font-size: 1.7rem;
    line-height: 1.88235em;
    letter-spacing: .01em
  }

  .product-PageTitle_Copy {
    font-size: 2rem;
    line-height: 1.5em;
    letter-spacing: .03em;
    margin-bottom: 18px
  }

  html[lang=en] .product-PageTitle_Copy {
    font-size: 2rem;
    line-height: 1.5em;
    letter-spacing: .01em
  }

  .product-PageTitle_Spec {
    margin-bottom: 30px
  }

  .product-PageTitle_Spec p:first-child {
    font-size: 1.3rem;
    line-height: 1.46154em;
    letter-spacing: .06em;
    margin-bottom: 8px
  }

  html[lang=en] .product-PageTitle_Spec p:first-child {
    font-size: 1.3rem;
    line-height: 1.46154em;
    letter-spacing: .02em;
    margin-bottom: 8px
  }

  .product-PageTitle_Spec p:nth-child(2) {
    font-size: 4.6rem;
    line-height: .69565em;
    letter-spacing: .06em;
    background-size: 38px auto;
    padding-left: 50px
  }

  .product-PageTitle_Spec p:nth-child(2) i {
    font-size: 2.4rem;
    line-height: 1.33333em;
    letter-spacing: .06em
  }

  .product-PageTitle_Button {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }

  .product-PageTitle_Button .sw-ButtonOval {
    width: 33.33333%
  }

  .product-PageTitle_Button .sw-ButtonOval:not(:last-child) {
    margin-right: 10px
  }

  .product-PageTitle_Button .sw-ButtonOval a {
    min-width: 0;
    width: 100%
  }

  .product-Detail_Inner {
    width: 100%;
    margin: auto;
    max-width: 1280px;
    padding: 92px 40px 100px
  }

  .product-Detail_Lead {
    text-align: center;
    font-size: 1.9rem;
    line-height: 1.84211em;
    letter-spacing: .06em
  }

  html[lang=en] .product-Detail_Lead {
    font-size: 1.8rem;
    line-height: 1.88889em;
    letter-spacing: .02em
  }

  .product-Detail_Column:first-child {
    margin-top: 92px
  }

  .product-Detail_Column:not(:last-child) {
    margin-bottom: 80px
  }

  .product-Detail_Column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }

  .product-Detail_Column:nth-child(2n) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
  }

  .product-Detail_Column>div:nth-child(2).appear {
    -webkit-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s
  }

  .product-Detail_Column-image {
    width: 50%
  }

  .product-Detail_Column picture {
    margin-bottom: 0
  }

  .product-Detail_Column>div {
    width: 50%
  }

  .product-Detail_Column>div:nth-child(2) {
    padding: 0 3.5% 0 6.33333%
  }

  .product-Detail_Column-lead {
    margin-bottom: 8px
  }

  .product-Detail_Column-copy {
    font-size: 3.4rem;
    line-height: 1.29412em;
    letter-spacing: .03em;
    margin-bottom: 25px
  }

  html[lang=en] .product-Detail_Column-copy {
    font-size: 3.8rem;
    line-height: 1.15789em;
    letter-spacing: .01em
  }

  .product-Detail_Column-text {
    font-size: 1.7rem;
    line-height: 1.88235em;
    letter-spacing: .06em;
    padding-right: 25px
  }

  html[lang=en] .product-Detail_Column-text {
    font-size: 1.7rem;
    line-height: 1.70588em;
    letter-spacing: .02em
  }

  .product-Detail+.series-Banner {
    padding: 0 0 100px
  }

  .product-Movie {
    padding: 70px 0
  }

  .product-Movie_Inner {
    width: 100%;
    max-width: 1280px;
    margin: auto;
    max-width: 1328px;
    padding: 0 64px
  }

  .product-Movie .sw-Section_HeaderS {
    margin-bottom: 60px
  }

  .product-Movie_Slide {
    margin-bottom: 0
  }

  .product-Movie_Slide .sw-Movie_Container {
    margin-bottom: 20px
  }

  .product-Movie_Slide-title {
    font-size: 1.7rem;
    line-height: 1.88235em;
    letter-spacing: .06em
  }

  html[lang=en] .product-Movie_Slide-title {
    font-size: 1.7rem;
    line-height: 1.88235em;
    letter-spacing: .02em
  }

  .product-Movie .swiper-button-next,
  .product-Movie .swiper-button-prev {
    width: 56px;
    padding-top: 25.8%
  }

  .product-Movie .swiper-button-next i,
  .product-Movie .swiper-button-prev i {
    width: 56px;
    height: 56px;
    margin-top: -26px
  }

  .product-Movie .swiper-button-next i:before,
  .product-Movie .swiper-button-prev i:before {
    font-size: 1.3rem;
    line-height: 1em;
    letter-spacing: 0;
    height: 13px
  }

  .product-Movie .swiper-button-next {
    right: -3%
  }

  .product-Movie .swiper-button-prev {
    left: -5%
  }

  .product-Movie_Button {
    position: absolute;
    right: 40px;
    top: 0
  }

  .product-Movie_Button a {
    padding: 7px 20px 7px 34px;
    width: 330px;
    border-radius: 32px
  }

  .product-Movie_Button a span {
    font-size: 1.6rem;
    line-height: 1.5em;
    letter-spacing: .06em
  }

  .product-Movie_Button a .icf-yt {
    font-size: 3.4rem;
    line-height: 1em;
    letter-spacing: 0;
    height: 34px
  }

  .product-Movie_Button a .icf-blank {
    font-size: 2rem;
    line-height: 1em;
    letter-spacing: 0;
    height: 20px
  }

  .product-Spec {
    padding: 70px 0
  }

  .product-Spec_Inner {
    width: 100%;
    padding: 0 40px;
    margin: auto;
    max-width: 1280px
  }

  .product-Spec .sw-Section_HeaderS {
    margin-bottom: 136px
  }

  html[lang=en] .product-Spec .sw-Section_HeaderS {
    margin-bottom: 166px
  }

  .product-Spec_Diagram {
    height: 200px;
    width: calc(100% - 265px)
  }

  .product-Spec_Diagram,
  .product-Spec_Diagram-image {
    background-position: 100%;
    position: absolute;
    right: 40px;
    top: 0
  }

  .product-Spec_Diagram-image {
    height: 100%;
    width: 100%
  }

  .product-Spec_Diagram:after {
    right: 0;
    width: 32px;
    height: 32px
  }

  .product-Spec_Table {
    width: 100%;
    padding: 0 40px;
    margin: auto;
    max-width: 1280px
  }

  .product-Spec_Table:before {
    display: none
  }

  .product-Spec_Table-inner {
    display: block;
    padding-left: 0;
    white-space: inherit
  }

  .product-Spec_Table-inner:after {
    display: none
  }

  .product-Spec_Table table {
    width: 100%
  }

  .product-Spec_Table table thead td,
  .product-Spec_Table table thead th {
    padding: 15px 12px
  }

  .product-Spec_Table table tbody th picture {
    width: 72px;
    margin-right: 20px
  }

  .product-Spec_Table table tbody th picture:after {
    width: 24px;
    height: 24px
  }

  .product-Spec_Table table tbody th p {
    font-size: 1.5rem;
    line-height: 1.33333em;
    letter-spacing: .04em
  }

  .product-Spec_Table table tbody td,
  .product-Spec_Table table tbody th {
    padding: 10px 14px
  }

  .product-Spec_Table table td,
  .product-Spec_Table table th {
    font-size: 1.5rem;
    line-height: 1.33333em;
    letter-spacing: .04em
  }

  html[lang=en] .product-Spec_Table table td,
  html[lang=en] .product-Spec_Table table th {
    font-size: 1.4rem;
    line-height: 1.14286em;
    letter-spacing: 0
  }

  .product-Spec_Table table .pdf {
    width: 16px;
    height: 20px
  }

  .product-Spec_Note {
    width: 100%;
    margin: auto;
    max-width: 1280px;
    padding: 20px 40px 0
  }

  .product-Spec_Note p {
    font-size: 1.4rem;
    line-height: 1.28571em;
    letter-spacing: .06em
  }

  html[lang=en] .product-Spec_Note p {
    font-size: 1.2rem;
    line-height: 1.5em;
    letter-spacing: .02em
  }

  .product-Catalogue {
    padding: 70px 0
  }

  .product-Catalogue_Inner {
    width: 100%;
    max-width: 1280px;
    margin: auto;
    max-width: 1328px;
    padding: 0 64px
  }

  .product-Catalogue_Slide-image {
    margin-bottom: 20px
  }

  .product-Catalogue_Slide-title {
    font-size: 1.7rem;
    line-height: 1.88235em;
    letter-spacing: .06em
  }

  html[lang=en] .product-Catalogue_Slide-title {
    font-size: 1.6rem;
    line-height: 1.875em;
    letter-spacing: .02em
  }

  .product-Catalogue_Slide-title:after {
    width: 16px;
    height: 20px;
    margin-left: 6px
  }

  .product-Catalogue .swiper-button-next,
  .product-Catalogue .swiper-button-prev {
    width: 56px;
    padding-top: 24.66667%
  }

  .product-Catalogue .swiper-button-next i,
  .product-Catalogue .swiper-button-prev i {
    width: 56px;
    height: 56px;
    margin-top: -26px
  }

  .product-Catalogue .swiper-button-next i:before,
  .product-Catalogue .swiper-button-prev i:before {
    font-size: 1.3rem;
    line-height: 1em;
    letter-spacing: 0;
    height: 13px
  }

  .product-Catalogue .swiper-button-next {
    right: -3.9%
  }

  .product-Catalogue .swiper-button-prev {
    left: -3.9%
  }

  .product-Lineup {
    padding: 70px 0
  }

  .product-Lineup_Inner {
    width: 100%;
    max-width: 1280px;
    margin: auto;
    max-width: 1328px;
    padding: 0 64px
  }

  .product-Lineup .sw-Section_HeaderS {
    margin-bottom: 60px
  }

  .product-Lineup_Slide {
    margin-bottom: 0
  }

  .product-Lineup_Slide-image {
    margin-bottom: 20px;
    width: 54.12371%
  }

  .product-Lineup_Slide-title {
    padding: 0 20px
  }

  .product-Lineup_Slide-title p span:first-child {
    font-size: 1.2rem;
    line-height: 1.5em;
    letter-spacing: .03em;
    margin-bottom: 8px
  }

  html[lang=en] .product-Lineup_Slide-title p span:first-child {
    font-size: 1.2rem;
    line-height: 1.5em;
    letter-spacing: .01em
  }

  .product-Lineup_Slide-title p span:nth-child(2) {
    font-size: 2.2rem;
    line-height: 1.36364em;
    letter-spacing: 0
  }

  .product-Lineup .swiper-button-next,
  .product-Lineup .swiper-button-prev {
    width: 56px
  }

  .product-Lineup .swiper-button-next i,
  .product-Lineup .swiper-button-prev i {
    width: 56px;
    height: 56px;
    margin-top: -26px
  }

  .product-Lineup .swiper-button-next i:before,
  .product-Lineup .swiper-button-prev i:before {
    font-size: 1.3rem;
    line-height: 1em;
    letter-spacing: 0;
    height: 13px
  }

  .product-Lineup .swiper-button-next {
    right: -3%
  }

  .product-Lineup .swiper-button-prev {
    left: -32px
  }

  .product-Lineup_SpecList dl {
    padding: 2px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  .product-Lineup_SpecList dl dt {
    font-size: 1.2rem;
    line-height: 2.16667em;
    letter-spacing: .06em
  }

  .product-Lineup_SpecList dl dd {
    font-size: 1.7rem;
    line-height: .70588em;
    letter-spacing: .06em
  }

  .product-Lineup_SpecList dl dd i {
    font-size: 1.4rem;
    line-height: .85714em;
    letter-spacing: .06em
  }

  .product-Lineup .sw-ButtonRound {
    position: absolute;
    right: 40px;
    top: 0
  }

  .product-Series {
    padding: 70px 0
  }

  .product-Series_Inner {
    width: 100%;
    max-width: 1280px;
    margin: auto;
    max-width: 1328px;
    padding: 0 64px
  }

  .product-Series .sw-Section_HeaderS {
    margin-bottom: 60px
  }

  .product-Series_Slide {
    margin-bottom: 0
  }

  .product-Series_Slide .swiper-slide a {
    padding: 20px 16px
  }

  .product-Series_Slide-image {
    margin-bottom: 20px
  }

  .product-Series_Slide-logo {
    height: 44px;
    margin-bottom: 5px
  }

  .product-Series_Slide-logo.guzzilla {
    width: 50.4%
  }

  .product-Series_Slide-logo.grasper {
    width: 57.6%
  }

  .product-Series_Slide-logo.maggon {
    width: 53.2%
  }

  .product-Series_Slide-logo.kusakaru {
    width: 64.8%
  }

  .product-Series_Slide-logo.other {
    font-size: 3.2rem;
    line-height: 1em;
    letter-spacing: 0
  }

  .product-Series_Slide-title {
    font-size: 1.3rem;
    line-height: 2.30769em;
    letter-spacing: .06em
  }

  html[lang=en] .product-Series_Slide-title {
    font-size: 1.7rem;
    line-height: 1em;
    letter-spacing: 0
  }

  .product-Series_Slide-title:after,
  .product-Series_Slide-title:before {
    width: 20px
  }

  .product-Series .swiper-button-next,
  .product-Series .swiper-button-prev {
    width: 56px
  }

  .product-Series .swiper-button-next i,
  .product-Series .swiper-button-prev i {
    width: 56px;
    height: 56px;
    margin-top: -26px
  }

  .product-Series .swiper-button-next i:before,
  .product-Series .swiper-button-prev i:before {
    font-size: 1.3rem;
    line-height: 1em;
    letter-spacing: 0;
    height: 13px
  }

  .product-Series .swiper-button-next {
    right: -3.5%
  }

  .product-Series .swiper-button-prev {
    left: -3.5%
  }

  .product-Series .sw-ButtonRound {
    position: absolute;
    right: 40px;
    top: 0
  }

  .product-Support a {
    padding: 110px 0
  }

  html[lang=en] .product-Support a {
    padding: 126px 0
  }

  html[lang=en] .product-Support .sw-Section_HeaderS-en {
    font-size: 5.4rem;
    line-height: .88889em;
    letter-spacing: 0
  }

  .recruit-Endlist {
    padding: 0 8.58333%;
    margin-bottom: 60px
  }

  .recruit-Endlist_Inner {
    width: 100%;
    padding: 73px 0 80px
  }

  .recruit-Endlist_Attention {
    font-size: 2.8rem;
    line-height: 1.57143em;
    letter-spacing: .06em;
    margin-bottom: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 25px 35px
  }

  .recruit-Endlist_Attention p:first-child {
    text-align: left;
    width: 290px;
    margin-bottom: 0;
    padding-bottom: 0;
    margin-right: 30px;
    font-size: 1.7rem;
    line-height: 2.05882em;
    letter-spacing: .06em
  }

  .recruit-Endlist_Attention p:first-child:after {
    width: 1px;
    height: 40px;
    left: inherit;
    top: 0
  }

  .recruit-Endlist_Attention p:first-child .icf {
    font-size: 3.5rem;
    line-height: 1em;
    letter-spacing: 0
  }

  .recruit-Endlist_Attention p:nth-child(2) {
    font-size: 1.5rem;
    line-height: 1.46667em;
    letter-spacing: .06em;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
  }

  .recruit-Endlist_Title {
    font-size: 2.8rem;
    line-height: 1.57143em;
    letter-spacing: .06em;
    margin-bottom: 50px
  }

  .recruit-Endlist_Table {
    margin-top: 60px
  }

  .recruit-Endlist_Table h3 {
    font-size: 2rem;
    line-height: 1em;
    letter-spacing: .06em;
    border-width: 4px;
    padding-left: 16px
  }

  .recruit-Endlist_Table>p {
    font-size: 1.5rem;
    line-height: 1.46667em;
    letter-spacing: .06em;
    padding-top: 15px
  }

  .recruit-Endlist_Table table {
    width: 100%
  }

  .recruit-Endlist_Table table td,
  .recruit-Endlist_Table table th {
    font-size: 1.5rem;
    line-height: 1.46667em;
    letter-spacing: .06em;
    padding: 20px
  }

  .recruit-PageTitle {
    margin-bottom: 60px
  }

  html[lang=en] .recruit-PageTitle {
    margin-bottom: 75px
  }

  .recruit-PageTitle_Inner {
    width: 100%;
    margin: auto;
    max-width: 1280px;
    padding: 70px 40px 0
  }

  .recruit-Banner_List li:nth-child(odd) .recruit-Banner_List-text {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
  }

  .recruit-Banner_List-text {
    width: 100%;
    padding: 0 40px;
    margin: auto;
    max-width: 1280px;
    height: 400px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }

  html[lang=en] .recruit-Banner_List-text {
    height: 400px;
    padding: 0
  }

  .recruit-Banner_List-text>div {
    width: 516px;
    padding-right: 75px
  }

  .recruit-Banner_List-text p:first-child {
    font-size: 2.8rem;
    line-height: 1em;
    letter-spacing: .03em;
    margin-bottom: 20px
  }

  html[lang=en] .recruit-Banner_List-text p:first-child {
    font-size: 2.8rem;
    line-height: 1em;
    letter-spacing: .01em
  }

  .recruit-Banner_List-text p:nth-child(2) {
    font-size: 1.7rem;
    line-height: 1.88235em;
    letter-spacing: .06em;
    margin-bottom: 30px
  }

  html[lang=en] .recruit-Banner_List-text p:nth-child(2) {
    font-size: 1.6rem;
    line-height: 1.875em;
    letter-spacing: .02em
  }

  html[lang=en] .recruit-Banner_List-text p:nth-child(3) {
    font-size: 1.6rem;
    line-height: 1.875em;
    letter-spacing: .02em;
    margin-top: -30px
  }

  .recruit-Banner_List-text .sw-ButtonRound,
  .recruit-Banner_List-text .sw-ButtonRound_White {
    text-align: left
  }

  .recruit-Contact_Inner {
    width: 100%;
    max-width: 1280px;
    margin: auto;
    max-width: 1000px;
    padding: 80px 40px
  }

  .recruit-Contact ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }

  .recruit-Contact li {
    width: 50%
  }

  .recruit-Contact li a {
    height: 180px;
    padding-right: 6.52174%
  }

  .recruit-Contact li a span {
    padding-left: 30px;
    font-size: 1.7rem;
    line-height: 1.88235em;
    letter-spacing: .06em
  }

  html[lang=en] .recruit-Contact li a span {
    font-size: 2rem;
    line-height: 1.6em;
    letter-spacing: .02em
  }

  .recruit-Contact .info {
    border-right: 1px solid #ddd;
    border-bottom: none
  }

  .recruit-Contact .info a {
    padding-left: 12.3913%
  }

  .recruit-Contact .info i {
    width: 21.73913%
  }

  .recruit-Contact .contact a {
    padding-left: 16.52174%
  }

  .recruit-Contact .contact i {
    width: 18.26087%
  }

  .manual-Search {
    padding: 0 8.58333%;
    margin-bottom: 60px
  }

  .manual-Search_Inner {
    width: 100%;
    padding: 73px 0
  }

  .manual-Search_Title {
    font-size: 2.8rem;
    line-height: 1.57143em;
    letter-spacing: .06em;
    margin-bottom: 50px
  }

  .manual-Search_Box {
    margin-bottom: 60px
  }

  .manual-Search_Box-field {
    border-radius: 32px 0 0 32px;
    font-size: 1.7rem;
    line-height: 1.17647em;
    padding: 0 0 0 40px
  }

  .manual-Search_Box-button {
    height: 64px;
    border-radius: 0 32px 32px 0;
    padding: 0 50px
  }

  .manual-Search_Box-button input[type=submit] {
    font-size: 1.7rem;
    line-height: 1em
  }

  .manual-Search_Box-button .icf-search {
    font-size: 2.2rem;
    line-height: 1em;
    padding-left: 3px
  }

  .manual-Genre li {
    width: 20%
  }

  .manual-Genre li:not(:last-child) {
    border-right: 1px solid #ddd
  }

  .manual-Genre li a {
    border-bottom: 1px solid #ddd
  }

  .manual-Genre li a span {
    font-size: 1.5rem;
    line-height: 1.46667em;
    letter-spacing: .06em;
    padding: 14px 0
  }

  .manual-Genre li a span i {
    display: block;
    padding-left: 0
  }

  .manual-Genre li a.is-current {
    border-bottom: none
  }

  .manual-Search_Body {
    min-height: 400px;
    padding: 50px 0 0
  }

  .manual-Search_List-title {
    font-size: 3.4rem;
    line-height: 1.47059em;
    letter-spacing: .06em
  }

  .manual-Search_List li {
    width: 22.73642%;
    margin-top: 40px;
    margin-right: 3.01811%
  }

  .manual-Search_List li:nth-child(4n) {
    margin-right: 0
  }

  .manual-Search_List li picture {
    margin-bottom: 15px
  }

  .manual-Search_List li p {
    font-size: 1.7rem;
    line-height: 1.88235em;
    letter-spacing: .06em
  }

  .recruit-Nav_Inner {
    width: 100%;
    margin: auto;
    max-width: 1280px;
    padding: 22px 40px
  }

  .recruit-Nav_Prev a {
    font-size: 1.1rem;
    line-height: 1em;
    letter-spacing: 0
  }

  .manual-DetailMv_Inner {
    width: 100%;
    max-width: 1280px;
    padding: 0 40px;
    margin: auto;
    max-width: 860px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
  }

  .manual-DetailMv_Image {
    width: 57.14286%;
    margin: 0
  }

  .manual-DetailMv_Title {
    width: 42.85714%;
    font-size: 3.5rem;
    line-height: 1.6em;
    letter-spacing: 0;
    padding-right: 20px
  }

  .manual-DetailMv_Title span {
    font-size: 1.5rem;
    line-height: 1.46667em;
    letter-spacing: .06em;
    margin-bottom: 5px
  }

  .manual-Detail {
    width: 100%;
    max-width: 1280px;
    max-width: 1200px;
    padding: 60px 103px;
    margin: auto auto 60px
  }

  .manual-Detail_Table {
    width: 100%
  }

  .manual-Detail_Table:before {
    display: none
  }

  .manual-Detail_Table-inner {
    display: block;
    overflow-x: hidden;
    padding-left: 0;
    white-space: inherit
  }

  .manual-Detail_Table-inner:after {
    display: none
  }

  .manual-Detail_Table table {
    width: 100%
  }

  .manual-Detail_Table table td,
  .manual-Detail_Table table th {
    font-size: 1.5rem;
    line-height: 1.46667em;
    letter-spacing: .06em;
    padding: 20px
  }

  .manual-Detail_Table table tbody td .pdf {
    width: 16px;
    height: 20px
  }

  .manual-Confirm {
    padding: 0 8.58333%;
    margin-bottom: 60px
  }

  .manual-Confirm_Inner {
    width: 100%;
    padding: 73px 0
  }

  .manual-Confirm_Text {
    font-size: 1.5rem;
    line-height: 2.13333em;
    letter-spacing: .06em;
    margin-bottom: 15px
  }

  .manual-Confirm_Box {
    padding: 35px 40px
  }

  .manual-Confirm_Box p {
    font-size: 1.5rem;
    line-height: 1.46667em;
    letter-spacing: .06em
  }

  .manual-Confirm_Function label {
    font-size: 1.5rem;
    line-height: 2.13333em;
    letter-spacing: .06em;
    padding-left: 10px
  }

  .history-PageTitle_Inner {
    height: 480px
  }

  .history-PageTitle .sw-parallax_block {
    height: calc(100% + 80px)
  }

  .history-PageTitle-visual {
    background-image: url(../img/company/history/img_mv_pc.jpg)
  }

  .history-PageTitle_Logo {
    font-size: 5.4rem;
    line-height: 1.22222em;
    letter-spacing: 0;
    margin-bottom: 8px
  }

  .history-Lead_Inner {
    width: 100%;
    max-width: 1280px;
    margin: auto;
    max-width: 1074px;
    padding: 120px 40px 65px
  }

  .history-Lead p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
  }

  .history-Lead p span {
    font-size: 1.5rem;
    line-height: 2.4em;
    letter-spacing: .06em;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -webkit-text-orientation: upright;
    text-orientation: upright
  }

  .history-Lead p span:nth-child(2) {
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s
  }

  .history-Lead p span:nth-child(3) {
    -webkit-transition-delay: .6s;
    -o-transition-delay: .6s;
    transition-delay: .6s
  }

  .history-Lead p span:not(:last-child) {
    margin-bottom: 0;
    margin-left: 36px
  }

  .history-Nav {
    padding-top: 10px;
    margin-bottom: 70px
  }

  .history-Nav_Inner {
    width: 100%;
    max-width: 1280px;
    padding: 0 40px;
    margin: auto;
    max-width: 1074px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  .history-Nav_Inner:before {
    content: "";
    width: 50vw;
    height: 60px;
    background-color: #c7000b;
    position: absolute;
    top: 10px;
    right: calc(50% + 140px)
  }

  .history-Nav_Title {
    width: 31.19181%;
    text-align: right;
    background-color: initial;
    font-size: 2.3rem;
    line-height: 2.6087em;
    letter-spacing: .06em
  }

  .history-Nav_List {
    width: 60.36217%;
    margin: 0;
    padding: 0 0 20px
  }

  .history-Nav_List-year li a {
    font-size: 3rem;
    line-height: .7em;
    letter-spacing: -.02em
  }

  .history-Nav_List-year li i {
    background: url(../img/company/history/arrow_pc.svg) left 75%/contain no-repeat
  }

  .history-Nav_List-follow {
    width: calc(100% - 48px)
  }

  .history-Nav_List-follow>div {
    width: 85px;
    margin-left: -14px
  }

  .history-Genre_Title,
  .history-GenreNav {
    display: none
  }

  .history-Genre_Title-company,
  .history-Genre_Title-product {
    font-size: 5.6rem;
    line-height: .71429em;
    letter-spacing: 0;
    padding: 0 0 45px
  }

  .history-Block_Wrap {
    margin-bottom: 100px
  }

  .history-Block:before {
    content: "";
    width: 4px;
    height: 100%;
    background: #c7000b;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    margin: auto;
    z-index: 0
  }

  .history-Block:last-child:before {
    background: -webkit-gradient(linear, left top, left bottom, from(#c7000b), color-stop(85%, #c7000b), to(#f4ccce));
    background: -o-linear-gradient(top, #c7000b 0, #c7000b 85%, #f4ccce 100%);
    background: linear-gradient(180deg, #c7000b 0, #c7000b 85%, #f4ccce)
  }

  .history-Block[data-anchor=year-1990] .history-Block_Company .box-03 {
    margin-bottom: 120px
  }

  .history-Block[data-anchor=year-1990] .history-Block_Product {
    padding-top: 98px
  }

  .history-Block[data-anchor=year-1990] .history-Block_Product .box-01 .history-Block_Box-image {
    width: 80%
  }

  .history-Block[data-anchor=year-2000] .history-Block_Company {
    padding-top: 103px
  }

  .history-Block[data-anchor=year-2000] .history-Block_Company .box-01 {
    margin-bottom: 70px
  }

  .history-Block[data-anchor=year-2010] .history-Block_Company .box-05 {
    margin-bottom: 200px
  }

  .history-Block[data-anchor=year-2010] .history-Block_Product {
    padding-top: 163px
  }

  .history-Block[data-anchor=year-2010] .history-Block_Product .box-04 .history-Block_Box-image {
    width: calc(100% - 14px);
    margin-left: 14px
  }

  .history-Block_Inner {
    width: 100%;
    max-width: 1280px;
    padding: 0 40px;
    margin: auto;
    max-width: 1074px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    z-index: 1
  }

  .history-Block_Title {
    margin-bottom: 70px
  }

  .history-Block_Title span {
    font-size: 7rem;
    line-height: .68571em;
    letter-spacing: -.01em;
    padding: 6px 0 17px
  }

  .history-Block_Title span i {
    width: 36px;
    height: 36px;
    vertical-align: bottom;
    margin-left: 20px
  }

  .history-Block_Founding {
    padding-bottom: 70px
  }

  .history-Block_Founding .history-Block_Box:first-child {
    width: 50%
  }

  .history-Block_Founding .history-Block_Box:first-child:before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #c7000b;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: -webkit-transform .6s cubic-bezier(.23, 1, .32, 1);
    transition: -webkit-transform .6s cubic-bezier(.23, 1, .32, 1);
    -o-transition: transform .6s cubic-bezier(.23, 1, .32, 1);
    transition: transform .6s cubic-bezier(.23, 1, .32, 1);
    transition: transform .6s cubic-bezier(.23, 1, .32, 1), -webkit-transform .6s cubic-bezier(.23, 1, .32, 1);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center
  }

  .history-Block_Founding .history-Block_Box:first-child .history-Block_Box-image,
  .history-Block_Founding .history-Block_Box:first-child dl {
    opacity: 0;
    -webkit-transform: translate(20px);
    -ms-transform: translate(20px);
    transform: translate(20px);
    -webkit-transition: opacity 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
    transition: opacity 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
    -o-transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1);
    transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1);
    transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s
  }

  .history-Block_Founding .history-Block_Box:first-child.appear:before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
  }

  .history-Block_Founding .history-Block_Box:first-child.appear .history-Block_Box-image,
  .history-Block_Founding .history-Block_Box:first-child.appear dl {
    opacity: 1;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0)
  }

  .history-Block_Founding .history-Block_Box:nth-child(2) {
    width: 100%;
    position: relative;
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: opacity 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
    transition: opacity 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
    -o-transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1);
    transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1);
    transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1)
  }

  .history-Block_Founding .history-Block_Box:nth-child(2).appear {
    opacity: 1;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0)
  }

  .history-Block_Founding .history-Block_Box:nth-child(2) dl {
    position: absolute;
    right: 0;
    top: -134px;
    display: block
  }

  .history-Block_Founding .history-Block_Box:nth-child(2) dt {
    font-size: 6.6rem;
    line-height: .68182em;
    letter-spacing: -.01em;
    margin-bottom: 25px
  }

  .history-Block_Founding .history-Block_Box:nth-child(2) dd {
    margin-left: 0;
    border-width: 8px
  }

  .history-Block_Company,
  .history-Block_Product {
    width: 50%;
    padding-bottom: 70px
  }

  .history-Block_Company .history-Block_Box {
    padding-right: 8.4507%
  }

  .history-Block_Company .history-Block_Box:before {
    right: 0;
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center
  }

  .history-Block_Company .history-Block_Box .history-Block_Box-image,
  .history-Block_Company .history-Block_Box dl {
    opacity: 0;
    -webkit-transform: translate(20px);
    -ms-transform: translate(20px);
    transform: translate(20px);
    -webkit-transition: opacity 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
    transition: opacity 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
    -o-transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1);
    transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1);
    transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s
  }

  .history-Block_Company .history-Block_Box.appear:before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
  }

  .history-Block_Company .history-Block_Box.appear .history-Block_Box-image,
  .history-Block_Company .history-Block_Box.appear dl {
    opacity: 1;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0)
  }

  .history-Block_Product .history-Block_Box {
    padding-left: 8.4507%
  }

  .history-Block_Product .history-Block_Box:before {
    left: 0;
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center
  }

  .history-Block_Product .history-Block_Box .history-Block_Box-image,
  .history-Block_Product .history-Block_Box dl {
    opacity: 0;
    -webkit-transform: translate(-20px);
    -ms-transform: translate(-20px);
    transform: translate(-20px);
    -webkit-transition: opacity 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
    transition: opacity 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
    -o-transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1);
    transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1);
    transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s
  }

  .history-Block_Product .history-Block_Box.appear:before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
  }

  .history-Block_Product .history-Block_Box.appear .history-Block_Box-image,
  .history-Block_Product .history-Block_Box.appear dl {
    opacity: 1;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0)
  }

  .history-Block_Box {
    padding-top: 30px
  }

  .history-Block_Box:before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #c7000b;
    position: absolute;
    top: 0;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
    transition: -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
    -o-transition: transform .3s cubic-bezier(.23, 1, .32, 1);
    transition: transform .3s cubic-bezier(.23, 1, .32, 1);
    transition: transform .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1)
  }

  .history-Block_Box:not(:last-child) {
    margin-bottom: 40px
  }

  .history-Block_Box dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }

  .history-Block_Box dt {
    width: 93px;
    margin-bottom: 0;
    margin-top: -4px;
    font-size: 4.4rem;
    line-height: .72727em;
    letter-spacing: -.01em
  }

  .history-Block_Box dd {
    margin-left: 0;
    font-size: 2rem;
    line-height: 1.5em;
    letter-spacing: .04em
  }

  .history-Block_Box-image {
    text-align: left;
    width: 79.12088%;
    margin-left: 93px;
    margin-top: 30px
  }

  .history-Block_Box-fullimage {
    width: 100%;
    margin-left: 0;
    margin-top: 0
  }

  .history-Block_Box.layout-Small {
    border-top: 0;
    padding-top: 0
  }

  .history-Block_Box.layout-Small:before {
    display: none
  }

  .history-Block_Box.layout-Small dt {
    margin-top: 2px;
    font-size: 2.6rem;
    line-height: .76923em;
    letter-spacing: -.01em
  }

  .history-Block_Box.layout-Small dd {
    margin-left: 0;
    font-size: 1.7rem;
    line-height: 1.52941em;
    letter-spacing: .06em
  }

  .company-PageTitle .sw-parallax_block {
    height: calc(100% + 80px)
  }

  .company-PageTitle_Slide {
    height: 100%
  }

  .company-PageTitle_Slide-image-image1 {
    background: url(../img/company/img_mv01_pc.jpg) 50%/cover no-repeat
  }

  .company-PageTitle_Slide-image-image2 {
    background: url(../img/company/img_mv02_pc.jpg) 50%/cover no-repeat
  }

  .company-PageTitle_Inner {
    height: 480px
  }

  .company-PageTitle_Logo {
    font-size: 5.4rem;
    line-height: 1.22222em;
    letter-spacing: 0;
    margin-bottom: 8px
  }

  .company-Message_Inner {
    width: 100%;
    max-width: 1280px;
    margin: auto;
    max-width: 1074px;
    padding: 100px 40px
  }

  .company-Message_Logo {
    width: 290px;
    margin: 0 auto 45px
  }

  .company-Message_Text {
    text-align: center;
    font-size: 1.7rem;
    line-height: 1.88235em;
    letter-spacing: .06em;
    margin-bottom: 70px
  }

  .company-Message_Movie:hover circle {
    stroke-dasharray: 1258 1258
  }

  .company-Message_Movie:hover img {
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02)
  }

  .company-Message_Movie img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 1s ease;
    transition: -webkit-transform 1s ease;
    -o-transition: transform 1s ease;
    transition: transform 1s ease;
    transition: transform 1s ease, -webkit-transform 1s ease
  }

  .company-Message_Movie-circle {
    width: 128px;
    height: 128px;
    display: block
  }

  .company-Message_Movie-thumb .icf:before {
    width: 124px;
    height: 124px;
    font-size: 12.4rem;
    line-height: 1em;
    letter-spacing: 0
  }

  .company-Group_Inner {
    width: 100%;
    max-width: 1280px;
    margin: auto;
    max-width: 1074px;
    padding: 80px 40px 40px
  }

  .company-Group .sw-Section_HeaderS {
    margin-bottom: 50px
  }

  .company-Group_Text {
    text-align: center;
    font-size: 1.7rem;
    line-height: 1.88235em;
    letter-spacing: .06em;
    margin-bottom: 70px
  }

  .company-Group_Flow {
    margin-bottom: 60px
  }

  .company-Group_List {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  .company-Group_List-column {
    width: 47.48491%;
    margin-bottom: 40px
  }

  .company-Group_List-column:nth-child(2n) {
    -webkit-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s
  }

  .company-Group_List-image {
    margin-bottom: 28px
  }

  .company-Group_List-body-tag {
    font-size: 1.5rem;
    line-height: 1.46667em;
    letter-spacing: .06em;
    margin-bottom: 20px
  }

  .company-Group_List-body-title {
    font-size: 2.3rem;
    line-height: 1em;
    letter-spacing: .06em;
    margin-bottom: 20px
  }

  .company-Group_List-body-title .icf-blank {
    font-size: 2rem;
    line-height: 1em;
    letter-spacing: 0;
    margin-left: 10px
  }

  .company-Group_List-body-text {
    font-size: 1.7rem;
    line-height: 1.88235em;
    letter-spacing: .06em
  }

  .company-Profile_Inner {
    width: 100%;
    max-width: 1280px;
    margin: auto;
    max-width: 1074px;
    padding: 80px 40px 100px
  }

  .company-Profile .sw-Section_HeaderS {
    margin-bottom: 50px
  }

  .company-Profile_List dl dt {
    font-size: 1.5rem;
    line-height: 2em;
    letter-spacing: .06em;
    min-width: 110px;
    width: 27.46479%;
    padding: 34px 0 34px 20px
  }

  .company-Profile_List dl dd {
    width: 68.91348%
  }

  .company-Profile_List-block {
    padding: 34px 20px
  }

  .company-Profile_List-block,
  .company-Profile_List-text {
    font-size: 1.5rem;
    line-height: 2em;
    letter-spacing: .06em
  }

  .company-Profile_List-text a .icf {
    margin-left: 12px;
    font-size: 2rem;
    line-height: 1em;
    letter-spacing: 0;
    vertical-align: text-top
  }

  .company-Profile_List-label {
    line-height: 1.66667em
  }

  .company-Profile_List-label,
  .company-Profile_List-tag {
    font-size: 1.2rem;
    letter-spacing: .06em;
    padding: 0 8px 0 10px
  }

  .company-Profile_List-tag {
    margin-left: 20px;
    line-height: 1.5em
  }

  .company-Profile_List-map {
    margin-top: 0;
    margin-left: 10px
  }

  .company-Profile_List-map a {
    padding: 5px 12px;
    border-radius: 11px
  }

  .company-Profile_List-map .icf {
    margin-right: 4px
  }

  .company-Profile_List-map .icf,
  .company-Profile_List-map span {
    font-size: 1.2rem;
    line-height: 1em;
    letter-spacing: 0
  }

  .company-Profile_List-bullets {
    font-size: 1.4rem;
    line-height: 2em;
    letter-spacing: .06em
  }

  .company-Profile_List-bullets:before {
    top: 15px
  }

  .company-Profile_List-float {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 6px 0
  }

  .company-Profile_List .location .company-Profile_List-float {
    padding: 0
  }

  .company-Profile_List .location .company-Profile_List-float:not(:last-child) {
    margin-bottom: 28px
  }

  .company-Profile_List .location .company-Profile_List-float:nth-child(-n+2) .company-Profile_List-label {
    margin-right: 28px
  }

  .company-Profile_List .location .company-Profile_List-float:nth-child(n+3) {
    padding-left: 110px
  }

  .offices-PageTitle {
    margin-bottom: 60px
  }

  .offices-PageTitle_Inner {
    width: 100%;
    margin: auto;
    max-width: 1280px;
    padding: 70px 40px 0
  }

  .area-Anchor ul {
    width: 82.83333%;
    max-width: 994px;
    margin: auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px 0;
    white-space: normal;
    overflow-x: hidden
  }

  .area-Anchor_Item {
    padding-right: 3.01811%
  }

  .area-Anchor_Item:last-child {
    padding-right: 0
  }

  .area-Anchor_Item a {
    padding-right: 2px;
    border-bottom: 0
  }

  .offices-ListWrap {
    padding-bottom: 60px;
    margin-bottom: 60px
  }

  .offices-HeadOffice {
    width: 100%;
    padding: 80px 0 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }

  .offices-HeadOffice_Image {
    width: 47.5%;
    margin-bottom: 0
  }

  .offices-HeadOffice_Body {
    width: 52.5%;
    padding-left: 5%
  }

  .offices-HeadOffice_Detail {
    margin-bottom: 10px
  }

  .offices-HeadOffice_Detail-pref {
    font-size: 1.5rem;
    line-height: 1.73333em;
    letter-spacing: .06em;
    padding: 0 8px
  }

  .offices-HeadOffice_Detail-name {
    font-size: 2.3rem;
    line-height: 1.52174em;
    letter-spacing: .06em;
    padding: 0 10px
  }

  .offices-HeadOffice_Detail-map a {
    padding: 5px 12px;
    border-radius: 11px
  }

  .offices-HeadOffice_Detail-map .icf {
    margin-right: 4px
  }

  .offices-HeadOffice_Detail-map .icf,
  .offices-HeadOffice_Detail-map span {
    font-size: 1.2rem;
    line-height: 1em;
    letter-spacing: 0
  }

  .offices-HeadOffice_Address {
    font-size: 1.7rem;
    line-height: 1.88235em;
    letter-spacing: .06em;
    margin-bottom: 30px
  }

  .offices-HeadOffice .sw-ButtonRound {
    text-align: left
  }

  .offices-HeadOffice .sw-ButtonRound a {
    width: auto
  }

  .offices-AreaOffice {
    padding: 40px 0 20px
  }

  .offices-AreaOffice_Note {
    width: 82.83333%;
    max-width: 994px;
    padding: 30px 5.41667%
  }

  .offices-AreaOffice_Note h5 {
    font-size: 1.7rem;
    line-height: 1em;
    letter-spacing: .06em;
    margin-bottom: 12px
  }

  .offices-AreaOffice_Note-text {
    font-size: 1.5rem;
    line-height: 2.13333em;
    letter-spacing: .06em;
    text-align: center
  }

  .offices-AreaOffice_Note-link {
    margin-top: 5px
  }

  .offices-AreaOffice_Note-link a {
    font-size: 1.5rem;
    line-height: 1.6em;
    letter-spacing: .06em;
    border-width: 2px
  }

  .offices-AreaOffice_Note-guide {
    padding-top: 20px;
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }

  .offices-AreaOffice_Note-guide dl:not(:last-child) {
    margin-right: 3.48837%
  }

  .offices-AreaOffice_Note-guide dt {
    font-size: 1.5rem;
    line-height: 1em;
    letter-spacing: .06em;
    margin-right: 10px
  }

  .offices-AreaOffice_Note-guide dt:after {
    height: 15px;
    margin-left: 8px
  }

  .offices-AreaOffice_Note-guide dd {
    font-size: 1.5rem;
    line-height: 1em;
    letter-spacing: .06em
  }

  .offices-AreaOffice_Note-guide .icf {
    width: 22px;
    height: 22px
  }

  .offices-AreaOffice_Note-guide .icf-bucket,
  .offices-AreaOffice_Note-guide .icf-pnkz {
    font-size: 1rem;
    line-height: 1em;
    letter-spacing: 0
  }

  .offices-AreaOffice_Note-guide .icf-bucket:before {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9)
  }

  .offices-AreaOffice_Note-guide .icf-hoseman {
    font-size: 1rem;
    line-height: 1em;
    letter-spacing: 0
  }

  .offices-AreaOffice_Note-guide .icf-hoseman:before {
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8)
  }

  .offices-AreaOffice_Block {
    width: 82.83333%;
    max-width: 994px
  }

  .offices-AreaOffice_Block-title {
    font-size: 2.8rem;
    line-height: 1.07143em;
    letter-spacing: .06em;
    padding: 80px 0 48px
  }

  .offices-AreaOffice_Block-contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }

  .offices-AreaOffice_Block-contact dt {
    font-size: 1.5rem;
    line-height: 1.06667em;
    letter-spacing: .06em;
    padding: 22px 0;
    width: 130px;
    text-align: center;
    pointer-events: none
  }

  .offices-AreaOffice_Block-contact dt .icon {
    display: none
  }

  .offices-AreaOffice_Block-contact dd {
    display: block;
    width: calc(100% - 130px)
  }

  .offices-AreaOffice_Block-contact dd ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }

  .offices-AreaOffice_Block-contact dd li {
    position: relative;
    padding: 12px 28px 13px
  }

  .offices-AreaOffice_Block-contact dd li:not(:last-child) {
    border-bottom: none
  }

  .offices-AreaOffice_Block-contact dd li:not(:last-child):after {
    content: "";
    width: 1px;
    height: 20px;
    background-color: #555;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
  }

  .offices-AreaOffice_Block-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .offices-AreaOffice_Block-list>div {
    width: 46.98189%
  }

  .offices-AreaOffice_Block-list>div:nth-child(2n) {
    margin-left: 6.03622%
  }

  .offices-AreaOffice_Block-list>div+div .offices-AreaOffice_Detail {
    padding: 40px 0 0
  }

  .offices-AreaOffice_Detail {
    margin-bottom: 10px;
    padding: 40px 0 0
  }

  .offices-AreaOffice_Detail-pref {
    font-size: 1.5rem;
    line-height: 1.73333em;
    letter-spacing: .06em;
    padding: 0 8px
  }

  .offices-AreaOffice_Detail-name {
    padding: 0 10px
  }

  .offices-AreaOffice_Detail-map a {
    padding: 5px 12px;
    border-radius: 11px
  }

  .offices-AreaOffice_Detail-map .icf {
    margin-right: 4px
  }

  .offices-AreaOffice_Detail-map .icf,
  .offices-AreaOffice_Detail-map span {
    font-size: 1.2rem;
    line-height: 1em;
    letter-spacing: 0
  }

  .offices-AreaOffice_Address {
    font-size: 1.5rem;
    line-height: 2em;
    letter-spacing: .06em
  }

  .offices-AreaOffice_Other {
    padding-bottom: 20px
  }

  .offices-AreaOffice_Other-name .icf {
    width: 22px;
    height: 22px
  }

  .offices-AreaOffice_Other-name .icf-bucket,
  .offices-AreaOffice_Other-name .icf-pnkz {
    font-size: 1rem;
    line-height: 1em;
    letter-spacing: 0
  }

  .offices-AreaOffice_Other-name .icf-bucket:before {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9)
  }

  .offices-AreaOffice_Other-name .icf-hoseman {
    font-size: 1rem;
    line-height: 1em;
    letter-spacing: 0
  }

  .offices-AreaOffice_Other-name .icf-hoseman:before {
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8)
  }

  .innovation-PageTitle_Inner {
    height: 480px
  }

  .innovation-PageTitle .sw-parallax_block {
    height: calc(100% + 80px)
  }

  .innovation-PageTitle-visual {
    background-image: url(../img/company/innovation/img_mv_pc.jpg)
  }

  .innovation-PageTitle_Logo {
    font-size: 5.4rem;
    line-height: 1.22222em;
    letter-spacing: 0;
    margin-bottom: 8px
  }

  .innovation-Title {
    font-size: 3.4rem;
    line-height: 1em;
    letter-spacing: .06em;
    padding: 80px 0 50px
  }

  .innovation-Title:after {
    width: 120px
  }

  .innovation-Title span {
    font-size: 4.4rem;
    line-height: .72727em;
    letter-spacing: -.02em
  }

  .innovation-Text {
    padding-top: 25px;
    font-size: 1.7rem;
    line-height: 1.88235em;
    letter-spacing: .06em
  }

  .innovation-Guzzilla_Inner {
    width: 100%;
    max-width: 1280px;
    margin: auto;
    max-width: 1122px;
    padding: 20px 64px 0
  }

  .innovation-Guzzilla .innovation-Text {
    margin-bottom: 35px
  }

  .innovation-Guzzilla .sw-ButtonRound {
    margin-top: 35px
  }

  .innovation-Guzzilla .sw-ButtonRound a {
    width: auto
  }

  .innovation-Guzzilla_Slide picture {
    margin-bottom: 25px
  }

  .innovation-Guzzilla_Slide .vol {
    font-size: 1.7rem;
    line-height: .88235em;
    letter-spacing: .06em;
    margin-bottom: 8px
  }

  .innovation-Guzzilla_Slide .title {
    font-size: 1.7rem;
    line-height: 1.58824em;
    letter-spacing: .06em
  }

  .innovation-Guzzilla_Slide .swiper-button-next,
  .innovation-Guzzilla_Slide .swiper-button-prev {
    width: 56px;
    padding-top: 29.77867%
  }

  .innovation-Guzzilla_Slide .swiper-button-next i,
  .innovation-Guzzilla_Slide .swiper-button-prev i {
    width: 56px;
    height: 56px;
    margin-top: -26px
  }

  .innovation-Guzzilla_Slide .swiper-button-next i:before,
  .innovation-Guzzilla_Slide .swiper-button-prev i:before {
    font-size: 1.3rem;
    line-height: 1em;
    letter-spacing: 0;
    height: 13px
  }

  .innovation-Guzzilla_Slide .swiper-button-next {
    right: -5%
  }

  .innovation-Guzzilla_Slide .swiper-button-prev {
    left: -5%
  }

  .innovation-Exhibition_Inner {
    width: 100%;
    max-width: 1280px;
    margin: auto;
    max-width: 1122px;
    padding: 0 64px
  }

  .innovation-Exhibition .innovation-Text {
    margin-bottom: 35px
  }

  .innovation-Exhibition .sw-ButtonRound {
    margin-top: 35px
  }

  .innovation-Exhibition .sw-ButtonRound a {
    width: auto
  }

  .innovation-Exhibition_Slide picture {
    margin-bottom: 25px
  }

  .innovation-Exhibition_Slide .title {
    font-size: 1.7rem;
    line-height: 1.58824em;
    letter-spacing: .06em
  }

  .innovation-Exhibition_Slide .text {
    font-size: 1.5rem;
    line-height: 2em;
    letter-spacing: .06em
  }

  .innovation-Exhibition_Slide .swiper-button-next,
  .innovation-Exhibition_Slide .swiper-button-prev {
    width: 56px;
    padding-top: 29.77867%
  }

  .innovation-Exhibition_Slide .swiper-button-next i,
  .innovation-Exhibition_Slide .swiper-button-prev i {
    width: 56px;
    height: 56px;
    margin-top: -26px
  }

  .innovation-Exhibition_Slide .swiper-button-next i:before,
  .innovation-Exhibition_Slide .swiper-button-prev i:before {
    font-size: 1.3rem;
    line-height: 1em;
    letter-spacing: 0;
    height: 13px
  }

  .innovation-Exhibition_Slide .swiper-button-next {
    right: -5%
  }

  .innovation-Exhibition_Slide .swiper-button-prev {
    left: -5%
  }

  .innovation-Cm_Inner {
    width: 100%;
    max-width: 1280px;
    margin: auto;
    max-width: 1122px;
    padding: 0 64px
  }

  .innovation-Cm .innovation-Text {
    margin-bottom: 35px
  }

  .innovation-Cm .sw-ButtonRound {
    margin-top: 35px
  }

  .innovation-Cm .sw-ButtonRound a {
    width: auto
  }

  .innovation-Cm_Slide picture {
    margin-bottom: 25px
  }

  .innovation-Cm_Slide .title {
    font-size: 1.7rem;
    line-height: 1.58824em;
    letter-spacing: .06em
  }

  .innovation-Cm_Slide .text {
    font-size: 1.5rem;
    line-height: 2em;
    letter-spacing: .06em
  }

  .innovation-Cm_Slide .swiper-button-next,
  .innovation-Cm_Slide .swiper-button-prev {
    width: 56px;
    padding-top: 26.86117%
  }

  .innovation-Cm_Slide .swiper-button-next i,
  .innovation-Cm_Slide .swiper-button-prev i {
    width: 56px;
    height: 56px;
    margin-top: -26px
  }

  .innovation-Cm_Slide .swiper-button-next i:before,
  .innovation-Cm_Slide .swiper-button-prev i:before {
    font-size: 1.3rem;
    line-height: 1em;
    letter-spacing: 0;
    height: 13px
  }

  .innovation-Cm_Slide .swiper-button-next {
    right: -5%
  }

  .innovation-Cm_Slide .swiper-button-prev {
    left: -5%
  }

  .innovation-Sponsored_Inner {
    width: 100%;
    max-width: 1280px;
    margin: auto;
    max-width: 1122px;
    padding: 0 64px
  }

  .innovation-Sponsored .innovation-Text {
    margin-bottom: 35px
  }

  .innovation-Sponsored_Slide picture {
    margin-bottom: 25px
  }

  .innovation-Sponsored_Slide .title {
    font-size: 1.7rem;
    line-height: 1.58824em;
    letter-spacing: .06em
  }

  .innovation-Sponsored_Slide .text {
    font-size: 1.5rem;
    line-height: 2em;
    letter-spacing: .06em
  }

  .innovation-Sponsored_Slide .swiper-button-next,
  .innovation-Sponsored_Slide .swiper-button-prev {
    width: 56px;
    padding-top: 26.96177%
  }

  .innovation-Sponsored_Slide .swiper-button-next i,
  .innovation-Sponsored_Slide .swiper-button-prev i {
    width: 56px;
    height: 56px;
    margin-top: -26px
  }

  .innovation-Sponsored_Slide .swiper-button-next i:before,
  .innovation-Sponsored_Slide .swiper-button-prev i:before {
    font-size: 1.3rem;
    line-height: 1em;
    letter-spacing: 0;
    height: 13px
  }

  .innovation-Sponsored_Slide .swiper-button-next {
    right: -5%
  }

  .innovation-Sponsored_Slide .swiper-button-prev {
    left: -5%
  }

  .innovation-Award_Inner {
    width: 100%;
    max-width: 1280px;
    padding: 0 40px;
    margin: auto;
    max-width: 1074px
  }

  .innovation-Award .innovation-Text {
    margin-bottom: 35px
  }

  .innovation-Award .sw-ButtonRound {
    margin-top: 35px
  }

  .innovation-Award .sw-ButtonRound a {
    width: auto
  }

  .innovation-Project {
    margin-top: 100px;
    padding-bottom: 100px
  }

  .innovation-Project_Inner {
    width: 100%;
    max-width: 1280px;
    padding: 0 40px;
    margin: auto;
    max-width: 1074px
  }

  .innovation-Project .innovation-Text {
    margin-bottom: 50px
  }

  .innovation-Project_Column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin-bottom: 80px
  }

  .innovation-Project_Column .innovation-Text {
    margin-bottom: 0
  }

  .innovation-Project_Column-image {
    width: 47.88732%;
    margin-bottom: 0
  }

  .innovation-Project_Column-text {
    width: 42.65594%;
    -webkit-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s
  }

  .innovation-Project_Column-text h4 {
    font-size: 2.8rem;
    line-height: 1.57143em;
    letter-spacing: .06em
  }

  .policy-PageTitle {
    margin-bottom: 60px
  }

  .policy-PageTitle_Inner {
    width: 100%;
    margin: auto;
    max-width: 1280px;
    padding: 70px 40px 0
  }

  .policy-Block {
    padding: 0 8.58333%;
    margin-bottom: 60px
  }

  .policy-Block_Inner {
    width: 100%;
    padding: 73px 0 80px
  }

  .policy-Block div:not(:last-child) {
    margin-bottom: 50px
  }

  .policy-Block div h2 {
    font-size: 2rem;
    line-height: 1.1em;
    letter-spacing: .06em;
    margin-bottom: 20px
  }

  .policy-Block div p {
    font-size: 1.7rem;
    line-height: 1.88235em;
    letter-spacing: .06em
  }

  .policy-Block div p span {
    font-size: 1.3rem;
    line-height: 1.53846em;
    letter-spacing: .06em
  }

  .policy-Block div ol li,
  .policy-Block div ul li {
    font-size: 1.7rem;
    line-height: 1.88235em;
    letter-spacing: .06em
  }

  .policy-Block div ul li {
    text-indent: -10px;
    margin-left: 10px
  }

  .policy-Block div ul li span {
    font-size: 1.3rem;
    line-height: 1.53846em;
    letter-spacing: .06em
  }

  .catalogue-Download {
    padding: 40px 0 70px
  }

  .catalogue-Download_Inner {
    width: 100%;
    padding: 0 40px;
    margin: auto;
    max-width: 1280px
  }

  .catalogue-Download_Item {
    width: 20%;
    margin-right: 6.66667%
  }

  .catalogue-Download_Item:nth-child(4n) {
    margin-right: 0
  }

  .catalogue-Download_Item-image {
    margin-bottom: 20px
  }

  .catalogue-Download_Item-title {
    font-size: 1.7rem;
    line-height: 1.88235em;
    letter-spacing: .06em
  }

  .catalogue-Download_Item-title:after {
    width: 16px;
    height: 20px;
    margin-left: 5px
  }
}

@media (hover:hover) {

  :root body,
  _::-webkit-full-page-media,
  _:future {
    -webkit-font-feature-settings: initial;
    font-feature-settings: normal
  }

  .st-BreadcrumbsList_Item-link {
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
  }

  .st-BreadcrumbsList_Item-link:hover {
    opacity: .7
  }

  .st-Footer_Pagetop {
    cursor: pointer
  }

  .st-Footer_Social li a {
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
  }

  .st-Footer_Social li a:hover {
    opacity: .7
  }

  .st-FtDirectory_Logo a {
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
  }

  .st-FtDirectory_Logo a:hover {
    opacity: .8
  }

  .st-FtDirectory_Column-list li a {
    display: block;
    position: relative
  }

  .st-FtDirectory_Column-list li a:before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: -webkit-transform .2s cubic-bezier(.23, 1, .32, 1);
    transition: -webkit-transform .2s cubic-bezier(.23, 1, .32, 1);
    -o-transition: transform .2s cubic-bezier(.23, 1, .32, 1);
    transition: transform .2s cubic-bezier(.23, 1, .32, 1);
    transition: transform .2s cubic-bezier(.23, 1, .32, 1), -webkit-transform .2s cubic-bezier(.23, 1, .32, 1)
  }

  .st-FtDirectory_Column-list li a:hover:before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
  }

  .st-FtPress_Logo a {
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
  }

  .st-FtPress_Logo a:hover {
    opacity: .8
  }

  .st-FtPress_Slide .swiper-slide a {
    display: block;
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
  }

  .st-FtPress_Slide .swiper-slide a:hover {
    opacity: .8
  }

  .st-FtPress_Slide-scrollbar .swiper-scrollbar-drag {
    cursor: pointer
  }

  .st-FtLegal_Sites-link a {
    display: block;
    position: relative
  }

  .st-FtLegal_Sites-link a:before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: -webkit-transform .2s cubic-bezier(.23, 1, .32, 1);
    transition: -webkit-transform .2s cubic-bezier(.23, 1, .32, 1);
    -o-transition: transform .2s cubic-bezier(.23, 1, .32, 1);
    transition: transform .2s cubic-bezier(.23, 1, .32, 1);
    transition: transform .2s cubic-bezier(.23, 1, .32, 1), -webkit-transform .2s cubic-bezier(.23, 1, .32, 1)
  }

  .st-FtLegal_Sites-link a:hover:before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
  }

  .st-FtLegal_Link li a {
    display: block;
    position: relative
  }

  .st-FtLegal_Link li a:before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: -webkit-transform .2s cubic-bezier(.23, 1, .32, 1);
    transition: -webkit-transform .2s cubic-bezier(.23, 1, .32, 1);
    -o-transition: transform .2s cubic-bezier(.23, 1, .32, 1);
    transition: transform .2s cubic-bezier(.23, 1, .32, 1);
    transition: transform .2s cubic-bezier(.23, 1, .32, 1), -webkit-transform .2s cubic-bezier(.23, 1, .32, 1)
  }

  .st-FtLegal_Link li a:hover:before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
  }

  .st-Modal_Contents-close {
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    -o-transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
    cursor: pointer
  }

  .st-Modal_Contents-close:hover {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
  }

  .st-Nav_List>li.st-Nav_List-trigger:hover .st-Nav_List-link:before {
    background-color: rgba(0, 0, 0, 0.5)
  }

  .st-Nav_List>li.st-Nav_List-trigger:hover .st-Nav_ListBox {
    -webkit-transition: opacity .3s cubic-bezier(.4, .1, .3, 1) .3s, -webkit-transform .3s cubic-bezier(.4, .1, .3, 1) .3s;
    transition: opacity .3s cubic-bezier(.4, .1, .3, 1) .3s, -webkit-transform .3s cubic-bezier(.4, .1, .3, 1) .3s;
    -o-transition: transform .3s cubic-bezier(.4, .1, .3, 1) .3s, opacity .3s cubic-bezier(.4, .1, .3, 1) .3s;
    transition: transform .3s cubic-bezier(.4, .1, .3, 1) .3s, opacity .3s cubic-bezier(.4, .1, .3, 1) .3s;
    transition: transform .3s cubic-bezier(.4, .1, .3, 1) .3s, opacity .3s cubic-bezier(.4, .1, .3, 1) .3s, -webkit-transform .3s cubic-bezier(.4, .1, .3, 1) .3s;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    opacity: 1;
    pointer-events: all
  }

  .st-Nav_List>li>a span {
    -webkit-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out
  }

  .st-Nav_List>li>a:hover:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
  }

  .st-Nav_List>li>a:hover span {
    color: #c7000b !important
  }

  .st-Nav_Search a {
    -webkit-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out
  }

  .st-Nav_Search a:hover {
    color: #c7000b !important
  }

  .st-Nav_SearchBox-close {
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    -o-transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
    cursor: pointer
  }

  .st-Nav_SearchBox-close:hover {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
  }

  .st-Nav_SearchBox-button {
    cursor: pointer
  }

  .st-Nav_ListBox-button a {
    -webkit-transition: background-color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out
  }

  .st-Nav_ListBox-button a .icf,
  .st-Nav_ListBox-button a span {
    -webkit-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out
  }

  .st-Nav_ListBox-button a:hover {
    background-color: #222
  }

  .st-Nav_ListBox-button a:hover span {
    color: #fff
  }

  .st-Nav_ListBox-button a:hover .icf {
    color: #222
  }

  .st-Nav_ListBox li a {
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
  }

  .st-Nav_ListBox li a:hover {
    opacity: .7
  }

  .st-Nav_Social li a {
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
  }

  .st-Nav_Social li a:hover {
    opacity: .7
  }

  .sw-ButtonOval>* {
    -webkit-transition: background-color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out
  }

  .sw-ButtonOval>* .icf,
  .sw-ButtonOval>* span {
    -webkit-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out
  }

  .sw-ButtonOval>:hover {
    background-color: #c7000b
  }

  .sw-ButtonOval>:hover .icf,
  .sw-ButtonOval>:hover span {
    color: #fff
  }

  .sw-ButtonRound>* {
    -webkit-transition: background-color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out
  }

  .sw-ButtonRound>* .icf,
  .sw-ButtonRound>* span {
    -webkit-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out
  }

  .sw-ButtonRound>:hover {
    background-color: #c7000b
  }

  .sw-ButtonRound>:hover .icf,
  .sw-ButtonRound>:hover span {
    color: #fff
  }

  .sw-ButtonRound_White>* {
    -webkit-transition: background-color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out
  }

  .sw-ButtonRound_White>* .icf,
  .sw-ButtonRound_White>* span {
    -webkit-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out
  }

  .sw-ButtonRound_White>:hover {
    background-color: #fff
  }

  .sw-ButtonRound_White>:hover .icf,
  .sw-ButtonRound_White>:hover span {
    color: #c7000b
  }

  .sw-ButtonRound_Black>* {
    -webkit-transition: background-color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out
  }

  .sw-ButtonRound_Black>* .icf,
  .sw-ButtonRound_Black>* span {
    -webkit-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out
  }

  .sw-ButtonRound_Black>:hover {
    background-color: #222
  }

  .sw-ButtonRound_Black>:hover span {
    color: #fff
  }

  .sw-ButtonCircle>* {
    -webkit-transition: background-color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out
  }

  .sw-ButtonCircle>* .icf {
    -webkit-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out
  }

  .sw-ButtonCircle>:hover {
    background-color: #c7000b
  }

  .sw-ButtonCircle>:hover .icf {
    color: #fff
  }

  .sw-Movie_Container-thumb {
    cursor: pointer;
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
  }

  .sw-Movie_Container-thumb:hover {
    opacity: .8
  }

  .sw-Movie_Container-thumb.is-hidden:hover {
    opacity: 0
  }

  .sw-RelatedSupport_Column>a:hover picture {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
  }

  .sw-RelatedSupport_Image-inner picture {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
    transition: -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
    -o-transition: transform 1s cubic-bezier(.23, 1, .32, 1);
    transition: transform 1s cubic-bezier(.23, 1, .32, 1);
    transition: transform 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1)
  }

  .top-Product_Row>a:hover+.top-Product_Image video {
    opacity: .9
  }

  .top-Product_Row>a:hover+.top-Product_Image+.top-Product_Body .sw-ButtonCircle>* {
    background-color: #c7000b
  }

  .top-Product_Row>a:hover+.top-Product_Image+.top-Product_Body .sw-ButtonCircle>* .icf {
    color: #fff
  }

  .top-Product_Row .top-Product_Image picture img {
    opacity: 0
  }

  .top-Product_Row .top-Product_Image video {
    opacity: 1;
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
  }

  .top-Product_Column:hover .top-Product_Image video {
    opacity: .9
  }

  .top-Product_Column:hover .sw-ButtonCircle>* {
    background-color: #c7000b
  }

  .top-Product_Column:hover .sw-ButtonCircle>* .icf {
    color: #fff
  }

  .top-Product_Column .top-Product_Image picture img {
    opacity: 0
  }

  .top-Product_Column .top-Product_Image video {
    opacity: 1;
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
  }

  .st-News_Slide .swiper-slide a:hover .st-News_Slide-image-inner {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
  }

  .st-News_Slide a {
    display: block
  }

  .st-News_Slide a:hover .st-News_Slide-image>div {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition-delay: 0s !important;
    -o-transition-delay: 0s !important;
    transition-delay: 0s !important
  }

  .news-Detail_Body a {
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
  }

  .news-Detail_Body a:hover {
    opacity: .7
  }

  .news-Narrow_Cate li a {
    -webkit-transition: background-color .2s;
    -o-transition: background-color .2s;
    transition: background-color .2s
  }

  .news-Narrow_Cate li a:hover {
    background-color: #f1f1f1
  }

  .news-ArticleList_Item a {
    display: block
  }

  .news-ArticleList_Item a:hover .news-ArticleList-image>div {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
  }

  .news-ArticleList-image>div {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
    transition: -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
    -o-transition: transform 1s cubic-bezier(.23, 1, .32, 1);
    transition: transform 1s cubic-bezier(.23, 1, .32, 1);
    transition: transform 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1)
  }

  .search-NavBlock_Body li a {
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
  }

  .search-NavBlock_Body li a:hover {
    opacity: .7
  }

  .series-Nav li a:after {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: -webkit-transform .2s cubic-bezier(.23, 1, .32, 1);
    transition: -webkit-transform .2s cubic-bezier(.23, 1, .32, 1);
    -o-transition: transform .2s cubic-bezier(.23, 1, .32, 1);
    transition: transform .2s cubic-bezier(.23, 1, .32, 1);
    transition: transform .2s cubic-bezier(.23, 1, .32, 1), -webkit-transform .2s cubic-bezier(.23, 1, .32, 1)
  }

  .series-Nav li a:hover:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
  }

  .series-Nav_All a {
    -webkit-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out
  }

  .series-Nav_All a:hover {
    color: #c7000b
  }

  .series-Lineup_List li a:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-box-shadow: inset 0 0 0 2px #c7000b;
    box-shadow: inset 0 0 0 2px #c7000b;
    pointer-events: none;
    opacity: 0;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
    transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
    -o-transition: opacity .3s cubic-bezier(.23, 1, .32, 1), transform .3s cubic-bezier(.23, 1, .32, 1);
    transition: opacity .3s cubic-bezier(.23, 1, .32, 1), transform .3s cubic-bezier(.23, 1, .32, 1);
    transition: opacity .3s cubic-bezier(.23, 1, .32, 1), transform .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1)
  }

  .series-Lineup_List li a .series-Lineup_List-image {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
    transition: -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
    -o-transition: transform .3s cubic-bezier(.23, 1, .32, 1);
    transition: transform .3s cubic-bezier(.23, 1, .32, 1);
    transition: transform .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1)
  }

  .series-Lineup_List li a:hover:before {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
  }

  .series-Lineup_List li a:hover .series-Lineup_List-image {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
  }

  .series-Movie_Slide a {
    display: block;
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
  }

  .series-Movie_Slide a:hover {
    opacity: .7
  }

  .series-Movie_Button a {
    -webkit-transition: background-color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out
  }

  .series-Movie_Button a .icf,
  .series-Movie_Button a span {
    -webkit-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out
  }

  .series-Movie_Button a:hover {
    background-color: #fff
  }

  .series-Movie_Button a:hover .icf,
  .series-Movie_Button a:hover span {
    color: red
  }

  .series-Banner a {
    display: block;
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
  }

  .series-Banner a:hover {
    opacity: .7
  }

  .product-Nav_Prev a {
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
  }

  .product-Nav_Prev a:hover {
    opacity: .7
  }

  .product-Nav_Menu li a {
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
  }

  .product-Nav_Menu li a:hover {
    opacity: .7
  }

  .product-Nav_All a {
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
  }

  .product-Nav_All a:hover {
    opacity: .7
  }

  .product-Movie_Slide a {
    display: block;
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
  }

  .product-Movie_Slide a:hover {
    opacity: .7
  }

  .product-Movie_Button a {
    -webkit-transition: background-color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out
  }

  .product-Movie_Button a .icf,
  .product-Movie_Button a span {
    -webkit-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out
  }

  .product-Movie_Button a:hover {
    background-color: #fff
  }

  .product-Movie_Button a:hover .icf,
  .product-Movie_Button a:hover span {
    color: red
  }

  .product-Spec_Diagram {
    cursor: pointer;
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
  }

  .product-Spec_Diagram:hover {
    opacity: .7
  }

  .product-Spec_Table table tbody tr {
    -webkit-transition: background-color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out
  }

  .product-Spec_Table table tbody tr th {
    -webkit-transition: background-color .2s ease-in-out, color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out, color .2s ease-in-out;
    transition: background-color .2s ease-in-out, color .2s ease-in-out
  }

  .product-Spec_Table table tbody tr td {
    -webkit-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out
  }

  .product-Spec_Table table tbody tr:hover {
    cursor: pointer
  }

  .product-Spec_Table table .pdf {
    display: block;
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
  }

  .product-Spec_Table table .pdf:hover {
    opacity: .7
  }

  .product-Catalogue_Slide a {
    display: block
  }

  .product-Catalogue_Slide a:hover .product-Catalogue_Slide-image>div {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
  }

  .product-Lineup_Slide .swiper-slide a:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-box-shadow: inset 0 0 0 2px #c7000b;
    box-shadow: inset 0 0 0 2px #c7000b;
    pointer-events: none;
    opacity: 0;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
    transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
    -o-transition: opacity .3s cubic-bezier(.23, 1, .32, 1), transform .3s cubic-bezier(.23, 1, .32, 1);
    transition: opacity .3s cubic-bezier(.23, 1, .32, 1), transform .3s cubic-bezier(.23, 1, .32, 1);
    transition: opacity .3s cubic-bezier(.23, 1, .32, 1), transform .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1)
  }

  .product-Lineup_Slide .swiper-slide a .product-Lineup_Slide-image {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
    transition: -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
    -o-transition: transform .3s cubic-bezier(.23, 1, .32, 1);
    transition: transform .3s cubic-bezier(.23, 1, .32, 1);
    transition: transform .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1)
  }

  .product-Lineup_Slide .swiper-slide a:hover:before {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
  }

  .product-Lineup_Slide .swiper-slide a:hover .product-Lineup_Slide-image {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
  }

  .product-Series_Slide .swiper-slide a:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-box-shadow: inset 0 0 0 2px #c7000b;
    box-shadow: inset 0 0 0 2px #c7000b;
    pointer-events: none;
    opacity: 0;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
    transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
    -o-transition: opacity .3s cubic-bezier(.23, 1, .32, 1), transform .3s cubic-bezier(.23, 1, .32, 1);
    transition: opacity .3s cubic-bezier(.23, 1, .32, 1), transform .3s cubic-bezier(.23, 1, .32, 1);
    transition: opacity .3s cubic-bezier(.23, 1, .32, 1), transform .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1)
  }

  .product-Series_Slide .swiper-slide a .product-Series_Slide-image {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
    transition: -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
    -o-transition: transform .3s cubic-bezier(.23, 1, .32, 1);
    transition: transform .3s cubic-bezier(.23, 1, .32, 1);
    transition: transform .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1)
  }

  .product-Series_Slide .swiper-slide a:hover:before {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
  }

  .product-Series_Slide .swiper-slide a:hover .product-Series_Slide-image {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
  }

  .product-Support a {
    display: block
  }

  .product-Support a:before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
  }

  .product-Support a:hover:before {
    opacity: .2
  }

  .recruit-Banner_List li a:before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
  }

  .recruit-Banner_List li a:hover:before {
    opacity: .2
  }

  .recruit-Banner_List li a:hover .sw-ButtonRound_White div {
    background-color: #fff
  }

  .recruit-Banner_List li a:hover .sw-ButtonRound_White div .icf,
  .recruit-Banner_List li a:hover .sw-ButtonRound_White div span {
    color: #c7000b
  }

  .recruit-Banner_List li a:hover .sw-ButtonRound div {
    background-color: #c7000b
  }

  .recruit-Banner_List li a:hover .sw-ButtonRound div .icf,
  .recruit-Banner_List li a:hover .sw-ButtonRound div span {
    color: #fff
  }

  .recruit-Banner_List-text .sw-ButtonRound,
  .recruit-Banner_List-text .sw-ButtonRound_White {
    position: relative
  }

  .recruit-Contact li a:hover .sw-ButtonCircle div {
    background-color: #c7000b
  }

  .recruit-Contact li a:hover .sw-ButtonCircle div .icf {
    color: #fff
  }

  .manual-Search_Box-button,
  .manual-Search_Box-button input[type=submit] {
    cursor: pointer
  }

  .recruit-Nav_Prev a {
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
  }

  .recruit-Nav_Prev a:hover {
    opacity: .7
  }

  .manual-Detail_Table table tbody td a {
    display: inline-block;
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
  }

  .manual-Detail_Table table tbody td a:hover {
    opacity: .7
  }

  .manual-Detail_Table table tbody td .pdf {
    display: block;
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
  }

  .manual-Detail_Table table tbody td .pdf:hover {
    opacity: .7
  }

  .manual-Confirm_Function label {
    cursor: pointer
  }

  .manual-Confirm_Function input[type=checkbox]:checked+label+.sw-ButtonRound a:hover {
    background-color: #fff
  }

  .manual-Confirm_Function input[type=checkbox]:checked+label+.sw-ButtonRound a:hover .icf,
  .manual-Confirm_Function input[type=checkbox]:checked+label+.sw-ButtonRound a:hover span {
    color: #000
  }

  .company-Message_Movie-thumb:hover {
    opacity: .9
  }

  .company-Message_Movie-thumb.is-hidden:hover {
    opacity: 0
  }

  .company-Group_List-column a:hover .company-Group_List-image picture {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
  }

  .company-Group_List-image picture {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
    transition: -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
    -o-transition: transform 1s cubic-bezier(.23, 1, .32, 1);
    transition: transform 1s cubic-bezier(.23, 1, .32, 1);
    transition: transform 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1)
  }

  .company-Profile_List-text a span {
    -webkit-transition: border-color .2s;
    -o-transition: border-color .2s;
    transition: border-color .2s
  }

  .company-Profile_List-text a:hover span {
    border-color: #fff
  }

  .company-Profile_List-map a {
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
  }

  .company-Profile_List-map a:hover {
    opacity: .7
  }

  .area-Anchor_Item a:after {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: -webkit-transform .2s cubic-bezier(.23, 1, .32, 1);
    transition: -webkit-transform .2s cubic-bezier(.23, 1, .32, 1);
    -o-transition: transform .2s cubic-bezier(.23, 1, .32, 1);
    transition: transform .2s cubic-bezier(.23, 1, .32, 1);
    transition: transform .2s cubic-bezier(.23, 1, .32, 1), -webkit-transform .2s cubic-bezier(.23, 1, .32, 1)
  }

  .area-Anchor_Item a:hover:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
  }

  .offices-HeadOffice_Detail-map a {
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
  }

  .offices-HeadOffice_Detail-map a:hover {
    opacity: .7
  }

  .offices-AreaOffice_Note-link a {
    -webkit-transition: border-color .2s;
    -o-transition: border-color .2s;
    transition: border-color .2s
  }

  .offices-AreaOffice_Note-link a:hover {
    border-color: #fff
  }

  .offices-AreaOffice_Detail-map a {
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
  }

  .offices-AreaOffice_Detail-map a:hover {
    opacity: .7
  }

  .innovation-Guzzilla_Slide a {
    display: block
  }

  .innovation-Guzzilla_Slide a:hover picture img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
  }

  .innovation-Guzzilla_Slide picture img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
    transition: -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
    -o-transition: transform 1s cubic-bezier(.23, 1, .32, 1);
    transition: transform 1s cubic-bezier(.23, 1, .32, 1);
    transition: transform 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1)
  }

  .innovation-Exhibition_Slide a {
    display: block;
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
  }

  .innovation-Exhibition_Slide a:hover {
    opacity: .7
  }

  .innovation-Sponsored_Slide a {
    display: block;
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
  }

  .innovation-Sponsored_Slide a:hover {
    opacity: .7
  }

  .catalogue-Download_Item a {
    display: block
  }

  .catalogue-Download_Item a:hover .catalogue-Download_Item-image>div {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
  }
}

@media screen and (max-width:768px) {
  .st-OpeningWrap .logo-Block {
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8)
  }

  .st-FtDirectory_Column-title.no-slide a {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0
  }

  .st-FtDirectory_Column-title i {
    width: 12px;
    height: 12px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
  }

  .st-FtDirectory_Column-title i:after,
  .st-FtDirectory_Column-title i:before {
    content: "";
    width: 100%;
    height: 2px;
    background-color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
  }

  .st-FtDirectory_Column-title i:after {
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    -o-transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
  }

  .st-FtDirectory_Column-title.is-open i:after {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  .is-sp-open .st-Hd_Logo:before {
    opacity: 1
  }

  .is-sp-open .st-Hd_Logo a {
    opacity: 0
  }

  .st-Nav_List>li>.st-Nav_List-link i {
    width: 12px;
    height: 12px;
    display: block;
    position: relative;
    top: 0;
    bottom: 0;
    margin: auto
  }

  .st-Nav_List>li>.st-Nav_List-link i:after,
  .st-Nav_List>li>.st-Nav_List-link i:before {
    content: "";
    width: 100%;
    height: 2px;
    background-color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
  }

  .st-Nav_List>li>.st-Nav_List-link i:after {
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    -o-transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
  }

  .st-Nav_List>li>.st-Nav_List-link.is-open i:after {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  .st-Nav_ListBox-button,
  .st-Nav_ListBox-title,
  .st-Nav_ListBox li .logo,
  .st-Nav_ListBox li picture,
  .st-Nav_SearchBox-close,
  .st-Nav_SearchBox-title {
    display: none
  }

  .top-Mv_Slide .swiper-pagination {
    left: 6.26667%
  }

  .top-Recruit_Body .sw-ButtonRound a {
    width: 88.41463%
  }

  .series-Lineup_List li:nth-child(2n) {
    margin-right: 0;
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s
  }

  .series-Lineup_List li:nth-child(n+3) {
    margin-top: 30px
  }

  .product-Detail_Lead br {
    display: none
  }

  .product-Detail_Column picture img {
    width: 100%
  }

  .manual-Genre ul:after {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #ddd;
    position: absolute;
    bottom: 0;
    left: 0
  }

  .manual-Genre li {
    border-bottom: 1px solid #ddd
  }

  .manual-Genre li:nth-child(odd) {
    border-right: 1px solid #ddd
  }

  .manual-Search_List li:nth-child(odd) {
    margin-right: 5.18293%
  }

  .history-Genre_Title-company,
  .history-Genre_Title-product {
    display: none
  }

  .history-Block[data-anchor=year-1957] .history-Block_Product .box-01 .history-Block_Box-image {
    padding: 0 10%
  }

  .history-Block[data-anchor=year-1990] .history-Block_Product .box-01 .history-Block_Box-image {
    padding: 0 20%
  }

  .history-Block[data-anchor=year-1990] .history-Block_Product .box-04 .history-Block_Box-image {
    padding: 0 10%
  }

  .history-Block[data-anchor=year-2000] .history-Block_Product .box-02 .history-Block_Box-image {
    padding: 0 20%
  }

  .history-Block[data-anchor=year-2000] .history-Block_Product .box-04 .history-Block_Box-image,
  .history-Block[data-anchor=year-2010] .history-Block_Product .box-01 .history-Block_Box-image,
  .history-Block[data-anchor=year-2010] .history-Block_Product .box-03 .history-Block_Box-image {
    padding: 0 10%
  }

  .history-Block_Company .history-Genre_Title-company,
  .history-Block_Company .history-Genre_Title-product,
  .history-Block_Company.is-hidden,
  .history-Block_Founding.is-hidden,
  .history-Block_Product .history-Genre_Title-company,
  .history-Block_Product .history-Genre_Title-product,
  .history-Block_Product.is-hidden {
    display: none
  }

  .history-Block_Box {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: opacity 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
    transition: opacity 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
    -o-transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1);
    transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1);
    transition: opacity 1s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1)
  }

  .history-Block_Box.appear {
    opacity: 1;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0)
  }

  .company-Profile_List .location .company-Profile_List-float>.company-Profile_List-float {
    padding-top: 10px
  }

  .company-Profile_List .location .company-Profile_List-float .company-Profile_List-map {
    margin-left: 18px;
    margin-top: 6px
  }

  .company-Profile_List .business .company-Profile_List-text .company-Profile_List-tag {
    margin-top: 7px;
    margin-bottom: 5px
  }

  .company-Profile_List .business .company-Profile_List-text>span {
    margin-right: 7px
  }

  .catalogue-Download_Item:nth-child(2n) {
    margin-left: 8.23171%
  }
}

@media screen and (min-width:769px) and (max-width:900px) {
  .st-FtLegal_Inner {
    display: block
  }

  .st-FtLegal_Right {
    margin-top: 15px
  }
}

@media screen and (min-width:901px) and (max-width:1150px) {
  .st-FtLegal_Right {
    display: block
  }

  .st-FtLegal_Copyright {
    margin-top: 15px
  }
}

@media screen and (min-width:1380px) {
  .st-News_Slide .swiper-button-next {
    right: -5.2%
  }

  .st-News_Slide .swiper-button-prev {
    left: -5.2%
  }

  .series-Movie .swiper-button-next {
    right: -5%
  }

  .series-Movie .swiper-button-prev {
    left: -5%
  }

  .product-Movie .swiper-button-next {
    right: -3%
  }

  .product-Movie .swiper-button-prev {
    left: -5%
  }

  .product-Catalogue .swiper-button-next {
    right: -3.9%
  }

  .product-Catalogue .swiper-button-prev {
    left: -3.9%
  }

  .product-Lineup .swiper-button-next {
    right: -3%
  }

  .product-Series .swiper-button-next {
    right: -3.5%
  }

  .product-Series .swiper-button-prev {
    left: -3.5%
  }

  .innovation-Guzzilla_Slide .swiper-button-next {
    right: -5%
  }

  .innovation-Guzzilla_Slide .swiper-button-prev {
    left: -5%
  }

  .innovation-Exhibition_Slide .swiper-button-next {
    right: -5%
  }

  .innovation-Exhibition_Slide .swiper-button-prev {
    left: -5%
  }

  .innovation-Cm_Slide .swiper-button-next {
    right: -5%
  }

  .innovation-Cm_Slide .swiper-button-prev {
    left: -5%
  }

  .innovation-Sponsored_Slide .swiper-button-next {
    right: -5%
  }

  .innovation-Sponsored_Slide .swiper-button-prev {
    left: -5%
  }
}

@media screen and (min-width:990px) {
  .news-Detail_FollowShare {
    width: 80px;
    display: block;
    position: absolute;
    top: 0;
    left: -144px;
    height: 100%
  }
}

@media screen and (max-width:980px) {
  .search-Wrap .series-Lineup_List li {
    width: 48.125%
  }

  .search-Wrap .series-Lineup_List li:nth-child(2n) {
    margin-right: 0
  }

  .search-Wrap .series-Lineup_List li:nth-child(3n) {
    margin-right: 1.5%
  }

  .search-Wrap .series-Lineup_List li:nth-child(n+3) {
    margin-top: 40px
  }
}

@media screen and (min-width:406px) {
  .series-Nav_Inner {
    min-width: 680px
  }

  .series-Nav li a {
    padding: 10px 15px
  }
}

@media screen and (min-width:1000px) {

  .product-Movie .swiper-button-next,
  .product-Movie .swiper-button-prev {
    padding-top: 16.83333%
  }

  .manual-Genre li a span i {
    padding-left: .5em;
    display: inline
  }
}

@media screen and (min-width:1200px) {

  .manual-Confirm,
  .manual-Search,
  .recruit-Endlist {
    padding: 0 103px
  }

  .manual-Confirm,
  .manual-Search,
  .offices-ListWrap,
  .recruit-Endlist {
    width: 100%;
    max-width: 1280px;
    max-width: 1200px;
    margin: auto auto 60px
  }

  .offices-ListWrap {
    padding: 0 0 60px
  }

  .policy-Block {
    width: 100%;
    max-width: 1280px;
    max-width: 1200px;
    padding: 0 103px;
    margin: auto auto 60px
  }
}

@media screen and (min-width:769px) and (max-width:860px) {
  .history-Lead p span {
    font-size: 1.4rem;
    line-height: 2.28571em;
    letter-spacing: .06em
  }
}

.home .st-Header.is-follow-white {
  background-color: #fff;
}

.home .st-Header.is-follow-white+.st-Nav .st-Nav_List-en {
  color: #222
}

.home .st-Header.is-follow-white+.st-Nav .st-Nav_List-ja {
  color: #222
}

@media screen and (max-width: 769px) {
  .st-Header {
    padding: unset;
  }

  .st-Hd_Logo {
    width: 80px;
  }
}