


.aboutImgM { display:none; }
.aboutImgW { display:block; }
.OrganizationImgM { display:none; }
.OrganizationImgW { display:block; }
.StrategyImgM { display:none; }
.StrategyImgW { display:block; }
.serviceImgM { display:none; }
.serviceImgW { display:block; }
.ExecutiveSearchImgW { display:none; }
.ExecutiveSearchImgM { display:block; }
.OutplacementW { display:none; }
.OutplacementM { display:block; }
.OutsourcingW { display:none; }
.OutsourcingM { display:block; }
.ReferenceW { display:none; }
.ReferenceM { display:block; }
.BusinessW { display:none; }
.BusinessM { display:block; }
.mnaW { display:none; }
.mnaM { display:block; }
.industryW { display:none; }
.industryM { display:block; }
.ClientsW { display:none; }
.ClientsM { display:block; }
.jobopeningW { display:none; }
.jobopeningM { display:block; }
.companyW { display:none; }
.companyM { display:block; }
.applicantW { display:none; }
.applicantM { display:block; }





.pg-bg { width:100%; padding:80px 0; overflow:hidden;  }
.pgwrap { width:100%; margin:0 auto; }


.manage { width:100%; overflow:hidden; }
.manage li { float:left; width:50%; margin:0 auto; text-align:center; }
.manage li img { width:80%; display:block; margin:0 auto; }
.manage li dl { width:100%; padding-top:20px; }
.manage li dl dt { font-size:20px; padding-bottom:10px; }
.manage li dl dd { font-size:16px; line-height:160%; } 



@media only screen and (max-width:767px) and (min-width:320px)
{
	.aboutImgM { display:block; }
	.aboutImgW { display:none; }
	.OrganizationImgM { display:block; }
	.OrganizationImgW { display:none; }
	.StrategyImgM { display:block; }
	.StrategyImgW { display:none; }
	.serviceImgM { display:block; }
	.serviceImgW { display:none; }
	.ExecutiveSearchImgM { display:block; }
	.ExecutiveSearchImgW { display:none; }
	.OutplacementM { display:block; }
	.OutplacementW { display:none; }
	.OutsourcingM { display:block; }
	.OutsourcingW { display:none; }
	.ReferenceM { display:block; }
	.ReferenceW { display:none; }
	.BusinessM { display:block; }
	.BusinessW { display:none; }
	.mnaM { display:block; }
	.mnaW { display:none; }
	.industryM { display:block; }
	.industryW { display:none; }
	.ClientsM { display:block; }
	.ClientsW { display:none; }
	.jobopeningM { display:block; }
	.jobopeningW { display:none; }
	.companyM { display:block; }
	.companyW { display:none; }
	.applicantM { display:block; }
	.applicantW { display:none; }
	
	.pgwrap { width:100%; padding:0 1%; }

	.manage li { float:none; width:90%; overflow:hidden; padding-bottom:20px; text-align:center; }
	.manage li img { width:80%; max-width:360px; display:block; margin:0 auto; }
	.manage li dl { width:100%; padding-top:20px; }
	.manage li dl dt { font-size:18px; padding-bottom:10px; }
	.manage li dl dd { font-size:15px; } 


}
.industry_back {
	background:url('/headhunting/common/images/indusyry__.gif') repeat;
}


