@charset "utf-8";
/*##########################################################*/
/*  Page For other than TOP Use Style												*/
/*    Ver:1.00/001           																*/
/*    Date:2018/03/01        																*/
/*##########################################################*/
/*###################### Main PC sec #######################*/
/*################### Policy div ###################*/
/* Policyメインキャッチ画像 */
#main-content #policy-catch .catch-img {
	padding: 60px 10px;
	background-color: #f0f7fd;
	text-align: center;
}

#main-content #policy-catch .catch-text {
	margin-top: 30px;
}
#main-content #policy-catch .catch-text dl dt, 
#main-content #policy-catch .catch-text dl dd {
	display: inline-block;
}
#main-content #policy-catch .catch-text dl dt {
	width: 120px;
} 
#main-content #policy-catch .catch-text dl dd {
	width: calc(100% - 150px);
	margin-left: 30px;
} 

/* Policy2段組 */
#main-content #promise .h4-content .policy-2col-L {
	float: left;
	width:58%;
	width: calc(100% - 41% - 10px);
}
#main-content #promise .h4-content .policy-2col-R {
	float: right;
	width:41%;
}

#main-content #promise .h4-content ul.policy-list li {
	position: relative;
	margin-left: 22px;
	line-height: 2;
}
#main-content #promise .h4-content ul.policy-list li:before {
	position: absolute;
	top:1px;
	left: -22px;
	content: url(../img/com00-ic41.png);
}

/*################### Service div ###################*/
/* H3セクション */
#main-content .cp-sec03 {
	margin-bottom: 80px;
}

/* コンサルティングサービス */
#main-content #consulting [id^="consulting-service"] {
	margin-top: 40px;
	padding-bottom: 40px;
}
#main-content #consulting #consulting-service02:last-child {
	border-bottom: none;
}

#main-content [id^="consulting-service"] .h4-content ul.consulting-list {
	margin-top: 30px;
}
#main-content [id^="consulting-service"] .h4-content ul.consulting-list > li {
	position: relative;
	padding: 20px 0;
	border-top: solid 1px #999999;
}
#main-content [id^="consulting-service"] .h4-content ul.consulting-list > li:last-child {
	border-bottom: solid 1px #999999;
}
#main-content [id^="consulting-service"] .h4-content ul.consulting-list > li:nth-child(odd) {
	background-color: #f4f4f4;
}
#main-content [id^="consulting-service"] .h4-content ul.consulting-list > li:nth-child(even) {
	background-color: #ffffff;
}
#main-content [id^="consulting-service"] .h4-content dl dt,
#main-content [id^="consulting-service"] .h4-content dl dd {
	display: inline-block;
}
#main-content [id^="consulting-service"] .h4-content dl dt {
	width:180px;
	padding-right: 2%;
}
#main-content [id^="consulting-service"] .h4-content dl dd {
	width:calc(100% - 2% - 240px);
	padding-right: 60px;
}
#main-content [id^="consulting-service"] .h4-content dl dt p {
	position:absolute;
	top: 50%;
	left:0;
	width:180px;
	line-height: 1.8em;
	margin-top: -0.9em;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}
#main-content [id^="consulting-service"] .h4-content dl dt p.twoL {
	top: 38%;
}
#main-content [id^="consulting-service"] .h4-content dl dd ul.consulting-detail-list li {
	text-indent: -1em;
	margin-left: 1em;
}
#main-content [id^="consulting-service"] .h4-content dl dd ul.consulting-detail-list li:before {
	content: "・";
}

/* リスク診断・予防以下2段組 */
#main-content .cp-sec03 .h3-content .service-2col {
	margin-top: 40px;
	padding-bottom: 40px;
}
#main-content .cp-sec03 .h3-content .service-2col:first-child {
	margin-top: 0;
}
#main-content .cp-sec03 .h3-content .service-2col-L {
	float: left;
	width:66%;
	width: calc(100% - 270px);
}
#main-content .cp-sec03 .h3-content .service-2col-R {
	float: right;
	width:250px;
}
#main-content .cp-sec03 .h3-content .service-2col-R img {
	max-width:250px;
}
#main-content .cp-sec03 .h3-content .h4-content p.h4-lead {
	font-weight: bold;
}
#main-content .cp-sec03 .h3-content .h4-content ul.detail-list {
	margin-top: 20px;
}
#main-content .cp-sec03 .h3-content .h4-content ul.detail-list li {
	text-indent: -1em;
	margin-left: 1em;
}
#main-content .cp-sec03 .h3-content .h4-content ul.detail-list li:before {
	content: "・";
}
#main-content #risk .h3-content .service-2col:last-child {
	border-bottom: none;
}

