@charset "utf-8"; 
/*  slide_bnr_022 CSS */
/*  2022.01.21 SSJ  */

.slide_bnr_022 {width:100%; height:100%; box-sizing:border-box;}
.slide_bnr_022 .sldBox .slick-slider .slick-list .slick-track .slick-slide > div .slide_wrap a {}
.slide_bnr_022 .sldBox .slick-slider .slick-list .slick-track .slick-slide > div .slide_wrap a:focus {outline: auto; border: 1px dotted #333;}
.slide_bnr_022 .sldBox .slick-slider .slick-list .slick-track .slick-slide > div .slide_wrap a:focus>div.imgbox {width: calc(100% - 2px);height: calc(100% - 2px);border: 1px dotted #333;}

.slide_bnr_022 .imgbox {width:100%;height:100%; position:relative;position: relative; position: relative;overflow: hidden;}
.slide_bnr_022 .imgbox img {width: auto;min-width: 100%; height:auto; min-height:100%; position: absolute;top: -999px;bottom: -999px;right: -999px;left: -999px;margin: auto;}

.slide_bnr_022 .slidetxtBox {position:absolute;left:0;top:0;width:100%;height:100%;text-align:left;box-sizing:border-box;overflow:hidden;/* max-width:1300px; */opacity: 1 !important;background: rgba(0,0,0,0.2);}
.slide_bnr_022 .slidetxtBox .innerbox {position: absolute; top: 50%; transform: translateY(-50%); width: 100%;}
.slide_bnr_022 .slidetxtBox .innerbox .tit {width: calc(100% - 30px);color:#333;font-weight:400;line-height:130%;display:inline-block;text-overflow:ellipsis;overflow:hidden;box-sizing:border-box;word-break:keep-all;letter-spacing:-0.5px;-webkit-box-orient:vertical;display:-webkit-box;white-space:normal;}
.slide_bnr_022 .slidetxtBox .innerbox .tit:empty {display:none;}
.slide_bnr_022 .slidetxtBox .innerbox .tit strong {font-weight:600;}
.slide_bnr_022 .slidetxtBox .innerbox .co {width: calc(100% - 30px);color: #333;line-height:150%;display:block;text-overflow:ellipsis;overflow:hidden;box-sizing:border-box;word-break:keep-all;/* margin-bottom:30px; */-webkit-box-orient: vertical;display: -webkit-box;}
.slide_bnr_022 .slidetxtBox .innerbox .co:empty {display:none;}




/*slide dot btn*/
.slide_bnr_022 .slick-dots {position:absolute;width:auto;top: 16px;right: 35px;text-align:center;}
.slide_bnr_022 .slick-dots li {width: 12px;height: 12px;border-radius:50%;background: rgba(0,0,0,0.5);border: 2px solid #fff;margin-right: 7px;opacity:1;display:inline-block;vertical-align:middle;box-sizing: border-box;}
.slide_bnr_022 .slick-dots li:last-of-type {margin-right:0;}
.slide_bnr_022 .slick-dots li.slick-active {background: #fff;border-color: rgba(0,0,0,0.5);width: 14px;height: 14px;}
.slide_bnr_022 .slick-dots li:focus {outline:thin dotted;}
.slide_bnr_022 .slick-dots li-active {background:#ff8328;}
.slide_bnr_022 .slick-dots li button {width:100%; height:100%; float:left; text-indent:-999px; overflow:hidden;}
.slide_bnr_022 .slick-dots li button:focus {outline:auto;}

/*slide next/prev btn*/
.slide_bnr_022 .slick-arrow {display:none !important;}


/*slide indicator btn*/
.slide_bnr_022 .indicator {z-index:10;display:inline-block;position:absolute;right: 7px;top: 8px;width: 25px;height: 30px;}
.slide_bnr_022 .indicator button {border:0;cursor:pointer;width: 100%;height: 100%;right: 0;position: absolute;bottom: 0;font-size: 1px;color: #fff;line-height: 35px;text-align: center;text-indent: -999px;overflow: hidden;}
.slide_bnr_022 .indicator button:before {font-family:FontAwesome; text-indent:0;position:absolute;left:0;top:0;width: 100%;height: 100%;}
.slide_bnr_022 .indicator button.play:before {content:"\25b2";font-family:FontAwesome;font-size: 12px;line-height: 30px;display: inline-block;transform: rotate(90deg);margin-top: 1px;}
.slide_bnr_022 .indicator button.stop:before {content:"||";font-size: 10px;line-height: 30px;letter-spacing:1px;}





.layout_height_H .slide_bnr_022 .slidetxtBox .innerbox .tit {-webkit-line-clamp: 4;}
.layout_height_H .slide_bnr_022 .slidetxtBox .innerbox .co {-webkit-line-clamp: 5;-webkit-box-orient:vertical;display:-webkit-box;white-space:normal;}

.layout_height_M .slide_bnr_022 .slidetxtBox .innerbox .tit {-webkit-line-clamp: 3;}
.layout_height_M .slide_bnr_022 .slidetxtBox .innerbox .co {-webkit-line-clamp: 3;-webkit-box-orient: vertical;display: -webkit-box;white-space: normal;/* margin-bottom:15px; *//* white-space: nowrap; */}

.layout_height_L .slide_bnr_022 .slidetxtBox .innerbox .tit {-webkit-line-clamp:1; white-space:nowrap;}
.layout_height_L .slide_bnr_022 .slidetxtBox .innerbox .co {-webkit-line-clamp:2;}

.mxwd100 .layout_01 .slide_bnr_022 .slidetxtBox .innerbox {left:50%; transform:translate(-50%, -50%); max-width:1300px;}



	@media (min-width:991px){}
	@media (min-width:800px){
		.slide_bnr_022 .sldBox {height:100%;}
		.slide_bnr_022 .sldBox .slick-slider {height:100%;}
		.slide_bnr_022 .sldBox .slick-slider .slick-list {height:100%;}
		.slide_bnr_022 .sldBox .slick-slider .slick-list .slick-track {height:100%;}
		.slide_bnr_022 .sldBox .slick-slider .slick-list .slick-track .slick-slide > div {height:100%;}
		.slide_bnr_022 .sldBox .slick-slider .slick-list .slick-track .slick-slide > div .slide_wrap {height:100%;}

		.layout_01 .slide_bnr_022 .imgbox {height:0; padding-bottom:30%;}
		.layout_height_A .slide_bnr_022 {height:400px;}
	}


	@media (max-width:799px){
		.layout_01 .slide_bnr_022 .imgbox {height:0; padding-bottom:80%;}

		.layout_height_A .slide_bnr_022>div>div.slick-slider {height: 400px;}
		.layout_height_A .slide_bnr_022 .slick-list,
		.layout_height_A .slide_bnr_022 .slick-track,
		.layout_height_A .slide_bnr_022 .slick-slide>div,
		.layout_height_A .slide_bnr_022 .slide_wrap {height: 100%;}
	}

	@media (min-width:600px) and (max-width:799px){
		.div_wrap:not(.layout_block4) .layout_height_H .slide_bnr_022 .imgbox {height:0; padding-bottom:50%;}
		.div_wrap:not(.layout_block4) .layout_height_M .slide_bnr_022 .imgbox {height:0; padding-bottom:40%;}
		.div_wrap:not(.layout_block4) .layout_height_L .slide_bnr_022 .imgbox {height:0; padding-bottom:30%;}

		.layout_block4 .slide_bnr_022 .sldBox {height:100%;}
		.layout_block4 .slide_bnr_022 .sldBox .slick-slider {height:100%;}
		.layout_block4 .slide_bnr_022 .sldBox .slick-slider .slick-list {height:100%;}
		.layout_block4 .slide_bnr_022 .sldBox .slick-slider .slick-list .slick-track {height:100%;}
		.layout_block4 .slide_bnr_022 .sldBox .slick-slider .slick-list .slick-track .slick-slide > div {height:100%;}
		.layout_block4 .slide_bnr_022 .sldBox .slick-slider .slick-list .slick-track .slick-slide > div .slide_wrap {height:100%;}
	}

	@media (max-width:599px){
		.layout_height_H .slide_bnr_022 .imgbox {height:0; padding-bottom:50%;}
		.layout_height_M .slide_bnr_022 .imgbox {height:0; padding-bottom:40%;}
		.layout_height_L .slide_bnr_022 .imgbox {height:0; padding-bottom:35%;}
	}