﻿/******************************************************
 Common Styles
******************************************************/

body{
	background-color:#FFF;
	color:#555;
	line-height: 150%;
	}

*{
	margin:0;
	padding:0;
	}

a{
	text-decoration:underline;
	}
a:link{
	color:#4D4398;
	text-decoration:none;
	}
a:visited{
	color:#4D4398;
	text-decoration:none;
	}
a:active{
	color:#4D4398;
	text-decoration:none;
	}
a:hover{
	color:#4D4398;
	text-decoration:underline;
	}

img{
	border:0;
	}

h1,h2,h3,h4,h5,h6{
	clear:both;
	line-height:150%;
	margin:0 0 20px;
	}
p,ul,ol,dl{
	margin:0 0 3px;
	}
ul,ol{
	list-style-type:none;
	}

table{
	border-collapse:separate;
	border-spacing:1px;
	}

fieldset{
	border:0;
}

hr{
	clear:both;
	border:0;
	margin-bottom:20px;
	}



/*//////// common ////////*/

.link a{
	background:url(../images/arw_default.gif) no-repeat 0 50%;
	padding-left:10px;
	}

.caution{
	color:#C00;
	}

.important{
	color:#C00;
	}



/*//////// ContactForm7 ////////*/

.wpcf7-not-valid-tip{
	display:block;
	padding-top:0.5em;
	}
.acceptance .wpcf7-not-valid-tip,
.agreebox .wpcf7-not-valid-tip{
	display:inline;
	padding-left:10px;
	}



/******************************************************
 PC Styles
******************************************************/

@media only screen and (min-width: 768px) {


/*//////// HTML ////////*/

body{
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,"ＭＳ Ｐゴシック", "MS PGothic",sans-serif;
	font-size:small;
	}


/*//////// common ////////*/

.pc{
	display:block;
}
.pcInline{
	display:inline;
}
.sp{
	display:none;
}

header,
nav#gNavi,
#body,
footer{
	clear:both;
	display:block;
	width:100%;
	}

header .inner,
nav#gNavi .inner,
#body .inner,
footer .inner{
	clear:both;
	display:block;
	margin:0 auto;
	position:relative;
	width:940px;
	text-align:left;
	}

a img{
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
a:hover img{
	opacity: 0.6;
	filter: alpha(opacity=60);
}

.note,
.caption{
	font-size:x-small;
	}

.picL{
	float:left;
	padding-right:20px;
	}
.picC{
	text-align:center;
	}
.picR{
	float:right;
	padding-left:20px;
	}

.btm{
	margin-bottom:30px;
	}

table.typeA{
	background:#DDD;
	margin:0 0 30px;
	}
table.typeA th,
table.typeA td{
	padding:15px;
	vertical-align:middle;
	}
table.typeA th{
	background:#F3F3F3;
	text-align:left;
	width:30%;
	}
table.typeA td{
	background:#FFF;
	}
table.typeA td ul{
	margin-bottom:0;
	}

table.typeB{
	background:#DDD;
	margin:0 0 30px;
	}
table.typeB th,
table.typeB td{
	padding:10px;
	line-height:100%;
	vertical-align:middle;
	}
table.typeB th{
	background:#F3F3F3;
	text-align:center;
	white-space:nowrap;
	}
table.typeB td{
	background:#FFF;
	}
table.typeB td ul{
	margin-bottom:0;
	}

table.typeC{
	background:#DDD;
	margin:0 0 15px;
	}
table.typeC th,
table.typeC td{
	font-size:x-small;
	padding:5px;
	vertical-align:middle;
	}
table.typeC th{
	background:#F3F3F3;
	text-align:center;
	}
table.typeC td{
	background:#FFF;
	}
table.typeC td ul{
	margin-bottom:0;
	}

table.sub{
	margin:0;
	}
table.sub th,
table.sub td{
	background:none;
	border:0;
	font-weight:normal;
	padding:0 5px 0 0;
	margin:0;
	white-space:nowrap;
	}



/*//////// header ////////*/

header{
	border-top:3px solid #EEE;
	}

header .inner{
	position:relative;
	height:100px;
	}
header .inner .logo,
header .inner .baloon,
header .inner .navi,
header .inner .contact{
	position:absolute;
	}
header .inner .logo{
	top:40px;
	left:0;
	}
header .inner .baloon{
	top:20px;
	left:275px;
	}
header .inner .navi{
	top:20px;
	right:220px;
	}
header .inner .contact{
	top:20px;
	right:0;
	}
header .inner .navi li{
	line-height:1%;
	margin-bottom:4px;
	}


/*//////// #gNavi ////////*/

nav#gNavi{
	background:#606060;
	height:50px;
	margin-bottom:20px;
	}
nav#gNavi .inner{
	height:50px;
	width:940px;
	}
nav#gNavi .inner ul{
	background:url(../images/bdr_gNavi.gif) no-repeat left 50%;
	clear:both;
	height:50px;
	margin:0;
	padding:0;
	width:940px;
	}
nav#gNavi .inner ul li{
	background:url(../images/bdr_gNavi.gif) no-repeat right 50%;
	float:left;
	height:50px;
	text-align:center;
    padding: 0 15px;
	}
nav#gNavi .inner ul li a{
	display:block;
	color:#FFF;
	font-size:medium;
	font-weight:normal;
	height:34px;
	padding-top:16px;
	}
nav#gNavi .inner ul li a:hover{
	background:url(../images/arw_gNavi_current.gif) no-repeat bottom;
	}
nav#gNavi .inner ul li a:hover{
	text-decoration:none;
	}
nav#gNavi .inner ul li a.current{
	background:none;
	}
nav#gNavi .inner ul li#navIndexCorp,
nav#gNavi .inner ul li#navServiceCorp,
nav#gNavi .inner ul li#navStatisticsCorp,
nav#gNavi .inner ul li#navPerformanceCorp,
nav#gNavi .inner ul li#navSatisfactionCorp,
nav#gNavi .inner ul li#navContactCorp{
	width:125px;
	}
#index nav#gNavi .inner ul li#navIndex a,
#service nav#gNavi .inner ul li#navService a,
#project nav#gNavi .inner ul li#navProject a,
#performance nav#gNavi .inner ul li#navPerformance a,
#flow nav#gNavi .inner ul li#navFlow a,
#satisfaction nav#gNavi .inner ul li#navStaff a,
#column nav#gNavi .inner ul li#navColumn a,
#workstyle nav#gNavi .inner ul li#navWorkstyle a,
#navColumn nav#gNavi .inner ul li#navColumn a,
#signup nav#gNavi .inner ul li#navSignup a,
#indexCorp nav#gNavi .inner ul li#navIndexCorp a,
#serviceCorp nav#gNavi .inner ul li#navServiceCorp a,
#statisticsCorp nav#gNavi .inner ul li#navStatisticsCorp a,
#performanceCorp nav#gNavi .inner ul li#navPerformanceCorp a,
#satisfactionCorp nav#gNavi .inner ul li#navSatisfactionCorp a,
#contactCorp nav#gNavi .inner ul li#navContactCorp a{
	background:url(../images/arw_gNavi_current.gif) no-repeat bottom;
	}


/*//////// #body ////////*/

#body{
	margin:0 0 30px;
	}
#body .inner{
	}
#body .inner #mainContWrap,
#body .inner #subContWrap{
	float:left;
	}
#body .inner #mainContWrap{
	width:700px;
	}

#body .inner #mainContWrap h1{
	background:url(../images/bg_h1.jpg);
	border-top:3px solid #FFF;
	color:#FFF;
	font-size:xx-large;
	font-weight:normal;
	padding: 25px 30px;
	}

#interview #body .inner #mainContWrap h1{
    font-size: x-large;
}
#body .inner #mainContWrap h1 span{
	font-size:small;
	}
#body .inner #mainContWrap h2{
	background:#F3F3F3;
	border-top:solid #EEE 3px;
	font-size:large;
	padding:12px 15px 15px;
	}
#body .inner #mainContWrap h2 span{
	background:url(../images/icn_h2.gif) no-repeat 0 50%;
	padding-left:15px;
	}
#body .inner #mainContWrap h2 a {
    float: right;
    color: inherit;
    font-size: 14px;
    font-weight: normal;
}
#body .inner #mainContWrap h2 span.note{
	background:none;
	font-size:small;
	font-weight:normal;
	}
#body .inner #mainContWrap h3{
	background:url(../images/bg_h3.jpg) repeat-x bottom, url(../images/icn_h3.gif) no-repeat 0 25%;
	font-size:medium;
	padding:0 10px 15px 20px;
	}
#body .inner #mainContWrap h4{
	color:#B00;
	font-size:larger;
	}
#body .inner #mainContWrap h5{
	color:#B00;
	font-size:small;
	}
#body .inner #mainContWrap h6{
	font-size:small;
	}

#body .inner #mainContWrap ul.list{
	list-style-type:none;
	}
#body .inner #mainContWrap ul.list li{
	background:url(../images/icn_list.gif) no-repeat 0 2px;
	padding-left:15px;
	margin-bottom:5px;
	}
#body .inner #mainContWrap ul.list ul.sub{
	padding-top:5px;
	padding-left:20px;
	margin-bottom:0;
	}
#body .inner #mainContWrap ul.list ul.sub li{
	font-size:x-small;
	}
#body .inner #mainContWrap ul.link{
	list-style-type:none;
	}
#body .inner #mainContWrap ul.link li{
	background:none;
	padding-left:0;
	margin-bottom:5px;
	}

#body .inner #mainContWrap .featureWrap{
	background:url(../images/bg_box_type01.gif);
	padding:0px;
	margin-bottom:30px;
	}
#body .inner #mainContWrap .feature{
	background:#FFF;
	padding:0px;
	width:650px;
	}
#body .inner #mainContWrap .feature h3{
	background:none;
	font-size:medium;
	border:0;
	padding:0;
	}
#body .inner #mainContWrap .feature dt{
	color:#B00;
	font-size:larger;
	margin-bottom:15px;
	}

#body .inner #mainContWrap .searchWrap{
	background:#FDFDFD;
	border:1px solid #DDD;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	clear:both;
	margin-bottom:30px;
	padding:10px 14px 0;
	position:relative;
	}
#body .inner #mainContWrap .searchWrap h3{
	background:url(../../common/images/icn_search.gif) no-repeat 0 50%;
	font-size:large;
	padding:5px 0 5px 40px;
	margin-bottom:10px;
	}
#body .inner #mainContWrap .searchWrap #switch{
	position:absolute;
	top:14px;
	right:14px;
	}
#body .inner #mainContWrap .searchWrap dl{
	background:#EEE;
	clear:both;
	margin-bottom:5px;
	}
#body .inner #mainContWrap .searchWrap dt,
#body .inner #mainContWrap .searchWrap dd{
	float:left;
	padding:10px;
	}
#body .inner #mainContWrap .searchWrap dt{
	font-weight:bold;
	width:80px;
	vertical-align:middle;
	}
#body .inner #mainContWrap .searchWrap dd{
	border-left:1px solid #FDFDFD;
	width:789px;
	}
#body .inner #mainContWrap .searchWrap dd ul{
	clear:both;
	}
#body .inner #mainContWrap .searchWrap dd li{
	float:left;
	}
#body .inner #mainContWrap .searchWrap dd li label{
	display:inline-block;
	min-width:15em;
	white-space:nowrap;
	}
#body .inner #mainContWrap .searchWrap .btnWrap{
	padding-top:5px;
	margin-bottom:0;
	text-align:center;
	width:100%;
	}
#body .inner #mainContWrap .searchWrap .btnWrap #search{
	background:url(../../common/images/btn_search.jpg) no-repeat;
	border:0;
	cursor:pointer;
	height:50px;
	width:400px;
	text-indent:-9999px;
	}
#body .inner #mainContWrap .searchWrap .btnWrap #search:hover{
	background:url(../../common/images/btn_search_on.jpg) no-repeat;
	}

#body .inner #mainContWrap .projectWrap{
	border-bottom:3px solid #EEE;
	display:block;
	margin-bottom:30px;
	}
#body .inner #mainContWrap .project{
	border-top:3px solid #EEE;
	margin-bottom:20px;
	padding:20px 0 0;
	width:100%;
	position:relative;
	}
#body .inner #mainContWrap .project:hover{
	background:#FBFBFB;
	cursor:pointer;
	}
#body .inner #mainContWrap .project .num{
	margin-bottom:10px;
	}
#body .inner #mainContWrap .project .num a{
	height:100%;
	top:0;
	left:0;
	position:absolute;
	text-indent:-9999px;
	width:100%;
	}
#body .inner #mainContWrap .project .outline{
	margin-bottom:20px;
	}
#body .inner #mainContWrap .project .outline dt{
	font-size:x-large;
	margin-bottom:30px;
    line-height: 1.3;
	}
#body .inner #mainContWrap .project .detail{
	background:#FDFDFD;
	border:1px solid #DDD;
	clear:both;
	margin-bottom:0;
	padding:14px;
	position:inherit;
	}
#body .inner #mainContWrap .project .detail:hover{
	cursor:auto;
	}
#body .inner #mainContWrap .project .detail dl{
	border-left:1px solid #DDD;
	float:left;
	margin-bottom:0;
	padding:0 10px;
	width:109px;
	}
#body .inner #mainContWrap .project .detail dl.req{
	border-left:0;
	padding-left:0;
	width:250px;
	}
#body .inner #mainContWrap .project .detail dt{
	font-weight:bold;
	margin-bottom:5px;
	}
#body .inner #mainContWrap .project .detail .reward dd{
	color:#C00;
	}

#body .inner #mainContWrap .project .detail .reward dd a {
    color: inherit;
}

#body .inner #mainContWrap .project .detail .reward dd a:hover {
    text-decoration: underline !important;
}

#body .inner #mainContWrap .project .detail .type dd a,
#body .inner #mainContWrap .project .detail .field dd a{
	display:block;
	width:100%;
	}

#body .inner #mainContWrap .socialButtonWrap{
	clear:both;
	margin-bottom:50px;
	}
#body .inner #mainContWrap .socialButtonWrap li{
	float:left;
	}
#body .inner #mainContWrap .socialButtonWrap li.sBtn_TW{
	padding:0 20px;
	}
#body .inner #mainContWrap .socialButtonWrap li.sBtn_FB a,
#body .inner #mainContWrap .socialButtonWrap li.sBtn_TW a,
#body .inner #mainContWrap .socialButtonWrap li.sBtn_HB a{
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	color:#FFF;
	display:block;
	font-size:medium;
	font-weight:bold;
	height:40px;
	padding-top:20px;
	width:220px;
	text-align:center;
	}
#body .inner #mainContWrap .socialButtonWrap li.sBtn_FB a{
	background-color:#3A599A;
	}
#body .inner #mainContWrap .socialButtonWrap li.sBtn_FB a span{
	background:url(../images/icn_FB.gif) no-repeat 0 50%;
	line-height:100%;
	padding-left:30px;
	}
#body .inner #mainContWrap .socialButtonWrap li.sBtn_TW a{
	background-color:#00ACEE;
	}
#body .inner #mainContWrap .socialButtonWrap li.sBtn_TW a span{
	background:url(../images/icn_TW.gif) no-repeat 0 50%;
	line-height:100%;
	padding-left:30px;
	}
#body .inner #mainContWrap .socialButtonWrap li.sBtn_HB a{
	background-color:#008FDE;
	}
#body .inner #mainContWrap .socialButtonWrap li.sBtn_HB a span{
	background:url(../images/icn_HB.gif) no-repeat 0 50%;
	line-height:100%;
	padding-left:30px;
	}

#body .inner #mainContWrap .pager{
	position:relative;
	margin-bottom:30px;
	width:100%;
	}
#body .inner #mainContWrap .pager .prev{
	position:absolute;
	left:0;
	top:0;
	}
#body .inner #mainContWrap .pager .next{
	position:absolute;
	right:0;
	top:0;
	}
#body .inner #mainContWrap .pager .prev{
	background:url(../images/arw_prev.gif) no-repeat 0 50%;
	padding-left:15px;
	}
#body .inner #mainContWrap .pager .next{
	background:url(../images/arw_default.gif) no-repeat right 50%;
	padding-right:15px;
	}
#body .inner #mainContWrap .pager .pagenum{
	text-align:center;
	}
