@charset "UTF-8";body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.mh-backdrop,.mobile-header{display:none}@media (max-width:768px){:root{--mh:56px}.mobile-header{align-items:center;background:#fff;border-bottom:1px solid #eee;display:flex;gap:10px;height:var(--mh);left:0;padding:0 12px;position:fixed;right:0;top:0;z-index:1200}.mh-burger{-webkit-tap-highlight-color:transparent;background:none;border:none;cursor:pointer;height:40px;position:relative;width:40px}.mh-burger span{background:#222;border-radius:2px;height:2px;left:50%;position:absolute;top:50%;transform-origin:50% 50%;transition:transform .25s ease,opacity .2s ease;width:22px}.mh-burger span:first-child{transform:translate(-50%,calc(-50% - 6px))}.mh-burger span:nth-child(2){transform:translate(-50%,-50%)}.mh-burger span:nth-child(3){transform:translate(-50%,calc(-50% + 6px))}.mh-burger.active span:first-child{transform:translate(-50%,-50%) rotate(45deg)}.mh-burger.active span:nth-child(2){opacity:0}.mh-burger.active span:nth-child(3){transform:translate(-50%,-50%) rotate(-45deg)}.mh-burger:focus{outline:none}.mh-burger:focus-visible{box-shadow:0 0 0 3px #1976d259}.mh-logo{align-items:center;display:inline-flex;text-decoration:none}.mh-logo img{display:block;height:25px;width:auto}.mh-backdrop{background:#00000059;bottom:0;display:block;left:0;opacity:0;position:fixed;right:0;top:var(--mh);transition:opacity .35s cubic-bezier(.4,0,.2,1);z-index:1100}.mh-backdrop.show{opacity:1}.sidebar.left.drawer{background:#f5f7f9;box-shadow:none;display:flex!important;height:calc(100dvh - var(--mh))!important;left:0;position:fixed!important;top:var(--mh)!important;transform:translateX(-100%);transition:transform .5s cubic-bezier(.4,0,.2,1);will-change:transform;z-index:1150}.sidebar.left.drawer.open{box-shadow:0 8px 24px #00000029;transform:translateX(0)}.sidebar.left.drawer.closing .dashboard-logo,.sidebar.left.drawer.closing .sb-drawer-brand,.sidebar.left.drawer.open .dashboard-logo,.sidebar.left.drawer.open .sb-drawer-brand{display:none!important}.sb-drawer-brand{background:#0000;border-bottom:1px solid #e9edf2;padding:10px 10px 14px}.sb-drawer-brand img{display:block;height:28px;width:auto}.sidebar.left.drawer.closing nav,.sidebar.left.drawer.open nav{padding:0!important}body{padding-top:var(--mh)}}.nav-link:focus{outline:none}.nav-link:focus-visible{border-radius:10px;outline:2px solid #1976d2cc;outline-offset:3px}a:focus,a:focus-visible,button:focus,button:focus-visible{box-shadow:none;outline:none}:after{box-sizing:border-box;margin:0;padding:0}.dashboard{display:flex;height:100vh;min-width:0}.sidebar{overflow-y:auto;width:180px}.dashboard-logo img{padding-top:20px;width:180px}.sidebar.right{align-items:center;border-left:1px solid #eee;border-right:none}.sidebar.left .logo img{width:180px}.sidebar nav{padding:40px 10px 0}.sidebar nav li{align-items:center;cursor:pointer;display:flex;font-size:16px;gap:10px;margin:10px 0;padding:10px;position:relative}.nav-icon{height:20px;object-fit:contain;width:20px}.nav-link{align-items:center;color:inherit;display:flex;gap:10px;height:100%;text-decoration:none;width:100%}.sidebar nav li:hover{background-color:#8bcfff;border-radius:8px}.sidebar .nav-link:focus,.sidebar .nav-link:focus-visible{box-shadow:none!important;outline:none!important}.main{flex:1 1 auto;min-width:0;overflow-y:auto;padding:30px}.main-content{flex:1 1;height:100vh;margin-left:220px;margin-right:300px;overflow-y:auto}.top-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px 20px 0}.greeting h2{color:#1f1f1f;font-size:36px}.greeting p{color:#888;font-size:20px;margin-top:4px}.header-actions{align-items:center;display:flex;gap:16px}.search-container{align-items:center;display:flex;gap:10px;padding:6px 0;width:240px}.search-container input{border:1px solid #ddd;flex:1 1;font-size:14px;outline:none}.search-container .search-icon{height:18px;width:18px}.notify-icon{background:#fff;border:1px solid #ddd;border-radius:12px;padding:6px 8px 2px;position:relative}.notify-icon img{height:20px;width:20px}.input{border:2px solid #4a9dec;border-radius:10px;height:2.5em;outline:none;overflow:hidden;padding-left:.8em;transition:all .5s;width:15em}.input:focus,.input:hover{background-color:#fff;border:2px solid #4a9dec;box-shadow:0 0 0 7px #4a9dec33}.course-cards{display:flex;flex-wrap:wrap;gap:20px;margin:30px 20px 0}.course-card{background-color:#fff;border-radius:20px;box-shadow:0 2px 6px #00000008;flex:1 1;min-width:50px;padding:24px;position:relative;text-align:center}.course-card h3{color:#1e1e2f;font-size:16px;margin:20px 0}.course-card.blue{background:#87c5fe}.course-card.green{background:#e4f8e2}.course-card.pink{background:#f6e2f7}.icon-circle{align-items:center;background:#fff;border-radius:50%;display:flex;height:64px;justify-content:center;margin:0 auto;width:64px}.icon-circle img{height:32px;width:32px}.course-info{background:#f9fbfc;border-radius:14px;gap:16px;justify-content:center;padding:12px}.course-info,.course-info div{align-items:center;display:flex}.course-info div{font-size:14px;font-weight:700;gap:6px}.course-info img{height:18px;width:18px}.divider{background:#e1e1f0;height:20px;width:1px}.status-section{display:flex;gap:20px;margin:30px 20px 0}.card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;flex:1 1;padding:24px 24px 10px}.box-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.box-header h3{color:#1e1e1e;font-size:18px}.legend{align-items:center;color:#555;display:flex;font-size:12px;gap:14px}.dot{border-radius:50%;display:inline-block;height:10px;margin-right:4px;width:10px}.dot-blue{background:#1976d2}.dot-lightblue{background:#e3f2fd}.period-select{background:#f9f9f9;border:1px solid #ddd;border-radius:6px;color:#333;font-size:12px;padding:4px 8px}canvas{height:auto!important;width:100%!important}.score{margin-top:12px;text-align:center}.score p{margin:4px 0}.score strong{color:#111;font-size:18px}.rank-status{color:#26a69a;font-size:.95rem;font-weight:700;margin-top:4px}.gauge-container{align-items:center;display:flex;justify-content:center;width:100%}.gauge{aspect-ratio:2/1;display:block;height:auto;max-width:500px;width:100%}.ranking-section{font-family:sans-serif;padding:2rem}#ranking-table{font-size:16px}#ranking-table td,#ranking-table th{border-bottom:1px solid #eee;padding:1rem;text-align:left}.sort-icon{height:18px;margin-left:6px;transition:transform .3s ease;vertical-align:middle;width:18px}.rank{border-radius:8px;color:#00c49f;display:inline-block;font-weight:700;height:32px;line-height:32px;text-align:center;width:32px}.rank.gold{background-color:gold;color:#fff}.rank.silver{background-color:silver;color:#fff}.rank.bronze{background-color:#cd7f32;color:#fff}.arrow{font-size:14px;margin-left:.5rem}.arrow.up{color:#00c49f}.arrow.down{color:#f44336}.avatar{border-radius:50%;height:36px;margin-right:8px;object-fit:cover;vertical-align:middle;width:36px}.point{color:#00a89c;font-weight:700}.right-sidebar{background:#fff;border-left:1px solid #eee;height:100vh;overflow-y:auto;padding:24px;position:fixed;right:0;top:0;width:300px;z-index:1000}.profile-header{align-items:center;display:flex;justify-content:space-between;padding-bottom:20px}.profile-header h2{font-size:16px}.year-scroll{background:#fff;border:1px solid #1976d2;border-radius:12px;margin:8px 0;max-height:120px;overflow-y:auto}.year-option{cursor:pointer;text-align:center}.year-option.selected,.year-option:hover{background-color:#1976d2;color:#fff}.edit-button{align-items:center;background-color:#4598ea;border:none;border-radius:50%;cursor:pointer;display:flex;font-weight:600;height:30px;justify-content:center;overflow:hidden;position:relative;text-decoration:none!important;transition-duration:.3s;width:30px}.edit-svgIcon{transition-duration:.3s;width:14px}.edit-svgIcon path{fill:#fff}.edit-button:hover{align-items:center;background-color:#1976d2;border-radius:50px;transition-duration:.3s;width:80px}.edit-button:hover .edit-svgIcon{transform:translateY(60%);transform:rotate(1turn);transition-duration:.3s;width:14px}.edit-button:before{color:#fff;content:"編集";display:none;font-size:2px;transition-duration:.3s}.edit-button:hover:before{display:block;font-size:13px;opacity:1;padding-right:10px;transform:translateY(0);transition-duration:.3s}.profile-info{margin-top:20px;text-align:center}.profile-image{height:100px;margin:0 auto;position:relative;width:100px}.profile-image img{border-radius:50%;height:100%;position:relative;width:100%;z-index:1}.profile-ring{height:140px;left:-20px;position:absolute;top:-20px;width:140px;z-index:0}.ring-svg{height:100%;transform:rotate(-90deg);width:100%}.ring-segment{fill:none;stroke:url(#gradient);stroke-width:5;stroke-linecap:round;stroke-dasharray:26.18 10}.name{font-size:18px;font-weight:700;margin-top:30px}.verified-icon{vertical-align:middle;width:18px}.calendar{background:#fff;border-radius:12px;box-shadow:0 2px 6px #0000000d;font-family:Noto Sans JP,sans-serif;margin-top:2rem;max-width:280px;padding:12px;width:100%}.calendar-header{align-items:center;color:#333;display:flex;font-size:16px;font-weight:700;justify-content:space-between;margin-bottom:12px;margin-top:50px}.calendar-header .arrow{color:#1976d2;cursor:pointer;font-size:18px}.calendar-days{color:#888;font-size:12px;margin-bottom:6px}.calendar-dates,.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);text-align:center}.calendar-dates{font-size:13px}.calendar-dates div{border-radius:50%;color:#222;padding:10px 0}.calendar-dates .gray{color:#ccc}.ranking-section{-webkit-overflow-scrolling:touch;overflow-x:auto}#ranking-table{border-collapse:collapse;min-width:600px;width:100%}.calendar-dates .today{align-items:center;background-color:#42a5f533;border-radius:50%;color:#1565c0;display:flex;font-weight:700;height:32px;justify-content:center;margin:auto;width:32px}.hamburger{cursor:pointer;display:none;padding:10px;z-index:1001}.hamburger span{background-color:#fff;display:block;height:3px;margin:4px 0;transition:.4s;width:24px}.notification-button{background-color:#fff;border:1px solid #ddd;border-radius:11px;color:#000;cursor:pointer;padding:5px 4px 2px;position:relative;transition:all .2s linear}.notification-button:hover{background-color:#d1d5db}.notification-button:active{filter:brightness(90%)}.icon{height:24px;width:24px}.avatar-img{border-radius:50%;display:block;height:100%;object-fit:cover;object-position:center;width:100%}:focus{border-color:#2260ff;box-shadow:0 0 0 4px #b5c9fc;outline:0}.mydict div{display:flex;flex-wrap:wrap;font-size:8px;justify-content:center}.mydict input[type=radio]{clip:rect(0 0 0 0);clip-path:inset(100%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.mydict input[type=radio]:checked+span{background-color:#dee7ff;box-shadow:0 0 0 .0625em #0043ed;color:#0043ed;z-index:1}label span{background-color:#fff;box-shadow:0 0 0 .0625em #b5bfd9;color:#3e4963;cursor:pointer;display:block;letter-spacing:.05em;margin-left:.0625em;padding:.375em .75em;position:relative;text-align:center;transition:background-color .5s ease}label:first-child span{border-radius:.375em 0 0 .375em}label:last-child span{border-radius:0 .375em .375em 0}@media screen and (max-width:1300px){.course-info{gap:12px;padding:10px}.course-info div{font-size:12px;gap:4px}.course-info img{height:16px;width:16px}}@media screen and (max-width:1200px){.course-info{gap:6px;padding:8px}.course-info div{font-size:10px;gap:4px}.course-info img{height:12px;width:12px}}@media screen and (max-width:768px){.header-actions{flex-direction:row;gap:8px;justify-content:space-between;width:100%}.search-container{padding:4px 8px;width:85%}.search-container input{font-size:13px}.search-container .search-icon{height:16px;width:16px}.notify-icon{padding:4px 6px 2px}.notify-icon img{height:18px;width:18px}.top-header{align-items:flex-start;gap:12px}.sidebar,.top-header{flex-direction:column}.sidebar{background:#f5f7f9;display:none;height:100%;left:-220px;position:fixed;top:0;transition:left .3s ease;width:220px;z-index:1000}.sidebar.open{display:flex;left:0}.hamburger{background-color:#1976d2;border-radius:10px;display:block;position:absolute;right:10px;top:10px;z-index:1001}.dashboard{flex-direction:column;height:auto;margin-left:0;min-height:100vh}.main{padding:30px 20px}.main-content{height:auto;margin-left:0;margin-right:0;order:1;overflow:visible}.right-sidebar{border-left:none;border-top:1px solid #eee;display:block!important;height:auto;margin-top:16px;order:2;padding:16px;position:static;width:100%;z-index:auto}.course-cards,.status-section{flex-direction:column}}@media screen and (max-width:400px){.greeting h2{font-size:28px}.greeting p{font-size:16px}.course-info{gap:10px}.course-info div{font-size:12px;gap:10px}.course-info img{height:15px;width:15px}}@keyframes ping{0%{opacity:1;transform:scale(1)}75%,to{opacity:0;transform:scale(2)}}.background{background-image:url(/static/media/background.2841fc9afa344c0222ec.png);background-position:50%;background-size:cover;height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}.logo{padding:10px 0 0 20px}.login-box h2{font-size:18px}.google-login{text-align:center}.google-login img{margin-top:20px;width:150px}.social-icons{display:flex;gap:30px;justify-content:center;margin-top:15px}.social-icons img{object-fit:contain;width:25px}.social-btn{background:none;border:none;cursor:pointer;padding:0}.form-box input[type=email],.form-box input[type=password],.form-box input[type=tel]{border:1px solid #ccc;border-radius:6px;font-size:14px;padding:10px}.remember-switch{align-items:center;cursor:pointer;display:flex;font-size:14px;gap:8px;-webkit-user-select:none;user-select:none}.remember-switch input[type=checkbox]{display:none}.slider{background-color:#ccc;border-radius:20px;height:20px;position:relative;transition:background-color .3s;width:35px}.slider:before{background-color:#fff;border-radius:50%;content:"";height:16px;left:2px;position:absolute;top:2px;transition:transform .3s;width:15px}.remember-switch input[type=checkbox]:checked+.slider{background-color:#1976d2}.remember-switch input[type=checkbox]:checked+.slider:before{transform:translateX(15px)}.signin-btn{background-color:#1976d2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px}.register-link{font-size:14px;text-align:center}.register-link a{border-bottom:1.5px solid #1976d2;color:#1976d2;display:inline-block;font-weight:700;text-decoration:none}.password-wrapper input{border:1px solid #ccc;border-radius:6px;box-sizing:border-box;font-size:14px;padding:10px 40px 10px 10px}.toggle-password{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:24px}.toggle-password i{color:#ccc;display:inline-block;font-size:15px}.login-container{box-sizing:border-box;margin:100px auto;max-width:400px;padding:0 16px;position:relative;width:100%}.login-box{background-color:#1976d2;box-shadow:0 6px 20px #0003;color:#fff;margin:0 auto;max-width:330px;padding:15px 0 25px;text-align:center;top:-25px;z-index:2}.form-box,.login-box{border-radius:16px;position:relative;width:100%}.form-box{background-color:#fff;box-shadow:0 10px 30px #00000026;box-sizing:border-box;display:flex;flex-direction:column;gap:15px;margin-top:-110px;max-width:100%;padding:130px 20px 50px;z-index:1}.error-message{font-size:13px;margin-bottom:-10px;margin-top:0}@media (max-width:768px){.login-box h2{font-size:16px}.social-icons{gap:24px}.social-icons img{width:20px}.signin-btn{font-size:14px;padding:10px}.form-box{padding:150px 16px 40px}}.memo-wrapper{align-items:flex-start;background-attachment:fixed;background-image:url(/static/media/background.2841fc9afa344c0222ec.png);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex:1 1;justify-content:center;min-height:100vh;overflow:hidden;padding:30px;position:relative}.memo-content{margin:0 auto;max-width:1500px;position:relative;width:100%;z-index:2}.memo-search-container{align-items:center;display:flex;justify-content:center;padding:10px 0;width:100%}.memo-input{border:2px solid #0000;border-radius:10px;height:2.8em;max-width:400px;outline:none;overflow:hidden;padding-left:.8em;transition:all .5s;width:100%}.memo-input:focus,.memo-input:hover{background-color:#fff;border:2px solid #4a9dec;box-shadow:0 0 0 7px #4a9dec33}.videolist-header{display:flex;flex-direction:column;margin-bottom:16px}.memo-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);margin-top:8px}.memo-card{background:#101012e6;border-radius:12px;box-shadow:0 12px 28px #00000040;display:flex;flex-direction:column;min-height:560px;overflow:hidden;position:relative;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.memo-card.selected{border-color:#2196f3;box-shadow:inset 0 0 0 2px #2196f359,0 16px 36px #00000059}.memo-card-header{padding:12px 18px}.memo-card-title{color:#eaeef3;font-size:18px;font-weight:700;letter-spacing:.02em}.memo-meta-row{align-items:center;display:flex;gap:12px;justify-content:space-between;padding:0 18px 10px}.memo-card-chip{align-items:center;background:#2196f326;border:1px solid #2196f359;border-radius:999px;color:#d7e6ff;display:inline-flex;font-size:12px;height:28px;padding:0 10px}.memo-save-btn{appearance:none;border-radius:10px;font-weight:700;outline:none;padding:4px 14px}.memo-save-btn:hover{filter:brightness(1.05)}.memo-save-btn:active{transform:translateY(1px)}.memo-editor-wrap{padding:0 6px}.memo-textarea{background:#2a2d31;color:#eef2f7;font-size:15px;line-height:1.7;min-height:260px;resize:vertical;transition:border-color .15s ease,box-shadow .15s ease}.memo-thumb{aspect-ratio:16/9;background:#000;border:1px solid #0000000f;border-radius:14px;margin:0 18px 18px;overflow:hidden;position:relative}.thumb-link{position:relative}.thumb-link,.thumb-link img{display:block;height:100%;width:100%}.thumb-link img{object-fit:cover;transition:transform .25s ease}.thumb-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;border:1px solid #ffffff40;border-radius:10px;bottom:10px;color:#fff;display:inline-flex;font-size:13px;font-weight:700;gap:8px;height:40px;justify-content:center;left:10px;padding:0 14px;pointer-events:none;position:absolute}.thumb-play-icon{font-size:14px;transform:translateY(-1px)}.thumb-share-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;border:1px solid #ffffff40;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:800;height:36px;justify-content:center;min-width:36px;position:absolute;right:10px;top:10px}.thumb-share-icon{display:block;height:18px;pointer-events:none;width:18px}.thumb-share-btn:hover{background:#000000b3}.memo-shared-toast{background:#b7d7ff;border-color:#8cbaff;color:#0b2447}@keyframes fadeOut{0%{opacity:0;transform:translateY(-4px)}15%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}.memo-textarea::-webkit-scrollbar{width:10px}.memo-textarea::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:10px}.memo-textarea::-webkit-scrollbar-track{background:#ffffff0f;border-radius:10px}.memo-empty,.memo-error,.memo-loading,.memo-login-prompt{background-color:#fffffff2;border-radius:8px;margin:20px auto;max-width:500px;padding:40px 20px;text-align:center}.memo-loading{align-items:center;display:flex;flex-direction:column;gap:20px}.memo-loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:50px;width:50px}.memo-error{align-items:center;background-color:#fee;border:1px solid #fcc;color:#c00;display:flex;justify-content:space-between}.memo-error button{background:none;border:none;color:#c00;cursor:pointer;font-size:1.2em;padding:0 5px}.memo-empty{color:#666;font-size:1.1em}.memo-login-prompt{display:flex;flex-direction:column;gap:20px}.memo-login-link{background-color:#3498db;border-radius:5px;color:#fff;display:inline-block;padding:10px 20px;text-decoration:none;transition:background-color .3s}.memo-login-link:hover{background-color:#2980b9}@media (max-width:1024px){.memo-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.memo-wrapper{padding:10px}}@media (max-width:600px){.memo-grid{grid-template-columns:1fr}}body{font-family:sans-serif;margin:0}li{list-style:none}html.no-scroll,html.no-scroll body{overflow:hidden}.main-layout{--accent:#2196f3}.fixed-bg{background-image:url(/static/media/background.2841fc9afa344c0222ec.png);background-position:50%;background-size:cover;inset:0;position:fixed;z-index:-1}.fixed-bg:after{background-color:#0009;content:"";inset:0;position:absolute}.main-layout{display:flex;flex-direction:row;min-height:100vh}.video-area{box-sizing:border-box;display:flex;flex-direction:column;height:100vh;overflow-y:auto;padding:20px 0 20px 20px;width:70%}.video-area::-webkit-scrollbar{display:none}.page-header{align-items:flex-start;display:flex;flex-direction:column;gap:6px;padding:10px 0}.videos-logo img{height:25px}.back-link{color:#fff;font-size:15px;font-weight:700;text-decoration:none}.back-link:hover{color:#2196f3!important}.hero-banner{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:10px;color:#fff;display:flex;gap:10px;margin-bottom:12px;padding:10px 14px}.video-badge{background:var(--accent);border-radius:999px;color:#fff;display:inline-block;font-size:12px;font-weight:700;line-height:1;padding:6px 8px}.hero-text{font-size:14px;opacity:.95}.video-player{aspect-ratio:16/9;background:#000;border-radius:12px;flex-shrink:0;margin:0 auto;overflow:hidden;position:relative;width:100%}.video-player iframe{border:none;height:100%;width:100%}.player-compact{aspect-ratio:21/9}.yt-top-right-mask{background:#0000;height:200px;pointer-events:auto;position:absolute;right:0;top:0;width:200px;z-index:3}.share-copy-btn{align-items:center;background:#3d3d3d;border:none;border-radius:12px;cursor:pointer;display:inline-flex;height:50px;justify-content:center;padding:4px;position:absolute;right:10px;top:10px;transition:background .2s ease,transform .1s ease;width:100px;z-index:5}.share-copy-btn:hover{background:#0078ff}.share-copy-btn:active{transform:scale(.96)}.share-copy-icon{display:block;height:25px;pointer-events:none;width:25px}.video-box{background:#2f2f2f;border-radius:8px;box-shadow:0 4px 10px #0000001a;color:#fff;margin-top:20px;padding:16px}.upload-date,.video-agenda,.video-text ul,.video-title-1{margin-bottom:30px}.video-extra{background-color:#2f2f2f;border-radius:8px;color:#fff;display:none;position:relative}.close-extra-btn{background:none;border:none;color:#2f2f2f;cursor:pointer;font-size:20px;position:absolute;right:12px;top:12px;z-index:10}.close-extra-btn:focus,.show-more-btn:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent),#0000 80%);outline:2px solid var(--accent);outline-offset:2px}.video-agenda li:focus{background-color:color-mix(in srgb,var(--accent),#fff 90%);border-radius:4px;cursor:pointer;outline:2px solid var(--accent);outline-offset:2px}.right-column{align-self:flex-start;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;overflow:hidden;position:sticky;top:0;width:30%}.side-search{background:#0000;padding:32px 20px}.side-search-input{background-color:#fff;border:2px solid #0000;border-radius:10px;height:2.6em;outline:none;padding:0 .8em;transition:box-shadow .3s,border-color .3s,background-color .3s;width:100%}.side-search-input:focus,.side-search-input:hover{background-color:#fff;border-color:#4a9dec;box-shadow:0 0 0 7px #4a9dec33}.side-panel{box-shadow:-2px 0 8px #0000001a;flex:1 1 auto;flex-direction:column;overflow:hidden;padding:0 20px 10px;width:100%}.side-panel,.video-list{display:flex;gap:10px;min-height:0}.video-list{background:#2f2f2f;border-radius:8px;box-shadow:0 4px 10px #0000001a;box-sizing:border-box;color:#fff;flex:1 1;flex-direction:column;overflow-y:auto;padding:12px}.video-item{border-bottom:1px solid #ffffff1a;font-size:13px;overflow:visible;padding-bottom:8px;position:relative;transition:all .2s ease;z-index:0}.video-item:before{background-color:#ffffff40;border-radius:6px;bottom:0;content:"";left:-6px;opacity:0;position:absolute;right:-6px;top:-6px;transition:all .2s ease;z-index:-1}.video-item:hover:before{box-shadow:0 4px 10px #0000004d;opacity:1}.video-header{gap:8px;margin-bottom:10px}.video-header,.video-icon{align-items:center;display:flex}.video-icon{flex-shrink:0;height:24px;justify-content:center;width:24px}.video-icon img{height:auto;object-fit:contain;width:100%}.video-thumbnail{border-radius:2px;height:18px;object-fit:cover;width:24px}.video-title{flex:1 1;font-size:15px;margin-bottom:0}.error-state,.loading-state{color:#fffc;font-size:14px;padding:20px;text-align:center}.error-state{color:#ff6b6b}.video-description{line-height:1.6;margin-top:10px}.video-description p{margin:0 0 10px}.video-percent,.video-time{font-size:13px}.video-time{margin-bottom:3px}.video-progress{appearance:none;height:5px;width:100%}.video-progress-wrapper{align-items:center;display:flex;gap:8px;margin-top:4px}.video-percent{color:#fffc;white-space:nowrap}.video-progress::-webkit-progress-bar{background-color:#555;border-radius:3px}.video-progress::-webkit-progress-value{background-color:#1976d2;border-radius:3px}.video-progress::-moz-progress-bar{background-color:#1976d2;border-radius:3px}.memo-box{background:#2f2f2f;border-radius:8px;box-shadow:0 4px 10px #0000001a;color:#fff;min-height:0;overflow:auto;padding:0 12px 12px}.memo-box,.memo-container{display:flex;flex:1 1;flex-direction:column}.memo-container{width:100%}.memo-header{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;padding-top:5px;width:100%}.memo-title{font-size:15px}.memo-actions{display:flex;flex-wrap:wrap;gap:10px;padding:6px 0}.memo-actions,.select-wrap{align-items:center;position:relative}.select-wrap{background:#1f1f1f;border:1px solid #ffffff26;border-radius:8px;display:inline-flex;padding:3px 8px}.memo-category{appearance:none;background:#0000;border:none;color:#fff;cursor:pointer;font-size:14px;line-height:1.2;outline:none;padding:3px 2px}.select-wrap:after{color:#d1d5db;content:"▾";font-size:12px;margin-left:6px;opacity:.8}.inline-add-popover{background:#2f2f2f;border:1px solid #1976d2;border-radius:10px;box-shadow:0 6px 16px #0000001f;left:0;max-width:240px;padding:10px;position:absolute;top:100%;z-index:50}.inline-add-popover .memo-category-input{background:#1f1f1f;border:1px solid #ffffff26;border-radius:8px;color:#fff;font-size:14px;margin-bottom:8px;padding:8px 10px;width:100%}.popover-actions{display:flex;gap:8px;justify-content:flex-end}.btn-add,.btn-cancel{border:1px solid #0000;border-radius:8px;cursor:pointer;font-size:13px;padding:6px 12px}.btn-cancel{background:#f5f7f9;border-color:#e5e7eb;color:#374151}.btn-add{background:#1976d2;color:#fff}.memo-category-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:3px}.memo-chip{align-items:center;background:#444;border:1px solid #fff3;border-radius:9999px;color:#fff;display:inline-flex;font-size:12px;gap:6px;padding:4px 8px}.memo-chip-delete{appearance:none;background:#0000;border:none;color:#fff;cursor:pointer;font-size:12px;line-height:1}.memo-save-btn{background:#1976d2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:3px 12px}.memo-save-btn:hover{filter:brightness(.95)}.memo-textarea{background:#0000;border:none;box-sizing:border-box;color:#fff;flex:1 1;font-size:16px;line-height:1.5;outline:none;resize:none;width:100%}.memo-textarea::placeholder{color:#ffffff80}.memo-note{border-bottom:1px solid #ffffff4d;color:#ffffffbf;font-size:12px;padding-bottom:5px}.sr-only{clip:rect(0,0,1,1);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;white-space:nowrap;width:1px}.select-wrap .memo-category{background:#0000;color:#fff}.select-wrap .memo-category option{background:#fff!important;color:#111!important}.select-wrap .memo-category optgroup{background:#fff!important;color:#6b7280!important}:root{--drawer-open-duration:.5s;--drawer-close-duration:.5s;--drawer-ease:cubic-bezier(.2,.6,.2,1)}body.page--videooverview .mh-backdrop{background:#00000073;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .5s linear,visibility 0s linear .5s;transition:opacity var(--drawer-close-duration) linear,visibility 0s linear var(--drawer-close-duration);visibility:hidden;z-index:998}body.page--videooverview .mh-backdrop.show{opacity:1;pointer-events:auto;transition:opacity .5s linear,visibility 0s linear 0s;transition:opacity var(--drawer-open-duration) linear,visibility 0s linear 0s;visibility:visible}body.page--videooverview .sidebar.left.drawer{backface-visibility:hidden;background:#f4f5f7!important;border:0!important;box-shadow:none!important;clip-path:inset(0 calc(100% + 6px) 0 0)!important;contain:paint;height:100vh;left:0;max-width:80vw;opacity:0;outline:none!important;overflow:hidden;pointer-events:none;position:fixed;top:0;transform:translate3d(calc(-100% - 24px),0,0)!important;transition:transform !important .5s cubic-bezier(.2,.6,.2,1),clip-path !important .5s cubic-bezier(.2,.6,.2,1),opacity !important .5s linear,visibility 0s linear .5s!important;transition:transform var(--drawer-close-duration) var(--drawer-ease) !important,clip-path var(--drawer-close-duration) var(--drawer-ease) !important,opacity var(--drawer-close-duration) linear !important,visibility 0s linear var(--drawer-close-duration)!important;visibility:hidden;width:220px;will-change:transform,clip-path;z-index:1000}body.page--videooverview .sidebar.left.drawer.open{clip-path:inset(0 0 0 0)!important;opacity:1;pointer-events:auto;transform:translateZ(0)!important;transition:transform !important .5s cubic-bezier(.2,.6,.2,1),clip-path !important .5s cubic-bezier(.2,.6,.2,1),opacity !important .5s linear,visibility 0s linear 0s!important;transition:transform var(--drawer-open-duration) var(--drawer-ease) !important,clip-path var(--drawer-open-duration) var(--drawer-ease) !important,opacity var(--drawer-open-duration) linear !important,visibility 0s linear 0s!important;visibility:visible}body.page--videooverview .sidebar.left.drawer{display:block!important}@media (max-width:768px){body.page--videooverview .sidebar.left.drawer.open{transform:translate3d(-1px,0,0)!important}}@media (max-width:1024px){.video-area{padding:16px}}@media (max-width:768px){.main-layout{flex-direction:column;min-height:auto}.video-area{height:auto!important;overflow:visible!important;padding:0 16px 16px;width:100%}.right-column{gap:16px;height:auto;overflow:visible;position:static;width:100%}.side-panel{background-color:initial;box-shadow:none}.memo-box,.video-list{flex:none;min-height:auto}.side-search{padding:0 20px}.share-copy-btn{border-radius:8px;height:40px;height:30px;width:80px;width:40px}.share-copy-icon{height:18px;width:18px}body.page--videooverview .video-area .page-header .videos-logo{display:none!important}body.page--videooverview{--mh:56px;padding-top:var(--mh)}}@media (min-width:769px){.page--videooverview .sidebar.left,body.page--videooverview .sidebar.left.drawer{display:none!important}}.show-more-btn{background-color:#2196f3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:8px 16px;transition:background-color .25s ease,transform .1s ease}.show-more-btn:hover{background-color:#1976d2}.show-more-btn:active{transform:scale(.96)}.videos-wrapper{align-items:flex-start;background-attachment:fixed;background-image:url(/static/media/background.2841fc9afa344c0222ec.png);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex:1 1;justify-content:center;min-height:100vh;overflow:hidden;padding:30px;position:relative}.background-overlay{inset:0}.videos-content{margin:0 auto;max-width:1500px;position:relative;width:100%;z-index:2}.videolist-search-container{align-items:center;display:flex;justify-content:center;padding:10px 0;width:100%}.videolist-input{border:2px solid #0000;border-radius:10px;height:2.8em;max-width:400px;outline:none;overflow:hidden;padding-left:.8em;transition:all .5s;width:100%}.videolist-input:focus,.videolist-input:hover{background-color:#fff;border:2px solid #4a9dec;box-shadow:0 0 0 7px #4a9dec33}.category-bar{display:flex;flex-wrap:nowrap;gap:10px;overflow-x:auto;padding:10px 0 0;scrollbar-width:none}.category-bar::-webkit-scrollbar{display:none}.category-button{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:#ffffff1a;border:1px solid #fff0;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s,transform .2s;white-space:nowrap}.category-button:hover{background-color:#ffffff4d}.category-button.active{background-color:#1976d299;color:#fff}.video-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.grid-clickable{cursor:pointer}.video-card{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:#1b1b1b66;border:1px solid #fff0;border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;justify-content:flex-start;padding:10px;text-align:center;transition:all .3s ease}.video-card:hover{background-color:#ffffff4d}.video-thumb{aspect-ratio:16/9;background-color:#fff;border-radius:8px;display:inline-block;margin-bottom:10px;overflow:hidden;position:relative;width:100%}.video-thumb .link-icon{background:#0000008c;border-radius:8px;height:30px;padding:7px;position:absolute;right:6px;top:6px;width:30px}.link-icon:hover{background:#000000b3}.video-thumb img{display:block;height:100%;object-fit:cover;width:100%}.video-title{color:#fff;font-size:20px;font-weight:700;line-height:1.4;overflow:hidden;padding-left:10px;text-align:left;text-overflow:ellipsis;white-space:nowrap;word-break:break-word}@media (max-width:1024px){.video-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.videos-wrapper{padding:10px}.videolist-input{align-items:left;max-width:300px}}@media (max-width:600px){.video-grid{grid-template-columns:1fr}}.loading-message{color:#666;font-size:18px;padding:40px;text-align:center}.success-message{background:#d4edda;border:1px solid #c3e6cb;border-radius:6px;color:#155724;font-size:14px;margin-bottom:20px;padding:12px 16px}.error-message{margin-bottom:8px;margin-top:4px}.form-help{color:#6c757d;display:block;font-size:12px;margin-top:4px}.required{color:#dc3545;font-weight:700}.circle-photo.uploading{cursor:not-allowed;opacity:.7}.upload-spinner{background:#000000b3;border-radius:4px;color:#fff;font-size:12px;left:50%;padding:8px 12px;position:absolute;top:50%;transform:translate(-50%,-50%)}textarea{border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:14px;min-height:80px;padding:8px 12px;resize:vertical}textarea:focus{border-color:#2486ff;outline:none}.submit-btn:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.sidebar{background:#f5f7f9;border-right:1px solid #eee;display:flex;flex-direction:column;height:100vh;left:0;padding:20px;position:fixed;top:0;width:220px;z-index:1000}.settings-content-wrapper{align-items:flex-start;background-attachment:fixed;background-image:url(/static/media/background.2841fc9afa344c0222ec.png);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex:1 1;justify-content:center;min-height:100vh;overflow:hidden;padding:30px 50px 50px;position:relative}.settings-content{gap:40px;max-width:1000px;position:relative;width:100%;z-index:2}#settings-form,.settings-content{display:flex;flex-direction:column}#settings-form{gap:20px}.form-section{background:#fff;border-radius:10px;box-shadow:0 0 10px #0000001a;padding:30px;width:100%}.form-section h2,.form-section h3{border-bottom:1px solid #ddd;font-size:20px;margin-bottom:20px;padding-bottom:10px}.form-group{display:flex;flex-direction:column;margin-bottom:20px}.form-group label{margin-bottom:5px}.form-group input,.form-group select{border:1px solid #ccc;border-radius:6px;font-size:14px;padding:10px}.circle-photo{align-items:center;background:#ddd;border:2px dashed #0000;display:flex;height:80px;justify-content:center;transition:border .2s;width:80px}.circle-photo img{height:40px;object-fit:cover;width:40px}.circle-photo.dragover{border:2px dashed #2486ff}.password-wrapper{align-items:center;display:flex;position:relative;width:100%}.password-wrapper input{padding-right:40px;width:100%}.eye-btn{background:none;border:none;color:#666;cursor:pointer;font-size:18px;line-height:1;padding:0;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.error-message{color:red;font-size:12px;margin-top:6px}.form-submit{display:flex;justify-content:flex-end;width:100%}.submit-btn{background:#1976d2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px}.circle-photo{border-radius:50%;cursor:pointer;height:100px;overflow:hidden;position:relative;width:100px}.circle-photo img#preview{border-radius:50%;height:100%;object-fit:cover;width:100%}.camera-icon{height:32px;left:50%;opacity:.8;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:32px}.address-box{border:2px solid #ddd;border-radius:8px;color:#000;line-height:1.6;min-height:3em;padding:12px 16px;white-space:pre-wrap}.address-box:empty:before{color:#ddd;content:"郵便番号を入力すると住所が自動表示されます";font-size:16px}@media (max-width:768px){.sidebar{display:none}.system-page{padding-left:0}.hamburger{right:20px;top:28px}.settings-content-wrapper{padding:20px}}.custom-datepicker-container{position:relative}.calendar-popup{background:#fff;border:1px solid #ddd;border-radius:10px;box-shadow:0 4px 12px #0000001a;left:30px;padding:10px;position:absolute;top:100px;width:350px;z-index:1000}.setting-calendar-header{align-items:center;display:flex;font-weight:700;justify-content:space-between;margin-bottom:20px;margin-top:20px}.calendar-header button{background:none;border:none;cursor:pointer;font-size:16px}.calendar-dates,.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);text-align:center}.calendar-days div{color:#666;font-size:14px;font-weight:700;padding-bottom:5px}.calendar-dates div{border-radius:4px;cursor:pointer;font-size:14px;padding:8px}.calendar-dates div:hover{background-color:#e3f2fd}.calendar-dates .today{background-color:#1976d2;color:#fff}.calendar-dates .selected{background-color:#42a5f5;color:#fff}.month:hover{background-color:#1976d2;border-radius:5px;color:#fff;padding:0 10px}.arrow{color:#1976d2;font-size:18px}@media screen and (max-width:500px){.calendar-popup{left:50%;max-height:80vh;overflow-y:auto;padding:10px;position:fixed;top:20%;transform:translateX(-50%);width:90vw!important;z-index:9999}.calendar-dates,.calendar-days{font-size:12px;width:100%!important}.calendar-dates div{padding:6px}}.email-verification{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:1rem}.verification-container{background:#fff;border-radius:16px;box-shadow:0 25px 50px #00000026;max-width:480px;overflow:hidden;width:100%}.verification-content{padding:3rem 2rem;text-align:center}.verification-header{margin-bottom:2rem}.verification-title{color:#1f2937;font-size:2rem;font-weight:700;margin:0 0 .5rem}.verification-status{margin:2rem 0}.status-icon,.verification-status{display:flex;justify-content:center}.status-icon{align-items:center;border-radius:50%;height:80px;width:80px}.status-icon.verifying{background-color:#dbeafe}.status-icon.success{background-color:#d1fae5}.status-icon.error{background-color:#fee2e2}.spinner{animation:spin 1s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:32px;width:32px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.verification-message{margin:1.5rem 0}.verification-message p{color:#4b5563;font-size:1.125rem;line-height:1.6;margin:0}.verification-actions{margin-top:2rem}.success-info p{color:#6b7280;font-size:.875rem;margin-bottom:1rem}.error-actions{display:flex;flex-direction:column;gap:.75rem}.verifying-info p{color:#6b7280;font-size:.875rem;margin:0}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;justify-content:center;min-width:140px;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background-color:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background-color:#2563eb;transform:translateY(-1px)}.btn-secondary{background-color:#f3f4f6;border:1px solid #d1d5db;color:#374151}.btn-secondary:hover:not(:disabled){background-color:#e5e7eb;border-color:#9ca3af}@media (max-width:480px){.verification-content{padding:2rem 1.5rem}.verification-title{font-size:1.75rem}.status-icon{height:64px;width:64px}.status-icon svg{height:48px;width:48px}.spinner{height:24px;width:24px}.verification-message p{font-size:1rem}.error-actions{gap:.5rem}.btn{font-size:.875rem;padding:.625rem 1.25rem}}.btn.loading{color:#0000;position:relative}.btn.loading:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;content:"";height:16px;left:50%;margin:-8px 0 0 -8px;position:absolute;top:50%;width:16px}@media (prefers-reduced-motion:reduce){.btn.loading:after,.spinner{animation:none}.btn:hover{transform:none}}.btn:focus{outline:2px solid #3b82f6;outline-offset:2px}.btn:focus:not(:focus-visible){outline:none}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:100%}body{background:#fff;color:#333;font-family:Noto Sans JP,sans-serif}.system-page{display:flex;min-height:100vh;padding-left:220px}.data-deletion-content-wrapper{align-items:flex-start;background-attachment:fixed;background-image:url(/static/media/background.2841fc9afa344c0222ec.png);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex:1 1;justify-content:center;min-height:100vh;overflow-y:auto;padding:30px 50px 50px;position:relative}.background-overlay{background-color:#0006;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.data-deletion-content{display:flex;flex-direction:column;gap:30px;max-width:900px;position:relative;width:100%;z-index:2}.data-deletion-header{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;padding:40px;text-align:center}.data-deletion-header h1{color:#dc3545;font-size:28px;font-weight:600;margin-bottom:15px}.header-description{color:#666;font-size:16px;line-height:1.6}.step-content{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;padding:40px}.warning-section{background:#fff3cd;border:2px solid #ffc107;border-radius:10px;margin-bottom:30px;padding:30px}.warning-icon{font-size:48px}.warning-icon,.warning-section h2{margin-bottom:20px;text-align:center}.warning-section h2{color:#856404;font-size:24px}.warning-list p{color:#856404;font-size:16px;line-height:1.6;margin-bottom:15px}.warning-list ul{list-style:none;padding-left:0}.warning-list li{color:#856404;font-size:15px;margin-bottom:8px;padding-left:20px;position:relative}.warning-list li:before{color:#dc3545;content:"•";font-weight:700;left:0;position:absolute}.alternatives-section{margin-bottom:30px}.alternatives-section h3{border-bottom:2px solid #e9ecef;color:#333;font-size:20px;margin-bottom:20px;padding-bottom:10px}.alternatives-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.alternative-item{background:#f8f9fa;border-left:4px solid #28a745;border-radius:8px;padding:20px}.alternative-item h4{color:#28a745;font-size:16px;margin-bottom:10px}.alternative-item p{color:#666;font-size:14px;line-height:1.5}.instructions-section h2{color:#333;font-size:24px;margin-bottom:30px;text-align:center}.steps-list{margin-bottom:30px}.step-item{align-items:flex-start;background:#f8f9fa;border-left:4px solid #007bff;border-radius:10px;display:flex;margin-bottom:25px;padding:20px}.step-number{align-items:center;background:#007bff;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:40px;justify-content:center;margin-right:20px;width:40px}.step-description h4{color:#007bff;font-size:16px;margin-bottom:8px}.step-description p{color:#666;font-size:14px;line-height:1.5}.confirmation-section{text-align:center}.confirmation-section h2{color:#dc3545;font-size:24px;margin-bottom:20px}.confirmation-text{color:#666;font-size:16px;line-height:1.6;margin-bottom:30px}.form-group{margin-bottom:25px;text-align:left}.form-group label{color:#333;display:block;font-size:14px;line-height:1.5;margin-bottom:10px}.form-group input{border:2px solid #ddd;border-radius:8px;font-size:16px;padding:12px 16px;transition:border-color .3s;width:100%}.form-group input:focus{border-color:#1976d2;outline:none}.form-group input:disabled{background-color:#f8f9fa;cursor:not-allowed}.final-warning{background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;margin-top:20px;padding:15px}.final-warning p{color:#721c24;font-size:14px;margin:0}.action-buttons{justify-content:space-between}.btn-danger,.btn-secondary{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;min-width:140px;padding:12px 24px;transition:all .3s ease}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#5a6268;transform:translateY(-1px)}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover:not(:disabled){background-color:#c82333;transform:translateY(-1px)}.btn-danger.btn-delete{background-color:#dc3545;border:2px solid #dc3545}.btn-danger.btn-delete:hover:not(:disabled){background-color:#c82333;border-color:#c82333}.btn-danger:disabled,.btn-secondary:disabled{cursor:not-allowed;opacity:.6;transform:none}.error-message{color:#dc3545;font-size:14px;margin-bottom:0;margin-top:8px;text-align:left}@media (max-width:768px){.system-page{padding-left:0}.data-deletion-content-wrapper{padding:20px 15px 30px}.data-deletion-header,.step-content{padding:25px 20px}.data-deletion-header h1{font-size:24px}.alternatives-grid{grid-template-columns:1fr}.step-item{flex-direction:column;text-align:center}.step-number{margin-bottom:15px;margin-right:0}.action-buttons{flex-direction:column}.btn-danger,.btn-secondary{width:100%}}@media (max-width:480px){.data-deletion-header,.step-content{padding:20px 15px}.warning-section{padding:20px}.alternative-item{padding:15px}}.line-consent-container{background:linear-gradient(135deg,#00b900,#00a000);font-family:Hiragino Sans,ヒラギノ角ゴシック,Yu Gothic,メイリオ,sans-serif;min-height:100vh;padding:20px}.line-consent-card{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;margin:0 auto;max-width:800px;overflow:hidden}.line-consent-header{background:linear-gradient(135deg,#00b900,#00a000);color:#fff;padding:30px;text-align:center}.line-logo{gap:15px;margin-bottom:20px}.line-icon,.line-logo{align-items:center;display:flex;justify-content:center}.line-icon{background:#fff;border-radius:50%;color:#00b900;font-size:2.5rem;height:60px;padding:15px;width:60px}.line-consent-header h1{font-size:1.8rem;font-weight:600;margin:0}.line-consent-header h2{font-size:1.3rem;font-weight:400;margin:0;opacity:.95}.line-consent-content{padding:40px}.compliance-section,.data-handling-section,.purpose-section{margin-bottom:35px}.compliance-section h3,.data-handling-section h3,.purpose-section h3{align-items:center;border-bottom:2px solid #00b900;color:#333;display:flex;font-size:1.4rem;gap:10px;margin-bottom:20px;padding-bottom:10px}.purpose-list{grid-gap:15px;display:grid;gap:15px}.purpose-item{align-items:flex-start;background:#f8f9fa;border-left:4px solid #00b900;border-radius:12px;display:flex;gap:15px;padding:20px}.purpose-icon{color:#00b900;font-size:1.2rem;margin-top:2px}.purpose-item strong{color:#333;display:block;font-size:1.1rem;margin-bottom:5px}.purpose-item p{color:#666;line-height:1.5;margin:0}.compliance-list ul,.data-policy ul{list-style:none;padding:0}.compliance-list li,.data-policy li{border-bottom:1px solid #eee;padding:10px 0 10px 25px;position:relative}.compliance-list li:before,.data-policy li:before{color:#00b900;content:"✓";font-weight:700;left:0;position:absolute}.consent-form{background:#f8f9fa;border:2px solid #e9ecef;border-radius:15px;margin:30px 0;padding:30px}.consent-item{margin-bottom:25px}.consent-checkbox{align-items:flex-start;cursor:pointer;display:flex;gap:15px;position:relative}.consent-checkbox input[type=checkbox]{display:none}.checkmark{border:2px solid #ddd;border-radius:6px;flex-shrink:0;height:24px;margin-top:2px;position:relative;transition:all .3s ease;width:24px}.consent-checkbox input[type=checkbox]:checked+.checkmark{background:#00b900;border-color:#00b900}.consent-checkbox input[type=checkbox]:checked+.checkmark:after{color:#fff;content:"✓";font-size:14px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.consent-text strong{color:#333;display:block;font-size:1.1rem;margin-bottom:5px}.consent-text p{color:#666;line-height:1.5;margin:0}.consent-text a{color:#00b900;font-weight:500;text-decoration:none}.consent-text a:hover{text-decoration:underline}.action-buttons{display:flex;gap:15px;justify-content:center;margin-top:30px}.consent-button{background:#00b900;border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;min-width:200px;padding:15px 40px;transition:all .3s ease}.consent-button.enabled:hover{background:#00a000;box-shadow:0 5px 15px #00b9004d;transform:translateY(-2px)}.consent-button.disabled{background:#ccc;cursor:not-allowed;opacity:.7}.cancel-button{background:#0000;border:2px solid #ddd;border-radius:50px;color:#666;cursor:pointer;font-size:1.1rem;padding:15px 30px;transition:all .3s ease}.cancel-button:hover{border-color:#999;color:#333}.success-message{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:2px solid #b8dacc;border-radius:15px;padding:40px;text-align:center}.success-icon{color:#155724;font-size:3rem;margin-bottom:15px}.success-message h3{color:#155724;margin-bottom:10px}.success-message p{color:#155724;margin:0}.footer-note{border-top:1px solid #eee;margin-top:30px;padding-top:20px}.note-text{margin-bottom:10px}.contact-info,.note-text{color:#666;font-size:.9rem;text-align:center}.contact-info{margin:0}.contact-info a{color:#00b900}@media (max-width:768px){.line-consent-container{padding:10px}.line-consent-content,.line-consent-header{padding:20px}.line-consent-header h1{font-size:1.4rem}.line-consent-header h2{font-size:1.1rem}.action-buttons{align-items:center;flex-direction:column}.cancel-button,.consent-button{max-width:300px;width:100%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.line-consent-card,.purpose-item{animation:fadeIn .6s ease-out}.purpose-item{animation-fill-mode:both}.purpose-item:first-child{animation-delay:.1s}.purpose-item:nth-child(2){animation-delay:.2s}.purpose-item:nth-child(3){animation-delay:.3s}.purpose-item:nth-child(4){animation-delay:.4s}.legal-container{background:linear-gradient(135deg,#f8f9fa,#e9ecef);font-family:Hiragino Sans,ヒラギノ角ゴシック,Yu Gothic,メイリオ,sans-serif;min-height:100vh;padding:20px}.legal-content{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001a;margin:0 auto;max-width:900px;overflow:hidden}.legal-header{background:linear-gradient(135deg,#343a40,#495057);color:#fff;padding:40px;text-align:center}.legal-header h1{font-size:2.5rem;font-weight:600;margin:0 0 15px}.last-updated{font-size:1.1rem;font-weight:300;margin:0;opacity:.9}.legal-body{color:#333;line-height:1.8;padding:40px}.legal-section{border-bottom:1px solid #e9ecef;margin-bottom:40px;padding-bottom:30px}.legal-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.legal-section h2{border-left:4px solid #007bff;color:#2c3e50;font-size:1.5rem;font-weight:600;line-height:1.4;margin:0 0 20px;padding-left:15px}.legal-section h3{color:#34495e;font-size:1.3rem;font-weight:500;margin:25px 0 15px}.legal-section p{font-size:1rem;line-height:1.8;margin:0 0 15px;text-align:justify}.legal-section ol,.legal-section ul{margin:15px 0;padding-left:25px}.legal-section li{line-height:1.7;margin:8px 0}.legal-section li strong{color:#2c3e50;font-weight:600}.legal-section ol ol,.legal-section ul ul{margin:10px 0;padding-left:20px}.legal-section ol ol li,.legal-section ul ul li{font-size:.95rem;margin:5px 0}.contact-info{background:#f8f9fa;border-left:4px solid #007bff;border-radius:8px;margin:20px 0;padding:25px}.contact-info p{font-size:1rem;margin:8px 0}.contact-info strong{color:#2c3e50;font-weight:600}.contact-info a{color:#007bff;font-weight:500;text-decoration:none}.contact-info a:hover{color:#0056b3;text-decoration:underline}.legal-footer{background:#f8f9fa;border-top:1px solid #e9ecef;padding:30px 40px;text-align:center}.legal-footer p{color:#6c757d;margin:10px 0}.company-name{color:#495057;font-size:1.1rem;font-weight:600}@media (max-width:768px){.legal-container{padding:10px}.legal-header{padding:25px 20px}.legal-header h1{font-size:2rem}.last-updated{font-size:1rem}.legal-body,.legal-footer{padding:25px 20px}.legal-section h2{font-size:1.3rem;padding-left:12px}.legal-section{margin-bottom:30px;padding-bottom:20px}.contact-info{padding:20px}}@media (max-width:480px){.legal-header h1{font-size:1.7rem}.legal-section h2{font-size:1.2rem}.legal-section li,.legal-section p{font-size:.95rem}}@media print{.legal-container{background:#fff;padding:0}.legal-content{border-radius:0;box-shadow:none}.legal-header{background:#fff;border-bottom:2px solid #333;color:#000}.contact-info,.legal-section h2{border-left-color:#333}.contact-info{background:#f9f9f9}.legal-footer{background:#fff;border-top-color:#333}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.legal-content,.legal-section{animation:fadeInUp .6s ease-out}.legal-section{animation-fill-mode:both}.legal-section:first-child{animation-delay:.1s}.legal-section:nth-child(2){animation-delay:.15s}.legal-section:nth-child(3){animation-delay:.2s}.legal-section:nth-child(4){animation-delay:.25s}.legal-section:nth-child(5){animation-delay:.3s}html{scroll-behavior:smooth}a{transition:color .3s ease}.legal-section:not(:last-child):after{background:linear-gradient(90deg,#007bff,#0000);content:"";display:block;height:2px;margin:20px auto 0;width:60px}.legal-section strong{position:relative}.legal-section strong:before{background:linear-gradient(90deg,#007bff4d,#0000);bottom:0;content:"";height:2px;left:0;opacity:0;position:absolute;right:0;transition:opacity .3s ease}.legal-section:hover strong:before{opacity:1}.App{min-height:100vh}main{margin:0 auto}.content{background-color:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;padding:3rem}.content h1{color:#2d3436;font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-align:center}.content p{color:#636e72;font-size:1.125rem;line-height:1.6;margin-bottom:3rem;text-align:center}.features{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:3rem}.feature-card{background-color:#fff;border:1px solid #e9ecef;border-radius:12px;padding:2rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.feature-card h3{color:#2d3436;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.feature-card p{color:#636e72;font-size:1rem;line-height:1.5;margin-bottom:0}@media (max-width:768px){.content{padding:2rem}.content h1{font-size:2rem}.features{gap:1.5rem;grid-template-columns:1fr}.feature-card{padding:1.5rem}}@media (max-width:480px){.content{padding:1.5rem}.content h1{font-size:1.75rem}.content p{font-size:1rem}}
/*# sourceMappingURL=main.4fd8ccd0.css.map*/