.expert-slides{--image-size: 150px;--gap: 7px;--border-radius: 9px}.expert-slides .image-slogan{width:var(--image-size);height:var(--image-size);background:#fcf3f5;border-radius:var(--border-radius);padding:10px;color:var(--p-color-primary)}.expert-slides .image-slogan>span{font-size:9px;font-weight:700;margin-bottom:12px;display:block}.expert-slides .image-slogan>div{font-weight:500;letter-spacing:-.01em;font-size:20px;line-height:1.25}.expert-slides .expert-images{display:flex;gap:var(--gap);margin-right:-20px}.expert-slides .expert-images .swiper{flex:1;width:calc(100% - var(--image-size) - var(--gap))}.expert-slides .expert-images .swiper:not(.swiper-initialized) .swiper-wrapper{gap:var(--gap)}.expert-slides .expert-images .swiper-slide{width:var(--image-size);height:var(--image-size);cursor:pointer}.expert-slides .expert-images .swiper-slide.active{position:relative}.expert-slides .expert-images .swiper-slide.active:before{content:"";display:block;border-radius:var(--border-radius);border:solid 2px #f9e4e3;position:absolute;top:0;left:0;right:0;bottom:0}.expert-slides .expert-images .swiper-slide.active:after{content:"";display:block;width:60%;height:2px;background:var(--p-color-primary);position:absolute;top:0;left:20%}.expert-slides .expert-images .image{overflow:hidden;border-radius:var(--border-radius)}.expert-slides .expert-contents{margin-top:20px}.expert-slides .expert-contents .sup{display:block;width:18px;height:18px;margin-bottom:1rem}.expert-slides .expert-contents .sup svg{display:block;height:100%;width:100%}.expert-slides .expert-contents .text{font-size:13px;line-height:1.5;font-weight:500;letter-spacing:-.01em}.expert-slides .expert-contents .info{margin-top:12px}.expert-slides .expert-contents .name{font-size:13px;font-weight:400}.expert-slides .expert-contents .introduce{font-size:10px;line-height:1.5;color:var(--color-text, rgba(50, 51, 51, .6))}@media (min-width: 1040px){.expert-slides{--image-size: 240px;--gap: var(--p-space-400);--border-radius: 16px}.expert-slides .image-slogan{padding:22px}.expert-slides .image-slogan>span{font-size:12px}.expert-slides .image-slogan>div{font-size:26px}.expert-slides .expert-images{margin:0}.expert-slides .expert-contents{margin-top:48px}.expert-slides .expert-contents .sup{width:26px;height:26x}.expert-slides .expert-contents .text{font-size:24px;font-weight:400}.expert-slides .expert-contents .info{margin-top:36px}.expert-slides .expert-contents .name{font-size:18px;font-weight:700}.expert-slides .expert-contents .introduce{font-size:15px}}
