body {
  padding-top: 0;
  background-color: #fff;
  font-size: 18px;
}
.contents {
  padding: 0;
  margin: 0;
}
.container-fluid {
    padding: 0;
}
.breadcrumb {
  display: none;
}
.navbar-default {
/*  background: none;
  box-shadow: none;
  border: none;*/
}

.is-pc {
  display: block;
}
.is-sp {
  display: none;
}

.white-bg {
  background: rgba(255,255,255,.9);
  -webkit-box-shadow: 0 0 2px rgba(0,0,0,.3);
  box-shadow: 0 0 2px rgba(0,0,0,.3);
}
#da_nav {
  margin: 0;
}
.white-bg #da_nav .inquiry {
  background: #0035a7;
}
.white-bg #da_nav .inquiry a {
  color: #fff;
/*  background: #0035a7;*/
}
#top-mv-slider {
  opacity: 0;
}
#top-mv-slider div {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 100vh;
  margin: 0;
  background-attachment: fixed;
/*  animation: ScaleAni 5s linear .25s 1 normal both;*/
}
@keyframes ScaleAni {
  0% {background-size: 100%;}
  50% {background-size: 102%;}
  100% {background-size: 104%;}
}
#top-mv-slider div.main01 {
  position: relative;
  background-image: url(/wp-content/uploads/2020/07/top-1-1-1-1.jpg);
}
#top-mv-slider div.main02 {
  background-image: url(/wp-content/uploads/2020/07/Macbook-Pro-Mockup.jpg);
}
#top-mv-slider div.main03 {
  background-image: url(https://125naroom.com/demo/img/simple03.jpg);
}
#top-mv-slider .slick-dots {
  bottom: 4%;
  z-index: +1;
}
#top-mv-slider div.main01 .main-txt,#top-mv-slider div.main02 .main-txt  {
  position: absolute;
  right: 10%;
  top: 40%;
  width: 610px;
