@charset "utf-8";
/* CSS Document */

h4.price01{
	margin:30px 0 20px 0;
	padding:0 0 0 10px;
	border-left: solid 5px #4A5C8A;
	border-bottom: solid 1px #4A5C8A;
	font-size:1.8rem;
	color:#333333;
	line-height:3.0rem;
 	}

.pricr_text01{
	margin:0 0 50px 0;
 	}

.pricr_text01 p{
	margin:0 0 20px 0;
	font-size:1.5rem !important;
	color: #333333;
	line-height:140%;
 	}


/* 顧問契約 */

#price_contents01{
	width:100%;
	margin:0 0 50px 0;
	}

#price_contents01 table{
	width:100%;
	margin:0 auto 10px auto;
	}

#price_contents01 th {
	width:50%;
	background-color: #F4F5F8;
	border: solid 1px #CCCCCC;
	font-size:1.5rem;
	color: #333333;
	line-height:140%;
	text-align:center;
	padding: 10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	}

#price_contents01 td {
	width:50%;
	border: solid 1px #CCCCCC;
	padding: 10px;
	font-size:1.5rem;
	color: #333333;
	vertical-align:middle;
	line-height:140%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	}

#price_contents01 td span{
	color: #223870;
	font-weight:bold;
	}

#price_contents01 p{
	margin:0 0 30px 0;
	}



/* スポット料金 */

#price_contents02{
	width:100%;
	margin:0 0 50px 0;
	}

#price_contents02 table{
	width:100%;
	margin:0 auto 10px auto;
	}

#price_contents02 th {
	width:25%;
	background-color: #F4F5F8;
	border: solid 1px #CCCCCC;
	font-size:1.5rem;
	color: #333333;
	line-height:140%;
	text-align:left;
	padding: 10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	}

#price_contents02 td {
	width:25%;
	border: solid 1px #CCCCCC;
	padding: 10px;
	font-size:1.5rem;
	color: #333333;
	line-height:140%;
	vertical-align:middle;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	}

#price_contents02 p.sub_text{
	margin:0 0 30px 0;
	color: #223870;
	font-weight:bold;
	}


/* 就業規則の作成・改定 */
#price_contents03{
	width:100%;
	margin:0 0 50px 0;
	}

#price_contents03 table{
	width:100%;
	margin:0 auto 50px auto;
	}

#price_contents03 th {
	width:50%;
	background-color: #F4F5F8;
	border: solid 1px #CCCCCC;
	font-size:1.4rem;
	color: #333333;
	line-height:140%;
	text-align:left;
	font-weight:normal;
	padding: 10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	}

#price_contents03 th span{
	font-size:1.5rem;
	color: #223870;
	line-height:160%;
	font-weight:bold;
	}

#price_contents03 td {
	width:50%;
	border: solid 1px #CCCCCC;
	padding: 10px;
	font-size:1.5rem;
	color: #333333;
	line-height:140%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	}


/* 人事制度作成 */
#price_contents04{
	width:100%;
	margin:0 0 50px 0;
	}

#price_contents04 table{
	width:100%;
	margin:0 auto 50px auto;
	}

#price_contents04 th {
	width:50%;
	background-color: #F4F5F8;
	border: solid 1px #CCCCCC;
	font-size:1.5rem;
	color: #333333;
	line-height:140%;
	text-align:left;
	vertical-align:middle;
	padding: 10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	}

#price_contents04 th span{
	font-size:1.5rem;
	color: #223870;
	line-height:160%;
	font-weight:bold;
	}

#price_contents04 td {
	width:50%;
	border: solid 1px #CCCCCC;
	padding: 10px;
	font-size:1.5rem;
	color: #333333;
	line-height:140%;
	vertical-align:middle;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	}





/* -------------------------------------------------- スマートフォン */
@media screen and (max-width:600px) {
	/* 表示領域が600px未満の場合に適用するスタイル */
	.flow_box .text{
	width:100%;
	float:none;
	}
	.flow_box .images{
	width:100%;
	float:none;
	text-align: center;
	}
	.flow_box .images img{
	width:200px;
	height:auto;
	}
	.flow_point img{
	width:150px;
	height:56px;
	}
}