@charset "UTF-8";
/* CSS Document */

/* ------------------------------ gnav dropdownMenu */
#header {
  position: relative;
}
.home #header {
  height: 127px;
}
.hidePc {
  display: none !important;
}
.hideSp {
  display: block !important;
}
.gnavPc {
  display: block !important;
}
.gnavSp {
  display: none !important;
}
.home .gnav {
  display: block;
}
.gnavHome {
  background: url(/common/img/bg_gnav_li_pc.gif) 0 0 no-repeat ;
}
.home .gnav:hover .gnavHome {
  background: url(/common/img/bg_gnav_li_pc.gif) 0 -50px no-repeat ;
}
.home .gnavHome,
.home .gnav .gnavHome:hover,
.gnav .gnavHome:hover {
  background: url(/common/img/bg_gnav_li_pc.gif) 0 bottom no-repeat ;
}
.gnavService {
  background: url(/common/img/bg_gnav_li_pc.gif) -40px 0 no-repeat ;
}
.service .gnav:hover .gnavService {
  background: url(/common/img/bg_gnav_li_pc.gif) -40px -50px no-repeat ;
}
.service .gnavService,
.service .gnav .gnavService:hover,
.gnav .gnavService:hover {
  background: url(/common/img/bg_gnav_li_pc.gif) -40px bottom no-repeat ;
}
.gnavCorporate {
  background: url(/common/img/bg_gnav_li_pc.gif) -270px 0 no-repeat ;
}
.corporate .gnav:hover .gnavCorporate {
  background: url(/common/img/bg_gnav_li_pc.gif) -270px -50px no-repeat ;
}
.corporate .gnavCorporate,
.corporate .gnav .gnavCorporate:hover,
.gnav .gnavCorporate:hover {
  background: url(/common/img/bg_gnav_li_pc.gif) -270px bottom no-repeat ;
}
.gnavIr {
  background: url(/common/img/bg_gnav_li_pc.gif) -500px 0 no-repeat ;
}
.ir .gnav:hover .gnavIr {
  background: url(/common/img/bg_gnav_li_pc.gif) -500px -50px no-repeat ;
}
.ir .gnavIr,
.ir .gnav .gnavIr:hover,
.gnav .gnavIr:hover {
  background: url(/common/img/bg_gnav_li_pc.gif) -500px bottom no-repeat ;
}
.gnavRecruit {
  background: url(/common/img/bg_gnav_li_pc.gif) -730px 0 no-repeat ;
}
.recruit .gnav:hover .gnavRecruit {
  background: url(/common/img/bg_gnav_li_pc.gif) -730px -50px no-repeat ;
}
.recruit .gnavRecruit,
.recruit .gnav .gnavRecruit:hover,
.gnav .gnavRecruit:hover {
  background: url(/common/img/bg_gnav_li_pc.gif) -730px bottom no-repeat ;
}
.dropdownMenu {
  width: 960px;
  margin-left: 2px;
  position: absolute;
  top: 40px;
  left: -2px;
  z-index: 1001;
  background: url(/ir/img/bg_main_tab_wrap.png) repeat left top !important;
}
.gnavPc .dropdownMenu {
  height: 0;
  transition: .4s;
  overflow: hidden;
}

