/*----------------------------------------------------------------------------*/
/* 	株式会社富士誇   サービス page					 	CSS      */
/*----------------------------------------------------------------------------*/
@charset "utf-8";

	main#container {
/*		background-color: #FFF;	*/
	}
/* font-family  ◆*/
	h1,
	#g-nav-list li:nth-child(1),
	#news h2,
	#blog h2,
	#recruit h2,
	#consultant h2 {
		font-weight:normal;
		font-family: 'Futura medium bt', sans-serif;
		font-display: swap;
	}

/* heading  ◆*/
	#news h2,
	#blog h2,
	#recruit h2,
	#consultant h2 {
		font-size: 5rem;
		text-align: center;
		margin: 0 0 50px 0;
		font-weight: normal;
		color: #0F1419;		/* cacielo-blk */
	}

	@media screen and (max-width:768px) {
		#news h2,
		#blog h2,
		#recruit h2,
		#consultant h2 {
			font-size: 2rem;
		}
	}
	#footer {
		border-top:none;
	}

/* ■ VALUE section ---------------------------------------*/

	#value {		/* ◆ PC layout */
		margin:0 auto 0 auto;
		width:100%;
		padding-top:50px;
		padding-bottom:50px;
		background:linear-gradient(180deg, #F4F4F4 0%,#F4F4F4 2%,#FFFFFF 2%,#FFFFFF 50%,#221815 50%,#333333 70%,#F4F4F4 70%,#F4F4F4 100%);		/* ★ */
		position:relative;
	}
	#value h2 {
		margin: 0 0 50px 0;
		font-weight:normal;
		font-family: 'Futura medium bt', sans-serif;
		font-display: swap;
		font-size: 5rem;
		text-align: center;
		font-weight: normal;
		color: #0F1419;		/* cacielo-blk */
	}
	#value .h2sub {
		margin:-110px auto 0 auto;
		width: 50%;
		font-size:24px;
		text-align:center;
		font-weight:normal;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 600;
		font-style: normal;
		font-display: swap;
		color:#333;
	}
	#value .h2line  {
		margin: 30px auto 50px auto;
		width: 30%;
		height:4px;
		text-indent: -99999px;	/* テキスト非表示 */
		background-color:#0F1419;		/* cacielo-blk */
	}
	#value>.particle01 {
		margin:0 auto 0 auto;
		z-index:0;
	}

	@media screen and (max-width:550px) {
		#value h2{
			margin:0 0 50px 0;
		}
	}
	#value h2 span.bgLRextend::before{
		background:#333;
	}
	#value #sec01cont {
		margin:0 auto 0 auto;
		width:80%;
		padding:50px;
		background-color:rgba(255,255,255,0.98);
		box-shadow: 0px 1px 3px 1px #aaa;
		-webkit-box-shadow: 0px 1px 3px 1px #aaa;
		-moz-box-shadow: 0px 1px 3px 1px #aaa;
		z-index:1;
	}
	#value #sec01cont>.cont01 {
		margin:0 auto 0 auto;
		width:100%;
	}
	#value .cont01 .comment {
		margin:30px auto 0 auto;
		width:70%;
		font-size:18px;
		line-height:2.0em;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 500;
		font-style: normal;
		font-display: swap;
		color:#222;
	}
	#value .cont01 .fig01 {
		margin:35px auto 0 auto;
		width:100%;
		height:213px;
		background: url( "../images/service/valuefig01.png" ) no-repeat;
		background-size: 1001px 213px;
		background-position:center center;
	}
	#value .cont01 .fig01>dl {
		display:none;
	}
	#value .cont01 .fig02 {
		margin: 50px auto 0 auto;
		width:75%;
		display:flex;
		flex-wrap:wrap;
		flex-direction:row;
		justify-content: flex-start;		/* 両端のアイテムを余白を空けずに配置し、他の要素は均等に間隔を空けて配置 */
	}
	#value .cont01 .fig02 dl,dt,dd {
		display:block;
	}
	#value .cont01 .fig02 dl {
		margin: 0 auto 0 auto;
		width:30%;
		height:250px;
		background-color:#FFF;
		position:relative;
		box-shadow: 0px 1px 3px 1px #aaa;
		-webkit-box-shadow: 0px 1px 3px 1px #aaa;
		-moz-box-shadow: 0px 1px 3px 1px #aaa;
	}
	#value .cont01 .fig02 dt {
		margin: 0 auto 0 auto;
		width:100%;
		text-align:center;
		font-size:17px;
		line-height:1.0em;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 500;
		font-style: normal;
		font-display: swap;
		color:#FFF;
		padding:15px 0 15px 0;
		background-color:#221815;	/* fujico-blk */
	}
	#value .cont01 .fig02 dd {
		margin: 0 auto 0 auto;
		width:80%;
		font-size:15px;
		line-height:1.7em;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 400;
		font-style: normal;
		font-display: swap;
		color:#222;
		padding:20px 0 20px 0;
	}
	#value .cont01 .fig02 dd span {
		font-weight: bold;
		font-size:17px;
		color: #BD1A20;		/* cacielo-red02 */
		padding-left:7px;
	}

	@media only screen and (min-width: 993px) and (max-width: 1600px) {	/*◇ PC-S */

	}
	@media only screen and (min-width: 993px) and (max-width: 1680px) {	/*◇ PC-S */

		#value h2 {
			margin: 0 auto 0 auto;
			width: 80%;
			text-align:center;
			font-size: 4rem;
			letter-spacing: 0.05em;
		}
		#value .h2sub {
			margin:-60px auto 0 auto;
			font-size:18px;
		}
		#value .h2line  {
			margin: 20px auto 50px auto;
		}
	}

	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		#value {
			margin:30px auto 0 auto;
			width:100%;
			padding-top:20px;
			padding-bottom:0;
			background-color:transparent;
			background:linear-gradient(90deg,#F0EDE4 0%,#F0EDE4 30%,white 30%,white 100%);	/* ★ */
		}
		#value h2 {
			font-size: 3rem;
		}
		#value .h2sub {
			margin:-50px auto 0 auto;
			font-size:16px;
		}
	}

	@media screen and (max-width:767px) {	/* ◇ SP layout */

		#value {
			margin:0 auto 0 auto;
			width:100%;
			background:linear-gradient(90deg, #F3F3F3 0%,#F3F3F3 30%,#FFFFFF 30%,#FFFFFF 100%);	/* ★ */
			padding-top:10px;
			padding-bottom:10px;
		}
		#value h2 {
			margin:0 auto 0 auto;
			padding-left:0;
			font-size: 2rem;
		}
		#value .h2sub {
			margin: -30px auto 0 auto;
			width: 90%;
			font-size:12px;
			text-align:center;
			font-weight:normal;
			color:#333;
			padding-left:0;
		}
		#value .h2line  {
			margin: 10px auto 0 auto;
			width: 90%;
			height:2px;
			text-indent: -99999px;	/* テキスト非表示 */
			background-color:#0F1419;		/* cacielo-blk */
		}
		#value #sec01cont {
			margin:20px auto 0 auto;   
			width:95%;
			padding:15px;
			background-color:rgba(255,255,255,0.98);
			box-shadow: 0px 1px 2px 1px #aaa;
			-webkit-box-shadow: 0px 1px 2px 1px #aaa;
			-moz-box-shadow: 0px 1px 2px 1px #aaa;
		}
		#value #sec01cont>.cont01{
			margin:0 auto 0 auto;
			width:100%;
		}
		#value .cont01 .comment {
			margin:10px auto 0 auto;
			width:90%;
			font-size:12px;
			line-height:1.6em;
			font-weight:bold;
			color:#222;
		}
		#value .cont01 .fig01 {
			margin:20px auto 0 auto;
			width:100%;
			height:723px;
			background: url( "../images/service/valuefig01_sp.png" ) no-repeat;
			background-size: 603px 1545px;
			background-size: 302px 723px;		/* 50% */
			background-position:center center;
		}
		#value .cont01 .fig01>dl {
			display:none;
		}
		#value .cont01 .fig02 {
			margin: 30px auto 0 auto;
			width:100%;
			display:block;
		}
		#value .cont01 .fig02 dl {
			margin: 0 auto 0 auto;
			width:100%;
			height:auto;
			padding-bottom:20px;
			box-shadow: 0px 1px 3px 1px #aaa;
			-webkit-box-shadow: 0px 1px 3px 1px #aaa;
			-moz-box-shadow: 0px 1px 3px 1px #aaa;
		}
		#value .cont01 .fig02 dt {
			margin: 0 auto 0 auto;
			width:100%;
			text-align:center;
			font-size:13px;
			line-height:1.0em;
			font-weight:bold;
			padding:7px 0 7px 0;
		}
		#value .cont01 .fig02 dd {
			font-size:12px;
			line-height:1.7em;
			color:#222;
			padding:10px 0 10px 0;
		}
		#value .cont01 .fig02 dd span {
			font-weight:bold;
			font-size:14px;
			padding-left:3px;
		}
	}

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

	}

