.intro__container{margin:0 auto;background:linear-gradient(180deg,#fff 30%,#e5faff 90%);text-align:center;font-weight:700;line-height:1.5;letter-spacing:5%;.device-type-mobile &{margin-inline:calc(16vw / var(--_nmbw));font-size:calc(24vw / var(--_nmbw));border-radius:calc(8vw / var(--_nmbw));padding-block:calc(16vw / var(--_nmbw))}.device-type-desktop &{width:800px;font-size:36px;border-radius:16px;padding-top:36px;padding-bottom:24px}.intro-inner{display:flex;flex-wrap:wrap;justify-content:center;color:var(--_body-color);.device-type-mobile &{gap:calc(8vw / var(--_nmbw))}.device-type-desktop &{gap:8px}.line{display:flex;flex-direction:row;justify-content:center;align-items:flex-end;.device-type-mobile &{gap:calc(4vw / var(--_nmbw))}.device-type-desktop &{gap:4px;&:first-of-type{margin-right:-8px}&:last-of-type{width:100%}}.text-tver,.text-telasa{font-family:Roboto,Noto Sans JP,sans-serif;line-height:1.2;letter-spacing:.03em;.device-type-mobile &{font-size:calc(26vw / var(--_nmbw))}.device-type-desktop &{font-size:39px}}.text-tver span.small{.device-type-mobile &{margin-left:calc(1vw / var(--_nmbw))}.device-type-desktop &{margin-left:1px}}.text-telasa span.small{.device-type-mobile &{margin-right:calc(1vw / var(--_nmbw))}.device-type-desktop &{margin-right:1px}}.badge-group{display:flex;flex-direction:row}.badge-limited{display:flex;justify-content:center;align-items:center;background:var(--_body-color);color:#fff;position:relative;line-height:1.2;letter-spacing:5%;&:after{content:"";position:absolute;z-index:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpolygon points='0,0 12,0 6,12' fill='%23242424'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.device-type-mobile &{font-size:calc(11vw / var(--_nmbw));border-radius:calc(1000vw / var(--_nmbw));width:calc(40vw / var(--_nmbw));height:calc(40vw / var(--_nmbw));margin-right:calc(-8vw / var(--_nmbw));margin-top:calc(-6vw / var(--_nmbw));padding-bottom:calc(2vw / var(--_nmbw));&:after{width:calc(12vw / var(--_nmbw));height:calc(12vw / var(--_nmbw));right:calc(-4vw / var(--_nmbw));bottom:calc(4vw / var(--_nmbw));transform:rotate(-59deg)}}.device-type-desktop &{font-size:16.5px;border-radius:1000px;width:60px;height:60px;margin-right:-14px;margin-top:-12px;&:after{right:-4px;bottom:4px;width:12px;height:12px;transform:rotate(-55deg)}}}.badge-line{display:flex;justify-content:center;align-items:center;color:#fff;line-height:1;.device-type-mobile &{font-size:calc(20vw / var(--_nmbw));border-radius:calc(100vw / var(--_nmbw));padding:calc(8vw / var(--_nmbw)) calc(14vw / var(--_nmbw))}.device-type-desktop &{font-size:30px;border-radius:1000px;padding:12px 20px}}.badge-tver{background:linear-gradient(100deg,#00d9ee,#0073bf 88.11%)}.badge-telasa{background:#ea5504}}span.small,.sub-line{.device-type-mobile &{font-size:calc(16vw / var(--_nmbw))}.device-type-desktop &{font-size:24px}}.sub-line{border-bottom:2px solid #000;display:inline-block;width:max-content;margin:0 auto}}}section.program-section{h2.h2-ttl{position:relative;text-align:center;line-height:1;span{position:absolute;left:50%;transform:translate(-50%);color:var(--_key-color);opacity:.1;z-index:0;font-family:Roboto,sans-serif;font-weight:700;letter-spacing:.1em}.device-type-mobile &{font-size:calc(28vw / var(--_nmbw));margin-top:calc(60vw / var(--_nmbw));margin-bottom:calc(40vw / var(--_nmbw));span{bottom:calc(-24vw / var(--_nmbw));font-size:calc(74vw / var(--_nmbw))}}.device-type-desktop &{font-size:36px;margin-top:60px;margin-bottom:40px;span{bottom:-30px;font-size:100px}}}ul.program__list-wrapper{display:flex;flex-wrap:wrap;.device-type-mobile &{margin-inline:calc(16vw / var(--_nmbw));justify-content:space-between;filter:drop-shadow(0px calc(4vw / var(--_nmbw)) calc(16vw / var(--_nmbw)) rgba(0,0,0,.16))}.device-type-desktop &{width:1080px}li{display:flex;flex-direction:column;background:#fff;overflow:hidden;transform:translateY(0) translateZ(0);transition:all .2s ease-out;cursor:pointer;.device-type-mobile &{width:calc((100% - 3.076vw)/2);margin-bottom:calc(22vw / var(--_nmbw));border-radius:calc(8vw / var(--_nmbw))}.device-type-desktop &{width:calc(96%/5);margin-right:1%;margin-bottom:34px;border-radius:8px;filter:drop-shadow(0px 4px 16px rgba(0,0,0,.16));&:nth-child(5n){margin-right:0}&:hover{transform:translateY(-12px) translateZ(0);filter:drop-shadow(0px 16px 16px rgba(0,0,0,.12))}}.program__thumbnail{width:100%;height:auto;img{width:100%;height:auto}}.program__info{display:flex;flex-direction:column;text-align:center;flex-grow:1;.device-type-mobile &{gap:calc(14vw / var(--_nmbw));padding:calc(8vw / var(--_nmbw)) calc(8vw / var(--_nmbw)) calc(16vw / var(--_nmbw))}.device-type-desktop &{gap:14px;padding:8px 8px 16px}}.program__title{line-height:1.3;flex-grow:1;display:flex;justify-content:center;align-items:center;.device-type-mobile &{font-size:calc(13vw / var(--_nmbw));letter-spacing:-2%}.device-type-desktop &{font-size:15px;letter-spacing:-.3px}}.program__badges{display:flex;flex-direction:row;line-height:1;font-weight:700;color:var(--_second-body-color);.device-type-mobile &{gap:calc(8vw / var(--_nmbw));font-size:calc(11vw / var(--_nmbw))}.device-type-desktop &{gap:8px;font-size:12px}.badge-item{display:flex;flex-direction:column;width:50%;.device-type-mobile &{gap:calc(6vw / var(--_nmbw))}.device-type-desktop &{gap:8px}&.badge-tver .logo-wrap{.device-type-mobile &{height:calc(22vw / var(--_nmbw))}.device-type-desktop &{height:22px}}.logo-wrap{width:auto;.badge-telasa &{.device-type-mobile &{margin-block:calc(2vw / var(--_nmbw))}.device-type-desktop &{margin-block:2px}}.device-type-mobile &{height:calc(18vw / var(--_nmbw))}.device-type-desktop &{height:18px}img{height:100%;width:auto}}.badge-text{line-height:1.2}}.program__divider{width:1px;height:100%;border-left:1px solid #e0e0e0}}}}}section.category-nav{display:flex;align-items:center;justify-content:center;flex-direction:row;background-color:var(--_body-color);transform:translateZ(0);.device-type-mobile &{border-radius:calc(16vw / var(--_nmbw));margin:calc(16vw / var(--_nmbw)) calc(16vw / var(--_nmbw)) 0;filter:drop-shadow(0px calc(4vw / var(--_nmbw)) calc(16vw / var(--_nmbw)) rgba(0,0,0,.16))}.device-type-desktop &{border-radius:12px;margin:20px auto 0;width:800px;filter:drop-shadow(0px 4px 16px rgba(0,0,0,.16))}a.nav-item{display:flex;width:50%;justify-content:center;align-items:center;color:#fff;text-decoration:none;font-weight:700;letter-spacing:.05em;transition:opacity .2s;.device-type-mobile &{padding:calc(16vw / var(--_nmbw)) 0;font-size:calc(16vw / var(--_nmbw));gap:calc(6vw / var(--_nmbw))}.device-type-desktop &{padding:16px 40px;font-size:18px;gap:12px;&:hover{opacity:.7}}.program-num{background:color-mix(in srgb,var(--_key-color) 80%,transparent);color:#fff;display:flex;align-items:center;flex-wrap:nowrap;line-height:1;.device-type-mobile &{height:calc(20vw / var(--_nmbw));padding:0 calc(8vw / var(--_nmbw)) 0 calc(6vw / var(--_nmbw));border-radius:calc(100vw / var(--_nmbw));gap:calc(1vw / var(--_nmbw))}.device-type-desktop &{height:32px;padding:0 14px 0 12px;border-radius:100px;gap:2px}.num{font-weight:700;font-family:Roboto,sans-serif;.device-type-mobile &{font-size:calc(14vw / var(--_nmbw))}.device-type-desktop &{font-size:18px}}.fade-up-text{opacity:0;transform:translateY(10px);transition:all .2s ease-out;display:inline-block;.device-type-mobile &{transform:translateY(1vw)}.device-type-desktop &{transform:translateY(10px)}}.fade-up-text.is-visible{opacity:1;transform:translateY(0)}span:not(.num){font-weight:700;.device-type-mobile &{font-size:calc(10vw / var(--_nmbw))}.device-type-desktop &{font-size:13px}}}}.nav-divider{width:1px;background-color:#555;.device-type-mobile &{height:calc(32vw / var(--_nmbw))}.device-type-desktop &{height:32px}}}section.attention-section{p{font-weight:400;color:var(--_second-body-color);text-align:center;letter-spacing:.025em;.device-type-mobile &{font-size:calc(11vw / var(--_nmbw));margin-top:calc(20vw / var(--_nmbw))}.device-type-desktop &{font-size:12px;margin-top:40px}}}#program-modal{display:flex;justify-content:center;align-items:center;position:fixed;inset:0;background:#e5faffbf;z-index:9999;place-items:center;opacity:0;transition:opacity .3s ease-out,transform 0s .3s ease-out;transform:scale(0);&.is-active{opacity:1;transform:scale(1);transition:opacity .3s ease-out}.program-modal-content{background:#fff;position:relative;text-align:center;transform:translateY(3vh) translateZ(0);transition:transform .5s ease-out;.is-active &{transform:translateY(0) translateZ(0)}.device-type-mobile &{border-radius:calc(16vw / var(--_nmbw));width:calc(320vw / var(--_nmbw));filter:drop-shadow(0px calc(4vw / var(--_nmbw)) calc(16vw / var(--_nmbw)) rgba(0,0,0,.24));margin-bottom:calc(40vw / var(--_nmbw))}.device-type-desktop &{border-radius:16px;width:clamp(440px,90%,640px);filter:drop-shadow(0px 4px 16px rgba(0,0,0,.16))}.program-modal-close{position:absolute;border:none;background:none;color:#fff;background-color:var(--_body-color);cursor:pointer;opacity:0;.is-active &{opacity:1}.device-type-mobile &{bottom:calc(-12vw / var(--_nmbw));left:50%;transform:translate(-50%) translateY(100%);font-size:calc(24vw / var(--_nmbw));border-radius:calc(100vw / var(--_nmbw));width:calc(52vw / var(--_nmbw));height:calc(52vw / var(--_nmbw))}.device-type-desktop &{top:0;right:-8px;transform:translate(100%);font-size:24px;border-radius:1000px;width:52px;height:52px;transition:all .3s ease-out;&:hover{opacity:.75}}}.modal-inner{max-height:80dvh;overflow-y:scroll}.modal-img-wrap{width:100%;height:auto;overflow:hidden;.device-type-mobile &{border-radius:calc(16vw / var(--_nmbw)) calc(16vw / var(--_nmbw)) 0 0}.device-type-desktop &{border-radius:16px 16px 0 0}img{width:100%;height:auto}}.program-modal-title{line-height:1.3;.device-type-mobile &{font-size:calc(16vw / var(--_nmbw));margin-top:calc(8vw / var(--_nmbw));padding-inline:calc(16vw / var(--_nmbw))}.device-type-desktop &{margin-top:12px;padding-inline:24px}}.program-modal-links{display:flex;justify-content:center;.device-type-mobile &{gap:calc(16vw / var(--_nmbw))}.device-type-desktop &{gap:16px}.modal-platforms-container{width:100%;display:flex;.device-type-mobile &{flex-direction:column;padding:calc(16vw / var(--_nmbw));padding-top:calc(8vw / var(--_nmbw));gap:calc(8vw / var(--_nmbw))}.device-type-desktop &{flex-direction:row;padding:16px 24px 24px;gap:16px}.platform-card{display:flex;align-items:center;flex-direction:column;.device-type-mobile &{width:100%;padding:calc(16vw / var(--_nmbw));border-radius:calc(8vw / var(--_nmbw));gap:calc(8vw / var(--_nmbw))}.device-type-desktop &{width:50%;padding:16px;border-radius:8px;gap:8px}&.card-tver{background-color:#e7fbfe}&.card-telasa{background-color:#fff2eb;.platform-info .platform-desc{font-weight:700;letter-spacing:.1em}}.platform-info{display:flex;flex-direction:row;flex-grow:1;justify-content:center;align-items:center;.device-type-mobile &{gap:calc(24vw / var(--_nmbw))}.device-type-desktop &{gap:16px}.platform-logo{flex-grow:1;&.logo-tver{display:flex;flex-direction:column;font-weight:700;line-height:1.2;.device-type-mobile &{font-size:calc(12vw / var(--_nmbw));gap:calc(2vw / var(--_nmbw))}.device-type-desktop &{font-size:12px;gap:2px}}.logo-wrap{width:auto;.logo-telasa &{.device-type-mobile &{height:calc(28vw / var(--_nmbw))}}.device-type-mobile &{height:calc(35vw / var(--_nmbw))}.device-type-desktop &{height:35px}img{height:100%;width:auto;object-fit:contain}}}.platform-desc{text-align:left;line-height:1.5;font-family:Roboto,Noto Sans JP,sans-serif;.card-telasa &{text-align:center;line-height:1.25;.device-type-mobile &{letter-spacing:.02em}}.device-type-mobile &{font-size:calc(14vw / var(--_nmbw))}.device-type-desktop &{font-size:16px}.detail-grid{display:grid;grid-template-columns:auto auto;column-gap:1em;row-gap:0px;text-align:left;line-height:1.5;color:var(--_body-color);.device-type-mobile &{font-size:calc(14vw / var(--_nmbw))}.device-type-desktop &{font-size:14px}}.detail-full{grid-column:1 / -1}}}a.btn-watch{display:flex;justify-content:center;align-items:center;width:100%;font-weight:700;line-height:1;text-decoration:none;color:#fff;transition:all .3s ease-out;position:relative;&:after{content:"";position:absolute;top:50%;border-right:2px solid #fff;border-top:2px solid #fff;transform:translate(-2px) translateY(-50%) rotate(45deg)}.device-type-mobile &{border-radius:calc(100vw / var(--_nmbw));box-shadow:0 calc(4vw / var(--_nmbw)) calc(8vw / var(--_nmbw)) 0 #0000001a;height:calc(48vw / var(--_nmbw));&:after{height:calc(10vw / var(--_nmbw));width:calc(10vw / var(--_nmbw));right:calc(24vw / var(--_nmbw))}}.device-type-desktop &{transform:translateY(0);border-radius:100px;box-shadow:0 4px 8px #0000001a;height:48px;padding-inline:24px;&:hover{transform:translateY(-2px)}&:after{height:10px;width:10px;right:16px}}&.btn-tver{background:linear-gradient(100deg,#00d9ee,#0073bf 88.11%)}&.btn-telasa{background:#ea5504}}}}}@media (max-width: 800px){.program-modal-close{.device-type-desktop &{top:-8px;right:0;transform:translateY(-100%)}}.program-modal-title{.device-type-desktop &{padding-inline:16px}}.program-modal-links{.device-type-desktop &{.modal-platforms-container{padding-inline:16px;.platform-card{.platform-info{flex-direction:column;gap:8px;.platform-logo{flex-grow:initial}}}.btn-watch{&:after{display:none}}}}}}}}