.embed html,
.embed body,
.embed div,
.embed span,
.embed applet,
.embed object,
.embed iframe,
.embed h1,
.embed h2,
.embed h3,
.embed h4,
.embed h5,
.embed h6,
.embed p,
.embed blockquote,
.embed pre,
.embed a,
.embed abbr,
.embed acronym,
.embed address,
.embed big,
.embed cite,
.embed code,
.embed del,
.embed dfn,
.embed em,
.embed img,
.embed ins,
.embed kbd,
.embed q,
.embed s,
.embed samp,
.embed small,
.embed strike,
.embed strong,
.embed sub,
.embed sup,
.embed tt,
.embed var,
.embed b,
.embed u,
.embed i,
.embed center,
.embed dl,
.embed dt,
.embed dd,
.embed ol,
.embed ul,
.embed li,
.embed fieldset,
.embed form,
.embed label,
.embed legend,
.embed table,
.embed caption,
.embed tbody,
.embed tfoot,
.embed thead,
.embed tr,
.embed th,
.embed td,
.embed article,
.embed aside,
.embed canvas,
.embed details,
.embed embed,
.embed figure,
.embed figcaption,
.embed footer,
.embed header,
.embed hgroup,
.embed menu,
.embed nav,
.embed output,
.embed ruby,
.embed section,
.embed summary,
.embed time,
.embed mark,
.embed audio,
.embed video,
.embed :after,
.embed :before {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  text-decoration: none;
  box-sizing: content-box;
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal
}

.embed article, .embed aside, .embed details, .embed figcaption, .embed figure, .embed footer, .embed header, .embed hgroup, .embed menu, .embed nav, .embed section {
  display: block
}

.embed body {
  line-height: 1
}

.embed ol, ul {
  list-style: none
}

.embed blockquote, q {
  quotes: none
}

.embed blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none
}

.embed table {
  border-collapse: collapse;
  border-spacing: 0
}

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

.embed ul li {
  background: none;
  margin-bottom: 0
}

.embed .m-001, .wrap_serch {
  box-sizing: border-box
}

.embed .m-001 *, .wrap_serch * {
  box-sizing: border-box
}

.embed html {
  font-size: 62.5%
}

.embed body {
  font: 13px/1.231 arial, helvetica, clean, sans-serif;
  *font-size: small;
  *font: x-small;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

.embed body.webfont {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 100
}

.embed select, input, button, textarea {
  font: 99% arial, helvetica, clean, sans-serif
}

.embed table {
  font-size: inherit;
  font: 100%
}

.embed pre, code, kbd, samp, tt {
  font-family: monospace;
  *font-size: 108%;
  line-height: 100%
}

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

.embed a {
  text-decoration: none;
  color: #fff
}

.embed a:hover {
  text-decoration: none
}

.embed a:active {
  text-decoration: none
}

.embed p {
  font-size: 100%;
  line-height: 1.8
}

.embed li {
  font-size: 100%;
  line-height: 1.8
}

.embed html {
  height: 100%;
  color: #fff;
  background: #820019
}

.embed body {
  height: 100%;
  text-align: left
}

.embed body p::selection, body h1::selection, body h2::selection, body h3::selection, body h4::selection, body a::selection, body img::selection, body em::selection, body strong::selection, body dd::selection, body dt::selection, body u::selection, body dfn::selection, body li::selection {
  color: #fff;
  background: #555
}

.embed body *::-moz-selection {
  color: #fff;
  background: #555
}

.embed #wrapper {
  min-width: 100%;
  overflow: hidden;
  -webkit-text-size-adjust: none;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto
}

.embed #wrapper.is-slided {
  -webkit-transform: translate3d(-210px, 0, 0);
  transform: translate3d(-210px, 0, 0)
}

.embed section, main {
  display: block
}

.embed .m-001 {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15)
}

.embed .m-001__logo {
  height: 53px
}

.embed .m-001__global a {
  color: #E4032D
}

.embed #contents {
  width: 100%;
  display: block !important;
  box-sizing: border-box
}

.embed .section-arw {
  width: 30px;
  height: 12px;
  overflow: visible;
  display: block;
  margin: 0 auto
}

/*

.embed .section-arw--top {
  background: url(/content/dam/nsk/common/company/vision/sp/images/arw-up.png) no-repeat left top;
  background-size: 30px 12px
}

.embed .section-arw--top02 {
  background: url(/content/dam/nsk/common/company/vision/sp/images/arw-up-double.png) no-repeat left top;
  background-size: 30px 12px
}

.embed .section-arw--bottom {
  background: url(/content/dam/nsk/common/company/vision/sp/images/arw-bottom.png) no-repeat left top;
  background-size: 30px 12px
}

*/

.embed .section__topback, .section__nextBtn {
  width: 100%;
  bottom: 10px;
  left: 0px;
  position: absolute;
  z-index: auto;
  cursor: pointer
}

