/*----------------------------------------------------------------------------*/
/* 	株式会社富士誇 ITコンサルティング  TOP page			 	CSS      */
/*----------------------------------------------------------------------------*/
@charset "utf-8";

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

/* heading  ◆*/
	#news h2,
	#works h2,
	#recruit 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,
		#works h2,
		#recruit h2 {
			font-size: 2rem;
		}
	}

/* ■ VISION  ------------------------------*/

	#vision {		/* ◇SP layout */
		margin: 0 auto 0 auto;
		width: 100%;
		height:420px;	/* ◆ */
		height:500px;	/* ◆ */
		padding-bottom:20px;
/*		background-color:#fff;*/
		position:relative;
	}
	#vision h2 {
		margin:0 auto 0 auto;
		text-align:center;
		padding-left:0;
		font-size: 2rem;
		color:#FFF;
	}
	#vision .h2sub {
		margin: 0px auto 0 auto;
		width: 90%;
		font-size:13px;
		text-align:center;
		font-weight:normal;
		color:#FFF;
		padding-left:0;
	}
	#vision .h2line {
		margin: 10px auto 20px auto;
		width: 70%;
		height:2px;
		text-indent: -99999px;	/* テキスト非表示 */
		background-color:#FFF;
	}
	#vision .content {
		margin: 30px auto 0 auto;
		width: 100%;
	}
	#vision .content .left {
		margin: 0 auto 0 auto;
		width: 80%;
	}
	#vision .content .right {
		margin: 0 auto 0 auto;
		width: 90%;
	}
	#vision .content .left ul.prcont {
		margin: 30px auto 0 auto;
		width: 95%;
		padding-bottom:30px;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "小塚ゴシック Pro","Kozuka Gothic Pro",
						Osaka, helvetica, arial,
						"游ゴシック体", YuGothic,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
	#vision .content .left ul.prcont li {
		margin: 0 auto 0 auto;
		font-size:13px;
		font-weight:bold;
		line-height:1.4em;
		padding-bottom:5px;
		color:#FFF;
	}
	#vision .content .left ul.prcont li.txt01 {
		padding-top:10px;
		font-size:12px;
	}
	#vision .content .left ul.prcont li.txt02 {
		font-size: 14px;
		padding-top:10px;
	}
	#vision .content .right .tysm {
		margin:70% auto 0 auto;
		width:100%;
		text-align:right;
		font-family: "Antro_Vectra";
		font-display: swap;
		transform: rotate(-7deg);	/*◇斜体 */
		font-size:20px;
		color:#fff;
		text-shadow: 1px 2px 3px #F5F5F5;
		position:relative;
	}
	#vision .content #sec02sym01 {
		display:block;
		position: absolute;
		bottom:5%;
		right:-35%;
		width:100%;
	}
	#vision .content #sec02sym01 img {
		display:block;
		margin:auto;
		width:35%;
	}
	/* 回転 */
	#vision .content #sec02sym01  {
		animation-name: rotate01;
		animation-duration: 30.0s;
		animation-timing-function: cubic-bezier(0.5, 0.51, 0.51, 0.52);
		animation-iteration-count: infinite;
	}
	@keyframes rotate01 {
		 0% {
			 	transform: rotateZ(0);
		 }
		 100% {
		 		transform: rotateZ(360deg);
		}
	}
	#vision .content .sec02sym02 {
		display:block;
		position: absolute;
		top:39.2%;
		left:3%;
		z-index:9;
	}
	#vision .content .sec02sym02 img {
		display:block;
		zoom:0.6;
	}
	/* 回転 */
	#vision .content .sec02sym02  {
		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 only screen and  (max-width: 360px) {

	}

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

		#vision {
			margin: 0 auto 0 auto;
			width: 100%;
			height:auto;
			padding-top:0px;
			padding-bottom:180px;
			padding-bottom:220px;
		}
		#vision h2 {
			font-weight:normal;
			font-family: 'Futura medium bt', sans-serif;
			font-display: swap;
			font-size: 5rem;
			text-align: center;
			margin: 0 0 50px 0;
			font-weight: normal;
			color: #FFF;
		}
		#vision .h2sub {
			margin: -60px auto 0 auto;
			width: 80%;
			font-size:26px;
			text-align:center;
			font-weight:normal;
			font-family: "Noto Serif JP", serif;
			font-optical-sizing: auto;
			font-weight: 600;
			font-style: normal;
			font-display: swap;
			color:#FFF;
			padding-right:0;
		}
		#vision .h2line {
			margin: 30px auto 0 auto;
			width: 85%;
			height:4px;
			text-indent: -99999px;	/* テキスト非表示 */
			background-color:#FFF;
		}
		#vision .content {
			margin: 50px auto 0 auto;
			display:flex;
			flex-wrap:nowrap;
			justify-content: space-between;	/* 両端のアイテムを余白を空けずに配置し、他の要素は均等に間隔を空けて配置 */
			width: 80%;
			width: 100%;
		}
		#vision .content .left {
			margin: 0 0 0 auto;
			width: 75%;
		}
		#vision .content .right {
			margin: 0 auto 0 auto;
			width: 25%;
		}
		#vision .content .left ul.prcont {
			margin: 30px auto 0 20%;
			width: 75%;
			padding-bottom:30px;
		}
		#vision .content .left ul.prcont li {
			margin: 0 auto 0 auto;
			width: 60%;
			font-size: 3.0rem;
			line-height:1.5em;
			font-family: "Noto Sans JP", serif;
			font-optical-sizing: auto;
			font-weight: 500;
			font-style: normal;
			font-display: swap;
			padding-bottom:0px;
			color:#FFF;
		}
		#vision .content .left ul.prcont li.txt01 {
			padding-top:30px;
			font-size: 1.2rem;
		}
		#vision .content .left ul.prcont li.txt02 {
			font-size: 4.0rem;
			padding-top:30px;
		}

		#vision .content .right .tysm {
			margin:75% auto 0 auto;
			margin:55% 0 0 auto;
			width:100%;
			text-align:left;
			font-family: "Antro_Vectra";
			font-display: swap;
			transform: rotate(-7deg);	/*◇斜体 */
			font-size:40px;
			color:#ff0000;
			text-shadow: 1px 2px 3px #F5F5F5;
		}
		#vision .content #sec02sym01 {
			display:block;
			position: absolute;
			top:10%;
			top:15%;
			right:-16%;
			right:-2%;
			z-index:0;
			width:60%;
			width:676px;
			height:679px;
		}
		#vision .content #sec02sym01 img {
			display:block;
			margin:auto;
			width:60%;
			width:676px;
			height:679px;
		}
		/* 回転 */
		#vision .content #sec02sym01  {
			animation-name: rotate01;
			animation-duration: 30.0s;
			animation-timing-function: cubic-bezier(0.5, 0.51, 0.51, 0.52);
			animation-iteration-count: infinite;
		}
		@keyframes rotate01 {
			 0% {
			 	transform: rotateZ(0);
			 }
			 100% {
			 		transform: rotateZ(360deg);
			}
		}
	}

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

		#vision .content .left h2 {
			margin: 0 auto 0 auto;
			width: 80%;
			text-align:center;
			font-size: 4rem;
			letter-spacing: 0.05em;
		}
		#vision .content .left .h2sub {
			font-size:18px;
		}
		#vision .content .left ul.prcont {
			margin: 30px auto 0 10%;
			width: 80%;
			padding-bottom:30px;
		}
		#vision .content .left ul.prcont li {
			font-size: 2.5rem;
		}
		#vision .content .left ul.prcont li.txt01 {
			padding-top:20px;
			font-size: 1.1rem;
		}
		#vision .content .right .tysm {
			margin:55% auto 0 -15%;
			font-size:25px;
		}
		#vision .content #sec02sym01 {
			display:block;
			position: absolute;
			top:25%;
			right:5%;
			z-index:0;
			width:507px;		/* 75% */
			height:509px;
			width:541px;		/* 80% */
			height:543px;
		}
		#vision .content #sec02sym01 img {
			display:block;
			margin:auto;
			width:541px;		/* 80% */
			height:543px;
		}
	}
	@media only screen and (min-width: 993px) and (max-width: 1400px) {	/*◇ PC-S */

		#vision .content .left ul.prcont {
			margin: 30px auto 0 5%;
			width: 80%;
			padding-bottom:30px;
		}
		#vision .content .left ul.prcont li.txt01 {
			padding-top:20px;
			font-size: 1.0rem;
		}
		#vision .content .right .tysm {
			margin:55% auto 0 -15%;
			font-size:28px;
		}
		#vision .content #sec02sym01 {
			display:block;
			position: absolute;
			top:25%;
			right:0;
			z-index:0;
			width:507px;		/* 75% */
			height:509px;
			width:541px;		/* 80% */
			height:543px;
		}
		#vision .content #sec02sym01 img {
			display:block;
			margin:auto;
			width:541px;		/* 80% */
			height:543px;
		}
	}
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		#vision .content .left h2 {
			margin: 0 auto 0 auto;
			width: 80%;
			text-align:center;
			font-size: 3rem;
			letter-spacing: 0.05em;
		}
		#vision .content .left .h2sub {
			font-size:16px;
		}
		#vision .content .left ul.prcont {
			margin: 30px auto 0 10%;
			width: 80%;
			padding-bottom:30px;
		}
		#vision .content .left ul.prcont li {
			font-size: 2.5rem;
		}
		#vision .content .left ul.prcont li.txt01 {
			padding-top:20px;
			font-size: 14px;
		}
	}

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

	#service {		/* ◆ PC layout */
		margin:0 auto 0 auto;
		width:100%;
		padding-top:60px;
		padding-bottom:120px;
		background:linear-gradient(180deg, #F4F4F4 0%,#F4F4F4 2%,#FFFFFF 2%,#FFFFFF 75%,#221815 75%,#333333 90%,#F4F4F4 90%,#F4F4F4 100%);		/* ★ */
		position:relative;
		z-index:0;
	}
	#service .symbl {
		display:block;
		position:absolute;
		bottom:12%;
		left:65%;
		width:500px;
		height:100px;
		font-size:22px;
		font-weight:bold;
		font-family: "Antro_Vectra";
		font-display: swap;
		transform: rotate(-7deg);	/*◇斜体 */
		color: #fff;
		z-index:1;
	}
	#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: 30px auto 50px auto;
		width: 30%;
		height:4px;
		text-indent: -99999px;	/* テキスト非表示 */
		background-color:#0F1419;		/* cacielo-blk */
	}
	#service>.tsym02 {	/* 02# */
		display:block;
		position: absolute;
		top:10px;
		left:13%;
	}
	#service>.tsym02 img {
		display:block;
	}
	/* 回転 */
	#service>.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) {
		#service h2{
			margin:0 0 50px 0;
		}
	}
	#service h2 span.bgLRextend::before{
		background:#333;
	}
	#service #wkinf-area {
		margin:0 auto 0 auto;
		width:87.5%;
		padding:0 2.5% 50px 2.5%;
	}
	#service .work-area {
		margin:0 auto 0 auto;
		width:100%;
	}
	#service .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) {
		#service .work-area{
			margin:0 auto 20px auto;   
		}
	}
	#service .work-area .cont01 {
		margin: 0 auto 0 auto;
		width:85%;
		width:90%;
		padding:30px;
		padding:10px;
		z-index:1;
