@charset "UTF-8";
/* CSS Document */
body {
   margin: 0 auto;
   background-color: #ffffff;
   color: #363636;
   font-size: 16px;
}
a {
   text-decoration: none;
}
a :hover {
   text-decoration: none !important;
   border: 0;
}
div :hover {
   text-decoration: none !important;
}
img {
   max-width: 100%;
}
.footerBottom {
   border-top: #dbdbdb 1px solid;
}
.suptext {
   font-size: 75.5%;
   vertical-align: top;
   position: relative;
   top: -0.1em;
}
/*page*/
.page {
   padding: 0 1em 1em;
   position: relative;
   max-width: 1280px;
   margin: 0 auto;
}
.pagetitle {
   padding: 40px 0 0;
   position: relative;
   /*   height: 90px;
*/ width: 100%;
}
.newicon {
   display: inline-block;
   height: 90px;
   margin: 0;
   float: left;
   width: 90px;
}
.pagetitle_txt {
   display: inline-block;
   margin-left: 1em;
   height: 90px;
   position: relative;
}
.pagetitle h1 {
   margin: 0;
   display: block;
   vertical-align: top;
}
.pagetitle h2 {
   margin-top: 1.2em;
   margin-bottom: 0;
   font-size: 1.2em;
   color: #ffffff;
   font-weight: normal;
   letter-spacing: 0.1em;
   display: block;
}
.nbt .pagetitle h2 {
   margin-top: 0;
   font-weight: bold;
   color: #525252;
   display: block;
}
/*メニュー*/
.menuPage {
   clear: both;
   margin: 88px 0;
   position: relative;
}
.menuPage img {
   display: block;
}
.menuPage p {
   color: #ffffff;
   font-size: 15px;
   margin-top: 20px;
   line-height: 1.8;
}
.Menu-bg-white {
   position: relative;
   width: 100%;
   background: #ffffff;
}
.menu-Parent {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   -js-display: flex;
   width: 100%;
   position: relative;
   margin: 3em 0 0;
}
.menu-Parent a {
   display: flex;
   flex-direction: column;
   justify-content: center;
   width: 50%;
}
.menu-Child a {
   display: flex;
   flex-direction: column;
   justify-content: center;
   width: 100%;
}
a:hover {
   opacity: 0.7;
   transition: 0.8s;
}
.menu-img {
   width: 50%;
}
.menu-img img {
   width: 100%;
}
.menu-Child {
   position: relative;
   display: block;
}
.menu-Child-new-nbt {
   width: 50%;
}
.menu-textbox {
   margin: 0 80px 0 2em;
}
.menu-textbox .menu-new {
   font-size: 0.8em;
   font-weight: normal;
   color: #ffffff;
   border: 2px solid;
   padding: 0.2em 0.8em;
   display: inline-block;
   margin-bottom: 0.6em;
   letter-spacing: 2px;
}
.Parent {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   -js-display: flex;
   width: 100%;
   margin: 3em 0 0;
   position: relative;
   top: 0;
   left: 0;
   flex-direction: row;
   flex-wrap: nowrap;
   align-items: flex-start;
}
.bg-topMenu {
   background: #0062b0;
}
.bg-ncp {
   background: #443999;
}
.bg-kkg {
   background: #233a7e;
}
.bg-noair {
   background: rgba(55, 170, 207, 1.00);
}
.new-nbt-col1 {
   width: 100% !important;
   height: 34%;
   position: relative;
}
.new-nbt-col2 {
   width: 100% !important;
   height: 33%;
   position: relative;
}
.menuimg {
   width: 50%;
   position: relative;
   display: block;
}
.menuChild {
   width: 50%;
   position: relative;
   display: block;
   overflow: hidden;
}
.menuChild-tri {
   position: absolute;
   top: 0;
   left: 0;
   width: 0;
   height: 0;
   border-style: solid;
   border-width: 80px 80px 0 0;
   border-color: #21cfdf transparent transparent transparent;
}
.topMenuText p {
   display: inline-block;
}
.topMenuText {
   padding: 0 5em 0 4em;
   margin: auto 0;
}
/* icon */
.ico {
   display: inline-block;
   background-image: url(../img/index/linkicon.png);
}
.ico-arrow {
   width: 28px;
   height: 96px;
   background-position: 0 -96px;
}
.target-icon {
   position: absolute;
   top: 0;
   bottom: 0;
   right: 30px;
   margin: auto;
}
/*icon end*/
/* bg */
.menu-page {
   width: 100%;
   padding: 0 0;
   background: url(../img/index/top_bg.jpg) no-repeat 0 0;
   background-attachment: scroll;
   -moz-font-feature-settings: "palt";
   -webkit-font-feature-settings: "palt";
   font-feature-settings: "palt";
   position: relative;
   background-size: 100% auto;
}
.nbt {
   width: 100%;
   padding: 0 0;
   background: url(../img/nbt/bghead.jpg) no-repeat 0 0;
   background-attachment: scroll;
   -moz-font-feature-settings: "palt";
   -webkit-font-feature-settings: "palt";
   font-feature-settings: "palt";
   position: relative;
   background-size: contain;
}
.tmode {
   background: url(../img/tmode/tmodebg.jpg) no-repeat;
   background-attachment: scroll;
   background-size: contain;
}