/*  height: 300px;*/
}
#top-mv-slider div.main02 .main-txt  {
  color: #fff;
}
#top2nd {
  padding-top: 80px;
  padding-bottom: 150px;
  overflow: hidden;
  position: relative;
}
#top2nd .container {
  min-width: 100%;
  width: 100%;
}
.lead {
  margin: 150px auto 0;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background-image: url("/wp-content/uploads/2020/07/index_txt_02.svg");
  background-repeat: no-repeat;
  background-size: 731px 117px;
  width: 731px;
  height: 117px;
}
.corpImgs {
  margin-top: 84px;
}
.slide li div {
  vertical-align: middle;
  display: table-cell !important;
  display: inline-block;
}
.slide li div img {
  padding: 0 20px;
  max-width: 200px;
  display: inline-block;
    backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.slide + .slide {
  margin-top: 40px;
}
#slide01 div,
#slide02 div {
  height: 80px;
}
.slick-slide .s-scale-txt {
  font-weight: bold;
  position: absolute;
  top: 20%;
  right: 50%;
  transform: translate( 0, -50% );
  opacity: 0;
  transition: all 0.8s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.slick-active .s-scale-txt {
  animation: SlideScaleAni 1s ease .25s 1 normal both;
  transition: all 0.8s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  animation-delay: 1s;
}
@keyframes SlideScaleAni {
  0% { opacity: 0; transform: translateY( -30% ); }
  50% { opacity: 1; transform: translateY( 0% ); }
  100% { opacity: 1; transform: translateY( 0% ); }
}
.product-sec {
  padding: 150px 0;
}
.product-sec .container .title-outer {
  /*display: flex;*/
  text-align: center;
}
.product-sec h1.title-en {
  overflow: hidden;
  text-indent: 150%;
  white-space: nowrap;
  background-image: url(/wp-content/uploads/2020/07/product-txt.svg);
  background-repeat: no-repeat;
  background-size: 340px 70px;
  width: 340px;
  height: 70px;
  margin: 0 auto 1.5rem;
  background-color: #fff;
}

.product-sec h2:after {
  display: none;
}

.product-sec p {
  line-height: 1.6;
  margin-bottom: 4rem;
  font-weight: 400;
  font-size: .9rem
}
.product-sec .right-box, .product-sec .left-box {
   position: relative;
   border: 1px solid #c1c1c1;
   border-radius: 10px;
}
.product-sec .right-box {
  opacity: 0;
  transform: translateX(20%);
  margin-bottom: 2rem;
  transition: all 0.8s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.product-sec .right-box.isx .inner {
  background: url(/wp-content/uploads/2020/11/ISX02.png) right top no-repeat;
}
.product-sec .left-box {
  opacity: 0;
  transform: translateX(-20%);
  margin-bottom: 2rem;
  transition: all 0.8s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.product-sec .is-active {
  opacity: 1;
  transform: translateY(0%);
}
.product-sec .right-box a,.product-sec .left-box a {
  color: #333;
}

.product-sec .right-box .inner, .product-sec .left-box .inner {
/*   width: 75%;*/
   background: #fff;
   display: flex;
}
.product-sec .left-box .inner {
  flex-direction: row-reverse;
}
.product-sec .right-box .inner {
   border-radius: 10px;
}
.product-sec .left-box .inner {
   border-radius: 10px;
}
.product-sec .right-box .inner {
   margin-left: auto;
}
.product-sec .left-box .inner {
   margin-right: auto;
}
.product-sec .right-box .inner .logo-box,.product-sec .left-box .inner .logo-box {
   width: 50%;
   padding: 1rem;
/*   text-align: center*/
   display: flex;
   justify-content: center;
   align-items: center;
}

.product-sec .right-box .inner .logo-box .box,.product-sec .left-box .inner .logo-box .box {
   text-align: center;
}
.product-sec .right-box .inner .logo-box .box img,.product-sec .left-box .inner .logo-box .box img {
   width: 330px;
   margin-bottom: 2rem;
}
.product-sec .right-box .inner .logo-box .box h3,.product-sec .left-box .inner .logo-box .box h3 {
   font-weight: 700;
   font-size: 1.3rem;
   margin-bottom: 1.5rem;
   line-height: 1.4;
}
.product-sec .right-box .inner .logo-box .box p,.product-sec .left-box .inner .logo-box .box p {
   margin: 0;
}
.product-sec .right-box .inner .img-box, .product-sec .left-box .inner .img-box {
    width: 50%;
}
.product-sec .right-box .inner .img-box {
    width: 50%;
    padding: 2rem 0 2rem 2rem;
}
.product-sec .left-box .inner .img-box {
    padding: 2rem 2rem 2rem 0;
}
.product-sec .right-box .inner .img-box img, .product-sec .left-box .inner .img-box img {
    max-width: 100%;
}
.customer-sec {
  padding: 6.25rem 1rem 9.3rem;
  opacity: 0;
  transform: translateY(20%);
  transition: all 0.8s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.customer-sec.is-active {
  opacity: 1;
  transform: translate(0%);
}
.customer-sec .container h1 {
    overflow: hidden;
    text-indent: 150%;
    white-space: nowrap;
    background-image: url(/wp-content/uploads/2020/07/customer-txt.svg);
    background-repeat: no-repeat;
    background-size: 550px 100px;
    width: 550px;
    height: 95px;
    margin: 0 auto;
    background-color: #fff;
}
.customer-sec .container p {
    text-align: center;
    font-weight: 400;
}
.customer-sec .customer-block {
    display: flex;
}
.customer-sec .customer-block .box {
    width: 33.3%;
    padding: .5rem;
}
.customer-sec .customer-block .box .inner {
  border: 1px solid #9fa0a0;
  background: #fff;
  text-align: center;
  box-shadow:5px 5px 0px 1px #cecece;
}
.customer-sec .customer-block .box .inner .top {
}
.customer-sec .customer-block .box .inner .bottom {
  padding: 1rem;
}
.customer-sec .customer-block .box .inner .top .logo {
  margin: 3rem 1rem;
}
.customer-sec .customer-block .box .inner .top .photo {
  width: 100%;
}
.customer-sec .customer-block .box .inner .bottom h3 {
  font-size: 1.2rem;
  font-weight: 700;
  margin: 0 0 1rem;
}
.customer-sec .customer-block .box .inner .bottom p {
  font-size: .8rem;
  font-weight: 700;
  margin-bottom: .5rem;
  line-height: 1.6;
}
.customer-sec .customer-block .box .inner .bottom .btn a {
  display: inline-block;
  width: 100%;
  height: 100%;
  padding: .3rem 1.5rem;
  border: 1px solid #000;
  border-radius: 30px;
  color: #000;
}
.customer-sec .customer-block .box .inner .btn a:hover {
  background: #0035a7;
  color: #fff;
}
.comingsoon {
  background-image: url(https://125naroom.com/demo/img/simple03.jpg);
  background-size: cover;
}
.comingsoon .content {
  padding: 9.3rem 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.comingsoon .content img {
  width: 400px;
  margin: 0 auto;
}
.youtubeBtn {
  cursor: pointer;
  width: 380px;
/*  height: 234px;*/
/*  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;*/
  position: fixed;
  right: -308px;
  bottom: 0px;
/*  box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.1);*/
  transition: all 0.7s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 0;
  z-index: 9999;
}
.youtubeBtn-active {
  right: 10px;
  opacity: 1;
}
.youtubeBtn-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 64px;
  width: 100%;
}
.youtubeBtn-text {
  text-align: center;
  line-height: 44px;
  color: #0035a7;
  font-weight: 500;
  font-size: 18px;
  width: 150px;
}
.youtubeBtn-arrow {
  width: 26px;
  height: 26px;
  border-radius: 13px;
  background-color: #0035a7;
  position: relative;
}
.youtubeBtn-arrow:after {
  content: '';
  position: absolute;
  top: 8px;
  left: 11px;
  z-index: 10;
  border-top: 5px solid transparent;
  border-left: 7px solid #fff;
  border-bottom: 5px solid transparent;
}
@media screen and (max-width: 1140px) {
  .product-sec .container {
    display: block;
  }
}
@media screen and (max-width: 960px) {
  #top-mv-slider div.main01 .main-txt,#top-mv-slider div.main02 .main-txt {
    width: 420px;
    right: 5%;
  }
  .product-sec .right-box .inner .logo-box .box img,.product-sec .left-box .inner .logo-box .box img {
     padding: 2rem 2rem 0;
  }
  .customer-sec .customer-block .box .inner .top .logo {
  }
}
@media screen and (max-width: 767px) {
  .is-pc {
    display: none;
  }
  .is-sp {
    display: block;
  }
  .contents {
    padding: 0;
    margin: 0;
  }
  img {
    max-width: 100%;
  }
  #top-mv-slider div {
    background-repeat: no-repeat;
/*    background-size: contain;*/
    background-position: top;
/*    height: 50vh;*/
    margin: 0;
  }
  #top-mv-slider div.main01 {
    position: relative;
    background-image: url(/wp-content/uploads/2020/07/CPTOP01_sm.jpg);
    background-attachment: scroll;
  }
  #top2nd {
    padding-bottom: 50px;
  }

  .white-bg #da_nav .inquiry {
    background: #fff;
  }
  .white-bg #da_nav .inquiry a {
    color: #505050;
    background: #fff;
  }
  .corpImgs {
    margin-top: 84px;
  }
  .slide li div img {
    padding: 0 20px;
  }
  #top-mv-slider div.main01 .main-txt,#top-mv-slider div.main02 .main-txt {
    width: 210px;
    top: 40%;
    right: 3%;
  }
  .lead {
    background-image: url(/wp-content/uploads/2020/07/index_txt_02_sp.svg);
    background-size: 300px 180px;
    width: 300px;
    height: 180px;
    margin: 9.3rem auto 0;
  }
  .product-sec {
    padding: 50px 0;
  }
  .product-sec .container {
    display: block;
    padding: 2rem;
  }
  .product-sec h1.title-en {
    background-size: 200px 80px;
    width: 200px;
    height: 80px;
  }
  .product-sec .title-jp h3 {
    color: #fff;
  }
  .product-sec .right-box .inner, .product-sec .left-box .inner {
    display: block;
  }
  .product-sec .right-box .inner .img-box, .product-sec .left-box .inner .img-box {
    padding: 0;
    width: 100%;
  }
  .product-sec .right-box .inner .logo-box,.product-sec .left-box .inner .logo-box {
     width: 100%;
  }
  .customer-sec .customer-block {
    display: block;
  }
  .customer-sec .customer-block .box {
      width: 100%;
      padding: .5rem;
  }
  .customer-sec .container h1 {
      background-size: 280px 100px;
      width: 280px;
      height: 95px;
      margin: 0 auto;
   }
  .comingsoon .content {
    padding: 5rem 1rem;
  }
  .product-sec .right-box.isx .inner {
    background: none;
  }

  .product-sec .right-box.isx .inner .img-box {
    padding: 2rem;
  }
}
@media screen and (max-width: 320px) {
  #top-mv-slider div.main01 .main-txt,#top-mv-slider div.main02 .main-txt {
    right: 8%;
  }
 .lead {
    background-image: url(/wp-content/uploads/2020/07/index_txt_02_sp.svg);
    background-size: 300px 180px;
    width: 300px;
    height: 180px;
    margin: 6.3rem auto 0;
  }
}