/*################### Step div ###################*/
/* お問い合わせからアフターフォローまでの流れ */
#main-content #step .h4-content {
	margin-top: 40px;
}
#main-content #step .h4-content ul li {
	position: relative;
	margin-top: 67px;
}
#main-content #step .h4-content ul li:first-child {
	margin-top: 0;
}
#main-content #step .h4-content ul li:after {
	position:absolute;
	content: url(../../img/step01-ic30.png);
	width: 100%;
	text-align: center;
	margin: 20px 0;
}
#main-content #step .h4-content ul li:last-child:after {
	content: none;
}
#main-content #step .h4-content dl {
	min-height: 100px;
	background-color: #f4f4f4;
	padding: 30px 25px;
}
#main-content #step .h4-content dl dt,
#main-content #step .h4-content dl dd {
	display: inline-block;
}
#main-content #step .h4-content dl dt {
	width: 121px;
	padding-right: 2%;
}
#main-content #step .h4-content dl dt p {
	position:absolute;
	top: calc((100% - 120px) / 2) ;
	left:25px;
	width:212px;
	line-height: 1;
}
#main-content #step .h4-content dl dd {
	width:calc(100% - 2% - 121px);
}
#main-content #step .h4-content dl dd .step-title {
	font-size: 24px;
	line-height: 1.4;
	font-weight: bold;
	color: #228c8c;
}

/*################### Case div ###################*/
/* 事例 */
#main-content [id^="case"] .h4-content {
	margin-top: 40px;
}

#main-content [id^="case"] .h4-content ul li {
	position: relative;
	padding: 20px 0;
	border-top: solid 1px #999999;
}
#main-content [id^="case"] .h4-content ul li:last-child {
	border-bottom: solid 1px #999999;
}
#main-content [id^="case"] .h4-content ul li:nth-child(odd) {
	background-color: #f4f4f4;
}
#main-content [id^="case"] .h4-content ul li:nth-child(even) {
	background-color: #ffffff;
}
#main-content [id^="case"] .h4-content dl dt,
#main-content [id^="case"] .h4-content dl dd {
	display: inline-block;
}
#main-content [id^="case"] .h4-content dl dt {
	width:180px;
	padding-right: 2%;
}
#main-content [id^="case"] .h4-content dl dd {
	width:calc(100% - 2% - 240px);
	padding-right: 60px;
}
#main-content [id^="case"] .h4-content dl dt p {
	position:absolute;
	top: 50%;
	left:0;
	width:180px;
	line-height: 1.8em;
	margin-top: -0.9em;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}
#main-content [id^="case"] .h4-content .case-notice {
	margin-top: 20px;
	margin-bottom: 80px;
}

/*################### Voice div ###################*/
/* お客様のご意見・ご感想 */
#main-content #voice .h4-content {
	margin-top: 40px;
}

#main-content #voice .h4-content ul li {
	position: relative;
	padding: 20px 0;
	border-top: solid 1px #999999;
}
#main-content #voice .h4-content ul li:last-child {
	border-bottom: solid 1px #999999;
}
#main-content #voice .h4-content ul li:nth-child(odd) {
	background-color: #f4f4f4;
}
#main-content #voice .h4-content ul li:nth-child(even) {
	background-color: #ffffff;
}
#main-content #voice .h4-content dl dt,
#main-content #voice .h4-content dl dd {
	display: inline-block;
}
#main-content #voice .h4-content dl dt {
	width:180px;
	padding-right: 2%;
}
#main-content #voice .h4-content dl dd {
	width:calc(100% - 2% - 240px);
	padding-right: 60px;
}
#main-content #voice .h4-content dl dt p {
	position:absolute;
	top: 50%;
	left:0;
	width:180px;
	line-height: 1.8em;
	margin-top: -0.9em;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}