#body .inner #mainContWrap .pager .pagenum a,
#body .inner #mainContWrap .pager .pagenum span{
	border:1px solid #DDD;
	padding:5px 10px;
	}
#body .inner #mainContWrap .pager .pagenum a:hover{
	background:#F3F3F3;
	}
#body .inner #mainContWrap .pager .pagenum .current{
	background:#F3F3F3;
	}

#body .inner #mainContWrap .paginationWrap{
	border-top:3px solid #EEE;
	height:100px;
	position:relative;
	}
#body .inner #mainContWrap .paginationWrap li{
    float: left;
    width: 33%;
    margin-top: 20px;
	}
#body .inner #mainContWrap .paginationWrap li.prev a{
	background:url(../images/arw_prev.gif) no-repeat 0 50%;
	padding-left:15px;
	}
#body .inner #mainContWrap .paginationWrap li.index{
    text-align: center;
	}
#body .inner #mainContWrap .paginationWrap li.index a{
	background:url(../images/icn_index.gif) no-repeat 0 50%;
	padding-left:15px;
	}
#body .inner #mainContWrap .paginationWrap li.next {
    text-align: right;
}
#body .inner #mainContWrap .paginationWrap li.next a{
	background:url(../images/arw_default.gif) no-repeat right 50%;
	padding-right:15px;
	}

#body .inner #mainContWrap .linklistWrap{
	background:#FDFDFD;
	border:1px solid #DDD;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	clear:both;
	margin-bottom:30px;
	padding:14px;
	}
#body .inner #mainContWrap .linklistWrap h3{
	background:url(../images/icn_h3.gif) no-repeat 0 50%;
	font-size:small;
	margin:0 0 15px;
	padding:0 0 0 20px;
	}
#body .inner #mainContWrap .linklistWrap dl{
	clear:both;
	font-size:x-small;
	line-height:120%;
	margin-bottom:5px;
	}
#body .inner #mainContWrap .linklistWrap dt,
#body .inner #mainContWrap .linklistWrap dd{
	float:left;
	}
#body .inner #mainContWrap .linklistWrap dt{
	background:url(../images/icn_multiply.gif) no-repeat right 50%;
	min-width:15em;
	white-space:nowrap;
	}
#body .inner #mainContWrap .linklistWrap dd{
	background:url(../images/bdr_fNavi.gif) no-repeat 0 50%;
	padding:0 5px;
	}
#body .inner #mainContWrap .linklistWrap dt:first-child + dd{
	background:none;
	padding-left:15px;
	}

#body .inner #mainContWrap .btn{
	clear:both;
	text-align:center;
	width:100%;
	}
#body .inner #mainContWrap .btn a{
	display:inline-block;
	margin:0 auto;
	}

#body .inner #subContWrap{
	padding-left:20px;
	width:220px;
	}
#body .inner #subContWrap h2{
	margin-bottom:0;
	}
#body .inner #subContWrap .link{
	font-size:x-small;
	}
#body .inner #subContWrap #lNavi{
	margin-bottom:30px;
	}
#body .inner #subContWrap #lNavi li{
	line-height:1%;
	margin-bottom:10px;
	}

#body .inner #subContWrap .bnr{
	margin-bottom:30px;
	}
#body .inner #subContWrap .bnr li{
	line-height:1%;
	margin-bottom:10px;
	}

#body .inner #subContWrap .social{
	border:1px solid #EEE;
	margin-bottom:30px;
	padding:10px;
	overflow:hidden;
	width:198px;
	}

#body .inner #subContWrap #cList{
	margin-bottom:30px;
	}
#body .inner #subContWrap #cList dt{
	background:#F3F3F3;
	border-top:solid #EEE 3px;
	font-size:large;
	font-weight:bold;
	padding:12px 15px 15px;
	margin-top:30px;
	}
#body .inner #subContWrap #cList dt:first-child{
	margin-top:0;
	}
#body .inner #subContWrap #cList dt span{
	background:url(../images/icn_h2.gif) no-repeat 0 50%;
	padding-left:15px;
	}
#body .inner #subContWrap #cList dd{
	background:url(../images/arrow_cList.gif) no-repeat right 50%;
	border-bottom:1px solid #EEE;
	line-height:120%;
	padding:15px 15px 15px 0;
	}
#body .inner #subContWrap #cList dd:hover{
	background-color:#F9F9F9;
	}
#body .inner #subContWrap #cList dd span,
#body .inner #subContWrap #cList dd strong{
	display:inline-block;
	}



/*//////// footer ////////*/

footer{
	background:url(../images/bg_foot.gif) repeat-x;
	background-color:#F3F3F3;
	min-height:180px;
	}
footer .inner{
	position:relative;
	font-size:x-small;
	}
footer .inner ul.breadcrumb,
footer .inner p.pagetop,
footer .inner p.navi,
footer .inner address{
	position:absolute;
	}
footer .inner ul.breadcrumb{
	clear:both;
	}
footer .inner ul.breadcrumb li{
	background:url(../images/bdr_foot_breadcrumb.gif) no-repeat 0 50%;
	float:left;
	padding:0 5px 0 15px;
	}
footer .inner ul.breadcrumb li.home{
	background:none;
	padding-left:0;
	}
footer .inner p.pagetop{
	top:0;
	right:0;
	}
footer .inner p.navi{
	top:50px;
	text-align:center;
	width:940px;
	}
footer .inner nav#fNavi{
	position:absolute;
	top:50px;
	}
footer .inner nav#fNavi p{
	text-align:center;
	width:940px;
	}
footer .inner nav#fNavi span{
	background:url(../images/bdr_fNavi.gif) no-repeat 0 50%;
	padding:0 5px 0 10px;
	}
footer .inner nav#fNavi span.nbdr{
	background:none;
	padding-left:0;
	}

footer .inner address{
	top:120px;
	text-align:center;
	font-style:normal;
	width:940px;
	}





/* #index
***************************************************/

#index #body .inner #mainContWrap h1{
	background:none;
	border-top:0;
	padding:0;
	margin-bottom:30px;
	}
#body .inner #mainContWrap .topics{
	height:270px;
	margin-bottom:50px;
	overflow:auto;
	width:700px;
	}
#body .inner #mainContWrap .topics li{
	border-bottom:1px dotted #09F;
	clear:both;
	padding-bottom:10px;
	margin-bottom:10px;
	width:670px;
	}
#body .inner #mainContWrap .topics li .date,
#body .inner #mainContWrap .topics li .title{
	float:left;
	}
#body .inner #mainContWrap .topics li .date{
    padding-right: 20px;
	}
#body .inner #mainContWrap .topics li .title{
	width:570px;
	}
#index #body .inner #mainContWrap .graphWrap{
	clear:both;
	margin-bottom:30px;
	}
#index #body .inner #mainContWrap .graphWrap dl{
	float:left;
	padding-right:20px;
	width:160px;
	}
#index #body .inner #mainContWrap .graphWrap dl.end{
	padding-right:0;
	}
#index #body .inner #mainContWrap .graphWrap dt{
	font-weight:bold;
	font-size:medium;
	text-align:center;
	margin-bottom:10px;
	}

#index #body .inner #mainContWrap .feature dl{
	float:left;
	padding-right:20px;
	margin-bottom:0;
	width:200px;
	}
#index #body .inner #mainContWrap .feature dl.end{
	padding-right:0;
	}


/* #service
***************************************************/

#service #body .inner #mainContWrap .txtWrap{
	clear:both;
	margin-bottom:30px;
	}
#service #body .inner #mainContWrap .txtWrap h3{
	color:#B00;
	background:none;
	font-size:medium;
	padding:0;
	margin-bottom:10px;
	}
#service #body .inner #mainContWrap .txtWrapSml{
	float:left;
	width:400px;
	}


/* #project
***************************************************/

#project #body .inner #mainContWrap{
	width:940px;
	}

#project #body .inner #mainContWrap h2 .sub{
	background:none;
	font-size:small;
	font-weight:normal;
	padding:0;
	}

#project #body .inner #mainContWrap .txtWrap .btnWrap{
	float:right;
	}

#project #body .inner #mainContWrap .txtWrap .cNavi{
	float:left;
	margin-bottom:10px;
	width:720px;
	}
#project #body .inner #mainContWrap .txtWrap .cNavi ul{
	clear:both;
	width:720px;
	}
#project #body .inner #mainContWrap .txtWrap .cNavi li{
	display:block;
	float:left;
	padding-right:20px;
	margin-bottom:5px;
	width:160px;
	}
#project #body .inner #mainContWrap .txtWrap .cNavi li a{
	display:block;
	border:1px solid #DDD;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	background:#FFF;
	padding:5px 0 5px 10px;
	width:148px;
	}
#project #body .inner #mainContWrap .txtWrap .cNavi li a:hover{
	background:#F3F3F3;
	}
#project #body .inner #mainContWrap .txtWrap .cNavi li a span{
	background:url(../images/arw_default.gif) no-repeat 0 50%;
	padding-left:10px;
	}

#project #body .inner #mainContWrap .btnWrap .link{
	font-size:x-small;
	}

table.project-comment {
    float: right;
    max-width: 50%;
    border: 3px solid #eee;
    line-height: 1.4;
    margin: -10px 0 5px 10px;
}

.project-comment-photo {
    width: 100px;
}

.project-comment-photo img {
    width: 100%;
}

.project-comment-noimg {
    width: 100%;
    background: #eee;
    height: 100px;
}

.project-comment td {
    padding: 5px;
    vertical-align: top;
}

.project-comment-position,
.project-comment-body {
    font-size: 14px;
}

.project-comment-name {
    font-size: 23px;
}

.project-comment-kana {
    font-size: 12px;
}




/* #performance
***************************************************/

#staff-single #body .inner #mainContWrap,
#performance #body .inner #mainContWrap{
	width:940px;
	}

#performance #body .inner #mainContWrap .graphWrap{
	clear:both;
	margin-bottom:30px;
	padding-right:20px;
	width:940px;
	}
#performance #body .inner #mainContWrap .graphWrap dl{
	float:left;
	padding-right:20px;
	width:220px;
	}
#performance #body .inner #mainContWrap .graphWrap dl.end{
	padding-right:0;
	}
#performance #body .inner #mainContWrap .graphWrap dt{
	font-weight:bold;
	font-size:medium;
	text-align:center;
	margin-bottom:10px;
	}
#performance #body .inner #mainContWrap .graphWrap p.note{
	clear:both;
	}



/* #flow
***************************************************/

#flow #body .inner #mainContWrap .stepWrap{
	background:url(../images/bg_box_type01.gif);
	clear:both;
	padding:10px;
	margin:0;
	width:680px;
	}
#flow #body .inner #mainContWrap .step{
	background:url(../../images/flow/bg_step.gif) repeat-y -30px;
	background-color:#FFF;
	clear:both;
	padding:1px;
	width:678px;
	}
#flow #body .inner #mainContWrap .step h3{
	background:none;
	padding:0;
	margin:0;
	padding-top:35px;
	width:150px;
	text-align:center;
	}
#flow #body .inner #mainContWrap .step h3,
#flow #body .inner #mainContWrap .step .detail{
	float:left;
	}
#flow #body .inner #mainContWrap .step .detail{
	background:#FFF;
	padding:15px;
	margin:0;
	min-height:120px;
	width:498px;
	}
#flow #body .inner #mainContWrap .step .detail h4{
	margin-bottom:10px;
	}
#flow #body .inner #mainContWrap .step .detail p.btm{
	margin-bottom:0;
	}

#flow #body .inner #mainContWrap hr.flow{
	background:url(../../images/flow/bg_flow.gif) no-repeat 50% 0;
	border:0;
	height:25px;
	margin-bottom:10px;
	}



/* #satisfaction
***************************************************/

#satisfaction #body .inner #mainContWrap .txtWrap{
	clear:both;
	margin-bottom:30px;
	}
#satisfaction #body .inner #mainContWrap .txtWrap.btm{
	margin-bottom:50px;
	}
#satisfaction #body .inner #mainContWrap .txtWrap .graph,
#satisfaction #body .inner #mainContWrap .txtWrap .detail{
	float:left;
	}
#satisfaction #body .inner #mainContWrap .txtWrap .graph{
	padding-right:20px;
	width:220px;
	}
#satisfaction #body .inner #mainContWrap .txtWrap .graph dt{
	font-size:medium;
	font-weight:bold;
	margin-bottom:5px;
	text-align:center;
	}
#satisfaction #body .inner #mainContWrap .txtWrap .detail{
	width:460px;
	}
#satisfaction #body .inner #mainContWrap .txtWrap .signature{
	text-align:right;
	}

#satisfaction #body .inner #mainContWrap .graphWrap{
	clear:both;
	margin-bottom:30px;
	}
#satisfaction #body .inner #mainContWrap .graphWrap.btm{
	margin-bottom:50px;
	}
#satisfaction #body .inner #mainContWrap .graphWrap dl{
	float:left;
	padding-right:20px;
	width:220px;
	}
#satisfaction #body .inner #mainContWrap .graphWrap dl.end{
	padding-right:0;
	}
#satisfaction #body .inner #mainContWrap .graphWrap dt{
	font-weight:bold;
	font-size:small;
	text-align:center;
	margin-bottom:10px;
	min-height:2em;
	}

#satisfaction #body .inner #mainContWrap .link{
	text-align:right;
	margin-bottom:50px;
	}

#satisfaction #body .inner #mainContWrap .backnumber{
	border:1px solid #EEE;
	background:#FDFDFD;
	clear:both;
	margin-bottom:30px;
	padding:14px;
	width:670px;
	}
#satisfaction #body .inner #mainContWrap .backnumber dt{
	font-weight:bold;
	font-size:medium;
	margin-bottom:10px;
	}
#satisfaction #body .inner #mainContWrap .backnumber dd a{
	background:url(../images/arw_default.gif) no-repeat 0 50%;
	padding-left:10px;
	}



/* #workstyle
***************************************************/

.workstyle dl,
#workstyle #body .inner #mainContWrap .contWrap dl{
	float:left;
	padding-right:18px;
	min-height:35em;
	overflow:hidden;
	width:215px;
	}
.workstyle dl {
	min-height: 0;
	}
.workstyle dt,
#workstyle #body .inner #mainContWrap .contWrap dt{
	line-height:100%;
	margin-bottom:10px;
	}
.workstyle dt img,
#workstyle #body .inner #mainContWrap .contWrap dt img{
	width:215px;
	}
.workstyle dd,
#workstyle #body .inner #mainContWrap .contWrap dd{
	margin-bottom:5px;
	}
.workstyle dd.title span,
.workstyle dd.title strong,
#workstyle #body .inner #mainContWrap .contWrap dd.title span,
#workstyle #body .inner #mainContWrap .contWrap dd.title strong{
	display:inline-block;
	}
.workstyle dd.title span:hover,
.workstyle dd.title strong:hover,
#workstyle #body .inner #mainContWrap .contWrap dd.title span:hover,
#workstyle #body .inner #mainContWrap .contWrap dd.title strong:hover{
	text-decoration:underline;
	}

#workstyle .picL img,
#workstyle .picR img {
    max-width: 100%;
}

/*//////// article ////////*/

#workstyle #body .inner #mainContWrap .contWrap,
#interview #body .inner #mainContWrap .contWrap{
	margin-bottom:50px;
	}
#workstyle #body .inner #mainContWrap .contWrap dl.prof,
#workstyle #body .inner #mainContWrap .contWrap .txtWrap{
	float:left;
	}
#workstyle #body .inner #mainContWrap .contWrap dl.prof{
	padding-right:20px;
	min-height:20em;
	width:215px;
	}
#workstyle #body .inner #mainContWrap .contWrap dl.prof dt img{
	width:215px;
	}
#workstyle #body .inner #mainContWrap .contWrap dl.prof dd.name{
	font-weight:bold;
	font-size:medium;
	}
#workstyle #body .inner #mainContWrap .contWrap dl.prof dd.name span{
	display:inline-block;
	margin-left:10px;
	font-weight:normal;
	font-size:x-small;
	}
#workstyle #body .inner #mainContWrap .contWrap .txtWrap{
	width:465px;
	}

#interview.archive .contWrap {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

/* #column
***************************************************/

