@charset "UTF-8";

#mold01_visual {
	position: relative;
}
/*slide*/
#mold01_visual .bx-wrapper {
	margin: 0 auto;
	position: relative;
}
#mold01_visual .bx-wrapper .bx-viewport ul li{
	overflow: hidden;
	margin: 0 !important;
}
#mold01_visual .bx-wrapper .bx-viewport ul li ._inner{
	display: block; position: relative; height: 608px;
}
#mold01_visual .bx-wrapper .bx-viewport ul li ._inner img{
	display: block;
	width: 100%; height: auto;
	min-width: 1820px; min-height: 608px;
    transform: translateX(-50%);
    position: absolute;
    top: 0;
    left: 50%;
}
#mold01_visual .bx-wrapper .bx-viewport ul li ._inner .pattern {
	position: absolute; top: 0; left: 0;
	width: 100%; height: 100%; background: url('../images/visual_bg.png') left top no-repeat;
	z-index: 1;
}

/*direction*/
#mold01_visual .bx-wrapper .bx-controls {
	text-align: center; width: 240px;
	position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);
	background-color: rgba(0,0,0,0.5);
	padding: 8px 25px 13px; box-sizing: border-box;
	z-index: 2;
}
#mold01_visual .bx-wrapper .bx-controls .bx-controls-direction {height: 10px; margin: 3px 0;}
#mold01_visual .bx-wrapper .bx-controls .bx-controls-direction .bx-prev,
#mold01_visual .bx-wrapper .bx-controls .bx-controls-direction .bx-next{
	display: inline-block; width: 70px; height: 7px; text-indent: -5000px;
	background: url('../images/visual_arrow.png') left top no-repeat;
}

#mold01_visual .bx-wrapper .bx-controls .bx-controls-direction .bx-prev{
	margin-right: 25px;
}
#mold01_visual .bx-wrapper .bx-controls .bx-controls-direction .bx-next{
	margin-left: 25px;
	transform: rotateY(180deg);
}

/* pager */
#mold01_visual .bx-wrapper .bx-controls .bx-pager {display: inline-block;}
#mold01_visual .bx-wrapper .bx-controls .bx-pager a.bx-pager-link {
	display: none; color: #fff; font-weight: 200;
}
#mold01_visual .bx-wrapper .bx-controls .bx-pager a.bx-pager-link.active {display: block;}
#mold01_visual .bx-wrapper .bx-controls span.all {display: inline-block; color: #33e8ef; font-weight: 200;}
#mold01_visual .bx-wrapper .bx-controls span.all:before {content: '/'; color: #fff; margin: 0 3px;}


body.Mobile #mold01_visual .bx-wrapper .bx-viewport ul li ._inner {height: 365px;}
body.Mobile #mold01_visual .bx-wrapper .bx-viewport ul li ._inner img {min-height: 100%;
    transform: translateX(-50%);
    width: auto;
    height: 100%;
    max-width: none;
    min-width: auto;}
body.Mobile {}
body.Mobile {}