@charset "UTF-8";

#mainBox{
	min-height:860px;
}
/* SOLUTION TOP */
.solTop #mainTitle{
	background-image:url(/img/solution/main_img.jpg);
}
.solTop #sec01 a,.solTop #sec02 a,
.solTop #sec03 a,.solTop #sec04 a{
	height:220px;
}
.solTop #sec05 a,.solTop #sec06 a{
	height:140px;
}

/* 候補者の選考 */
#haImg01{
	width:620px;
	max-width:620px;
	height:352px;
	margin-left:auto;
	margin-right:auto;
}
table#report{
	margin-left:auto;
	margin-right:auto;
}
table#report td{
	width:33%;
	padding-bottom:10px;
}
table#report table{
	width:100%;
}
table#report table th{
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	vertical-align:top;
}
table#report table td{
	width:auto;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
}
table#report table td img{
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	max-width:170px;
	height:auto;
}
table#jirei{
	width:auto;
	border-left:solid 1px #CCC;
	border-top:solid 1px #CCC;
	margin-left:auto;
	margin-right:auto;
}
table#jirei th,table#jirei td{
	border-right:solid 1px #CCC;
	border-bottom:solid 1px #CCC;
	width:22%;
	text-align:center;
	padding-left:1%;
	padding-right:1%;
	padding-top:5px;
	padding-bottom:5px;
}
table#jirei td.blue{
	background-color:#D6DEEA;
}
table#jirei td.green{
	background-color:#DAF0F3;
}
table#jirei td.red{
	background-color:#FCE6E2;
}
table#jirei td.grey{
	background-color:#EEE;
}
table#jirei td.yellow{
	background-color:#FFFFD7;
}

/* 車両管理業務サービス */
.vehicle #contents #mobile{
	width:100%;
	margin-bottom:20px;
}
.vehicle #contents #mobile td{
	width:50%;
	text-align:center;
}
.vehicle #contents #mobile td p{
	font-weight:bold;
}

/* ストレスチェックサービス */
.stress .box{
	position:relative;
	min-height:240px;
}
.stress .box .txt{
	padding-right:200px;
}
.stress .box .txt p{
	line-height:1.8em;
}
.stress .box .photo{
	position:absolute;
	top:0px;
	right:0px;
	width:180px;
}
.stress .box .photo img{
	width:100%;
	height:auto;
}
.stress #flow{
	position:relative;
}
.stress #flow ul{
	margin-right:280px;
}
.stress #flow ul li{
	overflow:hidden;
	background-color:#f5f5f5;
	color:#315996;
	font-weight:bold;
	padding:12px 15px 10px 15px;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
}
.stress #flow ul li.arrow{
	background-color:transparent;
	padding:0px;
	border-radius:0px;
	margin-bottom:0px;
	text-align:center;
}
.stress #flow ul li.arrow img{
	width:28px;
	height:auto;
}
.stress #flow ul li span{
	display:block;
	font-weight:normal;
	color:#666;
	font-size:12px;
	margin-left:1em;
}
.stress #flow .img{
	position:absolute;
	top:130px;
	right:0px;
	width:260px;
}
.stress #flow .img img{
	width:100%;
	height:auto;
}

/* 製品情報／開発事例 */
.product #sec06 a,.product #sec07 a{
	height:140px;
}
.product #contents #kaihatsu th{
	background-color:#e5e5e5;
	border-right:1px solid #fff;
	text-align:center;
	padding:5px 5px 3px 5px;
	font-size:93%;
}
.product #contents #kaihatsu th#h01{
	width:90px;
}
.product #contents #kaihatsu td{
	border-bottom:1px solid #e5e5e5;
	padding:10px 10px 8px 10px;
	font-size:93%;
}
.product #contents #kaihatsu td.name{
	font-weight:bold;
	color:#315996;
}
.jirei #contents h3{
}
.jirei #contents p{
	margin-bottom:20px;
}

/* LPバナー */
#lp_bnr{
	max-width:620px;
	width:auto;
	margin-left:auto;
	margin-right:auto;
}
#lp_bnr a img{
	width:100%;
	height:auto;
}

@media screen and (max-width: 980px) {
/* SOLUTION TOP */
.solTop #sec01 a,.solTop #sec02 a,
.solTop #sec03 a,.solTop #sec04 a{
	height:190px;
}
}

@media screen and (max-width: 804px) {
/* SOLUTION TOP */
.solTop #sec01 a, .solTop #sec02 a,
.solTop #sec03 a, .solTop #sec04 a,
.solTop #sec05 a,.solTop #sec06 a{
	height:auto;
}
.smart .imgCenter img{
	max-width:428px;
}
.office .imgCenter img{
	max-width:400px;
}
.municipality .imgCenter img{
	max-width:600px;
}

/* 候補者の選考 */
#haImg01{
	width:auto;
	height:auto;
}
#haImg01 img{
	width:100%;
	height:auto;
}

/* ストレスチェックサービス */
.stress .box{
	overflow:hidden;
	min-height:0px;
}
.stress .box .txt{
	padding-right:0px;
}
.stress .box .txt p{
	line-height:1.5em;
}
.stress .box .photo{
	position:static;
	float:right;
	width:120px;
	margin:0px 0px 5px 10px;
}
.stress .box .photo img{
	width:100%;
	height:auto;
}
.stress #flow ul{
	margin-right:0px;
	margin-bottom:15px;
}
.stress #flow .img{
	position:static;
	width:183px;
	margin:0px auto;
}

/* 製品情報／開発事例 */
.product #sec06 a,.product #sec07 a{
	height:auto;
}
.product #contents #kaihatsu td{
	padding:10px 5px 8px 5px;
}
}

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

/* 候補者の選考 */
#haImg01{
	width:300px;
	height:602px;
	text-indent:-999999px;
	background-image:url(/img/solution/office/ha_selection_img01_sp.gif);
	background-repeat:no-repeat;
	background-size:300px 602px;
}
table#report table{
	width:100%;
}
table#report tr,table#report td{
	width:100%;
	display:block;
	float:left;
}
table#report table th,table#report table td{
	width:100%;
	display:block;
	float:left;
	padding-left:0px;
	padding-right:0px;
}
}