@charset "utf-8";
.clear {
	clear:both;　/*floatの解除、ここがポイント*/
}
img { max-width: 100%; }

p { text-align: justify; }

.left { float: left; }
.right { float: right; }

@media screen and (max-width:767px){
  #main .articleBody table tbody,
  #main .articleBody table.stable td {
    padding: 0;
  }
  #main .articleBody table th {
    width: auto;
  }
  #main .articleBody .StockBox th {
    width: 50%;
  }

}

@media screen and (max-width: 1120px) {
    div.flash {
        width: 900px;
        height: 188px;
    }
    
    .flash .wrapper .texts {
        font-size: 320%;
        padding: 2% 0 0 9%;
    }
    
    .flash .wrapper p.corp {
        font-size: 80%;
        padding: 8% 0 0 9%;
    }
}

@media screen and (max-width: 920px) {
    div.flash {
        width: 700px;
        height: 146px;
    }
    
    .flash .wrapper .texts {
        font-size: 200%;
        padding: 3% 0 0 9%;
    }
    
    .flash .wrapper p.corp {
        font-size: 60%;
        padding: 8% 0 0 9%;
    }
}

@media screen and (max-width: 720px) {
    div.flash {
        width: 500px;
        height: 104px;
    }
    
    .flash .wrapper .texts {
        font-size: 150%;
        padding: 3% 0 0 9%;
    }
    
    .flash .wrapper p.corp {
        font-size: 50%;
        padding: 8.5% 0 0 9%;
    }
}

@media screen and (max-width: 520px) {
    div.flash {
        width: 300px;
        height: 62px;
    }
    
    .flash .wrapper .texts {
        font-size: 100%;
        padding: 3% 0 0 9%;
    }
    
    .flash .wrapper p.corp {
        font-size: 35%;
        padding: 9% 0 0 9%;
    }
}

div.compactmenu {
    float: right;
    margin: 50px 12px 0 0;
    width: 25px;
    display: none;
}

div.compactmenu.collapse {
    background: url('/img/menu-icon.png') no-repeat center right;
    height: 27px;
    cursor: pointer;
}

div.compactmenu.expand {
    background: url('/img/close-icon.png') no-repeat center right;
    height: 28px;
    cursor: pointer;
}

div#hnavdropdown {
    display: none;
}

div#hnavdropdown ul {
    display: block;
    list-style: none outside none;
    margin: 0 0 15px 15px;
}

div#hnavdropdown ul li {
    margin-bottom: 5px;
}

div#hnavdropdown p {
    margin: 20px 0 10px 10px;
}
/*
@media screen and (max-width: 900px) {
    #hnavsub {
        display: none;
    }
    
    #hnavmain {
        display: none;
    }
    
    div.compactmenu {
        display: inline-block;
    }
    
    div#hnavdropdown {
        display: inline-block;
    }

    div#hnavdropdown ul {
        display: none;
    }
    
    div#hnavdropdown p {
        display: none;
    }
}
*/
@media screen and (max-width: 900px) {
    #main {
        display: block;
        /*width: 99.5%;*/
        padding: 0 15px;
        min-height: 1px;
        float: none;
    }

    #sub {
        display: block;
        margin: 0 auto 10px;
        float: none;
        width: 100%;
        background: none repeat scroll 0 0 #FFFFFF;
    }
    
    #hnavcon {
        padding: 0 10px;
    }
    
    #contents {
        padding: 15px 10px 0;
    }
    
    #hnav #sub {
        float: right;
        margin: 0 10px 0 0;
    }
    #Main.recruiting {
    float: left;
    line-height: 1.5;
    margin-bottom: 50px;
    padding: 0;
    width: 100%;
}
}

@media screen and (max-width: 530px) {
    .JobSearch {
        width: 100%;
        float: none;
        padding: 0 5px;
    }
}

@media screen and (max-width: 500px) {
    .latestJobs table,
    .latestJobs thead,
    .latestJobs tbody,
    .latestJobs th,
    .latestJobs td,
    .latestJobs tr {
        display: block;
    }
    
    .latestJobs thead tr {
        /* position: absolute;
        top: -9999px;
        left: -9999px; */
        display: none;
    }
    
    .latestJobs tr { 
        border: 1px solid #ccc;
    }
    
    .latestJobs td {
        /* Behave like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 35% !important;
        white-space: normal;
        text-align: left !important;
    }
    
    .latestJobs td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align:left;
        font-weight: bold;
        z-index: -1;
    }
    
    .latestJobs td:before {
        content: attr(data-title); /* add label data */
    }
    
    .latestJobs td {
        z-index: 10;
    }
}