/* ■ CONCEPT section ---------------------------------------*/

	#concept {		/* ◆ PC layout */
		margin:0 auto 0 auto;
		width:100%;
		padding-top:80px;
		padding-bottom:50px;
		background:linear-gradient(180deg, #F4F4F4 0%,#F4F4F4 2%,#FFFFFF 2%,#FFFFFF 50%,#221815 50%,#333333 70%,#F4F4F4 70%,#F4F4F4 100%);		/* ★ */
		position:relative;
	}
	#concept h2 {
		margin: 0 0 50px 0;
		font-weight:normal;
		font-family: 'Futura medium bt', sans-serif;
		font-display: swap;
		font-size: 5rem;
		text-align: center;
		font-weight: normal;
		color: #0F1419;		/* cacielo-blk */
	}
	#concept .h2sub {
		margin:-110px auto 0 auto;
		width: 50%;
		font-size:24px;
		text-align:center;
		font-weight:normal;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 600;
		font-style: normal;
		font-display: swap;
		color:#333;
	}
	#concept .h2line  {
		margin: 30px auto 50px auto;
		width: 30%;
		height:4px;
		text-indent: -99999px;	/* テキスト非表示 */
		background-color:#0F1419;		/* cacielo-blk */
	}
	#concept>.particle01 {
		margin:0 auto 0 auto;
		z-index:0;
	}

	@media screen and (max-width:550px) {
		#concept h2{
			margin:0 0 50px 0;
		}
	}
	#concept h2 span.bgLRextend::before{
		background:#333;
	}
	#concept #sec01cont {
		margin:0 auto 0 auto;
		width:80%;
		padding:30px;
		background-color:rgba(255,255,255,1.0);
		box-shadow: 0px 1px 3px 1px #aaa;
		-webkit-box-shadow: 0px 1px 3px 1px #aaa;
		-moz-box-shadow: 0px 1px 3px 1px #aaa;
		background-color:#fff;
		z-index:1;
	}
	#concept #sec01cont>.cont01 {
		margin:0 auto 0 auto;
		width:100%;
	}
	#concept .cont01 .comment {
		margin:30px auto 0 auto;
		width:80%;
		font-size:18px;
		line-height:2.0em;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 500;
		font-style: normal;
		font-display: swap;
		color:#222;
	}
	#concept .cont01 .fig01 {
		margin:30px auto 0 auto;
		width:100%;
		height:586px;
		height:750px;
		background: url( "../images/service/valuefig02.svg" ) no-repeat;
		background-size: 980px 585px;
		background-size: 1176px 702px;
		background-position:center top 0;
	}
	#concept .cont01 .fig01>ul {
		display:none;
	}

	@media only screen and (min-width: 1400px) and (max-width: 1680px) {	/*◇ PC-S */

		#concept {		/* ◆ PC layout */
			background:transparent;
			background-color:#f4f4f4;
		}
		#concept h2 {
			margin: 0 auto 0 auto;
			width: 80%;
			text-align:center;
			font-size: 4rem;
			letter-spacing: 0.05em;
		}
		#concept .h2sub {
			margin:-60px auto 0 auto;
			font-size:18px;
		}
		#concept .h2line  {
			margin: 0 auto 30px auto;
		}
		#concept #sec01cont {
			margin:0 auto 0 auto;
			width:80%;
			padding:50px 0 50px 0;
		}
		#concept .cont01 .comment {
			margin:10px auto 0 auto;
			width:85%;
			font-size:15px;
			line-height:1.8em;
		}
		#concept .cont01 .fig01 {
			margin:30px auto 0 auto;
			width:100%;
			max-height:562px;
			background: url( "../images/service/valuefig02.svg" ) no-repeat;
			background-size: 1176px 702px;
			background-size: 941px 562px;		/* 80% */
			background-position:center top 0;
		}
	}
	@media only screen and (min-width: 1020px) and (max-width: 1400px) {	/*◇ PC-S */

		#concept .cont01 .fig01 {
			margin:30px auto 0 auto;
			width:98%;
			max-height:491px;
			background: url( "../images/service/valuefig02.svg" ) no-repeat;
			background-size: 1176px 702px;
			background-size: 823px 491px;		/* 70% */
			background-size: contain;
			background-position:center top 0;
		}
	}

	/* Tablet Layout ◇ */
	@media only screen and (min-width: 767px) and (max-width: 1020px) {

		#concept {
			margin:30px auto 0 auto;
			width:100%;
			padding-top:30px;
			padding-bottom:50px;
			background-color:transparent;
			background:linear-gradient(90deg,#F4F4F4 0%,#F4F4F4 30%,white 30%,white 100%);	/* ★ */
		}
		#concept h2 {
			font-size: 3rem;
		}
		#concept .h2sub {
			margin:-95px auto 0 auto;
			font-size:16px;
		}
		#concept .h2line  {
			margin: 15px auto 30px auto;
		}
		#concept #sec01cont {
			margin:0 auto 0 auto;
			width:90%;
			padding:20px;
		}
		#concept .cont01 .comment {
			margin:20px auto 0 auto;
			width:85%;
			font-size:15px;
			line-height:1.7em;
		}
		#concept .cont01 .fig01 {
			margin:30px auto 0 auto;
			width:98%;
			max-height:530px;
			background: url( "../images/service/valuefig02.svg" ) no-repeat;
			background-size: 1176px 702px;
			background-size: 823px 491px;		/* 70% */
			background-size: contain;
			background-position:center top 0;
		}
	}

	@media screen and (max-width:767px) {	/* ◇ SP layout */

		#concept {
			margin:0 auto 0 auto;
			width:100%;
			background:linear-gradient(90deg, #F3F3F3 0%,#F3F3F3 30%,#FFFFFF 30%,#FFFFFF 100%);	/* ★ */
			padding-top:10px;
			padding-bottom:10px;
		}
		#concept h2 {
			margin:0 auto 0 auto;
			padding-left:0;
			font-size: 2rem;
		}
		#concept .h2sub {
			margin: -30px auto 0 auto;
			width: 90%;
			font-size:12px;
			text-align:center;
			font-weight:normal;
			color:#333;
			padding-left:0;
		}
		#concept .h2line  {
			margin: 10px auto 0 auto;
			width: 90%;
			height:2px;
			text-indent: -99999px;	/* テキスト非表示 */
			background-color:#0F1419;		/* cacielo-blk */
		}
		#concept #sec01cont {
			margin:20px auto 0 auto;   
			width:95%;
			padding:15px;
			background-color:rgba(255,255,255,0.98);
			box-shadow: 0px 1px 2px 1px #aaa;
			-webkit-box-shadow: 0px 1px 2px 1px #aaa;
			-moz-box-shadow: 0px 1px 2px 1px #aaa;
		}
		#concept #sec01cont>.cont01{
			margin:0 auto 0 auto;
			width:100%;
		}
		#concept .cont01 .comment {
			margin:10px auto 0 auto;
			width:90%;
			font-size:12px;
			line-height:1.6em;
			font-weight:bold;
			color:#222;
		}
		#concept .cont01 .fig01 {
			margin:20px auto 0 auto;
			width:100%;
			height:520px;
			background: url( "../images/service/valuefig02_sp.png" ) no-repeat;
			background-size: 712px 1001px;
			background-size: 356px 501px;		/* 50% */
			background-size: contain;		/* 50% */
			background-position:center center;
		}
		#concept .cont01 .fig01>dl {
			display:none;
		}
	}

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

	}

/* ■ OVERVIEW section ---------------------------------------*/

	#overview {		/* ◆ PC layout */
		margin:0 auto 0 auto;
		width:100%;
		padding-top:50px;
		padding-bottom:50px;
		background-image:
			url("../images/bg/bg-sym01.png"),
			url("../images/bg/bg-sym02.png");
		background-size:
			contain,
			contain;
		background-position:
			center top -1px,
			center bottom 0;
		background-repeat:
			no-repeat,
			no-repeat;
		background-color:#FFF;
		position:relative;
	}
	#overview h2 {
		margin: 0 0 50px 0;
		font-weight:normal;
		font-family: 'Futura medium bt', sans-serif;
		font-display: swap;
		font-size: 5rem;
		text-align: center;
		font-weight: normal;
		color: #0F1419;		/* cacielo-blk */
	}
	#overview .h2sub {
		margin:-110px auto 0 auto;
		width: 50%;
		font-size:24px;
		text-align:center;
		font-weight:normal;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 600;
		font-style: normal;
		font-display: swap;
		color:#333;
	}
	#overview .h2line  {
		margin: 30px auto 50px auto;
		width: 30%;
		height:4px;
		text-indent: -99999px;	/* テキスト非表示 */
		background-color:#0F1419;		/* cacielo-blk */
	}

	@media screen and (max-width:550px) {
		#overview h2{
			margin:0 0 50px 0;
		}
	}
	#overview h2 span.bgLRextend::before{
		background:#333;
	}
	#overview #sec01cont {
		margin:0 auto 0 auto;
		width:80%;
		padding:30px;
		background-color:rgba(255,255,255,1.0);
		box-shadow: 0px 1px 3px 1px #aaa;
		-webkit-box-shadow: 0px 1px 3px 1px #aaa;
		-moz-box-shadow: 0px 1px 3px 1px #aaa;
		z-index:1;
	}
	#overview #sec01cont>.cont01 {
		margin:0 auto 0 auto;
		width:100%;
	}
	#overview .cont01 .comment {
		margin:30px auto 0 auto;
		width:80%;
		font-size:18px;
		line-height:2.0em;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 500;
		font-style: normal;
		font-display: swap;
		color:#222;
	}
	#overview .cont01 .fig01 {
		margin:50px auto 0 auto;
		width:100%;
		height:1350px;
		background: url( "../images/service/valuefig03.png" ) no-repeat;
		background-size: 980px 586px;
		background-size: 1176px 1495px;
		background-size: 1000px 1271px;		/* 85% */
		background-position:center top 0;
	}
	#overview .cont01 .fig01 .cont0101 {
		display:none;
	}

	@media only screen and (min-width: 993px) and (max-width: 1600px) {	/*◇ PC-S */
	}
	@media only screen and (min-width: 993px) and (max-width: 1680px) {	/*◇ PC-S */

		#overview h2 {
			margin: 0 auto 0 auto;
			width: 80%;
			text-align:center;
			font-size: 4rem;
			letter-spacing: 0.05em;
		}
		#overview .h2sub {
			margin:-60px auto 0 auto;
			font-size:18px;
		}
		#overview .h2line  {
			margin: 0 auto 30px auto;
		}
		#overview #sec01cont {
			margin:0 auto 0 auto;
			width:80%;
			padding:50px 0 50px 0;
		}
		#overview .cont01 .comment {
			margin:10px auto 0 auto;
			width:85%;
			font-size:15px;
			line-height:1.8em;
		}
		#overview .cont01 .fig01 {
			margin:30px auto 0 auto;
			width:100%;
		}
	}

	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		#overview {
			margin:30px auto 0 auto;
			width:100%;
			padding-top:30px;
			padding-bottom:0;
			background-color:transparent;
			background:linear-gradient(90deg,#F0EDE4 0%,#F0EDE4 30%,white 30%,white 100%);	/* ★ */
		}
		#overview h2 {
			font-size: 3rem;
		}
		#overview .h2sub {
			margin:-120px auto 0 auto;
			font-size:16px;
		}
	}

	@media screen and (max-width:767px) {	/* ◇ SP layout */

		#overview {
			margin:0 auto 0 auto;
			width:100%;
			background-image:url("../images/bg/bg-sym02.png");
			background-size:contain;
			background-position:center bottom 0;
			background-repeat:no-repeat;
			padding-top:30px;
			padding-bottom:80px;
		}
		#overview h2 {
			margin:0 auto 0 auto;
			padding-left:0;
			font-size: 2rem;
		}
		#overview .h2sub {
			margin: -30px auto 0 auto;
			width: 90%;
			font-size:12px;
			text-align:center;
			font-weight:normal;
			color:#333;
			padding-left:0;
		}
		#overview .h2line  {
			margin: 10px auto 0 auto;
			width: 90%;
			height:2px;
			text-indent: -99999px;	/* テキスト非表示 */
			background-color:#0F1419;		/* cacielo-blk */
		}
		#overview #sec01cont {
			margin:20px auto 0 auto;   
			width:95%;
			padding:15px;
			background-color:rgba(255,255,255,0.98);
			box-shadow: 0px 1px 2px 1px #aaa;
			-webkit-box-shadow: 0px 1px 2px 1px #aaa;
			-moz-box-shadow: 0px 1px 2px 1px #aaa;
		}
		#overview #sec01cont>.cont01{
			margin:0 auto 0 auto;
			width:100%;
		}
		#overview .cont01 .comment {
			margin:10px auto 0 auto;
			width:90%;
			font-size:12px;
			line-height:1.6em;
			font-weight:bold;
			color:#222;
		}
		#overview .cont01 .fig01 {
			margin:20px auto 0 auto;
			width:100%;
			height:590px;
			height:620px;
			background: url( "../images/service/valuefig03_sp.png" ) no-repeat;
			background-size: 713px 1146px;
			background-size: 357px 573px;		/* 50% */
			background-size: contain;
			background-position:center center;
		}
		#overview .cont01 .fig01>dl {
			display:none;
		}
	}

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

	}

