/*----------------------------------------------------------------------------*/
/* 	株式会社ディー．オー．ディー.   SERVICE page			 	CSS      */
/*----------------------------------------------------------------------------*/
	main {
		background-color:#FFF;
	}
	#main-area {
		width:100%;
		margin:0 auto;
		position: relative;
	}
	#main-area h1 {
		text-indent: -99999px;	/* テキスト非表示 */
	}
	#main-area>.particle {
		margin-top:0px;
	}
	#main-area>.circlesym {	/* ◎ */
		position:absolute;
		top:100px;
		right:8.5%;
		width:192px;
		height:192px;
		z-index:9;
	}
	#main-area>.circlesym .circle {
		margin: 0 auto 0 auto;
		width:192px;
		height:192px;
		background: url( "../images/bg/csym04.png" ) no-repeat;
		background-size: 274px 274px;
		background-size: 192px 192px;	/* 70% */
		background-position:center 0;
		position:relative;
	}
	#main-area>.circlesym .circle::before {
	 	content: '';
	 	padding-top: 50%;
	}
	/* 回転 */
	#main-area>.circlesym .circle {
		animation-name: rotate;
		animation-duration: 8s;
		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);
		}
	}
	#main-area>.circlesym .syml {
		position:absolute;
		top:40%;
		left:0;
		right:0;
		margin:auto;
		width:101px;	/* 144px 70% */
		height:43px;		/* 62px 70% */
		text-align:center;
	}
	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		#main-area>.circlesym {	/* ◎ */
			position:absolute;
			top:140px;
			right:8.5%;
			width:192px;
			height:192px;
		}
		#main-area>.circlesym .circle {
			margin: 0 auto 0 auto;
			width:192px;
			height:192px;
			background: url( "../images/bg/csym04.png" ) no-repeat;
			background-size: 192px 192px;	/* 70% */
			background-position:center 0;
			position:relative;
		}
		#main-area>.circlesym .syml {
			position:absolute;
			top:40%;
			left:0;
			right:0;
			margin:auto;
			width:144px;
			height:62px;
			width:101px;
			height:43px;
		}
	}
	@media screen and (max-width:767px) {

		#main-area>.particle {
			margin-top:200px;
		}
		#main-area>.circlesym {	/* ◎ */
			position:absolute;
			top:40px;
			right:8.5%;
			width:137px;
			height:137px;
			z-index:999999;
		}
		#main-area>.circlesym .circle {
			margin: 0 auto 0 auto;
			width:137px;
			height:137px;
			background: url( "../images/bg/csym04.png" ) no-repeat;
			background-size: 137px 137px;	/* 50% */
			background-position:center 0;
			position:relative;
		}
		#main-area>.circlesym .syml {
			position:absolute;
			top:40%;
			left:0;
			right:0;
			margin:auto;
			width:144px;
			height:62px;
			width:77px;
			height:31px;
		}
	}
	header .g-nav02 {		/* ◆PC menu 2ndary 固定 */
		position: fixed;
	}

/* ■ introduction section -----------------------------------------------*/

	#introduction {
		margin:0 auto 0 auto;
		width:100%;
		padding-bottom:680px;
		background-color:#FFF;
		background:linear-gradient(170deg,transparent 0%,transparent 40%,#F0F0F0 40%,#F7F7F7 68%,transparent 68%,transparent 100%);	/* ★ */
	}

	@media screen and (max-width:550px) {
		#introduction h2{
			margin:0 0 50px 0;
		}
	}
	#introduction h2 span.bgLRextend::before{
		background:#333;
	}
	#introduction .cont {
		margin:0 auto 0 auto;
		width:100%;
		position:relative;
	}
	#introduction .cont>.textbox {
		position:absolute;
		top:30px;
		left:0;
		right:0;
		margin:auto;
		width:70%;
		padding:0 0 60px 0;
		background-color:rgba( 255,255,255,0.90 ); 	/*  White  透過90% */
