@media screen and (max-width: 768px) {
  .embed .u-spdn {
    display: none !important
  }
}

.embed .u-pcdn {
  display: none !important
}

@media screen and (max-width: 768px) {
  .embed .u-pcdn {
    display: block !important
  }
}

.embed .br.u-pcdn {
  display: none !important
}

@media screen and (max-width: 768px) {
  .embed .br.u-pcdn {
    display: inline !important
  }
}

.embed .u-clear:before, .u-clear:after {
  content: "";
  display: table !important
}

.embed .u-clear:after {
  clear: both
}

.embed .u-ir {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%
}

.embed .u-elps {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.embed .u-ofh {
  overflow: hidden !important
}

.embed .u-fl {
  float: left
}

.embed .u-fr {
  float: right
}

.embed .u-full {
  width: 100%
}

.embed .u-half {
  width: 50%
}

.embed .u-third {
  width: 33.3%
}

.embed .u-quater {
  width: 25%
}

.embed .u-fifth {
  width: 20%
}

.embed .u-posr {
  position: relative
}

.embed .u-posa {
  position: absolute
}

.embed .u-dn {
  display: none !important
}

.embed .u-db {
  display: block !important
}

.embed .u-di {
  display: inline !important
}

.embed .u-ds {
  display: inline-block !important
}

.embed .u-dt {
  display: table !important
}

.embed .u-dc {
  display: table-cell !important
}

.embed .u-mt-0 {
  margin-top: 0px !important
}

.embed .u-mt-5 {
  margin-top: 5px !important
}

.embed .u-mt-10 {
  margin-top: 10px !important
}

.embed .u-mt-15 {
  margin-top: 15px !important
}

.embed .u-mt-20 {
  margin-top: 20px !important
}

.embed .u-mt-25 {
  margin-top: 25px !important
}

.embed .u-mt-30 {
  margin-top: 30px !important
}

.embed .u-mt-35 {
  margin-top: 35px !important
}

.embed .u-mt-40 {
  margin-top: 40px !important
}

.embed .u-mt-45 {
  margin-top: 45px !important
}

.embed .u-mt-50 {
  margin-top: 50px !important
}

.embed .u-mt-55 {
  margin-top: 55px !important
}

.embed .u-mt-60 {
  margin-top: 60px !important
}

.embed .u-mt-65 {
  margin-top: 65px !important
}

.embed .u-mt-70 {
  margin-top: 70px !important
}

.embed .u-mt-75 {
  margin-top: 75px !important
}

.embed .u-mt-80 {
  margin-top: 80px !important
}

.embed .u-mr-0 {
  margin-right: 0px !important
}

.embed .u-mr-5 {
  margin-right: 5px !important
}

.embed .u-mr-10 {
  margin-right: 10px !important
}

.embed .u-mr-15 {
  margin-right: 15px !important
}

.embed .u-mr-20 {
  margin-right: 20px !important
}

.embed .u-mr-25 {
  margin-right: 25px !important
}

.embed .u-mr-30 {
  margin-right: 30px !important
}

.embed .u-mr-35 {
  margin-right: 35px !important
}

.embed .u-mr-40 {
  margin-right: 40px !important
}

.embed .u-mr-45 {
  margin-right: 45px !important
}

.embed .u-mr-50 {
  margin-right: 50px !important
}

.embed .u-mr-55 {
  margin-right: 55px !important
}

.embed .u-mr-60 {
  margin-right: 60px !important
}

.embed .u-mr-65 {
  margin-right: 65px !important
}

.embed .u-mr-70 {
  margin-right: 70px !important
}

.embed .u-mr-75 {
  margin-right: 75px !important
}

.embed .u-mr-80 {
  margin-right: 80px !important
}

.embed .u-mb-0 {
  margin-bottom: 0px !important
}

.embed .u-mb-5 {
  margin-bottom: 5px !important
}

.embed .u-mb-10 {
  margin-bottom: 10px !important
}

.embed .u-mb-15 {
  margin-bottom: 15px !important
}

.embed .u-mb-20 {
  margin-bottom: 20px !important
}

.embed .u-mb-25 {
  margin-bottom: 25px !important
}

.embed .u-mb-30 {
  margin-bottom: 30px !important
}

.embed .u-mb-35 {
  margin-bottom: 35px !important
}

.embed .u-mb-40 {
  margin-bottom: 40px !important
}

.embed .u-mb-45 {
  margin-bottom: 45px !important
}

.embed .u-mb-50 {
  margin-bottom: 50px !important
}

.embed .u-mb-55 {
  margin-bottom: 55px !important
}

.embed .u-mb-60 {
  margin-bottom: 60px !important
}

.embed .u-mb-65 {
  margin-bottom: 65px !important
}

.embed .u-mb-70 {
  margin-bottom: 70px !important
}

.embed .u-mb-75 {
  margin-bottom: 75px !important
}

.embed .u-mb-80 {
  margin-bottom: 80px !important
}

.embed .u-ml-0 {
  margin-left: 0px !important
}

.embed .u-ml-5 {
  margin-left: 5px !important
}

.embed .u-ml-10 {
  margin-left: 10px !important
}

.embed .u-ml-15 {
  margin-left: 15px !important
}

.embed .u-ml-20 {
  margin-left: 20px !important
}

.embed .u-ml-25 {
  margin-left: 25px !important
}

.embed .u-ml-30 {
  margin-left: 30px !important
}

.embed .u-ml-35 {
  margin-left: 35px !important
}

.embed .u-ml-40 {
  margin-left: 40px !important
}

.embed .u-ml-45 {
  margin-left: 45px !important
}

.embed .u-ml-50 {
  margin-left: 50px !important
}

.embed .u-ml-55 {
  margin-left: 55px !important
}

.embed .u-ml-60 {
  margin-left: 60px !important
}

.embed .u-ml-65 {
  margin-left: 65px !important
}

.embed .u-ml-70 {
  margin-left: 70px !important
}

.embed .u-ml-75 {
  margin-left: 75px !important
}

.embed .u-ml-80 {
  margin-left: 80px !important
}

.embed .u-pt-0 {
  padding-top: 0px !important
}

.embed .u-pt-5 {
  padding-top: 5px !important
}

.embed .u-pt-10 {
  padding-top: 10px !important
}

.embed .u-pt-15 {
  padding-top: 15px !important
}

.embed .u-pt-20 {
  padding-top: 20px !important
}

.embed .u-pt-25 {
  padding-top: 25px !important
}

.embed .u-pt-30 {
  padding-top: 30px !important
}

.embed .u-pt-35 {
  padding-top: 35px !important
}

.embed .u-pt-40 {
  padding-top: 40px !important
}

.embed .u-pt-45 {
  padding-top: 45px !important
}

.embed .u-pt-50 {
  padding-top: 50px !important
}

.embed .u-pr-0 {
  padding-right: 0px !important
}

.embed .u-pr-5 {
  padding-right: 5px !important
}

.embed .u-pr-10 {
  padding-right: 10px !important
}

.embed .u-pr-15 {
  padding-right: 15px !important
}

.embed .u-pr-20 {
  padding-right: 20px !important
}

.embed .u-pr-25 {
  padding-right: 25px !important
}

.embed .u-pr-30 {
  padding-right: 30px !important
}

.embed .u-pr-35 {
  padding-right: 35px !important
}

.embed .u-pr-40 {
  padding-right: 40px !important
}

.embed .u-pr-45 {
  padding-right: 45px !important
}

.embed .u-pr-50 {
  padding-right: 50px !important
}

.embed .u-pb-0 {
  padding-bottom: 0px !important
}

.embed .u-pb-5 {
  padding-bottom: 5px !important
}

.embed .u-pb-10 {
  padding-bottom: 10px !important
}

.embed .u-pb-15 {
  padding-bottom: 15px !important
}

.embed .u-pb-20 {
  padding-bottom: 20px !important
}

.embed .u-pb-25 {
  padding-bottom: 25px !important
}

.embed .u-pb-30 {
  padding-bottom: 30px !important
}

.embed .u-pb-35 {
  padding-bottom: 35px !important
}

.embed .u-pb-40 {
  padding-bottom: 40px !important
}

.embed .u-pb-45 {
  padding-bottom: 45px !important
}

.embed .u-pb-50 {
  padding-bottom: 50px !important
}

.embed .u-pl-0 {
  padding-left: 0px !important
}

.embed .u-pl-5 {
  padding-left: 5px !important
}

.embed .u-pl-10 {
  padding-left: 10px !important
}

.embed .u-pl-15 {
  padding-left: 15px !important
}

.embed .u-pl-20 {
  padding-left: 20px !important
}

.embed .u-pl-25 {
  padding-left: 25px !important
}

.embed .u-pl-30 {
  padding-left: 30px !important
}

.embed .u-pl-35 {
  padding-left: 35px !important
}

.embed .u-pl-40 {
  padding-left: 40px !important
}

.embed .u-pl-45 {
  padding-left: 45px !important
}

.embed .u-pl-50 {
  padding-left: 50px !important
}

.embed .u-mca {
  margin: 0 auto !important
}

.embed .u-fwn {
  font-weight: normal !important
}

.embed .u-fwb {
  font-weight: bold !important
}

.embed .u-tal {
  text-align: left !important
}

.embed .u-tac {
  text-align: center !important
}

.embed .u-tar {
  text-align: right !important
}

.embed .u-tdn {
  text-decoration: none !important
}

.embed .u-tdu {
  text-decoration: underline !important
}

.embed #top {
  overflow: hidden
}

