.tv-layout{--u:min(calc(100vh / 836), calc(100vw / 1440));--tv-layout-dir:1;box-sizing:border-box;color:#072457;background:radial-gradient(60% 55% at 22% 18%,#fffcf6f2 0%,#fffcf600 100%),linear-gradient(140deg,#faf1e2 0%,#f5e6cb 55%,#efd5a8 100%);min-height:100vh;position:relative;overflow:hidden}.tv-layout__frame{width:calc(1443 * var(--u));height:calc(836 * var(--u));position:absolute;top:50%;left:50%;translate:-50% -50%}.tv-layout__title{top:calc(94 * var(--u));color:#072457;font-size:max(26px, 40 * var(--u));text-align:center;margin:0;font-weight:400;line-height:1.4;position:absolute;left:0;right:0}.tv-layout__panels{position:absolute;inset:0}.tv-layout__panel{visibility:hidden;opacity:0;pointer-events:none;transition:opacity .5s,visibility 0s linear .5s;position:absolute;inset:0}.tv-layout__panel.is-active{visibility:visible;opacity:1;pointer-events:auto;transition-delay:0s}.tv-layout__name{top:calc(184 * var(--u));left:calc(276 * var(--u));height:calc(462 * var(--u));color:#dcc08f;font-size:calc(46 * var(--u));letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;writing-mode:vertical-rl;margin:0;font-weight:400;line-height:1;position:absolute;rotate:180deg}.tv-layout__info{top:calc(244 * var(--u));left:calc(363 * var(--u));width:calc(330 * var(--u));position:absolute}.tv-layout__type{padding-bottom:calc(18 * var(--u));color:#072457;font-size:max(15px, 20 * var(--u));letter-spacing:.02em;text-transform:uppercase;border-bottom:1px solid #dcc08fcc;margin:0;font-weight:400;line-height:1.3}.tv-layout__areas{gap:calc(20 * var(--u));margin:calc(26 * var(--u)) 0 0;display:flex}.tv-layout__areas dt{font-size:max(12px, 15 * var(--u));line-height:1.3}.tv-layout__areas dd{margin:calc(6 * var(--u)) 0 0;color:#dcc08f;font-size:max(20px, 28 * var(--u));font-weight:700;line-height:1.2}.tv-layout__area{flex:1}.tv-layout__quantity,.tv-layout__view{font-size:max(12px, 15 * var(--u));margin:0;line-height:1.4}.tv-layout__quantity{margin-top:calc(26 * var(--u))}.tv-layout__view{max-width:22em}.tv-layout__percent{color:#dcc08f;font-size:max(18px, 24 * var(--u));margin-right:.15em;font-weight:700;line-height:1}.tv-layout__keyplan{top:calc(313 * var(--u));left:calc(7 * var(--u));width:calc(254 * var(--u));display:block;position:absolute;max-width:none!important;height:auto!important}.tv-layout__media{top:calc(368 * var(--u));left:calc(745 * var(--u));width:calc(min(var(--w,480), 520) * var(--u));position:absolute;translate:0 -50%}.tv-layout__img{width:100%;display:block;max-width:none!important;height:auto!important}.tv-layout__panel.is-active .tv-layout__img{animation:.7s cubic-bezier(.22,1,.36,1) tv-layout-swap}.tv-layout__arrows{top:calc(552 * var(--u));left:calc(765 * var(--u));gap:calc(48 * var(--u));display:flex;position:absolute}.tv-layout__arrow{width:max(26px, 30 * var(--u));height:max(26px, 30 * var(--u));color:#072457;cursor:pointer;background:0 0;border:1px solid #072457;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background-color .2s,color .2s;display:flex}.tv-layout__arrow:hover,.tv-layout__arrow:focus-visible{color:#fff;background:#072457}.tv-layout__arrow:focus-visible{outline-offset:3px;outline:1px solid #072457}.tv-layout__note{top:calc(605 * var(--u));left:calc(746 * var(--u));font-size:max(9px, 10 * var(--u));margin:0;font-style:italic;line-height:1.4;position:absolute}.tv-layout__tabs{top:calc(682 * var(--u));gap:calc(11 * var(--u)) calc(14 * var(--u));grid-template-rows:repeat(2,auto);grid-auto-flow:column;display:grid;position:absolute;left:50%;translate:-50%}.tv-layout__tab{min-width:calc(100 * var(--u));height:max(24px, 27 * var(--u));padding:0 calc(12 * var(--u));color:#fff;font-family:inherit;font-size:max(12px, 15 * var(--u));white-space:nowrap;cursor:pointer;background:#dcc08f;border:0;border-radius:0;line-height:1;transition:background-color .3s}.tv-layout__tab:hover,.tv-layout__tab:focus-visible{background:#cfae76}.tv-layout__tab:focus-visible{outline-offset:2px;outline:1px solid #072457}.tv-layout__tab.is-active{cursor:default;background:#072457}.tv-layout.is-animated .tv-layout__title,.tv-layout.is-animated .tv-layout__info,.tv-layout.is-animated .tv-layout__note{opacity:0;translate:0 20px}.tv-layout.is-animated .tv-layout__name{clip-path:inset(0 0 0 100%)}.tv-layout.is-animated .tv-layout__media,.tv-layout.is-animated .tv-layout__arrows,.tv-layout.is-animated .tv-layout__tabs{opacity:0}.tv-layout.is-inview .tv-layout__title{animation:.9s cubic-bezier(.22,1,.36,1) .1s forwards tv-layout-rise}.tv-layout.is-inview .tv-layout__name{animation:1.4s cubic-bezier(.45,0,.25,1) .3s forwards tv-layout-unveil}.tv-layout.is-inview .tv-layout__info{animation:.9s cubic-bezier(.22,1,.36,1) .5s forwards tv-layout-rise}.tv-layout.is-inview .tv-layout__media{animation:1.2s .6s forwards tv-layout-fade}.tv-layout.is-inview .tv-layout__arrows,.tv-layout.is-inview .tv-layout__note{animation:.8s cubic-bezier(.22,1,.36,1) .9s forwards tv-layout-rise}.tv-layout.is-inview .tv-layout__tabs{animation:.8s 1s forwards tv-layout-fade}@media (width<=1024px){.tv-layout{--u:min(calc((100vw - 32px) / 480), 1px);padding:110px 16px 56px}}@media (width<=1024px) and (width<=767px){.tv-layout{min-height:auto!important}}@media (width<=1024px){.tv-layout__frame{flex-direction:column;align-items:center;width:auto;height:auto;display:flex;position:static;translate:none}.tv-layout__title{font-size:1.75rem;position:static}.tv-layout__tabs{order:1;grid-template-rows:none;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));grid-auto-flow:row;gap:8px;width:100%;max-width:560px;margin-top:20px;position:static;translate:none}.tv-layout__panels{order:2;width:100%;max-width:560px;margin-top:28px;display:grid;position:relative;inset:auto}.tv-layout__panel{flex-direction:column;grid-area:1/1;display:flex;position:relative;inset:auto}.tv-layout__name{white-space:normal;writing-mode:horizontal-tb;height:auto;font-size:1.5rem;position:static;rotate:none}.tv-layout__media{width:min(100%, var(--w,480) * 1px);order:-1;margin:0 auto 12px;position:static;translate:none}.tv-layout__info{width:auto;margin-top:16px;position:static}.tv-layout__view{max-width:none}.tv-layout__keyplan{margin-top:16px;position:static}.tv-layout__arrows{order:3;margin-top:20px;position:static}.tv-layout__note{text-align:center;order:4;margin-top:12px;position:static}.tv-layout.is-animated .tv-layout__name{clip-path:none}}@media (width<=1024px) and (width<=767px){.tv-layout{padding:19px 0 32px;position:relative}.tv-layout__frame{box-sizing:border-box;padding:0 clamp(70.2px,20.8vw,93.6px);position:relative;top:auto;left:auto}.tv-layout__title{font-size:clamp(21.6px,6.4vw,28.8px);line-height:32px}.tv-layout__tabs{grid-template-rows:repeat(2,10px);grid-template-columns:none;grid-auto-flow:column;gap:4px 6px;width:auto;margin-top:14px}.tv-layout__tab{min-width:clamp(32.4px,9.6vw,43.2px);height:10px;padding:0 3px;font-size:clamp(5.4px,1.6vw,7.2px)}.tv-layout__panels{margin-top:24px}.tv-layout__media{justify-content:center;align-items:center;width:100%;height:172px;margin:0;display:flex}.tv-layout__media .tv-layout__img{width:auto;max-height:100%;max-width:100%!important;height:auto!important}.tv-layout__name{margin-top:50px;padding-right:40px;font-size:clamp(12.6px,3.73333vw,16.8px);line-height:20px}.tv-layout__info{margin-top:4px}.tv-layout__type{padding-bottom:12px;font-size:clamp(12.6px,3.73333vw,16.8px)}.tv-layout__areas{gap:20px;margin-top:18px}.tv-layout__areas dt{font-size:clamp(9px,2.66667vw,12px)}.tv-layout__areas dd{margin-top:2px;font-size:clamp(21.6px,6.4vw,28.8px)}.tv-layout__quantity,.tv-layout__view{font-size:clamp(9px,2.66667vw,12px)}.tv-layout__view{max-width:clamp(153px,45.3333vw,204px)}.tv-layout__quantity{margin-top:16px}.tv-layout__percent{font-size:clamp(18px,5.33333vw,24px)}.tv-layout__keyplan{width:clamp(117px,34.6667vw,156px);margin-top:14px}.tv-layout__note{text-align:left;max-width:clamp(94.5px,28vw,126px);margin:0;font-size:clamp(4.77px,1.41333vw,6.36px);position:absolute;top:290px;left:auto;right:clamp(70.2px,20.8vw,93.6px)}.tv-layout__arrows{gap:10px;margin:0;position:absolute;top:314px;left:auto;right:clamp(75.6px,22.4vw,100.8px)}.tv-layout__arrow{width:13px;height:13px}.tv-layout__arrow svg{width:4px;height:auto}}@keyframes tv-layout-swap{0%{opacity:0;translate:calc(var(--tv-layout-dir) * 40px) 0}}@keyframes tv-layout-rise{to{opacity:1;translate:0}}@keyframes tv-layout-unveil{to{clip-path:inset(0)}}@keyframes tv-layout-fade{to{opacity:1}}
