.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 #vision #contents {
  padding: 120px 15px 50px;
  position: relative;
  background: url(/content/dam/nsk/jp/ja/company/about-us/nsk-vision-2026/sp/images/bg-top.png) repeat-x left top;
  background-size: contain;
  color: white
}

.embed #vision .section__hd img {
  display: block;
  margin: 0 auto;
  width: 211px;
  height: 22px;
}

.embed #vision .section__topic {
  margin: 10px 0 0;
  padding: 10px 0 5px;
  background: #680014;
  border-radius: 3px;
  letter-spacing: 0.5px
}

.embed #vision .section__topic .head {
  margin: 0 0 5px;
  font-size: 11px;
  text-align: center;
  position: relative
}

.embed #vision .section__topic .head .body {
  display: inline-block;
  padding: 0 5px;
  position: relative;
  z-index: 10;
  background: #680014
}

.embed #vision .section__topic .head:after {
  content: " ";
  width: 100%;
  height: 1px;
  overflow: visible;
  display: block;
  top: 5px;
  right: 0px;
  position: absolute;
  z-index: 0;
  background: #d1acac;
  border-top: 1px solid #520010
}

.embed #vision .section__topic .txt {
  padding: 0 10px;
  font-size: 11px;
  text-align: center
}

.embed #vision .section__txt {
  font-size: 12px;
  line-height: 1.9
}

.embed .vision-blc {
  margin: 0 0 20px;
  padding: 75px 0 0;
  position: relative
}

.embed .vision-blc__hd {
  margin-bottom: 15px;
  position: relative;
  z-index: 10
}

.embed .vision-blc__hd img {
  display: block;
  margin: 0 auto;
}

.embed .vision-blc__txt {
  position: relative;
  z-index: 10;
  text-align: center;
  font-size: 12px;
  line-height: 1.9;
  text-shadow: 0 0 2px #45000d
}

.embed .vision-blc__txt--right {
  text-align: right
}

.embed .vision-blc__img {
  display: block;
  top: 0px;
  left: 50%;
  position: absolute;
  z-index: auto;
  margin: 0 0 0 -52px
}

.embed .vision-blc__img img {
  display: block;
  margin: 0 auto;
  width: 103px;
  height: 106px;
}

.embed .vision-blc__line {
  width: 113px;
  height: 113px;
  overflow: visible;
  display: block;
  top: -4px;
  left: -6px;
  position: absolute;
  z-index: auto;
  background: url(/content/dam/nsk/jp/ja/company/about-us/nsk-vision-2026/sp/images/img-dotline-vision.svg) no-repeat left top;
  background-size: 113px 113px;
  -webkit-animation: rotate 30s linear 0s infinite;
  animation: rotate 30s linear 0s infinite
}

.embed .vision-blc__bearing {
  width: 102px;
  height: 102px;
  overflow: visible;
  display: block;
  display: block;
  top: 0px;
  left: 50%;
  position: absolute;
  z-index: auto;
  margin: 0 0 0 -52px
}

.embed .vision-blc__bearing-pt {
  top: -1px;
  left: -1px;
  position: absolute;
  z-index: auto
}

.embed .vision-blc__bearing-out {
  top: 0px;
  left: 0px;
  position: absolute;
  z-index: auto
}

.embed .vision-blc__bearing-in {
  top: 8px;
  left: 8px;
  position: absolute;
  z-index: auto;
  -webkit-animation: rotate 30s linear 0s infinite;
  animation: rotate 30s linear 0s infinite
}

.embed .vision-blc__bearing-line {
  width: 111px;
  height: 111px;
  overflow: visible;
  display: block;
  top: -4px;
  left: -5px;
  position: absolute;
  z-index: auto;
  background: url(/content/dam/nsk/jp/ja/company/about-us/nsk-vision-2026/sp/images/img-dotline-vision.svg) no-repeat left top;
  background-size: 111px 111px;
  -webkit-animation: rotate 30s linear 0s infinite;
  animation: rotate 30s linear 0s infinite
}

.embed .vision-blc.vision-blc--bearing {
  padding-top: 35px
}

.embed .vision-blc.vision-blc--01 {
  margin-top: 30px
}

.embed .vision-blc.vision-blc--04 .vision-blc__hd {
  margin-left: -4px
}