.embed #top #contents {
  width: 100%;
  min-height: 100%;
  position: absolute;
  -webkit-transform: none;
  transform: none;
  opacity: 1;
  -webkit-transition: 0.6s cubic-bezier(0.06, 0.65, 0.58, 1);
  transition: 0.6s cubic-bezier(0.06, 0.65, 0.58, 1)
}

.embed #top .gNav__head {
  top: 168px
}

.embed #top #gnBtn--top {
  display: none
}

.embed #top #gNav.is-scaled .gNav__head {
  top: 125px
}

.embed #top #bgPhoto {
  opacity: 0;
  -webkit-transition: 0.2s linear opacity;
  transition: 0.2s linear opacity
}

.embed #top #bgPhoto.do-display {
  opacity: 1
}

.embed #bgMovie {
  display: none
}

@media screen and (max-width: 1160px) {
  .embed #top #gNav .gNav__head {
    top: 125px
  }
}

.embed #topTitle {
  width: 605px;
  height: 46px;
  top: -70px;
  left: 0px;
  position: absolute;
  z-index: 10;
  right: 0;
  bottom: 0;
  margin: auto 37px auto auto
}

.embed #topTitle .titleImg {
  display: block;
  top: 0px;
  left: 0px;
  position: absolute;
  z-index: auto;
  opacity: 0;
  -webkit-transform: rotateX(-360deg) translate3d(-50px, -50px, -50px);
  transform: rotateX(-360deg) translate3d(-50px, -50px, -50px);
  -webkit-transform-origin: left center;
  transform-origin: left center
}

.embed html.ie9 #topTitle .titleImg {
  opacity: 1;
  -webkit-transform: none;
  transform: none
}

.embed #topTitle #titleImg--01 {
  top: 10px;
  left: 0px
}

.embed #topTitle #titleImg--02 {
  top: 10px;
  left: 59px
}

.embed #topTitle #titleImg--03 {
  top: 0px;
  left: 98px
}

.embed #topTitle #titleImg--04 {
  top: 0px;
  left: 126px
}

.embed #topTitle #titleImg--05 {
  top: 10px;
  left: 144px
}

.embed #topTitle #titleImg--06 {
  top: 11px;
  left: 182px
}

.embed #topTitle #titleImg--07 {
  top: 1px;
  left: 241px
}

.embed #topTitle #titleImg--08 {
  top: 11px;
  left: 269px
}

.embed #topTitle #titleImg--09 {
  top: 11px;
  left: 307px
}

.embed #topTitle #titleImg--10 {
  top: 11px;
  left: 362px
}

.embed #topTitle #titleImg--11 {
  top: 11px;
  left: 400px
}

.embed #topTitle #titleImg--12 {
  top: 12px;
  left: 459px
}

.embed #topTitle #titleImg--13 {
  top: 2px;
  left: 497px
}

.embed #topTitle #titleImg--14 {
  top: 2px;
  left: 525px
}

.embed #topTitle #titleImg--15 {
  top: 12px;
  left: 542px
}

.embed #topTitle #titleImg--16 {
  top: 12px;
  left: 580px
}

.embed #topTitle.do-display .titleImg {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  -webkit-transition: 0.6s opacity linear, 1s -webkit-transform cubic-bezier(0, 0.67, 0.58, 1);
  transition: 0.6s opacity linear, 1s transform cubic-bezier(0, 0.67, 0.58, 1)
}

.embed #topTitle.do-display #titleImg--01 {
  -webkit-transition-delay: .06s;
  transition-delay: .06s
}

.embed #topTitle.do-display #titleImg--02 {
  -webkit-transition-delay: .12s;
  transition-delay: .12s
}

.embed #topTitle.do-display #titleImg--03 {
  -webkit-transition-delay: .18s;
  transition-delay: .18s
}

.embed #topTitle.do-display #titleImg--04 {
  -webkit-transition-delay: .24s;
  transition-delay: .24s
}

.embed #topTitle.do-display #titleImg--05 {
  -webkit-transition-delay: .3s;
  transition-delay: .3s
}

.embed #topTitle.do-display #titleImg--06 {
  -webkit-transition-delay: .36s;
  transition-delay: .36s
}

