.subPop{position:relative;width:100%;max-width:1080px;height:fit-content;aspect-ratio:1080/556;z-index:2;background:url(/wp-content/themes/theme1/assets/img/page/yoaneeds/bg_modal-right.webp) no-repeat bottom right,url(/wp-content/themes/theme1/assets/img/page/yoaneeds/bg_modal-left.webp) no-repeat top left,#fff;position:relative;overflow:hidden}.subPop .number{color:#333;height:min(6vw,7rem);font-size:min(6vw,8rem);font-weight:bold;z-index:2;line-height:1;bottom:0;display:flex;align-items:center;gap:1rem;padding-left:2rem}.subPop .number span{font-size:3rem;font-weight:normal;background:#52d1c5;padding:.5rem;color:#fff}.subPop img.pL{width:auto;height:79%;z-index:2;margin:2rem 2rem 1rem;position:relative;box-shadow:#c9f5f1 1rem 1rem}.subPop img.pS{width:auto;height:90%;position:absolute;left:0%;bottom:3%;z-index:4}.subPop .dlBox{position:absolute;height:fit-content;top:4%;right:2%;width:59%;z-index:5}.subPop .dlBox .profile{font-size:min(4vw,5rem);font-weight:bold;margin:0 0 0 0;padding:0 0 1% 0}.subPop .dlBox .profile::first-letter{color:#fff}.subPop .dlBox dl{display:flex;flex-direction:column;flex-wrap:nowrap;gap:4px;overflow-y:auto;max-height:41rem}.subPop .dlBox dl .simplebar-horizontal{display:none}.subPop .dlBox dl .simplebar-track.simplebar-vertical{background:#fff}.subPop .dlBox dl dt{font-size:min(1.9vw,2.6rem);line-height:2;font-weight:bold;color:#52d1c5;border-bottom:2px solid #52d1c5;clip-path:polygon(0 0, 100% 0, 100% calc(100% - 1rem), calc(100% - 1rem) 100%, 0 100%);padding:.4rem 1rem;line-height:1.9}.subPop .dlBox dl dd{display:flex;align-items:flex-start;padding:0 1.5rem 0 1rem;font-size:min(1.5vw,1.8rem);color:#2b2b2b}.subPop .dlBox dl dd.sml{font-size:1.8rem;line-height:2}.subPop .dlBox .tik{display:flex;align-items:center;padding-top:1rem;text-decoration:underline}.subPop .dlBox .tik img{width:4rem;padding-right:1rem}.subPop .close{width:3%;cursor:pointer;position:absolute;top:3%;right:2%;z-index:200}.modalOpen img{display:block}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{color:#333;right:var(--swiper-navigation-sides-offset, 10px);left:auto;position:absolute;top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - var(--swiper-navigation-size)/2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-next::after,.swiper-button-prev::after{content:"next";color:#fff;background:#58beb9;border-radius:50%;aspect-ratio:1/1;width:4rem;height:4rem;display:flex;justify-content:center;align-items:center;padding:1rem;font-size:2rem;font-weight:bold;font-family:swiper-icons;text-transform:none !important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-prev::after{content:"prev"}.modal{position:fixed;top:0;left:0;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;transition:opacity .3s;pointer-events:none;opacity:0;z-index:100;background-color:rgba(0,0,0,.7)}.modal.is-active{opacity:1;pointer-events:auto}.modal__overlay{position:absolute;width:100%;height:100%;cursor:pointer}.modal__content{position:relative;width:100%;max-width:1080px}.modal_inner{margin:0 auto;display:flex;justify-content:flex-start;align-items:center}.modal__close-btn{position:absolute;right:0;top:-2rem;width:4rem;height:4rem;cursor:pointer;z-index:20;background:#58beb9;display:flex;align-items:center}.modal__close-btn:hover{opacity:.8}.lineClose{display:inline-block;vertical-align:middle;color:#fff;line-height:1;width:4rem;height:.15rem;background:currentColor;border-radius:.1rem;position:relative;transform:rotate(45deg)}.lineClose::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:inherit;border-radius:inherit;transform:rotate(90deg)}#modal-content{width:80%;margin:0;padding:0;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);transition:opacity 100ms;z-index:100;opacity:0;display:none}#modal-content.on{animation:fadein-overlay 200ms ease-in;animation-fill-mode:forwards;display:block}#modal-content .inner{position:relative;width:100%;padding-top:56.25%;overflow:hidden}#modal-content .inner #player{position:absolute;top:0;right:0;width:100%;height:100%}#modal-overlay{z-index:99;position:fixed;top:0;left:0;width:100%;height:120%;background-color:rgba(0,0,0,.75);opacity:0}#modal-overlay.on{animation:fadein-overlay 200ms ease-in;animation-fill-mode:forwards}@keyframes fadein-overlay{0%{opacity:0}100%{opacity:1}}@media all and (max-width: 768px){.subPop{display:block;width:96%;min-width:auto;min-height:50rem;margin:0 auto;aspect-ratio:auto}.subPop::after{clip-path:polygon(0 82vw, 100% 92vw, 100% 100%, 0 100%)}.subPop .number{font-size:3rem;height:4rem;justify-content:center;padding-left:0rem}.subPop .number span{font-size:1.5rem}.subPop img.pL{width:60%;height:auto;padding-top:1.5rem;left:auto;margin:auto;margin-bottom:1rem;display:block}.subPop img.pS{width:38%;left:auto;right:2%;bottom:auto;top:5rem;height:auto;z-index:6}.subPop .infoBox{display:flex;flex-direction:column-reverse}.subPop .infoBox .dlBox{display:block;width:100%;margin:0 auto 1rem;padding:0 1rem;box-sizing:border-box;position:relative;top:auto;bottom:0;right:auto}.subPop .infoBox .dlBox .profile{font-size:3rem}.subPop .infoBox .dlBox dl{max-height:18rem}.subPop .infoBox .dlBox dl dt{font-size:1.3rem;line-height:1.6;clip-path:polygon(0 0, 100% 0, 100% calc(100% - 0.5rem), calc(100% - 0.5rem) 100%, 0 100%);padding:.2rem .5rem}.subPop .infoBox .dlBox dl dt span{font-size:1rem}.subPop .infoBox .dlBox dl dd{font-size:1.3rem;padding:0 1.5rem 0 .5rem;clip-path:polygon(0 0, 100% 0, 100% calc(100% - 0.5rem), calc(100% - 0.5rem) 100%, 0 100%)}.subPop .infoBox .dlBox .tik{font-size:1.2rem}.subPop .infoBox .dlBox .tik img{width:3rem}.modal__close-btn{display:flex;justify-content:center;align-items:center;top:-2rem}#pastprofiles .modal__close-btn{top:-4rem;width:3rem;height:3rem}.swiper-button-prev{left:0}.swiper-button-next{right:0}}