.embed .vision-blc.vision-blc--05 .vision-blc__hd {
  margin-left: -4px
}

.embed .vision-blc.vision-blc--06 .vision-blc__hd {
  margin-left: -4px
}

.embed #about #contents {
  padding: 100px 0 0;
  position: relative;
  background: url(/content/dam/nsk/jp/ja/company/about-us/nsk-vision-2026/sp/images/bg-about.png) no-repeat left top;
  background-size: contain
}

.embed #about .contents__inner {
  padding: 0 15px
}

.embed #about .section__hd {
  margin-bottom: 20px
}

.embed #about .section__hd img {
  display: block;
  margin: 0 auto
}

.embed #about .section__txt {
  font-size: 12px;
  line-height: 1.9
}

.embed #about .section__copy img {
  display: block;
  margin: 0 auto 18px
}

.embed #about .section__img {
  top: 60px;
  left: 50%;
  position: absolute;
  z-index: auto;
  margin: 0 0 0 55px
}

.embed #about .section__topback {
  z-index: 100
}

.embed #about #movie {
  width: 100%;
  height: auto;
  overflow: visible;
  display: block;
  margin: 0 0 22px;
  padding: 0 0 56.25%;
  position: relative
}

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

.embed #about .pr-blc {
  margin: 60px 0 0;
  padding: 30px 0 100px;
  position: relative;
  background: #730016;
  border-top: 1px solid #e6002d
}

.embed #about .pr-blc__inner {
  margin: 0 auto;
  position: relative;
  z-index: 10
}

.embed #about .pr-blc__hd {
  padding: 0 0 55px 7%;
  position: relative;
  z-index: 10
}

.embed #about .pr-blc__hd img {
  width: 100%;
  height: auto;
  display: block;
  box-sizing: border-box
}

.embed #about .pr-blc__btn {
  display: block;
  padding: 0 15px;
  margin: -50% 0 30px;
  position: relative;
  z-index: 10
}

.embed #about .pr-blc__btn img {
  width: 100%;
  height: auto;
  display: block;
  box-sizing: border-box;
  margin-top: 5%
}

.embed #about .pr-blc__movie-blc {
  padding: 0 50px;
  position: relative;
  z-index: 10
}

.embed #about .pr-blc__movie-blc p {
  margin: 5px 0 20px
}

.embed #about .pr-blc__movie-blc p:last-child {
  margin-bottom: 0
}

.embed #about .pr-blc__movie {
  width: 100%;
  height: auto;
  overflow: visible;
  display: block;
  padding: 56.25% 0 0;
  position: relative
}

.embed #about .pr-blc__movie iframe {
  width: 100%;
  height: 100%;
  overflow: visible;
  display: block;
  top: 0px;
  left: 0px;
  position: absolute;
  z-index: auto
}

.embed #about .pr-blc__img_02 {
  top: 310px;
  left: -10px;
  position: absolute;
  z-index: auto;
  opacity: 0.8
}

.embed #about .pr-blc__img_03 {
  bottom: -70px;
  right: -30px;
  position: absolute;
  z-index: auto;
  opacity: 0.8
}

.embed #news #contents {
  padding: 100px 15px 50px;
  position: relative;
  background: url(/content/dam/nsk/jp/ja/company/about-us/nsk-vision-2026/sp/images/bg-news.png) no-repeat center bottom;
  background-size: cover
}

.embed #news #contents .section__hd {
  margin-bottom: 20px
}

.embed #news #contents .section__hd img {
  display: block;
  margin: 0 auto
}

.embed #news #contents .section__txt {
  font-size: 12px;
  line-height: 1.9
}

.embed #news #contents .section__img {
  top: 95px;
  left: 15px;
  position: absolute;
  z-index: auto
}

.embed #news #contents .section__img02 {
  display: block;
  margin: -7px 15px auto auto
}

.embed .event-blc {
  margin: 0 0 30px
}

.embed .event-blc img {
  width: 100%;
  height: auto;
  display: block;
  box-sizing: border-box
}

.embed .event-blc__bnr {
  display: block
}

.embed .event-blc__bnr:last-child {
  margin-top: 10px
}

.embed #newsList {
  padding: 15px 15px 15px 15px;
  background: url(/content/dam/nsk/jp/ja/company/about-us/nsk-vision-2026/sp/images/bg-news-pattern.png) left top;
  box-sizing: border-box
}