@media screen and (max-width: 700px) {
    #globalFooter .footerMenu {
        float: none;
    }
    
    div.seosnippet {
        text-align: left;
    }
    
    #globalFooter p.copyright {
        text-align: left;
    }
}

@media screen and (max-width: 500px) {
    #blogol_main {
        float: none;
        width: 100%;
    }

    #blogol_sub {
        float: none;
        width: 100%;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 610px) {
    #main .sitemapLeft{
        float:none;
        width:100%;
    }
    #main .sitemapRight{
        float:none;
        width:100%;
    }
    
    #networkBox dl.left {
        float: none;
        width: 100%;
    }
    
    #networkBox dl.center {
        border: none;
        float: none;
        width: 100%;
    }
    
    #networkBox dl.right {
        float: none;
        width: 100%;
    }
    
    #networkBox dl dt.thailand {
        border-top: 1px solid #cccccc;
        padding-top: 10px;
    }
    
    #networkBox dl dt.vietnam {
        border-top: 1px solid #cccccc;
        padding-top: 10px;
    }
}

/*wada*/
 #card {
 overflow: hidden;
 padding: 0px;
    }
 #card li {
 float: left;
 width: 335px;
    }
    
#IrMain #card ul li {
 float: left;
 width: 222px;
 border-bottom: medium none;
 margin-bottom: 0px;
 margin-right: 2px;
 margin-top: 2px;
    }
 #card ul li a {
    background: none;
    padding: 0px
    }
#card2 ul li a {
    background: none;
    padding: 0px
    }
 #main .articleBody #card ul {
    margin-left: 0px;
    }

section table   { width: 100%; }
section th, section td  { padding: 10px; border: 1px solid #ddd; }
section th  { background: #f4f4f4; }


/*----------------------------------------------------
    .stable
----------------------------------------------------*/

.stable td  { 
width: 50%; 
text-align: left;
padding: 0px;
 }
             
@media only screen and (max-width:480px){
    .stable table,
    .stable tbody,
    .stable tr,
    .stable th,
    .stable td{
        width: 100%;
        display: block;
        border-top: none;
    }
    .stable tr:first-child th   { border-top: 1px solid #ddd; }
   }   
/*----------------------------------------------------
    tab
----------------------------------------------------*/
@media only screen and (max-width:600px){

  #main #tabnavi li a {
    border-radius: 5px;
    margin: 2px 0;
  }
   } 
#main #tabnavi li{
	display:inline;
text-align: center;
}
#tabnavi{
text-align: center;
}             
#main #tabnavi li a{
	display:inline-block;
	background:#ddd;
	color:#333;
	padding:5px;
	border-radius:5px 5px 0 0;
	text-decoration:none;
    width: 140px;                         
}
#main #tabnavi li a:hover,
#main #tabnavi li a.active{
	background:#ADD8E6;
	color:#111;
    width: 140px;
}
#main #tabcontent{
	padding:15px;
    background: #ADD8E6;
    color:#111;
}
#tab01,
#tab02,
#tab03,
#tab04,
#tab05,
#tab06{
	padding:15px;
    background: #ffffff;
    color:#111;
}


/*----------------------------------------------------
    tab
----------------------------------------------------*/


#main .articleBody table.OfficerSec01 {
    margin-bottom: 20px;
    float: left;
    text-align: center;
    font-size: 0.9em;
}
#main .articleBody table.OfficerSec03 {
    margin-bottom: 20px;
    float: left;
    text-align: left;
    font-size: 0.9em;
	margin-left: 20px;
	background: rgba(255,255,255,0.5);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#80FFFFFF,EndColorStr=#80FFFFFF);
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#80FFFFFF,EndColorStr=#80FFFFFF)";
}
#main .articleBody table.OfficerSec04 {
    margin-bottom: 20px;
    float: left;
    text-align: center;
    font-size: 0.9em;
}
#main .articleBody table.OfficerSec03 b{
    font-size: 0.8em;
    font-weight: bold;
}
#main .articleBody table.OfficerSec03 p{
    padding: 10px;
    height: 315px;
}
#main .articleBody table.OfficerSec03:not(:target){
	filter: none;
	-ms-filter: none;
}
#main .articleBody table.OfficerSec01 td {
    height: 80px;
    vertical-align: middle;
    width: 143px;
}
#main .articleBody table.OfficerSec04 td {
    height: 45px;
    vertical-align: middle;
    width: 143px;
}
#main .articleBody table.OfficerSec04 td.gray {
    background:none repeat scroll 0 0 #EFEFEF;
}                                                      
#main .articleBody table.OfficerSec03 td {
    height: 80px;
    width: 160px;
    border: 0px solid #ccc;
    padding: 5px;
}
#biz-ser {
    background:url("/img/b78.jpg") scroll 0 0;
}
#main .articleBody table.OfficerSec01 b {
    font-weight: bold;
    font-size: 1.3em;
}
#main .articleBody table.OfficerSec04 b {
    font-weight: bold;
    font-size: 1.3em;
}