/* ■ AREA section ---------------------------------------*/

	#area {		/* ◆ PC layout */
		margin:0 auto 0 auto;
		width:100%;
		padding-top:0;
		padding-bottom:80px;
		background-image:url("../images/bg/mfbg02.jpg");
		background-size:	1600px 752px;
		background-size:	cover;
		background-position:	left 0 bottom 0;
		background-attachment:fixed;
		background-repeat:no-repeat;
		position:relative;
		border-top: 3px solid #BDC3C7;	/* Siver */
	}
	#area h2 {
		margin: 0 0 50px 0;
		font-weight:normal;
		font-family: 'Futura medium bt', sans-serif;
		font-display: swap;
		font-size: 5rem;
		text-align: center;
		font-weight: normal;
		color: #FFF;
	}
	#area .h2sub {
		margin:-110px auto 0 auto;
		width: 50%;
		font-size:24px;
		text-align:center;
		font-weight:normal;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 600;
		font-style: normal;
		font-display: swap;
		color:#FFF;
	}
	#area .h2line  {
		margin: 30px auto 50px auto;
		width: 30%;
		height:4px;
		text-indent: -99999px;	/* テキスト非表示 */
		background-color:#FFF;
	}

	@media screen and (max-width:550px) {
		#area h2{
			margin:0 0 50px 0;
		}
	}
	#area h2 span.bgLRextend::before{
		background:#333;
	}
	#area #sec01cont {
		margin:0 auto 0 auto;
		width:80%;
		padding:80px;
		padding:30px 0 60px 0;
		background-color:rgba(255,255,255,1.0);
		box-shadow: 0px 1px 3px 1px #aaa;
		-webkit-box-shadow: 0px 1px 3px 1px #aaa;
		-moz-box-shadow: 0px 1px 3px 1px #aaa;
		z-index:1;
	}
	#area #sec01cont>.cont01 {
		margin:0 auto 0 auto;
		width:100%;
	}
	#area .cont01 .comment {
		margin:30px auto 0 auto;
		width:80%;
		text-align:center;
		font-size:22px;
		line-height:2.0em;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight:700;
		font-style: normal;
		font-display: swap;
		color:#FFF;
		padding:15px 0 15px 0;
		background-color:#221815;	/* fujico-blk */
		background-color:#BD1A20;	/* cacielo-red02 */
		box-shadow: 0px 1px 2px 1px #aaa;
		-webkit-box-shadow: 0px 1px 2px 1px #aaa;
		-moz-box-shadow: 0px 1px 2px 1px #aaa;
	}
	#area .cont01 .fig01 {
		margin:50px auto 0 auto;
		width:100%;
		height:70px;
		background: url( "../images/service/valuefig04.svg" ) no-repeat;
		background-size: 963px 57px;
		background-position:center top 0;
	}
	#area .cont01 .fig01>ul {
		display:none;
	}
	#area .cont01 .fig02 {
		margin: 50px auto 0 auto;
		width:90%;
		display:flex;
		flex-wrap:wrap;
		flex-direction:row;
		justify-content: flex-start;		/* 両端のアイテムを余白を空けずに配置し、他の要素は均等に間隔を空けて配置 */
	}
	#area .cont01 .fig02 dl,dt,dd {
		display:block;
	}
	#area .cont01 .fig02 dl {
		margin: 0 auto 30px auto;
		width:30%;
		height:270px;
		background-color:#FFF;
		position:relative;
		box-shadow: 0px 1px 3px 1px #aaa;
		-webkit-box-shadow: 0px 1px 3px 1px #aaa;
		-moz-box-shadow: 0px 1px 3px 1px #aaa;
	}
	#area .cont01 .fig02 dt {
		margin: 0 auto 20px auto;
		width:100%;
		text-align:center;
		font-size:16px;
		line-height:1.0em;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 500;
		font-style: normal;
		font-display: swap;
		color:#FFF;
		letter-spacing:0.1;
		padding:15px 0 15px 0;
		background-color:#221815;	/* fujico-blk */
	}
	#area .cont01 .fig02 dl:nth-child(5)>dt {
		font-size:15px;
	}
	#area .cont01 .fig02 dd {
		margin: 0 auto 0 auto;
		width:90%;
	}
	#area .cont01 .fig02 dd li {
		font-size:13.5px;
		line-height:1.7em;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 400;
		font-style: normal;
		font-display: swap;
		color:#222;
		padding:0 0 0 0;
 		padding-left:1.2em;
	 	text-indent:-1.2em;	/* 2行目以降1字下げ */
	}

	@media only screen and (min-width: 993px) and (max-width: 1600px) {	/*◇ PC-S */
	}
	@media only screen and (min-width: 993px) and (max-width: 1680px) {	/*◇ PC-S */

		#area h2 {
			margin: 0 auto 0 auto;
			width: 80%;
			text-align:center;
			font-size: 4rem;
			letter-spacing: 0.05em;
		}
		#area .h2sub {
			margin:-60px auto 0 auto;
			font-size:18px;
		}
		#area .h2line  {
			margin: 0 auto 30px auto;
		}
		#area #sec01cont {
			margin:0 auto 0 auto;
			width:80%;
			padding:50px 0 50px 0;
		}
		#area .cont01 .comment {
			margin:10px auto 0 auto;
			width:85%;
			font-size:15px;
			line-height:1.8em;
		}
		#area .cont01 .fig01 {
			margin:30px auto 0 auto;
			width:100%;
		}
	}

	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		#area {
			margin:30px auto 0 auto;
			width:100%;
			padding-top:20px;
			padding-bottom:0;
			background-color:transparent;
			background:linear-gradient(90deg,#F0EDE4 0%,#F0EDE4 30%,white 30%,white 100%);	/* ★ */
		}
		#area h2 {
			font-size: 3rem;
		}
		#area .h2sub {
			margin:-50px auto 0 auto;
			font-size:16px;
		}
	}

	@media screen and (max-width:767px) {	/* ◇ SP layout */

		#area {
			margin:-20px auto 0 auto;
			width:100%;
			padding-top:10px;
			padding-bottom:100px;
			background-image:url("../images/bg/mfbg02.jpg");
			background-size:	cover;
			background-position:	left 0 bottom 0;
			background-attachment:fixed;
			background-repeat:no-repeat;
			border-top: 2px solid #BDC3C7;	/* Siver */
		}
		#area h2 {
			margin:0 auto 0 auto;
			padding-left:0;
			font-size: 2rem;
		}
		#area .h2sub {
			margin: -30px auto 0 auto;
			width: 90%;
			font-size:12px;
			text-align:center;
			font-weight:normal;
			padding-left:0;
		}
		#area .h2line  {
			margin: 10px auto 0 auto;
			width: 90%;
			height:2px;
			text-indent: -99999px;	/* テキスト非表示 */
			background-color:#FFF;
		}
		#area #sec01cont {
			margin:20px auto 0 auto;   
			width:95%;
			padding:15px;
			background-color:rgba(255,255,255,0.98);
			box-shadow: 0px 1px 2px 1px #aaa;
			-webkit-box-shadow: 0px 1px 2px 1px #aaa;
			-moz-box-shadow: 0px 1px 2px 1px #aaa;
		}
		#area #sec01cont>.cont01{
			margin:0 auto 0 auto;
			width:100%;
		}
		#area .cont01 .comment {
			margin:10px auto 0 auto;
			width:100%;
			font-size:12px;
			line-height:1.6em;
			font-weight:bold;
			padding:7px 0 7px 0;
		}
		#area .cont01 .fig01 {
			margin:20px auto 0 auto;
			width:100%;
			height:35px;
			background: url( "../images/service/valuefig04_sp.png" ) no-repeat;
			background-size: 703px 58px;
			background-size: 351px 29px;		/* 50% */
			background-size: contain;
			background-position:center center;
		}
		#area .cont01 .fig02 {
			margin: 30px auto 0 auto;
			width:100%;
			display:block;
		}
		#area .cont01 .fig02 dl {
			margin: 0 auto 15px auto;
			width:100%;
			height:auto;
			padding-bottom:20px;
			box-shadow: 0px 1px 3px 1px #aaa;
			-webkit-box-shadow: 0px 1px 3px 1px #aaa;
			-moz-box-shadow: 0px 1px 3px 1px #aaa;
		}
		#area .cont01 .fig02 dt {
			margin: 0 auto 10px auto;
			width:100%;
			text-align:center;
			font-size:13px;
			line-height:1.0em;
			font-weight:bold;
			padding:7px 0 7px 0;
		}
		#area .cont01 .fig02 dl:nth-child(5)>dt {
			font-size:11px;
		}
		#area .cont01 .fig02 dd {
			margin: 0 auto 0 auto;
			width:90%;
		}
		#area .cont01 .fig02 dd li {
			font-size:12px;
			line-height:1.5em;
			color:#222;
		}
	}

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

	}

