/*----------------------------------------------------------------------------*/
/* Fracti 合同会社		TOP Key Visual							  CSS    */
/*----------------------------------------------------------------------------*/

	/* ☆ KeyVisual Image Area --------------*/
	#fview {	
		display:block;
		margin: 0  auto 0 auto;
		width: 100%;
		padding-bottom:30px;
		background-color: #F5F5F5;
		border-bottom:none;
		border:none;
		padding-top:60px;
	}
	.viewer{
		margin: 0  auto 0 auto;
	}
	#viewerSP{
		display:block;
		margin: 0  auto 0 auto;
		background-color:#FFF;
		border:none;
	}
	#viewerPC {
		display:none;
	}

	/* ☆ KeyVisual Image Block ------------*/

	.viewer #guide01 li {		/* ■ PC  -----------------*/
		display:block;
		margin: 0  auto 0 auto;
		width:100%;
		height:650px;
		position:relative;
	}
	.viewer dl,dt,dd {
		display:block;
	}

	.viewer #guide01 li.fview01 {		/* ■ PC FView #01 */
		margin: 0  auto 0 auto;
		width:100vw;
		width:100%;
		height:650px;
		background:linear-gradient(rgba(27, 74, 112, 0.2), rgba(27, 74, 112, 0.2)),
		url("../images/fview/fv01.jpg") no-repeat;	/* 透過色を重ねる */
		background-size: cover;
		background-position: center top 0; 
	}
	.viewer #guide01  li.fview01 .vox01 {		/* PC VOX01 ◆  */
		position:absolute;
		top:27%;
		top:35%;
		left: 7%;
		width:90%;
		height: 450px;
	}
	.viewer #guide01 li.fview01 .box03 {		/* ScroollDown BOX */
		display:block;
		position:absolute;
		top:87%;
		left:85%;
		width:150px;
		height: 70px;
		z-index:99;
		position:relative;
	}

	.viewer #guide01 li.fview02 {		/* ■ PC FView #02 */
		margin: 0  auto 0 auto;
		width:100vw;
		width:100%;
		height:650px;
		background:linear-gradient(rgba(27, 74, 112, 0.2), rgba(27, 74, 112, 0.2)),
		url("../images/fview/fv02.jpg") no-repeat;
		background-size: cover;
		background-position: center top 0; 
	}
	.viewer #guide01  li.fview02 .vox01 {		/* PC VOX01 ◆  */
		position:absolute;
		top:35%;
		left: 7%;
		width:90%;
		height: 450px;
	}
	.viewer #guide01 li.fview02 .box03 {	/* ScroollDown BOX */
		display:block;
		position:absolute;
		top:87%;
		left:85%;
		width:150px;
		height: 70px;
		z-index:99;
		position:relative;
	}
	.viewer #guide01 li.fview03 {		/* ■ PC FView #03 */
		margin: 0  auto 0 auto;
		width:100vw;
		width:100%;
		height:650px;
		background	: url("../images/fview/fv03.jpg") no-repeat;
		background-size: cover;
		background-position: center top 0; 
	}
	.viewer #guide01  li.fview03 .vox01 {		/* PC VOX01 ◆  */
		position:absolute;
		top:35%;
		left: 7%;
		width:90%;
		height: 450px;
	}
	.viewer #guide01 li.fview03 .box03 {	/* ScroollDown BOX */
		display:block;
		position:absolute;
		top:87%;
		left:85%;
		width:150px;
		height: 70px;
		z-index:99;
		position:relative;
	}
	.viewer #guide01 li.fview04 {		/* ■ PC FView #04 */
		margin: 0  auto 0 auto;
		width:100vw;
		width:100%;
		height:650px;
		background	: url("../images/fview/fv04.jpg") no-repeat;
		background-size: cover;
		background-position: center top 0; 
