@charset "utf-8";
/* quick136 */
/* @latest 2022.06.07 OSY */

.quick136 {position:relative; overflow:hidden; width:100%; height:100%; box-sizing:border-box;}

.quick136 .bnrWrap {display:flex; flex-flow:row wrap; align-items:center; width:100%; height:100%; padding:40px 50px; box-sizing:border-box;}
.quick136 .bnrWrap .qtxtWrap {flex-shrink:0; width:40%; box-sizing:border-box;}
.quick136 .bnrWrap .qtxtWrap .logoBox {display:inline-block; max-width:150px; vertical-align:middle; box-sizing:border-box;}
.quick136 .bnrWrap .qtxtWrap .logoBox img {display:block; width:auto; max-width:100%; max-height:60px;}
.quick136 .bnrWrap .qtxtWrap .txtBox {display:inline-block; width:auto; max-width:calc(95% - 154px); height:auto; vertical-align:middle; margin-left:5%; box-sizing:border-box;}
.quick136 .bnrWrap .qtxtWrap .txtBox p {width:100%; line-height:1.3em; word-break:keep-all; box-sizing:border-box; overflow:hidden; -webkit-line-clamp:3; text-overflow:ellipsis; white-space:normal; -webkit-box-orient:vertical; display:-webkit-box;}

.quick136 .bnrWrap .qbnrWrap {flex-grow:1; padding:30px 0; margin-left:25px; box-sizing:border-box; border:1px solid rgba(0,0,0,0.05);}
.quick136 .bnrWrap .qbnrWrap ul {width:100%; height:auto; text-align:center; vertical-align:top; margin-left:auto; margin-right:auto; overflow:hidden; box-sizing:border-box;}
.quick136 .bnrWrap .qbnrWrap ul li {width:30%; display:inline-block; padding:10px; margin-right:-3px; vertical-align:top; box-sizing:border-box; overflow:hidden;}
.quick136 .bnrWrap .qbnrWrap ul li:not(:first-child) {border-left:1px solid rgba(0,0,0,0.05);}
.quick136 .bnrWrap .qbnrWrap ul li a {display:inline-block; width:100%; height:100%; box-sizing:border-box;}
.quick136 .bnrWrap .qbnrWrap ul li a span {display:block; width:100%; max-width:100%; margin-left:auto; margin-right:auto; text-align:center; box-sizing:border-box;}
.quick136 .bnrWrap .qbnrWrap ul li a .qicon {position:relative; width:50px; height:50px; padding:10px; line-height:30px; background:#f9f9f9; box-sizing:border-box;}
.quick136 .bnrWrap .qbnrWrap ul li a .qicon img {display:inline-block; width:auto; height:auto; max-width:100%; max-height:100%; margin:auto; vertical-align:middle; box-sizing:border-box;}
.quick136 .bnrWrap .qbnrWrap ul li a .qmenu {margin-top:10px; -webkit-line-clamp:2; -webkit-box-orient:vertical; display:-webkit-box; white-space:normal; overflow:hidden;}


/* layout */
.layout_01 .quick136 .bnrWrap .qbnrWrap ul li {width:20%;}
.div_wrap > div:not(.layout_01):not(.layout_height_H) .quick136 .bnrWrap .qbnrWrap {width:calc(60% - 25px);}
.div_wrap > div:not(.layout_01):not(.layout_height_H) .quick136 .bnrWrap .qtxtWrap .txtBox {width:100%; max-width:100%; margin-left:0; margin-top:15px;}

.layout_height_L .quick136 .bnrWrap {padding:15px 50px;}
.layout_height_L .quick136 .bnrWrap .qbnrWrap {padding:0;}
.layout_height_L .quick136 .bnrWrap .qtxtWrap .txtBox p {-webkit-line-clamp:2;}
.layout_02.layout_height_L .quick136 .bnrWrap .qbnrWrap ul li {width:40%;}

/* border-radius */
.border-radius .quick136 .bnrWrap .qbnrWrap {border-radius:15px;}
.border-radius .quick136 .bnrWrap .qbnrWrap ul li a .qicon {border-radius:50%;}


@media (min-width:1025px){	
    .div_wrap > div:not(.layout_01) .quick136 .bnrWrap .qtxtWrap .txtBox {width:100%; max-width:100%; margin-left:0; margin-top:15px;}
	.layout_01 .quick136 .bnrWrap .qbnrWrap,
	.layout_height_H .quick136 .bnrWrap .qbnrWrap {width:calc(60% - 25px);}
}
@media (max-width:1024px){	
	.quick136 .bnrWrap {padding:30px;}
	.div_wrap > div:not(.layout_height_M):not(.layout_height_L) .quick136 .bnrWrap {flex-flow:column wrap;}
    .div_wrap > div:not(.layout_height_M):not(.layout_height_L) .quick136 .bnrWrap .qtxtWrap {width:100%;}
	.div_wrap > div:not(.layout_height_M):not(.layout_height_L) .quick136 .bnrWrap .qbnrWrap {display:flex; flex-flow:row wrap; align-items:center; width:100%; margin-left:0; margin-top:15px;}
	.div_wrap > div:not(.layout_height_M):not(.layout_height_L) .quick136 .bnrWrap .qbnrWrap ul li {width:30%;}
}
@media (max-width:899px){	
	.quick136 .bnrWrap .qbnrWrap ul li {width:40%;}
}
@media (min-width:800px){	
    .layout_height_H .quick136 {height:350px;}
    .layout_height_M .quick136 {height:250px;}
    .layout_height_L .quick136 {height:150px;}
	.layout_height_L .quick136 .bnrWrap {padding:15px 50px;}
}
@media (max-width:799px){	
    .quick136 .bnrWrap {padding:30px;}
	.quick136 .bnrWrap .qbnrWrap {padding:20px 10px;}	
	.layout_height_L .quick136 .bnrWrap {padding:15px 30px;}
}

