@charset "utf-8";

/**************************************************************************************
企業のご担当者様の表紙
--------------------------------------------------------------------------------------

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

/* ---------------------------
背景画像
----------------------------- */

#client {
	background:url(../img/client/bg_client.jpg)no-repeat;
	background-position:right 58px;
}
#service {
	background:url(../img/client/bg_service.jpg)no-repeat;
	background-position:right 58px;
}
#feature {
	background:url(../img/client/bg_feature.jpg)no-repeat;
	background-position:right 58px;
}

/**************************************************************************************
企業のご担当者様の表紙
--------------------------------------------------------------------------------------

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

#client ul.listTsuyomi {
	margin-top:120px;
	border-radius:5px;
	box-shadow:10px 10px 20px #E0E0E0, -10px -10px 20px #ffffff;
	display:block;
	width:100%;
}
#client ul.listTsuyomi:after {
	content:"."; display:block; clear:both; height:0; visibility:hidden; font-size:0;
}
#client ul.listTsuyomi li {
	float:left;
	width:33.333333%;
	text-align:center;
	padding:60px 20px;
	border-bottom:1px solid #ededed;
}
#client ul.listTsuyomi li {
	border-right:1px solid #ededed;
}
#client ul.listTsuyomi li em {
	font-weight:bold;
	font-size:24px;
	display:inline-block;
	padding:0 10px;
	text-align:center;
	margin-top:10px;
	background:linear-gradient(transparent 50%, #EEEFFF 50%);
}

.lineup {
	border-radius:5px;
	box-shadow:10px 10px 20px #E0E0E0, -10px -10px 20px #ffffff;
	display:block;
	width:100%;
	padding:45px 20px;
	margin-top:50px;
}
.lineup p.titLine {
	display:flex;
	align-items:center;
	color:#C33A48;
}
.lineup p.titLine em {
	background:#fff;
	padding:0 20px;
	font-size:12px;
	font-weight:bold;
}
.lineup p.titLine::before,
.lineup p.titLine::after {
	content:'';
	height:1px;
	background-color:rgba(195, 58, 72, 0.3);
	flex-grow:1;
}

.lineup {
	background:#fff;
}
#service .lineup {
	margin-top:160px;
}
.lineup ul {
}
.lineup ul li {
	padding:21px;
}
.lineup ul li + li {
	border-top:1px solid #CCC;
}
.lineup ul li dl {
	display:table;
}
.lineup ul li dl dt {
	display:table-cell;
	color:#1D1D1D;
	font-weight:bold;
	width:250px;
}
.lineup ul li dl dt em {
	font-weight:bold;
	font-size:16px;
	color:#CCCCCC;
	margin-right:33px;
}
.lineup ul li dl dd {
	display:table-cell;
}


/**************************************************************************************
サービスラインナップ
--------------------------------------------------------------------------------------

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

/* ---------------------------
追尾リンク
----------------------------- */

#pageLink {
	position:fixed;
	right:0;
	top:50%;
	background:#fff;
	border-radius:5px 0 0 5px;
	width:202px;
	box-shadow:10px 10px 20px #E0E0E0, -10px -10px 20px #ffffff;
	box-sizing:border-box;
	border:1px solid #ededed;
	z-index:100;
}
#pageLink ul {
}
#pageLink ul li {
}
#pageLink ul li a {
	padding:12px 30px;
	font-size:12px;
	font-weight:bold;
	display:block;
}
#pageLink ul li a.active {
	color:#cb152a;
	background:rgba(250, 98, 98, 0.16);
}
#pageLink .btnContact {
	background:#EEEFFF;
	text-align:center;
	border-radius:0 0 0 5px;
	padding:11px 15px;
}
#pageLink .btnContact a {
	background:#5662CB url(../img/common/ic_tel.png) no-repeat center left 10px;
	-webkit-background-size:16px;
	background-size:16px;
	color:#fff;
	font-weight:bold;
	display:inline-block;
	font-size:12px;
	padding:13px;
	border-radius:5px;
	text-indent:20px;
	width:100%;
}

/* ---------------------------
コンテンツ囲む大枠
----------------------------- */

#service .serviceItem {
	padding-bottom:120px;
}
#service .serviceItem + .serviceItem {
	 border-top:1px solid #ccc;
}
#service .serviceItem figure {
	border:1px solid #ccc;
	border-radius:5px;
	margin-top:30px;
	padding:30px 0;
}
#service .serviceItem figure figcaption {
	background:#F9F9F9;
	display:inline-block;
	padding:10px 40px;
	border-radius:35px;
	font-weight:bold;
	margin-left:30px;
}
#service .serviceItem figure img {
	display:block;
}
#service #page01.serviceItem figure img {
	width:568px;
	margin:63px auto 0;
}
#service #page04.serviceItem figure img {
	width:880px;
	margin:50px auto 0;
}
#service .serviceItem .titSub {
	font-weight:bold;
	font-size:20px;
	color:#5662CB;
}