/*		background:linear-gradient(rgba(27, 74, 112, 0.5), rgba(27, 74, 112, 0.5)),	
		url("../images/fview/fv04.jpg") no-repeat;
		background-size: cover;
		background-position: center top 0; */
	}
	.viewer #guide01  li.fview04 .vox01 {		/* PC VOX01 ◆  */
		position:absolute;
		top:35%;
		left: 7%;
		width:90%;
		height: 450px;
	}
	.viewer #guide01 li.fview04 .box03 {	/* ScroollDown BOX */
		display:block;
		position:absolute;
		top:87%;
		left:85%;
		width:150px;
		height: 70px;
		z-index:99;
		position:relative;
	}
	.viewer #guide01 li.fview05 {		/* ■ PC FView #05 */
		margin: 0  auto 0 auto;
		width:100vw;
		width:100%;
		height:650px;
		background:linear-gradient(rgba(27, 74, 112, 0.15), rgba(27, 74, 112, 0.15)),
		url("../images/fview/fv05.jpg") no-repeat;	/* 透過色を重ねる */
		background-size:cover;
		background-position: center top 0; 
	}
	.viewer #guide01  li.fview05 .vox01 {		/* PC VOX01 ◆  */
		position:absolute;
		top:35%;
		left: 7%;
		width:90%;
		height: 450px;
	}
	.viewer #guide01 li.fview05 .box03 {		/* ScroollDown BOX */
		display:block;
		position:absolute;
		top:87%;
		left:85%;
		width:150px;
		height: 70px;
		z-index:99;
		position:relative;
	}
	.viewer #guide01 .vox01 {		/* PC VOX01 ◆  */
		position:absolute;
		top:20%;
		left: 25%;
		width:70%;
		height: 300px;
		text-align:center;
		z-index:3;
		position:relative;
	}
	.viewer #guide01 .vox01 dt {		/* PC VOX01 ◆  */
		display: block;
		position:absolute;
		top:23%;
		left:45%;
		width:457px;
		height: 116px;
		text-indent: -99999px;	/* テキスト非表示 */
		background	: url("../images/fview/fv01txt01.png") no-repeat;
		background-size:457px 116px;
		background-position:top 0 center;
	}
	.viewer #guide01 .vox01 .txt01 {
		margin: 0 auto 0 auto;
		width:90%;
		font-size:54px;
		font-size:50px;
		letter-spacing :2px;
		line-height:1.6em;
		text-align:left;
		font-family: "NotoSansCJKjp-Bold";
		color: #FFF;
		padding-left:30%;
		padding-left:0;
	}
	.viewer #guide01 .vox01 .txt02 {
		margin: 0 auto 0 auto;
		width:90%;
		font-size:38px;
		letter-spacing :2px;
		line-height:1.7em;
		text-align:left;
		font-family: "NotoSansCJKjp-Bold";
		color: #FFF;
		padding-left:36%;
	}
	.viewer #guide01 .vox01 .txt03 {
		margin: 0 auto 0 auto;
		width:90%;
		font-size:30px;
		letter-spacing :2px;
		line-height:1.7em;
		text-align:left;
		font-family: "NotoSansCJKjp-Bold";
		color: #FFF;
		padding-left:36%;
	}
	.viewer #guide01 .vox01 .txt04 {
		display: block;
		position:absolute;
		top:100%;
		top:80%;
		left:36%;
		width : 642px;
		height: 31px;
		text-indent: -99999px;	/* テキスト非表示 */
		border	: 0px;
		background	: url("../images/fview/fv01txt02.png") no-repeat;
		background-size:546px 27px;
		background-position:top 0 center;
	}
	 .viewer #guide01 .vox01 .fv-hline01  {	/* FV H-line */
		display:block;
		position:absolute;
		top:48%;
		top:25%;
		left:5%;
		width:75%;
		height: 5px;
		padding-top:0; 
		border-top:1px solid #FFF;
		transform: scaleX(0);		/* 縦 borderline 伸縮 animation　★ */
		transform: scaleX(1);		/* 縦 borderline 伸縮 animation　★ 停止 */
		transform-origin:left;