/* ■ SERVICE detail section ---------------------------------------*/

	#service01 {		/* ◆ PC layout */
		margin:0 auto 50px auto;
		width:100%;
		padding-top:60px;
		padding-bottom:30px;
		background:linear-gradient(180deg, #FFFFFF 0%,FFFFFF 50%,#F4F4F4 50%,#F4F4F4 100%);		/* ★ */
		position:relative;
	}
	#service01 h2 {
		margin: 0 0 50px 0;
		font-weight:normal;
		font-family: 'Futura medium bt', sans-serif;
		font-display: swap;
		font-size: 5rem;
		text-align: center;
		font-weight: normal;
		color: #0F1419;		/* cacielo-blk */
	}
	#service01 .h2sub {
		margin:-110px auto 0 auto;
		width: 50%;
		font-size:24px;
		text-align:center;
		font-weight:normal;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 600;
		font-style: normal;
		font-display: swap;
		color:#333;
	}
	#service01 .h2line  {
		margin: 20px auto 0 auto;
		width: 30%;
		height:4px;
		text-indent: -99999px;	/* テキスト非表示 */
		background-color:#0F1419;		/* cacielo-blk */
	}
	#service01>.svsec {
		margin: 120px auto 0 auto;
		width: 80%;
		background-color:rgba(255,255,255,0.98);
		box-shadow: 0px 1px 3px 1px #aaa;
		-webkit-box-shadow: 0px 1px 3px 1px #aaa;
		-moz-box-shadow: 0px 1px 3px 1px #aaa;
	}
	#service01 #svdt01>h2 {
		margin: -50px auto 0 10%;
		width: 100%;
		height:120px;
		text-indent: -99999px;	/* テキスト非表示 */
		background: url( "../images/service/svt01.svg" ) no-repeat;
		background-size: 343px 73px;	
		background-position:left 0 bottom 10px;
	}
	#service01 #svdt02>h2 {
		margin: 0 auto 0 10%;
		width: 100%;
		height:120px;
		text-indent: -99999px;	/* テキスト非表示 */
		background: url( "../images/service/svt02.svg" ) no-repeat;
		background-size: 343px 73px;	
		background-position:left 0 bottom 10px;
	}
	#service01 #svdt03>h2 {
		margin: 0 auto 0 10%;
		width: 100%;
		height:120px;
		text-indent: -99999px;	/* テキスト非表示 */
		background: url( "../images/service/svt03.svg" ) no-repeat;
		background-size: 343px 73px;	
		background-position:left 0 bottom 10px;
	}
	#service01 .svcont {
		margin: 0 auto 0 auto;
		display:flex;
		flex-wrap:nowrap;
		justify-content: space-between;	/* 両端のアイテムを余白を空けずに配置し、他の要素は均等に間隔を空けて配置 */
		width: 100%;
	}
	#service01 .svcont .left {
		margin: 0 auto 0 auto;
		width: 60%;
		padding:30px 0 50px 0;
	}
	#service01 .svcont .right {
		margin: 0 auto 0 auto;
		width: 40%;
		background-color:#F5F5F5;
	}
	#service01 .svcont .left dl,dt,dd {
		display:block;
	}
	#service01 .svcont .left dl {
		margin: 0 auto 0 10%;
		width: 90%;
	}
	#service01 .svcont .left dt {
		margin: 0 auto 20px auto;
		width: 80%;
		font-size: 1.3rem;
		line-height:1.5em;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 700;
		font-style: normal;
		font-display: swap;
		color:#222;
		padding-left:25px;
		border-left:5px solid #BD1A20;		/* cacielo-red02 */
	}
	#service01 .svcont .left dd {
		margin: 0 auto 0 auto;
		width: 70%;
		font-size: 1.0rem;
		line-height:1.5em;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 400;
		font-style: normal;
		font-display: swap;
		color:#222;
	}
	#service01 .svcont .left dd .stitle {
		width: 80%;
		font-size: 1.1rem;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 500;
		font-style: normal;
		font-display: swap;
		color:#222;
	}
	#service01 .svcont .left dd>ul {
		margin: 0 auto 30px auto;
		width: 90%;
	}
	#service01 .svcont .left dd>ul li {
 		line-height:1.7em;
		padding-left:1.0em;
	 	text-indent:-1.0em;	/* 2行目以降1字下げ */
		padding:0 0 0 0;
	}
	#service01 .svcont .right .svimg {
		margin: 50px auto 0 auto;
		width: 80%;
	}
	#service01 .svcont .right>ul {
		margin: 80px auto 0 10%;
		width: 90%;
	}
	#service01 .svcont .right>ul>li {
		float:left;
		margin: 0 20px 30px auto;
		text-align:center;
		font-size:13px;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 500;
		font-style: normal;
		font-display: swap;
		color:#FFF;
		padding:8px 15px 8px 15px;
		background-color:#BD1A20;		/* cacielo-red02 */
		border-radius: 5px;
	}
	#service01 .svcont .right #consul { 		/* コンサルタント紹介 */
		margin: 10px auto 0 auto;
		width : 292px;
		height: 69px;
		display	: block;
		text-indent: -99999px;	/* テキスト非表示 */
		border	: 0px;
		z-index:999999;
	}
	#service01 .svcont .right #consul a {
		overflow: hidden;	 /* 内容を非表示にする。*/
		width : 292px;
		height: 0 !important;
		height /**/:69px;
		padding-top: 69px;
		display	: block;
		background: url(../images/menu/consultant.png) no-repeat;
		background-size:292px 69px;
		background-position:  0 0;
	}
	#service01 .svcont .right #consul a:hover {
		display: block;
		background: url(../images/menu/consultant_ov.png) no-repeat;
		background-size:292px 69px;
		background-position:  0 0;
	}

	@media only screen and (min-width: 1400px) and (max-width: 1680px) {	/*◇ PC-S */

	}
	@media only screen and (min-width: 1020px) and (max-width: 1400px) {	/*◇ PC-S */

	}
	/* Tablet Layout ◇ */
	@media only screen and (min-width: 767px) and (max-width: 1020px) {

		#service01 {
			margin:0 auto 0 auto;
			width:100%;
			padding-top:30px;
			padding-bottom:20px;
			background-color:transparent;
			background:linear-gradient(90deg,#F4F4F4 0%,#F4F4F4 30%,white 30%,white 100%);	/* ★ */
		}
		#service01 h2 {
			font-size: 3rem;
		}
		#service01 .h2sub {
			margin:-95px auto 0 auto;
			font-size:16px;
		}
		#service01 .h2line  {
			margin: 15px auto 30px auto;
		}
		#service01>.svsec {
			width: 90%;
		}
		#service01 .svcont .left dt {
			margin: 0 auto 20px auto;
			width: 80%;
			font-size: 1.0rem;
			line-height:1.5em;
		}
		#service01 .svcont .left dd {
			font-size: 0.8rem;

		}
		#service01 .svcont .left dd .stitle {
			width: 100%;
			font-size: 0.9rem;
			line-height:1.5em;
		}
		#service01 .svcont .left dd>ul {
			margin: 10px auto 20px auto;
			width: 100%;
		}
	}

	@media screen and (max-width:767px) {	/* ◇ SP layout */

		#service01 {
			margin:-1px auto -1px auto;
			width:100%;
			background:linear-gradient(90deg, #F3F3F3 0%,#F3F3F3 30%,#FFFFFF 30%,#FFFFFF 100%);	/* ★ */
			padding-top:10px;
			padding-bottom:20px;
		}
		#service01 h2 {
			margin:0 auto 0 auto;
			padding-left:0;
			font-size: 2rem;
		}
		#service01 .h2sub {
			margin: -30px auto 0 auto;
			width: 90%;
			font-size:12px;
			text-align:center;
			font-weight:normal;
			color:#333;
			padding-left:0;
		}
		#service01 .h2line  {
			margin: 10px auto 20px auto;
			width: 90%;
			height:2px;
			text-indent: -99999px;	/* テキスト非表示 */
			background-color:#0F1419;		/* cacielo-blk */
		}
		#service01>.svsec {
			margin: 10px auto 0 auto;
			width: 90%;
			padding-top:10px;
			background-color:rgba(255,255,255,0.98);
			box-shadow: 0px 1px 3px 1px #aaa;
			-webkit-box-shadow: 0px 1px 3px 1px #aaa;
			-moz-box-shadow: 0px 1px 3px 1px #aaa;
		}
		#service01 #svdt01>h2 {
			margin: 0 auto 0 auto;
			width: 90%;
			height:70px;
			text-indent: -99999px;	/* テキスト非表示 */
			background: url( "../images/service/svt01.svg" ) no-repeat;
			background-size: 343px 73px;
			background-size: 240px 51px;		/* 70% */
			background-position:left 15% bottom 0;
		}
		#service01 #svdt02>h2 {
			margin: 0 auto 0 auto;
			width: 90%;
			height:70px;
			text-indent: -99999px;	/* テキスト非表示 */
			background: url( "../images/service/svt02.svg" ) no-repeat;
			background-size: 240px 51px;		/* 70% */
			background-position:left 15% bottom 0;
		}
		#service01 #svdt03>h2 {
			margin: 0 auto 0 auto;
			width: 90%;
			height:70px;
			text-indent: -99999px;	/* テキスト非表示 */
			background: url( "../images/service/svt03.svg" ) no-repeat;
			background-size: 240px 51px;		/* 70% */
			background-position:left 15% bottom 0;
		}
		#service01 .svcont {
			margin: 0 auto 0 auto;
			display:block;
			width: 100%;
		}
		#service01 .svcont .left {
			margin: 0 auto 0 auto;
			width: 100%;
			padding:20px 0 20px 0;
		}
		#service01 .svcont .right {
			margin: -20px auto 0 auto;
			margin: 0 auto 0 auto;
			width: 100%;
			background-color:#F5F5F5;
		}
		#service01 .svcont .left dl {
			margin: 0 auto 0 auto;
			width: 90%;
		}
		#service01 .svcont .left dt {
			margin: 0 auto 10px auto;
			width: 90%;
			font-size: 14px;
			font-weight:bold;
			padding-left:15px;
			border-left:3px solid #BD1A20;		/* cacielo-red02 */
		}
		#service01 .svcont .left dd {
			margin: 0 auto 0 auto;
			width: 90%;
			font-size: 12px;
		}
		#service01 .svcont .left dd .stitle {
			width: 100%;
			font-size:12px;
			font-weight:bold;
		}
		#service01 .svcont .left dd>ul {
			margin: 0 auto 15px auto;
			width: 90%;
		}
		#service01 .svcont .left dd>ul li {
	 		line-height:1.7em;
			padding-left:1.0em;
		 	text-indent:-1.0em;	/* 2行目以降1字下げ */
			padding:0 0 0 0;
		}
		#service01 .svcont .right .svimg {
			margin: 0 auto 0 auto;
			width: 80%;
			padding-top:30px;
		}
		#service01 .svcont .right>ul {
			margin: 20px auto 0 auto;
			width: 90%;
			padding:0 0 20px 5%;
		}
		#service01 .svcont .right>ul>li {
			float:left;
			margin: 0 10px 15px auto;
			text-align:center;
			font-size:12px;
			padding:5px 8px 5px 8px;
			background-color:#BD1A20;		/* cacielo-red02 */
			border-radius: 3px;
		}
		#service01 .svcont .right #consul { 		/* コンサルタント紹介 */
			margin: 0 auto 0 auto;
			width : 234px;
			height: 80px;
			display	: block;
			text-indent: -99999px;	/* テキスト非表示 */
			border: 0px;
			z-index:999999;
		}
		#service01 .svcont .right #consul a {
			overflow: hidden;	 /* 内容を非表示にする。*/
			width : 234px;
			height: 0 !important;
			height /**/:55px;
			padding-top: 55px;
			display	: block;
			background: url(../images/menu/consultant.png) no-repeat;
			background-size:292px 69px;
			background-size:234px 55px;	/* 80% */
			background-position:  0 0;
		}
		#service01 .svcont .right #consul a:hover {
			display: block;
			background: url(../images/menu/consultant_ov.png) no-repeat;
			background-size:234px 55px;	/* 80% */
			background-position:  0 0;
		}
	}