/*			border-radius:15px;  
			-moz-border-radius:15px;
			-webkit-border-radius:15px;	*/
				box-shadow: 0px 1px 3px 1px #aaa;
				-webkit-box-shadow: 0px 1px 3px 1px #aaa;
				-moz-box-shadow: 0px 1px 3px 1px #aaa;
	}
	#introduction .cont>.textbox>h2{
		margin:50px auto 50px auto;
		width:80%;
		font-size:26px;
		text-align:center;
		line-height:1.8em;
		letter-spacing:0.1px;
		font-family: "Noto Serif JP", serif;
		font-optical-sizing: auto;
		font-weight: 600;
		font-style: normal;
		font-display: swap;
		color:#444;
		padding-bottom:20px;
		border-bottom: 1px solid #BDC3C7;	/* silver */
	}
	#introduction .cont>.textbox>dl {
		margin:10px auto 0 auto;
		width:80%;
	}
	#introduction .cont>.textbox>dl dt {
		margin:0 auto 40px auto;
		width:60%;
		text-align:center;
		font-size:22px;
		font-family: "Noto Serif JP", serif;
		font-optical-sizing: auto;
		font-weight: 600;
		font-style: normal;
		font-display: swap;
		color: #444;
		border-left: 5px solid #BD1A20;	/* HB-red02 */
	}
	#introduction .cont>.textbox>dl dd {
		margin:0 auto 0 auto;   
		width:80%;
		font-size:15px;
		line-height:1.8em;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 400;
		font-style: normal;
		font-display: swap;
		color:#333;
	}

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

		#introduction {
			margin:20px auto 0 auto;
			width:100%;
			padding-bottom:320px;
		}
		#introduction .cont {
			margin:0 auto 20px auto;   
			width:100%;
			height:180px;
			position:relative;
		}
		#introduction .cont>.textbox {
			position:absolute;
			top:10px;
			left:0;
			right:0;
			margin:auto;
			padding:0 0 20px 0;
			width:95%;