.embed #newsList:before {
  content: " ";
  width: 100%;
  height: 1px;
  display: block;
  background: #ccc;
  background: rgba(255, 255, 255, 0.3)
}

.embed #newsList:after {
  content: " ";
  width: 100%;
  height: 1px;
  display: block;
  background: #ccc;
  background: rgba(255, 255, 255, 0.3)
}

.embed .newsList__item {
  padding: 13px 30px 13px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  background: url(/content/dam/nsk/jp/ja/company/about-us/nsk-vision-2026/sp/images/arw-news.png) no-repeat right center;
  background-size: 6px 15px;
  cursor: pointer
}

.embed .newsList__item a {
  text-decoration: underline
}

.embed .newsList__item:last-child {
  border: none
}

.embed .newsList__hd {
  margin: 0 0 8px;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.1;
  letter-spacing: 0.5px
}

.embed .newsList__hd time {
  display: inline-block
}

.embed .newsList__txt {
  line-height: 1.5;
  font-size: 12px;
  letter-spacing: 0.5px
}

.embed .newsList__item:hover a {
  display: block;
  text-decoration: underline
}

.embed .newsList__item:hover a time {
  text-decoration: underline
}

.embed #article #contents {
  padding: 0
}

.embed #article .anniversary {
  display: none
}

.embed #article .footer {
  display: none
}

.embed #article .section__hd img {
  display: block;
  margin: 0 auto
}

.embed #article #section--news {
  padding: 100px 0 0;
  position: relative;
  background: url(/content/dam/nsk/jp/ja/company/about-us/nsk-vision-2026/sp/images/bg-news.png) no-repeat center bottom;
  background-size: cover
}

.embed #article #section--news .section__hd {
  margin-bottom: 20px
}

.embed #article #section--news .section__hd img {
  display: block;
  margin: 0 auto
}

.embed #article #section--news .section__txt {
  font-size: 12px;
  line-height: 1.9
}

.embed #article #section--news .section__img {
  top: 95px;
  left: 15px;
  position: absolute;
  z-index: auto
}

.embed #article #section--news .section__img02 {
  display: block;
  margin: -7px 15px auto auto
}

.embed #newsArticle {
  padding: 60px 15px 120px 15px;
  position: relative;
  background: url(/content/dam/nsk/jp/ja/company/about-us/nsk-vision-2026/sp/images/bg-news-pattern.png) left top;
  box-sizing: border-box
}

.embed #newsArticle:before, #newsArticle:after {
  content: " ";
  width: 100%;
  height: 2px;
  display: block;
  background: #ccc;
  background: rgba(0, 0, 0, 0.5)
}

.embed #newsArticle:before {
  margin-bottom: 20px
}

.embed #newsArticle:after {
  margin-top: 20px
}

.embed #newsArticle .head {
  margin: 0 0 20px;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0.5px
}

.embed #newsArticle .txt {
  font-size: 13px;
  line-height: 1.7
}

.embed #newsArticle .txt+.txt {
  margin-top: 15px
}

.embed #newsArticle img {
  display: block;
  width: 100%;
  height: auto;
  margin: 15px auto
}

.embed #newsArticle__inner {
  display: none
}

.embed #articleNext {
  width: 100%;
  top: 158px;
  left: 0px;
  position: absolute;
  z-index: auto;
  cursor: pointer;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear
}

.embed #articleNext .txt {
  display: block;
  padding: 8px 0 0 3px;
  margin: 0 auto
}

.embed #articleNext .txt img {
  display: block;
  margin: 0 auto
}

.embed #articleNext .arw {
  margin: 0 auto
}

.embed #articlePrev {
  width: 100%;
  bottom: 68px;
  left: 0px;
  position: absolute;
  z-index: auto;
  cursor: pointer;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear
}

.embed #articlePrev .txt {
  display: block;
  padding: 0 0 0 3px;
  margin: 0 auto 10px
}

.embed #articlePrev .txt img {
  display: block;
  margin: 0 auto
}

.embed #articlePrev .arw {
  margin: 0 auto
}

.embed #newsListBack {
  top: 105px;
  right: 15px;
  position: absolute;
  z-index: auto
}