﻿@charset "utf-8";
#mainContent{padding-top:91px;}
.mainVisual {position:relative; background-color:#fff;}
.mainVisual .slidesItem  a{display:block;}
.mainVisual .slidesItem .item{display:block;}
.mainVisual .slidesItem .item .img{display:block; width:100%; height:800px;}
.mainVisual .slidesItem .item .img a{display:block;}
.mainVisual .slidesItem .item .mImg{display:none; width:100%;}
.mainVisual .slick-arrow {display:block; width:57px; height:57px; position:absolute; top:50%; margin-top:-28px; text-indent:-9999px; z-index:111;}
/*.mainVisual .slick-arrow.slick-prev {left:calc((100% - 1280px) / 2);  background: url(/front/image/main/arr_left.png) no-repeat 0 50%;}
.mainVisual .slick-arrow.slick-next {right:calc((100% - 1280px) / 2);  background: url(/front/image/main/arr_right.png) no-repeat 0 50%;} 20240312*/
.mainVisual .slick-dots {position:absolute; left:0; bottom:60px; text-align:center; width:100%; margin-left:0;}
.mainVisual .slick-dots li{display:inline-block; padding:0 5px; }
.mainVisual .slick-dots li button{width:71px; height:3px; overflow:hidden; text-indent: -9999px; background-color:#eeeeed;}
.mainVisual .slick-dots li.slick-active button{background-color:#8dc63f;}
.mainVisual .visualBanner{max-width: 1080px; margin:0 auto; position:relative;}
.mainVisual .visualBanner.mBanner{display:none;}
.mainVisual .visualBanner .items{position:absolute; right:0; top:0;}
.mainVisual .visualBanner .items a{display: block; margin-top:10px; -webkit-box-shadow: 0px 6px 9px -2px rgba(0,0,0,0.58); -moz-box-shadow: 0px 6px 9px -2px rgba(0,0,0,0.58); box-shadow: 0px 6px 9px -2px rgba(0,0,0,0.58);}
.mainVisual .visualBanner .items a img{height:240px;}
.mainVisual .visualBanner .items a:first-child{margin-top:30px;}
.slick-initialized .slick-slide{outline: none}

.qucik{position:fixed;z-index:123;right:1%;top:100px;}
.qucik a{display:block;margin-bottom:10px;}
.qucik a img{height:width:100%;height:140px;}


.footBanner { padding:20px 0; background-color:#fff;}
.footBanner .bannInner{max-width: 1080px; margin:0 auto; position:relative; position:relative; box-sizing:border-box; box-sizing: border-box;}
.footBanner .bannInner .slider-prev{position:absolute; top:50%; margin-top:-14px;left:-38px;}
.footBanner .bannInner .slider-next{position:absolute; top:50%; margin-top:-14px;right:-38px;}
.footBanner .bannInner .bx-viewport{padding:3px 0;}
.footBanner .bxslider li{text-align: center;}
.footBanner .bxslider li a{display:block; border:1px solid #ddd; vertical-align:top;}
.footBanner .bxslider li a img{vertical-align:top; width:100%;}

@media all and (max-width:1080px) {
	.footBanner .bannInner{padding:0 25px;}
	.footBanner .bannInner .slider-prev{left:4px;}
	.footBanner .bannInner .slider-next{right:4px;}

	.mainVisual .visualBanner .items{right:30px;}
}
@media all and (max-width:760px) {
	#mainContent{padding-top:67px;}
	.mainVisual .slick-dots{margin-left:0;}

	.mainVisual .slidesItem .item{ background:none !important;}
	.mainVisual .slidesItem .item .img{height:auto;}
	.mainVisual .slidesItem .item .mImg{display:block;}
	.mainVisual .visualBanner{display:none;}
	.mainVisual .visualBanner.mBanner{display:none; padding-bottom:10px;}
	.mainVisual .visualBanner.mBanner .items{position:static; padding:0 20px;}
	.mainVisual .visualBanner.mBanner .items a{margin-top:20px !important;}
	.mainVisual .visualBanner.mBanner .items img{width:100%;}

	.mainVisual .slick-dots{bottom:30px;}
	.mainVisual .slick-dots li button{width:36px;}

	/*.mainVisual .slick-arrow.slick-prev {width:35px; height:35px; background: url(/front/image/main/arr_left_m.png) no-repeat 0 50%; -webkit-background-size:35px 35px; background-size:35px 35px; left:10px; margin:0;}
	.mainVisual .slick-arrow.slick-next {width:35px; height:35px; background: url(/front/image/main/arr_right_m.png) no-repeat 0 50%; -webkit-background-size:35px 35px; background-size:35px 35px; left:auto; right:10px; margin:0;}20240312*/

	.mainVisual .visualBanner .items a img{height: auto}

	.qucik{position:static;z-index:123;right:auto;top:auto;bottom:0;text-align:center;width:100%;left:0;font-size:0;}
	.qucik a{display:inline-block;margin-bottom:0px;margin:15px 0.5px;width:calc(33.3% - 1px);}
	.qucik a img{height:width:100%;height:auto;}

	.mobpad{padding-top:0;}

}