#column #body .inner #mainContWrap .contWrap dl{
	float:left;
	padding-right:18px;
	min-height:32em;
	overflow:hidden;
	width:215px;
	}
#column #body .inner #mainContWrap .contWrap dt{
	line-height:0;
	padding-bottom:0;
	margin-bottom:0;
	}
#column #body .inner #mainContWrap .contWrap dt a{
	background:url(../images/bg_noimage.jpg) no-repeat 50% 50%;
	background-color:#F3F3F3;
	display:block;
	height:215px;
	width:215px;
	overflow:hidden;
	}
#column #body .inner #mainContWrap .contWrap dt img{
	max-width:215px;
	}
#column #body .inner #mainContWrap .contWrap dd{
	margin-bottom:5px;
	}
#column #body .inner #mainContWrap .contWrap dd.category{
	background:#B00;
	font-size:x-small;
	line-height:100%;
	padding:5px 10px;
	text-align:center;
	}
#column #body .inner #mainContWrap .contWrap dd.category a{
	color:#FFF;
	}
#column #body .inner #mainContWrap .contWrap dd.date a{
	color:#555;
	}
#column #body .inner #mainContWrap .contWrap dd.title{
	clear:both;
	float:none;
	}
#column #body .inner #mainContWrap .contWrap dd.title span:hover,
#column #body .inner #mainContWrap .contWrap dd.title strong:hover{
	text-decoration:underline;
	}



/*//////// article ////////*/

#column #body .inner #mainContWrap .contWrap{
	margin-bottom:50px;
	}
#column #body .inner #mainContWrap .contWrap .itemWrap h3,
#column #body .inner #mainContWrap .contWrap .itemWrap h4,
#column #body .inner #mainContWrap .contWrap .itemWrap h5,
#column #body .inner #mainContWrap .contWrap .itemWrap h6{
	background:none;
	font-weight:bold;
	padding:0;
	margin:0;
	}
#column #body .inner #mainContWrap .contWrap .itemWrap h3{
	font-size:large;
	margin-bottom:30px;
	margin-top:50px;
	}
#column #body .inner #mainContWrap .contWrap .itemWrap h3:first-child{
	margin-top:0;
	}
#column #body .inner #mainContWrap .contWrap .itemWrap h4{
	font-size:medium;
	margin-bottom:25px;
	}
#column #body .inner #mainContWrap .contWrap .itemWrap h5{
	font-size:small;
	margin-bottom:20px;
	}
#column #body .inner #mainContWrap .contWrap .itemWrap h6{
	font-size:x-small;
	margin-bottom:15px;
	}

#column #body .inner #mainContWrap .contWrap .itemWrap img {
    max-width: 100%;
    height: auto;
}
.column-categories {
    margin-bottom: 50px;
}

.column-categories a {
    display: inline-block;
    padding: 0 10px 10px 0;
    box-sizing: border-box;
}


/* #signup
***************************************************/

#signup #body .inner #mainContWrap .formWrap{
	border-top:1px solid #DDD;
	display:block;
	margin-bottom:5px;
	width:700px;
	}
#signup #body .inner #mainContWrap .formWrap dl{
	border:1px solid #DDD;
	border-top:0;
	background:#F4F3F3;
	clear:both;
	display:block;
	margin:0;
	width:698px;
	}
#signup #body .inner #mainContWrap .formWrap dt,
#signup #body .inner #mainContWrap .formWrap dd{
	float:left;
	padding:15px;
	}
#signup #body .inner #mainContWrap .formWrap dt{
	font-weight:bold;
	width:200px;
	}
#signup #body .inner #mainContWrap .formWrap dt .req{
	background:url(../../images/contactus/icn_req.gif) no-repeat right 50%;
	padding-right:40px;
	}
#signup #body .inner #mainContWrap .formWrap dd{
	background:#FDFDFD;
	border-left:1px solid #DDD;
	width:437px;
	}
#signup #body .inner #mainContWrap .formWrap dd input,
#signup #body .inner #mainContWrap .formWrap dd textarea{
	border:1px solid #CCC;
	padding:3px;
	}
#signup #body .inner #mainContWrap .formWrap dd input:focus,
#signup #body .inner #mainContWrap .formWrap dd textarea:focus{
	border:1px solid #AAA;
	}
#signup #body .inner #mainContWrap .formWrap dd input#name,
#signup #body .inner #mainContWrap .formWrap dd input#kana,
#signup #body .inner #mainContWrap .formWrap dd input#email,
#signup #body .inner #mainContWrap .formWrap dd input#email02,
#signup #body .inner #mainContWrap .formWrap dd input#telnum{
	width:250px;
	}

#signup #body .inner #mainContWrap #privacypolicy{
	border:1px solid #DDD;
	height:70px;
	padding:15px;
	margin-bottom:30px;
	overflow:auto;
	width:668px;
	}
#signup #body .inner #mainContWrap #privacypolicy h2,
#signup #body .inner #mainContWrap #privacypolicy h3,
#signup #body .inner #mainContWrap #privacypolicy h2 span,
#signup #body .inner #mainContWrap #privacypolicy h3 span,
#signup #body .inner #mainContWrap #privacypolicy h4{
	border:none;
	background:none;
	padding:0;
	}
#signup #body .inner #mainContWrap #privacypolicy h5{
	color:#555;
	font-size:small;
	}
#signup #body .inner #mainContWrap #privacypolicy ol{
	list-style-type:decimal;
	margin-left:3em;
	}
#signup #body .inner #mainContWrap #privacypolicy dl.inquiry dt{
	font-weight:bold;
	margin-bottom:5px;
	}

#signup #body .inner #mainContWrap .agreeCheck{
	font-size:x-small;
	text-align:center;
	vertical-align:bottom;
	}

#signup #body .inner #mainContWrap .btnWrap{
	position:relative;
	margin-bottom:50px;
	height:60px;
	width:700px;
	}
#signup #body .inner #mainContWrap .btnWrap .confirm,
#signup #body .inner #mainContWrap .btnWrap .signup{
	position:absolute;
	left:225px;
	}
#signup #body .inner #mainContWrap .btnWrap .back{
	position:absolute;
	left:0;
	}
#signup #body .inner #mainContWrap .btnWrap #confirm{
	background:url(../images/btn_confirm.jpg) no-repeat;
	border:0;
	cursor:pointer;
	height:60px;
	width:250px;
	text-indent:-9999px;
	}
#signup #body .inner #mainContWrap .btnWrap #confirm:hover{
	background:url(../images/btn_confirm_on.jpg) no-repeat;
	}
#signup #body .inner #mainContWrap .btnWrap #signup{
	background:url(../images/btn_signup.jpg) no-repeat;
	border:0;
	cursor:pointer;
	height:60px;
	width:250px;
	text-indent:-9999px;
	}
#signup #body .inner #mainContWrap .btnWrap #signup:hover{
	background:url(../images/btn_signup_on.jpg) no-repeat;
	}
#signup #body .inner #mainContWrap .btnWrap .back{
	position:absolute;
	left:0;
	}



/* #indexCorp
***************************************************/
#indexCorp #body .inner #mainContWrap h1{
	background:none;
	border-top:0;
	padding:0;
	margin-bottom:30px;
	}
#indexCorp #body .inner #mainContWrap .topics{
	height:200px;
	margin-bottom:50px;
	overflow:auto;
	width:700px;
	}
#indexCorp #body .inner #mainContWrap .topics li{
	border-bottom:1px dotted #DDD;
	clear:both;
	padding-bottom:10px;
	margin-bottom:10px;
	width:670px;
	}
#indexCorp #body .inner #mainContWrap .topics li .date,
#indexCorp #body .inner #mainContWrap .topics li .title{
	float:left;
	}
#indexCorp #body .inner #mainContWrap .topics li .date{
	width:100px;
	}
#indexCorp #body .inner #mainContWrap .topics li .title{
	width:570px;
	}

#indexCorp #body .inner #mainContWrap .feature dl{
	margin-bottom:30px;
	}
#indexCorp #body .inner #mainContWrap .feature dl.end{
	margin-bottom:0;
	}
#indexCorp #body .inner #mainContWrap .feature dd{
	margin-bottom:10px;
	}
#indexCorp #body .inner #mainContWrap .feature dd.link{
	text-align:right;
	}

#indexCorp #body .inner #subContWrap h2{
	margin-bottom:20px;
	}
#indexCorp .contact > h2 {
    background: #03005b !important;
    color: #fff;
    border-top: none !important;
    margin-top: 50px;
    }


/* #serviceCorp
***************************************************/

#serviceCorp #body .inner #mainContWrap .txtWrap{
	clear:both;
	margin-bottom:30px;
	}
#serviceCorp #body .inner #mainContWrap .txtWrap .detail{
	float:left;
	width:460px;
	}
#serviceCorp #body .inner #mainContWrap .txtWrap h3{
	color:#B00;
	background:none;
	font-size:larger;
	padding:0;
	margin-bottom:10px;
	}

#serviceCorp #body .inner #mainContWrap .stepWrap{
	background:url(../images/bg_box_type01.gif);
	clear:both;
	padding:10px;
	margin:0;
	width:680px;
	}
#serviceCorp #body .inner #mainContWrap .step{
	background:url(../../images/flow/bg_step.gif) repeat-y -30px;
	background-color:#FFF;
	clear:both;
	padding:1px;
	width:678px;
	}
#serviceCorp #body .inner #mainContWrap .step h3{
	background:none;
	padding:0;
	margin:0;
	padding-top:35px;
	width:150px;
	text-align:center;
	}
#serviceCorp #body .inner #mainContWrap .step .detail h4{
	margin-bottom:10px;
	}
#serviceCorp #body .inner #mainContWrap .step h3,
#serviceCorp #body .inner #mainContWrap .step .detail{
	float:left;
	}
#serviceCorp #body .inner #mainContWrap .step .detail{
	background:#FFF;
	padding:15px;
	margin:0;
	min-height:120px;
	width:498px;
	}
#serviceCorp #body .inner #mainContWrap .step .detail p.btm{
	margin-bottom:0;
	}

#serviceCorp #body .inner #mainContWrap hr.flow{
	background:url(../../images/corp/service/bg_flow.gif) no-repeat 50% 0;
	border:0;
	height:25px;
	margin-bottom:10px;
	}

#serviceCorp #body .inner #subContWrap h2{
	margin-bottom:20px;
	}



/* #statisticsCorp
***************************************************/

#statisticsCorp #body .inner #mainContWrap .txtWrap{
	clear:both;
	margin-bottom:30px;
	}
#statisticsCorp #body .inner #mainContWrap .txtWrap.btm{
	margin-bottom:50px;
	}
#statisticsCorp #body .inner #mainContWrap .txtWrap .detail{
	float:left;
	width:460px;
	}
#statisticsCorp #body .inner #mainContWrap .txtWrap .typeC{
	float:none;
	width:460px;
	}
#statisticsCorp #body .inner #mainContWrap .txtWrap .typeC th{
	width:16%;
	}
#statisticsCorp #body .inner #mainContWrap .txtWrap .typeC td{
	width:42%;
	white-space:nowrap;
	}

#statisticsCorp #body .inner #mainContWrap .examWrap{
	border-bottom:1px solid #DDD;
	clear:both;
	position:relative;
	margin-bottom:30px;
	min-height:180px;
	}
#statisticsCorp #body .inner #mainContWrap .examWrap .thumb{
	width:160px;
	padding-right:20px;
	position:absolute;
	line-height:1%;
	margin-bottom:0;
	left:0;
	bottom:0;
	}
#statisticsCorp #body .inner #mainContWrap .examWrap dl{
	padding-top:20px;
	padding-left:180px;
	margin-bottom:0;
	width:520px;
	}
#statisticsCorp #body .inner #mainContWrap .examWrap dt{
	font-size:medium;
	font-weight:bold;
	margin-bottom:10px;
	}
#statisticsCorp #body .inner #mainContWrap .examWrap dt span{
	font-size:small;
	font-weight:normal;
	}
#statisticsCorp #body .inner #mainContWrap .examWrap dt.male{
	color:#39C;
	}
#statisticsCorp #body .inner #mainContWrap .examWrap dt.female{
	color:#B00;
	}
#statisticsCorp #body .inner #mainContWrap .examWrap dd{
	margin-bottom:10px;
	}

#statisticsCorp #body .inner #subContWrap h2{
	margin-bottom:20px;
	}



/* #performanceCorp
***************************************************/

#performanceCorp #body .inner #mainContWrap .txtWrap{
	clear:both;
	margin-bottom:30px;
	}
#performanceCorp #body .inner #mainContWrap .txtWrap.btm{
	margin-bottom:50px;
	}
#performanceCorp #body .inner #mainContWrap .txtWrap .detail{
	float:left;
	width:460px;
	}

#performanceCorp .inner #mainContWrap .caseWrap{
	background:url(../images/bg_box_type01.gif);
	padding:10px;
	margin-bottom:30px;
	}
#performanceCorp .inner #mainContWrap .case{
	background:#FFF;
	padding:15px;
	width:650px;
	}
#performanceCorp .inner #mainContWrap .case h3{
	background:none;
	font-size:medium;
	border:0;
	padding:0;
	margin-bottom:20px;
	}
#performanceCorp .inner #mainContWrap .case h3 span{
	background:none;
	font-size:small;
	font-weight:normal;
	border:0;
	padding:0;
	}
#performanceCorp .inner #mainContWrap .case dl.before,
#performanceCorp .inner #mainContWrap .case dl.after{
	background:#FBFBFB;
	border:1px solid #DDD;
	padding:15px;
	padding-right:150px;
	margin:0;
	position:relative;
	}
#performanceCorp .inner #mainContWrap .case dl.before dt,
#performanceCorp .inner #mainContWrap .case dl.after dt{
	font-size:medium;
	font-weight:bold;
	margin-bottom:10px;
	}
#performanceCorp .inner #mainContWrap .case dl.before dd.thumb,
#performanceCorp .inner #mainContWrap .case dl.after dd.thumb{
	line-height:1%;
	position:absolute;
	right:10px;
	bottom:0;
	}
#performanceCorp .inner #mainContWrap .case hr.result{
	background:url(../../images/corp/performance/arw_result.gif) no-repeat 50% 0;
	border:0;
	height:20px;
	margin-bottom:10px;
	}
#performanceCorp .inner #mainContWrap .case dl.after{
	background:#FEFAFA;
	border:1px solid #FAECEC;
	color:#B00;
	}

#performanceCorp #body .inner #subContWrap h2{
	margin-bottom:20px;
	}



/* #satisfactionCorp
***************************************************/

#satisfactionCorp #body .inner #mainContWrap .txtWrap{
	clear:both;
	margin-bottom:30px;
	}
#satisfactionCorp #body .inner #mainContWrap .txtWrap.btm{
	margin-bottom:50px;
	}
#satisfactionCorp #body .inner #mainContWrap .txtWrap .graph,
#satisfactionCorp #body .inner #mainContWrap .txtWrap .detail{
	float:left;
	}
#satisfactionCorp #body .inner #mainContWrap .txtWrap .graph{
	padding-right:20px;
	width:220px;
	}
#satisfactionCorp #body .inner #mainContWrap .txtWrap .graph dt{
	font-size:medium;
	font-weight:bold;
	margin-bottom:5px;
	text-align:center;
	}
#satisfactionCorp #body .inner #mainContWrap .txtWrap .detail{
	width:460px;
	}
#satisfactionCorp #body .inner #mainContWrap .txtWrap .signature{
	text-align:right;
	}

#satisfactionCorp #body .inner #mainContWrap .graphWrap{
	clear:both;
	margin-bottom:30px;
	}
#satisfactionCorp #body .inner #mainContWrap .graphWrap.btm{
	margin-bottom:50px;
	}
#satisfactionCorp #body .inner #mainContWrap .graphWrap dl{
	float:left;
	padding-right:20px;
	width:160px;
	}
#satisfactionCorp #body .inner #mainContWrap .graphWrap dl.end{
	padding-right:0;
	}
#satisfactionCorp #body .inner #mainContWrap .graphWrap dt{
	font-weight:bold;
	font-size:small;
	text-align:center;
	margin-bottom:10px;
	min-height:60px;
	}

#satisfactionCorp #body .inner #mainContWrap .link{
	text-align:right;
	margin-bottom:50px;
	}

