#incHeader-w,
#incFooter-w{font-size:100%;}
#incHeader-i,
#incFooter-i {
  font: 14px/1.4 "icomoon","Meiryo","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ","ヒラギノ角ゴ ProN W3","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  } /* "Noto Sans Japanese", */


#incHeader *, #incFooter *{ 
-webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    -o-box-sizing: content-box !important;
    -ms-box-sizing: content-box !important;
    box-sizing: content-box !important
}


body #wrapper #incHeader a:link,
body #wrapper #incFooter a:link { text-decoration: none; color: #333; }/*#0066cc*/
body #wrapper #incHeader a:visited,
body #wrapper #incFooter a:visited { text-decoration: none ; color: #333; }
body #wrapper #incHeader a:hover,
body #wrapper #incFooter a:hover { text-decoration: none ; color: #333; }
body #wrapper #incHeader a:active,
body #wrapper #incFooter a:active { text-decoration: none ; color: #333; }

.inner { overflow: hidden; }

.alpha:hover { filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; }
.serif { font-family: serif; }





.blank:after { content: ''; display: inline-block; width: 13px; height: 13px; margin-left: 10px; background-image: url(/group/img/company/target_blank.png); background-size: auto; background-repeat: no-repeat; background-position: center center; }

header { position: relative; width: 100%; height: 67px; }
header h1 { position: absolute; display: block; width: 293px; height: 40px; top: 13px; left: 33px; }
header h1 img { display: block; width: 100%; height: auto; }
#headerNav { position: absolute; top: 0; right: 21px; width: 540px; height: 38px; background-color: #daeefc; }
#headerNav ul { overflow: hidden; width: 310px; height: 38px; background-color: #a4a4a4; float: left; }
#headerNav ul li { display: inline-block; margin-top: 10px; float: left; }
#headerNav ul li+li { border-left: 1px solid #fff; }
#headerNav ul li a { display: block; color: #fff !important; margin: 0 15px; font-size: 11px; line-height: 1.8; }
#headerNav ul li a:hover { filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; text-decoration: none; }
#headerNav ul li a.mail { background-image: url(/group/img/common/header_nav_mail.png); background-repeat: no-repeat; background-position: left 3px; padding-left: 21px; }
#headerNav ul li a.sitemap { background-image: url(/group/img/common/header_nav_sitemap.png); background-repeat: no-repeat; background-position: left 3px; padding-left: 21px; }
/*#headerNav ul+div a { float: left; display: block; font-size: 11px; padding-left: 25px; width: 200px; line-height: 3.8; background-image: url(/group/img/common/air_icon.png); background-repeat: no-repeat; background-position: 10px 13px; }*/
#headerNav ul+div a { float: left; display: table; font-size: 11px; padding-left: 25px; width: 200px; height: 38px; background-image: url(/group/img/common/air_icon.png); background-repeat: no-repeat; background-position: 10px 13px; }
#headerNav ul+div a:hover { filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; }
#headerNav ul+div a span { display: table-cell; vertical-align: middle; }
#headerNav #navOpen { display: none; }

nav#mainNav { position: relative; z-index: 999; width: 950px; height: 49px; margin: 0 auto; overflow: visible; }
nav#mainNav ul.sect { overflow: hidden; }
nav#mainNav ul.sect li { display: block; overflow: hidden; float: left; }
nav#mainNav ul.sect li a,
nav#mainNav ul.sect li span { display: block; overflow: hidden; width: 113px; height: 49px; background-image: url(/group/img/en/common/main_nav.png); background-position: 0 0; background-repeat: no-repeat; text-indent: 100%; white-space: nowrap; cursor: pointer; }
nav#mainNav ul.sect li.current a { background-position-y: -51px !important; }
nav#mainNav ul.sect li .mn1 { width: 113px; height: 49px; background-position: 0 0; }
nav#mainNav ul.sect li .mn2 { width: 168px; height: 49px; background-position: -114px 0; }
nav#mainNav ul.sect li .mn3 { width: 168px; height: 49px; background-position: -283px 0; }
nav#mainNav ul.sect li .mn4 { width: 168px; height: 49px; background-position: -452px 0; }
nav#mainNav ul.sect li .mn5 { width: 97px;  height: 49px; background-position: -621px 0; }
nav#mainNav ul.sect li .mn6 { width: 114px; height: 49px; background-position: -719px 0; }
nav#mainNav ul.sect li .mn7 { width: 114px; height: 49px; background-position: -834px 0; }
nav#mainNav ul.sect li .mn1:hover { background-position: 0 -51px; }
nav#mainNav ul.sect li .mn2:hover { background-position: -114px -51px; }
nav#mainNav ul.sect li .mn3:hover { background-position: -283px -51px; }
nav#mainNav ul.sect li .mn4:hover { background-position: -452px -51px; }
nav#mainNav ul.sect li .mn5:hover { background-position: -621px -51px; }
nav#mainNav ul.sect li .mn6:hover { background-position: -719px -51px; }
nav#mainNav ul.sect li .mn7:hover { background-position: -834px -51px; }