.active .dropdownMenu {
  height: 316px;
}
.dropdownMenuSp {
  display: none;
}
.dropdownMenuPc a {
  text-indent: 0 !important;
  height: auto !important;
}
.dropdownMenuTit {
  padding: 18px 18px 19px;
  border-bottom: 1px solid  #FFF;
}
.dropdownMenuBody {
  padding: 29px 15px 10px;
  overflow: hidden;
}
.tabHead {
  overflow: hidden;
}
.tabHead .tabHeadItem {
  margin-left: 10px;
}
.tabHead .tabHeadItem:first-child {
  margin-left: 0;
}
.tabHead a {
  width: 168px;
  height: 37px !important;
  text-indent: -9999px !important;
  display: block;
  background-image: url(/common/img/tab_dropdown_service.png);
  background-repeat: no-repeat;
}
.tabService1 a {
  background-position: 0 0;
}
.tabService1 a:hover,
.tabService1 a.active {
  background-position: 0 bottom;
}
.tabService2 a {
  background-position: -178px 0;
}
.tabService2 a:hover,
.tabService2 a.active {
  background-position: -178px bottom;
}
.tabService3 a {
  background-position: -356px 0;
}
.tabService3 a:hover,
.tabService3 a.active {
  background-position: -356px bottom;
}
.tabService4 a {
  width: 218px;
  background-position: -534px 0;
}
.tabService4 a:hover,
.tabService4 a.active {
  background-position: -534px bottom;
}
.tabService5 a {
  background-position: right 0;
}
.tabService5 a:hover,
.tabService5 a.active {
  background-position: right bottom;
}
.tabBody {
  padding: 21px 17px;
  background-color: #FFF;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.tabBodyItem {
  display: none;
  overflow: hidden;
}
.tabBodyItem.active {
  display: block;
}
.tabList {
  overflow: hidden;
}
.tabListImg li {
  margin-left: 20px;
  background-color: #FFF;
}
.tabListImg li:first-child {
  margin-left: 0;
}
#service1.tabBodyItem {
  padding: 0 3px;
}
#service1 .tabListImg li {
  margin-left: 10px;
}
#service1 .tabListImg li:first-child {
  margin-left: 0;
}
.tabListImg a {
  transition: .3s;
}
.tabListImg a:hover {
  opacity: 0.8;
}
.dropdownMenuTxt {
  display: table;
  table-layout: fixed;
}
.dropdownMenuTxtItem {
  width: 21%;
  display: table-cell;
  vertical-align: top;
  padding-left: 15px;
  padding-right: 10px;
  border-left: 1px solid  #FFF;
}
.dropdownMenuTxtItem:first-child {
  padding-left: 4px;
  border-left: none;
}
.dropdownMenuTxtItem li {
  margin-top: 10px;
  float: none !important;
  display: block !important;
}
.dropdownMenuTxtItem li:first-child {
  margin-top: 0;
}
.dropdownMenuTxtItem a {
  color: #FFF;
  font-size: 108.3333333%;
}
.dropdownMenuSub {
  margin-top: 8px;
  margin-left: 10px;
}
.dropdownMenuSub li {
  margin-bottom: 8px !important;
}
.dropdownMenuSub a {
  padding: 0 0 0 12px;
  font-size: 108.333333333%;
  background: url(/common/img/ico_arrow_white_line.png) no-repeat 3px .4em;
  display: inline-block;
}
.tabListTxt {
  width: 218px;
  float: left;
}
.tabListTxt li {
  margin-top: 5px;
  float: none !important;
  display: block !important;
}
.tabListTxt li:first-child {
  margin-top: 0;
}
.tabListTxt a {
  padding: 0 0 0 10px;
  color: #1852a1;
  font-size: 108.333333333%;
  background: url(/common/img/ico_arrow_blue_line.png)  no-repeat left .3em;
}
.irMenu .tabHead a {
  width: 172px;
  background-image: url(/common/img/tab_dropdown_ir.png);
}
.irMenu .tabHeadItem {
  margin-left: 17px;
}
.irMenu .tabHeadItem:nth-child(2),
.irMenu .tabHeadItem:nth-child(4) {
  margin-left: 18px;
}
.tabIr1 a {
  background-position: 0 0;
}
.tabIr1 a:hover,
.tabIr1 a.active {
  background-position: 0 bottom;
}
.tabIr2 a {
  background-position: -174px 0;
}
.tabIr2 a:hover,
.tabIr2 a.active {
  background-position: -174px bottom;
}
.tabIr3 a {
  background-position: -348px 0;
}
.tabIr3 a:hover,
.tabIr3 a.active {
  background-position: -348px bottom;
}
.tabIr4 a {
  width: 180px;
  background-position: -522px 0;
}
.tabIr4 a:hover,
.tabIr4 a.active {
  background-position: -522px bottom;
}
.tabIr5 a {
  background-position: -696px 0;
}
.tabIr5 a:hover,
.tabIr5 a.active {
  background-position: -696px bottom;
}
.irMenu .tabBody {
  padding: 18px 18px 26px;
}
.recruitMenu .dropdownMenuBody {
  min-height: 195px;
}
.recruitMenu .dropdownMenuTxtItem {
  width: 227px;
  min-height: 195px;
}