#main .articleBody table.OfficerSec02 {
    width: 300px;
}

#main .articleBody table.small {
	margin:15px;
    background: #ffffff;
    font-size: 0.9em;
}

ul#tabs-list {
  list-style: none;
  text-align: center;
  border-bottom: 1px solid #dfdfdf;
  margin: 0;
  padding: 0;
}

#Res-table{
	width: 100%;
	border-collapse: collapse;
}
#Res-table td,
#Res-table th{
	padding: 5px;
	border: 1px solid #ccc;
}
#Res-table th{
	font-weight: bold;
}
#Res-table thead th{
	background:#e6e6e6;
}


/*menu*/
#hnav-mobile{
    display: none;
  }

@media only screen and (max-width: 970px) {
  #hnav{
    display: none;
  }
  #hnav2{
    display: none;
  }
 #hnav-mobile{
    display: none;
  }
 #hnavsub{
    display: none;
  }
}
/*accordion*/
.syncer-acdn-faq {
	margin: 0 0 0 20px ;
    color: #FFFFFF;
}

.syncer-acdn-faq dt ,
.syncer-acdn-faq dd {
	margin: 0 0 0 1em ;
	padding: 0px;
font-weight: bold;
}

.syncer-acdn-faq dt{
	float: left;
}

.syncer-acdn-faq dt:hover {
	cursor: pointer ;
	color: #777 ;
}

.syncer-acdn-faq dd {
	display: none ;
}
.submenu{
width: 100%;
border-collapse: separate;
text-align: center;
border-spacing: 5px;
}
.submenu　th{
padding: 6px;
vertical-align: top;
color: #333;
background-color: #eee;
border: 1px solid #b9b9b9;
}
/*
.submenu td{
padding: 6px;
background-color: #0066CC;
border: 3px solid #6495ED;
width: 180px;
color: #fff;
}
*/
.submenu a{
color: #fff;
}