s				border-radius:5px;
				-moz-border-radius:5px;
				-webkit-border-radius:5px;
		}
		#introduction .cont>.textbox>h2{
			margin:0px auto 30px auto;
			width:90%;
			text-align:center;
			font-size:17px;
			font-weight:bold;
			line-height:1.8em;
			color:#333;
			padding-top:15px;
			padding-bottom:10px;
			border-bottom: 3px solid #6E3919;	/* sopv-brown03 */
		}
		#introduction .cont>.textbox>dl {
			margin:0 auto 10px auto;
			width:90%;
			padding-bottom:5px;
		}
		#introduction .cont>.textbox>dl dt {
			width:10%;
			font-size:15px;
			font-weight:bold;
			padding-top:4px;
			padding-left:10px;
		}
		#introduction .cont>.textbox>dl dd {
			margin:0 auto 0 auto;
			width:90%;
			font-size:13px;
			line-height:1.7em;
			color:#333;
		}
	}

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

		#introduction {
			margin:0 auto 0 auto;
			width:100%;
			padding-bottom:0;
		}
		#introduction .cont {
			margin:0 auto 20px auto;   
			width:100%;
			height:180px;
			height:420px;
			position:relative;
		}
		#introduction .cont>.textbox {
			position:absolute;
			top:10px;
			left:0;
			right:0;
			margin:auto;
			padding:0 0 10px 0;
			width:90%;
			background-color:rgba( 255,255,255,0.95 ); 	/*  White  透過95% */
				border-radius:5px;
				-moz-border-radius:5px;
				-webkit-border-radius:5px;
		}
		#introduction .cont>.textbox>h2{
			margin:0px auto 10px auto;
			width:90%;
			text-align:center;
			font-size:13px;
			font-weight:bold;
			line-height:1.8em;
			color:#333;
			padding-top:15px;
			padding-bottom:7px;
			border-bottom: 2px solid #BDC3C7;	/* silver */
		}
		#introduction .cont>.textbox>dl {
			margin:10px auto 10px auto;
			width:100%;
			padding-bottom:5px;
		}
		#introduction .cont>.textbox>dl dt {
			margin:10px auto 10px auto;
			width:90%;
			font-size:12px;
			font-weight:bold;
			padding-top:4px;
			border-left: 3px solid #BD1A20;	/* HB-red02 */
		}
		#introduction .cont>.textbox>dl dd {
			margin:0 auto 0 8.5%;
			width:85%;
			font-size:12px;
			line-height:1.7em;
			color:#333;
		}
	}
	@media screen and (max-width:590px) {

	}

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

	#service {		/* ◆ PC layout */
		margin:30px auto 50px auto;
		width:100%;
		padding-top:50px;
		padding-bottom:250px;
		background:linear-gradient(180deg, #FFFFFF 0%,FFFFFF 50%,#F4F4F4 50%,#F4F4F4 100%);		/* ★ */
		background:linear-gradient(170deg,transparent 0%,transparent 12%,#F0F0F0 12%,#F7F7F7 22%,transparent 22%,transparent 67%,#F0F0F0 67%,#F7F7F7 77%,transparent 77%,transparent 100% );	/* ★ */
		background:linear-gradient(rgba(000, 000, 000, 0.0), rgba(000,000, 000, 0.0)),
		url("../images/bg/info_back99.jpg") no-repeat;
		background-size: cover;
		background-position: center top 0; 
		background-attachment:fixed;
		position:relative;
	}
	#service 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 */
	}
	#service .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;
	}
	#service .h2line  {
		margin: 20px auto 0 auto;
		width: 30%;
		height:4px;
		text-indent: -99999px;	/* テキスト非表示 */
		background-color:#0F1419;		/* cacielo-blk */
	}
	#service>.svsec {
		margin: 80px auto 0 auto;
		width: 75%;
		padding-bottom: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;
	}
	#service #svdt01>h2 {
		margin: 0 auto 0 10%;
		width: 100%;
		height:100px;
		text-indent: -99999px;	/* テキスト非表示 */
		background: url( "../images/service/svt01.svg" ) no-repeat;
		background-size: 416px 81px;	
		background-position:left 0 bottom 0;
	}
	#service #svdt02>h2 {
		margin: 0 auto 0 10%;
		width: 100%;
		height:120px;
		text-indent: -99999px;	/* テキスト非表示 */
		background: url( "../images/service/svt02.svg" ) no-repeat;
		background-size: 416px 106px;	
		background-position:left 0 bottom 10px;
	}
	#service #svdt03>h2 {
		margin: 0 auto 0 10%;
		width: 100%;
		height:120px;
		text-indent: -99999px;	/* テキスト非表示 */
		background: url( "../images/service/svt03.svg" ) no-repeat;
		background-size: 416px 81px;	
		background-position:left 0 bottom 10px;
	}
	#service #svdt04>h2 {
		margin: 0 auto 0 10%;
		width: 100%;
		height:120px;
		text-indent: -99999px;	/* テキスト非表示 */
		background: url( "../images/service/svt04.svg" ) no-repeat;
		background-size: 416px 81px;	
		background-position:left 0 bottom 10px;
	}
	#service #svdt05>h2 {
		margin: 0 auto 0 10%;
		width: 100%;
		height:120px;
		text-indent: -99999px;	/* テキスト非表示 */
		background: url( "../images/service/svt05.svg" ) no-repeat;
		background-size: 416px 81px;	
		background-position:left 0 bottom 10px;
	}
	#service #svdt06>h2 {
		margin: 0 auto 0 10%;
		width: 100%;
		height:120px;
		text-indent: -99999px;	/* テキスト非表示 */
		background: url( "../images/service/svt06.svg" ) no-repeat;
		background-size: 416px 82px;	
		background-position:left 0 bottom 10px;
	}
	#service #svdt07>h2 {
		margin: 0 auto 0 10%;
		width: 100%;
		height:120px;
		text-indent: -99999px;	/* テキスト非表示 */
		background: url( "../images/service/svt07.svg" ) no-repeat;
		background-size: 416px 81px;	
		background-position:left 0 bottom 10px;
	}
	#service .svcont {
		margin: 20px auto 0 auto;
		display:flex;
		flex-wrap:nowrap;
		justify-content: space-between;	/* 両端のアイテムを余白を空けずに配置し、他の要素は均等に間隔を空けて配置 */
		width: 100%;
		padding-top:0;
	}
	#service .svcont .left {
		margin: 0 auto 0 auto;
		width: 60%;
		padding:30px 0 50px 0;
	}
	#service .svcont .right {
		margin: 0 auto 0 auto;
		width: 40%;
		padding:10px 0 10px 0;
		background-color:#F5F5F5;
	}
	#service .svcont .left dl,dt,dd {
		display:block;
	}
	#service .svcont .left dl {
		margin: 20px auto 0 10%;
		width: 90%;
	}
	#service .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 */
	}
	#service .svcont .left dd {
		margin: 0 auto 0 auto;
		width: 72.5%;
		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;
	}
	#service .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;
	}
	#service .svcont .left dd .comment {
		margin: 0 auto 30px auto;
		width: 100%;
		font-size: 1.0rem;
		line-height:1.8em;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 400;
		font-style: normal;
		font-display: swap;
		color:#222;
	}
	#service .svcont .left dd>ul {
		margin: 0 auto 30px auto;
		width: 90%;
	}
	#service .svcont .left dd>ul li {
 		line-height:1.7em;
		padding-left:1.0em;
	 	text-indent:-1.0em;	/* 2行目以降1字下げ */
		padding:0 0 0 0;
	}
	#service .svcont .right .svimg {
		margin: 30px auto 0 auto;
		width: 80%;
	}
	#service .svcont .right>ul {
		margin: 30px auto 0 10%;
		width: 90%;
	}
	#service .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;
	}
	#service .svcont .right #consul { 		/* コンサルタント紹介 */
		margin: 10px auto 0 auto;
		width : 292px;
		height: 69px;
		display	: block;
		text-indent: -99999px;	/* テキスト非表示 */
		border	: 0px;
		z-index:999999;
	}
	#service .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;
	}
	#service .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 */

		#service>.svsec {
			margin: 30px auto 0 auto;
			width: 85%;
			padding-bottom:30px;
			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;
		}
		#service #svdt01>h2 {
			margin: -20px auto 0 10%;
			width: 100%;
			height:100px;
			background: url( "../images/service/svt01.svg" ) no-repeat;
			background-size: 416px 81px;	
			background-position:left 0 bottom 0;
		}
		#service .svcont .left {
			margin: 0 auto 0 auto;
			width: 60%;
			padding:10px 0 50px 0;
		}
		#service .svcont .right {
			margin: 0 auto 0 auto;
			width: 40%;
			padding:10px 0 10px 0;
			background-color:#F5F5F5;
		}
		#service .svcont .left dt {
			margin: 0 auto 20px auto;
			width: 85%;
			font-size: 1.1rem;
		}
		#service .svcont .left dd .comment {
			margin: 0 auto 30px -2%;
			width: 100%;
			font-size: 0.9rem;
			line-height:1.7em;
			color:#222;
		}
	}
	/* Tablet Layout ◇ */
	@media only screen and (min-width: 767px) and (max-width: 1020px) {

		#service {
			margin:20px auto 0 auto;
			width:100%;
			padding-top:80px;
			padding-bottom:40px;
			background-color:transparent;
			background:linear-gradient(90deg, #F4F4F4 0%,#F4F4F4 30%,#FFFFFF 30%,#FFFFFF 100%);	/* ★ */
		}
		#service h2 {
			font-size: 3rem;
		}
		#service>.svsec {
			margin: 30px auto 0 auto;
			width: 90%;
			padding-bottom: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;
		}
		#service #svdt01>h2 {
			margin: -50px auto 0 10%;
			width: 100%;
			height:100px;
			background: url( "../images/service/svt01.svg" ) no-repeat;
			background-size: 416px 81px;	
			background-position:left 0 bottom 0;
		}
		#service #svdt02>h2 {
			margin: 0 auto 0 10%;
			width: 100%;
			height:140px;
			background: url( "../images/service/svt02.svg" ) no-repeat;
			background-size: 416px 106px;	
			background-position:left 0 bottom 10px;
		}
		#service .svcont .left {
			margin: 0 auto 0 auto;
			width: 60%;
			padding:10px 0 30px 0;
		}
		#service .svcont .left dl {
			margin: 0 auto 0 2%;
			width: 100%;
		}
		#service .svcont .left dt {
			margin: 0 auto 20px auto;
			width: 80%;
			font-size: 1.2rem;
			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 */
		}
	}

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

		#service {
			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;
		}
		#service h2 {
			margin:0 auto 0 auto;
			padding-left:0;
			font-size: 2rem;
		}
		#service .h2sub {
			margin: -30px auto 0 auto;
			width: 90%;
			font-size:12px;
			text-align:center;
			font-weight:normal;
			color:#333;
			padding-left:0;
		}
		#service .h2line  {
			margin: 10px auto 20px auto;
			width: 90%;
			height:2px;
			text-indent: -99999px;	/* テキスト非表示 */
			background-color:#0F1419;		/* cacielo-blk */
		}
		#service>.svsec {
			margin: 10px auto 0 auto;
			width: 90%;
			padding-top:10px;
			padding-bottom:0;
			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;
		}
		#service #svdt01>h2 {
			margin: 0 auto 0 auto;
			width: 90%;
			height:70px;
			text-indent: -99999px;	/* テキスト非表示 */
			background: url( "../images/service/svt01.svg" ) no-repeat;
			background-size: 416px 81px;	
			background-size: 291px 57px;		/* 70% */
			background-position:left 15% bottom 0;
		}
		#service #svdt02>h2 {
			margin: 0 auto 0 auto;
			width: 90%;
			height:100px;
			text-indent: -99999px;	/* テキスト非表示 */
			background: url( "../images/service/svt02.svg" ) no-repeat;
			background-size: 416px 106px;	
			background-size: 291px 74px;		/* 70% */
			background-position:left 15% bottom 0;
		}
		#service #svdt03>h2 {
			margin: 0 auto 0 auto;
			width: 90%;
			height:80px;
			text-indent: -99999px;	/* テキスト非表示 */
			background: url( "../images/service/svt03.svg" ) no-repeat;
			background-size: 291px 57px;		/* 70% */
			background-position:left 15% bottom 0;
		}
		#service #svdt04>h2 {
			margin: 0 auto 0 auto;
			width: 90%;
			height:90px;
			text-indent: -99999px;	/* テキスト非表示 */
			background: url( "../images/service/svt04.svg" ) no-repeat;
			background-size: 291px 57px;		/* 70% */
			background-position:left 15% bottom 0;
		}
		#service #svdt05>h2 {
			margin: 0 auto 0 auto;
			width: 90%;
			height:90px;
			text-indent: -99999px;	/* テキスト非表示 */
			background: url( "../images/service/svt05.svg" ) no-repeat;
			background-size: 291px 57px;		/* 70% */
			background-position:left 15% bottom 0;
		}
		#service #svdt06>h2 {
			margin: 0 auto 0 auto;
			width: 90%;
			height:90px;
			text-indent: -99999px;	/* テキスト非表示 */
			background: url( "../images/service/svt06.svg" ) no-repeat;
			background-size: 291px 57px;		/* 70% */
			background-position:left 15% bottom 0;
		}
		#service #svdt07>h2 {
			margin: 0 auto 0 auto;
			width: 90%;
			height:90px;
			text-indent: -99999px;	/* テキスト非表示 */
			background: url( "../images/service/svt07.svg" ) no-repeat;
			background-size: 291px 57px;		/* 70% */
			background-position:left 15% bottom 0;
		}
		#service .svcont {
			margin: 0 auto 0 auto;
			display:block;
			width: 100%;
		}
		#service .svcont .left {
			margin: 0 auto 0 auto;
			width: 100%;
			padding:20px 0 0px 0;
		}
		#service .svcont .right {
			margin: -20px auto 0 auto;
			margin: 0 auto 0 auto;
			width: 100%;
			background-color:#F5F5F5;
		}
		#service .svcont .left dl {
			margin: 0 auto 0 auto;
			width: 90%;
		}
		#service .svcont .left dt {
			margin: 0 auto 10px auto;
			width: 100%;
			font-size: 14px;
			font-weight:bold;
			padding-left:15px;
			border-left:3px solid #BD1A20;		/* cacielo-red02 */
		}
		#service .svcont .left dd {
			margin: 0 auto 0 auto;
			width: 95%;
			font-size: 12px;
		}
		#service .svcont .left dd .comment {
			font-size:12px;
			line-height:1.7em;
		}
		#service .svcont .left dd .stitle {
			width: 100%;
			font-size:12px;
			font-weight:bold;
		}
		#service .svcont .left dd>ul {
			margin: 0 auto 15px auto;
			width: 90%;
		}
		#service .svcont .left dd>ul li {
	 		line-height:1.7em;
			padding-left:1.0em;
		 	text-indent:-1.0em;	/* 2行目以降1字下げ */
			padding:0 0 0 0;
		}
		#service .svcont .right .svimg {
			margin: 0 auto 0 auto;
			width: 80%;
			padding-top:20px;
		}
		#service .svcont .right>ul {
			margin: 20px auto 0 auto;
			width: 90%;
			padding:0 0 20px 5%;
		}
		#service .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;
		}
		#service .svcont .right #consul { 		/* コンサルタント紹介 */
			margin: 0 auto 0 auto;
			width : 234px;
			height: 80px;
			display	: block;
			text-indent: -99999px;	/* テキスト非表示 */
			border: 0px;
			z-index:999999;
		}
		#service .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;
		}
		#service .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;
		}
	}

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

	#svdt01 {
		margin-top:-70px;
		padding-top:70px;
	}
	#svdt02 {
		margin-top:-70px;
		padding-top:70px;
	}
	#svdt03 {
		margin-top:-70px;
		padding-top:70px;
	}
	#svdt04 {
		margin-top:-70px;
		padding-top:70px;
	}
	#svdt05 {
		margin-top:-70px;
		padding-top:70px;
	}
	#svdt06 {
		margin-top:-70px;
		padding-top:70px;
	}
	#svdt07 {
		margin-top:-70px;
		padding-top:70px;
	}

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

		#svdt01 {
			margin-top:-50px;
			padding-top:50px;
		}
		#svdt02 {
			margin-top:-100px;
			padding-top:100px;
		}
		#svdt03 {
			margin-top:-70px;
			padding-top:70px;
		}
		#svdt04 {
			margin-top:-70px;
			padding-top:70px;
		}
		#svdt05 {
			margin-top:-70px;
			padding-top:70px;
		}
		#svdt06 {
			margin-top:-70px;
			padding-top:70px;
		}
		#svdt07 {
			margin-top:-70px;
			padding-top:70px;
		}
	}