/*################### Faq div ###################*/
/* よくあるご質問 */
#main-content #faq .h4-content ul.faq-list {
	margin-top: 40px;
}
#main-content #faq .h4-content ul.faq-list li {
	margin-top: 30px;
	padding-bottom: 30px;
	border-bottom: solid 1px #cccccc;
}
#main-content #faq .h4-content ul.faq-list li:first-child {
	margin-top: 0;
}
#main-content #faq .h4-content ul.faq-list dl.faq-data > dd {
	margin-top: 30px;
}
#main-content #faq .h4-content ul.faq-list dl.faq-data dl dt,
#main-content #faq .h4-content ul.faq-list dl.faq-data dl dd {
	display: inline-block;
}
#main-content #faq .h4-content ul.faq-list dl.faq-data dl dt {
	width: 60px;
	margin-right: 20px;
	text-align: center;
}
#main-content #faq .h4-content ul.faq-list dl.faq-data dl dd {
	width: calc(100% - 60px - 20px);
}
#main-content #faq .h4-content ul.faq-list dl.faq-data dl.faq-q dd {
	font-size: 20px;
	font-weight: bold;
	color: #228c8c;
}
#main-content #faq .h4-content ul.faq-list dl.faq-data dl.faq-a dt img {
	margin-top: 7px;
}

/*################### Office div ###################*/
/* 代表者の想い */
#main-content #office-greeting {
	background-color: #f1f7fd;
	padding: 60px 50px;
}
#main-content #office-greeting .greeting-title {
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	color: #1f67ab;
}

#main-content #office-greeting .geeeting-data {
	margin-top: 40px;
}
#main-content #office-greeting p.greeting-photo {
	float: right;
	margin-left: 30px;
}

/* 代表者プロフィール以下 */
#main-content #profile .h4-content dl dt,
#main-content #profile .h4-content dl dd,
#main-content #office .h4-content dl dt,
#main-content #office .h4-content dl dd {
	display: inline-block;
}
#main-content #profile .h4-content dl dt,
#main-content #office .h4-content dl dt {
	width:90px;
	margin-right: 2%;
	font-weight: bold;
}
#main-content #profile .h4-content dl dd,
#main-content #office .h4-content dl dd {
	width:calc(100% - 2% - 90px);
}
#main-content #office .office-2col-L {
	float: left;
	width:58%;
	width: calc(100% - 41% - 10px);
}
#main-content #office .office-2col-R {
	float: right;
	width: 41%;
}

/*################### ErrPage div ###################*/
/* errpageページタイトル */
#main-content section .h2-content .errpage-title {
	font-size:26px;
	font-weight:bold;
}


/*###################### Small PC sec #######################*/
@media (max-width:1020px){
	/*################### Office div ###################*/
	#main-content #profile .h4-content dl dt,
	#main-content #office .h4-content dl dt {
		width:80px;
		margin-right: 1%;
	}
	#main-content #profile .h4-content dl dd,
	#main-content #office .h4-content dl dd {
		width:calc(100% - 1% - 80px);
	}
}