/*bg end*/
.nbt .menuPage {
   margin: 30px 0 236px;
}
.nbt h3 {
   color: #ffffff;
   font-size: 18px;
   font-weight: normal;
   background-image: -webkit-linear-gradient(0deg, #1d68bd 0%, #6dc2da 100%);
   background-image: -moz-linear-gradient(0deg, #1d68bd 0%, #6dc2da 100%);
   background-image: -o-linear-gradient(0deg, #1d68bd 0%, #6dc2da 100%);
   background-image: linear-gradient(90deg, #1d68bd 0%, #6dc2da 100%);
   border-radius: 30px;
   padding: 9px 0 9px calc(14px + 1.5em);
   margin: 0;
   text-indent: -1em;
}
.nbt h4 {
   margin: 20px 27px 0;
   padding: 10px;
   border: 2px solid #69a9d1;
   color: #0062b0;
   background: #ffffff;
   font-size: 17px;
   line-height: 1.76;
   font-weight: normal;
}
.nbt p {
   margin: 1em 27px 0;
   color: #000000;
   letter-spacing: 0px;
}

.nbt p {
   margin: 1em 27px 0;
   color: #000000;
   letter-spacing: 0px;
}
.nbt .caption {
   font-size: 12px;
   line-height: 1.5;
}
.Childleft {
   width: 63%;
   position: relative;
   display: block;
   z-index: 10;
}
.Childright {
   width: 37%;
   position: relative;
   display: block;
   padding: 0 0 0 27px;
}
.techwrap {
   position: relative;
   display: block;
   width: 100%;
   height: 100%;
   bottom: 0;
   right: 0;
   z-index: 300;
}
.techwrap:hover {
   transition: 0.4s;
   opacity: 0.5;
}
.techmov {
   position: absolute;
   display: block;
   width: 100%;
   /*    height: 56.25%;*/
   z-index: 100;
   top: 0;
   right: 0;
}
.bottom_logo {
   text-align: center;
   padding: 112px 0 0;
}
.spPlay {
   background: #b3b3b3;
   padding: 0.5em;
   text-align: center;
   display: block;
   font-size: 1.2em;
   letter-spacing: 1px;
   color: #ffffff;
   font-weight: bold;
}

.vjs-dock-text {
   display: none !important;
}

.bc-video {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media screen and (min-width: 768px) {
   .pcNone {
      display: none;
   }
}
@media screen and (min-width:768px) and (max-width:1023px) {
   .nbt h3 {
      font-size: 16px;
      padding: 0.5em 0 0.5em 2em;
   }
   .nbt h4 {
      font-size: 14px;
      margin: 1em 1.2em 0;
   }
   .nbt p {
      margin: 1em 1.2em 0;
   }
   .menuPage p {
      font-size: 14px;
   }
   /*   .spNone {
      display: none;
   }*/
}
@media screen and (max-width: 767px) {
   .spNone {
      display: none;
   }
   .container {
      padding: 40px 0 0;
   }
   .menuPage {
      margin: 3em 0 0;
   }
   .menuPage p {
      font-size: 0.7em;
      margin: 1em 0 0;
   }
   .menu-page {
      width: 100%;
      padding: 0 0;
      background: url(../img/index/top_bg.jpg) no-repeat 0 0;
      background-attachment: scroll;
      -moz-font-feature-settings: "palt";
      -webkit-font-feature-settings: "palt";
      font-feature-settings: "palt";
      position: relative;
      background-size: cover; /*100% 50%;*/ /*	background-size:auto 100%;*/
   }
   .menu-textbox h3 {
      margin: 0;
   }
   .menu-textbox .menu-new {
      font-size: 0.6em;
      border: 1px solid;
      padding: 0.3em 0.8em;
      display: inline-block;
      margin-bottom: 1em;
      letter-spacing: 2px;
   }
   .ico {
      background-image: url(../img/index/linkiconSP.png);
   }
   .ico-arrow {
      width: 19px;
      height: 34px;
      background-position: 0 -34px;
   }
   .target-icon {
      position: absolute;
      top: 0;
      bottom: 0;
      right: 1.5em;
      margin: auto;
   }
   /*page*/
   .newicon {
      width: 70px;
      height: 70px;
      margin: 0;
   }
   .newicon img {
      width: 100%;
   }
   .pagetitle {
      padding: 0;
      height: 70px;
   }
   .pagetitle-box {
      position: relative;
      top: 0;
      left: 0;
      height: 70px;
   }
   .pagetitle_txt {
      margin-left: 1em;
      position: absolute;
      height: auto;
      width: 74%;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
   }
   .pagetitle h2 {
      letter-spacing: 0;
   }
   .nbt .pagetitle h2 {
      margin-top: 0;
      font-weight: bold;
      color: #525252;
      display: block;
   }
   .pagetitle h2 {
      font-size: 0.75em;
   }
   .Parent {
      flex-wrap: wrap;
   }
   .menu-Parent {
      flex-wrap: wrap;
   }
   .menu-Parent a {
      display: flex;
      flex-direction: column;
      justify-content: center;
      width: 100%;
   }
   .menu-img {
      width: 100%;
   }
   .menu-img > img {
      width: 100%;
   }
   .menuPage-new-nbt .menu-img img {
      min-width: initial;
   }
   .menu-Child {
      width: 100%;
      padding: 1em 0;
      /*      margin: 1.5em 0 ;
*/
   }
   .menu-Child > img {
      width: 100%;
   }
   .menu-textbox {
      margin: 0 60px 0 1em;
   }
   .menu-Child-new-nbt {
      width: 100%;
   }
   .new-nbt-col1 {
      height: auto;
      padding: 1em 0;
   }
   .new-nbt-col2 {
      height: auto;
      padding: 1em 0;
   }
   .menuimg {
      width: 100%;
   }
   .menuimg > img {
      width: 100%;
   }
   .menuChild {
      width: 100%;
      display: block;
   }
   .menuChild > img {
      width: 100%;
   }
   .topMenuText {
      padding: 2em 4em 2em 2em;
      display: inline-block;
      max-height: 10rem;
   }
   .nbt .menuPage {
      margin: 30px 0 80px;
   }
   .nbt .Parent {
      margin: 4em 0 0;
   }
   .nbt .Parent:first-child {
      margin: 0em 0 0;
   }
   .Childleft {
      width: 100%;
      position: relative;
   }
   .Childright {
      width: 100%;
      padding: 20px 0 0 0;
   }
   .nbt h3 {
      margin: 1em 0 0;
      font-size: 0.9em;
      padding: 0.3em 0.3em 0.3em calc(0.7em + 1em);
      border-radius: 10px;
   }
   .nbt h4 {
      margin: 0.8em 0 0;
      padding: 10px;
      border: 1px solid #69a9d1;
      font-size: 0.9em;
      line-height: 1.5;
   }
   .nbt p {
      padding: 0;
      font-size: 0.8em;
      margin: 1em 0 0;
      line-height: 1.9;
   }
   .nbt .caption {
      font-size: 0.6rem;
   }

	
   .sp-movie {
      position: relative;
      max-width: 100%;
      padding-top: 56.25%;
      display: block;
   }
   .sp-movie iframe {
      position: absolute;
      top: 0;
      right: 0;
      width: 100% !important;
      height: 100% !important;
   }
}