.embed #topTitle.do-display #titleImg--07 {
  -webkit-transition-delay: .42s;
  transition-delay: .42s
}

.embed #topTitle.do-display #titleImg--08 {
  -webkit-transition-delay: .48s;
  transition-delay: .48s
}

.embed #topTitle.do-display #titleImg--09 {
  -webkit-transition-delay: .54s;
  transition-delay: .54s
}

.embed #topTitle.do-display #titleImg--10 {
  -webkit-transition-delay: .6s;
  transition-delay: .6s
}

.embed #topTitle.do-display #titleImg--11 {
  -webkit-transition-delay: .66s;
  transition-delay: .66s
}

.embed #topTitle.do-display #titleImg--12 {

  -webkit-transition-delay: .72s;
  transition-delay: .72s
}

.embed #topTitle.do-display #titleImg--13 {
  -webkit-transition-delay: .78s;
  transition-delay: .78s
}

.embed #topTitle.do-display #titleImg--14 {
  -webkit-transition-delay: .84s;
  transition-delay: .84s
}

.embed #topTitle.do-display #titleImg--15 {
  -webkit-transition-delay: .9s;
  transition-delay: .9s
}

.embed #topTitle.do-display #titleImg--16 {
  -webkit-transition-delay: .96s;
  transition-delay: .96s
}

.embed .topSubTitle {
  width: 605px;
  height: 46px;
  top: -70px;
  left: 0px;
  position: absolute;
  z-index: 10;
  right: 0;
  bottom: 0;
  margin: auto 37px auto auto;
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0)
}

.embed .topSubTitle .subTitleImg {
  display: block
}

.embed .topSubTitle.do-display {
  -webkit-transition: 0.8s cubic-bezier(0, 1.05, 0.59, 1.2) 2s;
  transition: 0.8s cubic-bezier(0, 1.05, 0.59, 1.2) 2s;
  opacity: 1;
  -webkit-transform: none;
  transform: none
}

.embed html.ie9 .topSubTitle {
  opacity: 1;
  -webkit-transform: none;
  transform: none
}

.embed #topSubTitle_01 .subTitleImg {
  top: 70px;
  left: 276px;
  position: absolute;
  z-index: auto
}

.embed #topSubTitle_02 .subTitleImg {
  top: 70px;
  left: 306px;
  position: absolute;
  z-index: auto
}

.embed #topSubTitle_03 .subTitleImg {
  top: 70px;
  left: 306px;
  position: absolute;
  z-index: auto
}

.embed #topVisual {
  width: 637px;
  height: 889px;
  overflow: visible;
  display: block;
  top: 45%;
  left: 50%;
  position: absolute;
  z-index: 1;
  margin: -450px 0 0 -400px;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  opacity: 0
}

.embed #topVisual .bearing {
  width: 13px;
  height: 13px;
  overflow: visible;
  display: block;
  overflow: hidden;
  top: 0px;
  left: 0px;
  position: absolute;
  z-index: 20;
  background: url("../images/img-bearing.png") no-repeat left top;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  will-change: transform
}

.embed #topVisual.do-bearingAnim {
  opacity: 1;
  -webkit-transition: 0.4s opacity linear;
  transition: 0.4s opacity linear;
  will-change: transform
}

.embed .topHuman {
  top: 0px;
  left: 0px;
  position: absolute;
  z-index: 10;
  opacity: 0
}

.embed .topHuman.do-display {
  opacity: 1;
  -webkit-transition: 0.75s top cubic-bezier(0, 1.37, 0.91, 1.07) 0.2s, 0.7s opacity ease-out 0.2s;
  transition: 0.75s top cubic-bezier(0, 1.37, 0.91, 1.07) 0.2s, 0.7s opacity ease-out 0.2s
}

.embed .topHuman.do-move {
  opacity: 1;
  -webkit-transition: 0.15s linear opacity;
  transition: 0.15s linear opacity;
  will-change: transform
}

.embed #topHuman_01 {
  left: 50px;
  top: 350px
}

.embed #topHuman_01.do-display, #topHuman_01.do-move {
  top: 0px
}

.embed #topHuman_02 {
  left: 50px;
  top: 460px
}

.embed #topHuman_02.do-display, #topHuman_02.do-move {
  top: 110px
}

.embed #topHuman_03 {
  left: 50px;
  top: 460px
}

.embed #topHuman_03.do-display, #topHuman_03.do-move {
  top: 110px
}

.embed #topHuman_03 .body {
  top: 0px;
  left: 0px;
  position: absolute;
  z-index: 10
}

.embed #topHuman_03 .hand {
  top: 199px;
  left: 535px;
  position: absolute;
  z-index: 0
}

.embed .is-blur .topHuman {
  -webkit-transition-duration: 0s;
  transition-duration: 0s
}

.embed .is-blur .topHuman.do-display {
  -webkit-transition-duration: 0s;
  transition-duration: 0s
}

.embed .is-blur .topHuman.do-move {
  -webkit-transition-duration: 0s;
  transition-duration: 0s
}

@-webkit-keyframes ico-loop {
  0% {
    opacity: 0
  }
  10% {
    opacity: 1
  }
  30% {
    opacity: 1
  }
  35% {
    opacity: 0
  }
}

@keyframes ico-loop {
  0% {
    opacity: 0
  }
  10% {
    opacity: 1
  }
  30% {
    opacity: 1
  }
  35% {
    opacity: 0
  }
}

.embed .top-visual-icons {
  width: 125px;
  height: 120px;
  overflow: visible;
  display: block;
  overflow: hidden;
  top: 255px;
  right: 28px;
  position: absolute;
  z-index: 50;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: url(../images/bg-hito-icons.png) no-repeat center center
}

.embed .top-visual-icons .ico {
  top: 0px;
  left: 0px;
  position: absolute;
  z-index: auto;
  right: 0;
  bottom: 0;
  margin: auto;
  opacity: 0;
  -webkit-animation: ico-loop 12s linear infinite forwards;
  animation: ico-loop 12s linear infinite forwards
}

.embed .top-visual-icons .ico:nth-child(2) {
  -webkit-animation-delay: 4s;
  animation-delay: 4s
}

.embed .top-visual-icons .ico:nth-child(3) {
  -webkit-animation-delay: 8s;
  animation-delay: 8s
}

.embed #countdown {
  width: 746px;
  height: auto;
  overflow: visible;
  display: block;
  top: 40px;
  left: 0px;
  position: absolute;
  z-index: 0;
  left: 20vh;
  margin-left: 170px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: top left;
  transform-origin: top left
}

.embed .countdown__blc {
  width: 746px;
  height: auto;
  overflow: visible;
  display: block;
  position: relative
}

