@import url(https://js01.v15cdn.com/single-template/public.css);
.wmpage162-page3-title{text-align:center}
.wmpage162-page3-title .wmpage-title span{color:var(--color)}
.wmpage162-page3-dev img{filter:grayscale(1)}
.wmpage162-page3 .wmpage-lwrap{max-width:1200px;margin:0 auto}
.wmpage162-page3-dev{margin-bottom:15px;display: flex;justify-content: center;}
.wmpage162-page3-title .wmpage-title{font-weight:var(--fontbold7);color:#222;margin-bottom:10px;position:relative;line-height:1}
.wmpage162-page3-title p{font-size:var(--fontsize18);line-height:26px;font-weight:var(--fontbold4);color:#000;margin-bottom:10px}
.wmpage162-page3-row{display:flex;justify-content:space-between;margin-top:45px}
.wmpage162-page3-cloumn{padding:0 15px;width:24%;box-sizing:border-box}
.wmpage162-page3-member{box-shadow:0 0 1px #00000000;position:relative}
.wmpage162-page3-member::after{pointer-events:none;position:absolute;z-index:-1;content:'';top:100%;left:5%;height:10px;width:90%;opacity:0;background:radial-gradient(ellipse at center,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 80%);transition-duration:.3s;transition-property:transform,opacity}
.wmpage162-page3-img{position:relative;display:block;overflow:hidden;border-radius:100%}
.wmpage162-page3-img img{transition:all .5s ease 0s;width:100%}
.wmpage162-page3-overlay{position:absolute;left:0;width:100%;display:block;vertical-align:middle;color:#fff;text-align:center;opacity:0;-webkit-transition:all .5s ease;background:rgba(0,0,0,.5);height:100%;bottom:-20%;border-radius:130px}
.wmpage162-page3-box{display:table;height:100%;width:100%}
.wmpage162-page3-content{display:table-cell;text-align:center;vertical-align:middle}
.wmpage162-page3-links{display:flex;justify-content:center}
.wmpage162-page3-links li{display:inline-block;margin:0 3px}
.wmpage162-page3-links li a{cursor:pointer;color:var(--color);height:40px;width:40px;border-radius:50%;border:2px solid #fff;display:flex;justify-content:center;align-items:center}
.wmpage162-page3-links li a em{font-size:var(--fontsize14);width:var(--fontsize14);display:block;color:#fff;transition:all .5s ease;line-height:1}
.wmpage162-page3-text{text-align:center;margin-top:20px}
.wmpage162-page3-img img{width:100%;display:block}
.wmpage162-page3-text p:nth-of-type(1){font-size:var(--fontsize20);font-weight:var(--fontbold6);margin-top:10px;margin-bottom:5px;line-height:1;color:#333;transition:all .5s ease}
.wmpage162-page3-text p:nth-of-type(2){font-size:var(--fontsize14);margin:0;color:var(--wmpage-color19)}
.wmpage162-page3-cloumn:hover .wmpage162-page3-overlay{opacity:1;bottom:0}
.wmpage162-page3-links li a:hover{background:var(--color);border:2px solid var(--color)}
.wmpage162-page3-cloumn:hover .wmpage162-page3-member::after{opacity:1;margin-top:15px}
@media (max-width:1024px){.wmpage162-page3-row{flex-wrap:wrap}
.wmpage162-page3-links li a{height:30px;width:30px}
.wmpage162-page3-links li a em{font-size:var(--fontsize12);width:var(--fontsize12)}
}
@media (max-width:850px){.wmpage162-page3-cloumn{width:48%;margin-bottom:4%}
.wmpage162-page3-links li a{height:45px;width:45px}
.wmpage162-page3-links li a em{font-size:var(--fontsize18);width:var(--fontsize18)}
}
@media (max-width:600px){.wmpage162-page3-cloumn{width:50%;margin-bottom:2%;margin-bottom:40px}
.wmpage162-page3-links li a{height:35px;width:35px}
.wmpage162-page3-links li a em{font-size:var(--fontsize14);width:var(--fontsize14)}
.wmpage162-page3-text p:nth-of-type(1){font-size:var(--fontsize18)}
}
@media (max-width:450px){.wmpage162-page3-links li a{height:20px;width:20px}
.wmpage162-page3-links li a em{font-size:var(--fontsize12);width:var(--fontsize12)}
.wmpage162-page3-text{margin-top:10px}
.wmpage162-page3-cloumn:hover .wmpage162-page3-member::after{margin-top:0}}
.wmpage162-page3-overlay{display: none;}