.embed .section__topback .txt, .section__nextBtn .txt {
  display: block;
  padding: 15px 15px 0;
  margin: 0 auto 12px
}

.embed .section__topback .txt img, .section__nextBtn .txt img {
  display: block;
  margin: 0 auto
}

.embed .contents__category {
  top: 20px;
  left: 10px;
  position: absolute;
  z-index: 120;
}

.embed .blc-topics-comment {
  width: 100%;
  height: auto;
  overflow: visible;
  display: block;
  top: 50px;
  left: 0px;
  position: absolute;
  z-index: 10;
  padding: 10px 0;
  background: rgba(255, 255, 255, 0.5)
}

.embed .blc-topics-comment .body {
  text-align: center;
  font-size: 11px;
  line-height: 1.3;
  color: white
}

.embed #bg {
  width: 100%;
  height: 100%;
  overflow: visible;
  display: block;
  min-height: 646px;
  top: 0px;
  left: 0px;
  position: absolute;
  z-index: 0
}

.embed #bgBlock {
  width: 100%;
  height: 100%;
  overflow: visible;
  display: block;
  top: 0px;
  left: 0px;
  position: absolute;
  z-index: 2
}

.embed #bgShadow {
  width: 100%;
  height: 100%;
  overflow: visible;
  display: block;
  min-height: 646px;
  top: 0px;
  left: 0px;
  position: absolute;
  z-index: 1
}

.embed #bgCity {
  width: 100%;
  height: auto;
  overflow: visible;
  display: block;
  bottom: 0px;
  left: 0px;
  position: absolute;
  z-index: 0
}

.embed #bgPhoto {
  width: auto;
  height: auto;
  overflow: visible;
  display: block;
  min-width: 100%;
  min-height: 100%;
  top: 0px;
  left: 0px;
  position: fixed;
  z-index: 1;
  -webkit-transition: 0.5s linear opacity;
  transition: 0.5s linear opacity;
  opacity: 0
}

.embed .footer {
  border-top: 2px solid rgba(255, 255, 255, 0.5)
}

.embed .footer-sitemap {
  display: none
}

.embed .footer-sitemap__btn {
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0.5px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5)
}

.embed .footer-sitemap__btn a {
  display: block;
  padding: 15px;
  position: relative
}

/*

.embed .footer-sitemap__btn a:after {
  content: " ";
  width: 6px;
  height: 14px;
  overflow: visible;
  display: block;
  top: 14px;
  right: 15px;
  position: absolute;
  z-index: auto;
  background: url(/content/dam/nsk/test_fujii/jp/common/company/vision/images/vision/sp/ico-arw.png) no-repeat left top;
  background-size: 6px 14px
}

*/

.embed .footer-nav {
  overflow: hidden;
  padding: 0 15px 15px;
  text-align: center;
  display: none
}

.embed .footer-nav__btn {
  margin: 0 5px 8px 0;
  padding: 0 5px 0 0;
  display: inline-block;
  font-size: 11px;
  border-right: 1px solid white;
  letter-spacing: 0.5px
}

.embed .footer-nav__btn a {
  text-decoration: underline
}

.embed .footer-nav__btn:last-child {
  margin: 0;
  padding: 0;
  border: none
}

.embed .footer-blc {
  padding: 20px 0;
  clear: both;
  text-transform: uppercase;
  font-size: 10px;
  font-size: 1rem;
  text-align: center;
  background: #680014
}

.embed .footer-blc small {
  display: block;
  margin: 0;
  padding: 0 10px;
  line-height: 1;
  text-align: center;
  color: white
}

.embed .footer-blc em {
  font-weight: bold
}

.embed #fbBtn {
  float: right;
  margin: 0 15px 0 0
}

.embed #langNav {
  float: right;
  margin: 0 0 10px 15px;
  overflow: hidden;
  font-family: "helvetica";
  opacity: .75;
  filter: alpha(opacity=75);
  -ms-filter: "alpha(opacity=75)";
  zoom: 1
}

.embed .langNav__btn {
  float: left
}

.embed .langNav__btn a {
  width: 34px;
  height: 26px;
  overflow: visible;
  display: block;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1;
  box-sizing: border-box;
  border: 1px solid white;
  font-weight: bold;
  -webkit-transition: 0.2s linear;
  transition: 0.2s linear
}

.embed .langNav__btn a:hover {
  text-decoration: none;
  background: white;
  color: #e6002d
}

.embed .langNav__btn:first-child a {
  color: #e6002d;
  background: white
}

.embed .langNav__btn:first-child a {
  padding: 7px 0 0 12px;
  border-radius: 35px 0 0 35px
}

.embed .langNav__btn:last-child a {
  padding: 7px 0 0 7px;
  border-radius: 0 35px 35px 0
}

.embed .langNav__btn.is-current a {
  color: #e6002d;
  background: white
}