.artwork-download-label[data-astro-cid-5foaja64]{display:inline-flex;gap:4px;align-items:center}.artwork-download-trigger[data-astro-cid-5foaja64]{display:inline-flex}.artwork-download-dialog[data-astro-cid-5foaja64]{width:min(100% - 32px,360px);padding:0;color:var(--text-black);background:var(--default-white);border:1px solid var(--border-black);border-radius:16px}.artwork-download-dialog[data-astro-cid-5foaja64]::backdrop{background:#00000080}.artwork-download-dialog-body[data-astro-cid-5foaja64]{display:grid;gap:24px;padding:24px}.artwork-download-dialog-body[data-astro-cid-5foaja64] h2[data-astro-cid-5foaja64]{font-size:18px;line-height:1.5;text-align:center}.artwork-download-dialog-actions[data-astro-cid-5foaja64]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.artwork-download-cancel[data-astro-cid-5foaja64],.artwork-download-confirm[data-astro-cid-5foaja64]{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;font-size:14px;font-weight:700;line-height:1.4;border:1px solid var(--border-black);border-radius:24px}.artwork-download-cancel[data-astro-cid-5foaja64]{color:var(--text-black);cursor:pointer;background:var(--default-white)}.artwork-download-cancel[data-astro-cid-5foaja64]:hover,.artwork-download-cancel[data-astro-cid-5foaja64]:active{background:var(--button-hover)}.artwork-download-confirm[data-astro-cid-5foaja64]{color:var(--text-white);background:var(--button-primary-active)}.artwork-download-confirm[data-astro-cid-5foaja64]:hover,.artwork-download-confirm[data-astro-cid-5foaja64]:active{color:var(--text-black);background:var(--button-hover)}.artwork-download-cancel[data-astro-cid-5foaja64]:focus-visible,.artwork-download-confirm[data-astro-cid-5foaja64]:focus-visible{outline:3px solid var(--button-primary-active);outline-offset:2px}:root{--default-white: #fff;--default-black: #222b4d;--default-gray: #cbd3e0;--default-pink: #f12a9b;--default-light-pink: #ffe0eb;--default-deep-yellow: #fff500;--default-attention: #fe0e16;--uta-red: #f82c58;--uta-light-red: #fcdad6;--uta-very-light-red: #fff0ee;--odo-blue: #1d6cf5;--odo-light-blue: #d0fffd;--odo-very-light-blue: #e6fffe;--utaodo-green: #46bb23;--utaodo-light-green: #cdffde;--exhibition-orange: #ff8c00;--exhibition-light-orange: #ffe8cc;--text-white: #fff;--text-black: var(--default-black);--text-gray: var(--default-gray);--text-pink: var(--default-pink);--text-yellow: var(--default-deep-yellow);--button-primary-active: var(--default-black);--button-secondary-active: var(--default-pink);--button-hover: var(--default-white);--button-disabled: var(--default-gray);--border-white: #fff;--border-black: var(--default-black);--border-pink: var(--default-pink);--border-gray: var(--default-gray);--background-page: #f2fff9;--background-beige: #f9f9f3;--background-uta-link: #ffeeec;--background-yellow: #fff37a;--background-black100: var(--default-black);--background-yellow-gradation: linear-gradient(90deg, #fff500 0%, #ffde70 100%);--background-rainbow: linear-gradient( 90deg, #e93d73 21.635%, #a5b931 50.721%, #3afcd2 79.808% );--background-red-gradation: linear-gradient(90deg, #f12b4f 0%, #f44b91 100%);--background-blue-gradation: linear-gradient(90deg, #2b66f1 0%, #598cfc 100%);--background-green-gradation: linear-gradient(90deg, #24ba1a 0%, #bbe238 100%);--background-orange-gradation: linear-gradient(90deg, #f46404 0%, #fda71d 100%);--background-topics-hero-gradation: linear-gradient( 90deg, #d4ff7e 0%, #8affe8 50.721%, #ffbff6 100% );--background-topics-section-gradation: linear-gradient( 90deg, #dcfc9c 0%, #dcfff8 50.721%, #ffedfd 100% );--background-topics-h4-gradation: linear-gradient(180deg, #3afcd2 0%, #bfff99 100%);--radius-small: 8px;--radius-default: 16px;--radius-section: 64px;--shadow-button: 0 4px 8px rgb(61 88 205 / 20%);--shadow-content: 0 0 10px rgb(25 25 25 / 10%);--navbar-sp-height: 56px;--navbar-pc-height: 72px;--header-alert-height: 0px;--header-sp-height: calc(var(--navbar-sp-height) + var(--header-alert-height));--header-pc-height: calc(var(--navbar-pc-height) + var(--header-alert-height));--z-index-header: 100;--z-index-page-top: 90;--z-index-page-menu-button: 80;--z-index-page-menu-content: 75;--z-index-page-menu-backdrop: 70}.beginner-page{min-height:min(1600 * var(--vw-per-px, 1px),1600px);padding-bottom:min(64 * var(--vw-per-px, 1px),64px);color:#222b4d;background:#f7fffb url(/2026-autumn/pages/top/background/root-bg-sp.webp) top center/100% auto repeat-y}@media (width >= 1024px){.beginner-page{padding-bottom:min(80 * var(--vw-per-px, 1px),80px);background-image:url(/2026-autumn/pages/top/background/root-bg-pc.webp)}}h2,h3,h4,p,dl,dd,pre{margin:0}.beginner-inner{width:min(100% - min(32 * var(--vw-per-px, 1px),32px),min(1200 * var(--vw-per-px, 1px),1200px));margin:0 auto}@media (width >= 1024px){.beginner-inner{padding-top:0}}.type-nav,.content-tabs{width:min(100%,min(512 * var(--vw-per-px, 1px),512px));margin-inline:auto}@media (width >= 1024px){.type-nav,.content-tabs{width:100%}}.type-nav{position:sticky;top:calc(var(--header-sp-height) + min(16 * var(--vw-per-px, 1px),16px));z-index:5;padding-bottom:min(24 * var(--vw-per-px, 1px),24px)}@media (width >= 1024px){.type-nav{position:static;padding-bottom:min(40 * var(--vw-per-px, 1px),40px)}}.type-dropdown{display:block;overflow:hidden;background:#fff;border:0;border-radius:min(16 * var(--vw-per-px, 1px),16px);box-shadow:0 min(4 * var(--vw-per-px, 1px),4px) min(8 * var(--vw-per-px, 1px),8px) #3d58cd33}@media (width >= 1024px){.type-dropdown{display:none}}.type-dropdown summary{display:flex;align-items:center;justify-content:space-between;height:min(48 * var(--vw-per-px, 1px),48px);padding:0 min(14 * var(--vw-per-px, 1px),14px);font-size:min(14 * var(--vw-per-px, 1px),14px);font-weight:700;line-height:1.2;color:#222b4d;letter-spacing:.04em;cursor:pointer;list-style:none;border:min(2 * var(--vw-per-px, 1px),2px) solid #cbd3e0;border-radius:min(16 * var(--vw-per-px, 1px),16px);box-sizing:border-box}.type-dropdown summary::-webkit-details-marker{display:none}.type-dropdown summary:after{width:min(24 * var(--vw-per-px, 1px),24px);height:min(24 * var(--vw-per-px, 1px),24px);content:"";background:url(/2026-autumn/icons/accordion-plus.svg) center/contain no-repeat}.type-dropdown[open] summary:after{background-image:url(/2026-autumn/pages/faq/icon-minus.svg)}.type-dropdown[open] summary{border-bottom:0;border-radius:min(16 * var(--vw-per-px, 1px),16px) min(16 * var(--vw-per-px, 1px),16px) 0 0}.type-dropdown ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:min(8 * var(--vw-per-px, 1px),8px);padding:min(8 * var(--vw-per-px, 1px),8px) min(14 * var(--vw-per-px, 1px),14px) min(14 * var(--vw-per-px, 1px),14px);margin:0;list-style:none;border:min(2 * var(--vw-per-px, 1px),2px) solid #cbd3e0;border-top:0;border-radius:0 0 min(16 * var(--vw-per-px, 1px),16px) min(16 * var(--vw-per-px, 1px),16px);box-sizing:border-box}.type-dropdown a{display:grid;height:min(40 * var(--vw-per-px, 1px),40px);padding:min(8 * var(--vw-per-px, 1px),8px);font-size:min(14 * var(--vw-per-px, 1px),14px);font-weight:700;line-height:1.2;text-align:center;border:1px solid currentcolor;border-radius:min(8 * var(--vw-per-px, 1px),8px);letter-spacing:.04em;place-items:center}.type-dropdown a.is-uta{color:#f82c58;background:var(--uta-light-red)}.type-dropdown a.is-odo{color:#1d6cf5;background:#d0fffc}.type-dropdown summary:focus-visible,.type-tab-list a:focus-visible{z-index:1;outline:3px solid #222b4d;outline-offset:max(-3 * var(--vw-per-px, 1px),-3px)}.type-dropdown a:focus-visible,.content-tab:focus-visible{z-index:1;outline:3px solid #222b4d;outline-offset:min(2 * var(--vw-per-px, 1px),2px)}.type-tab-list{display:none;padding:0;margin:0;list-style:none}@media (width >= 1024px){.type-tab-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));height:min(48 * var(--vw-per-px, 1px),48px);overflow:hidden;background:#fff;border:min(2 * var(--vw-per-px, 1px),2px) solid #cbd3e0;border-radius:min(16 * var(--vw-per-px, 1px),16px);box-shadow:0 min(4 * var(--vw-per-px, 1px),4px) min(8 * var(--vw-per-px, 1px),8px) #3d58cd33;box-sizing:border-box}}.type-tab-list li+li{border-left:min(2 * var(--vw-per-px, 1px),2px) solid #cbd3e0}.type-tab-list a,.content-tab{display:grid;font-size:min(14 * var(--vw-per-px, 1px),14px);font-weight:700;line-height:1.2;text-align:center;letter-spacing:.04em;place-items:center}.type-tab-list a{height:min(44 * var(--vw-per-px, 1px),44px)}@media (width >= 1024px){.type-tab-list a{font-size:min(16 * var(--vw-per-px, 1px),16px)}}.type-tab-list a[aria-current=page]{color:#fff}.type-tab-list a.is-uta[aria-current=page]{background:#f82c58}.type-tab-list a.is-odo[aria-current=page]{background:#1d6cf5}.content-tab-group{display:flex;gap:min(8 * var(--vw-per-px, 1px),8px);justify-content:center;padding:0 0 min(41 * var(--vw-per-px, 1px),41px)}@media (width >= 1024px){.content-tab-group{padding:0 min(16 * var(--vw-per-px, 1px),16px) min(64 * var(--vw-per-px, 1px),64px)}}.content-tab{position:relative;flex:1 1 0;height:min(50 * var(--vw-per-px, 1px),50px);max-width:min(280 * var(--vw-per-px, 1px),280px);min-width:0;padding:min(8 * var(--vw-per-px, 1px),8px);background:#fff;border:0;border-radius:min(8 * var(--vw-per-px, 1px),8px);box-shadow:inset 0 0 0 2px #222b4d}@media (width >= 1024px){.content-tab{height:min(48 * var(--vw-per-px, 1px),48px);padding-inline:min(24 * var(--vw-per-px, 1px),24px)}}.content-tab[aria-current=page]{color:#fff;pointer-events:none;background:#222b4d;box-shadow:inset 0 0 0 1px #222b4d}.content-tab[aria-current=page]:after{position:absolute;bottom:max(-8 * var(--vw-per-px, 1px),-8px);left:50%;width:min(16 * var(--vw-per-px, 1px),16px);height:min(8 * var(--vw-per-px, 1px),8px);clip-path:polygon(0 0,50% 100%,100% 0);content:"";background:#222b4d;translate:-50% 0}.guide-panel{display:flex;flex-direction:column;gap:0}.guide-panel>*+*{margin-top:min(64 * var(--vw-per-px, 1px),64px)}@media (width >= 1024px){.guide-panel>*+*{margin-top:min(80 * var(--vw-per-px, 1px),80px)}}.guide-panel[data-panel=uta-flow]>.panel-action{margin-top:0}.guide-panel[data-panel=uta-flow],.guide-panel[data-panel=uta-post],.guide-panel[data-panel=odo-post]{width:min(100%,min(512 * var(--vw-per-px, 1px),512px));margin-inline:auto}@media (width >= 1024px){.guide-panel[data-panel=uta-flow],.guide-panel[data-panel=uta-post],.guide-panel[data-panel=odo-post]{width:100%}}.guide-panel[data-panel=odo-flow] .notice-card{width:min(100%,min(512 * var(--vw-per-px, 1px),512px));margin-inline:auto}@media (width >= 1024px){.guide-panel[data-panel=odo-flow] .notice-card{width:100%}}[hidden]{display:none!important}.section-heading{display:flex;flex-direction:column;align-items:center;gap:min(16 * var(--vw-per-px, 1px),16px);padding-bottom:min(13 * var(--vw-per-px, 1px),13px);text-align:center}.section-heading h2{font-size:min(20 * var(--vw-per-px, 1px),20px);font-weight:800;line-height:1.4;letter-spacing:.04em}@media (width >= 1024px){.section-heading h2{font-size:min(24 * var(--vw-per-px, 1px),24px)}}.section-heading span{position:relative;width:min(40 * var(--vw-per-px, 1px),40px);height:min(6 * var(--vw-per-px, 1px),6px)}.section-heading span img{position:absolute;top:0;left:50%;width:min(46 * var(--vw-per-px, 1px),46px);max-width:none;height:min(6 * var(--vw-per-px, 1px),6px);transform:translate(-50%)}.notice-card,.content-section,.mix-guide,.post-attention{display:flex;flex-direction:column}.notice-card{container-type:inline-size}.notice-heading-label{display:contents}.notice-card .section-heading{height:min(60 * var(--vw-per-px, 1px),60px);gap:min(13 * var(--vw-per-px, 1px),13px);padding-bottom:0}@media (width >= 1024px){.notice-card .section-heading{height:min(69 * var(--vw-per-px, 1px),69px)}}.notice-card .section-heading h2{font-weight:700}.short-notice{width:min(100%,min(830 * var(--vw-per-px, 1px),830px));margin:0 auto;overflow:hidden;text-align:center;background:#ffe1e1;border-radius:min(16 * var(--vw-per-px, 1px),16px);box-shadow:0 0 min(10 * var(--vw-per-px, 1px),10px) #1919191a}.short-notice h3{padding:min(12 * var(--vw-per-px, 1px),12px) min(24 * var(--vw-per-px, 1px),24px);font-size:min(20 * var(--vw-per-px, 1px),20px);font-weight:700;line-height:1.4;color:#fff;background:#fe0e16}.short-notice-body{display:flex;flex-direction:column;gap:min(24 * var(--vw-per-px, 1px),24px);align-items:center;padding:min(32 * var(--vw-per-px, 1px),32px);font-size:min(16 * var(--vw-per-px, 1px),16px);line-height:1.5;letter-spacing:.04em}.short-notice-lead,.short-condition strong,.short-condition-item-text{font-weight:700;color:#fe0e16}.short-notice-intro{display:flex;flex-direction:column;gap:min(4 * var(--vw-per-px, 1px),4px);width:100%;text-align:left}@media (width >= 1024px){.short-notice-intro{text-align:center}}.short-condition{width:100%;padding:min(24 * var(--vw-per-px, 1px),24px);text-align:left;background:#fff;border-radius:min(16 * var(--vw-per-px, 1px),16px);display:flex;flex-direction:column;gap:min(10 * var(--vw-per-px, 1px),10px);align-items:center}@media (width >= 1024px){.short-condition{align-items:flex-start;padding:min(32 * var(--vw-per-px, 1px),32px)}}.short-condition ul{padding-left:0;margin:0;list-style:none;width:100%}.short-condition li{display:flex;gap:min(10 * var(--vw-per-px, 1px),10px);align-items:center;min-height:min(24 * var(--vw-per-px, 1px),24px)}.short-condition-title{width:100%;font-weight:700}.short-condition-bullet{flex:0 0 min(12 * var(--vw-per-px, 1px),12px);width:min(12 * var(--vw-per-px, 1px),12px);height:min(12 * var(--vw-per-px, 1px),12px);background:#fe0e16;border-radius:50%}.short-condition-description{width:100%;margin-bottom:min(3 * var(--vw-per-px, 1px),3px);font-size:0;line-height:0;letter-spacing:.04em}@media (width >= 1024px){.short-condition-description{margin-bottom:0}}.short-condition-regular{font-size:min(14 * var(--vw-per-px, 1px),14px);font-weight:400;line-height:1.4;letter-spacing:.04em}.short-condition-break{font-size:min(16 * var(--vw-per-px, 1px),16px);line-height:1.5;letter-spacing:.04em}.short-condition-outcome{font-size:min(16 * var(--vw-per-px, 1px),16px);font-weight:400;line-height:1.5;letter-spacing:.04em}.short-condition-continuation{font-weight:400;color:#222b4d}.short-condition-break-narrow{display:none}@container (width < 400px){.short-condition-break-narrow{display:initial}}@container (min-width: 400px) and (max-width: 599px){.short-notice-intro>p:last-child{width:calc(100% + 1px)}}.short-note{font-size:min(12 * var(--vw-per-px, 1px),12px);font-weight:500;line-height:1.4;letter-spacing:.04em;width:100%;text-align:left}@media (width >= 1024px){.short-note{text-align:center}}.short-notice .button-primary{width:min(280 * var(--vw-per-px, 1px),280px);min-width:min(280 * var(--vw-per-px, 1px),280px)}.short-notice .button-primary-label{display:inline-flex;gap:min(4 * var(--vw-per-px, 1px),4px);align-items:center}.step-list{padding:0;margin:0;list-style:none}.step-item{display:flex;flex-direction:column;padding:min(32 * var(--vw-per-px, 1px),32px) 0;border-top:1px solid #cbd3e0}.step-item:last-child{border-bottom:1px solid #cbd3e0}@media (width >= 1024px){.step-item{padding:min(32 * var(--vw-per-px, 1px),32px) min(16 * var(--vw-per-px, 1px),16px)}}@media (width >= 1024px){.guide-panel[data-panel=uta-post] .step-item,.guide-panel[data-panel=odo-post] .step-item{padding-block:min(30 * var(--vw-per-px, 1px),30px)}}.step-row{display:flex;gap:min(16 * var(--vw-per-px, 1px),16px)}@media (width >= 1024px){.step-row{gap:min(24 * var(--vw-per-px, 1px),24px)}}.step-badge{display:grid;flex:0 0 min(40 * var(--vw-per-px, 1px),40px);width:min(40 * var(--vw-per-px, 1px),40px);height:min(40 * var(--vw-per-px, 1px),40px);font-family:Poppins,Noto Sans JP Variable,Noto Sans JP,system-ui,sans-serif;font-size:min(17 * var(--vw-per-px, 1px),17px);font-weight:800;line-height:1;color:#fff;text-align:center;background:#f82c58;border-radius:50%;place-content:center}.step-badge span{display:block;margin-bottom:min(2 * var(--vw-per-px, 1px),2px);font-size:min(7 * var(--vw-per-px, 1px),7px);font-weight:800;line-height:1}@media (width >= 1024px){.step-badge{flex-basis:min(56 * var(--vw-per-px, 1px),56px);width:min(56 * var(--vw-per-px, 1px),56px);height:min(56 * var(--vw-per-px, 1px),56px);font-size:min(24 * var(--vw-per-px, 1px),24px)}.step-badge span{font-size:min(10 * var(--vw-per-px, 1px),10px)}}.step-item.is-odo .step-badge{background:#1d6cf5}.step-body{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;min-width:0;gap:min(8 * var(--vw-per-px, 1px),8px);font-size:min(16 * var(--vw-per-px, 1px),16px);line-height:1.5;letter-spacing:.04em}.step-body h3{display:flex;flex-direction:column;font-size:min(16 * var(--vw-per-px, 1px),16px);font-weight:800;line-height:1.5}@media (width >= 1024px){.step-body h3{font-size:min(20 * var(--vw-per-px, 1px),20px)}}.artwork-card,.request-template,.date-table,.setting-table{background:#fff;border-radius:min(16 * var(--vw-per-px, 1px),16px);box-shadow:0 0 min(10 * var(--vw-per-px, 1px),10px) #1919191a}.artwork-card{display:flex;flex-direction:column;gap:min(16 * var(--vw-per-px, 1px),16px);padding:min(16 * var(--vw-per-px, 1px),16px)}.artwork-card>p{font-size:min(20 * var(--vw-per-px, 1px),20px);font-weight:800;color:#f82c58;text-align:center}@media (width >= 1024px){.artwork-card{gap:min(24 * var(--vw-per-px, 1px),24px);padding:min(32 * var(--vw-per-px, 1px),32px)}}.artwork-card-body{display:flex;flex-direction:column;gap:min(16 * var(--vw-per-px, 1px),16px)}@media (width >= 1024px){.artwork-card-body{display:grid;gap:min(24 * var(--vw-per-px, 1px),24px);grid-template-columns:minmax(0,min(445 * var(--vw-per-px, 1px),445px)) minmax(0,1fr);align-items:center}}.artwork-card-body .artwork-preview{position:relative;width:100%;aspect-ratio:17/12;overflow:hidden;border-radius:min(8 * var(--vw-per-px, 1px),8px)}.artwork-card-body .artwork-preview:after{position:absolute;z-index:2;inset:0;pointer-events:none;content:"";border:2px solid #cbd3e0;border-radius:inherit}.artwork-card-body .artwork-preview-image{display:block;width:100%;height:auto}.guide-panel[data-panel=uta-flow] .content-section .section-heading{padding-bottom:min(10 * var(--vw-per-px, 1px),10px)}@media (width >= 1024px){.guide-panel[data-panel=uta-flow] .content-section .section-heading{padding-bottom:min(13 * var(--vw-per-px, 1px),13px)}}.guide-panel[data-panel=uta-flow] .content-section .section-heading h2,.guide-panel[data-panel=uta-flow] .content-section .step-body h3,.guide-panel[data-panel=uta-flow] .content-section .artwork-card>p{font-weight:700}.guide-panel[data-panel=uta-flow] .content-section .step-body h3{line-height:1.5;letter-spacing:.04em}@media (width >= 1024px){.guide-panel[data-panel=uta-flow] .content-section .step-body h3{line-height:1.4}}.guide-panel[data-panel=uta-flow] .content-section .artwork-card>p{font-size:min(16 * var(--vw-per-px, 1px),16px);line-height:1.5;letter-spacing:.04em}@media (width >= 1024px){.guide-panel[data-panel=uta-flow] .content-section .artwork-card>p{font-size:min(20 * var(--vw-per-px, 1px),20px);line-height:1.4}}.guide-panel[data-panel=uta-flow] .content-section .artwork-title-break{display:block}@media (width >= 1024px){.guide-panel[data-panel=uta-flow] .content-section .artwork-title-break{display:none}}.guide-panel[data-panel=uta-flow] .content-section .artwork-text{gap:min(16 * var(--vw-per-px, 1px),16px)}.guide-panel[data-panel=uta-flow] .content-section .artwork-text .artwork-download-trigger{align-self:center}.guide-panel[data-panel=uta-flow] .content-section .artwork-text p{padding-bottom:1px;letter-spacing:.04em}@media (width >= 1024px){.guide-panel[data-panel=uta-flow] .content-section .artwork-text p{padding-bottom:0;font-size:min(16 * var(--vw-per-px, 1px),16px);line-height:1.5}}.guide-panel[data-panel=uta-flow] .content-section .artwork-text .button-primary{padding-inline:min(23 * var(--vw-per-px, 1px),23px) min(15 * var(--vw-per-px, 1px),15px)}.guide-panel[data-panel=uta-flow] .content-section .inline-text-link{color:var(--text-pink);text-decoration:underline;text-decoration-thickness:auto;text-underline-position:from-font}.guide-panel[data-panel=uta-flow] .content-section .step-item{border:0;box-shadow:inset 0 1px #cbd3e0}.guide-panel[data-panel=uta-flow] .content-section .step-item:last-child{box-shadow:inset 0 1px #cbd3e0,inset 0 -1px #cbd3e0}.guide-panel[data-panel=uta-flow] .content-section .step-item.has-artwork{padding:0}.guide-panel[data-panel=uta-flow] .content-section .step-item.has-artwork .step-row{padding:min(32 * var(--vw-per-px, 1px),32px) 0}.guide-panel[data-panel=uta-flow] .content-section .step-item.has-artwork .artwork-card{margin-top:min(12 * var(--vw-per-px, 1px),12px)}@media (width >= 1024px){.guide-panel[data-panel=uta-flow] .content-section .step-item.has-artwork{display:grid;grid-template-columns:min(56 * var(--vw-per-px, 1px),56px) minmax(0,1fr);row-gap:min(4 * var(--vw-per-px, 1px),4px);column-gap:min(24 * var(--vw-per-px, 1px),24px);padding:min(32 * var(--vw-per-px, 1px),32px) min(16 * var(--vw-per-px, 1px),16px)}.guide-panel[data-panel=uta-flow] .content-section .step-item.has-artwork .step-row{display:contents;padding:0}.guide-panel[data-panel=uta-flow] .content-section .step-item.has-artwork .step-badge{grid-row:1;grid-column:1}.guide-panel[data-panel=uta-flow] .content-section .step-item.has-artwork .step-body{grid-row:1;grid-column:2;justify-content:flex-start}.guide-panel[data-panel=uta-flow] .content-section .step-item.has-artwork .artwork-card{grid-row:2;grid-column:2;width:100%;margin:0}}.step-item.has-artwork .artwork-card{width:100%}@media (width >= 1024px){.step-item.has-artwork .artwork-card{width:calc(100% - min(80 * var(--vw-per-px, 1px),80px));margin-left:min(80 * var(--vw-per-px, 1px),80px)}}.artwork-text{display:flex;flex-direction:column;gap:min(8 * var(--vw-per-px, 1px),8px)}.artwork-text p{font-size:min(12 * var(--vw-per-px, 1px),12px);line-height:1.4}.panel-action{display:flex;justify-content:center;padding-block:min(24 * var(--vw-per-px, 1px),24px)}.mix-guide{gap:0}.mix-guide>h2{display:flex;align-items:flex-start;gap:min(4 * var(--vw-per-px, 1px),4px);padding-bottom:min(24 * var(--vw-per-px, 1px),24px);font-size:min(20 * var(--vw-per-px, 1px),20px);font-weight:700;line-height:1.2;color:#f82c58;letter-spacing:.04em}@media (width >= 1024px){.mix-guide>h2{align-items:center;min-block-size:min(61 * var(--vw-per-px, 1px),61px);font-size:min(24 * var(--vw-per-px, 1px),24px)}}.mix-guide>h2 img{flex:0 0 min(32 * var(--vw-per-px, 1px),32px);width:min(32 * var(--vw-per-px, 1px),32px);height:min(32 * var(--vw-per-px, 1px),32px)}.mix-row{box-sizing:border-box;padding:min(32 * var(--vw-per-px, 1px),32px) 0;box-shadow:inset 0 1px #cbd3e0}@media (width >= 1024px){.mix-row{padding:min(32 * var(--vw-per-px, 1px),32px)}}.mix-row h3{display:flex;align-items:center;gap:min(4 * var(--vw-per-px, 1px),4px);margin-bottom:min(8 * var(--vw-per-px, 1px),8px);font-size:min(20 * var(--vw-per-px, 1px),20px);font-weight:700;line-height:1.4;letter-spacing:.04em}.mix-row h3 img{flex:0 0 min(32 * var(--vw-per-px, 1px),32px);width:min(32 * var(--vw-per-px, 1px),32px);height:min(32 * var(--vw-per-px, 1px),32px)}.mix-row p{font-size:min(16 * var(--vw-per-px, 1px),16px);line-height:1.5;letter-spacing:.04em}.mix-row .mix-description-break-sp{display:none}.request-template{padding:min(24 * var(--vw-per-px, 1px),24px) min(16 * var(--vw-per-px, 1px),16px);overflow-x:auto;font-family:Noto Sans JP Variable,Noto Sans JP,system-ui,sans-serif;font-size:min(16 * var(--vw-per-px, 1px),16px);line-height:1.5;letter-spacing:.04em;white-space:pre-wrap}@media (width >= 1024px){.request-template{padding:min(32 * var(--vw-per-px, 1px),32px)}}.odo-flow{display:flex;flex-direction:column;text-align:center}.odo-explanation,.cameraman-card,.odo-flow>.panel-action{width:min(100%,min(512 * var(--vw-per-px, 1px),512px));margin-inline:auto}@media (width >= 1024px){.odo-explanation,.cameraman-card,.odo-flow>.panel-action{width:100%}}.odo-explanation{display:flex;flex-direction:column;gap:min(24 * var(--vw-per-px, 1px),24px);align-items:center}.odo-explanation>p{font-size:min(16 * var(--vw-per-px, 1px),16px);font-weight:800;line-height:1.5;letter-spacing:.04em}.movie-card{position:relative;width:min(100%,min(560 * var(--vw-per-px, 1px),560px));aspect-ratio:16/9;overflow:hidden;background:#000;border:0}.movie-card iframe{position:absolute;inset:0;display:block;width:100%;height:100%;aspect-ratio:16/9;border:0}.movie-card:has(iframe) .movie-card__fallback{visibility:hidden;pointer-events:none}.movie-card__fallback{position:absolute;inset:0;z-index:0;display:flex;flex-direction:column;gap:min(8 * var(--vw-per-px, 1px),8px);align-items:center;justify-content:center;padding:min(24 * var(--vw-per-px, 1px),24px);color:var(--text-white);background:#000000b8}.movie-card__fallback .movie-card__status{font-size:min(12 * var(--vw-per-px, 1px),12px);font-weight:500;line-height:1.4}.movie-card__fallback .is-failed{display:none}.movie-card__fallback .movie-card__link-label{padding:min(8 * var(--vw-per-px, 1px),8px) min(16 * var(--vw-per-px, 1px),16px);font-size:min(14 * var(--vw-per-px, 1px),14px);font-weight:700;line-height:1.4;background:var(--default-black);border:1px solid var(--default-white);border-radius:min(100 * var(--vw-per-px, 1px),100px)}.movie-card[data-player-state=failed] .is-loading{display:none}.movie-card[data-player-state=failed] .is-failed{display:inline}.cameraman-card{display:flex;flex-direction:column;gap:min(24 * var(--vw-per-px, 1px),24px);align-items:center;padding:min(24 * var(--vw-per-px, 1px),24px) 0;margin-top:min(64 * var(--vw-per-px, 1px),64px);background:var(--odo-light-blue);border-radius:min(8 * var(--vw-per-px, 1px),8px)}@media (width >= 1024px){.cameraman-card{padding:min(32 * var(--vw-per-px, 1px),32px)}}.cameraman-card p{padding-inline:min(16 * var(--vw-per-px, 1px),16px);font-size:min(16 * var(--vw-per-px, 1px),16px);font-weight:800;line-height:1.5;letter-spacing:.04em}.cameraman-buttons{display:flex;flex-direction:column;gap:min(16 * var(--vw-per-px, 1px),16px);align-items:center;width:100%;max-width:min(358 * var(--vw-per-px, 1px),358px);padding-inline:min(12 * var(--vw-per-px, 1px),12px);margin-inline:auto}.text-link{width:fit-content;padding:min(4 * var(--vw-per-px, 1px),4px);font-size:min(14 * var(--vw-per-px, 1px),14px);line-height:1.4;color:var(--text-pink);text-decoration:underline;text-underline-offset:min(3 * var(--vw-per-px, 1px),3px)}.post-attention{gap:0}.attention-block+.attention-block{margin-top:min(40 * var(--vw-per-px, 1px),40px)}.attention-block{display:flex;flex-direction:column;gap:min(16 * var(--vw-per-px, 1px),16px)}.attention-block>h3{font-size:min(16 * var(--vw-per-px, 1px),16px);font-weight:800;line-height:1.2;color:var(--text-pink);text-align:center;letter-spacing:.04em}@media (width >= 1024px){.attention-block>h3{font-size:min(20 * var(--vw-per-px, 1px),20px)}}.date-table{overflow:hidden;font-size:min(16 * var(--vw-per-px, 1px),16px);font-weight:800;line-height:1.5;text-align:center;letter-spacing:.04em}.date-table div{display:flex;flex-direction:column;gap:min(4 * var(--vw-per-px, 1px),4px);padding:min(24 * var(--vw-per-px, 1px),24px) min(16 * var(--vw-per-px, 1px),16px)}.date-table div+div{border-top:1px solid #cbd3e0}.setting-table{overflow:hidden}.setting-row{display:grid;grid-template-columns:min(82 * var(--vw-per-px, 1px),82px) minmax(0,1fr)}.setting-row+.setting-row{border-top:1px solid #cbd3e0}.setting-label{display:grid;padding:min(16 * var(--vw-per-px, 1px),16px);font-size:min(12 * var(--vw-per-px, 1px),12px);font-weight:800;line-height:1.4;color:#fff;background:var(--default-pink);place-items:start}.setting-value{display:flex;flex-direction:column;gap:min(8 * var(--vw-per-px, 1px),8px);min-width:0;padding:min(16 * var(--vw-per-px, 1px),16px);font-size:min(20 * var(--vw-per-px, 1px),20px);font-weight:800;line-height:1.4;letter-spacing:.04em}.setting-note{font-size:min(12 * var(--vw-per-px, 1px),12px);font-weight:400}.tag-lock{display:flex;flex-direction:column;gap:min(8 * var(--vw-per-px, 1px),8px);padding-top:min(16 * var(--vw-per-px, 1px),16px);margin-top:min(8 * var(--vw-per-px, 1px),8px);border-top:1px solid #cbd3e0}.tag-lock>p{font-size:min(12 * var(--vw-per-px, 1px),12px);font-weight:400;color:var(--text-pink)}.tag-lock>div{display:grid;gap:min(16 * var(--vw-per-px, 1px),16px);font-size:min(12 * var(--vw-per-px, 1px),12px);font-weight:400}@media (width >= 1024px){.tag-lock>div{grid-template-columns:repeat(2,minmax(0,min(300 * var(--vw-per-px, 1px),300px)))}}.tag-lock ol{padding-left:min(18 * var(--vw-per-px, 1px),18px);margin:min(4 * var(--vw-per-px, 1px),4px) 0 0}@media (width < 640px){.mix-row .mix-description-break-sp{display:initial}.artwork-card{padding:min(16 * var(--vw-per-px, 1px),16px)}.short-condition{padding:min(24 * var(--vw-per-px, 1px),24px)}}