/*		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;*/
	}
	#service .work-area .cont01 #svdiag {
		margin: 0 auto 0 auto;
		width:100%;
		height:650px;
		background: url( "../images/service/diag01.png" ) no-repeat;
		background-size: 626px 571px;
		background-position:center center;
		position:relative;
		z-index:2;
	}
	#service .work-area .cont01 #svdiag #sv01 {		/* ITコンサルティング事業 */
		position:absolute;
		top:5%;
		left:7%;
		width:30%;
		padding:0 0 30px 0;
	}
	#service .work-area .cont01 #svdiag #sv01 h2 {
		display:block;
		width:292px;
		height:63px;
		text-indent: -99999px;	/* テキスト非表示 */
	}
	#service .work-area .cont01 #svdiag #sv01 h2 a {
		display:block;
		width:292px;
		height:63px;
		background: url( "../images/service/svtitle01.svg" ) no-repeat;
		background-size: 343px 74px;	
		background-size: 292px 63px;		/* 85% */
		background-position:left 0 center;
	}
	#service .work-area .cont01 #svdiag #sv01 h2 a:hover {
		background: url( "../images/service/svtitle01_ov.svg" ) no-repeat;
		background-size: 343px 74px;	
		background-size: 292px 63px;		/* 85% */
		background-position:left 0 center;
	}
	#service .work-area .cont01 #svdiag #sv02 {		/* DXコンサルティング */
		position:absolute;
		top:5%;
		right:5%;
		width:30%;
		padding:0 0 30px 0;
	}
	#service .work-area .cont01 #svdiag #sv02 h2 {
		display:block;
		width:292px;
		height:63px;
		text-indent: -99999px;	/* テキスト非表示 */
	}
	#service .work-area .cont01 #svdiag #sv02 h2 a {
		display:block;
		width:292px;
		height:63px;
		background: url( "../images/service/svtitle02.svg" ) no-repeat;
		background-size: 343px 74px;	
		background-size: 292px 63px;		/* 85% */
		background-position:left 0 center;
	}
	#service .work-area .cont01 #svdiag #sv02 h2 a:hover {
		background: url( "../images/service/svtitle02_ov.svg" ) no-repeat;
		background-size: 343px 74px;	
		background-size: 292px 63px;		/* 85% */
		background-position:left 0 center;
	}
	#service .work-area .cont01 #svdiag #sv03 {		/* 業務コンサルティング */
		position:absolute;
		top:40%;
		right:-3%;
		width:30%;
		padding:0 0 30px 0;
	}
	#service .work-area .cont01 #svdiag #sv03 h2 {
		display:block;
		width:292px;
		height:62px;
		text-indent: -99999px;	/* テキスト非表示 */
	}
	#service .work-area .cont01 #svdiag #sv03 h2 a {
		display:block;
		width:292px;
		height:63px;
		background: url( "../images/service/svtitle03.svg" ) no-repeat;
		background-size: 343px 74px;	
		background-size: 292px 62px;		/* 85% */
		background-position:left 0 center;
	}
	#service .work-area .cont01 #svdiag #sv03 h2 a:hover {
		background: url( "../images/service/svtitle03_ov.svg" ) no-repeat;
		background-size: 343px 74px;	
		background-size: 292px 62px;		/* 85% */
		background-position:left 0 center;
	}
	#service .work-area .cont01 #svdiag section>ul {
		margin:-30px auto 0 auto;
		width:80%;
	}
	#service .work-area .cont01 #svdiag 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: 500;
		font-style: normal;
		font-display: swap;
		color:#222;
 		padding-left:1.2em;
	 	text-indent:-1.2em;	/* 2行目以降1字下げ */
		padding:0 0 0 0;
	}

	#service .work-area .cont01 #svdiag>.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;
	}
	#service .work-area .cont01 #svdiag>.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;
	}
	#service .work-area .cont01 #svdiag>.circlesym .circle::before {
	 	content: '';
	 	padding-top: 50%;
	}
	/* 回転 */
	#service .work-area .cont01 #svdiag>.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);
		}
	}
	#service #wkinf-area>.particle01 {
		z-index:0;
	}

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

		#service h2 {
			margin: 0 auto 0 auto;
			width: 80%;
			text-align:center;
			font-size: 4rem;
			letter-spacing: 0.05em;
		}
		#service .h2sub {
			margin:-60px auto 0 auto;
			font-size:18px;
		}
		#service .h2line  {
			margin: 20px auto 50px auto;
		}
		#service #wkinf-area {
			margin:0 auto 0 auto;
			width:87.5%;
			padding:30px 2.5% 50px 2.5%;
			width:100%;
			padding:10px 0 30px 0;
		}
		#service .work-area .cont01 {
			margin: 0 auto 0 auto;
			width:100%;
			padding:20px;
		}
		#service .work-area .cont01 #svdiag {
			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;
		}
		#service .work-area .cont01 #svdiag #sv01 {		/* ITコンサルティング事業 */
		}
		#service .work-area .cont01 #svdiag #sv02 {		/* DXコンサルティング */
			position:absolute;
			top:5%;
			right:10%;
			width:30%;
			padding:0 0 30px 0;
		}
		#service .work-area .cont01 #svdiag #sv03 {		/* 業務コンサルティング */
			position:absolute;
			top:40%;
			right:2%;
			width:30%;
			padding:0 0 30px 0;
		}
		#service .work-area .cont01 #svdiag section>ul {
			margin:20px auto 0 auto;
			width:70%;
		}
		#service .work-area .cont01 #svdiag>.circlesym {		/* ◎ */
			position:absolute;
			top:42%;
			right:0;
			left:0;
			margin:auto;
			width:156px;
			height:156px;
			background: url( "../images/service/sym01.svg" ) no-repeat;
			background-size: 260px 260px;	
			background-size: 208px 208px;		/* 80% */
			background-size: 156px 156px;		/* 60% */
			background-position:center 0;
		}
		#service .work-area .cont01 #svdiag>.circlesym .circle {
			margin: 0 auto 0 auto;
			width:156px;
			height:156px;
			background: url( "../images/service/circle01.png" ) no-repeat;
			background-size: 222px 222px;
			background-size: 133px 133px;		/* 60% */
			background-position:center center;
		}
		#service .work-area .cont01 #svdiag>.circlesym .circle::before {
		 	content: '';
		 	padding-top: 50%;
		}
	}

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

		#service h2 {
			margin: 0 auto 0 auto;
			width: 80%;
			text-align:center;
			font-size: 4rem;
			letter-spacing: 0.05em;
		}
		#service .h2sub {
			margin:-60px auto 0 auto;
			font-size:18px;
		}
		#service .h2line  {
			margin: 20px auto 50px auto;
		}
		#service #wkinf-area {
			margin:0 auto 0 auto;
			width:87.5%;
			padding:30px 2.5% 50px 2.5%;
			width:100%;
			padding:10px 0 30px 0;
		}
		#service .work-area .cont01 {
			margin: 0 auto 0 auto;
			width:100%;
			padding:20px;
		}
		#service .work-area .cont01 #svdiag {
			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-size: 407px 371px;	 	/*65% */
			background-position:center center;
			position:relative;
		}
		#service .work-area .cont01 #svdiag #sv01 {		/* ITコンサルティング事業 */
		}
		#service .work-area .cont01 #svdiag #sv02 {		/* DXコンサルティング */
			position:absolute;
			top:5%;
			right:10%;
			width:30%;
			padding:0 0 30px 0;
		}
		#service .work-area .cont01 #svdiag #sv03 {		/* 業務コンサルティング */
			position:absolute;
			top:40%;
			right:2%;
			width:30%;
			padding:0 0 30px 0;
		}
		#service .work-area .cont01 #svdiag section>ul {
			margin:20px auto 0 auto;
			width:70%;
		}
		#service .work-area .cont01 #svdiag>.circlesym {		/* ◎ */
			position:absolute;
			top:42%;
			right:0;
			left:0;
			margin:auto;
			width:130px;
			height:130px;
			background: url( "../images/service/sym01.svg" ) no-repeat;
			background-size: 260px 260px;	
			background-size: 208px 208px;		/* 80% */
			background-size: 130px 130px;		/* 50% */
			background-position:center 0;
		}
		#service .work-area .cont01 #svdiag>.circlesym .circle {
			margin: 0 auto 0 auto;
			width:130px;
			height:130px;
			background: url( "../images/service/circle01.png" ) no-repeat;
			background-size: 222px 222px;
			background-size: 111px 111px;		/* 50% */
			background-position:center center;
		}
		#service .work-area .cont01 #svdiag>.circlesym .circle::before {
		 	content: '';
		 	padding-top: 50%;
		}
	}

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

		#service {
			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%);	/* ★ */
		}
		#service h2 {
			margin: 0 auto 0 auto;
			width: 80%;
			text-align:center;
			font-size: 3rem;
			letter-spacing: 0.05em;
		}
		#service .h2sub {
			margin:-40px auto 0 auto;
			font-size:16px;
		}
		#service .h2line  {
			margin: 15px auto 50px auto;
		}
		#service #wkinf-area {
			margin:0 auto 0 auto;
			width:87.5%;
			padding:30px 2.5% 50px 2.5%;
			width:100%;
			padding:10px 0 30px 0;
		}
		#service .work-area .cont01 {
			margin: 0 auto 0 auto;
			width:100%;
			padding:20px;
		}
		#service .work-area .cont01 #svdiag {
			margin: 0 auto 0 auto;
			width:100%;
			height:750px;
			background: url( "../images/service/diag01.png" ) no-repeat;
			background-size: 626px 571px;
			background-size: 407px 371px;	 	/*65% */
			background-position:center bottom 0;
			position:relative;
		}
		#service .work-area .cont01 #svdiag #sv01 {		/* ITコンサルティング事業 */
		}
		#service .work-area .cont01 #svdiag #sv02 {		/* DXコンサルティング */
			position:absolute;
			top:5%;
			right:10%;
			width:30%;
			padding:0 0 30px 0;
		}
		#service .work-area .cont01 #svdiag #sv03 {		/* 業務コンサルティング */
			position:absolute;
			top:35%;
			right:2%;
			width:30%;
			padding:0 0 30px 0;
		}
		#service .work-area .cont01 #svdiag section>ul {
			margin:20px auto 0 -10%;
			width:90%;
		}
		#service .work-area .cont01 #svdiag section>ul li {
			font-size:13px;
			line-height:1.6em;
			font-weight:normal;
			color:#222;
			padding:0 0 0 0;
		}
		#service .work-area .cont01 #svdiag>.circlesym {		/* ◎ */
			position:absolute;
			top:68%;
			right:0;
			left:0;
			margin:auto;
			width:130px;
			height:130px;
			background: url( "../images/service/sym01.svg" ) no-repeat;
			background-size: 260px 260px;	
			background-size: 130px 130px;		/* 50% */
			background-position:center 0;
		}
		#service .work-area .cont01 #svdiag>.circlesym .circle {
			margin: 0 auto 0 auto;
			width:130px;
			height:130px;
			background: url( "../images/service/circle01.png" ) no-repeat;
			background-size: 222px 222px;
			background-size: 111px 111px;		/* 50% */
			background-position:center center;
		}
		#service .work-area .cont01 #svdiag>.circlesym .circle::before {
		 	content: '';
		 	padding-top: 50%;
		}
	}

	@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:30px;
		}
		#service .symbl {
			display:none;
		}
		#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 #wkinf-area {
			margin:0 auto 0 auto;   
			width:90%;
			padding:0 2.5% 20px 2.5%;
			width:100%;
			padding:0;
		}
		#service .work-area{
			margin:0 auto 0 auto;
			width:100%;
		}
		#service .work-area .cont01 {
			margin: 0 auto 0 auto;
			width:95%;
			padding:0;
			z-index:1;
			background-color:#efefef;
			background-color:rgba(255,255,255,0.95);
			box-shadow: 0px 1px 2px 1px #aaa;
			-webkit-box-shadow: 0px 1px 2px 1px #aaa;
			-moz-box-shadow: 0px 1px 2px 1px #aaa;
		}
		#service .work-area .cont01 #svdiag {
			margin: 0 auto 0 auto;
			width:100%;
			height:100%;
			max-height:1250px;
			padding-bottom:20px;
			background: url( "../images/service/diag01.png" ) no-repeat;
			background-size: 626px 571px;
			background-size: 376px 343px;		/*60% */
			background-position:center top 20px;
			position:relative;
			z-index:2;
		}
		#service .work-area .cont01 #svdiag #sv01 {		/* ITコンサルティング事業 */
			position:static;
			margin: 0 auto 0 auto;
			width:100%;
			padding:390px 0 15px 0;
		}
		#service .work-area .cont01 #svdiag #sv01 h2 {
			display:block;
			margin:0 auto 0 auto;
			width:70%;
			height:44px;
			text-indent: -99999px;	/* テキスト非表示 */
		}
		#service .work-area .cont01 #svdiag #sv01 h2 a {
			display:block;
			width:206px;
			height:44px;
			background: url( "../images/service/svtitle01.svg" ) no-repeat;
			background-size: 343px 74px;	
			background-size: 206px 44px;		/* 60% */
			background-position:left 0 center;
		}
		#service .work-area .cont01 #svdiag #sv01 h2 a:hover {
			background: url( "../images/service/svtitle01_ov.svg" ) no-repeat;
			background-size: 206px 44px;		/* 60% */
			background-position:left 0 center;
		}

		#service .work-area .cont01 #svdiag #sv02 {		/* DXコンサルティング */
			position:static;
			margin: 0 auto 0 auto;
			width:100%;
			padding:20px 0 15px 0;
		}
		#service .work-area .cont01 #svdiag #sv02 h2 {
			display:block;
			margin:0 auto 0 auto;
			width:70%;
			height:44px;
			text-indent: -99999px;	/* テキスト非表示 */
		}
		#service .work-area .cont01 #svdiag #sv02 h2 a {
			display:block;
			width:206px;
			height:44px;
			background: url( "../images/service/svtitle02.svg" ) no-repeat;
			background-size: 343px 74px;	
			background-size: 206px 44px;		/* 60% */
			background-position:left 0 center;
		}
		#service .work-area .cont01 #svdiag #sv02 h2 a:hover {
			background: url( "../images/service/svtitle02_ov.svg" ) no-repeat;
			background-size: 206px 44px;		/* 60% */
			background-position:left 0 center;
		}
		#service .work-area .cont01 #svdiag #sv03 {		/* 業務コンサルティング */
			position:static;
			margin: 20px auto 0 auto;
			width:100%;
			padding:0 0 15px 0;
		}
		#service .work-area .cont01 #svdiag #sv03 h2 {
			display:block;
			margin:0 auto 0 auto;
			width:70%;
			height:37px;
			text-indent: -99999px;	/* テキスト非表示 */
		}
		#service .work-area .cont01 #svdiag #sv03 h2 a {
			display:block;
			width:206px;
			height:44px;
			background: url( "../images/service/svtitle03.svg" ) no-repeat;
			background-size: 343px 74px;	
			background-size: 206px 44px;		/* 60% */
			background-position:left 0 center;
		}
		#service .work-area .cont01 #svdiag #sv03 h2 a:hover {
			background: url( "../images/service/svtitle03_ov.svg" ) no-repeat;
			background-size: 343px 74px;	
			background-size: 206px 44px;		/* 60% */
			background-position:left 0 center;
		}
		#service .work-area .cont01 #svdiag section>ul {
			margin:20px auto 0 auto;
			width:70%;
		}
		#service .work-area .cont01 #svdiag section>ul li {
			margin:0 auto 0 auto;
			width:70%;
			font-size:12px;
			line-height:1.5em;
			color:#222;
	 		padding-left:1.1em;
		 	text-indent:-1.1em;	/* 2行目以降1字下げ */
			padding:0 0 0 0;
		}
		#service .work-area .cont01 #svdiag>.circlesym {		/* ◎ */
			position:absolute;
			top:160px;
			right:0;
			left:0;
			margin:auto;
			width:104px;
			height:104px;
			background: url( "../images/service/sym01.svg" ) no-repeat;
			background-size: 260px 260px;	
			background-size: 104px 104px;		/* 40% */
			background-position:center 0;
		}
		#service .work-area .cont01 #svdiag>.circlesym .circle {
			margin: 0 auto 0 auto;
			width:104px;
			height:104px;
			background: url( "../images/service/circle01.png" ) no-repeat;
			background-size: 222px 222px;
			background-size:89px 89px;		/* 40% */
			background-position:center center;
		}
		#service .work-area .cont01 #svdiag>.circlesym .circle::before {
		 	content: '';
		 	padding-top: 50%;
		}
		/* 回転 */
		#service .work-area .cont01 #svdiag>.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);
			}
		}
		#service #wkinf-area>.particle01 {
			z-index:0;
		}
		@media screen and (max-width:376px) {	/*  SP layout */

			#service .work-area .cont01 #svdiag {
				margin: 0 auto 0 auto;
				width:100%;
				height:100%;
				max-height:1250px;
				padding-bottom:20px;
				background: url( "../images/service/diag01.png" ) no-repeat;
				background-size: 626px 571px;
				background-size: 344px 314px;		/*55% */
				background-position:center top 20px;
				position:relative;
				z-index:2;
			}
		}
	}