.embed .countdown__letter {
  display: block;
  position: absolute;
  top: 0;
  font-size: 160px;
  line-height: 1;
  color: rgba(255, 255, 255, 0.7);
  text-align: right;
  color: #d73e5f;
  opacity: 0;
  font-family: 'Quantico', sans-serif;
  letter-spacing: -8px
}

.embed .countdown__letter:nth-child(1) {
  left: 0
}

.embed .countdown__letter:nth-child(2) {
  left: 1.2em
}

.embed .countdown__letter:nth-child(3) {
  left: 2.4em
}

.embed .countdown__letter:nth-child(4) {
  left: 3.6em
}

.embed .countdown__letter:after {
  content: ""
}

.embed .countdown__unit {
  width: 100%;
  height: auto;
  overflow: visible;
  display: block;
  top: 150px;
  left: 14px;
  position: absolute;
  z-index: auto;
  text-align: center;
  font-size: 15px;
  letter-spacing: 2px;
  line-height: 1;
  font-weight: bold
}

.embed .countdown__unit .unit {
  width: 24%;
  height: auto;
  overflow: visible;
  display: block;
  position: absolute;
  top: 0;
  overflow: hidden;
  opacity: 0
}

.embed .countdown__unit .unit .body {
  display: inline-block;
  position: relative;
  color: #d73e5f
}

.embed .countdown__unit .unit .body:before, .countdown__unit .unit .body:after {
  content: " ";
  width: 300px;
  height: 2px;
  overflow: visible;
  display: block;
  position: absolute;
  top: 6px;
  background: #d73e5f
}

.embed .countdown__unit .unit .body:before {
  right: 105%
}

.embed .countdown__unit .unit .body:after {
  left: 105%
}

.embed .countdown__unit .unit:nth-child(1) {
  left: 0
}

.embed .countdown__unit .unit:nth-child(2) {
  left: 25%
}

.embed .countdown__unit .unit:nth-child(3) {
  left: 50%
}

.embed .countdown__unit .unit:nth-child(4) {
  left: 75%
}

.embed .is-displayed .countdown__letter {
  opacity: 0.6;
  -webkit-transition: 0.45s linear opacity;
  transition: 0.45s linear opacity
}

.embed .is-displayed .countdown__letter:nth-child(1) {
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s
}

.embed .is-displayed .countdown__letter:nth-child(2) {
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s
}

.embed .is-displayed .countdown__letter:nth-child(3) {
  -webkit-transition-delay: 0.7s;
  transition-delay: 0.7s
}

.embed .is-displayed .countdown__letter:nth-child(4) {
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s
}

.embed .is-displayed .countdown__unit .unit {
  opacity: 0.6;
  -webkit-transition: 0.27s linear opacity;
  transition: 0.27s linear opacity
}

.embed .is-displayed .countdown__unit .unit:nth-child(1) {
  -webkit-transition-delay: 1.1s;
  transition-delay: 1.1s
}

.embed .is-displayed .countdown__unit .unit:nth-child(2) {
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s
}

.embed .is-displayed .countdown__unit .unit:nth-child(3) {
  -webkit-transition-delay: 1.3s;
  transition-delay: 1.3s
}

.embed .is-displayed .countdown__unit .unit:nth-child(4) {
  -webkit-transition-delay: 1.4s;
  transition-delay: 1.4s
}

.embed #countdown.is-end {
  width: 114px !important;
  height: 87px !important;
  display: block;
  top: 190px;
  left: auto;
  right: 38px;
  background: url(../images/img-countdown-end.png) no-repeat left top;
  -webkit-transform: none !important;
  transform: none !important
}

.embed #countdown.is-end .countdown__letter, #countdown.is-end .countdown__unit {
  display: none !important
}

.embed .countdown__title {
  top: 75px;
  left: 0px;
  position: absolute;
  z-index: auto
}

.embed .countdown__title.is-end {
  display: none !important
}

.embed #countdown__canvas {
  width: 165px;
  height: 328px;
  overflow: visible;
  display: block;
  overflow: hidden;
  margin: -139px 0 0;
  top: 50%;
  left: 0px;
  position: absolute;
  z-index: 0;
  visibility: hidden;
  opacity: 0
}

.embed #countdown__canvas.is-displayed {
  visibility: visible;
  opacity: 1;
  -webkit-transition: 0s visibility linear, 0.45s opacity linear 0.4s;
  transition: 0s visibility linear, 0.45s opacity linear 0.4s
}

.embed #countdown__canvas.is-end {
  display: none !important
}

.embed #top-bnr-blc {
  width: auto;
  height: auto;
  overflow: visible;
  display: block;
  padding: 10px 28px 10px 14px;
  overflow: hidden;
  bottom: 150px;
  right: 0px;
  position: absolute;
  z-index: 100;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 5px 0 0 5px
}

.embed .top-bnr__hd {
  min-width: 90px;
  display: block;
  padding: 5px 0;
  top: 69px;
  right: -35px;
  position: absolute;
  z-index: auto;
  font-size: 10px;
  line-height: 1;
  color: #a4102d;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  background: rgba(0, 0, 0, 0.7);
  text-align: center
}

.embed .top-bnr {
  width: 120px;
  height: auto;
  overflow: visible;
  display: block;
  float: left;
  margin: 0 10px 0 0;
  font-size: 1.1rem;
  line-height: 1
}

.embed .top-bnr__img {
  width: 120px;
  height: 45px;
  overflow: visible;
  display: block;
  margin: 0 0 8px;
  background: url(../images/bg-bnr-loader.gif) no-repeat center center #000
}

.embed .top-bnr img {
  opacity: 0
}

.embed .top-bnr:last-child {
  margin-right: 0
}

.embed .do-display .top-bnr__img {
  background: #000
}

.embed .do-display .top-bnr img {
  opacity: 1;
  -webkit-transition: 0.5s linear opacity;
  transition: 0.5s linear opacity
}

.embed .do-display .top-bnr:hover img {
  opacity: 0.5;
  -webkit-transition: 0s linear opacity;
  transition: 0s linear opacity
}

.embed #bnr-ticker {
  margin: 0 auto;
  width: auto;
  min-height: 25px;
  margin: 0 0 15px;
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5)
}

.embed #bnr-ticker ul {
  width: 100%;
  position: relative
}

.embed #bnr-ticker li {
  width: 100%;
  display: none;
  font-size: 1.2rem;
  line-height: 1.4
}

.embed #movieBlc {
  width: 100%;
  height: 100%;
  overflow: visible;
  display: block;
  top: 0px;
  left: 0px;
  position: absolute;
  z-index: 150;
  visibility: hidden;
  opacity: 0;
  background: rgba(0, 0, 0, 0.8);
  -webkit-transition: 0.5s linear;
  transition: 0.5s linear
}

.embed #movieBlc__item {
  width: 560px;
  height: 315px;
  overflow: visible;
  display: block;
  overflow: hidden;
  top: -100px;
  left: 0px;
  position: absolute;
  z-index: 10;
  right: 0;
  bottom: 0;
  margin: auto;
  background: #000
}

