/*----------------------------------------------------------------------------*/
/* 	インテグラルワークス株式会社  開発実績 							  CSS    */
/*----------------------------------------------------------------------------*/
/* ■ fview 補正 */

	#sviewerPC .box01 h2 {
		margin: 0  auto 0 38%;
	}
	#sviewerPC .box01 .h1subt {
		margin: 15px  auto 0 38%;
		font-size:48px;
		letter-spacing:2px;
	}
	@media only screen and (min-width: 993px) and (max-width: 1400px) {	/*◇ PC-S */

		#sviewerPC .box01 .h1subt {
			margin: 15px  auto 0 38%;
			font-size:36px;
			letter-spacing:2px;
		}
	}

/* ■ MainConents .section  */

	.section {
		margin: 0 auto 0 auto;
		width: 100%;
		padding-bottom:20px;
		background:linear-gradient(90deg,#F5F5F5 0%,#F5F5F5 37%,white 37%,white 100%);	/* ★ */
	}
	.section h1,h2,h3,h4,h5,h6{
		font-size:100%;
		font-weight:normal;
	}
	#section01 {
		margin: 20px auto 0 auto;
	}
	#section03 {
		padding-bottom:20px;
	}
	#aclist {		/* □ 固定ヘッダ アンカー位置差分変更 */
		margin-top:-50px;
		padding-top:50px;
	}
	#skill {		/* □ 固定ヘッダ アンカー位置差分変更 */
		margin-top:-30px;
		padding-top:30px;
	}
	#consall {		/* □ 固定ヘッダ アンカー位置差分変更 */
		margin-top:-30px;
		padding-top:30px;
	}
	.secc {
		margin: 20px auto 0 auto;
		width: 90%;
		background-color:rgba( 255,255,255,0.99 ); 	/*  White  透過99% */
		border: 1px solid #DDD;
			border-radius:5px;
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
	}
	.secc>section {
		margin: 0 auto 20px auto;
	}
	.section .secctitle01 {
		margin: 0 auto 0 auto;
		width: 90%;
	}
	.section .secctitle01 h2 {
		font-size:13px;
		font-weight:bold;
		color: #444;
		padding-top:20px;
		padding-left:5px;
	}
	.section .secctitle01 p {
		width: 100%;
		font-size:12px;
		color:#333;
		line-height:22px;
		padding-top:10px;
		padding-left:20px;
	}
	.section .h2line  {
		margin: 10px auto 0 auto;
		width: 100%;
		height:1px;
		text-indent: -99999px;	/* テキスト非表示 */
		background:linear-gradient(90deg,#BDC3C7 0%,#BDC3C7 95%,#0B308E 95%,#0B308E 100%);	/* ★ */
	}
	.section h3 {
		display:block;
		margin: 15px auto 10px auto;
		width: 90%;
		font-size:13px;
		font-weight:bold;
		font-family: "NotoSansCJKjp-Bold";
		color:#FFF;
		padding-left:20px;
		padding-top:8px;
		padding-bottom:8px;
		background-color:#172A88;		/* deep blue */
	}
	.section h4 {
		margin: 15px auto 10px auto;
		width: 85%;
		font-size:12px;
		font-weight:normal;
		color:#FFF;
		padding:7px;
		background-color:#519D9E;		/* WA-green */
	}
	.secc dl,dt,dd {
		display:block;
	}
	.secc dl.casestitem {
		margin: 0 auto 0 auto;
		width: 90%;
		padding-bottom:15px;
		background-color:#FFF;
			border-radius:5px;
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
	}
	.secc dl.casestitem:first-child {
		margin-top:0px;
	}
	.secc dl.casestitem dt {
		margin: 0 auto 0 auto;
		width: 95%;
		font-weight:bold;
		font-size:12px;
		color: #333;
		padding-left:15px;
	}
	.secc dl.casestitem dt .important {
		color:#D35400;		/* LD-red01 */
	}
	.secc dl.casestitem dd {
		margin: 10px auto 0 auto;
		width: 95%;
		font-size:12px;
		color: #519D9E;		/* WA-green */
		padding-left:15px;
	}
	.secc dl.casestitem dd a {
		padding-left:10px;
		color: #A4966A;		/* Gold01 */
	}
	.secc dl.casestitem dd a:hover {
		color: #B27C04;		/* Gold02 */
	}
	.secc dl.dpnone dt {
		display:none;
	}
	.secc dl.dpnone dd {
		margin-top:-5px;
	}
	.secc ul.casestitem {
		margin: 0 auto 0 auto;
		width: 90%;
		padding-bottom:15px;
		background-color:#FFF;
			border-radius:5px;
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
	}
	.secc ul.casestitem li {
		margin: 10px auto 0 auto;
		width: 95%;
		font-size:12px;
		line-height:1.6em;
		color: #333;
	 	padding-left:1em;
		text-indent:-1em;	/* 2行目以降1字下げ */
	}
	.secc .comment {
		margin: 15px auto 0 auto;
		width: 95%;
		font-size:12px;
		color: #519D9E;		/* WA-green */
		color: #A4966A;		/* Gold01 */
		padding-left:5%;
	}
	.secc .txt01 {
		margin: 0 auto 0 auto;
		width: 95%;
		font-size:12px;
		line-height:1.7em;
		color: #333;
		padding-left:5%;
	}

	.secc .aclall {	/* 実績一覧 button */
		display: block;
		margin: 20px auto 20px auto;
		padding-top:15px;
		padding-bottom:15px;
		position:relative;
	}
	.secc .aclall 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-sym03.png") no-repeat;
		background-size:8px 8px;
		background-position: 10px  12px; 
	}
	.secc .contact {	/* お問い合わせ button */
		display: block;
		margin: 20px auto 30px auto;
		padding-top:15px;
		padding-bottom:15px;
		position:relative;
	}
	.secc .contact 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-sym04.png") no-repeat;
		background-size:8px 8px;
		background-position: 10px  12px; 
	}

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

	}

	@media only screen and (min-width:992px) {

		.section {
			margin: 0 auto 0 auto;
			width: 100%;
			padding-bottom:0px;
			background:linear-gradient(90deg,white 0%,white 10%,#F5F5F5 10%,#F5F5F5 40%,white 40%,white 100%);	/* ★ */
		}
		#section01 {
			margin: 30px auto 0 auto;
		}
		#section03 {
			padding-bottom:50px;
		}
		#aclist {		/* □ 固定ヘッダ アンカー位置差分変更 */
			margin-top:-50px;
			padding-top:50px;
		}
		#skill {		/* □ 固定ヘッダ アンカー位置差分変更 */
			margin-top:-30px;
			padding-top:30px;
		}
		#consal {		/* □ 固定ヘッダ アンカー位置差分変更 */
			margin-top:-30px;
			padding-top:30px;
		}
		.secc {
			margin: 50px auto 10px auto;
			width: 70%;
			background-color:rgba( 255,255,255,0.9 ); 	/*  White  透過99% */
			border: 1px solid #DDD;
				border-radius:10px;
				-moz-border-radius:10px;
				-webkit-border-radius:10px;
			position:relative;
		}
		.secc>section {
			margin: 0 auto 50px auto;
		}
		.section .secctitle01{
			margin: 30px auto 0 auto;
			width: 80%;
			padding-bottom:0px;
		}
		.section .secctitle01 h2 {
			font-size:30px;
			font-family: "NotoSansCJKjp-Bold";
			color: #444;
			padding-left:30px;
			padding-bottom:10px;
		}
		.section .secctitle01 p {
			width: 100%;
			font-size:16px;
			color:#555;
			line-height:30px;
			padding-bottom:0px;
			padding-left:100px;
		}
		.section .h2line  {
			margin: 20px auto 0 auto;
			width: 100%;
			height:1px;
			text-indent: -99999px;	/* テキスト非表示 */
			background:linear-gradient(90deg,#BDC3C7 0%,#BDC3C7 97%,#0B308E 97%,#0B308E 100%);	/* ★ */
		}
		.section h3 {
			display:block;
			margin: 30px auto 30px auto;
			width: 80%;
			font-size:22px;
			font-weight:normal;
			font-family: "NotoSansCJKjp-Medium";
			color:#FFF;
			padding-left:30px;
			padding-top:13px;
			padding-bottom:15px;
			background-color:#172A88;		/* deep blue */
		}
		.section h4 {
			margin: 30px auto 20px auto;
			width: 70%;
			font-size:16px;
			font-weight:normal;
			font-family: "NotoSansCJKjp-Medium";
			color:#FFF;
			padding:10px;
			padding-left:5%;
			background-color:#519D9E;		/* WA-green */
		}
		.secc dl.casestitem {
			margin: 0 auto 0 22%;
			width: 70%;
			padding-bottom:20px;
		}
		.secc dl.casestitem dt {
			float:left;
			margin: 0 auto 0 auto;
			width: 25%;
			font-size:16px;
			font-weight:normal;
			font-family: "NotoSansCJKjp-Medium";
			padding-left:0px;
		}
		.secc dl.casestitem dd {
			float:left;
			margin: 0 auto 0 auto;
			width: 75%;
			font-size:16px;
			font-family: "NotoSansCJKjp-Regular";
			padding-left:0px;
		}
		.secc dl.casestitem dd:nth-child(n + 3) {
/*			padding-left:25%;*/
			padding-top:15px;
		}
		.secc dl.casestitem dd a {
			padding-left:20px;
		}
		.secc dl.dpnone dt {
			display:block;
		}
		.secc dl.dpnone dd {
			margin-top:0px;
		}
		.secc ul.casestitem {
			margin: 0 auto 0 22%;
			width: 70%;
			padding-bottom:0px;
		}
		.secc ul.casestitem li {
			margin: 0 auto 0 auto;
			width: 100%;
			font-size:16px;
			line-height:2.0em;
			font-family: "NotoSansCJKjp-Regular";
	 		padding-left:1em;
		 	text-indent:-1em;	/* 2行目以降1字下げ */
		}
		.secc .comment {
			margin: 20px auto 0 auto;
			width: 70%;
			font-size:16px;
			font-family: "NotoSansCJKjp-Regular";
			padding-left:0;
		}
		.secc .txt01 {
			margin: 0 auto 0 auto;
			width: 70%;
			font-size:15px;
			line-height:1.7em;
			font-family: "NotoSansCJKjp-Regular";
			padding-left:5%;
		}
		.secc .aclall {	/* 実績一覧 button */
			display: block;
			margin: 0 auto 0 auto;
			padding-top:30px;
			padding-bottom:30px;
			position:relative;
		}
		.secc .aclall a {
			display: block;
			position:absolute;
			top:30px;
			left:0;
			right:0;
			margin:auto;
			width:250px;
			font-size:14px;
			font-family: "NotoSansCJKjp-Medium";
			line-height:1.5em;
			color: #FFF;
			background	: url("../images/icon/btn-sym03.png") no-repeat;
			background-size:8px 8px;
			background-position: 15px  16px;
		}
		.secc .aclall a:hover {
			background	: url("../images/icon/btn-sym03.png") no-repeat;
			background-size:8px 8px;
			background-position: 170px 16px; 
		}
		.secc .contact {	/* お問い合わせ button */
			display: block;
			margin: 0 auto 0 auto;
			padding-top:30px;
			padding-bottom:30px;
			position:relative;
		}
		.secc .contact a {
			display: block;
			position:absolute;
			top:30px;
			left:0;
			right:0;
			margin:auto;
			width:250px;
			font-size:14px;
			font-family: "NotoSansCJKjp-Medium";
			line-height:1.5em;
			color: #FFF;
			background	: url("../images/icon/btn-sym04.png") no-repeat;
			background-size:8px 8px;
			background-position: 15px  16px;
		}
		.secc .contact a:hover {
			background	: url("../images/icon/btn-sym01.png") no-repeat;
			background-size:8px 8px;
			background-position: 170px 16px; 
		}
		#section03 .secc {
			padding-bottom:10px;
		}
	}

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

		.section {
			margin: 0 auto 0 auto;
			background:linear-gradient(90deg,white 0%,white 5%,#F5F5F5 5%,#F5F5F5 40%,white 40%,white 100%);	/* ★ */
		}
		#section01 {
			margin: 10px auto 0 auto;
		}
		.secc {
			margin: 30px auto 10px auto;
			width: 80%;
		}
		.section .secctitle01{
			margin: 20px auto 0 auto;
		}
		.section .secctitle01 h2 {
			font-size:22px;
			padding-bottom:5px;
		}
		.section h3 {
			font-size:17px;
			padding-top:9px;
			padding-bottom:12px;
		}
		.secc dl.casestitem dt {
			font-size:14px;
		}
		.secc dl.casestitem dd {
			font-size:13px;
		}
		.secc ul.casestitem li {
			margin: 0 auto 0 auto;
			width: 100%;
			font-size:14px;
		}
		.secc .comment {
			font-size:13px;
		}
	}

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

		.section {
			margin: 60px 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%);	/* ★ */
		}
		.section .secctitle01 {
			margin: 0 auto 0 auto;
			width: 90%;
		}
		.section .secctitle01 h2 {
			font-size:15px;
			font-weight:bold;
			font-family: "NotoSansCJKjp-Bold";
			color: #519D9E;		/* WA-green */
			padding-top:40px;
			padding-bottom:10px;
			padding-left:15px;
		}
		.secc {
			margin: 0 auto 0 auto;
			width: 100%;
			padding-bottom:0px;
			position:relative;
		}
		.secc .seccsym01 {
			display:none;
		}
		.section .secctitle01 {
			width: 80%;
		}
		.section .secctitle01 h2 {
			font-size:20px;
			padding-top:30px;
			padding-left:30px;
		}
		.section .secctitle01 p {
			width: 80%;
			padding-left:30px;
			padding-bottom:0px;
		}
		.section h3 {
			display:block;
			margin: 10px auto 0 12.5%;
			width: 80%;
			font-size:13px;
			font-weight:bold;
			font-family: "NotoSansCJKjp-Bold";
			color:#FFF;
			padding-left:20px;
			padding-top:10px;
			padding-bottom:8px;
			background-color:#519D9E;		/* WA-green */
		}
	}