@charset "UTF-8";

#mold04_visual .mold04_visual{
	position: relative;
}
/*slide*/
#mold04_visual .mold04_visual .bx-wrapper {
	margin: 0 auto;
	position: relative;
}
#mold04_visual .mold04_visual .bx-wrapper .bx-viewport ul li{
	overflow: hidden;
	margin: 0 !important;
}
#mold04_visual .mold04_visual .bx-wrapper .bx-viewport ul li ._inner{
	display: block; position: relative; height: 915px;
}
#mold04_visual .mold04_visual .bx-wrapper .bx-viewport ul li ._inner img{
	display: block;
	width: 100%; height: auto;
	min-width: 1920px; min-height: 915px;
    transform: translateX(-50%);
    position: absolute;
    top: 0;
    left: 50%;
}
#mold04_visual .bx-wrapper .bx-viewport ul li ._inner .patternWrap {
	position: absolute; bottom: 0; left: 0;
	width: 100%; height: 100%;
	z-index: 1;
}
#mold04_visual .bx-wrapper .bx-viewport ul li ._inner .patternWrap .pattern {
	max-width: 1520px; width: 100%; margin: 0 auto;
	width: 100%; height: 117%;
	background: url('../images/visual_bg.png') left bottom no-repeat;
	z-index: 1;
}
/*controls*/
#mold04_visual .mold04_visual .bx-wrapper .bx-controls{
	text-align: center; width: auto;
	position: absolute; top: 510px; left: 50%; transform: translateX(-50%);
	z-index: 2
}
#mold04_visual .mold04_visual .bx-wrapper .bx-controls .bx-pager{
	display: inline-block; vertical-align: top;
    z-index: 999;
}
#mold04_visual .mold04_visual .bx-wrapper .bx-controls .bx-controls-auto{
	float: left;
	display: inline-block;
	vertical-align: middle;
}
#mold04_visual .mold04_visual .bx-wrapper .bx-controls .bx-pager .bx-pager-item,
#mold04_visual .mold04_visual .bx-wrapper .bx-controls .bx-pager .bx-pager-item a,
#mold04_visual .mold04_visual .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item,
#mold04_visual .mold04_visual .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item a{
	display: inline-block; vertical-align: middle;
}
/*pager*/
#mold04_visual .mold04_visual .bx-wrapper .bx-controls .bx-pager .bx-pager-item a{
	width: 50px;
	height: 1px;
	overflow: hidden;
	background-color: #fff;
	margin: 1px 0 0;
	text-indent: -5000px;
	opacity: 0.6;
}
#mold04_visual .mold04_visual .bx-wrapper .bx-controls .bx-pager .bx-pager-item a.active{
	opacity: 1;
	height: 3px;
	margin-top: 0;
}

/*controls auto*/
#mold04_visual .mold04_visual .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item .active{
	display: none;
}
#mold04_visual .mold04_visual .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item .bx-start,
#mold04_visual .mold04_visual .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item .bx-stop{
	width: 22px;
	height: 22px;
	overflow: hidden;
	background: url('../images/visual_btn.png') left top no-repeat;
	margin: -1px 10px 0 0;
}
#mold04_visual .mold04_visual .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item .bx-start{
	background-position: right top;
}
#mold04_visual .mold04_visual .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item .bx-stop{

}

/*background-image*/
#mold04_visual .mold04_visual .bx-wrapper .bx-controls .bx-controls-direction .bx-prev,
#mold04_visual .mold04_visual .bx-wrapper .bx-controls .bx-controls-direction .bx-next,
#mold04_visual .mold04_visual .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item .bx-start,
#mold04_visual .mold04_visual .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item .bx-stop{
	text-indent: -5000px;
}

@media all and (max-width: 1400px) {
	
}

body.Tablet #mold04_visual .mold04_visual .bx-wrapper .bx-viewport ul li ._inner img,
body.Mobile #mold04_visual .mold04_visual .bx-wrapper .bx-viewport ul li ._inner img {
	width: auto; height: 100%;
	min-width: 100%; min-height: auto;
}
body.Tablet #mold04_visual .mold04_visual .bx-wrapper .bx-viewport ul li ._inner {height: 870px;}
body.Mobile #mold04_visual .mold04_visual .bx-wrapper .bx-viewport ul li ._inner {height: 580px;}

body.Tablet #mold04_visual .mold04_visual .bx-wrapper .bx-controls {top: 390px;}
body.Mobile #mold04_visual .mold04_visual .bx-wrapper .bx-controls {top: 360px;}


@media all and (max-width: 460px) {
#mold04_visual .bx-wrapper .bx-viewport ul li ._inner .patternWrap .pattern {
	max-width: 1520px; width: 100%; margin: 0 auto;
	width: 100%; height: 100%;
	background: url('../images/visual_bg1.png') left bottom no-repeat;
	z-index: 1;
}