#satisfactionCorp #body .inner #mainContWrap .backnumber{
	border:1px solid #EEE;
	background:#FDFDFD;
	clear:both;
	margin-bottom:30px;
	padding:14px;
	width:670px;
	}
#satisfactionCorp #body .inner #mainContWrap .backnumber dt{
	font-weight:bold;
	font-size:medium;
	margin-bottom:10px;
	}
#satisfactionCorp #body .inner #mainContWrap .backnumber dd a{
	background:url(../images/arw_default.gif) no-repeat 0 50%;
	padding-left:10px;
	}

#satisfactionCorp #body .inner #subContWrap h2{
	margin-bottom:20px;
	}



/* #contactCorp
***************************************************/

#contactCorp #body .inner #mainContWrap .formWrap{
	border-top:1px solid #DDD;
	display:block;
	margin-bottom:5px;
	width:700px;
	}
#contactCorp #body .inner #mainContWrap .formWrap dl{
	border:1px solid #DDD;
	border-top:0;
	background:#F4F3F3;
	clear:both;
	display:block;
	margin:0;
	width:698px;
	}
#contactCorp #body .inner #mainContWrap .formWrap dt,
#contactCorp #body .inner #mainContWrap .formWrap dd{
	float:left;
	padding:15px;
	}
#contactCorp #body .inner #mainContWrap .formWrap dt{
	font-weight:bold;
	width:200px;
	}
#contactCorp #body .inner #mainContWrap .formWrap dt .req{
	background:url(../../images/contactus/icn_req.gif) no-repeat right 50%;
	padding-right:40px;
	}
#contactCorp #body .inner #mainContWrap .formWrap dd{
	background:#FDFDFD;
	border-left:1px solid #DDD;
	width:437px;
	}
#contactCorp #body .inner #mainContWrap .formWrap dd input,
#contactCorp #body .inner #mainContWrap .formWrap dd textarea{
	border:1px solid #CCC;
	padding:3px;
	}
#contactCorp #body .inner #mainContWrap .formWrap dd input:focus,
#contactCorp #body .inner #mainContWrap .formWrap dd textarea:focus{
	border:1px solid #AAA;
	}
#contactCorp #body .inner #mainContWrap .formWrap dd input#company,
#contactCorp #body .inner #mainContWrap .formWrap dd input#name,
#contactCorp #body .inner #mainContWrap .formWrap dd input#kana,
#contactCorp #body .inner #mainContWrap .formWrap dd input#email,
#contactCorp #body .inner #mainContWrap .formWrap dd input#email02,
#contactCorp #body .inner #mainContWrap .formWrap dd input#telnum{
	width:250px;
	}
#contactCorp #body .inner #mainContWrap .formWrap dd textarea{
	min-height:100px;
	width:400px;
	}

#contactCorp #body .inner #mainContWrap #privacypolicy{
	border:1px solid #DDD;
	height:70px;
	padding:15px;
	margin-bottom:30px;
	overflow:auto;
	width:668px;
	}
#contactCorp #body .inner #mainContWrap #privacypolicy h2,
#contactCorp #body .inner #mainContWrap #privacypolicy h3,
#contactCorp #body .inner #mainContWrap #privacypolicy h2 span,
#contactCorp #body .inner #mainContWrap #privacypolicy h3 span,
#contactCorp #body .inner #mainContWrap #privacypolicy h4{
	border:none;
	background:none;
	padding:0;
	}
#contactCorp #body .inner #mainContWrap #privacypolicy h5{
	color:#555;
	font-size:small;
	}
#contactCorp #body .inner #mainContWrap #privacypolicy ol{
	list-style-type:decimal;
	margin-left:3em;
	}
#contactCorp #body .inner #mainContWrap #privacypolicy dl.inquiry dt{
	font-weight:bold;
	margin-bottom:5px;
	}

#contactCorp #body .inner #mainContWrap .agreeCheck{
	font-size:small;
	text-align:center;
	vertical-align:bottom;
	}

#contactCorp #body .inner #mainContWrap .btnWrap{
	position:relative;
	margin-bottom:50px;
	height:60px;
	width:700px;
	}
#contactCorp #body .inner #mainContWrap .btnWrap .confirm,
#contactCorp #body .inner #mainContWrap .btnWrap .signup{
	position:absolute;
	left:225px;
	}
#contactCorp #body .inner #mainContWrap .btnWrap .back{
	position:absolute;
	left:0;
	}
#contactCorp #body .inner #mainContWrap .btnWrap #confirm{
	background:url(../images/btn_confirm.jpg) no-repeat;
	border:0;
	cursor:pointer;
	height:60px;
	width:250px;
	text-indent:-9999px;
	}
#contactCorp #body .inner #mainContWrap .btnWrap #confirm:hover{
	background:url(../images/btn_confirm_on.jpg) no-repeat;
	}
#contactCorp #body .inner #mainContWrap .btnWrap #contact{
	background:url(../images/btn_signup.jpg) no-repeat;
	border:0;
	cursor:pointer;
	height:60px;
	width:250px;
	text-indent:-9999px;
	}
#contactCorp #body .inner #mainContWrap .btnWrap #contact:hover{
	background:url(../images/btn_signup_on.jpg) no-repeat;
	}
#contactCorp #body .inner #mainContWrap .btnWrap #back{
	background:url(../images/btn_back.gif) no-repeat;
	border:0;
	cursor:pointer;
	height:60px;
	width:200px;
	text-indent:-9999px;
	}
#contactCorp #body .inner #mainContWrap .btnWrap .back{
	position:absolute;
	left:0;
	}
.wpcf7c-conf {
    background-color: transparent !important;
    border: none !important;
}
div.wpcf7 img.ajax-loader {
    margin: 20px auto !important;
}



/* #terms
***************************************************/

#terms #body .inner #mainContWrap .btm{
	margin-bottom:50px;
	}
#terms #body .inner #mainContWrap h4{
	color:#555;
	}
#terms #body .inner #mainContWrap dl.inquiry{
	border:1px solid #EEE;
	padding:20px;
	}
#terms #body .inner #mainContWrap dl.inquiry dt{
	font-size:medium;
	font-weight:bold;
	}


/* #policy
***************************************************/

#policy #body .inner #mainContWrap .btm{
	margin-bottom:50px;
	}
#policy #body .inner #mainContWrap h4{
	color:#555;
	}
#policy #body .inner #mainContWrap ol{
	list-style-type:decimal;
	margin-left:3em;
	}
#policy #body .inner #mainContWrap ol li{
	margin-bottom:10px;
	}
#policy #body .inner #mainContWrap dl.inquiry{
	border:1px solid #EEE;
	padding:20px;
	}
#policy #body .inner #mainContWrap dl.inquiry dt{
	font-size:medium;
	font-weight:bold;
	}


/* #company
***************************************************/

#company #body .inner #mainContWrap table{
	width:100%;
	}
#company #body .inner #mainContWrap table td .position{
	display:inline-block;
	width:7em;
	}
#company #body .inner #mainContWrap .profile{
	clear:both;
	margin-bottom:50px;
	}
#company #body .inner #mainContWrap .profile dl{
	width:700px;
	}
/*#company #body .inner #mainContWrap .profile dl{
	float:left;
	padding-right:20px;
	width:340px;
	}
#company #body .inner #mainContWrap .profile dl.end{
	padding-right:0;
	}*/
#company #body .inner #mainContWrap .profile dt{
	font-size:medium;
	font-weight:bold;
	margin-bottom:10px;
	}
#company #body .inner #mainContWrap #map_canvas{
	border:1px solid #DDD;
	height:298px;
	width:100%;
	}
#company #body .inner #mainContWrap .viewGooglemaps{
	font-size:x-small;
	text-align:right;
	}
#company #body .inner #mainContWrap .viewGooglemaps a{
	background:url(../images/arw_default.gif) no-repeat 0 50%;
	padding-left:12px;
	}

#company #body .inner #mainContWrap .accessWrap{
	float:left;
	width:460px;
	}
#company #body .inner #mainContWrap .accessWrap h3{
	background:none;
	padding:0;
	margin-bottom:15px;
	}
#company #body .inner #mainContWrap .accessWrap dl{
	padding-top:10px;
	margin-bottom:20px;
	}
#company #body .inner #mainContWrap .accessWrap dt{
	font-weight:bold;
	margin-bottom:5px;
	}

/* #support
***************************************************/
.support-box .sp {
    display: none !important;
    }

/* #dictionary
***************************************************/
.index-top {
    margin: 40px 0;
    width: 700px;
}

.index-top th {
    background: #252549;
    font-size: 24px;
    color: #fff;
    font-weight: normal;
    line-height: 1.2;
    width: 30%;
    padding: 20px;
    text-align: center;
}

.index-top.search .search-field {
    height: 136px;
    width: 360px;
    font-size: 24px;
    vertical-align: top;
}

.index-top.search .search-submit {
    background: url(../../images/dictionary/search_top.png);
    border: none;
    color: transparent;
    width: 95px;
    height: 140px;
}

.index-container {
    margin-bottom: -5px;
}

.index-list a:hover {
    text-decoration: none;
}

.dictionary-sidebar,
.dictionary-main {
    float: right;
    margin-bottom: 50px;
}

.dictionary-sidebar {
    width: 283px;
}

.dictionary-main {
    margin-left: 20px;
    width: 397px;
}

.dictionary-main img {
    max-width: 100%;
    height: auto;
}

.dictionary-sidebar .toppage-link,
.dictionary-sidebar h3 {
    background-image: none !important;
    background-color: #252549 !important;
    padding: 20px !important;
    color: #fff;
    font-size: 24px !important;
    font-weight: normal;
    margin: 30px 3px 20px 0;
    display: block;
    text-decoration: none;
    line-height: 1.2;
}

.dictionary-sidebar .toppage-link {
    margin-top: 0;
}

.index-side.search .search-field {
    width: 280px;
    border: 2px solid #000;
    height: 70px;
    font-size: 24px;
    box-sizing: border-box;
}

.index-side.search .search-submit {
    background: url(../../images/dictionary/search_side.png);
    border: none;
    color: transparent;
    width: 280px;
    height: 50px;
    margin-top: 5px;
}

.dictionary-breadcrumb {
    margin-bottom: 20px;
}

.dictionary-breadcrumb {
    margin-bottom: 20px;
}

.dictionary-index-title {
    font-size: 30px !important;
    font-weight: normal;
    padding: 0 0 10px !important;
    border-bottom: 10px solid #000;
    background: none !important;
    position: relative;
}

.dictionary-index-title:before {
    position: absolute;
    z-index: -1;
    content: " ";
    bottom: 3px;
    width: 100%;
    height: 3px;
    background: #000;
}

.dictionary-result-list h4 {
    font-size: 18px !important;
    color: inherit !important;
    line-height: 1.5;
    margin-bottom: 10px;
}

.dictionary-block {
    margin-bottom: 30px;
}

.dictionary-footer {
    margin: 30px 0;
}

.dictionary-footer a {
    font-size: 16px;
}

.footer.pc {
    height: auto !important;
}

/* Fixed header
***************************************************/
header#pagetop,
.header-2.pc {
    position: fixed;
    z-index: 10000;
}

.header-3.pc {
    position: fixed;
    z-index: 10000;
}

header#pagetop {
    background: #fff;
    top: 0;
}

.header-2.pc {
    margin-top: 65px;
}

.header-3.pc {
    margin-top: 100px;
}

.c1 {
    margin-top: 110px;
    }
#staff #body {
    margin-top: 0;
}

#staff #body .inner #mainContWrap {
    margin-top: -30px;
}

#staff .topview {
    margin-top: 110px;
}
#body {
    margin-top: 110px;
}

#body .inner #mainContWrap{
    margin-top: 25px;
}

#body .inner #subContWrap{
    margin-top: 25px;
}

#project #body .inner #mainContWrap{
    margin-top: 0;
}

#interview #gNavi,
#contactCorp #gNavi,
#satisfactionCorp #gNavi,
#performanceCorp #gNavi,
#statisticsCorp #gNavi,
#indexCorp #gNavi,
#serviceCorp #gNavi {
    position: unset;
    z-index: 10000;
}








#contactCorp #body,
#satisfactionCorp #body,
#performanceCorp #body,
#statisticsCorp #body,
#indexCorp #body,
#serviceCorp #body {
    margin-top: 115px;
}

#interview #body {
    background: #000;
    margin-top: 122px;
    margin-bottom: 0;
}

.interview-block {
    flex: 0 0 48%;
    padding: 1%;
}
}

/******************************************************
 Common Styles
******************************************************/
.support-box .support-image,
.support-box .support-text {
    display: table-cell;
    vertical-align: middle;
}
.support-box .support-text {
    width: 45%;
}
.support-box .support-image img {
    width: 100%;
}

.staff-archive-box .staff-image,
.staff-archive-box .staff-text {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
}

.support-box,
.staff-archive-box {
    margin-bottom: 70px;
    display: table;
    width: 100%;
}

.staff-archive-box:hover {
    text-decoration: none;
}

.support-box .support-image img,
.staff-archive-box .staff-image img {
    display: block;
}

.support-box .support-text,
.staff-archive-box .staff-text {
    background: #252549;
    padding: 0 30px;
    font-size: 30px;
    line-height: 1.5;
    color: #fff;
}

.support-box * {max-height:1000000px;}

.support-box .support-name {
    font-size: 20px !important;
    font-weight: normal;
    background: none !important;
    border-bottom: 1px solid;
    padding: 0 0 7px !important;
    margin: 0 0 10px;
}

.support-box .support-body {
    font-size: 16px;
}

.support-note {
    margin: -60px auto 70px;
    font-weight: bold;
    font-size: 17px !important;
    line-height: 1.7;
    color: #252549;
    width: 550px;
    max-width: 100%;
}

.support-box a {
    color: #fff;
    text-decoration: underline;
}

.support-box a:hover,
.support-box a:focus,
.support-box a:active {
    text-decoration: none;
}

.staff-archive-box .staff-name {
    background: none !important;
    border-bottom: 3px solid;
    font-size: 40px !important;
    font-weight: normal;
    padding-left: 0 !important;
}

#staff-single h2 {
    box-shadow: #dfd6d5 0px 13px 0;
    margin-bottom: 40px;
}

#staff-single h3 {
    background: none !important;
}

.staff-single-box {
    display: table;
    width: 100%;
    background: #c01834;
    color: #fff;
    margin-bottom: 50px;
}

.staff-single-box .staff-image, .staff-single-box .staff-text {
    display: table-cell;
    vertical-align: middle;
}

.staff-single-box .staff-name {
    font-size: 36px !important;
    padding: 0 !important;
    font-weight: normal;
}

.staff-single-box .staff-name-en, .staff-single-box .staff-job-title {
    font-size: 27px;
    line-height: 1.5;
}

.staff-single-box .staff-text {
    padding: 0 30px;
}

.staff-single-box .staff-image img {
    display: block;
}

#staff-single .staff-message,
#staff-single .staff-profile {
    padding: 0 30px;
    margin: -20px 0 30px 0;
    font-size: 19px;
    line-height: 1.7;
}

#staff-single .staff-profile {
    margin-bottom: 90px;
}

.staff-single-box .staff-link a {
    color: #fff;
    font-size: 20px;
    text-decoration: underline;
}

.staff-single-box .staff-link {
    margin-top: 15px;
}

.ceo-blog-title {
    font-size: 23px !important;
    background: none !important;
    padding: 0 !important;
    margin: 30px 0 20px;
    }

.ceo-blog-title,
.ceo-blog-body {
    color: #252870;
    }

.ceo-blog-block {
    margin-bottom: 70px;
    }

#ceo-blog-single .ceo-blog-body {
    margin-top: 30px;
    }

.ceo-blog-thumbnail img {
    max-width: 100%;
    }

.archive-links {
    margin: 50px 0;
    margin-bottom: 50px;
}

.archive-links h2 {
    font-size: 28px !important;
    background: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

.interview-block {
    border-bottom: 1px dashed #000;
    margin-bottom: 30px;
}

.interview-text {
    vertical-align: top;
    color: #fff;
}

.interview-thumbnail img {
    width: 95%;
}

.interview-thumbnail, .interview-text {
    padding: 0 0 30px;
}

.interview-date {
    margin-bottom: 20px;
}

.interview-title a {
    font-size: 21px;
    color: inherit;
}

.interview-title {
    background: none !important;
    padding: 0 !important;
    line-height: 1.5;
}

#interview.single .contWrap {
    background: #f5f5f5;
    padding: 50px;
    margin-bottom: 50px;
}

