@charset "utf-8";
/* quick140 */
/* @latest 2022.09.28 OSY */

.quick140 {position:relative; overflow:hidden; width:100%; height:100%; background:#fff; box-sizing:border-box; overflow:hidden;}
.quick140 .bnrBg {position:absolute; top:-999; bottom:-999; left:-999; right:-999; display:block; width:100%; max-width:100%; min-height:100%; margin:auto;}

.quick140 .contWrap {position:relative; display:flex; flex-direction:column; justify-content:space-between; align-items:center; height:100%; background:rgba(0,0,0,0.3); box-sizing:border-box;}
.quick140 .contWrap .titWrap {width:100%; margin-left:auto; margin-right:auto; text-align:center; box-sizing:border-box; overflow:hidden;}
.quick140 .contWrap .titWrap .qtit,
.quick140 .contWrap .titWrap .qtxt {width:100%; line-height:1.3em; word-wrap:break-word; word-break:keep-all;}

.quick140 .contWrap .bnrWrap {display:flex; flex-flow:row wrap; align-content:stretch; align-items:stretch; width:80%; height:auto; text-align:center; box-sizing:border-box; overflow:hidden;}
.quick140 .contWrap .bnrWrap li {box-sizing:border-box;}
.quick140 .contWrap .bnrWrap li:nth-child(-n+4) {flex-grow:1;}
.quick140 .contWrap .bnrWrap li a {display:block; width:100%; height:100%; padding:30px 20px; box-sizing:border-box;}
.quick140 .contWrap .bnrWrap li a:focus {width:calc(100% - 1px); height:calc(100% - 1px); border:2px dashed #fff; box-sizing:border-box;}
.quick140 .contWrap .bnrWrap li a .iconbox {width:30px; height:30px; overflow:hidden;}
.quick140 .contWrap .bnrWrap li a .iconbox img {width:auto; height:auto; max-width:100%; max-height:100%;}
.quick140 .contWrap .bnrWrap li a span:not(.iconbox) {word-wrap:break-word; word-break:keep-all;}
.quick140 .contWrap .bnrWrap li a span + span {margin-top:15px;}
.quick140 .contWrap .bnrWrap li a .iconBox + span {margin-top:20px;}

/* layout */
.layout_01 .titWrap + .bnrWrap {margin-top:30px;}
.div_wrap > div:not(.layout_01) .quick140 .contWrap .titWrap .qtit,
.div_wrap > div:not(.layout_01) .quick140 .contWrap .titWrap .qtxt {text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.div_wrap > div:not(.layout_01) .quick140 .contWrap .bnrWrap li:nth-child(n+3) {display:none;}
.div_wrap > div:not(.layout_01) .quick140 .contWrap .bnrWrap li a .tit {text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.div_wrap > div:not(.layout_01) .quick140 .contWrap .bnrWrap li a .txt {line-height:1.3em; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}



/* border-radius */
.border-radius .quick140 .contWrap .bnrWrap {border-radius:15px;}




@media (min-width:900px){	
    .quick140 .contWrap .bnrWrap li {width:25%;}
}
@media (max-width:899px) and (min-width:600px) {	
    .quick140 .contWrap .bnrWrap li {width:50%;}
}
@media (max-width:799px){	
    .titWrap + .bnrWrap {margin-top:20px;}
}