/* ■ SERVICE02 支援内容 section ---------------------------------------*/

	#service02 {		/* ◆ PC layout */
		margin:30px auto 0 auto;
		width:100%;
		padding-top:60px;
		padding-bottom:30px;
		background:linear-gradient(180deg, #F4F4F4 0%,#F4F4F4 1%,#FFFFFF 1%,#FFFFFF 48%,#221815 48%,#333333 70%,#F4F4F4 70%,#F4F4F4 100%);		/* ★ */
		position:relative;
	}
	#service02 h2 {
		margin: 0 0 50px 0;
		font-weight:normal;
		font-family: 'Futura medium bt', sans-serif;
		font-display: swap;
		font-size: 5rem;
		text-align: center;
		font-weight: normal;
		color: #0F1419;		/* cacielo-blk */
	}
	#service02 .h2sub {
		margin:-110px auto 0 auto;
		width: 50%;
		font-size:24px;
		text-align:center;
		font-weight:normal;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 600;
		font-style: normal;
		font-display: swap;
		color:#333;
	}
	#service02 .h2line  {
		margin: 30px auto 50px auto;
		width: 30%;
		height:4px;
		text-indent: -99999px;	/* テキスト非表示 */
		background-color:#0F1419;		/* cacielo-blk */
	}
	#service02>.tsym02 {	/* 02# */
		display:block;
		position: absolute;
		top:10px;
		left:13%;
	}
	#service02>.tsym02 img {
		display:block;
	}
	/* 回転 */
	#service02>.tsym02 {
		animation-name: rotate02;
		animation-duration: 30.0s;
		animation-timing-function: cubic-bezier(0.5, 0.51, 0.51, 0.52);
		animation-iteration-count: infinite;
	}
	@keyframes rotate02 {
		 0% {
		 	transform: rotateZ(0);
		 }
		 100% {
		 		transform: rotateZ(360deg);
		}
	}

	@media screen and (max-width:550px) {
		#service02 h2{
			margin:0 0 50px 0;
		}
	}
	#service02 h2 span.bgLRextend::before{
		background:#333;
	}
	#service02 #wkinf-area {
		margin:0 auto 0 auto;
		width:87.5%;
		padding:30px 2.5% 50px 2.5%;
	}
	#service02 .work-area {
		margin:0 auto 0 auto;
		width:97%;
		background-color:rgba(255,255,255,0.99);
		box-shadow: 0px 1px 3px 1px #aaa;
		-webkit-box-shadow: 0px 1px 3px 1px #aaa;
		-moz-box-shadow: 0px 1px 3px 1px #aaa;
	}
	#service02 .work-area .guidetxt {
		margin:30px auto 0 30%; 
		width:45%;
		font-size:18px;
		line-height:2.0em;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 500;
		font-style: normal;
		font-display: swap;
		color:333;
		padding-bottom:30px;
	}

	@media screen and (max-width:590px) {
		#service02 .work-area{
			margin:0 auto 20px auto;   
		}
	}
	#service02 .work-area .cont01 {
		margin: 0 auto 0 auto;
		width:97%;
		padding:30px;
		z-index:0;
	}
	#service02 .work-area .cont01 .svdiag01 {
		margin: 0 auto 0 auto;
		width:100%;
		height:540px;
		background: url( "../images/service/diag02.png" ) no-repeat;
		background-size: 581px 528px;
		background-position:center center;
		position:relative;
	}
	#service02 .work-area .cont01 .svdiag01>.circlesym {		/* ◎ */
		position:absolute;
		top:40%;
		right:0;
		left:0;
		margin:auto;
		width:208px;
		height:208px;
		background: url( "../images/service/sym01.svg" ) no-repeat;
		background-size: 260px 260px;	
		background-size: 208px 208px;		/* 80% */
		background-position:center 0;
		z-index:1;
	}
	#service02 .work-area .cont01 .svdiag01>.circlesym .circle {
		margin: 0 auto 0 auto;
		width:208px;
		height:208px;
		background: url( "../images/service/circle01.png" ) no-repeat;
		background-size: 222px 222px;
		background-size: 178px 178px;		/* 80% */
		background-position:center center;
	}
	#service02 .work-area .cont01 .svdiag01>.circlesym .circle::before {
	 	content: '';
	 	padding-top: 50%;
	}
	/* 回転 */
	#service02 .work-area .cont01 .svdiag01>.circlesym .circle {
		animation-name: rotate;
		animation-duration: 15s;
		animation-timing-function: cubic-bezier(0.5, 0.51, 0.51, 0.52);
		animation-iteration-count: infinite;
	}
	@keyframes rotate {
		 0% {
		 	transform: rotateZ(0);
		 }
		 100% {
			transform: rotateZ(360deg);
		}
	}
	#service02 .work-area .cont01 .svdetail {
		margin: 10px auto 0 auto;
		width:90%;
		padding:0 0 50px 20%;
	}
	#service02 .work-area .cont01 .svdetail section {
		margin: 0 auto 0 auto;
		width:100%;
	}
	#service02 .work-area .cont01 .svdetail section .svitem {
		margin: 0 auto 0 auto;
		width:100%;
		display:flex;
		flex-wrap:wrap;
		flex-direction:row;
		justify-content: flex-start;		/* 両端のアイテムを余白を空けずに配置し、他の要素は均等に間隔を空けて配置 */
	}
	#service02 .work-area .cont01 .svdetail section>.svitem dl,dt,dd {
		display:block
	}
	#service02 .work-area .cont01 .svdetail section>.svitem dl {
		margin: 0 auto 0 auto;
		width:50%;
	}
	#service02 .work-area .cont01 .svdetail section>.svitem dl>dt {
		margin: 0 auto 0 auto;
		width:100%;
		font-size:18px;
		line-height:1.6em;
		font-weight:normal;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 500;
		font-style: normal;
		font-display: swap;
		color:#222;
		padding-bottom:20px;
	}
	#service02 .work-area .cont01 .svdetail section>.svitem dl>dd {
		margin: 0 auto 0 auto;
		width:100%;
	}
	#service02 .work-area .cont01 .svdetail section ul {
		margin:0 auto 20px auto;
		width:100%;
	}
	#service02 .work-area .cont01 .svdetail section ul li {
		font-size:15px;
		line-height:1.6em;
		font-weight:normal;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 400;
		font-style: normal;
		font-display: swap;
		color:#222;
 		padding-left:1.2em;
	 	text-indent:-1.2em;	/* 2行目以降1字下げ */
		padding:0 5% 0 5%;
	}

	#service02 .work-area .cont01 .svdetail #sv01 {		/* ◇経営 */
		margin: 50px auto 0 auto;
		width:100%;
	}
	#service02 .work-area .cont01 .svdetail #sv01 h2 {
		display:block;
		margin: 0 auto 25px auto;
		width:312px;
		width:100%;
		height:97px;
		text-indent: -99999px;	/* テキスト非表示 */
		background: url( "../images/service/diag0401.svg" ) no-repeat;
		background-size: 312px 97px;	
		background-position:left 0 center;
	}
	#service02 .work-area .cont01 .svdetail #sv02 {		/* ◇事業・業務 */
		margin: 30px auto 0 auto;
		width:100%;
	}
	#service02 .work-area .cont01 .svdetail #sv02 h2 {
		display:block;
		margin: 0 auto 25px auto;
		width:100%;
		height:97px;
		text-indent: -99999px;	/* テキスト非表示 */
		background: url( "../images/service/diag0402.svg" ) no-repeat;
		background-size: 451px 97px;	
		background-position:left 0 center;
	}
	#service02 .work-area .cont01 .svdetail #sv03 {		/* ◇IT */
		margin: 30px auto 0 auto;
		width:100%;
	}
	#service02 .work-area .cont01 .svdetail #sv03 h2 {
		display:block;
		margin: 0 auto 25px auto;
		width:100%;
		height:97px;
		text-indent: -99999px;	/* テキスト非表示 */
		background: url( "../images/service/diag0403.svg" ) no-repeat;
		background-size: 683px 97px;	
		background-position:left 0 center;
	}

	#service02 .work-area .cont02 {
		margin: 0 auto 0 auto;
		width:85%;
	}
	#service02 .work-area .cont02 .h3sub {
		margin:0 auto 0 auto;
		width: 30%;
		font-size:26px;
		text-align:center;
		font-weight:normal;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 600;
		font-style: normal;
		font-display: swap;
		color:#333;
	}
	#service02 .work-area .cont02 .h3line {
		margin: 20px auto 30px auto;
		width: 30%;
		height:4px;
		text-indent: -99999px;	/* テキスト非表示 */
		background-color:#0F1419;		/* cacielo-blk */
	}
	#service02 .work-area .cont02 .comment {
		margin:0 auto 0 auto;
		width:70%;
		font-size:18px;
		line-height:1.8em;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 500;
		font-style: normal;
		font-display: swap;
		color:#222;
	}
	#service02 .work-area .cont02>.detail {
		margin: 30px auto 30px auto;
		width:100%;
		padding-bottom:50px;
		background-color:#FFF;
		position:relative;
	}
	#service02 .work-area .cont02>.detail table {	/* ◆表 --------*/
		margin:30px auto 30px auto;
		width: 100%;
	}
	#service02 .work-area .cont02>.detail table .h3 {	
		text-align:center;
		font-size:18px;
		line-height:1.8em;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight:500;
		font-style: normal;
		font-display: swap;
		letter-spacing:1px;
		color: #222;
	}
	#service02 .work-area .cont02>.detail #tbpc {
		margin: 20px auto 20px auto;
		width: 80%;
		text-align:center;
	}
	#service02 .work-area .cont02>.detail table {
		margin: 0 auto 0 auto;
		width: 100%;
		border-collapse:collapse;
		padding:0;
		z-index:1;
	}
	#service02 .work-area .cont02>.detail table, th, td {
		border: none;
	}
	#service02 .work-area .cont02>.detail table tr {
		width: 100%;
		padding:0px;
		font-size:14px;
		color:#222;
	}
	#service02 .work-area .cont02>.detail table tr.t_head  {
		padding:10px;
		color:#FFF;
		background-color:#221815;		/* fujico-blk */
	}
	#service02 .work-area .cont02>.detail table tr.t_head  th {
		color:#FFF;
		background-color:#221815;		/* fujico-blk */
	}
	#service02 .work-area .cont02>.detail table  tr th {
		width:5%;
		text-align:center;
		font-size:14px;
		line-height:1.0em;
		line-height:2.5em;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 500;
		font-style: normal;
		font-display: swap;
		color:#fff;
		background-color:#221815;		/* fujico-blk */
		border-left: 1px solid #BDC3C7;	/* Siver */
		border-right: 1px solid #BDC3C7;	/* Siver */
		border-bottom: 1px solid #BDC3C7;	/* Siver */
	}
	#service02 .work-area .cont02>.detail table.tbtwoc tr th {
		width:40%;
	}
	#service02 .work-area .cont02>.detail table  tr td {
		text-align:left;
		padding:7px;
		padding-left:20px;
		padding-right:20px;
		line-height:1.5em;
		color:#222;
		border-top: 1px solid #BDC3C7;	/* Siver */
		border-right: 1px solid #BDC3C7;	/* Siver */
		border-bottom: 1px solid #BDC3C7;	/* Siver */
		background-color:#FFF;
	}
	#service02 .work-area .cont02>.detail table tr.t_head  td {
		text-align:center;
		color:#FFF;
		background-color:#221815;		/* fujico-blk */
	}
	#service02 .work-area .cont02>.detail table  tr td:nth-child(2) {
		width:27%;
		text-align:center;
		padding:10px;
		background-color:#F4F4F4;
	}

	#service02 .work-area .cont03 {
		margin: 50px auto 0 auto;
		width:85%;
		padding-bottom:20px;
	}
	#service02 .work-area .cont03 .h3sub {
		margin:0 auto 0 auto;
		width: 30%;
		font-size:26px;
		text-align:center;
		font-weight:normal;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 600;
		font-style: normal;
		font-display: swap;
		color:#333;
	}
	#service02 .work-area .cont03 .h3line {
		margin: 20px auto 30px auto;
		width: 30%;
		height:4px;
		text-indent: -99999px;	/* テキスト非表示 */
		background-color:#0F1419;		/* cacielo-blk */
	}
	#service02 .work-area .cont03 .comment {
		margin:0 auto 30px auto;
		width:70%;
		text-align:center;
		font-size:18px;
		line-height:1.8em;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 500;
		font-style: normal;
		font-display: swap;
		color:#222;
	}
	#service02 .work-area .cont03 h3 {
		display:block;
		margin: 0 auto 0 auto;
		width: 70%;
		text-align:center;
		font-size: 18px;
		line-height:1.0em;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight:700;
		font-style: normal;
		font-display: swap;
		color:#fff;
		padding:12px 0 15px 0;
		background-color:#221815;	/* fujico-blk */
	}
	#service02 .work-area .cont03 dl {
		display:none;
	}
	#service02 .work-area .cont03>.detail01 {
		margin: 0 auto 30px auto;
		width:100%;
		height:751px;
		height:830px;
		background: url( "../images/service/diag0501.png" ) no-repeat;
		background-size: 535px 751px;
		background-position:center bottom 0;
	}
	#service02 .work-area .cont03>.detail02 {
		margin: 0 auto 30px auto;
		width:100%;
		height:303px;
		height:420px;
		background: url( "../images/service/diag0601.png" ) no-repeat;
		background-size: 741px 303px;
		background-position:center bottom 20px;
	}
	#service02 .work-area .cont03>.detail03 {
		margin: 30px auto 30px auto;
		width:100%;
		height:202px;
		height:360px;
		background: url( "../images/service/diag0701.png" ) no-repeat;
		background-size: 741px 202px;
		background-position:center bottom 60px;
	}

	@media only screen and (min-width: 1400px) and (max-width: 1680px) {	/*◇ PC-S */

		#service02 h2 {
			margin: 0 auto 0 auto;
			width: 80%;
			text-align:center;
			font-size: 4rem;
			letter-spacing: 0.05em;
		}
		#service02 .h2sub {
			margin:-60px auto 0 auto;
			font-size:18px;
		}
		#service02 .h2line  {
			margin: 20px auto 50px auto;
		}
		#service02 #wkinf-area {
			margin:0 auto 0 auto;
			width:87.5%;
			padding:30px 2.5% 50px 2.5%;
			width:100%;
			padding:10px 0 30px 0;
		}
		#service02 .work-area .cont01 {
			margin: 0 auto 0 auto;
			width:100%;
			padding:20px;
		}
		#service02 .work-area .cont01 .svdiag01 {
			margin: 0 auto 0 auto;
			width:100%;
			height:580px;
			background: url( "../images/service/diag01.png" ) no-repeat;
			background-size: 626px 571px;
			background-size: 501px 457px;	 	/*80% */
			background-position:center center;
			position:relative;
		}

		#service02 .work-area .cont01 .svdetail #sv01 {		/* ITコンサルティング事業 */
		}
		#service02 .work-area .cont01 .svdetail #sv02 {		/* DXコンサルティング */
			position:absolute;
			top:5%;
			right:10%;
			width:30%;
			padding:0 0 30px 0;
		}
		#service02 .work-area .cont01 .svdetail #sv03 {		/* 業務コンサルティング */
			position:absolute;
			top:40%;
			right:2%;
			width:30%;
			padding:0 0 30px 0;
		}
		#service02 .work-area .cont01 .svdiag01 section>ul {
			margin:20px auto 0 auto;
			width:70%;
		}
	}

	@media only screen and (min-width: 993px) and (max-width: 1400px) {	/*◇ PC-S */

		#service02 h2 {
			margin: 0 auto 0 auto;
			width: 80%;
			text-align:center;
			font-size: 4rem;
			letter-spacing: 0.05em;
		}
		#service02 .h2sub {
			margin:-60px auto 0 auto;
			font-size:18px;
		}
		#service02 .h2line  {
			margin: 20px auto 50px auto;
		}
		#service02 #wkinf-area {
			margin:0 auto 0 auto;
			width:87.5%;
			padding:30px 2.5% 50px 2.5%;
			width:100%;
			padding:10px 0 30px 0;
		}
		#service02 .work-area .cont01 {
			margin: 0 auto 0 auto;
			width:100%;
			padding:20px;
		}
		#service02 .work-area .cont01 .svdetail {
			margin: 0 auto 0 auto;
			width:100%;
			height:580px;
			background: url( "../images/service/diag01.png" ) no-repeat;
			background-size: 626px 571px;
			background-size: 501px 457px;	 	/*80% */
			background-position:center center;
			position:relative;
		}
		#service02 .work-area .cont01 .svdetail #sv01 {		/* ITコンサルティング事業 */
		}
		#service02 .work-area .cont01 .svdetail #sv02 {		/* DXコンサルティング */
			position:absolute;
			top:5%;
			right:10%;
			width:30%;
			padding:0 0 30px 0;
		}
		#service02 .work-area .cont01 .svdetail #sv03 {		/* 業務コンサルティング */
			position:absolute;
			top:40%;
			right:2%;
			width:30%;
			padding:0 0 30px 0;
		}
		#service02 .work-area .cont01 .svdetail section>ul {
			margin:20px auto 0 auto;
			width:70%;
		}
	}

	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		#service02 {
			margin:30px auto 0 auto;
			width:100%;
			padding-top:20px;
			padding-bottom:0;
			background-color:transparent;
			background:linear-gradient(90deg,#F0EDE4 0%,#F0EDE4 30%,white 30%,white 100%);	/* ★ */
		}
		#service02 h2 {
			font-size: 3rem;
		}
		#service02 .h2sub {
			margin:-50px auto 0 auto;
			font-size:16px;
		}
		#service02 #wkinf-area{
			margin:0 auto 0 auto;   
			width:95%;
			padding:15px 2.5% 20px 2.5%;
		}
		#service02 .work-area{
			margin:0 auto 0 auto;
			width:100%;
		}
	}

	@media screen and (max-width:767px) {	/* ◇ SP layout */

		#service02 {
			margin:-1px auto -1px auto;
			width:100%;
			background:linear-gradient(90deg, #F3F3F3 0%,#F3F3F3 30%,#FFFFFF 30%,#FFFFFF 100%);	/* ★ */
			padding-top:10px;
			padding-bottom:50px;
		}
		#service02 h2 {
			margin:0 auto 0 auto;
			padding-left:0;
			font-size: 2rem;
		}
		#service02 .h2sub {
			margin: -30px auto 0 auto;
			width: 90%;
			font-size:12px;
			text-align:center;
			font-weight:normal;
			color:#333;
			padding-left:0;
		}
		#service02 .h2line  {
			margin: 10px auto 20px auto;
			width: 90%;
			height:2px;
			text-indent: -99999px;	/* テキスト非表示 */
			background-color:#0F1419;		/* cacielo-blk */
		}
		#service02 #wkinf-area {
			margin:0 auto 0 auto;   
			width:90%;
			padding:0 2.5% 20px 2.5%;
			width:100%;
			padding:0 2% 10px 2%;
		}
		#service02 .work-area{
			margin:0 auto 0 auto;
			width:100%;
			background-color:rgba(255,255,255,0.98);
			box-shadow: 0px 1px 3px 1px #aaa;
			-webkit-box-shadow: 0px 1px 3px 1px #aaa;
			-moz-box-shadow: 0px 1px 3px 1px #aaa;
		}
		#service02 .work-area .guidetxt {
			margin:10px auto 0 auto;   
			width:85%;
			font-size:13px;
			font-weight:bold;
			line-height:1.7em;
			padding-bottom:15px;
		}
		#service02 .work-area .cont01 {
			margin: 0 auto 80px auto;
			width:100%;
			padding:10px 0 10px 0;
		}
		#service02 .work-area .cont01 .svdiag01 {
			margin: 0 auto 0 auto;
			width:100%;
			height:300px;
			background: url( "../images/service/diag02.png" ) no-repeat;
			background-size: 581px 528px;
			background-size: 320px 290px;		/* 55% */
			background-position:center center;
			position:relative;
		}
		#service02 .work-area .cont01 .svdiag01>.circlesym {		/* ◎ */
			position:absolute;
			top:40%;
			right:0;
			left:0;
			margin:auto;
			width:100px;
			height:100px;
			background: url( "../images/service/sym01.svg" ) no-repeat;
			background-size: 260px 260px;	
			background-size: 100px 100px;		/* 50% */
			background-position:center 0;
			z-index:1;
		}
		#service02 .work-area .cont01 .svdiag01>.circlesym .circle {
			margin: 0 auto 0 auto;
			width:100px;
			height:100px;
			background: url( "../images/service/circle01.png" ) no-repeat;
			background-size: 222px 222px;
			background-size: 82px 82px;
			background-position:center center;
		}
		#service02 .work-area .cont01 .svdiag01>.circlesym .circle::before {
		 	content: '';
		 	padding-top: 50%;
		}
		/* 回転 */
		#service02 .work-area .cont01 .svdiag01>.circlesym .circle {
			animation-name: rotate;
			animation-duration: 15s;
			animation-timing-function: cubic-bezier(0.5, 0.51, 0.51, 0.52);
			animation-iteration-count: infinite;
		}
		@keyframes rotate {
			 0% {
			 	transform: rotateZ(0);
			 }
			 100% {
				transform: rotateZ(360deg);
			}
		}

		#service02 .work-area .cont01 .svdetail {
			margin: 5px auto 0 auto;
			width:100%;
			padding:0 5% 20px 5%;
		}
		#service02 .work-area .cont01 .svdetail section .svitem {
			margin: 0 auto 0 auto;
			width:100%;
			display:static;
		}
		#service02 .work-area .cont01 .svdetail section>.svitem dl {
			margin: 0 auto 0 auto;
			width:90%;
		}
		#service02 .work-area .cont01 .svdetail section>.svitem dl>dt {
			margin: 0 auto 0 auto;
			width:100%;
			font-size:13px;
			font-weight:bold;
			padding-bottom:10px;
		}
		#service02 .work-area .cont01 .svdetail section>.svitem dl dl>dd {
			margin: 0 auto 0 auto;
			width:100%;
		}
		#service02 .work-area .cont01 .svdetail section ul {
			margin:0 auto 10px auto;
			width:100%;
		}
		#service02 .work-area .cont01 .svdetail section ul li {
			margin:0 auto 0 auto;
			width:90%;
			font-size:12px;
			line-height:1.5em;
			font-weight:normal;
			color:#222;
	 		padding-left:1.2em;
		 	text-indent:-1.2em;	/* 2行目以降1字下げ */
			padding:0 0 0 0;
		}
		#service02 .work-area .cont01 .svdetail #sv01 {		/* ITコンサルティング事業 */
			margin:5px auto 0 auto;
			width:100%;
		}
		#service02 .work-area .cont01 .svdetail #sv01 h2 {
			display:block;
			margin: 20px auto 15px auto;
			width:100%;
			height:87px;
			text-indent: -99999px;	/* テキスト非表示 */
			background: url( "../images/service/diag0401_sp.svg" ) no-repeat;
			background-size: 239px 174px;	
			background-size: 120px 87px;	/* 50% */
		}
		#service02 .work-area .cont01 .svdetail #sv02 {		/* DXコンサルティング */
			margin:20px auto 0 auto;
			width:100%;
		}
		#service02 .work-area .cont01 .svdetail #sv02 h2 {
			display:block;
			margin: 20px auto 15px auto;
			width:100%;
			height:87px;
			text-indent: -99999px;	/* テキスト非表示 */
			background: url( "../images/service/diag0402_sp.svg" ) no-repeat;
			background-size: 367px 176px;	
			background-size: 184px 87px;	/* 50% */
		}
		#service02 .work-area .cont01 .svdetail #sv03 {		/* 業務コンサルティング */
			margin:20px auto 0 auto;
			width:100%;
		}
		#service02 .work-area .cont01 .svdetail #sv03 h2 {
			display:block;
			margin: 20px auto 15px auto;
			width:100%;
			height:86px;
			text-indent: -99999px;	/* テキスト非表示 */
			background: url( "../images/service/diag0403_sp.svg" ) no-repeat;
			background-size: 681px 172px;	
			background-size: 340px 86px;	/* 50% */
			background-size: contain;
		}

		#service02 .work-area .cont02 {
			margin: -80px auto 0 auto;
			width:100%;
			border:none;
		}
		#service02 .work-area .cont02 .h3sub {
			width: 100%;
			font-size:14px;
			text-align:center;
			font-weight:bold;
			color:#222;
			padding-left:0;
		}
		#service02 .work-area .cont02 .h3line {
			margin: 10px auto 20px auto;
			width: 90%;
			height:2px;
			text-indent: -99999px;	/* テキスト非表示 */
			background-color:#0F1419;		/* cacielo-blk */
		}
		#service02 .work-area .cont02 .comment {
			margin:0 auto 0 auto;
			width:90%;
			font-size:12px;
			line-height:1.6em;
			font-weight:bold;
		}
		#service02 .work-area .cont02>.detail {
			margin: 0 auto 0 auto;
			width:100%;
			padding-bottom:20px;
		}
		#service02 .work-area .cont02>.detail table {	/* ◆表 --------*/
			margin:10px auto 10px auto;
			width: 100%;
			padding:0;
		}
		#service02 .work-area .cont02>.detail table .h3 {	
			text-align:center;
			font-size:12px;
			line-height:1.7em;
			font-weight:bold;
			color: #222;
		}
		#service02 .work-area .cont02>.detail #tbpc {
			margin: 20px auto 20px auto;
			width: 90%;
			text-align:center;
		}
		#service02 .work-area .cont02>.detail table {
			margin: 0 auto 0 auto;
			width: 100%;
			border-collapse:collapse;
			padding:0;
			z-index:1;
		}
		#service02 .work-area .cont02>.detail table tr {
			width: 100%;
			padding:0px;
			font-size:11px;
			color:#222;
		}
		#service02 .work-area .cont02>.detail table tr.t_head  {
			padding:3px;
			color:#FFF;
			background-color:#221815;	/* fujico-blk */
		}
		#service02 .work-area .cont02>.detail table tr.t_head  th {
			color:#FFF;
			background-color:#221815;	/* fujico-blk */
		}
		#service02 .work-area .cont02>.detail table  tr th {
			width:8%;
			text-align:center;
			font-size:12px;
			line-height:1.0em;
			line-height:1.5em;
			font-family: "Noto Sans JP", serif;
			font-optical-sizing: auto;
			font-weight: 500;
			font-style: normal;
			font-display: swap;
			border-left: 1px solid #BDC3C7;	/* Siver */
			border-left: 1px solid #BDC3C7;	/* Siver */
			border-right: 1px solid #BDC3C7;	/* Siver */
			border-bottom: 1px solid #BDC3C7;	/* Siver */
		}
		#service02 .work-area .cont02>.detail table  tr td {
			text-align:left;
			padding:7px;
			padding-left:5px;
			padding-right:2px;
			line-height:1.5em;
			color:#222;
			border-right: 1px solid #BDC3C7;	/* Siver */
			border-bottom: 1px solid #BDC3C7;	/* Siver */
			background-color:#FFF;
		}
		#service02 .work-area .cont02>.detail table tr.t_head  td {
			text-align:left;
			color:#FFF;
			background-color:#221815;		/* fujico-blk */
		}
		#service02 .work-area .cont02>.detail table  tr td:nth-child(2) {
			margin: 0 auto 0 auto;
			width:27%;
			text-align:left;
			padding:5px;
			padding-left:15px;
		}
		#service02 .work-area .cont03 {
			margin: 0 auto 0 auto;
			width:100%;
			padding-bottom:0px;
		}
		#service02 .work-area .cont03 .h3sub {
			width: 100%;
			font-size:14px;
			text-align:center;
			font-weight:bold;
			color:#222;
			padding-left:0;
		}
		#service02 .work-area .cont03 .h3line {
			margin: 10px auto 20px auto;
			width: 90%;
			height:2px;
			text-indent: -99999px;	/* テキスト非表示 */
			background-color:#0F1419;		/* cacielo-blk */
		}
		#service02 .work-area .cont03 .comment {
			margin:0 auto 20px auto;
			width:80%;
			text-align:left;
			font-size:12px;
			line-height:1.6em;
			font-weight:bold;
		}
		#service02 .work-area .cont03 h3 {
			margin: 0 auto 20px auto;
			width: 85%;
			text-align:center;
			font-size: 12px;
			font-weight:bold;
			padding:7px 0 10px 0;
		}
		#service02 .work-area .cont03>.detail01 {
			margin: 0 auto 20px auto;
			width:100%;
			height:500px;
			background: url( "../images/service/diag0502.png" ) no-repeat;
			background-size: 632px 751px;
			background-size: 321px 451px;		/* 60% */
			background-position:center bottom 0;
		}
		#service02 .work-area .cont03>.detail02 {
			margin: 0 auto 20px auto;
			width:98%;
			height:152px;
			height:210px;
			background: url( "../images/service/diag0601.png" ) no-repeat;
			background-size: 741px 303px;
			background-size: contain;		/* 60% */
			background-position:center bottom 10px;
		}
		#service02 .work-area .cont03>.detail03 {
			margin: 0 auto 20px auto;
			width:98%;
			height:202px;
			height:180px;
			background: url( "../images/service/diag0701.png" ) no-repeat;
			background-size: 741px 202px;
			background-size: contain;		/* 60% */
			background-position:center bottom 30px;
		}
	}

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

		#service02 .work-area .img{
			margin:0 auto 30px auto;   
			width:100%;
			z-index: 2;
			text-align:center;
		}

	}