nav#mainNav ul.dDown { display: none;}
nav#mainNav ul.dDown { position: relative; width: 950px; height: 274px; padding: 27px 0 0; margin: 0 auto 0; }
nav#mainNav ul.dDown:after { position: absolute; top: 11px; left: 50%; margin-left: -12px; display: block; content: ""; width: 0; height: 0; background-color: transparent; border-bottom: 16px solid #2f2f30; border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 0 solid transparent; }
nav#mainNav ul.dDown .hd { display: none; }
nav#mainNav ul.dDown.mnn2:after { left: 200px; }
nav#mainNav ul.dDown.mnn3:after { left: 370px; }
nav#mainNav ul.dDown.mnn4:after { left: 536px; }
nav#mainNav ul.dDown.mnn5:after { left: 667px; }
nav#mainNav ul.dDown>li { display: block; padding: 20px 0 20px 42px; overflow: hidden; background-color: #2F2F31; }
nav#mainNav ul.dDown>li ul.m { float: left; width: 658px; }
nav#mainNav ul.dDown>li ul li { position: relative; }
nav#mainNav ul.dDown>li ul.m>li { color: #fff; display: inline-block; width: 29%; padding-left: 2%; padding-right: 1%; line-height: 1.6; margin: 10px 0; vertical-align: top; }
nav#mainNav ul.dDown>li ul.m>li.d { width: 64%; }
nav#mainNav ul.dDown>li ul.m>li a { font-size: 14px; color: #fff !important; }
nav#mainNav ul.dDown>li ul.m>li a[target*="_blank"]:after { content: ''; display: inline-block; width: 13px; height: 13px; margin-left: 10px; background-image: url(/group/img/common/target_blank_wht.png); background-size: auto; background-repeat: no-repeat; background-position: center center; }
nav#mainNav ul.dDown>li ul.m.wide { float: left; width: 100%; }
nav#mainNav ul.dDown>li ul.m.wide>li { width: 21%; }
/*nav#mainNav ul.dDown>li ul>li:before { content: ''; position: absolute; top: 50%; left: 0px; margin-top: -3px; display: inline-block; width: 4px; height: 4px; border-top: 2px solid #cbd7f1; border-right: 2px solid #cbd7f1; transform: rotate(45deg) }*/
nav#mainNav ul.dDown>li ul>li:before { content: ''; position: absolute; top: 0; left: 0px; margin-top: 7px; display: inline-block; width: 4px; height: 4px; border-top: 2px solid #cbd7f1; border-right: 2px solid #cbd7f1; transform: rotate(45deg) }
nav#mainNav ul.dDown>li ul.s { width: auto; margin-left: 658px; padding-left: 36px; border-left: 1px solid #505052; }
nav#mainNav ul.dDown>li ul.s>li { color: #fff; display: block; width: auto; line-height: 1.6; padding-left: 14px; margin: 0 0 10px 0; }
nav#mainNav ul.dDown>li ul.s>li a { font-size: 14px; color: #fff!important; }

nav#mainNav ul.mMenu { display: none; }






