@charset "UTF-8";
.type-03b{position: relative;}

/*slide*/
.type-03b .bx-wrapper																									{margin: 0 auto;position: relative;background: #fff;}
.type-03b .bx-wrapper .bx-viewport                                    {overflow:visible !important;}
.type-03b .bx-wrapper .bx-viewport ul li																			{overflow: hidden;margin: 0 !important;box-shadow: rgb(0 0 0 / 60%) 10px 10px 15px;}
.type-03b .bx-wrapper .bx-viewport ul li ._inner																	{display: block;position: relative;}
.type-03b .bx-wrapper .bx-viewport ul li ._inner img															{display: block;width: 101%;}

._imgSldVisual .bx-wrapper .bx-viewport ul li ._inner{}
._imgSldVisual .bx-wrapper .bx-viewport ul li ._inner img{}

/*visual-slogan*/
.visual-slogan{position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:#fff;text-align: center;border-bottom:1px solid rgba(255,255,255,0.5);padding: 0 0 25px 0;line-height: initial;}
.visual-slogan span{font-weight: bold;font-size:15px;display: block;margin-bottom: 25px;letter-spacing: 3px;position: relative;}
.visual-slogan span:before{content:'';width:22%;height: 1px;background: rgba(255,255,255,0.5);position: absolute;top:50%;left:0;}
.visual-slogan span:after{content:'';width:22%;height: 1px;background: rgba(255,255,255,0.5);position: absolute;top:50%;right:0;}
.visual-slogan p{font-size:27px;letter-spacing: 1px;}
.visual-slogan strong{font-size:48px;font-family: 'Noto Bold';letter-spacing: -3px;}

/*controls*/
.type-03b .bx-wrapper .bx-controls																					{position:absolute;z-index:1;bottom: calc(50% - 115px);left: 50%;width: 340px;transform: translate(-50%, -50%);}
.type-03b .bx-wrapper .bx-controls .bx-pager																	{width: 100%;display: flex;flex-direction: row;align-items: flex-start;justify-content: space-between;}
.type-03b .bx-wrapper .bx-controls .bx-pager > div                               {width:25%;}
.type-03b .bx-wrapper .bx-controls .bx-pager .bx-pager-item a.active             {height: 1px;}
.type-03b .bx-wrapper .bx-controls .bx-controls-auto															{position: relative;top: 18px;left: calc(50% - 50px);}
.type-03b .bx-wrapper .bx-controls .bx-pager .bx-pager-item,
.type-03b .bx-wrapper .bx-controls .bx-pager .bx-pager-item a,
.type-03b .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item,
.type-03b .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item a						{float: left;}

/*pager*/
.type-03b .bx-wrapper .bx-controls .bx-pager .bx-pager-item a											{width: 100%;height: 1px;overflow: hidden;background-color: rgba(255,255,255,0);text-indent: -5000px;display: block;vertical-align: top;}
.type-03b .bx-wrapper .bx-controls .bx-pager .bx-pager-item a.active									{height: 1px;background-color: #ffffff;}

/*direction*/
.type-03b .bx-wrapper .bx-controls-direction{position: absolute;bottom: -15px;left:105px;}
.type-03b .bx-wrapper .bx-controls .bx-controls-direction .bx-prev,
.type-03b .bx-wrapper .bx-controls .bx-controls-direction .bx-next										{position: absolute;bottom: 0;width: 4px;height: 10px;text-indent: -9999px;background-position: center;background-size: 5px;}

.type-03b .bx-wrapper .bx-controls .bx-controls-direction .bx-prev										{left: 0;}
.type-03b .bx-wrapper .bx-controls .bx-controls-direction .bx-next										{left: 41px;}

/*controls auto*/
.type-03b .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item .active				{display: none;}
.type-03b .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item .bx-start,
.type-03b .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item .bx-stop				{width: 15px;height: 15px;overflow: hidden;}
.type-03b .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item .bx-start				{background-position: 0 0;}
.type-03b .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item .bx-stop				{background-position: 0 0;}

/*background-image*/

.type-03b .bx-wrapper .bx-controls .bx-controls-direction .bx-prev{background-image: url("../images/visual-arrow.png");background-repeat: no-repeat;background-position: center;transform: rotate(180deg);}
.type-03b .bx-wrapper .bx-controls .bx-controls-direction .bx-next{background-image: url("../images/visual-arrow.png");background-repeat: no-repeat;}
.type-03b .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item .bx-start        {background-image: url("../images/visual-play.png"); background-repeat: no-repeat; text-indent: -5000px;}
.type-03b .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item .bx-stop				{background-image: url("../images/visual-pause.png"); background-repeat: no-repeat; text-indent: -5000px;}

.type-03b #main-counter{display: inline-block;position: absolute;color: #d2d2d2;left: calc(50% + 0px);bottom: calc(50% - 125px);font-size: 12px;}
.type-03b #main-counter > span{margin:0 2px;}
.type-03b #main-counter > span.current{color:#fff;}


@media all and (max-width:1200px) {
.type-03b .bx-wrapper .bx-viewport{height:540px !important;}
._imgSldVisual .bx-wrapper .bx-viewport ul li ._inner img{width:1400px;margin-left:-220px;}
.visual-slogan{top:45%;}
}

@media all and (max-width:767px) {
#JW_iSld_visual{width:92%;}
.type-03b .bx-wrapper .bx-viewport{height:280px !important;}
._imgSldVisual .bx-wrapper .bx-viewport ul li ._inner img{width: 700px;margin-left: 0;}

.visual-slogan{top: 42.5%;width:50%;}
.visual-slogan span{font-size:9px;}
.visual-slogan p{font-size:16px;line-height: 1.4;}
.visual-slogan strong{font-size:30px;}
.type-03b .bx-wrapper .bx-controls{width:50%;bottom: calc(50% - 77px);}
.type-03b #main-counter{bottom:calc(50% - 91px);}
.type-03b .bx-wrapper .bx-controls .bx-controls-auto{top:21px;}

.type-03b .bx-wrapper .bx-controls-direction{left:calc(50% - 63px);bottom:-19px;}

}

@media all and (max-width:600px) {
.visual-slogan{width:75%;}
.type-03b .bx-wrapper .bx-controls{width:75%;}
._imgSldVisual .bx-wrapper .bx-viewport ul li ._inner img{margin-left: -150px;}
}