.embed #movieBlc__attention {
  width: 560px;
  height: 315px;
  overflow: visible;
  display: block;
  top: -150px;
  left: 0px;
  position: absolute;
  z-index: auto;
  bottom: 0;
  right: 0;
  margin: auto
}

.embed #movieBlc.do-display {
  visibility: visible;
  opacity: 1
}

.embed #top.country-en #topTitleSub {
  display: none !important
}

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

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

@-webkit-keyframes bearing {
  from {
    -webkit-filter: brightness(1) contrast(1);
    filter: brightness(1) contrast(1)
  }
  to {
    -webkit-filter: brightness(1.8) contrast(0.8);
    filter: brightness(1.8) contrast(0.8)
  }
}

@keyframes bearing {
  from {
    -webkit-filter: brightness(1) contrast(1);
    filter: brightness(1) contrast(1)
  }
  to {
    -webkit-filter: brightness(1.8) contrast(0.8);
    filter: brightness(1.8) contrast(0.8)
  }
}

.embed #message img {
  display: block
}

.embed #message .contents__inner {
  width: 1024px;
  height: 600px;
  top: 50%;
  left: 50%;
  position: absolute;
  z-index: auto;
  margin: -330px 0 0 -512px
}

.embed #message .contents__hd {
  margin: 0 0 30px 170px
}

.embed .msg {
  width: 470px;
  margin: 0 0 0 171px
}

.embed .msg__txt {
  overflow: hidden;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.85
}

.embed .msg__txt--last {
  margin: 10px 0 0;
  text-align: right
}

.embed .msg__shape {
  width: 230px;
  height: 154px;
  overflow: visible;
  display: block;
  float: right;
  -webkit-shape-outside: inset(0 round 0 0 0 100%);
  shape-outside: inset(0 round 0 0 0 100%)
}

.embed #msg__img {
  top: 0px;
  left: 650px;
  position: absolute;
  z-index: 3;
  visibility: hidden;
  opacity: 0
}

.embed #msg__img.do-display {
  visibility: visible;
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  -webkit-transition: 0.6s 0.2s linear;
  transition: 0.6s 0.2s linear
}

.embed html.ie8 #msg__img {
  visibility: visible;
  opacity: 1;
  -webkit-transform: none;
  transform: none
}

.embed html.ie9 #msg__img {
  visibility: visible;
  opacity: 1;
  -webkit-transform: none;
  transform: none
}

.embed .msg__bearing {
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translate(0, 20px);
  transform: translate(0, 20px)
}

.embed .msg__bearing.do-display {
  visibility: visible;
  opacity: 1;
  -webkit-transform: none;
  transform: none
}

.embed #msg__bearing_01 {
  top: 342px;
  left: 737px;
  position: absolute;
  z-index: 1
}

.embed #msg__bearing_01.do-display {
  -webkit-transition: 0.7s ease-out 1s;
  transition: 0.7s ease-out 1s
}

.embed #msg__bearing_02 {
  top: 436px;
  left: 802px;
  position: absolute;
  z-index: 1
}

.embed #msg__bearing_02.do-display {
  -webkit-transition: 0.7s ease-out 1.3s;
  transition: 0.7s ease-out 1.3s
}

.embed #message.country-en .contents__inner {
  margin-top: -325px
}

.embed #message.country-en .msg__txt {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.5
}

.embed #message.country-en .msg__shape {
  width: 220px;
  height: 124px;
  overflow: visible;
  display: block
}

.embed html.ie8 #message.country-en .contents__inner {
  margin-top: -335px
}

.embed html.ie8 #message.country-en .msg {
  width: 760px
}

.embed html.ie8 #message.country-en #msg__img {
  left: 710px
}

.embed html.ie8 #message.country-en #msg__dotline {
  left: 699px
}

.embed html.ie8 #message.country-en #msg__bearing {
  right: -95px
}

.embed html.ie8 #message.country-en .msg__txt {
  line-height: 1.45
}

.embed html.ie8 #message.country-en .msg__shape {
  height: 200px
}

.embed #about img {
  display: block
}

.embed #about #wrapper {
  overflow: visible
}

.embed #about .header {
  position: fixed;
  z-index: 1500
}

.embed #about #gnav {
  position: fixed;
  z-index: 200
}

.embed #about #anniversary {
  position: fixed
}

.embed #about #contents {
  margin-top: 160px;
  padding-bottom: 0;
  padding-bottom: 0;
  -webkit-transform: none !important;
  transform: none !important
}

.embed #about .contents__inner {
  width: 680px;
  margin: 0 auto;
  position: relative
}

.embed #about .contents__category {
  position: fixed;
  top: 70px;
  z-index: 120
}

.embed #about .contents__hd {
  margin: 0 0 30px
}

.embed #about .contents__copy {
  top: 0px;
  right: 0px;
  position: absolute;
  z-index: auto
}

.embed #about .footer {
  z-index: 110
}

.embed #about #movie {
  width: 448px;
  height: 252px;
  overflow: visible;
  display: block;
  margin: 0 auto 40px;
  position: relative;
  box-sizing: border-box;
  background: url(../images/about/ico-load-anim.gif) no-repeat center center #000;
  opacity: 0;
  -webkit-transform: scale(1.4);
  transform: scale(1.4);
  -webkit-transition: 0.4s ease-out;
  transition: 0.4s ease-out
}

.embed #about #movie__frame {
  width: 448px;
  height: 252px;
  overflow: visible;
  display: block;
  visibility: hidden
}

.embed #about #movie__txt {
  bottom: -25px;
  left: 0px;
  position: absolute;
  z-index: auto
}

.embed #about #movie.is-started {
  -webkit-transform: none;
  transform: none;
  opacity: 1
}

.embed #about .intro__txt {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.8;
  letter-spacing: 0.5px;
  text-align: justify;
  text-justify: inter-ideograph
}

.embed html.ie8 #about .intro__txt {
  font-size: 13px;
  font-size: 1.3rem
}

.embed #about #bearing--01 {
  top: 168px;
  right: -130px;
  position: absolute;
  z-index: auto;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translate(0, 40px);
  transform: translate(0, 40px)
}

.embed #about #bearing--01.do-display {
  visibility: visible;
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  -webkit-transition: 0.6s 2s ease;
  transition: 0.6s 2s ease
}

.embed #about #bearing--02 {
  top: 107px;
  right: -40px;
  position: absolute;
  z-index: auto;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translate(0, 40px);
  transform: translate(0, 40px)
}

.embed #about #bearing--02.do-display {
  visibility: visible;
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  -webkit-transition: 0.6s 1.8s ease;
  transition: 0.6s 1.8s ease
}

