@charset "utf-8";
@media print, screen and (min-width: 828px){
/**************************
PC用スタイル
**************************/
#title-div {
	font-size: 12px;
	line-height: 168%;
	text-align: center;
	float: left;
	margin-bottom: 40px;
}
#labor-cost-div {
	background-image: url(../img/or_chart/bg.png);
	background-repeat: repeat;
	clear: left;
	padding: 10px;
	text-align: left;
}
#labor-cost-div .box-01 {
	background-image: url(../img/page/login_page_lain.png);
	background-repeat: no-repeat;
	background-position: 30px top;
	padding-left: 35px;
	padding-top: 15px;
}
#labor-cost-div .item-box {
	」border-top-width: 25px;
	border-bottom-width: 5px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #2AB1BF;
	border-bottom-color: #2AB1BF;
	background-color: #FFF;
	margin-left: 5px;
	padding: 10px;
	border-top-width: 20px;
	margin-bottom: 35px;
}
#labor-cost-div .item-box h3 {
	font-size: 24px;
	line-height: 168%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #00C2D1;
	margin-bottom: 10px;
	background-image: url(../img/labor_cost/icon_01.png);
	background-repeat: no-repeat;
	background-position: left 12px;
	padding-left: 20px;
}
#labor-cost-div .item-box dl {
	padding-left: 25px;
}

#labor-cost-div .item-box dl dt {
	font-weight: bold;
}
#labor-cost-div .item-box dl dd {
	line-height: 168%;
	margin-bottom: 25px;
	padding-left: 18px;
}
#labor-cost-div .link-box {
	text-align: center;
	margin-right: 20%;
	margin-left: 20%;
}
#labor-cost-div .link-box a {
	font-weight: bold;
	color: #FFF;
	background-color: #00C2D1;
	display: block;
	padding: 10px;
	margin-top: 15px;
	margin-bottom: 15px;
	text-decoration: none;
}
#labor-cost-div .link-box a:hover {
	color: #00F;
}
#labor-cost-div .txt-01 {
	font-size: 12px;
}
}
@media screen and (max-width: 828px){
/**************************
スマホ用スタイル
**************************/
#title-div {
	font-size: 12px;
	line-height: 168%;
	text-align: center;
	float: left;
	margin-bottom: 15px;
}
#labor-cost-div {
	background-image: url(../img/or_chart/bg.png);
	background-repeat: repeat;
	clear: left;
	padding: 10px;
	text-align: left;
}
#labor-cost-div .box-01 {
    padding-top: 15px;
}
#labor-cost-div .item-box {
	border-top-width: 25px;
	border-bottom-width: 5px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #2AB1BF;
	border-bottom-color: #2AB1BF;
	background-color: #FFF;
	margin-left: 5px;
	padding: 10px;
	border-top-width: 20px;
	margin-bottom: 35px;
}
#labor-cost-div .item-box h3 {
	font-size: 24px;
	line-height: 168%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #00C2D1;
	margin-bottom: 10px;
	background-image: url(../img/labor_cost/icon_01.png);
	background-repeat: no-repeat;
	background-position: left 12px;
	padding-left: 20px;
}
#labor-cost-div .item-box dl {
	padding-left: 10px;
}

#labor-cost-div .item-box dl dt {
	font-weight: bold;
}
#labor-cost-div .item-box dl dd {
	line-height: 168%;
	margin-bottom: 25px;
	padding-left: 18px;
}
#labor-cost-div .link-box {
	text-align: center;
	margin-right: 5%;
	margin-left: 5%;
}
#labor-cost-div .link-box a {
	font-weight: bold;
	color: #FFF;
	background-color: #00C2D1;
	display: block;
	padding: 10px;
	margin-top: 15px;
	margin-bottom: 15px;
	text-decoration: none;
}
#labor-cost-div .link-box a:hover {
	color: #00F;
}
#labor-cost-div .txt-01 {
	font-size: 12px;
}
}