#interview.single #mainContWrap {
    margin-top: 0 !important;
}

.interview-mainview {
    width: 100vw;
    margin-left: calc(((100vw - 100%) / 2) * -1);
    margin-bottom: 50px;
}

.interview-mainview img {
    width: 100%;
    height: auto;
    display: block;
}

.interview-profile {
    background: #ececec;
    padding: 30px;
    margin-bottom: 30px;
}

.interview-profile h2 {
    background: none !important;
    font-size: 18px !important;
    padding: 0 !important;
    text-align: center;
    margin: 0 0 30px !important;
}

#interview.single #body .inner #mainContWrap h2 {
    background: none;
    border-top: none;
    padding: 0;
    margin: 50px 0 20px;
}

#interview.single #body .inner #mainContWrap h3 {
    background: none;
    padding: 0;
}

#interview #body .inner #mainContWrap h1{
    background: none;
    border: none;
    padding: 30px 0;
}

#interview #body .inner #mainContWrap .paginationWrap li.index a,
#interview #body .inner #mainContWrap .paginationWrap li.next a,
#interview #body .inner #mainContWrap .paginationWrap li.prev a,
#interview #body .inner #mainContWrap .pager .pagenum a,
#interview #body .inner #mainContWrap .pager .pagenum span:not(.current),
#interview #body .inner #mainContWrap .pager .next a,
#interview #body .inner #mainContWrap .pager .prev a {
    color: #fff;
}

#interview.single .contWrap img {
    max-width: 100%;
    height: auto;
}

/******************************************************
 SP Styles
******************************************************/

@media only screen and (max-width: 767px) {

/*//////// HTML ////////*/

*{
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	}

body{
	font-family: "arial","Meiryo", sans-serif;
	font-size:large;
	line-height:1.3;
	width:101%;
	}

a{
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

img{
	max-width:100%;
	height:auto;
	display:block;
}




input[ type=checkbox ] {
  -moz-transform-origin: right middle;
  -moz-transform: scale( 2 , 2 );
  -webkit-transform-origin: right middle;
  -webkit-transform: scale( 2 , 2 );
  margin-right:1.5625%;
}


/*//////// common ////////*/

.pc{
	display:none;
}
.pcInline{
	display:none !important;
}
.sp{
	display:block;
}

.link a{
	background:url(../images/sp/arw_default.gif) no-repeat 0 50%;
	padding-left:20px;
	}

.note,
.caption{
	font-size:small;
	line-height:120%;
	}

.picL{
	float:left;
	padding-right:3.125%;
	}
.picC{
	text-align:center;
	}
.picR{
	float:right;
	padding-left:3.125%;
	}

.btm{
	margin-bottom:30px;
	}

table.typeA{
	background:#DDD;
	margin:0 0 30px;
	}
table.typeA th,
table.typeA td{
	font-size:large;
	padding:15px;
	vertical-align:middle;
	}
table.typeA th{
	background:#F3F3F3;
	text-align:left;
	width:30%;
	}
table.typeA td{
	background:#FFF;
	}
table.typeA td ul{
	margin-bottom:0;
	}

table.typeC{
	background:#DDD;
	margin:0 0 15px;
	}
table.typeC th,
table.typeC td{
	font-size:x-small;
	padding:5px;
	vertical-align:middle;
	}
table.typeC th{
	background:#F3F3F3;
	text-align:center;
	}
table.typeC td{
	background:#FFF;
	}
table.typeC td ul{
	margin-bottom:0;
	}

header,
nav#gNavi,
#body,
footer{
	clear:both;
	display:block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:50%;
        }


header .inner,
nav#gNavi .inner,
#body .inner,
footer .inner{
	padding:0px 6.125%;
	}



/*//////// header ////////*/

header .inner{
	position:fixed;
	background-color:#FFF;
	z-index:100;
	top:0;
	left:0;
	width:100%;
	height:120px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:3.125%;
	padding-bottom:0;
	}

header .inner .logo{
	position:absolute;
	top:30px;
	width:70.3125%;
	}
header .inner .logo img{
	max-width:450px;
	}

header .inner #menu{
	position:absolute;
	top:40px;
	right:3.125%;
	width:7.8125%;
}
header .inner #menu img{
	max-width:50px;
}



/*//////// #gNavi ////////*/

nav#gNavi{
	background-color:rgba(170, 0, 0, 0.90);
	display:none;
	position:fixed;
	top:100px;
        right:30px;
	z-index:100;
}
nav#gNavi ul{
	margin:0;
	padding:0;
}
nav#gNavi li{
	background:url(../images/sp/bdr_gNavi.gif) repeat-x left bottom;
	width:100%;
}
nav#gNavi li a{
	background:url(../images/sp/arw_gNavi.gif) no-repeat right 50%;
	color:#FFF;
	display:block;
	font-size:large;
	font-weight:normal;
	padding:5% 0;
}



/*//////// #body ////////*/

#body{
	padding-top: 100px;
	width:100%;
	}
#body .inner #mainContWrap,
#body .inner #subContWrap{
	margin-bottom:100px;
	}

#body .inner #mainContWrap h1{
	background:url(../images/bg_h1.jpg);
	border-top:5px solid #DD7F7F;
	color:#fff;
	font-size:xx-large;
	font-weight:normal;
	padding:3.90625% 0 3.90625% 4.6875%;
	}
#interview #body .inner #mainContWrap h1{
    font-size: x-large;
    padding: 50px 0;
}
#body .inner #mainContWrap h1 span{
	font-size:small;
	}
#body .inner #mainContWrap h2{
	background:#F3F3F3;
	border-top:solid #EEE 3px;
	font-size:x-large;
	padding:3.125%;
	}
#body .inner #mainContWrap h2 span{
	background:url(../images/sp/icn_h2.gif) no-repeat 0 50%;
	padding:3.125%;
	}
#body .inner #mainContWrap h2 span.note{
	background:none;
	font-size:medium;
	font-weight:normal;
	}
#body .inner #mainContWrap h2 a {
	display: block;
	text-align: right;
	color: inherit;
	font-size: 14px;
	font-weight: normal;
	}
#body .inner #mainContWrap h3{
	background:url(../images/sp/bg_h3.jpg) repeat-x bottom, url(../images/sp/icn_h3.gif) no-repeat 0 40%;
	font-size:large;
	padding:10px 0 2.34375% 30px;
	}
#body .inner #mainContWrap h4{
	color:#B00;
	font-size:medium;
	}
#body .inner #mainContWrap h5{
	color:#B00;
	font-size:small;
	}
#body .inner #mainContWrap h6{
	font-size:small;
	}
#body .inner #mainContWrap p{
	font-size:16px;
	}

#body .inner #mainContWrap .featureWrap{
	background:url(../images/bg_box_type01.gif);
	padding:3.125%;
	margin-bottom:30px;
	}
#body .inner #mainContWrap .feature{
	background:#FFF;
	padding:3.125%;
	padding-bottom:0;
	width:93.75%;
	}
#body .inner #mainContWrap .feature h3{
	background:none;
	font-size:xx-large;
	border:0;
	padding:0;
	}
#body .inner #mainContWrap .feature dt{
	color:#B00;
	font-size:x-large;
	margin-bottom:15px;
	}
#body .inner #mainContWrap .feature dd{
	margin-bottom:30px;
	}

#body .inner #mainContWrap .searchWrap{
	background:#FDFDFD;
	border:5px solid #aaa;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	clear:both;
	margin-bottom:30px;
	padding:10px 14px 0;
	position:relative;
	}
#body .inner #mainContWrap .searchWrap h3{
	background:url(../../common/images/sp/icn_search.gif) no-repeat 0 50%;
	cursor:pointer;
	font-size:x-large;
	padding:10px 0 10px 60px;
	margin-bottom:10px;
	}
#body .inner #mainContWrap .searchWrap #switch{
	position:absolute;
	top:14px;
	right:14px;
	}
#body .inner #mainContWrap .searchWrap dl{
	background:#EEE;
	margin-bottom:10px;
	}
#body .inner #mainContWrap .searchWrap dt,
#body .inner #mainContWrap .searchWrap dd{
	font-size:x-large;
	padding:3.125%;
	width:93.75%;
	}
#body .inner #mainContWrap .searchWrap dt{
	font-weight:bold;
	}
#body .inner #mainContWrap .searchWrap dd{
	border-top:1px solid #FDFDFD;
	}
#body .inner #mainContWrap .searchWrap dd ul{
	clear:both;
	}
#body .inner #mainContWrap .searchWrap dd li{
	float:left;
	margin-bottom:25px;
	}
#body .inner #mainContWrap .searchWrap dd li label{
	display:initial;
	min-width:11em;
	white-space:nowrap;
	}
#body .inner #mainContWrap .searchWrap #searchBox {
        display: none;
    }
#body .inner #mainContWrap .searchWrap .btnWrap{
	padding-top:5px;
	margin-bottom:0;
	text-align:center;
	width:100%;
	}
#body .inner #mainContWrap .searchWrap .btnWrap #search{
	background:url(../../common/images/sp/btn_search.jpg) no-repeat center top;
	border:0;
	cursor:pointer;
	height:100px;
	width:100%;
	text-indent:-9999px;
	}

#body .inner #mainContWrap .socialButtonWrap{
	margin-bottom:50px;
	}
#body .inner #mainContWrap .socialButtonWrap li{
	margin-bottom:20px;
	width:100%;
	}
#body .inner #mainContWrap .socialButtonWrap li.sBtn_FB a,
#body .inner #mainContWrap .socialButtonWrap li.sBtn_TW a,
#body .inner #mainContWrap .socialButtonWrap li.sBtn_HB a{
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	color:#FFF;
	display:block;
	font-size:large;
	font-weight:bold;
	height:60px;
	padding-top:40px;
	width:100%;
	text-align:center;
	}
#body .inner #mainContWrap .socialButtonWrap li.sBtn_FB a{
	background-color:#3A599A;
	}
#body .inner #mainContWrap .socialButtonWrap li.sBtn_FB a span{
	background:url(../images/icn_FB.gif) no-repeat 0 50%;
	line-height:100%;
	padding-left:30px;
	}
#body .inner #mainContWrap .socialButtonWrap li.sBtn_TW a{
	background-color:#00ACEE;
	}
#body .inner #mainContWrap .socialButtonWrap li.sBtn_TW a span{
	background:url(../images/icn_TW.gif) no-repeat 0 50%;
	line-height:100%;
	padding-left:30px;
	}
#body .inner #mainContWrap .socialButtonWrap li.sBtn_HB a{
	background-color:#008FDE;
	}
#body .inner #mainContWrap .socialButtonWrap li.sBtn_HB a span{
	background:url(../images/icn_HB.gif) no-repeat 0 50%;
	line-height:100%;
	padding-left:30px;
	}

#body .inner #mainContWrap .paginationWrap{
	border-top:3px solid #EEE;
	margin-bottom:50px;
	height:130px;
	position:relative;
	}
#body .inner #mainContWrap .paginationWrap li{
	position:absolute;
    max-width: 30%;
	}
#body .inner #mainContWrap .paginationWrap li.prev a,
#body .inner #mainContWrap .paginationWrap li.index a,
#body .inner #mainContWrap .paginationWrap li.next a{
	background:none;
	border:1px solid #DDD;
	padding:20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
	}
#body .inner #mainContWrap .paginationWrap li.prev{
	top:40px;
	left:0;
	}
#body .inner #mainContWrap .paginationWrap li.index{
	top:40px;
	left:38%;
	}
#body .inner #mainContWrap .paginationWrap li.next{
	top:40px;
	right:0;
	}

#body .inner #mainContWrap .projectWrap{
	border-bottom:5px solid #EEE;
	display:block;
	margin-bottom:30px;
	padding-top:15px;
	}
#body .inner #mainContWrap .project{
	border-top:5px solid #EEE;
	font-size:20px;
	margin-bottom:20px;
	padding:20px 10px 0;
	width:97%;
	position:relative;
	}
#body .inner #mainContWrap .project .num{
	font-size:medium;
	margin-bottom:10px;
	}
#body .inner #mainContWrap .project .num a{
	height:100%;
	top:0;
	left:0;
	position:absolute;
	text-indent:-9999px;
	width:100%;
	}
#body .inner #mainContWrap .project .outline{
	margin-bottom:20px;
    background: #f7f7f7;
    padding: 5%;
    line-height: 1.4;
	}
#body .inner #mainContWrap .project dl:not(.folded) .short,
#body .inner #mainContWrap .project .folded .full{
    visibility: hidden;
    opacity: 0;
    height: 0;
}
#body .inner #mainContWrap .project dl .full,
#body .inner #mainContWrap .project dl .short{
    transition: opacity .5s linear;
}
#body .inner #mainContWrap .project .folded .readmore{
    color: #243a94;
}
#body .inner #mainContWrap .project .outline dt{
	font-size:xx-large;
	font-weight:bold;
	line-height:120%;
	margin-bottom:10px;
	}
#body .inner #mainContWrap .project .detail{
	border:1px solid #EEE;
	margin-bottom:0;
	position:inherit;
	}
#body .inner #mainContWrap .project .detail dl{
	clear:both;
	width:90%;
	padding:5%;
	}
#body .inner #mainContWrap .project .detail dl:nth-child(odd):not(:first-child) {
    background: #eee;
}
#body .inner #mainContWrap .project .detail dt,
#body .inner #mainContWrap .project .detail dd{
	float:left;
	}
#body .inner #mainContWrap .project .detail dl:not(.reward) dt{
    color: #243a94;
}
#body .inner #mainContWrap .project .detail dt{
	font-weight:bold;
	width:20%;
	}
#body .inner #mainContWrap .project .detail dd{
	width:80%;
	}
#body .inner #mainContWrap .project .detail .req dd {
    line-height: 1.3;
}
#body .inner #mainContWrap .project .detail dl:not(.req) dd {
    font-weight: bold;
}
#body .inner #mainContWrap .project .detail .reward{
	color:#C00;
    background: #fbe7f0;
	}

#body .inner #mainContWrap .project .detail .reward a {
    color: inherit;
}

#body .inner #mainContWrap .project .detail .reward a:hover {
    text-decoration: underline !important;
}

#body .inner #mainContWrap .project .detail .type dd a,
#body .inner #mainContWrap .project .detail .field dd a{
	display:inline-block;
	padding-right:1em;
	}

#body .inner #mainContWrap .pager{
	position:relative;
	margin-bottom:30px;
	width:100%;
	}
#body .inner #mainContWrap .pager .prev{
	position:absolute;
	left:0;
	top:0;
	}
#body .inner #mainContWrap .pager .next{
	position:absolute;
	right:0;
	top:0;
	}
#body .inner #mainContWrap .pager .pagenum{
	text-align:center;
	}
#body .inner #mainContWrap .pager .prev a,
#body .inner #mainContWrap .pager .next a,
#body .inner #mainContWrap .pager .pagenum a,
#body .inner #mainContWrap .pager .prev span,
#body .inner #mainContWrap .pager .next span,
#body .inner #mainContWrap .pager .pagenum span{
	background:#FDFDFD;
	border:1px solid #DDD;
	display:inline-block;
	font-size:large;
	padding:15px;
	}
#body .inner #mainContWrap .pager .pagenum .current{
	background:#F3F3F3;
	}

#body .inner #mainContWrap .linklistWrap{
	display:none;
	}

#body .inner #mainContWrap .btn{
	clear:both;
	text-align:center;
	width:100%;
	}
#body .inner #mainContWrap .btn a{
	display:inline-block;
	margin:0 auto;
	}



#body .inner #subContWrap{
	float:none;
	padding-left:0;
	width:100%;
	}
#body .inner #subContWrap .signupWrap,
#body .inner #subContWrap #lNavi{
	display:none;
	}

#body .inner #subContWrap #cList{
	margin-bottom:50px;
	}
#body .inner #subContWrap #cList dt{
	background:#F3F3F3;
	border-top:solid #EEE 3px;
	font-size:x-large;
	font-weight:bold;
	padding:3.125%;
	margin-top:50px;
	}
