@charset "utf-8";
/* widequick115 */
/* @latest 2022.04.07 JRA */

.widequick115 { width:100%; height:100%; float:left; text-align:center; box-sizing:border-box; /*background:white; */ } 
.widequick115 .qlink_115 { width:100%; float:left; font-size:0; } 
.widequick115 .qlink_115 .q115link00 > a { display: block; } 
.widequick115 .qlink_115 .q115link00 { display:inline-block; width:20%; padding:30px 15px; height:270px; position:relative; background:white; box-sizing:border-box; } 
.widequick115 .qlink_115 .q115link00:hover .icon img { transform:scale(1.1); -webkit-transition:transform 1s; transition:transform 1s; } 
.widequick115 .qlink_115 .q115link00 p { width:100%; position:relative; box-sizing:border-box; } 
.widequick115 .qlink_115 .q115link00 p span.bTitle { font-size:21px; font-weight:600; display:inline-block; padding:20px 0 10px; line-height:20px; color:#636363; vertical-align:middle; } 
.widequick115 .qlink_115 .q115link00 p span.bContent { font-size: 16.5px; line-height: 140%; color:#636363; max-height: 46px; overflow:hidden; display:inline-block; width:100%; white-space:normal; -webkit-line-clamp:2; text-overflow:ellipsis; -webkit-box-orient:vertical; display: -webkit-box; } 
.widequick115 .qlink_115 .q115link00 .icon { line-height:75px; vertical-align:middle; } 
.widequick115 .q115link00 .icon:after { content:" "; margin-left:-0.6em; white-space: pre; } 
.widequick115 .q115link00 .icon img { vertical-align:middle; max-height: 90px; } 
.widequick115 .qlink_115 .q115link00:first-child, .widequick115 .qlink_115 .q115link00:nth-child(10) { background:#cedac6; } 
.widequick115 .qlink_115 .q115link00:nth-child(2), .widequick115 .qlink_115 .q115link00:nth-child(9) { background:#dfc3c2; } 
.widequick115 .qlink_115 .q115link00:nth-child(3), .widequick115 .qlink_115 .q115link00:nth-child(6) { background:#e4e4e4; } 
.widequick115 .qlink_115 .q115link00:nth-child(4), .widequick115 .qlink_115 .q115link00:nth-child(7) { background:#c1d1de; } 
.widequick115 .qlink_115 .q115link00:nth-child(5), .widequick115 .qlink_115 .q115link00:nth-child(8) { background:#ebe7dc; } 
.widequick115 .qlink_115 .q115link00:first-child, .widequick115 .qlink_115 .q115link00:nth-child(6) { clear:both; /*margin-left:-1px; */ } 


/* layout */
.border-radius .widequick115 .qlink_115 .q115link00:first-child,
.border-radius .widequick115 .qlink_115 .q115link00:nth-child(6) { border-radius:15px 0 0 15px; } 
.border-radius .widequick115 .qlink_115 .q115link00:only-child,
.border-radius .widequick115 .qlink_115 .q115link00:nth-child(6):last-of-type { border-radius:15px !important; } 
.border-radius .widequick115 .qlink_115 .q115link00:nth-child(n+6) { margin-top:1%; } 
.border-radius .widequick115 .qlink_115 .q115link00:nth-child(5),
.border-radius .widequick115 .qlink_115 .q115link00:last-child { border-radius:0 15px 15px 0; } 


@media (min-width:800px){
 .widequick115 .qlink_115 .q115link00 p span.bTitle { white-space:nowrap; text-overflow:ellipsis; width:100%; overflow:hidden; } 
 .widequick115 .qlink_115 .q115link00 p span.bContent { } 
 }




@media (min-width:1050px) {.layout_01 .widequick115 .qlink_115 .q115link00 .icon { line-height:90px; } 
.layout_01 .widequick115 .qlink_115 .q115link00 .icon img { max-width:90%; } 
.widequick115 .qlink_115 .qlink01 .icon img { animation:quick003motion0 2s linear 0s 1 normal forwards; } 
.widequick115 .qlink_115 .qlink02 .icon img { animation:quick003motion0 2s linear 0.1s 1 normal forwards; } 
.widequick115 .qlink_115 .qlink03 .icon img { animation:quick003motion0 2s linear 0.2s 1 normal forwards; } 
.widequick115 .qlink_115 .qlink04 .icon img { animation:quick003motion0 2s linear 0.3s 1 normal forwards; } 
.widequick115 .qlink_115 .qlink05 .icon img { animation:quick003motion0 2s linear 0.4s 1 normal forwards; } 

@keyframes quick003motion0 { 
 0% { opacity:1; } 
 30% { opacity:0.2; } 
 100% { opacity: 1; } 
}
}

@media (min-width:800px) and (max-width:1049px) {.widequick115 .q115link00 .icon img { max-width:110px; } 
.widequick115 .qlink_115 .q115link00 p span.bTitle { font-size:16px; } 
.widequick115 .qlink_115 .q115link00 p span.bContent { height: 69px; -webkit-line-clamp:3; white-space:normal; } 
}
@media (min-width:991px) and (max-width:1049px) {.widequick115 .qlink_115 .q115link00 p:last-child { height:80px; } 
}
@media (min-width:800px) and (max-width:990px) {.widequick115 .qlink_115 .q115link00 { padding:30px 15px; } 
.widequick115 .qlink_115 .q115link00 p:last-child { height:80px; } 
.widequick115 .qlink_115 .q115link00 p span.bContent { max-height: 69px; } 
}

@media (max-width:799px) {.widequick115 .qlink_115 .q115link00 { padding:20px 15px; height: 200px; margin-left:0; } 
.widequick115 .qlink_115 .q115link00 p span.bTitle {font-size: 17px;padding:0;margin:5px 0 10px;height:20px;overflow:hidden;width:100%;white-space:normal;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box; } 
.widequick115 .qlink_115 .q115link00 p span.bContent { font-size: 16px; letter-spacing: -0.5px; /* line-height:16px; *//* max-height:33px; */ } 
.widequick115 .qlink_115 .q115link00 p span.bContent br { display:none; } 
}

@media (min-width:600px) and (max-width:799px) {.widequick115 .qlink_115 .q115link00 .icon { line-height:80px; } 
.widequick115 .qlink_115 .q115link00 .icon img { max-width:65px; } 

.widequick115 .qlink_115 .q115link00 p { height:20px; line-height:20px; } 
.widequick115 .qlink_115 .q115link00 p:last-child { height:auto; line-height:0; margin-top:10px; } 
}

@media (max-width:599px) {.widequick115 .q115link00 { height:auto !important; padding:10px 7px !important; text-align:center; box-sizing:border-box; } 
.widequick115 .qlink_115 .q115link00 .icon { margin:0 auto !important; line-height:70px; } 
.widequick115 .q115link00 .icon img { float:initial; max-width:40px; } 
.widequick115 .qlink_115 .q115link00 p span.bTitle { line-height:18px; font-size: 15px !important; letter-spacing:-1px; height:36px; padding:0; margin:0; } 
.widequick115 .qlink_115 .q115link00 p span.bContent { display:none; } 
}