.embed #about .pr-blc {
  margin: 60px 0 0;
  padding: 64px 0 200px;
  position: relative;
  background: rgba(52, 0, 10, 0.2);
  background-size: cover
}

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

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

.embed #about .pr-blc__hd img {
  margin: 0 auto
}

.embed #about .pr-blc__btn {
  display: block;
  width: 426px;
  margin: -20px auto 37px;
  position: relative;
  z-index: 5
}

.embed #about .pr-blc__btn img {
  display: block;
  margin: 0 auto
}

.embed #about .pr-blc__btn:hover img {
  opacity: 0.7
}

.embed #about .pr-blc__movie-blc {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  position: relative;
  z-index: 10;
  text-align: center
}

.embed #about .pr-blc__movie {
  text-align: left;
  margin-right: 15px
}

.embed #about .pr-blc__movie:last-child {
  margin-right: 0
}

.embed #about .pr-blc__movie-attention {
  display: block;
  margin: 30px 0 0;
  text-align: center
}

.embed #about .pr-blc__img {
  top: -40px;
  right: -70px;
  position: absolute;
  z-index: auto;
  opacity: 0.9
}

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

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

.embed #about .pr-blc__bg {
  width: 100%;
  height: 100%;
  overflow: visible;
  display: block;
  top: 0px;
  left: 0px;
  position: absolute;
  z-index: 0;
  background: url(../images/bg.jpg) no-repeat center center;
  background-size: cover;
  opacity: 0.5;
  mix-blend-mode: darken
}

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

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

.embed #vision img {
  display: block
}

.embed #vision .contents__inner {
  width: 700px;
  height: 622px;
  top: 20px;
  left: 0px;
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
  margin: auto
}

.embed #vision #bgPhoto-ie {
  display: none
}

.embed #vision .blc-topics-comment {
  top: 50px
}

.embed #vision .blc-topics-comment .body {
  display: block;
  width: 720px
}

.embed .viSection {
  width: 700px;
  height: 622px;
  overflow: hidden;
  top: 0px;
  left: 0px;
  position: absolute;
  z-index: auto;
  visibility: hidden;
  opacity: 0;
  color: white
}

.embed .viSection__hd {
  margin: 0 0 30px 5px
}

.embed .viSection__hd img {
  margin: 0 auto
}

.embed .viSection__hd .number {
  margin: 0 auto 20px;
  padding-right: 10px
}

.embed .viSection__hd .title {
  margin-bottom: 20px
}

.embed .viSection__txt {
  font-size: 18px;
  line-height: 1.7;
  letter-spacing: 0.5px;
  text-align: center;
  text-shadow: 0 0 3px black
}

.embed .viSection__txt img {
  margin: 0 auto
}

.embed .viSection__topic {
  width: 582px;
  height: auto;
  overflow: visible;
  display: block;
  padding: 12px 0;
  margin: 30px auto 0;
  background: #560011;
  background: rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
  border-radius: 6px
}

.embed .viSection__topic .head {
  padding: 5px 0 10px
}

.embed .viSection__topic .head img {
  display: block;
  margin: 0 auto
}

.embed .viSection__topic .viSection__txt {
  font-size: 15px;
}

.embed .viSection.is-current {
  visibility: visible;
  opacity: 1;
  -webkit-transition: 0.5s cubic-bezier(0, 0.45, 0.25, 1);
  transition: 0.5s cubic-bezier(0, 0.45, 0.25, 1)
}

.embed #vision__bg {
  width: 716px;
  height: 716px;
  overflow: visible;
  display: block;
  top: 30px;
  left: 0px;
  position: absolute;
  z-index: 0;
  right: 0;
  bottom: 0;
  margin: auto
}

.embed #visionBG--earth, .embed #visionBG--earth02, .embed #visionBG--bearing, .embed #visionBG--bearingOut, .embed #visionBG--bearingPattern {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 1s ease;
  transition: 1s ease
}

.embed .is-current#visionBG--earth, .embed .is-current#visionBG--earth02, .embed .is-current#visionBG--bearing, .embed .is-current#visionBG--bearingOut, .embed .is-current#visionBG--bearingPattern {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 1s linear;
  transition: opacity 1s linear;
  transition-delay: 0.2s;
  -webkit-transition-delay: 0.2s
}

.embed #visionBG--earth {
  top: 5px;
  left: 18px;
  position: absolute;
  z-index: auto
}

.embed #visionBG--earth02 {
  top: 5px;
  left: 18px;
  position: absolute;
  z-index: auto
}

.embed #visionBG--bearing {
  top: 18px;
  left: 18px;
  position: absolute;
  z-index: auto
}

.embed #visionBG--bearingOut {
  top: 18px;
  left: 18px;
  position: absolute;
  z-index: auto
}

.embed #visionBG--bearingPattern {
  top: 5px;
  left: 18px;
  position: absolute;
  z-index: auto
}

.embed #visionBG--dot {
  width: 716px;
  height: 716px;
  overflow: hidden;
  display: block;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: scale(1.1);
  transform: scale(1.1)
}

.embed #visionBG--dot.do-animation {
  visibility: visible;
  opacity: 1;
  -webkit-animation: circleRotation 60s linear 0s infinite;
  animation: circleRotation 60s linear 0s infinite;
  -webkit-transform: none;
  transform: none;
  -webkit-transition: 0.5s 0.3s linear opacity, 0.3s 0.3s ease -webkit-transform;
  transition: 0.5s 0.3s linear opacity, 0.3s 0.3s ease transform
}

.embed html.ie8 #visionBG--dot {
  visibility: visible;
  opacity: 1;
  -webkit-transform: none;
  transform: none
}

.embed html.ie9 #visionBG--dot {
  visibility: visible;
  opacity: 1;
  -webkit-transform: none;
  transform: none
}

.embed #viSection--01 {
  overflow: visible
}

.embed #viSection--01 .contents__hd {
  margin: 0 0 30px 10px;
  padding: 165px 0 0;
  position: relative;
  z-index: 10
}

.embed #viSection--01 .contents__hd img {
  margin: 0 auto
}

.embed #viSection--01 .contents__hd .title {
  margin-bottom: 20px
}

.embed #viSection--01 .contents__hd .tips {
  top: 230px;
  right: -40px;
  position: absolute;
  z-index: auto
}

.embed #viSection--01 .viSection__txt {
  position: relative;
  margin-bottom: 25px;
  font-size: 19px;
  font-size: 1.9rem
}

.embed #viSection--01 .tips {
  top: 0px;
  right: -40px;
  position: absolute;
  z-index: auto;
  opacity: 0;
  -webkit-transform: translate(15px, 0);
  transform: translate(15px, 0)
}

.embed #viSection--01 .tips--03 {
  top: 15px
}

.embed #viSection--01.do-animation .tips {
  opacity: 1;
  -webkit-transform: none;
  transform: none
}