#service .serviceItem .merit {
	margin-top:50px;
}
#service .serviceItem .merit ul {
	margin-top:20px;
}
#service .serviceItem .merit ul:after {
		content:"."; display:block; clear:both; height:0; visibility:hidden; font-size:0;
}
#service .serviceItem .merit ul li {
	border:1px solid #eee;
	padding:20px;
	width:49.5%;
	border-radius:5px;
}
#service .serviceItem .merit ul li:nth-of-type(odd) {
	float:left;
	clear:both;
}
#service .serviceItem .merit ul li:nth-of-type(even) {
	float:right;
}
#service .serviceItem .merit ul li:nth-of-type(n+3) {
	margin-top:20px;
}
#service .serviceItem .merit dl {
}
#service .serviceItem .merit dl dt {
	font-weight:bold;
	font-size:16px;
	letter-spacing:0.2em;
	position:relative;
	padding-left:60px;
}
#service .serviceItem .merit dl dt:after {
	width:40px;
	height:40px;
	border-radius:20px;
	content:"";
	display:block;
	position:absolute;
	top:-10px;
	left:0;
	background:url(../img/common/ic_check_bl.png) #EEEFFF no-repeat center;
	-webkit-background-size:20px;
	background-size:20px;
}
#service .serviceItem .merit dl dd {
	font-size:15px;
	margin-top:20px;
	padding-left:55px;
	font-size:15px;
}



#service .serviceItem .flow {
	margin-top:50px;
}
#service .serviceItem .flow dl {
	padding:20px 20px 20px 140px;
	padding-left:140px;
	position:relative;
}
#service .serviceItem .flow dl dt {
	font-size:20px;
	font-weight:bold;
	position:relative;
}
#service .serviceItem .flow dl dd {
	margin-top:23px;
}
#service .serviceItem ul.flowList {
	overflow:hidden;
	margin-top:20px;
}
#service .serviceItem ul.flowList li {
	position:relative;
}
#service .serviceItem ul.flowList li:nth-of-type(odd) {
	background:#F9F9F9;
}
#service .serviceItem ul.flowList li .number {
	font-size:18px;
	color:#ccc;
	font-weight:bold;
	position:absolute;
	top:20px;
	left:20px;
}
#service .serviceItem .flow dl:before {
	content:"";
	width:6px;
	height:6px;
	border-radius:20px;
	background:#C33A48;
	display:block;
	position:absolute;
	left:90px;
	top:30px;
	z-index:2;
}
#service .serviceItem ul.flowList li > span + dl:after {
	content:"";
	width:1px;
	height:100%;
	background:#CCCCCC;
	display:block;
	position:absolute;
	top:0;
	left:92px;
}
#service .serviceItem ul.flowList li:last-of-type > span + dl dt {
	position:relative;
}
#service .serviceItem ul.flowList li:last-of-type > span + dl dt:after {
	content:"";
	position:absolute;
	width:4px;
	height:85px;
	display:block;
	left:-50px;
	top:15px;
	z-index:1;
	background:#F9F9F9;
}
#service .serviceItem ul.flowList li:first-of-type > span + dl dt:after {
	content:"";
	position:absolute;
	width:4px;
	height:30px;
	display:block;
	left:-50px;
	top:-20px;
	z-index:1;
	background:#F9F9F9;
}

/* ---------------------------
ポイントのアイコン
----------------------------- */

.point {
	margin-top:14px;
	font-size:14px;
}
.point em {
	font-size:14px;
	font-weight:bold;
	color:#000;
	background:url(../img/common/ic_point.png)no-repeat top 2px left;
	-webkit-background-size:69px;
	background-size:69px;
	padding-left:80px;
	display:block;
	padding-bottom:7px;
}


/**************************************************************************************
日本パーソナルビジネスの強み
--------------------------------------------------------------------------------------

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

#feature {
}
#feature .item {
	padding:93px 0;
}
#feature .item + .item {
	border-top:1px solid #ccc;
}
#feature .item .tit {
	font-weight:bold;
	font-size:32px;
	border-bottom:2px solid #ccc;
	display:inline-block;
	padding:0 10px;
}
#feature .item .tit span {
	display:block;
	color:#CCCCCC;
	font-size:34px;
	font-weight:bold;
	padding-bottom:30px;
}
#feature .item dl {
	margin-top:60px;
}
#feature .item dl dt {
	font-weight:bold;
	font-size:24px;
	letter-spacing:0.15em;
	padding:0 20px;
	background:linear-gradient(transparent 50%, #EEEFFF 50%);
	display:inline-block
}
#feature .item dl dd {
	font-size:16px;
	margin-top:35px;
	line-height:2;
	padding:0 20px;
}