/*----------------------------------------------------------------------------*/
/* 	株式会社 HISAYA VISION page								  CSS    */
/*----------------------------------------------------------------------------*/
/* ■ MainConents #section01  ビジョン */

	#section01 {
		margin: 20px auto 0 auto;
		width: 100%;
		padding-bottom:20px;
		background:linear-gradient(90deg,#F5F5F5 0%,#F5F5F5 40%,white 40%,white 100%);	/* ★ */
	}
	#section01 h1,h2,h3,h4,h5,h6{
		font-size:100%;
		font-weight:normal;
	}
	#sec01 {
		margin: 0 auto 0 auto;
		width: 100%;
	}
	#section01 h2 {
		display:block;
		margin: 15px auto 0 auto;
		width: 100%;
		font-weight:bold;
		font-size:15px;
		font-family: "NotoSansCJKjp-Bold";
		color: #131D3E;		/* HISAYA-blue01 */
		padding-left:30px;
	}
	#sec01 .h2line  {
		margin: 10px auto 10px auto;
		width: 90%;
		height:1px;
		text-indent: -99999px;	/* テキスト非表示 */
		background:linear-gradient(90deg,#BDC3C7 0%,#BDC3C7 95%,#E60021 95%,#E60021 100%);	/* ★ AF-red */
	}
	#outline {		/* □ 固定ヘッダ アンカー位置差分変更 */
		margin-top:-60px;
		padding-top:60px;
	}
	#sec01 #sec01sym01 {
		display:none;
	}
	#section01 #sec01title01 {
		margin: 0 auto 0 auto;
		width: 90%;
	}
	#sec01 #sec01cont {
		margin: 5px auto 0 5%;
		width: 90%;
		padding-bottom:10px;
		box-sizing: border-box;
		display: inline-block;
		background-color:rgba( 255,255,255,0.95 ); 	/*  White  透過95% */
		position: relative;
		border: solid 1px #DDD;
	}
	#sec01 .cont01 {
		margin: 10px auto 0 auto;
		width: 90%;
		padding:10px;
		font-size:12px;
		line-height:1.7em;
		color:#333;
	}
	#sec01 #sec01cont .cont01 #sec01img {
		float:right;
		margin: 0 auto 0 auto;
	}
	#sec01 #sec01cont .cont01 #sec01img img {
		display:block;
		margin: 0 auto 10px 10px;
		zoom:0.6;
	}
	#sec01 .cont01 dl,dt,dd {
		display:block;
	}

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

	}

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

		header {
			position: fixed;
		}
		#sviewerPC .box01 h2 {
			font-size:20px;
			text-align:left;
			line-height:1.0em;
			letter-spacing:1px;
			font-family: "NotoSerifCJKjp-Medium";
			color:#555;
		}
		#section01 {
			margin: 0 auto 0 auto;
			width: 100%;
			padding-bottom:0px;
			background-image:
				url("../images/bg/brline01.svg"),
				url("../images/bg/brline02.svg");
			background-size:
				:contain,
				:contain;
			background-position:
				center top 40%,
				center top 48%;
			background-repeat:
				no-repeat,
				no-repeat;
		}
		#sec01 {
			margin: 50px auto 0 12%;
			margin: 0 auto 0 auto;
			width: 80%;
			width: 100%;
			padding-bottom:20px;
			background:linear-gradient(90deg,transparent 0%,transparent 10%,#131D3E 10%,#131D3E 40%,transparent 40%,transparent 100%);	/* ★ */
			position:relative;
		}
		#section01 h2 {
			display:block;
			margin: 0 auto 0 auto;
			width: 80%;
			font-weight:normal;
			font-size:34px;
			font-family: "NotoSansCJKjp-Bold";
			letter-spacing:10px;
			color: #FFF;
			padding-top:30px;
			padding-left:10%;
		}
		#sec01 .h2line  {
			margin: 30px auto 0px 17.5%;
			width: 67%;
			height:1px;
			text-indent: -99999px;	/* テキスト非表示 */
			background:linear-gradient(90deg,#BDC3C7 0%,#BDC3C7 98%,#E60021 98%,#E60021 100%);	/* ★AF-red  */
		}
		#outline {		/* □ 固定ヘッダ アンカー位置差分変更 */
			margin-top:-90px;
			padding-top:90px;
		}
		#sec01 #sec01sym01 {
			display:block;
			position: absolute;
			top: -30px;
			right:7%;
		}
		#sec01 #sec01cont {
			margin: 30px auto 30px 15%;
			width: 70%;
			padding-bottom:0;
			box-sizing: border-box;
			display: inline-block;
			background-color:rgba( 255,255,255,0.99 ); 	/*  White  透過99% */
			position: relative;
		}
		#sec01 .cont01 {
			margin: 30px auto 30px 5%;
			width: 90%;
			box-sizing: border-box;
			display: inline-block;
			padding:30px;
			font-size:15px;
			line-height:1.8em;
			font-family: "NotoSansCJKjp-Regular";
			color:#333;
		}
		#sec01 #sec01cont .cont01 #sec01img{
			float:right;
		}
		#sec01 #sec01cont .cont01 #sec01img img {
			display:block;
			margin: 0 auto 0 30px;
			zoom:1.0;
		}


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

		#sec01 #sec01cont #sec01img img {
			zoom:0.5;
		}
	}

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

		#section01 {
			margin: -80px auto 0 auto;
			width: 100%;
			padding-bottom:0px;
			background:linear-gradient(90deg,#F5F5F5 0%,#F5F5F5 40%,white 40%,white 100%);	/* ★ */
		}
		#sec01 {
			margin: 0 auto 0 auto;
			width: 100%;
			padding-bottom:0px;
			position:relative;
		}
		#sec01 #sec01sym01 {
			display:block;
			position: absolute;
			top: -20px;
			right: 5px;
			z-index:9;
		}
		#sec01 #sec01sym01 {
			display:block;
			position: absolute;
			top: 30px;
			right:5%;
		}
		#sec01 #sec01sym01 img {
			zoom:0.7;
		}
		#section01 h2 {
			display:block;
			margin: 20px auto 0 auto;
			width: 85%;
			font-size:18px;
			font-weight:bold;
			padding-top:30px;
			padding-left:20px;
		}
		#sec01 .h2line  {
			margin: 10px auto 10px auto;
			width: 85%;
			height:1px;
			text-indent: -99999px;	/* テキスト非表示 */
		}
		#section01 #sec01title01{
			margin: 0px auto 0 auto;
			width: 100%;
			height: 130px;
		}
		#section01 #sec01title01 h3 {
			font-size:22px;
			font-family: "NotoSansCJKjp-Bold";
			color:#555;
			padding-top:20px;
			padding-left:80px;
		}
		#section01 #sec01title01 h3 .h3ex {
			font-size:22px;
			padding-right:5px;
		}
		#section01 #sec01title01 p {
			width: 88%;
			font-size:16px;
			font-family: "NotoSansCJKjp-Medium";
			color:#555;
			line-height:30px;
			padding-top:20px;
			padding-left:140px;
		}
		#sec01 #sec01cont {
			margin: 10px auto 30px 7.5%;
			width: 85%;
			padding-bottom:30px;
			box-sizing: border-box;
			display: inline-block;
			position: relative;
		}
		#sec01 .cont01 {
			margin:40px auto 0 5%;
			width: 90%;
			padding-bottom:0px;
		}

	}