#body .inner #subContWrap #cList dt:first-child{
	margin-top:0;
	}
#body .inner #subContWrap #cList dt span{
	background:url(../images/sp/icn_h2.gif) no-repeat 0 50%;
	padding-left:3.125%;
	}
#body .inner #subContWrap #cList dd{
	background:url(../images/arrow_cList.gif) no-repeat right 50%;
	border-bottom:1px solid #EEE;
	line-height:120%;
	padding:6.25%;
	padding-left:0;
	}
#body .inner #subContWrap #cList dd span,
#body .inner #subContWrap #cList dd strong{
	display:inline-block;
	}

#body .inner #subContWrap .bnr{
	margin-bottom:30px;
	}
#body .inner #subContWrap .bnr li{
	line-height:100%;
	margin-bottom:10px;
	}

#body .inner #subContWrap .social{
	background:url(../images/bg_box_type01.gif);
	border:0;
	padding:3.125%;
	margin-bottom:30px;
	overflow:hidden;
	text-align:center;
	width:93.75%;
	}








.box {
	float: left;
}

.boxContainer {
	overflow: hidden;
}

/* clearfix */
.boxContainer:before,
.boxContainer:after {
    content: "";
    display: table;
}
 
.boxContainer:after {
    clear: both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.boxContainer {
    zoom: 1;
}










/*//////// footer ////////*/

footer{
	background:none;
	background-color:#F3F3F3;
	border-top:5px solid #A00;
	height:auto;
	padding:30px 0 140px;
	text-align:center;
	width:100%;
	}

footer .inner{
	position:relative;
	}

footer .inner ul.breadcrumb,
footer .inner p.pagetop{
	display:none;
	}

footer .inner .footer-toggle {
    background: url(../images/footer_accordion.jpg) no-repeat top left / contain;
    width: 100%;
    height: calc(100vw / 10);
    display: block;
    border: none;
    box-shadow: none;
    }
footer .inner nav#fNavi{
    background: #fff;
    border: 1px solid;
    display: none;
	}
footer .inner nav#fNavi span,
footer .inner nav#fNavi span.nbdr{
    display: block;
	}
footer .inner nav#fNavi span a,
footer .inner nav#fNavi span.nbdr a{
    padding: 15px 10px 15px 17vw;
    display: block;
    color: inherit;
    text-align: left;
    background: url(../images/arw_default.gif) no-repeat center left 12vw / 15px 15px;
}
footer .inner nav#fNavi br{
	display:none;
	}

footer .inner address{
	font-size:large;
	font-style:normal;
	position:inherit;
    margin-top: 30px;
	}

#floating-banner {
    position: fixed;
    left: 0;
    bottom: 0;
    display: flex;
}

#floating-banner a:hover,
#floating-banner a:active,
#floating-banner a:focus {
    opacity: 0.8;
}

#signup #floating-banner {
    display: none;
}

#indexCorp #floating-banner {
    display: none;
}

#serviceCorp #floating-banner {
    display: none;
}

#statisticsCorp #floating-banner {
    display: none;
}

#performanceCorp #floating-banner {
    display: none;
}

#satisfactionCorp #floating-banner {
    display: none;
}

#contactCorp #floating-banner {
    display: none;
}

#column #floating-banner {
    display: none;
}

#interview #floating-banner {
    display: none;
}






#floating-banner01 {
    position: fixed;
    left: 0;
    bottom: 0;
    display: flex;
}

#floating-banner01 a:hover,
#floating-banner01 a:active,
#floating-banner01 a:focus {
    opacity: 0.8;
}

#signup #floating-banner01 {
    display: none;
}

#indexCorp #floating-banner01 {
    display: none;
}

#serviceCorp #floating-banner01 {
    display: none;
}

#statisticsCorp #floating-banner01 {
    display: none;
}

#performanceCorp #floating-banner01 {
    display: none;
}

#satisfactionCorp #floating-banner01 {
    display: none;
}

#contactCorp #floating-banner01 {
    display: none;
}

#interview #floating-banner01 {
    display: none;
}

#company #floating-banner01 {
    display: none;
}

#performance #floating-banner01 {
    display: none;
}

#project #floating-banner01 {
    display: none;
}

#flow #floating-banner01 {
    display: none;
}

#satisfaction #floating-banner01 {
    display: none;
}

#index #floating-banner01 {
    display: none;
}

#staff #floating-banner01 {
    display: none;
}

#workstyle #floating-banner01 {
    display: none;
}

#performance #floating-banner01 {
    display: none;
}

#service #floating-banner01 {
    display: none;
}

#staff-single #floating-banner01 {
    display: none;
}

















/* #index
***************************************************/

#index #body .inner #mainContWrap h1{
	background:none;
	border-top:0;
	padding:0;
	margin-bottom:10px;
	}

.metaslider {
    margin-bottom: 30px !important;
    }

#body .inner #mainContWrap .topics{
	height:360px;
	margin-bottom:50px;
	overflow:auto;
	width:100%;
	}
#body .inner #mainContWrap .topics li{
	border-bottom:1px dotted #DDD;
	clear:both;
	font-size:large;
	padding-bottom:15px;
	margin-bottom:15px;
	}
#body .inner #mainContWrap .topics li .date,
#body .inner #mainContWrap .topics li .title{
	display:block;
	}
#body .inner #mainContWrap .topics li .date{
	margin-bottom:10px;
	}
#body .inner #mainContWrap .topics li .title{
	font-size:x-large;
	}
#index #body .inner #mainContWrap .graphWrap{
	clear:both;
	margin-bottom:30px;
	}
#index #body .inner #mainContWrap .graphWrap dl{
	float:left;
	padding-right:3.125%;
	width:48.3%;
	}
#index #body .inner #mainContWrap .graphWrap dl.sp_end,
#index #body .inner #mainContWrap .graphWrap dl.end{
	padding-right:0;
	}
#index #body .inner #mainContWrap .graphWrap dt{
	font-weight:bold;
	font-size:large;
	text-align:center;
	margin-bottom:10px;
	}
#index #body .inner #mainContWrap .graphWrap dd{
	margin-bottom:10px;
	}

#index #body .inner #mainContWrap .feature dl{
	float:left;
	padding-right:20px;
	margin-bottom:0;
	width:200px;
	}
#index #body .inner #mainContWrap .feature dl.end{
	padding-right:0;
	}

#index #body .inner #mainContWrap .feature dl{
	float:left;
	padding-right:3.125%;
	margin-bottom:0;
	width:100%;
	}
#index #body .inner #mainContWrap .feature dl.end{
	padding-right:0;
	}



/* #service
***************************************************/

#service #body .inner #mainContWrap .txtWrap{
	clear:both;
	margin-bottom:30px;
	}
#service #body .inner #mainContWrap .txtWrap h3{
	color:#B00;
	background:none;
	font-size:medium;
	padding:0;
	margin-bottom:10px;
	}
#service #body .inner #mainContWrap .txtWrapSml{
	float:left;
	width:400px;
	}



/* #project
***************************************************/

#project #body .inner #mainContWrap h2 .sub{
	background:none;
	font-size:medium;
	padding:0;
	}

table.project-comment {
    border: 3px solid #eee;
    line-height: 1.4;
}

.project-comment-photo {
    width: 30%;
}

.project-comment-photo img {
    width: 100%;
}

.project-comment-noimg {
    width: 100%;
    background: #eee;
    height: 100px;
}

.project-comment td {
    padding: 5px;
    vertical-align: top;
}

.project-comment-position,
.project-comment-body {
    font-size: 20px;
}

.project-comment-name {
    font-size: 30px;
}

.project-comment-kana {
    font-size: 18px;
}




/* #performance
***************************************************/

#performance #body .inner #mainContWrap .graphWrap{
	clear:both;
	margin-bottom:30px;
	}
#performance #body .inner #mainContWrap .graphWrap dl{
	float:left;
	padding-right:3.125%;
	width:48.3%;
	}
#performance #body .inner #mainContWrap .graphWrap dl.sp_end,
#performance #body .inner #mainContWrap .graphWrap dl.end{
	padding-right:0;
	}
#performance #body .inner #mainContWrap .graphWrap dt{
	font-weight:bold;
	font-size:x-large;
	text-align:center;
	margin-bottom:10px;
	}
#performance #body .inner #mainContWrap .graphWrap dd{
	margin-bottom:10px;
	}
#performance #body .inner #mainContWrap .graphWrap p.note{
	clear:both;
	line-height:120%;
	}



/* #flow
***************************************************/

#flow #body .inner #mainContWrap .stepWrap{
	background:url(../images/bg_box_type01.gif);
	padding:3.125%;
	margin-bottom:0;
	}
#flow #body .inner #mainContWrap .step{
	background:url(../../images/flow/bg_step.gif) repeat-y -12.5%;
	background-color:#FFF;
	padding:3.125%;
	width:93.75%;
	}
#flow #body .inner #mainContWrap .step h3{
	background:none;
	padding:1.5625%;
	margin:0;
	width:23.4375%;
	text-align:center;
	}
#flow #body .inner #mainContWrap .step h3,
#flow #body .inner #mainContWrap .step .detail{
	float:left;
	}
#flow #body .inner #mainContWrap .step .detail{
	margin:0;
	width:73.4375%;
	}
#flow #body .inner #mainContWrap .step .detail h4{
	font-size:x-large;
	margin-bottom:10px;
	}
#flow #body .inner #mainContWrap .step .detail p{
	font-size:x-large;
	line-height:150%;
	}
#flow #body .inner #mainContWrap .step .detail p.btm{
	margin-bottom:0;
	}

#flow #body .inner #mainContWrap hr.flow{
	background:url(../../images/flow/bg_flow.gif) no-repeat 50% 0;
	border:0;
	height:25px;
	margin-bottom:10px;
	}



/* #satisfaction
***************************************************/

#satisfaction #body .inner #mainContWrap .txtWrap{
	margin-bottom:30px;
	}
#satisfaction #body .inner #mainContWrap .txtWrap.btm{
	margin-bottom:50px;
	}
#satisfaction #body .inner #mainContWrap .txtWrap .picL{
	float:left;
	padding-right:3.125%;
	padding-bottom:20px;
	}
#satisfaction #body .inner #mainContWrap .txtWrap .detail h4{
	font-size:x-large;
	}
#satisfaction #body .inner #mainContWrap .txtWrap .detail p{
	font-size:large;
	}
#satisfaction #body .inner #mainContWrap .txtWrap .signature{
	text-align:right;
	}

#satisfaction #body .inner #mainContWrap .graphWrap{
	clear:both;
	margin-bottom:20px;
	width:100%;
	}
#satisfaction #body .inner #mainContWrap .graphWrap.btm{
	margin-bottom:50px;
	}
#satisfaction #body .inner #mainContWrap .graphWrap dl{
	float:left;
	margin-bottom:30px;
	padding-right:3.125%;
	width:48.3%;
	}
#satisfaction #body .inner #mainContWrap .graphWrap dl.spend,
#satisfaction #body .inner #mainContWrap .graphWrap dl.end{
	padding-right:0;
	}
#satisfaction #body .inner #mainContWrap .graphWrap dt{
	font-weight:bold;
	font-size:large;
	text-align:center;
	margin-bottom:10px;
	min-height:2em;
	}

#satisfaction #body .inner #mainContWrap .backnumber{
	border:1px solid #EEE;
	background:#FDFDFD;
	clear:both;
	margin-bottom:50px;
	padding:3.125%;
	width:93.75%;
	}
#satisfaction #body .inner #mainContWrap .backnumber dt{
	font-weight:bold;
	font-size:x-large;
	margin-bottom:10px;
	}

#satisfaction #body .inner #subContWrap h2{
	margin-bottom:20px;
	}



/* #workstyle
***************************************************/

.workstyle dl,
#workstyle #body .inner #mainContWrap .contWrap dl{
	float:left;
	padding-right:3.125%;
	min-height:0em;
	overflow:hidden;
	width:45.3125%;
	}
#satisfaction .workstyle dl {
    width: 30%;
    }
.workstyle dl{
	min-height:0;
	}
#index .workstyle dl:last-child{
	display: none;
	}
.workstyle dt,
#workstyle #body .inner #mainContWrap .contWrap dt{
	line-height:100%;
	margin-bottom:10px;
	}
.workstyle dt img,
#workstyle #body .inner #mainContWrap .contWrap dt img{
	width:100%;
	}
.workstyle dd,
#workstyle #body .inner #mainContWrap .contWrap dd{
	margin-bottom:5px;
	}
.workstyle dd.title span,
.workstyle dd.title strong,
#workstyle #body .inner #mainContWrap .contWrap dd.title span,
#workstyle #body .inner #mainContWrap .contWrap dd.title strong{
	display:inline-block;
	width:100%;
	}

#workstyle #body .inner #subContWrap #cList{
	display:none;
	}


/*//////// article ////////*/

#workstyle #body .inner #mainContWrap .contWrap{
	margin-bottom:50px;
	}
#workstyle #body .inner #mainContWrap .contWrap dl.prof,
#workstyle #body .inner #mainContWrap .contWrap .txtWrap{
	float:left;
	}
#workstyle #body .inner #mainContWrap .contWrap dl.prof{
	font-size:100%;
	padding-right:3.125%;
	width:45.3125%;
	}
#workstyle #body .inner #mainContWrap .contWrap dl.prof dt img{
	width:100%;
	}
#workstyle #body .inner #mainContWrap .contWrap dl.prof dd.name{
	font-weight:bold;
	font-size:medium;
	}
#workstyle #body .inner #mainContWrap .contWrap dl.prof dd.name span{
	display:inline-block;
	margin-left:10px;
	font-weight:normal;
	font-size:x-small;
	}
#workstyle #body .inner #mainContWrap .contWrap .txtWrap{
	float:none;
	width:100%;
	}



/* #column
***************************************************/

#column #body .inner #mainContWrap .contWrap dl{
	float:left;
	padding-right:3.125%;
	min-height:35em;
	overflow:hidden;
	width:45.3125%;
	}
#column #body .inner #mainContWrap .contWrap dt{
	line-height:100%;
	margin-bottom:0;
	padding-bottom:0;
	width:100%;
	}
#column #body .inner #mainContWrap .contWrap dt a{
	background:url(../images/bg_noimage.jpg) no-repeat 50% 50%;
	background-color:#F3F3F3;
	display:block;
	max-height:270px;
	overflow:hidden;
	width:100%;
	}
#column #body .inner #mainContWrap .contWrap dt img{
	width:100%;
	}
#column #body .inner #mainContWrap .contWrap dd{
	margin-bottom:5px;
	}
#column #body .inner #mainContWrap .contWrap dd.category{
	background:#B00;
	font-size:medium;
	line-height:100%;
	padding:10px;
	text-align:center;
	}
#column #body .inner #mainContWrap .contWrap dd.category a{
	color:#FFF;
	}
#column #body .inner #mainContWrap .contWrap dd.date a{
	color:#555;
	font-size:medium;
	}
#column #body .inner #mainContWrap .contWrap dd.title{
	clear:both;
	float:none;
	font-size:large;
	}
#column #body .inner #mainContWrap .contWrap dd.title span:hover,
#column #body .inner #mainContWrap .contWrap dd.title strong:hover{
	text-decoration:underline;
	}

.column-categories {
    margin-bottom: 50px;
}

.column-categories a {
    display: inline-block;
    padding: 0 10px 10px 0;
    box-sizing: border-box;
    width: calc(50% - 10px);
}

.column-categories a img {
    width: 100%;
}

/*//////// article ////////*/

#column #body .inner #mainContWrap .contWrap{
	margin-bottom:50px;
	}
#column #body .inner #mainContWrap .contWrap .itemWrap h3,
#column #body .inner #mainContWrap .contWrap .itemWrap h4,
#column #body .inner #mainContWrap .contWrap .itemWrap h5,
#column #body .inner #mainContWrap .contWrap .itemWrap h6{
	background:none;
	font-weight:bold;
	padding:0;
	margin:0;
	}
#column #body .inner #mainContWrap .contWrap .itemWrap h3{
	font-size:large;
	margin-bottom:30px;
	margin-top:50px;
	}
#column #body .inner #mainContWrap .contWrap .itemWrap h3:first-child{
	margin-top:0;
	}