.embed #viSection--01.do-animation .tips--01 {
  -webkit-transition: 0.4s ease .85s;
  transition: 0.4s ease .85s
}

.embed #viSection--01.do-animation .tips--02 {
  -webkit-transition: 0.4s ease .97s;
  transition: 0.4s ease .97s
}

.embed #viSection--01.do-animation .tips--03 {
  -webkit-transition: 0.4s ease 1.09s;
  transition: 0.4s ease 1.09s
}

.embed #viSection--01.do-animation .tips--04 {
  -webkit-transition: 0.4s ease 1.21s;
  transition: 0.4s ease 1.21s
}

.embed #viSection--02 .viSection__hd {
  padding-top: 115px
}

.embed #viSection--03 .viSection__hd {
  padding-top: 130px
}

.embed #viSection--04 .viSection__hd {
  padding-top: 100px
}

.embed #viSection--05 .viSection__hd {
  padding-top: 80px
}

.embed #viSection--06 .viSection__hd {
  padding-top: 100px
}

.embed #viNav {
  width: 108px;
  height: 305px;
  overflow: visible;
  display: block;
  bottom: 0px;
  left: 0px;
  position: absolute;
  z-index: auto;
  top: 0;
  right: -954px;
  margin: auto;
  background: url(../images/bg-nav.png) no-repeat left top;
  opacity: 0;
  -webkit-transform: translate(0, 200px);
  transform: translate(0, 200px)
}

.embed html.ie9 #viNav {
  opacity: 1;
  -webkit-transform: none;
  transform: none
}

.embed #viNavLine {
  width: 2px;
  height: 270px;
  overflow: visible;
  display: block;
  top: 19px;
  left: 26px;
  position: absolute;
  z-index: 0;
  background: white
}

.embed .viNavBtn {
  width: 20px;
  height: 20px;
  overflow: visible;
  display: block;
  position: absolute;
  left: 17px;
  z-index: 10;
  cursor: pointer
}

.embed .viNavBtn .circle {
  width: 20px;
  height: 20px;
  overflow: visible;
  display: block;
  top: 0px;
  left: 0px;
  position: absolute;
  z-index: auto;
  border: 5px solid white;
  background: url(../images/bg-navBtn.png) #ba0026;
  border-radius: 20px;
  box-sizing: border-box;
  -webkit-transition: 0.15s ease-out;
  transition: 0.15s ease-out
}

.embed html.ie8 .viNavBtn .circle {
  border: none;
  background: url(../images/btn-navBtn-ie.png) no-repeat left top
}

.embed .viNavBtn .caps {
  display: block;
  padding: 5px;
  top: -2px;
  left: 25px;
  position: absolute;
  z-index: auto
}

.embed .viNavBtn.is-current .circle, .viNavBtn:hover .circle {
  width: 30px;
  height: 30px;
  -webkit-transform: translate(-5px, -5px);
  transform: translate(-5px, -5px)
}

.embed #viNavBtn--01 {
  top: 19px
}

.embed #viNavBtn--01 .caps {
  top: -16px
}

.embed #viNavBtn--02 {
  top: 69px
}

.embed #viNavBtn--02 .caps {
  top: -16px
}

.embed #viNavBtn--03 {
  top: 119px
}

.embed #viNavBtn--04 {
  top: 169px
}

.embed #viNavBtn--05 {
  top: 219px
}

.embed #viNavBtn--06 {
  top: 269px
}

.embed #viNav.do-display {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  -webkit-transition: 0.6s cubic-bezier(0, 0.46, 0.16, 1.07) 1.5s;
  transition: 0.6s cubic-bezier(0, 0.46, 0.16, 1.07) 1.5s
}

.embed #vision-particle {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: block;
  top: 0px;
  left: 0px;
  position: absolute;
  z-index: 5;
  opacity: 0
}

.embed #vision-particle.do-display {
  opacity: 1;
  -webkit-transition: 0.5s linear opacity;
  transition: 0.5s linear opacity
}

.embed #vision.country-en .viSection__hd {
  margin-bottom: 20px
}

.embed #vision.country-en .viSection__txt {
  margin-bottom: 20px;
  line-height: 1.45
}

.embed #vision.country-en .viSection__topic {
  padding: 12px 20px
}

.embed #vision.country-en .viSection__topic .head {
  padding: 5px 12px
}

.embed #vision.country-en .viSection__topic .head img {
  display: block;
  margin: 0 auto
}

.embed #vision.country-en .viSection__topic .viSection__txt {
  font-size: 13px;
  font-size: 1.3rem;
  margin-bottom: 0;
  letter-spacing: -0.5px;
  text-align: left
}

.embed #vision.country-en #viSection--01 {
  margin-top: -50px
}

.embed #vision.country-en #viSection--01 .contents__hd {
  margin: 20px 20px 45px
}

.embed #vision.country-en #viSection--01 .contents__hd .head {
  margin-top: 40px
}

.embed #vision.country-en #viSection--01 .contents__hd .tips {
  top: 230px;
  right: -60px;
  position: absolute;
  z-index: auto
}

.embed #vision.country-en #viSection--01 .viSection__txt {
  margin-bottom: 15px
}

.embed #vision.country-en #viSection--01 .tips--01 {
  -webkit-transition: 0.4s ease .85s;
  transition: 0.4s ease .85s
}

.embed #vision.country-en #viSection--01 .tips--02 {
  top: 30px;
  -webkit-transition: 0.4s ease .97s;
  transition: 0.4s ease .97s
}

.embed #vision.country-en #viSection--01 .tips--03 {
  top: 30px;
  -webkit-transition: 0.4s ease 1.09s;
  transition: 0.4s ease 1.09s
}

.embed #vision.country-en #viSection--01 .tips--04 {
  top: 15px;
  -webkit-transition: 0.4s ease 1.21s;
  transition: 0.4s ease 1.21s
}

.embed #vision.country-en #viSection--03 .viSection__hd {
  margin-bottom: 35px
}

.embed #vision.country-en #viSection--03 .viSection__hd {
  padding-top: 110px
}

.embed #vision.country-en #viSection--04 .viSection__hd {
  padding-top: 80px
}

.embed #vision.country-en #viSection--05 .viSection__hd {
  padding-top: 60px
}

.embed #vision.country-en #viSection--06 .viSection__hd {
  padding-top: 60px
}

.embed #vision.country-en #viNavBtn--02 .caps {
  top: -10px
}

.embed html.ie8 #vision.country-en .viSection__txt {
  line-height: 1.3
}

.embed #news #wrapper {
  overflow: visible
}

.embed #news .header {
  position: fixed;
  z-index: 1500
}

.embed #news #gnav {
  position: fixed;
  z-index: 200
}

.embed #news #anniversary {
  position: fixed
}

.embed #news #contents {
  overflow: visible;
  margin-top: 160px;
  padding-bottom: 0;
  padding-bottom: 0;
  -webkit-transform: none !important;
  transform: none !important
}