/* ■ CONSULTANT ----------------------------------------------*/

	#consultant {			/* ◇ SP layout */
		margin:0 auto 0 auto;
		width: 100%;
		background:linear-gradient(90deg, #F3F3F3 0%,#F3F3F3 30%,#FFFFFF 30%,#FFFFFF 100%);
		position:relative;
		padding-top:30px;
		padding-bottom:30px;
	}
	#consultant h2 {
		margin:0 auto 0 auto;
		padding-top:70px;
	}
	#consultant .h2sub {
		margin: -30px auto 0 auto;
		width: 90%;
		font-size:12px;
		text-align:center;
		font-weight:bold;
		color:#333;
		padding-left:0;
	}
	#consultant .h2line  {
		margin: 10px auto 20px auto;
		width: 90%;
		height:2px;
		text-indent: -99999px;	/* テキスト非表示 */
		background-color:#0F1419;		/* cacielo-blk */
	}
	#consultant .content {
		margin:20px auto 0 auto;
		width: 100%;
		background-image:
			url("../images/bg/brline01.svg"),
			url("../images/bg/brline02.svg");
		background-size:
			contain,
			contain;
		background-position:
			center top 42%,
			center top 47%;
		background-repeat:
			no-repeat,
			no-repeat;
	}
	#consultant .txt01 {
		margin:20px auto 0 auto;
		width: 80%;
		font-size:13px;
		line-height:1.7em;
		color:#222;
	}
	#consultant #cslbn {
		margin: 20px auto 0 auto;
		width:300px;
		height:133px;
		background:linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
		url("../images/service/bn01.jpg") no-repeat;
		background-size: cover;
		background-position: center top 0;
		padding-bottom:30px;
	}
	#consultant #cslbn a {
		display:block;
		width:100%;
		height:133px;
	}
	#consultant #cslbn dl,dt,dd {
		display:block;
	}
	#consultant #cslbn dt {
		padding-top:20px;
		text-align:center;
		font-size:17px;
		font-weight:bold;
		font-family: "Antro_Vectra";
		font-weight:700;
		font-display: swap;
		transform: rotate(-7deg);	/* テキストを傾ける ◇ */
		color:#fff;
	}
	#consultant #cslbn dd.txt02 {
		text-align:center;
		font-size:13px;
		line-height: 1.5em;
		letter-spacing: 0.1em;
		font-weight:bold;
		color:#fff;
		padding-top:15px;
		text-shadow: 1px 2px 2px #555;
	}
	#consultant>.circlesym {		/* ◎ */
		position:absolute;
		top:-30px;
		right:2%;
		width:127px;
		height:127px;
		background: url( "../images/bg/sym02.png" ) no-repeat;
		background-size: 182px 182px;
		background-size: 127px 127px;	/* 70% */
		background-position:center 0;
		z-index:0;
	}
	#consultant>.circlesym .circle {
		margin: 0 auto 0 auto;
		width:127px;
		height:127px;
		background: url( "../images/bg/sym0202.png" ) no-repeat;
		background-size: 157px 154px;
		background-size: 110px 110px;		/* 70% */
		background-position:center center;
	}
	#consultant>.circlesym .circle::before {
	 	content: '';
	 	padding-top: 50%;
	}
	/* 回転 */
	#consultant>.circlesym .circle {
		animation-name: rotate;
		animation-duration: 15s;
		animation-timing-function: cubic-bezier(0.5, 0.51, 0.51, 0.52);
		animation-iteration-count: infinite;
	}
	@keyframes rotate {
		 0% {
		 	transform: rotateZ(0);
		 }
		 100% {
			transform: rotateZ(360deg);
		}
	}

	@media only screen and (min-width:768px) {	/* ◆PC layout */

		#consultant {
			margin:0 auto 0 auto;
			width: 100%;
			background:linear-gradient(90deg, #F3F3F3 0%,#F3F3F3 30%,#FFFFFF 30%,#FFFFFF 100%);
			padding-top:0;
			padding-bottom:80px;
			position:relative;
		}
		#consultant h2 {
			margin:0 auto 0 auto;
			padding-top:30px;
		}
		#consultant .h2sub {
			margin:-60px auto 0 auto;
			width: 50%;
			font-size:20px;
			text-align:center;
			font-weight:normal;
			font-family: "Noto Sans JP", serif;
			font-optical-sizing: auto;
			font-weight: 600;
			font-style: normal;
			font-display: swap;
			color:#333;
		}
		#consultant .h2line  {
			margin: 30px auto 0 auto;
			width: 30%;
			height:4px;
			text-indent: -99999px;	/* テキスト非表示 */
			background-color:#0F1419;		/* cacielo-blk */
		}
		#consultant .content {
			margin:50px auto 0 auto;
			width: 100%;
			background-image:
				url("../images/bg/brline01.svg"),
				url("../images/bg/brline02.svg");
			background-size:
				contain,
				contain;
			background-position:
				center top 20%,
				center top 25%;
			background-repeat:
				no-repeat,
				no-repeat;
		}
		#consultant .txt01 {
			margin:50px auto 0 auto;
			width: 50%;
			font-size:17px;
			line-height:2.0em;
			font-family: "Noto Sans JP", serif;
			font-optical-sizing: auto;
			font-weight: 500;
			font-style: normal;
			font-display: swap;
		}
		#consultant #cslbn {
			margin: 50px auto 0 auto;
			width:450px;
			height:200px;
			background:linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
			url("../images/service/bn01.jpg") no-repeat;
			background-size: contain;
			background-position: center top 0;
			padding-bottom:80px;
		}
		#consultant #cslbn:hover {
			transform: scale(1.1);
		}
		#consultant #cslbn a {
			display:block;
			width:100%;
			height:200px;
		}
		#consultant #cslbn dl,dt,dd {
			display:block;
		}
		#consultant #cslbn dt {
			padding-top:35px;
			text-align:center;
			font-size:30px;
			font-weight:bold;
			font-family: "Antro_Vectra";
			font-weight:700;
			font-display: swap;
			transform: rotate(-7deg);	/* テキストを傾ける ◇ */
			color:#fff;
		}
		#consultant #cslbn dd.txt02 {
			text-align:center;
			font-size:24px;
			line-height: 1.8em;
			letter-spacing: 0.2em;
			font-weight:normal;
			font-family: "NotoSansCJKjp";
			font-weight:700;
			color:#fff;
			padding-top:10px;
		}
		#consultant>.circlesym {		/* ◎ */
			position:absolute;
			top:10%;
			left:75%;
			width:192px;
			height:192px;
			background: url( "../images/bg/sym02.png" ) no-repeat;
			background-size: 192px 192px;
			background-position:center 0;
			z-index:1;
		}
		#consultant>.circlesym .circle {
			margin: 0 auto 0 auto;
			width:192px;
			height:192px;
			background: url( "../images/bg/sym0202.png" ) no-repeat;
			background-size: 166px 164px;
			background-position:center center;
		}
		#consultant>.circlesym .circle::before {
		 	content: '';
		 	padding-top: 50%;
		}
		/* 回転 */
		#consultant>.circlesym .circle {
			animation-name: rotate;
			animation-duration: 15s;
			animation-timing-function: cubic-bezier(0.5, 0.51, 0.51, 0.52);
			animation-iteration-count: infinite;
		}
		@keyframes rotate {
			 0% {
			 	transform: rotateZ(0);
			 }
			 100% {
				transform: rotateZ(360deg);
			}
		}
	}
	@media only screen and (min-width: 1020px) and (max-width: 1680px) {	/*◇ PC-S */

		#consultant h2 {
			font-size: 4rem;
			letter-spacing: 0.05em;
		}
		#consultant .h2line  {
		}
	}
	@media only screen and (min-width: 768px) and (max-width: 1020px) {

		#consultant h2 {
			font-size: 3rem;
		}
		#consultant .h2sub {
			margin:-50px auto 0 auto;
			font-size:16px;
		}
	}
	/* Tablet Layout ◇ */
	@media only screen and (min-width: 767px) and (max-width: 1020px) {

		#consultant {
			margin:0 auto 0 auto;
			padding-top:20px;
			padding-bottom:30px;
			position:relative;
		}
		#consultant h2 {
			font-size: 3rem;
		}
		#consultant .h2sub {
			margin:-40px auto 0 auto;
			font-size:16px;
		}
		#consultant .h2line  {
			margin: 15px auto 30px auto;
		}
	}

