html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,textarea,
article,aside,audio,canvas,command,datalist,details,dialog,embed,figure,header,hgroup,keygen,mark,meter,nav,output,progress,rp,rt,ruby,section,source,time,video
{ border:none;
  margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%;
  font-family: inherit; vertical-align: baseline; list-style:none;
}
.clearfix:after  {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix        {display: inline-block;}
.clearfix        {display: block;}
a:link, a:visited {     text-decoration:none;}
a:hover, a:active {     text-decoration:none;}
a{outline:none;*hide-focus: none;color:#0e63b5;}
input,a{-webkit-tap-highlight-color :rgba(0,0,0,0);}
body{background:#fff;width:100%;font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, 'Microsoft Yahei', Helvetica, Arial, '\5b8b\4f53', sans-serif;position:relative;top:0;overflow-x: hidden;color:#000 !important;}
html{-webkit-tap-highlight-color:transparent;}
img{display:block;margin:0 auto;}
.fl{float: left;}
.fr{float:right;}
/*common.css*/
.wap{display:none;}
.mosaic-grid-row{padding-left: calc((100% / 2) - 500px);padding-right: calc((100% / 2) - 500px);}
.fontStyle{font-family: os;}
.navbar{margin-bottom: 0;min-height: 120px;}
.navbar-default{background:#fff;}
.nav > li > a {color:#1b1e25 !important;letter-spacing: 1px;font-size: 15px;padding:50px 20px 50px 20px !important;}
.nav > li > a:hover{color:#24458f !important;}
.navbar-brand {padding: 36px 15px;}
.thumbnail{padding:0;border:none;margin-right: auto;margin-left: auto;max-width: 310px;}
.language > a > span{width:33px;display:inline-block;text-align: center;padding:3px 0;font-size: 12px;}
.language > a > span.cn:hover{background:#4c6497;color:#fff;}
.jp{background: #192f60;color:#fff;}
.cn{background: #f5f8fc;color:#1b1e25;}
.jp.white{background:#081736;}
.language{margin:-5px 0;}
footer .pull-right{line-height: 28px !important;}
footer .cn{background:#253861;color:#a3a8b6;}
.loadbg{width:100%;height:100%;background:#fff;position: absolute;z-index: 9999;}
.loading {
  /*display: flex;
  width: 3.5em;
  height: 3.5em;
  border: 3px solid transparent;
  border-top-color: #3cefff;
  border-bottom-color: #3cefff;
  border-radius: 50%;
  animation: spin 1.5s linear infinite;
  position: fixed;
  top:calc(50% - 1.75em);
  left:calc(50% - 1.75em);*/
  /*background: url(../images/loading.svg) no-repeat;*/
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50% , -50%);
}

/*.loading:before {
  content: '';
  display: block;
  margin: auto;
  width: 0.75em;
  height: 0.75em;
  border: 3px solid #3cefff;
  border-radius: 50%;
  animation: pulse 1s alternate ease-in-out infinite;
}*/

/*arrow animate*/
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes pulse {
  from {
    transform: scale(0.5);
  }
  to {
    transform: scale(1);
  }
}
@keyframes anima-pointer{
    0% {
        opacity:1;
    }
    25%{
        opacity:0;
    }
    50%{
        opacity:1;
    }
    70%{
        opacity:0;
    }
}
@-webkit-keyframes anima-pointer{
    0% {
        opacity:1;
    }
    25%{
        opacity:0;
    }
    50%{
        opacity:1;
    }
    70%{
        opacity:0;
    }
}
@-moz-keyframes anima-pointer{
    0% {
        opacity:1;
    }
    25%{
        opacity:0;
    }
    50%{
        opacity:1;
    }
    70%{
        opacity:0;
    }
}


/*kvTxt animate*/
  @keyframes kvanimate {
    0% {
      -webkit-transform: translateY(0px);
      opacity: 0;
      transform: translateY(0px);
    }
    100% {
      -webkit-transform: translateY(20px);
      opacity: 1;
      transform: translateY(20px);
    }
  }
 @-webkit-keyframes kvanimate {
    0% {
      -webkit-transform: translateY(0px);
      opacity: 0;
      transform: translateY(0px);
    }
    100% {
      -webkit-transform: translateY(20px);
      opacity: 1;
      transform: translateY(20px);
    }
  }
  @-moz-keyframes kvanimate {
    0% {
      -webkit-transform: translateY(0px);
      opacity: 0;
      transform: translateY(0px);
    }
    100% {
      -webkit-transform: translateY(20px);
      opacity: 1;
      transform: translateY(20px);
    }
  }

  .kvanimate {
    -webkit-animation-name: kvanimate;
    animation-name: kvanimate;
  }

  @keyframes kvanimate1 {
    0% {
      -webkit-transform: translateY(35px);
      opacity: 0;
      transform: translateY(35px);
    }
    100% {
      -webkit-transform: translateY(20px);
      opacity: 1;
      transform: translateY(20px);
    }
  }
  @-webkit-keyframes kvanimate1 {
    0% {
      -webkit-transform: translateY(35px);
      opacity: 0;
      transform: translateY(35px);
    }
    100% {
      -webkit-transform: translateY(20px);
      opacity: 1;
      transform: translateY(20px);
    }
  }
  @-moz-keyframes kvanimate1 {
    0% {
      -webkit-transform: translateY(35px);
      opacity: 0;
      transform: translateY(35px);
    }
    100% {
      -webkit-transform: translateY(20px);
      opacity: 1;
      transform: translateY(20px);
    }
  }
  .kvanimate1 {
    -webkit-animation-name: kvanimate1;
    animation-name: kvanimate1;
  }
  .an span{
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    animation-delay: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    visibility:hidden;
    padding:0 1px;
  } 

.animateWord{width:100%;position: absolute;top:8%;left:50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);}
.animateWord .an span > img{align-items: flex-end;display:inline-block;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.font_bold{font-weight: bold;font-size: 24px;}
.left_fix{position: absolute;top:20px;left:5px;}
.left_fix p{font-size: 14px;color:#a2a2a2;}
.left_fix .line{display:inline-block;width:30px;height:1px;background:#192f60;vertical-align: super;margin-left: 5px;}
/*kv*/
.kv-box{width:100%;position:fixed;top:120px;left:0;right:0;color:#fff;}
.kv-box .kvImg{width:100%;background:url(../images/kv.jpg) no-repeat;background-size: 100% auto;transform: scale(1.05);-webkit-transform: scale(1.05);transition: 1s;}
/* .kv-box .kvImg{width:100%;background:url(../images/kv.jpg) no-repeat;background-size: 100% auto;transform: scale(1.05);-webkit-transform: scale(1.05);transition: 1s;} */
.kv-box .kvImg:before{content: ""; display: block; padding-top: 40%;}
.kv-box .kvArrow{position:absolute;bottom:100px;left:0;right:0;text-align: center;}
.kv-box .kvTxt{position: absolute;
  top: calc(8% + 190px);left:0;right:0;text-align: center;line-height: 1.8;letter-spacing: 2px;}
.kv-box .kvArrow .arrow > img{padding-top:10px;animation: anima-pointer 4s infinite;-webkit-animation: anima-pointer 4s infinite;-moz-animation:anima-pointer 4s infinite;}
.movePage{width:100%;position: absolute;background:#fff;}
/*feature*/
.feature{height:1380px;position: relative;/*padding-bottom:80px;*/transition:.5s;-webkit-transition:.5s;background-size: 100% 100% !important;}
.feature .title{padding-top:140px;}
.feature .title img{margin:0 auto;
  position: relative;
  left: -35px;}
  .title >img{margin:0 auto;
    position: relative;
    left: -35px;}
.team .title img{
  left: -17px;

}
.feature .textCon p {margin:25px 0;line-height: 48px;color:#54555b;}
.feature .textCon p:last-child{margin:25px 0 0;}
.feature .textCon .subtitle{font-weight: bold;margin:84px 0;font-size: 24px;color:#252731;}
.feature .txt{padding:10px 0;}
.feature p .gou{float:left;}
.feature p .gou > img{display: inline-block;margin-right: 5px;}
.sideTit{position: absolute;left:20px;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);display:none;}
/*service*/
.pyramid{position: relative;width:100%;height:1314px;background:url(../images/bg02.jpg) no-repeat;padding:130px 0;background-size: cover;}
/*.pyramid .pyramid-content .thumbnail{box-shadow: 2px 2px 10px #333333 ;}*/
.pyramid .showImg{margin:8px 0;}
/*.pyramid .thumbnail .caption{padding:30px 15px;height:150px;}
.pyramid .thumbnail .caption p{font-size: 14px;line-height: 1.8;display: flex;}
.pyramid .thumbnail .caption p > span:nth-child(1){flex:0 0 12px;}*/
.pyramid .pyramid-content{width:920px;margin:0 auto;}
.pyramid .pyramid-content .title{padding:0 0 80px 0;}
.pyramid .pyramid-content p{text-align: right;}
.pyramid .pyramid-content p > img{display:inline-block;}
/*.pyramid .pyramid-content .smTxt{display:inline-block;text-align: right;}*/
/*.pyramid .pyramid-content .row{padding:40px 0;}*/

.pyramid .pyramid-content .pyramid-box{cursor:pointer;transition: all .3s linear;-webkit-transition: all .3s linear;-ms-transition: all .3s linear;-o-transition: all .3s linear;}
.pyramid .pyramid-box:hover{transform: scale(1.05);transition:.3s;-webkit-transition:.3s;-ms-transition:.3s;-o-transition:.3s;}
/*company*/
.service{position: relative;}
.service .title{padding:140px 0 30px 0;}
.service .txt-content{margin:15px 0;}
.service .txt{padding:10px 0;}
.service .service-box01{margin:50px 0;color:#54555b;}
.service .service-box01 p{text-align: center;margin:10px 0;}
.service .service-box02{margin:120px 0 620px 0;}
.service .service-box02 .subtitle{font-weight: bold;font-size: 18px;padding:30px 0 10px 0;}
.service .service-box02 .left-box,
.service .service-box02 .right-box{background:#f8fafc;border-top:4px solid #02aacd;box-shadow: -2px 2px 10px -6px #333333,2px 2px 10px -6px #333333 ;padding:30px 20px 60px 20px;}
.service .service-box02 .left-box{height: 410px;}
.service .service-box02 .left-box p{line-height: 2.8;}
.service .service-box02 .right-box-txt02{margin-top:30px;}

.team{width:100%;background:#e1e8ed;display:inline-block;}
.team .teamList{border-top:1px solid #d4dee5;padding:100px 0 140px 0;margin-top:-480px;}
.team .teamList .listBox{margin-top: 60px;}
.team .teamList li{box-sizing: border-box;padding:0;margin:15px 0;cursor: pointer;position: relative;overflow:hidden;}
/*.team .teamList li:hover img{transform: scale(1.1);}*/
.team .teamList li .blockDetail{position: absolute;top:0;left:0;background:url(../images/block.png) no-repeat;background-size: 100% 100%;margin-left:14px;display:none;font-size: 14px;color:#fff;line-height: 1.6;}
.team .teamList li .blockDetail.block01{background:url(../images/block01.png) no-repeat;}
/*.team .teamList li .blockDetail.on{display:block;}*/
.team .teamList li .blockDetail p{margin:17px;font-size: 13px;}
.team .teamList li .imgBox{width:92%;margin:0 auto;overflow:hidden;transition: .5s;-webkit-transition: .5s;-ms-transition: .5s;}
.team .teamList li .memberIntro{position: absolute;left:40px;bottom:40px;color:#fff;font-family: os;}
/*.team .teamList li .memberIntro p {margin:3px 0;}*/
.team .teamList li .memberIntro .tag{font-size: 18px;font-weight: bold;}
.team .teamList li .memberIntro .post{font-size: 18px;color:#f5f6f6;}
.team .teamList li .memberIntro .postEng{font-size: 12px;color:#eaeced;}
.team .teamList li .memberIntro .name{font-size: 24px;color:#fff;font-weight: bold;margin-top: 15px;}
.team .teamList li .memberIntro .nameJp{font-size: 14px;color:#f5f6f6;}
.team .teamList li:hover .imgBox > img{transform: scale(1.1);-webkit-transform: scale(1.1);-ms-transform: scale(1.1);}
.team .teamList li img{width:100%;transition: .5s;-webkit-transition: .5s;-ms-transition: .5s;}
/*.mosaic-grid-row .hoverImg{transition:all .5s linear;}
.mosaic-grid-row .col-md-6{overflow: hidden;}
.mosaic-grid-row .hoverImg:hover{transform:scale(1.05);transition: .5s;}*/
/*contact*/
.contact{position: relative;background:#fff;padding-bottom:40px;letter-spacing: 2px;}
.contact .title{padding:140px 0 100px 0;border-bottom:2px solid #192f60;}
.contact .contact-txt button{border:2px solid #192f60;color:#192f60;padding:6px 40px;font-size: 18px;margin:42px auto 25px auto;}
.contact .contact-txt button .mail{padding:0px 0px 0 30px;}
.contact .contact-txt button .mail >img{display: inline-block;vertical-align: middle;}
.contact .contact-txt p.mail-address{font-size: 24px;color:#333333;font-size: 18px;}
.contact .contact-txt .tableBox{margin:100px 0;}
.contact .contact-txt table{width:100%;border-top:1px solid #a5b7d8;}
.contact .contact-txt table th,
.contact .contact-txt table td{width:55px;text-align: left;padding:10px 0;}
.contact .contact-txt table tr:first-child td,
.contact .contact-txt table tr:first-child th{padding-top:35px;}
.contact .contact-txt table tr:last-child td,
.contact .contact-txt table tr:last-child th{padding-bottom:35px;}
.contact .contact-txt table th{font-weight: bold;color:#4a4949;}
.contact .contact-txt table td{width:250px;color:#888888;}
.contact .contact-txt table strong{color:#4a4949;}
.contact .contact-txt .tableTit{font-weight: bold;font-size: 28px;text-align: left;}
.contact .contact-txt .tableTit p{border-top:2px solid #192f60;padding:35px 0;color:#333333;}
.contact .contact-txt .contactTit{margin:68px auto;}
.contact .contact-txt #table01.sec th{padding:70px 0;}
.contact .contact-txt #table02 .line,
.contact .contact-txt #table03 .line,
.contact .contact-txt #table04 .line,
.contact .contact-txt #table05 .line{display:inline-block;vertical-align: middle; padding-right:10px; }
.contact .contact-txt #table02 strong,
.contact .contact-txt #table03 strong,
.contact .contact-txt #table04 strong,
.contact .contact-txt #table05 strong{font-size: 20px;}
.contact .contact-txt #table02 th,
.contact .contact-txt #table03 th,
.contact .contact-txt #table04 th,
.contact .contact-txt #table05 th,
.contact .contact-txt #table02 td,
.contact .contact-txt #table03 td,
.contact .contact-txt #table04 td,
.contact .contact-txt #table05 td{width:auto;}
.contact .contact-txt #table04{border-bottom:1px solid #a5b7d8;}
.contact .contact-txt .tableBox02 #table05{border-bottom:1px solid #a5b7d8;border-top:none;}

.news{background: #f5f8fc;padding-bottom: 120px;position: relative;}
.news .title{padding:100px 0;}
.news .title > img{
  position: relative;
  left: -11px;}
.news .newsList{}
.news .newsList li{padding:15px 0;border-top:1px solid #d3dbe3;}
.news .newsList li:last-child{border-bottom:1px solid #d3dbe3;}
.news .newsList li > span{font-size: 14px;}
.news .newsList li > span:nth-child(1){padding-right: 25px;}
.news .newsList li > span:nth-child(2){color:#192f60;font-weight: bold;}
.news .newsList li > span:nth-child(3){color:#192f60;text-decoration:underline;}
/*.news .newsList li > span:nth-child(3):hover{text-decoration:none;color:#3057af;}*/

.recruit{padding:110px 0;background:#31a9c6;text-align: center;color:#fff;position: relative;}
.recruit h1{font-size: 36px;letter-spacing: 5px;font-family: pro;}
.recruit p{margin:15px 0;font-size: 14px;}
.recruit p:nth-child(2){margin:35px 0;}
.recruit .recruitBtn{background:#fff;border-radius: 50px;color:#192f60;display:inline-block;padding:20px 70px;font-weight: bold;cursor: pointer;letter-spacing: 3px;font-family: pro;font-size: 18px;-webkit-transition: all .3s;
  transition: all .3s;}
.recruit .recruitBtn a{color:#192f60;-webkit-transition: all .3s;
  transition: all .3s;}
.recruit .leftBox{width:50%;}
.recruit .rightBox{width:50%;}
.recruit .middleLine{position: absolute; display:inline-block;margin:0 auto;width:1px;height:240px;opacity: .5;background:#fff;left: 50%;}

footer{width:100%;background:#192f60;color:#fff;padding: 60px 0;}
footer .footer-top{padding:16px 0;}
footer .footer-bottom p{line-height: 1.6;}
footer .pull-right{line-height: 58px}
footer .pull-right > span{cursor:pointer;}
footer .footerTxt{margin:40px auto;}
.footerLogo img{
  position: relative;
  right: -18px;
}
.newsList ul li{display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.news-metabox__date{
  width: 140px;
}

.news-metabox__date span{
  font-size: 14px;
}
.news-metabox__cat{
  width: 50px;
}
.news-metabox__cat span{
  color: #192f60;
  font-weight: bold;
  font-size: 14px;
}
.news-metabox__ttl{
  width: calc(100% - 190px);
  padding-left: 10px;
}

.news-metabox__ttl span{
  font-size: 14px;
}