.embed #news .contents__category {
  position: fixed;
  top: 70px;
  z-index: 120
}

.embed #news .contents__copy {
  top: 0px;
  right: 0px;
  position: absolute;
  z-index: auto
}

.embed #news .contents__inner {
  width: 756px;
  height: auto;
  overflow: visible;
  display: block;
  margin: 0 auto;
  padding: 0 0 200px;
  position: relative;
  overflow: visible
}

.embed #news .contents__hd {
  padding: 0 0 10px 28px
}

.embed #news .footer {
  z-index: 110
}

.embed #news.country-en #newsArticle .txt {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.7
}

.embed #news .event-blc {
  margin: 0 0 40px
}

.embed #news .event-blc img {
  display: block;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease
}

.embed #news .event-blc__bnr {
  display: block;
  margin-bottom: 20px
}

.embed #news .event-blc__bnr:last-child {
  margin-top: 0
}

.embed #news .event-blc__bnr a:hover img {
  opacity: 0.7
}

.embed #news .news-area {
  position: relative
}

.embed #news #newsList {
  width: 756px;
  height: 480px;
  overflow: hidden;
  padding: 27px 20px 27px 28px;
  border-radius: 5px;
  background: url(../images/news/bg-pattern.png) left top;
  box-sizing: border-box
}

.embed #news #newsList__inner {
  height: 426px;
  position: relative;
  outline: none !important
}

.embed #news #newsList__inner:before {
  content: " ";
  width: 680px;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  background: #ccc;
  background: rgba(255, 255, 255, 0.5)
}

.embed #news #newsList__inner:after {
  content: " ";
  width: 680px;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #ccc;
  background: rgba(255, 255, 255, 0.5)
}

.embed #news .newsList__item {
  width: 650px;
  padding: 20px 30px 15px 0;
  border-bottom: 1px dotted #ccc;
  background: url(../images/news/arw.png) no-repeat right center;
  cursor: pointer
}

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

.embed #news .newsList__item--comming {
  width: 650px;
  padding: 20px 30px 15px 0;
  border-bottom: 1px dotted #ccc
}

.embed #news .newsList__item--comming:last-child {
  border: none
}

.embed #news .newsList__hd {
  margin: 0 0 8px;
  font-size: 17px;
  font-size: 1.7rem;
  font-weight: bold;
  line-height: 1.1;
  letter-spacing: 0.5px
}

.embed #news .newsList__hd time {
  display: inline-block;
  margin: 0 0 0 0
}

.embed #news .newsList__txt {
  line-height: 1.5;
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 0.5px
}

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

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

.embed #news #newsArticle {
  height: 426px;
  position: relative;
  box-sizing: border-box;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "alpha(opacity=0)";
  zoom: 1
}

.embed #news #newsArticle .head {
  margin: 0 0 35px;
  font-size: 17px;
  font-size: 1.7rem;
  font-weight: bold;
  line-height: 1.1;
  letter-spacing: 0.5px
}

.embed #news #newsArticle .head time {
  display: inline-block;
  margin: 0 0 0 0
}

.embed #news #newsArticle .txt {
  line-height: 1.5;
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: 0.5px
}

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

.embed #news #newsArticle img {
  display: block;
  margin: 20px auto
}

.embed #news #newsArticle a:hover {
  text-decoration: underline
}

.embed #news #newsArticle__inner {
  padding: 20px 10px 15px 0
}

.embed #news #newsListBack {
  display: block;
  top: 0px;
  right: 30px;
  position: absolute;
  z-index: auto;
  cursor: pointer;
  display: none;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out
}

.embed #news #newsListBack:hover {
  opacity: 0.7;
  right: 55px
}

.embed #news #bearing--01 {
  top: -45px;
  left: 210px;
  position: absolute;
  z-index: auto;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translate(0, 40px);
  transform: translate(0, 40px)
}

.embed #news #bearing--01.do-display {
  visibility: visible;
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  -webkit-transition: 0.6s 0.5s ease;
  transition: 0.6s 0.5s ease
}

.embed #news #bearing--02 {
  top: 352px;
  right: -138px;
  position: absolute;
  z-index: auto;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translate(0, 40px);
  transform: translate(0, 40px)
}

.embed #news #bearing--02.do-display {
  visibility: visible;
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  -webkit-transition: 0.6s 0.8s ease;
  transition: 0.6s 0.8s ease
}

.embed #newsDetail #gNav {
  display: none
}

.embed #newsDetail #contents {
  -webkit-transform: none;
  transform: none;
  opacity: 1
}

.embed #newsDetail .contents__inner {
  width: 756px;
  height: 530px;
  overflow: visible;
  display: block;
  margin: auto;
  top: -68px;
  right: 0px;
  position: absolute;
  z-index: auto;
  left: 0;
  bottom: 0
}

.embed #newsDetail .contents__hd {
  padding: 0 0 10px 28px
}

.embed #newsDetail #bgPhoto {
  opacity: 1
}

.embed #newsDetail #newsArticle {
  width: 756px;
  height: 480px;
  padding: 46px 20px 27px 28px;
  border-radius: 5px;
  background: url(../images/news/bg-pattern.png) left top;
  box-sizing: border-box
}

.embed #newsDetail #newsArticle:before, #newsDetail #newsArticle:after {
  content: " ";
  width: 680px;
  height: 1px;
  position: absolute;
  background: #ccc;
  background: rgba(255, 255, 255, 0.5)
}

.embed #newsDetail #newsArticle:before {
  top: 82px;
  left: 28px
}

.embed #newsDetail #newsArticle:after {
  bottom: 25px;
  left: 28px
}

.embed #newsDetail #newsArticle .head {
  margin: 0 0 35px;
  font-size: 17px;
  font-size: 1.7rem;
  font-weight: bold;
  line-height: 1.1;
  letter-spacing: 0.5px
}

.embed #newsDetail #newsArticle .head time {
  display: inline-block;
  margin: 0 0 0 0
}

.embed #newsDetail #newsArticle .txt {
  line-height: 1.5;
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: 0.5px
}

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

.embed #newsDetail #newsArticle img {
  display: block;
  margin: 20px auto
}

.embed #newsDetail #newsArticle__inner {
  height: 401px;
  position: relative
}

.embed #newsDetail #bearing--01, #newsDetail #bearing--02 {
  display: none
}

.embed #newsDetail.country-en #newsArticle {
  background: none
}

.embed #vision.country-jp .caps {
    width: auto !important;
    height: auto !important;
    max-width: inherit !important;
}

.container.responsivegrid.nsk-footer.aem-GridColumn.aem-GridColumn--default--12, .container.responsivegrid.nsk-footer.aem-GridColumn.aem-GridColumn--default--12 + div {
    position: relative;
    z-index: 9;
}