/* ■ 事例・実績  -----------------------------------*/

	#works {		/* ◆ PC layout */
		padding: 70px 0;
		z-index:9;
		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;
		z-index:1;
	}
	#works h2 {
		font-weight:normal;
		font-family: 'Futura medium bt', sans-serif;
		font-display: swap;
		font-size: 5rem;
		text-align: center;
		margin: 0 0 50px 0;
		font-weight: normal;
		color: #0F1419;		/* cacielo-blk */
	}
	#works .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;
	}
	#works .h2line  {
		margin: 30px auto 70px auto;
		width: 30%;
		height:4px;
		text-indent: -99999px;	/* テキスト非表示 */
		background-color:#75ADB9;		/* mf-blue03 */
		background-color:#0F1419;		/* cacielo-blk */
	}
	#works ul.slider {
		margin: 0 auto 0 auto;
		width: 70%;
	}
	#works ul.slider>li {
	}
	#works section {
		margin: 0 auto 10px auto;
		width: 95%;
		background: #221815;	/* fujico-blk 15 20 25 */
		padding-bottom:20px
		box-shadow: 5px 0 10px #ccc;
		position:relative;
	}
	#works section a {
		display:block;
	}
	#works section h3 {
		margin: 0 auto 0 auto;
		width: 100%;
		text-align: center;
		font-size: 1.0rem;
		letter-spacing:0;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 600;
		font-display: swap;
		color: #FFF;
	}
	#works section p.date {
		margin: 0 auto 5px auto;
	 	text-align: center;
	 	font-size: 0.9rem;
		color: #FFF;
	}
	#works section p.contain {  		 /* contain */
		margin: 0 auto 0 auto;
		width:85%;
	 	font-size: 12px;
		line-height:1.8em;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 400;
		font-style: normal;
		font-display: swap;
		color: #fff;
		padding:20px 0 20px 0;
	}
	#works section p.tab {  		 /* category */
		margin: 20px auto 10px auto;
		width:50%;
	 	text-align: center;
	 	font-size: 0.8rem;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 500;
		font-style: normal;
		font-display: swap;
		color: #FFF;
		padding:8px;
		border: 1px solid #FFF;
		border-radius: 5px;
	}
	#works .sv-area {
		padding: 20px;
	}
	#works .sv-area .dt-btn {
		margin: 20px auto 0 auto;
		width:30%;
		height:30px;
	}
	#works .sv-area .dt-btn a {
		display:block;
		text-align: center;
	 	font-size: 0.8rem;
		font-weight:bold;
		font-family: "Futura Heavy font";
		font-display: swap;
		color:#FFF;
	}
	#works .sv-area .dt-btn a:hover {
		color:#222;
		background-color:#F4F4F4;
		border: 1px solid #F4F4F4;
	}
	#works .nlall {
		margin: 20px auto 0 auto;
		width:100%;
		height:80px;
		position:relative;
	}
	#works .nlall a {
		display: block;
		position:absolute;
		top:0;
		left:0;
		right:0;
		margin:auto;
		width:340px;
		font-size:14px;
		line-height:1.0em;
		font-weight:bold;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 600;
		font-style: normal;
		font-display: swap;
		color: #FFF;
		background: url("../images/icon/btn-arrow03.png") no-repeat;
		background-size:8px 8px;
		background-position: 15px  18px;
		background-color:#221815;	/* fujico-blk 15 20 25 */
		border: 1px solid #221815;	/* ボーダーの色( Rapide  ) ,太さ */
	}
	#works .nlall a:hover {
		color: #FFF;
		background	: url("../images/icon/btn-arrow03.png") no-repeat;
		background-size:8px 8px;
		background-position: 170px 18px; 
	}
	#works>.circlesym {		/* ◎ */
		position:absolute;
		top:8%;
		right:15%;
		width:182px;
		height:182px;
		width:192px;
		height:192px;
		background: url( "../images/bg/sym01.png" ) no-repeat;
		background-size: 192px 192px;
		background-position:center 0;
		z-index:1;
	}
	#works>.circlesym .circle {
		margin: 0 auto 0 auto;
		width:192px;
		height:192px;
		background: url( "../images/bg/sym0102.png" ) no-repeat;
		background-size: 166px 164px;
		background-position:center center;
	}
	#works>.circlesym .circle::before {
	 	content: '';
	 	padding-top: 50%;
	}
	/* 回転 */
	#works>.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: 993px) and (max-width: 1680px) {	/*◇ PC-S */

		#works h2 {
			margin: 0 auto 0 auto;
			width: 80%;
			text-align:center;
			font-size: 4rem;
			letter-spacing: 0.05em;
		}
		#works .h2sub {
			margin:-60px auto 0 auto;
			font-size:18px;
		}
		#works .h2line  {
			margin: 20px auto 50px auto;
		}
		#works section h3 {
			font-size: 0.8rem;
		}
	}
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		#works h2 {
			font-size: 3rem;
		}
		#works .h2sub {
			margin:-50px auto 0 auto;
			font-size:16px;
		}
		#works section h3 {
			font-size: 0.8rem;
		}
	}

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

		#works {
			margin:0 auto 0 auto;
			padding: 20px 0 30px 0;
			background-image:url("../images/bg/bg-sym02.png");
			background-size:contain;
			background-position:center bottom 0;
			background-repeat:no-repeat;
			position:relative;
		}
		#works h2 {
			margin:0 auto 0 auto;
			padding-left:0;
			font-size: 2rem;
		}
		#works .h2sub {
			margin: -30px auto 0 auto;
			width: 90%;
			font-size:12px;
			text-align:center;
			font-weight:normal;
			color:#333;
			padding-left:0;
		}
		#works .h2line  {
			margin: 10px auto 20px auto;
			width: 70%;
			height:2px;
			text-indent: -99999px;	/* テキスト非表示 */
			background-color:#0F1419;		/* cacielo-blk */
		}
		#works ul.slider {
			margin: 0 auto 0 auto;
			width: 100%;
		}
		#works ul.slider>li {
		}
		#works section {
			margin: 0 auto 0 auto;
			width: 100%;
			height:450px;
			padding-bottom:10px
			position:relative;
		}
		#works section h3 {
			font-size: 0.7rem;
			font-weight:bold;
			text-align: center;
			width:100%;
			height:20px;
		}
		#works section p.date {
		 	font-size: 0.7rem;
		}
		#works section p.tab {  		 /* category */
			margin: 10px auto 10px auto;
			width:90%;
		 	text-align: center;
		 	font-size: 0.6rem;
			padding:5px;
			border: 1px solid #FFF;
			border-radius: 5px;
		}
		#works section p.contain {  		 /* contain */
			margin: 0 auto 0 auto;
		 	font-size: 12px;
			line-height:1.7em;
			width:95%;
			height:150px;
		}
		#works .sv-area .dt-btn {
			margin: 20px auto 0 auto;
			width:50%;
			height:30px;
		}
		#works .sv-area .dt-btn a {
			display:block;
			text-align: center;
		 	font-size: 0.8rem;
			font-weight:bold;
			font-family: "Futura Heavy font";
			font-display: swap;
			color:#FFF;
		}
		#works .sv-area .dt-btn a:hover {
			color:#222;
			background-color:#F4F4F4;
			border: 1px solid #F4F4F4;
		}
		#works .sv-btn{
		    text-align: center;
		    margin: 20px 0 0 0;
		}
		#works .nlall {
			margin:-10px auto 0 auto;
			width: 100%;
			height:50px;
			position:relative;
		}
		#works .nlall a {
			display: block;
			position:absolute;
			top:0;
			left:0;
			right:0;
			margin:auto;
			width:80%;
			font-size:12px;
			line-height:1.5em;
			color: #FFF;
			background	: url("../images/icon/btn-arrow03.png") no-repeat;
			background-size:8px 8px;
			background-position: 10px  12px; 
			background-color:#221815;	/* fujico-blk */
			border: 1px solid #221815;	/* ボーダーの色( fujico-blk ) ,太さ */
		}
		#works .nlall a:hover {

		}
		#works>.circlesym {		/* ◎ */
			position:absolute;
			top:-40px;
			right:2%;
			width:127px;
			height:127px;
			background: url( "../images/bg/sym01.png" ) no-repeat;
			background-size: 192px 192px;
			background-size: 127px 127px;	/* 70% */
			background-position:center 0;
			z-index:99999999;
		}
		#works>.circlesym .circle {
			margin: 0 auto 0 auto;
			width:127px;
			height:127px;
			background: url( "../images/bg/sym0102.png" ) no-repeat;
			background-size: 157px 154px;
			background-size: 110px 110px;		/* 70% */
			background-position:center center;
		}
		#works>.circlesym .circle::before {
		 	content: '';
		 	padding-top: 50%;
		}
		/* 回転 */
		#works>.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);
			}
		}
	}