/*	 	animation : extend-x 2.8s linear 0.0s infinite normal none running;	*/
	 	animation : extend-x 2.8s linear 0.0s ;
	}
	 .viewer #guide01 .vox01 .fv-hline02  {	/* FV H-line */
		display:block;
		position:absolute;
		top:180px;
		left:5%;
		width:36%;
		height: 5px;
		padding-top:0; 
		border-top:1px solid #3CB400;		/* sec-green01 */
		transform: scaleX(0);		/* 縦 borderline 伸縮 animation　★ */
		transform: scaleX(1);		/* 縦 borderline 伸縮 animation　★ 停止 */
		transform-origin:left;
	 	animation : extend-x 2.8s linear 0.0s ;
	}
	 .viewer #guide01 .vox01 .fv-hline03  {	/* FV H-line */
		display:block;
		position:absolute;
		top:180px;
		left:5%;
		width:36%;
		height: 5px;
		padding-top:0; 
		border-top:1px solid #FFD62C;		/* Fracti-orange04 */
		transform: scaleX(0);		/* 縦 borderline 伸縮 animation　★ */
		transform: scaleX(1);		/* 縦 borderline 伸縮 animation　★ 停止 */
		transform-origin:left;
	 	animation : extend-x 2.8s linear 0.0s ;
	}
	 .viewer #guide01 .vox01 .fv-hline04  {	/* FV H-line */
		display:block;
		position:absolute;
		top:38%;
		left:5%;
		width:42%;
		height: 5px;
		padding-top:0; 
		border-top:1px solid #FFF;
		transform: scaleX(0);		/* 縦 borderline 伸縮 animation　★ */
		transform: scaleX(1);		/* 縦 borderline 伸縮 animation　★ 停止 */
		transform-origin:left;
	 	animation : extend-x 2.8s linear 0.0s ;
	}
	@keyframes extend-x{
		0%{
			transform: scaleX(0);
		}
		 100%{
			  transform: scaleX(1);
		 }
	}

	.viewer #guide01 li .box03 .scrolldown01 a {		/* ScroolDown */
		display:block;
		position:absolute;
		bottom:0px;
		right:50px;
		width:130px;
		height: 60px;
		color: #444; 
		font-size:13px;
		text-align:center;
		padding-top:0px; 
		border-right:1px solid #444;
		z-index:99;
		transform: scaleY(0);			/* 縦 borderline 伸縮 animation　★ */
		transform-origin: top;
	 	animation : extend-y 0.8s linear 0.0s infinite alternate none running;
	 	animation : extend-y 1.5s linear 0.0s infinite normal none running;
	}
	.viewer #guide01 li .box03 .scrolldown02 a {		/* ScroolDown */
		display:block;
		position:absolute;
		bottom:0px;
		right:50px;
		width:130px;
		height: 60px;
		color: #FFF; 
		font-size:13px;
		text-align:center;
		padding-top:0px; 
		border-right:1px solid #FFF;
		z-index:99;
		transform: scaleY(0);			/* 縦 borderline 伸縮 animation　★ */
		transform-origin: top;
	 	animation : extend-y 0.8s linear 0.0s infinite alternate none running;
	 	animation : extend-y 1.5s linear 0.0s infinite normal none running;
	}
	@keyframes extend-y{
		0%{
			transform: scaleY(0);
		}
		 100%{
			  transform: scaleY(1);
		 }
	}
	.viewer #guide01 li .box03 .sdtxt01 {
		position:absolute;
		top:10px;
		right:40px;
		width:100%;
		color: #444;
		font-size:13px;
		text-align:center;
		padding-top:0px; 
	}
	.viewer #guide01 li .box03 .sdtxt02 {
		position:absolute;
		top:10px;
		right:40px;
		width:100%;
		color: #FFF;
		font-size:13px;
		text-align:center;
		padding-top:0px; 
	}
	.viewer #guide01 li .box03 .sdtxt01 a {
		color:#fff;
	}
	.viewer #guide01 li .box03 .sdtxt02 a {
		color:#fff;
	}
	.viewer #guide01 li .box01 dd.fv-hline01  {	/* FV H-line */
		display:block;
		margin: 30px  auto 0 auto;
		width:90%;
		height: 15px;
		height: 5px;
		padding-top:0; 
		border-top:5px solid #E67E22;	/* akf orange02  */
		transform: scaleX(1);				/* 縦 borderline 伸縮 animation　★ */
		transform-origin:left;
	 	animation : extend-x 1.8s linear 0.0s infinite normal none running;
	 	animation : extend-x 1.8s linear 0.0s ;
	}
	@keyframes extend-x{
		0%{
			transform: scaleX(0);
		}
		 100%{
			  transform: scaleX(1);
		 }
	}
	.viewer #guide01 li .box01 dd.fv-hline02  {	/* FV H-line */
		display:block;
		margin: 30px  auto 0 auto;
		width:90%;
		height: 15px;
		height: 5px;
		padding-top:0; 
		border-top:5px solid #FFD62C;	/* cenarra yellow01 */
		border-top:5px solid #FFD62C;		/* akf yellow01 */
		transform: scaleX(1);				/* 縦 borderline 伸縮 animation　★ */
		transform-origin:left;
	 	animation : extend-x 1.8s linear 0.0s infinite normal none running;
	 	animation : extend-x 1.8s linear 0.0s ;
	}
	@keyframes extend-x{
		0%{
			transform: scaleX(0);
		}
		 100%{
			  transform: scaleX(1);
		 }
	}
	.viewer #guide01 .txt01 .lighttxt {
		font-size:41px;
		letter-spacing :2px;
		font-family: "NotoSansCJKjp-Light";
		color: #FFF;
		opacity:0.8
	}
	.viewer #guide01 .txt01 .lighttxt02 {
		font-size:41px;
		letter-spacing :2px;
		font-family: "NotoSansCJKjp-Light";
		color: #FFF;
		opacity:1.0
	}


	.viewer #guide02 li {		/* ■ SP  ----------------------------*/
		display:block;
		margin: 0 auto 0 auto;
		width:100%;
		height:400px;
		background-color:#FF0000;
		position:relative;
	}
	.viewer #guide02 li.fview01 {		/* ■ SP FView #01 */
		margin: 0  auto 0 auto;
		width:100%;
		height:435px;
		background:linear-gradient(rgba(27, 74, 112, 0.2), rgba(27, 74, 112, 0.2)),
		url("../images/fview/fv01_sp.jpg") no-repeat;
		background-size:cover;
		background-position: center top 0; 
		position:relative;
	}
	.viewer #guide02 li.fview02 {		/* ■ SP FView #02 */
		margin: 0  auto 0 auto;
		width:100%;
		height:435px;
		background:linear-gradient(rgba(27, 74, 112, 0.2), rgba(27, 74, 112, 0.2)),
		url("../images/fview/fv02_sp.jpg") no-repeat;
		background-size:cover;
		background-position: center top 0; 
	}

	.viewer #guide02 li.fview03 {		/* ■ SP FView #03 */
		margin: 0  auto 0 auto;
		width:100%;
		height:435px;
		background:linear-gradient(rgba(27, 74, 112, 0.2), rgba(27, 74, 112, 0.2)),
		url("../images/fview/fv03_sp.jpg") no-repeat;
		background-size:cover;
		background-position: center top 0; 
	}

	.viewer #guide02 li.fview04 {		/* ■ SP FView #04 */
		margin: 0  auto 0 auto;
		width:100%;
		height:435px;
		background:linear-gradient(rgba(27, 74, 112, 0.2), rgba(27, 74, 112, 0.2)),
		url("../images/fview/fv04_sp.jpg") no-repeat;
		background-size:contain;
		background-position: center top 0; 
	}

	.viewer #guide02 .vox01 .txt01 {
		margin: 30% auto 0 7.5%;
		width:90%;
		font-size:15px;
		line-height:2.0em;
		text-align:left;
		font-weight:bold;
		color: #FFF;
		padding-bottom:0;
	}
	.viewer #guide02 .vox01 .txt02 {
		margin: 30% auto 0 10%;
		width:90%;
		font-size:14px;
		line-height:2.0em;
		text-align:left;
		font-weight:bold;
		color: #FFF;
		padding-bottom:0;
	}
	.viewer #guide02 .vox01 .txt03 {
		margin: 20% auto 0 auto;
		width:90%;
		font-size:14px;
		line-height:1.8em;
		text-align:left;
		font-weight:bold;
		color: #FFF;
		padding-left:10%;
		padding-bottom:0;
	}

	.viewer #guide02 dl,dt,dd {
		display:block;
	}
	.viewer #guide02 dl.vox01 {			/* SP VOX◆  */
		position:fixed;
		top:5%;
		left: 40%;
		width:60%;
		height: 300px;
		text-align:center;
		z-index:8;
		position:relative;
	}
	.viewer #guide02 dl.vox01 dt {
		display: block;
		position:absolute;
		top:25%;
		left:0;
		width:183px;
		height: 46px;
		text-indent: -99999px;	/* テキスト非表示 */
		background	: url("../images/fview/fv01txt01.png") no-repeat;
		background-size:456px 166px;
		background-size:183px 46px;			/* 40% */
		background-position:top 0 center;
	}
	.viewer #guide02 dl.vox02 {			/* SP VOX◆  */
		position:fixed;
		top:55%;
		left: 10%;
		width:60%;
		height: 300px;
		text-align:center;
		z-index:8;
		position:relative;
	}
	.viewer #guide02 dl.vox02 dt {
		display: block;
		position:absolute;
		top:25%;
		left:0;
		width:183px;
		height: 46px;
		text-indent: -99999px;	/* テキスト非表示 */
		background	: url("../images/fview/fv01txt01.png") no-repeat;
		background-size:456px 166px;
		background-size:183px 46px;			/* 40% */
		background-position:top 0 center;
	}
	.viewer #guide02 dl.vox01 .txt01 {
		display: block;
		position:absolute;
		top:15%;
		left:0;
		width : 273px;
		height: 14px;
		text-indent: -99999px;	/* テキスト非表示 */
		border	: 0px;
		background	: url("../images/fview/fv01txt02.png") no-repeat;
		background-size:546px 27px;
		background-size:273px 13.5px;	/* 50% */
		background-position:top 0 center;
	}
	.viewer #guide02 .vox01 .fv-hline01  {	/* FV H-line */
		display:block;
		position:absolute;
		top:36%;
		left:5%;
		width:70%;
		width:90%;
		height: 5px;
		padding-top:0; 
		border-top:1px solid #FFF;
		transform: scaleX(1);		/* 縦 borderline 伸縮 animation　★ */
		transform-origin:left;
	 	animation : extend-x 1.5s linear 0.0s ;
	}
	.viewer #guide02 .vox01 .fv-hline02  {	/* FV H-line */
		display:block;
		position:absolute;
		top:42%;
		left:10%;
		width:80%;
		height: 5px;
		padding-top:0; 
		border-top:1px solid #3CB400;		/* sec-green01 */
		transform: scaleX(1);		/* 縦 borderline 伸縮 animation　★ */
		transform-origin:left;
	 	animation : extend-x 1.5s linear 0.0s ;
	}

	.viewer #guide02 .vox01 .fv-hline03  {	/* FV H-line */
		display:block;
		position:absolute;
		top:37%;
		left:15%;
		width:60%;
		height: 5px;
		padding-top:0; 
		border-top:1px solid #3CB400;		/* sec-green01 */
		transform: scaleX(1);		/* 縦 borderline 伸縮 animation　★ */
		transform-origin:left;
	 	animation : extend-x 1.5s linear 0.0s ;
	}
	.viewer #guide02 .vox01 .fv-hline04  {	/* FV H-line */
		display:block;
		position:absolute;
		top:47%;
		left:0;
		width:80%;
		width:80%;
		height: 5px;
		padding-top:0; 
		border-top:1px solid #FFF;		/* AG-pink01 */
		transform: scaleX(1);		/* 縦 borderline 伸縮 animation　★ */
		transform-origin:left;
	 	animation : extend-x 1.5s linear 0.0s ;
	}
	.viewer #guide02 .vox02 .fv-hline05  {	/* FV H-line */
		display:block;
		position:absolute;
		top:45%;
		left:0;
		width:75%;
		height: 5px;
		padding-top:0; 
		border-top:1px solid #FFF;
		transform: scaleX(1);		/* 縦 borderline 伸縮 animation　★ */
		transform-origin:left;
	 	animation : extend-x 1.5s linear 0.0s ;
	}
	@keyframes extend-x{
		0%{
			transform: scaleX(0);
		}
		 100%{
			  transform: scaleX(1);
		 }
	}
	.viewer #guide02 .fview01 .scbox {		/* ScroollDown BOX */
		display:block;
		position:absolute;
		top:30%;
		top:48%;
		left:70%;
		width:150px;
		height: 70px;
		z-index:99;
		position:relative;
	}
	.viewer #guide02 .fview02 .scbox {		/* ScroollDown BOX */
		display:block;
		position:absolute;
		top:48%;
		left:70%;
		width:150px;
		height: 70px;
		z-index:99;
		position:relative;
	}
	.viewer #guide02 .fview03 .scbox {		/* ScroollDown BOX */
		display:block;
		position:absolute;
		top:27%;
		top:48%;
		left:70%;
		width:150px;
		height: 70px;
		z-index:99;
		position:relative;
	}
	.viewer #guide02 .fview04 .scbox {		/* ScroollDown BOX */
		display:block;
		position:absolute;
		top:48%;
		left:70%;
		width:150px;
		height: 70px;
		z-index:99;
		position:relative;
	}
	.viewer #guide02 .fview05 .scbox {		/* ScroollDown BOX */
		display:block;
		position:absolute;
		top:48%;
		left:70%;
		width:150px;
		height: 70px;
		z-index:99;
		position:relative;
	}
	.viewer #guide02 .scbox .scrolldown01 a {		/* ScroolDown */
		display:block;
		position:absolute;
		bottom:0px;
		right:50px;
		width:130px;
		height: 60px;
		color: #FFF; 
		font-size:13px;
		text-align:center;
		padding-top:0px; 
		border-right:1px solid #FFF;
		z-index:7;
		transform: scaleY(0);			/* 縦 borderline 伸縮 animation　★ */
		transform-origin: top;
	 	animation : extend-y 1.5s linear 0.0s infinite normal none running;
	}
	@keyframes extend-y{
		0%{
			transform: scaleY(0);
		}
		 100%{
			  transform: scaleY(1);
		 }
	}
	.viewer #guide02 li .scbox .sdtxt {
		position:absolute;
		top:10px;
		right:40px;
		width:100%;
		color: #FFF;
		font-size:13px;
		text-align:center;
		padding-top:0px; 
	}
	.viewer #guide02 li .scbox .sdtxt a {
		color:#fff;
	}
	.viewer #guide02 .txt01 .lighttxt {
		font-size:36px;
		letter-spacing :2px;
		font-family: "NotoSansCJKjp-Light";
		color: #FFF;
	}


	.bx-wrapper .bx-prev {
		background-image:none;
	}
	.bx-wrapper .bx-next {
		background-image:none;
	}
	#viewerSP .text01sp {
		padding-top: 3px;
		padding-bottom: 15px;
		padding-left: 5%;
		width:90%;
		text-align:left;
		font-size:12.5px;
		font-weight:bold;
		color: #27AE60;		/* F.Green */
	}

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

	}

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

		#fview {	
			display:block;
			margin: 0  auto 0 auto;
			width: 100%;
			padding-bottom:70px;