/*main*/
.visual { width:100%; height:750px; background:url(../img/mainbg.jpg) no-repeat center; background-size:cover; display:table; }
.visual-txt { display:table-cell; vertical-align:middle; color:#fff; text-align:center; }
.visual-txt p { font-size:48px;  padding-top:50px; }
.visual-txt p span { display:block; }
.con01 { text-align:center; padding:80px 0;  }
.con01-tit { font-size:36px; padding-bottom:10px; }
.con01 .con01-txt { font-size:18px; }
.con01 .con01-txt span { display:block; }
.con01-list { overflow:hidden; padding-top:40px; }
.con01-list ul { width:100%; overflow:hidden; }
.con01-list ul li { width:33.33%; float:left; text-align:center; }
.con01-list-tit { font-size:24px; padding-top:10px;}
.con01-list-tit em { display:inline-block; margin:10px 0; padding:10px 0; width:160px; background:#142a7b; color:#fff; border-radius:22px; font-size:16px; }
.con01-list-tit p { font-size:16px; line-height:180%; }
.con01-list-tit p span { display:block; }
.con01-list ul li img { }
.con02 { margin:50px 0 150px 0; }
.con02-list { padding-top:25px; width:100%; }
.con02-list ul { width:100%; }
.con02-list ul li { float:left; width:33.33%; position:relative; overflow:hidden; height:350px; }
.con02 .con01-tit { text-align:center; }
.aaimg { width:100%; min-height:350px; overflow:hidden; }
.aaimg img { height:350px; }
.con03 { width:100%; overflow:hidden; background:url(../img/recruit_bg.jpg) no-repeat center; background-size:cover;}
.con03 .con-rec { padding:100px 0; text-align:center; }
.con03 .con-rec p { color:#fff; font-size:36px; padding-bottom:30px; }
.con03 .con-rec a { display:inline-block; padding:12px 0; width:180px; border-radius:26px; font-size:18px; }
.con03 .con-rec .wbtn { margin-left:8px; border:#fff solid 2px; background:none; color:#fff; }
/*effect*/
.pic-caption {
    cursor: default;
    position: absolute;
    width: 100%;
    height: 100%;
    background:url(../img/box_ani_bg.png) repeat;
    padding: 25% 0 0 0;
    text-align: center;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=($opacity * 100))";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
	color:#fff;
}


.map iframe { height:500px; }
.map-info { margin-top:30px; }
.map-info ul { overflow:hidden; border-top:#d20012 solid 3px; margin-bottom:30px; }
.map-info ul li { width:50%; float:left; padding:15px 0; border-bottom:#d6c7ba solid 1px; display:table; }
.map-info ul li.w-100 { float:none; width:100%; overflow:hidden; }
.map-info ul li > span { display:table-cell; padding-left:10px; font-size:17px; }
.map-info ul li .maptit { width:70px; font-size:15px; color:#d20012; font-weight:bold; }





.pic-3d {
    -webkit-perspective: 500;
    -moz-perspective: 500;
    -o-perspective: 500;
    -ms-perspective: 500;
    perspective: 500;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.pic-caption
{
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease
}

.aa:hover .bottom-to-top {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=($opacity * 100))";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -moz-touch-callout: none;
    -o-touch-callout: none;
    -ms-touch-callout: none;
    touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -moz-tap-highlight-color: transparent;
    -o-tap-highlight-color: transparent;
    -ms-tap-highlight-color: transparent;
    tap-highlight-color: transparent
}
.bottom-to-top { top:0; left:0; }
.aa:hover .bottom-to-top { top: 0; left: 0 }
.aa { position:relative; }
.aa:hover .bottom-to-top { top: 0; left: 0; }
.imgtit { position:absolute; width:100%; top:0; height:100%; text-align:center; color:#fff; font-size:28px; opacity:1; -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease }
.imgtit p { padding-top:100px;}
.imgtit .more { display:block; padding-top:80px;}
.aa:hover .imgtit { opacity:0;
     -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease }
.pic-title { font-size:24px; padding-bottom:15px; }
.pic-caption p { width:80%; margin:0 auto; line-height:180%; font-size:15px; }


/*page*/
section { }
#pagewrap { padding-bottom:80px; overflow:hidden; }
.w-wrap { width:1100px; margin:0 auto; overflow:hidden; }
.pg-top { width:100%; overflow:hidden; height:500px; background-size:cover; }
.pg-top-bg01 { background:url(../img/page-top-bg01.jpg) no-repeat center; }
.pg-top-bg02 { background:url(../img/page-top-bg02.jpg) no-repeat center; }
.pg-top-bg03 { background:url(../img/page-top-bg03.jpg) no-repeat center; }
.pg-top-bg04 { background:url(../img/page-top-bg.jpg) no-repeat center;  }
.pg-top-bg05 { background:url(../img/page-top-bg05.jpg) no-repeat center;}
.pg-top .pg-top-tit { text-align:center; color:#fff; padding-top:200px; font-size:48px; font-weight:bold; }

.pg-subnav { width:100%; height:55px; border-bottom:#d9d9d9 solid 1px; }
.pg-subnav ul { overflow:hidden; border-left:#d9d9d9 solid 1px; }
.pg-subnav ul li { float:left; border-right:#d9d9d9 solid 1px; }
.pg-subnav ul li a { display:block; padding:0 20px; line-height:55px; font-size:15px; }
.subnav-home { background:url(../img/loc-home.png) no-repeat left center; padding-left:15px; }
.subnav-arr { background:url(../img/loc-arr.png) no-repeat right center; padding-right:50px; }

.pg-tit { padding:80px 0 30px 0; text-align:center; }
.pg-tit h3 { font-size:36px; }
.pg-tit p { font-size:18px; padding-top:8px; }

.box-top { padding:50px 0; }
.box-top .box-tit { text-align:center; font-size:32px; font-weight:bold; padding-bottom:20px; }
.box-top p {  width:80%; margin:0 auto; font-size:18px; text-align:center; }

.pg-tab { padding:30px 0; }
.pg-tab ul { width:100%; border-left:#ccc solid 1px; padding-top:1px; overflow:hidden; }
.pg-tab ul li { float:left; width:33.33%; border:#ccc solid 1px; border-left:0; margin-top:-1px; position:relative; padding:15px 0; text-align:center; background:#fafafa; color:#666; font-size:18px; }
.pg-tab ul li:hover, .pg-tab ul li:active, .pg-tab ul li.selected { background:#1a3392; color:#fff; }

.box01 { width:100%; overflow:hidden; }
.box-ceo-tit { width:100%; background:url(../img/ceo.jpg) no-repeat center; background-size:cover; padding:80px 0; color:#fff; font-size:36px; text-align:center; }
.box-ceo-txt { width:95%; margin:0 auto; padding-top:50px;  }
.box-ceo-txt .col-tit { float:left; width:40%; font-size:28px; font-weight:bold; }
.box-ceo-txt .col-txt { float:right; width:59%; font-size:18px;}
.box-ceo-txt .col-txt p { padding-bottom:15px; }
.toptxt { font-size:22px; font-weight:bold; }

.hist-tab { padding-bottom:30px; }
.hist-tab ul { overflow:hidden; }
.hist-tab ul li { float:left; width:33.3%; text-align:center; }
.hist-tab ul li a { display:inline-block; padding:12px 0; width:80%; text-align:center; border:#142a7b solid 2px; color:#142a7b; border-radius:26px; font-size:18px; }
.hist-tab ul li a.selected { background:#142a7b; border:#142a7b solid 2px; color:#fff; }
.histlist { width:100%; padding:20px 0; overflow:hidden; }
.hist-col-lt { float:left; width:30%; border-top:#1a3392 solid 1px; }
.hist-col-rt { float:right; width:70%; border-top:#ccc solid 1px;  text-align:left; line-height:180%; }
.hist-col-lt .year { display:block; padding:15px 0 0 20px; font-size:28px; color:#1a3392; }
.hist-col-rt ul li { position:relative; padding:15px 15px 15px 25px; border-bottom:#ddd solid 1px; }
.hist-col-rt ul li:last-child { border-bottom:0; }
.hist-col-rt ul li .month { position:absolute; font-size:18px; }
.hist-col-rt ul li p { margin-left:30px; margin-bottom:15px; padding-left:15px; font-size:16px; background:url(../img/histlist-dot.gif) no-repeat 0 9px; } 

.phillist { width:100%; overflow:hidden; margin:20px 0; }
.phillist li { width:100%; display:table; overflow:hidden; margin-bottom:30px;}
.phillist-img { display:table-cell; width:35%; }
.phillist-img img { width:100%; }
.phillist-detail { display:table-cell; vertical-align:middle; width:65%; background:#f5f5f5; padding:0 30px; font-size:16px; }
.phillist-detail h5 { font-size:24px; font-weight:bold; padding-bottom:10px;}
.phillist-detail span { display:block; }

.bsn-box { width:100%; overflow:hidden; margin-top:30px; }
.bsn-box-l { width:49%; float:left; overflow:hidden; margin-bottom:15px; }
.bsn-box-r { width:49%; float:right; overflow:hidden; margin-bottom:15px; }
.bsnimg { position:relative; }
.bsnimg img { width:100%; }
.bsnimg .bsn-tag { position:absolute; bottom:-20px; left:50%; margin-left:-100px; padding:12px 0; width:200px; text-align:center; border-radius:26px; font-size:17px; }
.bsn-detail { padding:30px 10px; font-size:16px; }

.coop-box { width:100%; overflow:hidden; margin-bottom:30px; }
.coop-box .coop-box-tit { float:left; width:20%; font-size:24px; color:#142a7b; }
.coop-box .coop-box-list { float:left; width:80%; }
.coop-box .coop-box-list ul { width:100%; clear:both; overflow:hidden; }
.coop-box .coop-box-list li { float:left; width:33.33%; margin-bottom:10px; }
.coop-box .coop-box-list li a { display:block; width:96%; margin:0 auto; text-align:center; font-size:18px; padding:35px 0; border:#bbb solid 1px; }
.coop-box .coop-box-list li a:hover, .coop-box .coop-box-list li a:active { text-decoration:underline; background:#17308b; color:#fff; }

.rcut-box { padding:30px 0 50px 0; }
.rcut-box ul { width:100%; overflow:hidden; }
.rcut-box ul li { float:left; width:33.33%; text-align:center; }
.rcut-box ul li img { display:block; margin:0 auto; max-width:120px; }
.rcut-box ul li h5 { font-size:24px; padding:15px 0; color:#142a7b }
.rcut-box ul li p { font-size:16px; }
.rcut-box ul li p strong { display:block; padding-bottom:10px; font-size:18px; font-family: 'NtR', Sans-serif; }
.rcut-box ul li p span { display:block; }
.rcut-tbl ul { overflow:hidden; }
.rcut-tbl ul li { width:100%; display:table; padding:15px 0; margin-bottom:15px; border-top:#142a7b solid 1px;border-bottom:#bbb solid 1px; }
.rcut-tbl ul li span { display:table-cell; font-size:16px; text-align:center; }
.rcut-tbl ul li .tbl-f { width:12%; }
.rcut-tbl ul li .tbl-s { text-align:left; background:url(img/td-line.gif) no-repeat left center; padding-left:20px; font-weight:bold; }
.rcut-tbl ul li .tbl-t { width:15%; }
.rcut-tbl ul li .tbl-t a { display:inline-block; padding:10px 0; font-size:14px; width:100px; border-radius:24px; }

/**/
.btn { background:#17308b; border:#17308b solid 2px; color:#fff; padding:12px 0; text-align:center; }


@media only screen and (min-width:768px)
{
#pc-header { display:block; }
#m-header { display:none; }
}

@media only screen and (max-width:1099px) and (min-width:768px)
{

/*main*/
.con02 { margin:50px 0 80px 0; }
.con03 .con-rec { padding:80px 0; }
.con03 .con-rec p { font-size:32px; }

/*page*/
.w-wrap { width:100%; }
.pg-content { width:98% !important; margin:0 auto; }
.pg-top { height:280px; }
.pg-top .pg-top-tit { padding-top:150px; font-size:36px; }

.hist-tab ul li a { width:90%; }
.histlist { width:96%; margin:0 auto; }
.hist-col-lt { width:20%; }
.hist-col-rt { width:80%; }	
.phillist-img { width:35%; }
.phillist-detail { width:65%; background:#f5f5f5; padding:0 20px; font-size:15px; }
.phillist-detail h5 { font-size:20px;}
.coop-box .coop-box-tit span { display:block;}	
.coop-box .coop-box-list li a { font-size:16px; padding:30px 0;}

}

@media only screen and (max-width:767px) and (min-width:320px)
{
/*header,footer*/
#pc-header { display:none; }
#m-header { display:block; height:50px; }
#m-header .mlogo { display:block; float:left;  padding:12px 0 0 15px;}
#m-header .mlogo img { height:25px; }
#m-header .ninja-btn { display:block; float:right; padding:13px 15px 0 0; }
#m-header .ninja-btn > img { width:28px; }
.panel {
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  position: fixed; z-index: 9999; top: 0; height: 100%; width: 100%; background:rgba(20, 20, 20, 0.9);
}
.panel .ho { width:100%; position: absolute; z-index:1; margin:0; padding:0 0 80px 0; left:0; right: 0px; height:auto; text-align:left; }
.panel-overlay { position:fixed; top 0; z-index:9998; width:100%; height:100%; display:none; background-color:rgba(0, 0, 0, 0.6); cursor:pointer; }
.panel.left { right:-1000px; }
.panel.left.active { right:0; overflow-y:scroll; }
.panel.left.active .ninja-btn { left:100%; margin-left:-55px; border:#fff solid 1px; background:none; }
.close-btn { display:block; position:absolute; top:15px; right:15px; z-index:3; width:25px; height:25px; }
.panel .panel-top { position:relative; padding:15px 20px; border-bottom:#0633dc solid 3px; background:#f9f9f9; font-size:20px; }
.panel .ho .m-list > li { float:none; width:auto; border-bottom:#333 solid 1px; }
.panel .ho .m-list > li .m-list-btn { display:block; padding:20px 0 20px 20px; font-size:17px; color:#aaa; text-align:center; } 
.panel .ho .m-list > li .m-list-btn:active { color:#eee; }

/*main*/
.visual { height:calc(100vh); }
.visual-txt p { font-size:32px; padding-top:0; }
.con01 { padding:40px 20px;  }
.con01-tit { font-size:28px; padding-bottom:10px; }
.con01 .con01-txt { font-size:15px; }
.con01-list { padding-top:25px; }
.con01-list ul li { width:100%; float:none; margin-bottom:20px; }
.con01-list-tit { font-size:20px; padding-top:10px;}
.con01-list-tit em { margin:0 0 10px 0; padding:10px 0; width:160px; border-radius:20px; font-size:14px; }
.con01-list-tit p { font-size:15px; line-height:160%; }
.con01-list-tit p span { display:inline-block; }
.con02 { margin:40px 0; }
.con02-list { width:100%; overflow:hidden; position:relative; }
.con02-list ul li { float:none; width:100%; position:relative; overflow:hidden; height:150px; }
.aaimg { width:100%; height:150px; overflow:hidden; }
.aaimg img { width:100%; height:auto; }
.imgtit, .pic-caption { display:none; }
.aa:active .m-aa, .aa:hover .m-aa { background:url(img/box_ani_bg.png) repeat; }
.m-aa { display:block; position:absolute; width:100%; top:0; height:100%; color:#fff; display:table; }
.m-aa .m-aabox { display:table-cell; vertical-align:middle; padding:0 5%; }
.m-aa .m-aabox h1 { font-size:16px; padding-bottom:8px; }
.con03 .con-rec { padding:40px 0; }
.con03 .con-rec p { font-size:20px; padding-bottom:15px; }
.con03 .con-rec a { padding:10px 0; width:120px; border-radius:20px; font-size:14px; }

/*page*/
#pagewrap { padding:50px 0; }
.w-wrap { width:100%; }
.pg-content { width:96% !important; margin:0 auto; }
.pg-top { height:170px; }
.pg-top .pg-top-tit { padding-top:70px; font-size:32px; font-weight:bold; }
.pg-subnav { height:40px; }
.pg-subnav ul { border-left:0;}
.pg-subnav ul li a { padding:0 15px; line-height:40px; font-size:14px; }
.pg-tit { padding:30px 0 15px 0; }
.pg-tit h3 { font-size:26px; }
.pg-tit p { font-size:16px; }
.box-top { padding:20px 0; }
.box-top .box-tit { font-size:20px; padding-bottom:10px; }
.box-top p { width:90%;font-size:15px; }
.pg-tab { padding:20px 0; }
.pg-tab ul li { padding:10px 0; font-size:13px; }
.box-ceo-tit { padding:50px 0; font-size:32px; }
.box-ceo-txt { padding-top:20px;  }
.box-ceo-txt .col-tit { float:none; width:100%; font-size:22px; padding-bottom:10px; }
.box-ceo-txt .col-txt { float:none; width:100%; font-size:16px;}
.toptxt { font-size:18px; }
.box-ceo-txt .col-txt p { padding-bottom:10px; }
.hist-tab { padding-bottom:20px; }
.hist-tab ul li a { padding:8px 0; width:96%; border-radius:20px; font-size:15px; }
.histlist { width:100%; padding:10px; overflow:hidden; }
.hist-col-lt { float:none; width:100px; }
.hist-col-lt .year { display:block; padding:10px 0 0 5px; font-size:24px; color:#142a7b; }
.hist-col-rt { float:none; width:100%; border-top:0; }
.hist-col-rt ul li { padding:15px 10px 10px 5px; }
.hist-col-rt ul li p { margin-left:30px; margin-bottom:5px; padding-left:10px; font-size:15px; }

.phillist li { width:100%; overflow:hidden; margin-bottom:30px;}
.phillist-img { display:block; width:100%; }
.phillist-img img { width:100%; }
.phillist-detail { display:block; vertical-align:middle; width:100%; padding:20px 15px; font-size:14px; text-align:center; }
.phillist-detail h5 { font-size:18px; padding-bottom:5px;}
.phillist-detail span { display:inline-block; }

.bsn-box { width:96%; margin:30px auto 0 auto; }
.bsn-box-l { width:100%; float:none; overflow:hidden; margin-bottom:15px; }
.bsn-box-r { width:100%; float:none; overflow:hidden; margin-bottom:15px; }	
.bsnimg .bsn-tag { font-size:15px; }
.bsn-detail { font-size:15px; }

.coop-box { margin-bottom:20px; }	
.coop-box .coop-box-tit { float:none; width:100%; font-size:18px; padding-bottom:5px; border-bottom:#17308b solid 1px; margin-bottom:10px; }
.coop-box .coop-box-list { float:none; width:100%; }
.coop-box .coop-box-list li a { width:98%; font-size:14px; padding:20px 0; }

.rcut-box { padding:15px 0 20px 0; }
.rcut-box ul li { float:none; width:100%; margin-bottom:20px;  }
.rcut-box ul li img { display:block; margin:0 auto; width:100px; }
.rcut-box ul li h5 { font-size:22px; padding:8px 0; }
.rcut-box ul li p strong { padding-bottom:3px;}
.rcut-box ul li p span { display:inline-block; }
.rcut-tbl ul li { padding:12px 0; }
.rcut-tbl ul li span { font-size:14px; }	
.rcut-tbl ul li .tbl-f { width:15%; font-size:13px; color:#666; }
.rcut-tbl ul li .tbl-t a { padding:5px 0; font-size:12px; width:70px; border-radius:18px; }
}