/* ■ PARTNERS ------------------------------*/

	#partners {			/* ◇SP layout */
		margin: 200px auto 0 auto;
		margin: 0 auto 0 auto;
		width: 100%;
		padding-bottom:20px;
		background-color:#FFF;
		background:linear-gradient(180deg,white 0%,white 30%,#F5F5F5 30%,#F5F5F5 90%,white 90%,white 100%);	/* ★ */
	}
	#partners h2 {
		margin:20px auto 0 auto;
		text-align:center;
		font-family: 'Futura medium bt', sans-serif;
		font-display: swap;
		font-size: 1.8rem;
		padding-left:0;
		padding-top:20px;
		color: #0F1419;		/* cacielo--base-black */
	}
	#partners .h2sub {
		margin: -15px auto 0 auto;
		width: 90%;
		font-size:12px;
		text-align:center;
		font-weight:normal;
		color:#333;
		padding-left:0;
	}
	#partners .h2line  {
		margin: 10px auto 20px auto;
		width: 70%;
		height:2px;
		text-indent: -99999px;	/* テキスト非表示 */
		background-color:#0F1419;		/* cacielo-blk */
	}
	#sec01 {
		margin: 0 auto 0 auto;
		width: 100%;
		position:relative;
	}
	#partners .items {
		margin: 0 auto 0 2.5%;
		width: 95%;
		padding-top:0px;
		padding-bottom:0px;
	}
	#partners .items ui.slider {
		margin:0;
		padding:0;
		list-style-type:none;
	}
	#partners .items ui.slider li img{
		margin:0;
		max-width:30%;
		height:auto;
	}

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

	}

	@media only screen and (min-width:768px) {	/* ◆PC layout */

		#partners {
			margin: 0 auto 0 auto;
			width: 100%;
			padding-top:50px;
			padding-bottom:0px;
			background-color:#FFF;
			background:linear-gradient(180deg,white 0%,white 32%,#F5F5F5 32%,#F5F5F5 90%,white 90%,white 100%);	/* ★ */
		}
		#partners h2 {
			margin: 0 0 50px 0;
			font-weight:normal;
			font-family: 'Futura medium bt', sans-serif;
			font-display: swap;
			font-size: 5rem;
			text-align: center;
			color: #0F1419;		/* cacielo-blk */
		}
		#partners .h2sub {
			margin:-110px auto 0 auto;
			width: 50%;
			font-size:20px;
			text-align:center;
			font-weight:normal;
			font-family: "Noto Sans JP", serif;
			font-optical-sizing: auto;
			font-weight: 600;
			font-style: normal;
			font-display: swap;
			color:#333;
		}
		#partners .h2line  {
			margin: 30px auto 70px auto;
			width: 30%;
			height:4px;
			text-indent: -99999px;	/* テキスト非表示 */
			background-color:#75ADB9;		/* mf-blue03 */
			background-color:#0F1419;		/* cacielo-blk */
		}
		#sec01 {
			margin: 0 auto 0 auto;
			width: 90%;
			padding-bottom:50px;
			position:relative;
		}
		#partners .items {
			margin: 0 auto 20px auto;
			width: 85%;
			padding-top:0px;
			padding-bottom:0px;
		}
		#partners .items ui.slider {
			margin:0;
			list-style-type:none;
			background-color:#F5F5F5;
		}
		#partners .items ui.slider li {
		}
		#partners .items ui.slider li img {
			max-width:100%;
			height:auto;
			padding-left:0;
		}
	}

	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		#partners {
			margin: 0 auto 0 auto;
			width: 100%;
			padding-bottom:0px;
			background-color:#FFF;
			background:linear-gradient(90deg,#F5F5F5 0%,#F5F5F5 40%,white 40%,white 100%);	/* ★ */
			background:linear-gradient(90deg,white 0%,white 10%,#F5F5F5 10%,#F5F5F5 40%,white 40%,white 100%);	/* ★ */
		}
		#sec01 {
			margin: 0 auto 0 auto;
			width: 100%;
			padding-bottom:30px;
			position:relative;
		}
		#partners #sec01title01{
			margin: 150px auto 0 auto;
			width: 90%;
			height: 35px;
			border-left: 5px solid #2843B6;		/* plumsa-blue01 */
		}
		#partners #sec01title01 h2 {
			font-size:20px;
			padding-top:5px;
			padding-left:30px;
		}
		#partners .items {
			margin: 70px auto 0 auto;
			width: 90%;
			padding-top:0px;
			padding-bottom:0px;
			padding-left:0px;
		}
	}

	/* ■ 固定ヘッダ アンカー位置差分変更 */

	#svdt01 {
		margin-top:-70px;
		padding-top:70px;
	}
	#svdt02 {
		margin-top:-70px;
		padding-top:70px;
	}
	#svdt03 {
		margin-top:-70px;
		padding-top:70px;
	}

	@media only screen and (min-width:992px) {	/*■ PC Layout  ■ */

		#svdt01 {
			margin-top:-70px;
			padding-top:70px;
		}
		#svdt02 {
			margin-top:-70px;
			padding-top:70px;
		}
		#svdt03 {
			margin-top:-70px;
			padding-top:70px;
		}
	}