/*			background-color: #F5F5F5;*/
			background-color: transparent;
			border:none;
			padding-top:80px;
			background	: url("../images/bg/bgsym01.jpg") repeat-y;
			background-size:1600px 5px;
			position: relative;
		}
		#viewerPC {
			display:block;
			z-index:99;
		}
		#viewerSP{
			display:none;
		}
		#viewerSP guide02.bxslider {
			display:none;
		}

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

		#wrapper {
			margin-top: 0;
		}
		#viewerPC {
			display:none;
			margin: 0  auto 0 auto;
		}
		#viewerSP{
			display:block;
			margin: 0  auto 0 auto;
		}
		.viewer #guide02 li.fview01 {		/* ■ tablet FView #01 */
			margin: 0  auto 0 auto;
			width:100%;
			height:500px;
			background:linear-gradient(rgba(27, 74, 112, 0.2), rgba(27, 74, 112, 0.2)),
			url("../images/fview/fv01_tab.jpg") no-repeat;
			background-size:cover;
			background-position: center top 0; 
			position:relative;
		}
		.viewer #guide02 li.fview02 {		/* ■ tablet FView #02 */
			margin: 0  auto 0 auto;
			width:100%;
			height:500px;
			background	: url("../images/fview/fv02_tab.jpg") no-repeat;
			background-size:cover;
			background-position: center top 0; 
			position:relative;
		}
		.viewer #guide02 li.fview03 {		/* ■ tablet FView #03 */
			margin: 0  auto 0 auto;
			width:100%;
			height:500px;
			background	: url("../images/fview/fv03_tab.jpg") no-repeat;
			background-size:cover;
			background-position: center top 0; 
			position:relative;
		}
		.viewer #guide02 li.fview04 {		/* ■ tablet FView #04 */
			margin: 0  auto 0 auto;
			width:100%;
			height:500px;
			background:linear-gradient(rgba(27, 74, 112, 0.4), rgba(27, 74, 112, 0.4)),
			url("../images/fview/fv04_tab.jpg") no-repeat;
			background-size:cover;
			background-position: center top 0; 
			position:relative;
		}
		.viewer #guide02 .vox01 .txt01 {
			margin: 15% auto 0 13%;
			width:50%;
			width:80%;
			font-size:18px;
			line-height:2.0em;
			text-align:left;
			font-weight:bold;
			color: #FFF;
			padding-bottom:0;
		}
		.viewer #guide02 .vox01 .txt02 {
			margin: 15% auto 0 10%;
			width:90%;
			font-size:18px;
			line-height:2.0em;
			text-align:left;
			font-weight:bold;
			color: #FFF;
			padding-bottom:0;
		}
		.viewer #guide02 .vox01 .fv-hline01  {	/* FV H-line */
			display:block;
			position:absolute;
			top:32%;
			width:37.5%;
		}
		.viewer #guide02 .vox01 .fv-hline02  {	/* FV H-line */
			display:block;
			position:absolute;
			top:39%;
			width:45%;
		}
		.viewer #guide02 .fview01 .scbox {		/* ScroollDown BOX */
			position:absolute;
			top:87%;
			left:83%;
		}
		.viewer #guide02 .fview02 .scbox {		/* ScroollDown BOX */
			position:absolute;
			top:87%;
			left:83%;
		}
		.viewer #guide02 .fview03 .scbox {		/* ScroollDown BOX */
			position:absolute;
			top:87%;
			left:83%;
		}
		.viewer #guide02 .fview04 .scbox {		/* ScroollDown BOX */
			position:absolute;
			top:87%;
			left:83%;
		}


	}

	.bx-wrapper .bx-prev {	/* < FV削除 */
		display:none;
	}
	.bx-wrapper .bx-next {	/* > FV削除 */
		display:none;
	}
	.bx-wrapper .bx-pager {	/* pager 〇● */
		position: absolute;
		bottom: -50px;
	}

	.cat .prev {
		display:none;
	}
	.cat  .next {
		display:none;
	}
	.slick-arrow {
	    display: none;
	}