.firstview-carousel{height:90vh;overflow:visible;position:relative;width:100%}.carousel-container,.carousel-track{height:100%;position:relative;width:100%}.carousel-track a{color:inherit;text-decoration:none}.carousel-track a:hover .article-title{text-decoration:underline}.carousel-slide{align-items:flex-end;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .5s ease-in-out;width:100%}.carousel-slide.active{opacity:1;z-index:1}.firstview-overlay{background-color:rgba(0,0,0,.4);bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.pickup-label{bottom:300px;left:20px;position:absolute;z-index:999}.pickup-label p{color:#fff;font-size:30px;font-weight:700;margin:0;text-shadow:1px 1px 2px rgba(0,0,0,.7)}.firstview-content{background-color:#fff;border-right:32px solid #1ec3a9;cursor:pointer;padding:25px 40px;position:relative;text-decoration:none;transform:translateY(-50px);width:95%;z-index:999}.article-info{max-width:800px}.article-date{font-size:16px;font-weight:500;line-height:120%;margin-bottom:5px}.article-title{display:-webkit-box;font-size:20px;font-weight:700;height:60px;line-height:1.4;margin:0 0 30px;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.professors-list{display:flex;flex-direction:column;gap:15px}.professor-info{font-size:16px;font-weight:700;line-height:130%;margin:0}.affiliation_field{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.professor-profile{align-items:center;display:flex;gap:15px}.professor-profile img{border-radius:50%;height:73px;object-fit:cover;width:73px}.professor-name{font-size:18px;font-weight:600;margin:0 0 5px}.professor-affiliation,.professor-name{color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.7)}.professor-affiliation{font-family:var(--font-family-jp,"Noto Sans JP",sans-serif);font-size:14px;font-weight:400;margin:0;opacity:.9}.carousel-nav{display:flex;justify-content:space-between;padding:0 20px;position:absolute;top:50%;transform:translateY(-50%);width:100%;z-index:3}.carousel-btn{align-items:center;background-color:#88918f!important;border-radius:50%;color:#1ec3a9!important;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:50px;justify-content:center;transition:all .3s ease;width:50px}.carousel-btn:hover{background-color:hsla(0,0%,100%,.3);transform:scale(1.1)}.carousel-btn:active{transform:scale(.95)}.carousel-controls{align-items:center;bottom:-60px;display:flex;gap:20px;left:50%;padding:10px 15px;position:absolute;transform:translateX(-50%);z-index:3}.carousel-dots{display:flex;gap:12px}.carousel-dot{background-color:#88918f;border:2px solid #88918f;border-radius:50%;cursor:pointer;height:12px;transition:all .3s ease;width:12px}.carousel-dot.active{transform:scale(1.2)}.carousel-dot.active,.carousel-dot:hover{background-color:#1ec3a9;border-color:#1ec3a9}.carousel-stop-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;opacity:.8;padding:0;transition:all .3s ease}.carousel-stop-btn:hover{opacity:1;transform:scale(1.1)}.carousel-stop-btn:active{transform:scale(.95)}.carousel-stop-btn.stopped svg circle,.carousel-stop-btn.stopped svg line{stroke:#1ec3a9}.carousel-stop-btn .stop-icon{display:block}.carousel-stop-btn .play-icon,.carousel-stop-btn.stopped .stop-icon{display:none}.carousel-stop-btn.stopped .play-icon{display:block}@media (min-width:768px){.firstview-content{padding:0 40px 60px}.carousel-container{height:90%}.firstview-content{padding:20px 40px;transform:translateY(70px);width:60%}.pickup-label{bottom:200px;left:30px}.pickup-label p{font-size:50px}.article-title{font-size:32px;height:90px;margin-bottom:30px}.professors-list{flex-direction:row;gap:40px}.professor-name{font-size:20px}.professor-affiliation{font-size:16px}.carousel-nav{padding:0 40px}.carousel-btn{font-size:20px;height:60px;width:60px}.carousel-controls{backdrop-filter:none;background-color:transparent;border-radius:0;bottom:-60px;gap:24px;left:auto;padding:0;right:40px;transform:none}.carousel-dot{height:14px;width:14px}.carousel-stop-btn svg{height:45px;width:45px}}@media (min-width:1024px){.firstview-content{padding:20px 60px 20px 80px;width:45%}.pickup-label{bottom:230px;left:60px}.article-title{font-size:40px;height:112px;margin-bottom:40px}.professors-list{gap:60px}.professor-name{font-size:22px}.professor-profile{gap:30px}.article-date,.professor-affiliation{font-size:20px}.carousel-nav{padding:0 60px}.carousel-controls{backdrop-filter:none;background-color:transparent;border-radius:0;bottom:-80px;gap:28px;padding:0;right:60px}.carousel-stop-btn svg{height:50px;width:50px}}@media (min-width:1400px){.firstview-content{padding:20px 80px 20px 110px}.pickup-label{bottom:280px;left:100px}.article-title{font-size:48px;height:135px}.professor-info{font-size:20px}.professor-name{font-size:24px}.carousel-nav{padding:0 80px}.carousel-controls{backdrop-filter:none;background-color:transparent;border-radius:0;bottom:-100px;gap:32px;padding:0;right:100px}.carousel-stop-btn svg{height:55px;width:55px}}.carousel-slide:not([style*=background-image]){background:linear-gradient(135deg,#2d5aa8,#4bccbe)}@media (prefers-reduced-motion:reduce){.carousel-btn,.carousel-dot,.carousel-slide{transition:none}}@media (prefers-contrast:high){.article-title,.professor-affiliation,.professor-name{text-shadow:2px 2px 0 #000,-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000}.carousel-btn,.carousel-dot{border-width:3px}}