/*###################### Tablet sec #######################*/
/*################### Tablet div ###################*/
@media (max-width:768px) {
	/*################### Service div ###################*/
	/* Serviceページ用 */
	#main-content [id^="consulting-service"] .h4-content dl dt {
		width:140px;
	}
	#main-content [id^="consulting-service"] .h4-content dl dd {
		width:calc(100% - 2% - 160px);
		padding-right: 20px;
	}
	#main-content [id^="consulting-service"] .h4-content dl dt p {
		width:140px;
	}
	#main-content .cp-sec03 .h3-content .service-2col-L,
	#main-content .cp-sec03 .h3-content .service-2col-R {
		float: none;
		width:100%;
	}
	#main-content .cp-sec03 .h3-content .service-2col-R {
		margin-top: 20px;
		text-align: center;
	}
	
	/*################### Step div ###################*/
	#main-content #step .h4-content dl {
		padding: 20px 15px;
	}
	#main-content #step .h4-content dl dt p {
		left:15px;
	}
	
	/*################### Case div ###################*/
	#main-content [id^="case"] .h4-content dl dt {
		width:120px;
	}
	#main-content [id^="case"] .h4-content dl dd {
		width:calc(100% - 2% - 140px);
		padding-right: 20px;
	}
	#main-content [id^="case"] .h4-content dl dt p {
		width:120px;
	}

	/*################### Voice div ###################*/
	#main-content #voice .h4-content dl dt {
		width:120px;
	}
	#main-content #voice .h4-content dl dd {
		width:calc(100% - 2% - 140px);
		padding-right: 20px;
	}
	#main-content #voice .h4-content dl dt p {
		width:120px;
	}

	/*################### Office div ###################*/
	#main-content #office .office-2col-L,
	#main-content #office .office-2col-R {
		float: none;
		width: 100%;
	}
	#main-content #office .office-2col-R {
		margin-top: 20px;
		text-align: center;
	}
}

/*###################### S-Phone sec #######################*/
@media (max-width : 480px){
	/*################### Policy div ###################*/
	#main-content #policy-catch .catch-img {
		padding: 20px 10px;
	}
	#main-content #policy-catch .catch-text dl dt, 
	#main-content #policy-catch .catch-text dl dd {
		display: block;
		width: 100%;
	}
	#main-content #policy-catch .catch-text dl dt {
		text-align: center;		
	} 
	#main-content #policy-catch .catch-text dl dd {
		margin-left: 0;
		margin-top: 20px;
	} 
	#main-content #promise .h4-content .policy-2col-L,
	#main-content #promise .h4-content .policy-2col-R {
		float: none;
		width:100%;
	}
	#main-content #promise .h4-content .policy-2col-R {
		margin-top: 20px;
	}
	
	/*################### Service div ###################*/
	#main-content [id^="consulting-service"] .h4-content ul.consulting-list > li {
		padding-left: 10px;
		padding-right: 10px;
	}
	#main-content [id^="consulting-service"] .h4-content dl dt,
	#main-content .cp-sec04 .h4-content dl dd {
		display: block;
		width:100%;
		padding-right: 0;
	}
	#main-content [id^="consulting-service"] .h4-content dl dt p {
		position: relative;
		width:100%;
		padding-top: 10px;
		text-align: center;
	}

	/*################### Step div ###################*/
	#main-content #step .h4-content dl dt,
	#main-content #step .h4-content dl dd {
		display: block;
		width: 100%;
		padding-right: 0;
	}
	#main-content #step .h4-content dl dt p {
		position: relative;
		left: 0;
		width:100%;
		padding-top: 10px;
		text-align: center;
	}
	#main-content #step .h4-content dl dd .step-title {
		margin-top: 20px;
		font-size: 18px;
	}
	#main-content #step .h4-content dl dd .step-text {
		margin-top: 10px;
	}
	
	/*################### Case div ###################*/
	#main-content [id^="case"] .h4-content ul li {
		padding-left: 10px;
		padding-right: 10px;
	}
	#main-content [id^="case"] .h4-content dl dt,
	#main-content .cp-sec04 .h4-content dl dd {
		display: block;
		width:100%;
		padding-right: 0;
	}
	#main-content [id^="case"] .h4-content dl dt p {
		position: relative;
		width:100%;
		padding-top: 10px;
		text-align: center;
	}

	/*################### Voice div ###################*/
	#main-content #voice .h4-content ul li {
		padding-left: 10px;
		padding-right: 10px;
	}
	#main-content #voice .h4-content dl dt,
	#main-content #voice .h4-content dl dd {
		display: block;
		width:100%;
		padding-right: 0;
	}
	#main-content #voice .h4-content dl dt p {
		position: relative;
		width:100%;
		padding-top: 10px;
		text-align: center;
	}
	
	/*################### Office div ###################*/
	#main-content #office-greeting {
		padding: 60px 10px;
	}
	#main-content #office-greeting p.greeting-photo {
		float: none;
		margin-left: 0;
		margin-bottom: 20px;
			text-align: center;
}

}