footer { width: 100%; height: 71px; background-color: #929292; color: #fff; }
footer .inner { width: 950px; height: auto; margin: 0 auto; }
footer nav ul { overflow: hidden; text-align: left; padding-top: 18px; margin-left: -10px; margin-right: -10px;}
footer nav ul li { display: inline-block; border-right: 1px solid #fff; }
footer nav ul li:last-child { border-right: none; }
footer nav ul li a { display: block; font-size: 11px; color: #fff!important; margin: 0 10px; }
footer nav ul li a:link,
footer nav ul li a:visited { color: #fff!important;}
footer nav ul li a:hover { text-decoration: none; color: #eee!important; }
footer #copyright { font-size: 11px; margin-top: 8px; }


@media screen and (min-width: 768px) {
.hdnPc{ display: none !important; }
.hdnSp{ display: inherit !important; }
}

@media screen and (max-width: 767px) {
  .hdnPc{ display: inherit !important; }
  .hdnSp{ display: none !important; }
  body {  }
  header { height: 60px; }
  header h1 { position: absolute; display: block; width: 215px; height: auto; top: 14px; left: 11px; }
  #headerNav { width: 60px; height: 60px; top: 0; right: 0; }
  #headerNav ul { display: none; }
  #headerNav ul+div { display: none; }
  #headerNav #navOpen { display: block; overflow: hidden; width: 60px; height: 60px; background-color: #fff; background-image: url(/group/img/sp/menu_open.png); background-position: center center; background-repeat: no-repeat; background-size: 34px; text-indent: 200%; white-space: nowrap; }
  #headerNav #navOpen.close { background-color: #26429c; background-image: url(/group/img/sp/menu_close.png); }


  nav#mainNav { display: none; width: 100%; height: auto; }
  nav#mainNav ul.sect { display: none; }
  nav#mainNav { position: absolute; top: 60px; left:0; }
  nav#mainNav ul.dDown { display: block; margin: 0; width: 100%; height: auto; padding: 0 0 20px; background-color: #26429c; }
  nav#mainNav ul.dDown:after { display: none; }
  nav#mainNav ul.dDown .hd { display: block; }
  nav#mainNav ul.dDown a.hd,
  nav#mainNav ul.dDown span.hd { position: relative; color: #fff; height: 53px; border-bottom: 1px solid #556ebf; }
  nav#mainNav ul.dDown a.hd.mn7 { border-bottom: 2px solid #556ebf; }
  nav#mainNav ul.dDown span.hd a { display: block; height: 53px; width: 80%; width: calc( 100% - 50px ); }
  nav#mainNav ul.dDown span.hd .btn { position: absolute; display: block; top: 0px; right: 0px; width: 50px; height: 53px; }
  nav#mainNav ul.dDown span.hd .btn:after { position: absolute; content: '＋'; top: 15px; right: 15px; width: 20px; height: 20px; color: #fff; font-size: 20px; text-align: center; }
  nav#mainNav ul.dDown span.hd .btn.active:after { content: '×';}
  nav#mainNav ul.dDown>li { padding: 0 0; background-color: #26429c; }
  nav#mainNav ul.dDown>li>a,
  nav#mainNav ul.dDown>li>span { padding: 0 15px; }
  nav#mainNav ul.dDown>li img { padding-top: 18px; }
  nav#mainNav ul.dDown>li .subWrap { display: none; }
  nav#mainNav ul.dDown>li ul.m,
  nav#mainNav ul.dDown>li ul.s { width: 100%; float: none; margin: 0; padding: 7px 10px 7px 18px; }
  nav#mainNav ul.dDown>li ul:last-child { border-bottom: 1px solid #556ebf; }
  nav#mainNav ul.dDown>li ul.m>li,
  nav#mainNav ul.dDown>li ul.m.wide>li,
  nav#mainNav ul.dDown>li ul.s>li { width: 42%; margin: 7px 0; padding: 0 0 0 3%; line-height: 1.6; display: inline-block; vertical-align: top; }
  nav#mainNav ul.dDown>li ul>li:before { left: -2px; top: 7px; margin-top: 0; }
  nav#mainNav ul.dDown>li ul.m>li a { font-size: 12px; }
  nav#mainNav ul.dDown>li ul.s>li a { font-size: 12px; }

  nav#mainNav ul.mMenu { display: block; margin: 0; width: 95%; padding: 2px 0 25px 5%; background-color: #26429c; }
  nav#mainNav ul.mMenu li { display: inline-block; width: 28%; height: auto; }
  nav#mainNav ul.mMenu li+li { margin-left: 3%; }
  nav#mainNav ul.mMenu li a { display: block; width: 100%; height: 39px; border: 1px solid #556ebf; color: #fff!important; text-align: center; line-height: 2.9; }
  nav#mainNav ul.mMenu li.wide { width: 93%; margin: 16px 0 0; }


  footer { height: auto; padding: 0 0 30px; }
  footer .inner { width: 100%; }
  footer nav ul { overflow: hidden; text-align: center; padding-top: 18px; margin-left: 0; margin-right: 0;}
  footer nav ul li { margin: 8px 0; }
  footer #copyright { font-size: 11px; margin: 23px 0 0; text-align: center; }
}