#column #body .inner #mainContWrap .contWrap .itemWrap h4{
	font-size:medium;
	margin-bottom:25px;
	}
#column #body .inner #mainContWrap .contWrap .itemWrap h5{
	font-size:small;
	margin-bottom:20px;
	}
#column #body .inner #mainContWrap .contWrap .itemWrap h6{
	font-size:x-small;
	margin-bottom:15px;
	}
#column #body .inner #mainContWrap .contWrap .itemWrap img{
	padding:0 0 3.125%;
	}



/* #signup
***************************************************/

#signup #body .inner #mainContWrap .formWrap{
	border-top:1px solid #DDD;
	display:block;
	margin-bottom:5px;
	width:100%;
	}
#signup #body .inner #mainContWrap .formWrap dl{
	border-bottom:1px solid #DDD;
	background:#FDFDFD;
	margin-bottom:0;
	padding:3.125%;
	width:93.75%;
	}
#signup #body .inner #mainContWrap .formWrap dt,
#signup #body .inner #mainContWrap .formWrap dd{
	font-size:x-large;
	padding:0;
	}
#signup #body .inner #mainContWrap .formWrap dt{
	font-weight:bold;
	margin-bottom:10px;
	width:100%;
	}
#signup #body .inner #mainContWrap .formWrap dt .req{
	background:url(../../images/contactus/icn_req.gif) no-repeat right 50%;
	padding-right:40px;
	}
#signup #body .inner #mainContWrap .formWrap dd{
	background:#FDFDFD;
	width:96.5625%;
	}
#signup #body .inner #mainContWrap .formWrap dd input,
#signup #body .inner #mainContWrap .formWrap dd textarea{
	border:1px solid #CCC;
	font-size:x-large;
	padding:1.5625%;
	}
#signup #body .inner #mainContWrap .formWrap dd input:focus,
#signup #body .inner #mainContWrap .formWrap dd textarea:focus{
	border:1px solid #AAA;
	}
#signup #body .inner #mainContWrap .formWrap dd input#name,
#signup #body .inner #mainContWrap .formWrap dd input#kana,
#signup #body .inner #mainContWrap .formWrap dd input#email,
#signup #body .inner #mainContWrap .formWrap dd input#email02,
#signup #body .inner #mainContWrap .formWrap dd input#telnum{
	width:100%;
	}

#signup #body .inner #mainContWrap #privacypolicy{
	border:1px solid #DDD;
	height:100px;
	padding:3.125%;
	margin-bottom:30px;
	overflow:auto;
	width:93.75%;
	}
#signup #body .inner #mainContWrap #privacypolicy h2,
#signup #body .inner #mainContWrap #privacypolicy h3,
#signup #body .inner #mainContWrap #privacypolicy h2 span,
#signup #body .inner #mainContWrap #privacypolicy h3 span,
#signup #body .inner #mainContWrap #privacypolicy h4{
	border:none;
	background:none;
	padding:0;
	}
#signup #body .inner #mainContWrap #privacypolicy h4{
	color:#555;
	font-size:small;
	}
#signup #body .inner #mainContWrap #privacypolicy ol{
	list-style-type:decimal;
	margin-left:3em;
	}
#signup #body .inner #mainContWrap #privacypolicy dl.inquiry dt{
	font-weight:bold;
	margin-bottom:5px;
	}

#signup #body .inner #mainContWrap .agreeCheck{
	font-size:medium;
	margin-bottom:30px;
	text-align:center;
	vertical-align:middle;
	}

#signup #body .inner #mainContWrap .btnWrap{
	margin-bottom:50px;
	height:120px;
	width:100%;
	}
#signup #body .inner #mainContWrap .btnWrap #confirm{
	background:url(../images/sp/btn_confirm.jpg) no-repeat;
	border:0;
	cursor:pointer;
	height:120px;
	width:100%;
	text-indent:-9999px;
	}
#signup #body .inner #mainContWrap .btnWrap #signup{
	background:url(../images/sp/btn_signup.jpg) no-repeat;
	border:0;
	cursor:pointer;
	height:120px;
	width:100%;
	text-indent:-9999px;
	}
#signup #body .inner #mainContWrap .btnWrap #signup:hover{
	background:url(../images/sp/btn_signup_on.jpg) no-repeat;
	}
#signup #body .inner #mainContWrap .btnWrap .back{
	position:absolute;
	left:0;
	}



#signup footer .inner .footer-toggle {	
background: url(../images/footer_accordion.jpg) no-repeat top left / contain;	
width: 100%;	
height: calc(100vw / 10);	
display: none;	
border: none;	
box-shadow: none;	
}	
#signup footer .inner{	
position:fixed;	
}	
#signup footer{	
padding:0 0 0;	
}




/* #indexCorp
***************************************************/

#indexCorp #body .inner #mainContWrap h1{
	background:none;
	border-top:0;
	padding:0;
	margin-bottom:10px;
	}
#indexCorp #body .inner #mainContWrap .topics{
	height:300px;
	margin-bottom:50px;
	overflow:auto;
	width:100%;
	}
#indexCorp #body .inner #mainContWrap .topics li{
	border-bottom:1px dotted #DDD;
	clear:both;
	font-size:large;
	padding-bottom:15px;
	margin-bottom:15px;
	}
#indexCorp #body .inner #mainContWrap .topics li .date,
#indexCorp #body .inner #mainContWrap .topics li .title{
	display:block;
	}
#indexCorp #body .inner #mainContWrap .topics li .date{
	margin-bottom:10px;
	}
#indexCorp #body .inner #mainContWrap .topics li .title{
	font-size:x-large;
	}

#indexCorp #body .inner #mainContWrap .feature dl{
	margin-bottom:30px;
	}
#indexCorp #body .inner #mainContWrap .feature dl.end{
	margin-bottom:0;
	}
#indexCorp #body .inner #mainContWrap .feature dd{
	margin-bottom:10px;
	}
#indexCorp #body .inner #mainContWrap .feature dd.link{
	text-align:right;
	}
#indexCorp .contact > h2 {
    background: #333 !important;
    color: #fff;
    border-top: none !important;
    margin-top: 50px;
    }



/* #serviceCorp
***************************************************/

#serviceCorp #body .inner #mainContWrap .txtWrap{
	margin-bottom:30px;
	}
#serviceCorp #body .inner #mainContWrap .txtWrap h3{
	color:#B00;
	background:none;
	font-size:x-large;
	padding:0;
	margin-bottom:10px;
	}

#serviceCorp #body .inner #mainContWrap .stepWrap{
	background:url(../images/bg_box_type01.gif);
	padding:3.125%;
	margin-bottom:0;
	}
#serviceCorp #body .inner #mainContWrap .step{
	background:url(../../images/flow/bg_step.gif) repeat-y -12.5%;
	background-color:#FFF;
	padding:3.125%;
	width:93.75%;
	}
#serviceCorp #body .inner #mainContWrap .step h3{
	background:none;
	padding:1.5625%;
	margin:0;
	width:23.4375%;
	text-align:center;
	}
#serviceCorp #body .inner #mainContWrap .step h3,
#serviceCorp #body .inner #mainContWrap .step .detail{
	float:left;
	}
#serviceCorp #body .inner #mainContWrap .step .detail{
	margin:0;
	width:73.4375%;
	}
#serviceCorp #body .inner #mainContWrap .step .detail h4{
	font-size:x-large;
	margin-bottom:10px;
	}
#serviceCorp #body .inner #mainContWrap .step .detail p{
	font-size:x-large;
	line-height:150%;
	}
#serviceCorp #body .inner #mainContWrap .step .detail p.btm{
	margin-bottom:0;
	}

#serviceCorp #body .inner #mainContWrap hr.flow{
	background:url(../../images/flow/bg_flow.gif) no-repeat 50% 0;
	border:0;
	height:25px;
	margin-bottom:10px;
	}

#serviceCorp #body .inner #subContWrap h2{
	margin-bottom:20px;
	}



/* #statisticsCorp
***************************************************/

#statisticsCorp #body .inner #mainContWrap .txtWrap{
	clear:both;
	margin-bottom:30px;
	}
#statisticsCorp #body .inner #mainContWrap .txtWrap.btm{
	margin-bottom:50px;
	}
#statisticsCorp #body .inner #mainContWrap .txtWrap .picL{
	float:left;
	}
#statisticsCorp #body .inner #mainContWrap .txtWrap .detail{
	float:left;
	padding-left:3.125%;
	width:48.3%;
	}
#statisticsCorp #body .inner #mainContWrap .txtWrap .detail h4{
	font-size:x-large;
	}
#statisticsCorp #body .inner #mainContWrap .txtWrap .detail p{
	font-size:large;
	line-height:150%;
	}
#statisticsCorp #body .inner #mainContWrap .txtWrap .typeC{
	clear:both;
	font-size:medium;
	width:100%;
	}
#statisticsCorp #body .inner #mainContWrap .txtWrap .typeC th,
#statisticsCorp #body .inner #mainContWrap .txtWrap .typeC td{
	font-size:medium;
	}

#statisticsCorp #body .inner #mainContWrap .examWrap{
	border-bottom:1px solid #DDD;
	clear:both;
	position:relative;
	margin-bottom:30px;
	}
#statisticsCorp #body .inner #mainContWrap .examWrap .thumb{
	position:absolute;
	margin-bottom:0;
	right:0;
	bottom:0;
	}
#statisticsCorp #body .inner #mainContWrap .examWrap dl{
	padding-top:20px;
	margin-bottom:0;
	}
#statisticsCorp #body .inner #mainContWrap .examWrap dt{
	font-size:x-large;
	font-weight:bold;
	margin-bottom:10px;
	}
#statisticsCorp #body .inner #mainContWrap .examWrap dt span{
	font-size:medium;
	font-weight:normal;
	}
#statisticsCorp #body .inner #mainContWrap .examWrap dt.male{
	color:#39C;
	}
#statisticsCorp #body .inner #mainContWrap .examWrap dt.female{
	color:#B00;
	}
#statisticsCorp #body .inner #mainContWrap .examWrap dd{
	font-size:medium;
	line-height:150%;
	margin-bottom:15px;
	padding-right:28.125%;
	width:71.875%;
	}

#statisticsCorp #body .inner #subContWrap h2{
	margin-bottom:20px;
	}



/* #performanceCorp
***************************************************/

#performanceCorp #body .inner #mainContWrap .txtWrap{
	clear:both;
	margin-bottom:30px;
	}
#performanceCorp #body .inner #mainContWrap .txtWrap.btm{
	margin-bottom:50px;
	}
#performanceCorp #body .inner #mainContWrap .txtWrap .picL{
	float:left;
	}
#performanceCorp #body .inner #mainContWrap .txtWrap .detail{
	float:left;
	padding-left:3.125%;
	width:48.3%;
	}
#performanceCorp #body .inner #mainContWrap .txtWrap .detail h4{
	font-size:x-large;
	}
#performanceCorp #body .inner #mainContWrap .txtWrap .detail p{
	font-size:large;
	}

#performanceCorp .inner #mainContWrap .caseWrap{
	background:url(../images/bg_box_type01.gif);
	padding:3.125%;
	margin-bottom:30px;
	}
#performanceCorp .inner #mainContWrap .case{
	background:#FFF;
	padding:3.125%;
	width:93.75%;
	}
#performanceCorp .inner #mainContWrap .case h3{
	background:none;
	font-size:x-large;
	border:0;
	padding:0;
	margin-bottom:15px;
	}
#performanceCorp .inner #mainContWrap .case h3 span{
	background:none;
	display:block;
	font-size:small;
	font-weight:normal;
	border:0;
	padding:0;
	}
#performanceCorp .inner #mainContWrap .case dl.before,
#performanceCorp .inner #mainContWrap .case dl.after{
	background:#FBFBFB;
	border:1px solid #DDD;
	padding:3.125%;
	padding-right:34.375%;
	margin:0;
	position:relative;
	}
#performanceCorp .inner #mainContWrap .case dl.before dt,
#performanceCorp .inner #mainContWrap .case dl.after dt{
	font-size:x-large;
	font-weight:bold;
	margin-bottom:10px;
	}
#performanceCorp .inner #mainContWrap .case dl.before dd,
#performanceCorp .inner #mainContWrap .case dl.after dd{
	font-size:large;
	line-height:150%;
	}
#performanceCorp .inner #mainContWrap .case dl.before dd.thumb,
#performanceCorp .inner #mainContWrap .case dl.after dd.thumb{
	line-height:1%;
	position:absolute;
	right:10px;
	bottom:0;
	}
#performanceCorp .inner #mainContWrap .case hr.result{
	background:url(../../images/corp/performance/sp/arw_result.gif) no-repeat 50% 0;
	border:0;
	height:30px;
	margin-bottom:10px;
	}
#performanceCorp .inner #mainContWrap .case dl.after{
	background:#FEFAFA;
	border:1px solid #FAECEC;
	color:#B00;
	}

#performanceCorp #body .inner #subContWrap h2{
	margin-bottom:20px;
	}



/* #satisfactionCorp
***************************************************/

#satisfactionCorp #body .inner #mainContWrap .txtWrap{
	margin-bottom:30px;
	}
#satisfactionCorp #body .inner #mainContWrap .txtWrap.btm{
	margin-bottom:50px;
	}
#satisfactionCorp #body .inner #mainContWrap .txtWrap .picL{
	float:left;
	padding-right:3.125%;
	padding-bottom:20px;
	}
#satisfactionCorp #body .inner #mainContWrap .txtWrap .detail h4{
	font-size:x-large;
	}
#satisfactionCorp #body .inner #mainContWrap .txtWrap .detail p{
	font-size:large;
	}
#satisfactionCorp #body .inner #mainContWrap .txtWrap .signature{
	text-align:right;
	}

#satisfactionCorp #body .inner #mainContWrap .graphWrap{
	clear:both;
	margin-bottom:20px;
	width:100%;
	}
#satisfactionCorp #body .inner #mainContWrap .graphWrap.btm{
	margin-bottom:50px;
	}
#satisfactionCorp #body .inner #mainContWrap .graphWrap dl{
	float:left;
	margin-bottom:30px;
	padding-right:3.125%;
	width:48.3%;
	}
#satisfactionCorp #body .inner #mainContWrap .graphWrap dl.spend,
#satisfactionCorp #body .inner #mainContWrap .graphWrap dl.end{
	padding-right:0;
	}
#satisfactionCorp #body .inner #mainContWrap .graphWrap dt{
	font-weight:bold;
	font-size:large;
	text-align:center;
	margin-bottom:10px;
	min-height:2em;
	}

#satisfactionCorp #body .inner #mainContWrap .backnumber{
	border:1px solid #EEE;
	background:#FDFDFD;
	clear:both;
	margin-bottom:50px;
	padding:3.125%;
	width:93.75%;
	}
#satisfactionCorp #body .inner #mainContWrap .backnumber dt{
	font-weight:bold;
	font-size:x-large;
	margin-bottom:10px;
	}

#satisfactionCorp #body .inner #subContWrap h2{
	margin-bottom:20px;
	}



/* #contactCorp
***************************************************/

#contactCorp #body .inner #mainContWrap .formWrap{
	border-top:1px solid #DDD;
	display:block;
	margin-bottom:5px;
	width:100%;
	}
#contactCorp #body .inner #mainContWrap .formWrap dl{
	border-bottom:1px solid #DDD;
	background:#FDFDFD;
	margin-bottom:0;
	padding:3.125%;
	width:93.75%;
	}
#contactCorp #body .inner #mainContWrap .formWrap dt,
#contactCorp #body .inner #mainContWrap .formWrap dd{
	font-size:x-large;
	padding:0;
	}
#contactCorp #body .inner #mainContWrap .formWrap dt{
	font-weight:bold;
	margin-bottom:10px;
	width:100%;
	}
#contactCorp #body .inner #mainContWrap .formWrap dt .req{
	background:url(../../images/contactus/icn_req.gif) no-repeat right 50%;
	padding-right:40px;
	}
#contactCorp #body .inner #mainContWrap .formWrap dd{
	background:#FDFDFD;
	width:96.5625%;
	}
#contactCorp #body .inner #mainContWrap .formWrap dd input,
#contactCorp #body .inner #mainContWrap .formWrap dd textarea{
	border:1px solid #CCC;
	font-size:x-large;
	padding:1.5625%;
	}