@media screen and (max-width: 568px) {
#header {
  position: absolute;
  top: 0;
  left: 0;
}
.home #header {
	height: 64px;
}
.hidePc {
  display: block !important;
}
.hideSp {
  display: none !important;
}
.gnavPc {
  display: none !important;
}
.gnavSp {
  display: block !important;
}
#layBg {
  background: url(/common/img/bg_laybg.png);
}
.gnav .btnOpen {
  position: absolute;
  display: block;
  width: 100%;
  height: 50px;
  z-index: 98;
  padding: 0 0 14px;
  background: #FFF;
}
.gnav .btnOpen.on a {
  height: 54px;
  background: url(/common/img/btn_gnav_open_on_sp.png);
  background-size: 44px 54px;
}
.gnav .btnClose {
  display: none;
}
.gnav ul {
  width: auto;
  margin: 15px 15px 0;
  border: none;
  background: url(/common/img/bg_gnav_sublist.png);
  background-size: 9px;
  -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.3);
          box-shadow: 0 4px 8px rgba(0,0,0,.3);
}
.gnav ul li {
  font-size: 150%;
  font-weight: normal;
}
.gnav ul li a ,
.gnav ul li span {
  display: block;
  height: 35px;
  padding: 14px 30px 0 12px;
  text-indent: 0;
  color: #333;
  text-decoration: none;
  border: none;
  border-bottom: #969696 solid 1px;
  background: #fff url(/common/img/ico_gnav_plus.png) 97% 50% no-repeat;
  background-size: 16px;
}
.gnav ul li.gnavHome a {
  background: #fff;
}
.gnav ul li.gnavLang a {
  background: #fff;
  border-bottom: none;
}
.gnav ul li.select a {
  color: #fff;
  border-bottom: #fff solid 1px;
  background: url(/common/img/ico_gnav_minus.png) 97% 50% no-repeat;
  background-size: 16px;
}
.dropdownMenu {
  width: 100%;
  padding: 0 !important;
  background: none !important;
  color: #fff;
  position: static;
  display: none;
}
.dropdownMenuIn {
  padding: 0 !important;
  background: none !important;
}
.dropdownMenu .categoryTopLink {
  width: auto;
  margin: 0;
  padding: 12px 0 10px 10px;
  border-bottom: #fff 1px solid;
}
.dropdownMenu .categoryTopLink a {
  margin: 0;
  padding: 0;
  background: none !important;
  border: none !important;
  font-weight: normal;
  font-size: 83.3% !important;
}
.dropdownMenu .list {
  width: auto;
  margin: 0;
  padding: 0;
  position: static;
  box-shadow: none;
}
.dropdownMenu .btn .line2 span ,
.dropdownMenu .list .line2 span ,
.dropdownMenu .list ul li p .hidePc {
  height: auto;
  padding: 0;
  color: #fff;
  border-bottom: none;
  background: none;
}
.dropdownMenu .list ul {
  width: auto;
  margin: 0;
  padding: 0;
  overflow: hidden;
  box-shadow: none;
  border: none;
  background: url(/common/img/bg_gnav_list.png);
  background-size: 5px;
}
.dropdownMenu .list ul li {
  width: auto !important;
  float: none;
  padding: 12px 0 10px 10px;
  margin: 0;
  display: block;
  border-bottom: #fff 1px solid;
}
.dropdownMenu .list ul li:first-child {
  margin: 0;
}
.dropdownMenu .list ul li.select {
  background: url(/common/img/bg_gnav_sublist.png);
  background-size: 9px;
}
.dropdownMenu .list ul li p {
  margin: 0;
  font-size: 83.3% !important;
  font-weight: normal;
  padding-right: 20px;
  background: url(/common/img/ico_arrow_down_w.png) 97% center no-repeat;
  background-size: 14px 7px;
}
.dropdownMenu .list li p.link {
  margin: 0;
  background: none;
}
.dropdownMenu .list li p.link a {
  padding: 0;
  border: none;
  height: auto;
  background: url(/common/img/bg_gnav_list.png);
}
.dropdownMenu .list li.select p {
  background: url(/common/img/ico_sublist_minus.png) 97% center no-repeat;
  background-size: 14px 3px;
}
.dropdownMenu .list .subList {
  background: #fff;
  margin: 10px 0 0;
  box-shadow: none;
  display: none;
}
.dropdownMenu .list .subList li {
  float: none;
  display: block;
  padding: 0;
  margin: 0;
  border-bottom: #062d67 solid 1px;
}
.dropdownMenu .list .subList li a {
  color: #323232;
  text-indent: 0;
  height: auto;
  line-height: 1.75;
  font-size: 66.6%;
  padding: 4px 10px;
  background: url(/common/img/ico_arrow_right_b.png) 97% center no-repeat;
  background-size: 14px 12px;
}
.dropdownMenu .list .subList li a span {
  display: inline;
  height: auto;
  padding: 0;
  text-indent: 0;
  color: #323232;
  text-decoration: none;
  border: none;
  border-bottom: none;
  background: none;
}
.dropdownMenu .list .subList li a .blank {
  margin: 0;
  padding: 0 16px 0 0!important;
  background: url(/common/img/ico_blank.gif) 100% 0.2em no-repeat!important;
  background-size: 5px 4px;
}
.dropdownMenu .btn {
  width: auto;
  padding: 0;
  position: static;
  background: none !important;
}
.dropdownMenu .btn ul {
  width: auto;
  overflow: hidden;
  margin: 0;
  box-shadow: none;
  border: none;
  background: url(/common/img/bg_gnav_list.png);
  background-size: 5px;
}
.dropdownMenu .btn ul li {
  width: auto;
  float: none;
  padding: 0 !important;
}
.dropdownMenu .btn ul li a {
  text-indent: 0;
  height: auto;
  display: block;
  padding: 12px 0 10px 10px !important;
  font-size: 83.3% !important;
  font-weight: normal;
  border-bottom: #fff solid 1px;
  background: none !important;
  color: #fff;
}
.dropdownMenu .btn ul li a span {
  display: inline;
  height: auto;
  padding: 0;
  text-indent: 0;
  color: #fff;
  text-decoration: none;
  border: none;
  border-bottom: none;
  background: none;
}
.dropdownMenu .btn ul li a .blank {
  margin: 0;
  padding: 0 16px 0 0!important;
  background: url(/common/img/ico_blank_sublist.png) 100% 0.2em no-repeat!important;
  background-size: 5px 4px;
}
.dropdownMenu .btn ul li.line2 a {
  padding: 12px 0 10px 10px;
}
.dropdownMenu .btn ul li.line2 span {
  display: inline;
}

.dropdownMenuPc {
  display: none;
}
.dropdownMenuSp {
  display: block;
}
}