.submenu td{
    padding:15px;
    border:1px solid #000;
    /* 【角丸】　*/
    border-radius:10px;/* CSS3 */
    -webkit-border-radius:10px;/* Safari,Google Chrome */
    -moz-border-radius:10px;   /* Firefox */
    /*　【グラデーション】　*/
/*　for IE 5.5 - 7　*/filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#4682B4, endColorStr=#191970, GradientType=0);
/*　for IE 8　*/-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4682B4, endColorstr=#191970, GradientType=0);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #191970), color-stop(0.00, #4682B4));/* Safari */
    background: -webkit-linear-gradient(top, #4682B4 0%, #191970 100%);/* Google Chrome */
    background: -moz-linear-gradient(top, #4682B4 0%, #191970 100%);/* Firefox */
    background: -o-linear-gradient(top, #4682B4 0%, #191970 100%);/* Opera */
    background: -ms-linear-gradient(top, #4682B4 0%, #191970 100%);/* IE */
    background: linear-gradient(to bottom, #4682B4 0%, #191970 100%);/* CSS3 */
    /*　【ボックスシャドー】　*/
    box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 0 0px #999;
    width: 170px;
    font-size: 15px;
}
 
.submenu p{
    color:#fff;
    text-align:center;
    font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size:30px;
    /*　【テキストシャドー】　*/
    text-shadow:2px 2px 0px #000;
}

dl.accordion { background:#DDD; width:80%; margin:0 auto 30px; padding:10px; font-size:16px;}
dl.accordion dt {
    background:url(../img/open.png) 97% center no-repeat,-moz-linear-gradient(top, #C6F0FE, #27BCF9);
    background:url(../img/open.png) 97% center no-repeat,-webkit-gradient(linear, left top, left bottom, from(#C6F0FE), to(#27BCF9));
    border-bottom:1px solid #EEE; height:40px; text-indent:10px; line-height:40px; color:#333; font-weight:bold; cursor:pointer;}
dl.accordion dt.open {
    background:url(../img/close.png) 97% center no-repeat,-moz-linear-gradient(top, #C6F0FE, #27BCF9);
    background:url(../img/close.png) 97% center no-repeat,-webkit-gradient(linear, left top, left bottom, from(#C6F0FE), to(#27BCF9));}
dl.accordion dd { background:#FFF; padding:10px; line-height:1.5; display:none;}
dl.accordion { background:#DDD; width:80%; margin:0 auto 30px; padding:10px; font-size:16px;}
dl.accordion dt {
	background:url(../img/open.png) 97% center no-repeat,-moz-linear-gradient(top, #C6F0FE, #27BCF9);
	background:url(../img/open.png) 97% center no-repeat,-webkit-gradient(linear, left top, left bottom, from(#C6F0FE), to(#27BCF9));
	border-bottom:1px solid #EEE; height:40px; text-indent:10px; line-height:40px; color:#333; font-weight:bold; cursor:pointer;}
dl.accordion dt.open {
	background:url(../img/close.png) 97% center no-repeat,-moz-linear-gradient(top, #C6F0FE, #27BCF9);
	background:url(../img/close.png) 97% center no-repeat,-webkit-gradient(linear, left top, left bottom, from(#C6F0FE), to(#27BCF9));}
dl.accordion dd { background:#FFF; padding:10px; line-height:1.5; display:none;}

/* グローバル人材が足りないページ用 */
/* /global-recruitment/ */
/* default */

.pt10{
  padding: 10px 0 0 0;
}
.btn a{
  display: inline-block;
  background: #B8860B;
  color: #fff; 
  padding: 4px 16px;
  border: 1px solid #604d23;
  box-shadow: inset 1px 1px 0 #d6b062;

}
.btn a:active{
  border:none;
  top: 1px;
}
.btn a:hover{
  -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.topBanner{
  margin-top: 25px;
  width: 100%;
  height: 300px;
  overflow:hidden;
  background-image: url(/img/global-recruitment/top-banner.jpg);
}

.topBanner .base{
  background: rgba(0,80,200, 0.6);
  width: 100%;
  height: 300px;
  padding: 20px 25px;
}

.topBanner .TitStyle05{
  color: #fff;
  font-size: 36px;
  text-shadow: 2px 2px 2px #000;
} 
.topBanner p{
  color: #fff;
  font-size: 22px !important;
  text-shadow: 2px 2px 2px #000;
  
}

.topBanner .msg{
  padding: 25px 25px;
}
.topBanner span.bold{
  font-weight: bold;
}
.topBanner p.merit{
  font-size: 28px !important;
  font-weight: 300;
}

.topBanner .merit p{
  font-size: 28px !important;
  font-weight: 300;
}

.topicsArea{
  width: 100%;
  overflow:hidden;
  background-image: url(/img/global-recruitment/global-map.png);
  background-position: center bottom;
}
.topicsArea .base{
  width: 100%;
  background-color: rgba(255,255,255,0.7);
}
.news .newsBox{
  overflow: hidden;
  box-sizing: border-box;
}
.topicsArea .news{
  padding: 20px;
  width: 600px;
  max-width: 600px;
  float: left;

}
.news .index{
  padding: 10px 20px;
}

.newsBox .btnBox{
  width: 250px;
  padding-left: 20px;
  float: left;
  margin-top: 34px;
}
.newsBox .btnBox p{
  margin: 4px;
}

.newsBox .btnBox a{
  width: 100%;
}
.btnBox .btn a{
  background: #2a307a;
  padding: 4px 16px;
  border: 1px solid #2a307a;
  box-shadow: inset 1px 1px 0 #e0e2ff;
  

}

.index dl {
  overflow: hidden;
  font-size: 130% !important;
  font-weight: bold;
}
.index dt {
  float:left;
  clear:left;
  padding-right: 20px;
}
.index dd {
  float:left;
}
.index a:link, .index a:visited{
 color: #000 !important;
 text-decoration: underline;
}

.news p.title{
  font-size: 200% !important;
  line-height: 2;
}

.topicsArea .intro{
  padding: 20px 25px 10px 25px;
  overflow: hidden;
  box-sizing: border-box;
}
.intro .overview{
  float: left;
  width: 40%;
}
.intro .overview p{
  line-height: 2em;
  font-size: 110% !important;
}
.intro .service{
  float: right;
  box-sizing:border-box;
  padding-left: 60px;
  width: 60%;
}
.service .hr{
  border-radius: 10px;
  padding: 20px;
  border: 2px solid #937840;
  background: #fff;
}
.hr p.message01{
  font-size: 140% !important;
  line-height: 1.2em !important;
  text-align:center;
}
.hr p.message02{
  font-size: 220% !important;
  line-height: 1.8em !important;
  text-align:center;
  font-weight: bold;
}

.hr p.btn {
  text-align: center;
  position: relative;
}
.hr p .btn a{
  position: absolute;
  top:0;
  right:0;
}
.service dl {
     margin-top: 20px;
     padding: 0 16px;
}
.service dt:first-child{
     margin-top: 0 !important;
}
.service dl dt {
     float: left;
     clear: left;
     width: 1.6em;
     padding-left: 2px;
     font-size: 24px;
     background: #937840; 
     color: #fff;
     text-align: center;
     border-radius: 20px;
     margin-top: 10px;
}
.service dl dd {
     margin-top: 10px;
     border-bottom: 1px solid #937840;
     padding-left: 3.5em; 
     font-size: 120% !important;
     padding-bottom: 10px;
}
.catPart{
  /*padding: 10px 20px; */
  /*margin: 25px 0;*/
}
.catPart .base{
  padding: 10px 20px 20px 20px;
  background: rgba(255,255,255,0.8);
}
.catPart h2{
  font-size: 175% !important;
  margin: 10px 0 20px 0 !important;
}
.catPart h3{
  background: none !important;
  border: none !important;
}
.advisorBox{
  overflow: hidden;
  box-sizing: border-box;
  width: 100%;
}
.advisorBox .item{
  padding: 20px;
  box-sizing: border-box;
  width: 25%;
  float: left;
}
.advisorBox p{
  text-align: center;
}
.link-box{
  position:relative;
  margin-top: 20px;
  height: 50px;
}

.link-box  p.btn{
  position: absolute;
  top:0;
  right:0;
  text-align: right;
}
p.seminar-link{
  position: absolute;
  top:0px;
  left:10px;
}
p.seminar-link a{  
    font-size: 106%;
    font-weight: bold;
}

.reportBox{
  overflow: hidden;
  box-sizing: border-box;
}
.reportBox .item{
  width: 50%;
  float: left;
  box-sizing: border-box;
  padding: 20px 40px 0 40px;
}

.center{
  text-align:center;
}
.reportBox .item img{
 padding: 10px; 
}
.reportBox .item .title{
  font-size: 1.2em !important;
  font-weight: bold;
  padding-bottom: 20px;
}

.entry{
  margin-top: 30px;
}
.entry a{
  font-size: 140% !important;
}

/* sp */
@media screen and (max-width: 900px) {
  .topBanner,.topBanner .base {
    box-sizing: border-box;
    width: 100%;
    height: auto;
  }

  .topBanner .TitStyle05 {
    font-size: 24px;
  }

  .topBanner p {
    font-size: 18px !important;
  }

  .topBanner .msg{
    padding: 20px 0;
  }

  .topBanner p.merit {
    text-align: center;
    padding-top: 10px;
    font-size: 22px !important;
    font-weight: 300;
  }

  .topicsArea .news, .topics-Area .intro, .catPart .base{
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .topicsArea .news{
    float: none;
    width: 100%;
    padding: 20px 20px 10px 20px;
  }
  .newsBox .btnBox{
    width: auto;
    overflow: hidden;
    box-sizing: border-box;
    margin-top: 0;
    float: none;
    text-align: center;
    padding-left: 0px;
    padding-bottom: 20px;
  }
  .newsBox .btnBox p{
    display: inline-block;
    margin: 10px 30px;
    
  }
  .newsBox .btnBox a{
  }
  .topicsArea .intro{
    padding: 10px 0;
  }
  .intro .overview{
    float: none; 
    width: 100%;
    margin-top: 0;
  }
  .intro .service{
    float: none;
    padding-top: 20px;
    padding-left: 0;
    width: 480px;
    margin: 0 auto;
  }

  .advisorBox .item{
    float: none;
    width: 100%;
  }

  .reportBox .item{
    float: none;
    width: 100%;
    padding: 20px 0;
  }

  .index dd{
    padding-bottom: 10px;
  }

}

@media screen and (max-width: 550px) {
  .intro .service{
    float: none;
    padding-top: 20px;
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  #yearSelect {
    margin-top: 20px;
  }
}