/* ■ PARTNERS ------------------------------*/

	#partners {			/* ◇SP layout */
		margin: 0 auto 0 auto;
		width: 100%;
		padding-bottom:30px;
		background-color:#FFF;
		background:linear-gradient(180deg,white 0%,white 30%,#F5F5F5 30%,#F5F5F5 90%,white 90%,white 100%);	/* ★ */
	}
	#partners h2 {
		margin:0 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:30px;
		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;
		}
	}

/* ■ NEWS  ---------------------------------*/

	#news {		/* ◆ PC layout */
		margin: 0 auto 0 auto;
		width: 100%;
		padding-top:80px;
		padding-bottom:50px;
		background-image:url("../images/bg/mfbg01.jpg");
		background-size:	1600px 752px;
		background-size:	cover;
		background-position:	left 0 bottom 0;
		background-attachment:fixed;
		background-repeat:no-repeat;
	}
	#news h2 .slide-in_inner {
		color:#FFF;
	}
	#news .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:#FFF;
	}
	#news .h2line  {
		margin: 30px auto 30px auto;
		width: 30%;
		height:4px;
		text-indent: -99999px;	/* テキスト非表示 */
		background-color:#FFF;
	}
	.media-area{
		margin: 0 auto 0 auto;
		width: 70%;
		padding:30px;
		background-color:#fff;
		background-color:rgba(255,255,255,0.95);
		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;
		z-index:0;
	}
	.media-area .newsline {
		display:flex;
		flex-wrap:nowrap;
		justify-content: space-between;	/* 両端のアイテムを余白を空けずに配置し、他の要素は均等に間隔を空けて配置 */
		width: 80%;
		margin: 0 auto 0 auto;
		padding:30px;
		padding-bottom:0;
	}
	.media-area .newsline p {
		width:30%;
		padding:30px;
		padding-top:0;
		text-align:center;
	}
	.media-area .newsline p img {
		border-radius: 8px;
	}
	.media-area .newsline dl {
		margin: 0 auto 0 auto;
		width: 70%;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 400;
		font-style: normal;
		font-display: swap;
		color:#444;
		padding-bottom:20px;
	}
	.media-area .newsline dl dt {
		font-size:14px;
		font-weight:normal;
		color: #0F1419;		/* cacielo-blk */
		padding-left:30px;
	}
	.media-area .newsline dl dd {
		font-size:14px;
		line-height:1.8em;
		padding-left:30px;
	}
	.media-area .newsline dl dd a {
		color: #A4966A;		/* Gold01 */
	}
	.media-area .newsline dl dd a:hover {
		color: #0F1419;		/* cacielo-blk */
	}
	.media-area .nlall {
		margin: 20px auto 0 auto;
		width:100%;
		height:80px;
		position:relative;
	}
	.media-area .nlall a {
		display: block;
		position:absolute;
		top:0;
		left:0;
		right:0;
		margin:auto;
		width:220px;
		font-size:15px;
		line-height:1.0em;
		font-weight:bold;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 600;
		font-style: normal;
		font-display: swap;
		color: #FFF;
		background	: url("../images/icon/btn-arrow03.png") no-repeat;
		background-size:8px 8px;
		background-position: 15px  18px;
		background-color:#221815;	/* fujico-blk */
		border: 1px solid #221815;	/* ボーダーの色( fujico-blk ) ,太さ */
	}
	.media-area .nlall a:hover {
		color: #FFF;
		background	: url("../images/icon/btn-arrow03.png") no-repeat;
		background-size:8px 8px;
		background-position: 170px 18px; 
	}

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

		#news h2 {
			margin: 0 auto 0 auto;
			width: 80%;
			text-align:center;
			font-size: 4rem;
			letter-spacing: 0.05em;
		}
		#news .h2sub {
			margin:-60px auto 0 auto;
			font-size:18px;
		}
		#news .h2line  {
			margin: 20px auto 50px auto;
		}
	}
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		#news h2 {
			font-size: 3rem;
		}
		#news .h2sub {
			margin:-50px auto 0 auto;
			font-size:16px;
		}
	}

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

		#news {	
			margin: 0 auto 0 auto;
			width: 100%;
			padding-top:10px;
			padding-bottom:100px;
			background-image:url("../images/bg/mfbg01.jpg");
			background-size:	cover;
			background-position:	left 0 bottom 0;
			background-attachment:fixed;
			background-repeat:no-repeat;
			background-color: #A5D5DC;		/* mf-blue01 main */
		}
		#news .h2sub {
			margin: -80px auto 0 auto;
			width: 90%;
			font-size:12px;
			text-align:center;
			font-weight:normal;
			color:#FFF;
			padding-left:0;
		}
		#news .h2line {
			margin: 10px auto 20px auto;
			width: 90%;
			height:2px;
			text-indent: -99999px;	/* テキスト非表示 */
			background-color:#FFF;
		}
		.media-area {
			margin: 0 auto 0 auto;
			width: 95%;
			padding:10px;
			background-color:#fff;
			border-radius: 10px;
			box-shadow: 0px 1px 2px 1px #aaa;
			-webkit-box-shadow: 0px 1px 2px 1px #aaa;
			-moz-box-shadow: 0px 1px 2px 1px #aaa;
		}
		.media-area .newsline {
			display:flex;
			flex-wrap:nowrap;
			justify-content: space-between;	/* 両端のアイテムを余白を空けずに配置し、他の要素は均等に間隔を空けて配置 */
			width: 100%;
			margin: 0 auto 0 auto;
			padding:5px;
			padding-bottom:0;
		}
		.media-area .newsline p {
			width:20%;
			padding:0px;
			text-align:center;
		}
		.media-area .newsline p img {
			border-radius: 4px;
		}
		.media-area .newsline dl {
			margin: 0 auto 0 auto;
			width: 80%;
			font-weight:normal;
			color:#333;
			padding:10px;
			padding-top:0;
		}
		.media-area .newsline dl dt {
			font-size:12px;
			font-weight:normal;
			padding-left:0;
		}
		.media-area .newsline dl dd {
			font-size:12px;
			line-height:1.7em;
			padding-left:5px;
		}
		.media-area .nlall {
			margin: 10px auto 0 auto;
			width: 100%;
			height:50px;
			position:relative;
		}
		.media-area .nlall a {
			display: block;
			position:absolute;
			top:0;
			left:0;
			right:0;
			margin:auto;
			width:160px;
			font-size:12px;
			line-height:1.5em;
			color: #FFF;
			background	: url("../images/icon/btn-arrow03.png") no-repeat;
			background-size:8px 8px;
			background-position: 10px  12px; 
			background-color:#221815;	/* fujico-blk */
			border: 1px solid #221815;	/* ボーダーの色( fujico-blk ) ,太さ */
		}
	}