#contactCorp #body .inner #mainContWrap .formWrap dd input:focus,
#contactCorp #body .inner #mainContWrap .formWrap dd textarea:focus{
	border:1px solid #AAA;
	}
#contactCorp #body .inner #mainContWrap .formWrap dd input#company,
#contactCorp #body .inner #mainContWrap .formWrap dd input#name,
#contactCorp #body .inner #mainContWrap .formWrap dd input#kana,
#contactCorp #body .inner #mainContWrap .formWrap dd input#email,
#contactCorp #body .inner #mainContWrap .formWrap dd input#email02,
#contactCorp #body .inner #mainContWrap .formWrap dd input#telnum{
	width:100%;
	}
#contactCorp #body .inner #mainContWrap .formWrap dd textarea{
	min-height:100px;
	width:100%;
	}

#contactCorp #body .inner #mainContWrap #privacypolicy{
	border:1px solid #DDD;
	height:100px;
	padding:3.125%;
	margin-bottom:30px;
	overflow:auto;
	width:93.75%;
	}
#contactCorp #body .inner #mainContWrap #privacypolicy h2,
#contactCorp #body .inner #mainContWrap #privacypolicy h3,
#contactCorp #body .inner #mainContWrap #privacypolicy h2 span,
#contactCorp #body .inner #mainContWrap #privacypolicy h3 span,
#contactCorp #body .inner #mainContWrap #privacypolicy h4{
	border:none;
	background:none;
	padding:0;
	}
#contactCorp #body .inner #mainContWrap #privacypolicy h4{
	color:#555;
	font-size:small;
	}
#contactCorp #body .inner #mainContWrap #privacypolicy ol{
	list-style-type:decimal;
	margin-left:3em;
	}
#contactCorp #body .inner #mainContWrap #privacypolicy dl.inquiry dt{
	font-weight:bold;
	margin-bottom:5px;
	}

#contactCorp #body .inner #mainContWrap .agreeCheck{
	font-size:medium;
	margin-bottom:30px;
	text-align:center;
	vertical-align:middle;
	}

#contactCorp #body .inner #mainContWrap .btnWrap{
	margin-bottom:50px;
	height:120px;
	width:100%;
	}
#contactCorp #body .inner #mainContWrap .btnWrap #confirm{
	background:url(../images/sp/btn_confirm.jpg) no-repeat;
	border:0;
	cursor:pointer;
	height:120px;
	width:100%;
	text-indent:-9999px;
	}
#contactCorp #body .inner #mainContWrap .btnWrap #contact{
	background:url(../images/sp/btn_signup.jpg) no-repeat;
	border:0;
	cursor:pointer;
	height:120px;
	width:100%;
	text-indent:-9999px;
	}
#contactCorp #body .inner #mainContWrap .btnWrap #contact:hover{
	background:url(../images/sp/btn_signup_on.jpg) no-repeat;
	}
#contactCorp #body .inner #mainContWrap .btnWrap #back{
	background:url(../images/sp/btn_back.gif) no-repeat;
	border:0;
	cursor:pointer;
	height:120px;
	width:100%;
	text-indent:-9999px;
	}
#contactCorp #body .inner #mainContWrap .btnWrap .back{
	position:absolute;
	left:0;
	}

#contactCorp #body .inner #subContWrap h2{
	margin-bottom:20px;
	}

.wpcf7c-conf {
    background-color: transparent !important;
    border: none !important;
}
div.wpcf7 img.ajax-loader {
    margin: 20px auto !important;
}


/* #terms
***************************************************/

#terms #body .inner #mainContWrap .btm{
	margin-bottom:50px;
	}
#terms #body .inner #mainContWrap h4{
	color:#555;
	}
#terms #body .inner #mainContWrap dl.inquiry{
	border:1px solid #EEE;
	padding:20px;
	}
#terms #body .inner #mainContWrap dl.inquiry dt{
	font-size:medium;
	font-weight:bold;
	}



/* #policy
***************************************************/

#policy #body .inner #mainContWrap .btm{
	margin-bottom:50px;
	}
#policy #body .inner #mainContWrap h4{
	color:#555;
	}
#policy #body .inner #mainContWrap ol{
	list-style-type:decimal;
	margin-left:3em;
	}
#policy #body .inner #mainContWrap ol li{
	margin-bottom:10px;
	}
#policy #body .inner #mainContWrap dl.inquiry{
	border:1px solid #EEE;
	padding:20px;
	}
#policy #body .inner #mainContWrap dl.inquiry dt{
	font-size:medium;
	font-weight:bold;
	}



/* #company
***************************************************/

#company #body .inner #mainContWrap .profile{
	margin-bottom:20px;
	}
#company #body .inner #mainContWrap .profile dl{
	margin-bottom:30px;
	}
#company #body .inner #mainContWrap .profile dt{
	font-size:large;
	font-weight:bold;
	margin-bottom:10px;
	}
#company #body .inner #mainContWrap .profile dd{
	font-size:x-small;
	}
#company #body .inner #mainContWrap #map_canvas{
	border:1px solid #DDD;
	height:600px;
	margin-bottom:5px;
	width:99.6875%;
	}
#company #body .inner #mainContWrap .viewGooglemaps{
	font-size:medium;
	text-align:right;
	}
#company #body .inner #mainContWrap .viewGooglemaps a{
	background:url(../images/arw_default.gif) no-repeat 0 50%;
	padding-left:12px;
	}

#company #body .inner #mainContWrap .picL{
	float:left;
	width:31.25%;
	}
#company #body .inner #mainContWrap .accessWrap{
	float:left;
	padding-left:3.125%;
	width:59.375%;
	}
#company #body .inner #mainContWrap .accessWrap h3{
	background:none;
	font-size:x-large;
	padding:0;
	margin-bottom:10px;
	}
#company #body .inner #mainContWrap .accessWrap dl{
	font-size:large;
	padding-top:10px;
	margin-bottom:20px;
	}
#company #body .inner #mainContWrap .accessWrap dt{
	font-weight:bold;
	margin-bottom:5px;
	}

/* #support
***************************************************/
.support-box .pc {
    display: none !important;
}

.support-box .support-image,
.support-box .support-text {
    display: block;
    width: auto;
    padding: 30px;
}

.support-box .support-image {
    padding-bottom: 0;
    text-align: center;
}

.support-box .support-image img {
    display: inline;
}

.support-box .support-name {
    font-size: 28px !important;
}

.support-box .support-body {
    font-size: 24px;
}

/* #dictionary
***************************************************/
.index-top {
    margin: 40px 0;
    width: 100%;
}

.index-top th {
    background: #252549;
    font-size: 24px;
    color: #fff;
    font-weight: normal;
    line-height: 1.2;
    width: 30%;
    padding: 20px;
    text-align: center;
}

.index-top.search .search-field {
    height: 138px;
    font-size: 24px;
    border: 1px #aaa solid;
    vertical-align: top;
    width: 65%;
}

.index-top.search .search-submit {
    background: url(../../images/dictionary/search_top.png);
    border: none;
    color: transparent;
    width: 95px;
    height: 140px;
}

.index-container {
    margin-bottom: -5px;
}

.index-list img {
    display: inline;
}

.index-top.alphabet .index-list a {
    display: inline-block;
}

.index-top.alphabet .index-list .index-container > a,
.index-top.alphabet .index-list .index-container > img {
    width: 16%;
}

.index-top.kana .index-list a {
    display: inline-block;
}

.index-top.kana .index-list .index-container > a,
.index-top.kana .index-list .index-container > img {
    width: 12%;
}

.dictionary-main img {
    max-width: 100%;
    height: auto;
}

.dictionary-sidebar .toppage-link,
.dictionary-sidebar h3 {
    background-image: none !important;
    background-color: #252549 !important;
    padding: 20px !important;
    color: #fff;
    font-size: 24px !important;
    font-weight: normal;
    margin: 30px 0 20px;
    display: block;
    text-decoration: none;
    line-height: 1.2;
}

.index-side.search .search-field {
    width: 99%;
    border: 2px solid #000;
    height: 70px;
    font-size: 24px;
}

.index-side.search .search-submit {
    background: url(../../images/dictionary/search_side.png);
    border: none;
    color: transparent;
    width: 280px;
    height: 50px;
    margin-top: 5px;
}

.dictionary-breadcrumb {
    margin-bottom: 20px;
}

.dictionary-breadcrumb {
    margin-bottom: 20px;
}

.dictionary-index-title {
    font-size: 30px !important;
    font-weight: normal;
    padding: 0 0 10px !important;
    border-bottom: 10px solid #000;
    background: none !important;
    position: relative;
}

.dictionary-index-title:before {
    position: absolute;
    z-index: -1;
    content: " ";
    bottom: 3px;
    width: 100%;
    height: 3px;
    background: #000;
}

.dictionary-result-list h4 {
    font-size: 18px !important;
    color: inherit !important;
    line-height: 1.5;
    margin-bottom: 10px;
}

.dictionary-result-list {
    padding-left: 1em;
}

.dictionary-block {
    margin-bottom: 30px;
}

.dictionary-footer {
    margin: 30px 0;
}

.dictionary-footer a {
    font-size: 16px;
}

.dictionary-sidebar {
    margin-bottom: 50px;
}


/* #interview
***************************************************/
#interview #body {
    background: #000;
}

.interview-block {
    width: 100%;
}

.interview-thumbnail, .interview-text {
    display: block;
    width: 100%;
}

.interview-thumbnail img {
    width: 100%;
}


/* .clearfix
***************************************************/

/* For modern browsers */
.detail dl:before,

.detail dl:after
{
	content:"";
	display:table;
}

.detail dl:after
{
	clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.detail dl
{
	zoom:1;
}


.project-comment-photo {
    width: 100px;
}

.project-comment-photo {
    border-radius: 120px !important;
}
.project-comment-photo img {
    border-radius: 120px !important;
}

#body .inner #mainContWrap .projectWrap{
    border: none;
}
}



/* .clearfix
***************************************************/

/* For modern browsers */
.clearfix:before,
header:before,
nav#gNavi:before,
#body:before,
.topics li:before,
.graphWrap:before,
.feature:before,
.txtWrap:before,
.txtWrapSml:before,
.detail:before,
.searchWrap dl:before,
.linklistWrap dl:before,
.stepWrap:before,
.step:before,
.profile:before,
.examWrap:before,
.cNavi ul:before,
.socialButtonWrap:before,
.paginationWrap:before,
.formWrap dl:before,
footer:before,

.clearfix:after,
header:after,
nav#gNavi:after,
#body:after,
.topics li:after,
.graphWrap:after,
.feature:after,
.txtWrap:after,
.txtWrapSml:after,
.detail:after,
.searchWrap dl:after,
.linklistWrap dl:after,
.stepWrap:after,
.step:after,
.profile:after,
.examWrap:after,
.cNavi ul:after,
.socialButtonWrap:after,
.paginationWrap:after,
.formWrap dl:after,
footer:after
{
	content:"";
	display:table;
}

.clearfix:after,
header:after,
nav#gNavi:after,
#body:after,
.topics li:after,
.graphWrap:after,
.feature:after,
.txtWrap:after,
.txtWrapSml:after,
.detail:after,
.searchWrap dl:after,
.linklistWrap dl:after,
.stepWrap:after,
.step:after,
.profile:after,
.examWrap:after,
.cNavi ul:after,
.socialButtonWrap:after,
.paginationWrap:after,
.formWrap dl:after,
footer:after
{
	clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.clearfix,
header,
nav#gNavi,
#body,
.topics li,
.graphWrap,
.feature,
.txtWrap,
.txtWrapSml,
.detail,
.searchWrap dl,
.linklistWrap dl,
.stepWrap,
.profile,
.examWrap,
.cNavi ul,
.socialButtonWrap,
.paginationWrap,
.formWrap dl,
footer
{
	zoom:1;
}

/******************************************************
 No Sidebar ここから
******************************************************/
#body .inner #subContWrap{
    display: none;
}

@media only screen and (min-width: 768px) {
    body{
        font-size: 16px;
    }

    #body .inner #mainContWrap h2 {
        font-size: 21px;
    }

    #body .inner #mainContWrap h3 {
        font-size: 18px;
    }

    .topview .text {
        font-size: 14px;
    }

    #body .inner #mainContWrap{
        width: 100%;
    }

    #body .inner #mainContWrap .socialButtonWrap{
        text-align: center;
    }

    #body .inner #mainContWrap .socialButtonWrap li{
        display: inline-block;
        float: none;
    }

    #company #body .inner #mainContWrap #map_canvas{
        height: 400px;
    }

    #company #body .inner #mainContWrap .accessWrap,
    #body .inner #mainContWrap .topics li,
    #body .inner #mainContWrap .topics,
    #contactCorp #body .inner #mainContWrap .btnWrap,
    #contactCorp #body .inner #mainContWrap #privacypolicy,
    #contactCorp #body .inner #mainContWrap .formWrap dl,
    #contactCorp #body .inner #mainContWrap .formWrap,
    #satisfactionCorp #body .inner #mainContWrap .backnumber,
    #performanceCorp .inner #mainContWrap .case,
    #statisticsCorp #body .inner #mainContWrap .examWrap dl,
    #serviceCorp #body .inner #mainContWrap .step,
    #serviceCorp #body .inner #mainContWrap .stepWrap,
    #body .inner #mainContWrap .feature{
        width: auto;
    }

    #workstyle #body .inner #mainContWrap .contWrap .txtWrap,
    #satisfactionCorp #body .inner #mainContWrap .txtWrap .detail,
    #performanceCorp #body .inner #mainContWrap .txtWrap .detail,
    #statisticsCorp #body .inner #mainContWrap .txtWrap .typeC,
    #statisticsCorp #body .inner #mainContWrap .txtWrap .detail,
    #satisfaction #body .inner #mainContWrap .txtWrap .detail{
        width: 700px;
    }

    #satisfaction #body .inner #mainContWrap .graphWrap dl{
        width: 31%;
    }

    #satisfactionCorp #body .inner #mainContWrap .graphWrap dd img.pc,
    #satisfaction #body .inner #mainContWrap .graphWrap dd img.pc {
        display: inline;
    }

    #satisfactionCorp #body .inner #mainContWrap .graphWrap dd,
    #satisfaction #body .inner #mainContWrap .graphWrap dd {
        text-align: center;
    }

    #serviceCorp #body .inner #mainContWrap .step .detail{
        width:730px;
    }

    #serviceCorp #body .inner #mainContWrap .txtWrap .detail {
        width: 700px;
    }

    .dictionary-main {
        width: 637px;
    }

    #satisfactionCorp #body .inner #mainContWrap .graphWrap dl{
        width:23%;
    }

    #contactCorp #body .inner #mainContWrap .formWrap dt{
        width: 35%;
        box-sizing: border-box;
    }

    #contactCorp #body .inner #mainContWrap .formWrap dd{
        width: 65%;
        box-sizing: border-box;
    }

    #contactCorp #body .inner #mainContWrap .formWrap dd textarea{
        width:100%;
    }

    #contactCorp #body .inner #mainContWrap .btnWrap{
        position: initial;
    }

    #contactCorp #body .inner #mainContWrap .btnWrap .confirm,
    #contactCorp #body .inner #mainContWrap .btnWrap .signup{
        text-align: center;
        position: initial;
    }

    div.wpcf7 img.ajax-loader {
        display: block;
        margin: 10px auto;
        }

    .ceo-blog-thumbnail img {
        display: block;
        margin: 0 auto;
    }

    #select #mainContWrap img {
        width: 100%;
    }

    .search-box .search-pc form li label {
        font-size: small;
    }

    .click-cta {
        top: 280px !important;
    }

    #body .inner #mainContWrap .pager .prev.pc {
        padding-left: 330px !important;
    }

    #body .inner #mainContWrap .pager .next.pc {
        padding-right: 330px !important;
    }

    #body .inner #mainContWrap .pager .pagenum {
        padding-right: 0 !important;
    }
}
/******************************************************
 No Sidebar ここまで
******************************************************/

/******************************************************
 Update note
******************************************************/

/*

*/


/******************************************************

Copyright (c) Miral-works Inc.
All Rights Reserved.


******************************************************/
