@import"https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;700&display=swap";:root{--color-bg: #FFFDF5;--color-primary: #2b2a2a;--color-button: #281c14;--color-attention: #f20000;--color-warning-bg: #f8d7da;--color-warning-border: #f5c6cb;--color-warning-text: #d70000;--color-theme-0: #FFFDF5;--color-theme-50: #FFF9EE;--color-theme-100: #fff8e6;--color-theme-200: #FFEDBC;--color-theme-300: #FFE194;--color-theme-400: #FFD268;--color-theme-500: #FFC03D;--color-theme-500-rgb: 255, 192, 61;--color-theme-600: #ff921d;--color-theme-700: #FF7E1D;--color-theme-800: #F97A19;--color-theme-900: #F47615;--color-theme-1000: #ff6600;--color-white: #ffffff;--color-gray-50: #f8f4f2;--color-gray-100: #f2ebe8;--color-gray-200: #e2d5cf;--color-gray-300: #c9b8b1;--color-gray-400: #af9c95;--color-gray-500: #968179;--color-gray-600: #7d6a62;--color-gray-700: #63524b;--color-gray-800: #4a3c36;--color-gray-900: #332823;--color-black: #000000;--color-red: #ff3f4d;--color-yellow: #ffb600;--color-orange: #ff7e1d;--color-pink: #ff76b8;--color-purple: #944dcb;--color-blue: #0c6ff9;--color-cyan: #15c2cb;--color-green: #08a900;--font-family: "M PLUS Rounded 1c", "Noto Sans JP", sans-serif;--font-size-xs: .75rem;--font-size-xsm: .8125rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--max-width-container: 1200px;--breakpoint-sm: 320px;--breakpoint-md: 768px;--breakpoint-lg: 1024px}html{scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--color-bg);color:var(--color-primary);font-family:var(--font-family);line-height:1.6;margin:0 auto;display:flex;flex-direction:column;min-height:100vh;position:relative}input,button,textarea,select{font-family:inherit}.clickable-element{cursor:pointer}.content-hidden{display:none!important}#main-content{flex:1 0 auto;display:flex;flex-direction:column;max-width:var(--max-width-container);margin:0 auto;padding:5rem 2rem 2rem;width:100%}@media screen and (max-width:1024px){#main-content{padding:5rem 1.5rem 1.5rem}}@media screen and (max-width:768px){#main-content{padding:4.5rem 1rem 1rem}}header{width:100%;height:3.5rem;padding:0;top:0;position:fixed;z-index:3100;box-sizing:border-box;background:#fffdf5e6}.header-container{width:100%;height:100%;margin:0;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box}.header-container-group,.header-left-content{display:flex;align-items:center;gap:1.6rem}body.is-logged-out .header-container-group{display:flex}body.is-logged-out .header-left-content{gap:0rem}.header-title-container{display:flex;flex-direction:row;align-items:center;gap:.5rem}.header-title{height:1.5rem;width:auto;display:block}.header-logo-desktop-logged-in,.header-logo-desktop-logged-out,.header-logo-mobile{display:none}.header-logo-desktop-logged-in{display:block;height:1.3rem;transform:translateY(2px)}body.is-logged-out .header-logo-desktop-logged-in{display:none}body.is-logged-out .header-logo-desktop-logged-out{display:block}.header-title-link{text-decoration:none;color:inherit;display:flex;align-items:center}@media screen and (max-width:1024px){.header-container{padding:0 1.5rem}body.is-logged-out .header-container-group{right:0}}@media screen and (min-width:769px){header{z-index:4100}}@media screen and (max-width:768px){header{height:3.4rem}.header-container{padding:0 .8rem 0 1rem}.header-container-group{gap:1rem}body.is-logged-out .header-container-group{right:0;height:100%}.header-title{height:1.5rem;width:auto}body.is-logged-out .header-title{height:1.3rem}.header-logo-desktop-logged-in{display:none!important}.header-logo-desktop-logged-out{display:none}body.is-logged-out .header-logo-desktop-logged-out{display:block!important}}button{background-color:transparent;border:none;padding:0;margin:0;font-family:inherit;font-size:inherit;color:inherit;cursor:pointer;appearance:none;-webkit-appearance:none;-webkit-tap-highlight-color:transparent;outline:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;font-family:var(--font-family);font-size:var(--font-size-base);font-weight:500;line-height:1.5;text-align:center;text-decoration:none;white-space:nowrap;border:none;border-radius:50px;padding:.75rem 2rem;box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--color-white);background-color:var(--color-button);-webkit-tap-highlight-color:transparent;outline:none}.btn:hover:not(:disabled){opacity:.9}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn.secondary{color:var(--color-primary);background-color:transparent;border:1px solid var(--color-primary)}.btn.secondary:hover:not(:disabled){background-color:var(--color-gray-100)}.btn.secondary:active:not(:disabled){transform:translateY(0)}.btn.sm{font-size:var(--font-size-sm);padding:.5rem 1.25rem}.btn.sm.secondary{color:var(--color-primary);background-color:var(--color-bg);border:1px solid var(--color-primary)}.btn.sm.login{color:var(--color-primary);background-color:#fffdf5b3;border:1px solid var(--color-primary)}.btn.sm.login:hover:not(:disabled){background-color:var(--color-gray-100)}.btn.sm.announcement{color:var(--color-theme-1000);background-color:transparent;border:1px solid var(--color-theme-1000);gap:.2rem}.btn.sm.announcement:hover:not(:disabled){background-color:#ffefc8}.btn.sm.announcement img{--icon-pos-x: 0px;--icon-pos-y: .5px;transform:translate(var(--icon-pos-x),var(--icon-pos-y));opacity:.8;width:17px;height:17px}.btn.sm.announcement.icon-offset img{--icon-pos-x: -1px;--icon-pos-y: 2px}@media screen and (max-width:768px){.btn.sm{font-size:var(--font-size-xs);padding:.3rem .8rem}.btn.sm.announcement img{width:13px;height:13px}}.btn.danger{color:var(--color-white);background-color:var(--color-attention)}.btn.danger:hover:not(:disabled){background-color:#d10000}.btn.danger:active:not(:disabled){transform:translateY(0)}.btn.guest{color:var(--color-white);background-color:var(--color-theme-600)}.btn.guest:hover:not(:disabled){background-color:var(--color-theme-800)}.btn.guest:active:not(:disabled){transform:translateY(0)}.google-icon{flex-shrink:0}.menu-container{position:relative}.menu-button{background:none;border:none;cursor:pointer;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s;flex-shrink:0;line-height:0}.menu-button:hover{background-color:#ff9d004d}#menu-modal{position:fixed;top:3.4rem;left:0;width:100%;height:calc(100vh - 3.4rem);height:calc(100dvh - 3.4rem);background:#0003;z-index:3000;display:flex!important;visibility:hidden;opacity:0;pointer-events:none;justify-content:flex-start;align-items:stretch;transition:opacity .3s ease,visibility .3s}#menu-modal.is-open{visibility:visible;opacity:1;pointer-events:auto}#menu-modal .drawer-menu-content{margin:0;height:100%;height:100dvh;max-height:100%;width:70%;max-width:280px;border-radius:0;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);border-top:1px solid var(--color-theme-200);background:var(--color-white);display:flex;flex-direction:column;padding:0}#menu-modal.is-open .drawer-menu-content{transform:translate(0)}#menu-modal .drawer-menu-header{padding:32px 32px 8px 28px;display:flex;align-items:center;justify-content:space-between;margin-bottom:0}#menu-modal .drawer-menu-title{font-size:14px;font-weight:800;color:var(--color-primary)}#menu-modal .drawer-menu-body{flex:1;overflow-y:auto;padding:8px 16px 40px;scrollbar-width:thin;scrollbar-color:var(--color-theme-300) transparent}#menu-modal .drawer-menu-body::-webkit-scrollbar{width:12px}#menu-modal .drawer-menu-body::-webkit-scrollbar-track{background:transparent}#menu-modal .drawer-menu-body::-webkit-scrollbar-thumb{background-color:var(--color-theme-200);border-radius:10px;border:4px solid var(--color-white)}#menu-modal .drawer-menu-body::-webkit-scrollbar-thumb:hover{background-color:var(--color-theme-300)}.menu-header{padding:1rem;border-bottom:1px solid var(--color-gray-200);background-color:var(--color-gray-50)}.menu-user-name{font-weight:700;color:var(--color-primary);font-size:.9rem;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.menu-list{list-style:none;padding:0;margin:0}.menu-item{width:100%;text-align:left;padding:.8rem 1rem;background:none;border:none;font-size:.9rem;color:var(--color-primary);cursor:pointer;transition:background-color .2s;border-bottom:1px solid var(--color-gray-100)}.menu-item:last-child{border-bottom:none}.menu-item:hover{background-color:var(--color-gray-50)}.menu-divider{height:1px;background-color:var(--color-gray-100);margin:0}.menu-sub-item{display:block;width:100%;text-align:left;padding:.6rem 1rem;font-size:.8rem;color:var(--color-gray-600);text-decoration:none;transition:background-color .2s,color .2s}.menu-sub-item:hover{background-color:var(--color-gray-50);color:var(--color-primary)}.menu-title-icon{width:1.25em;height:1.25em;vertical-align:middle;margin-left:.25rem;margin-bottom:.2rem}@media(min-width:769px){#menu-modal{top:3.5rem!important;height:calc(100vh - 3.5rem)!important;height:calc(100dvh - 3.5rem)!important;z-index:4100!important}#menu-modal .drawer-menu-content{height:100%!important}}footer{flex-shrink:0;width:100%;padding:3rem 2rem 1.5rem;background-color:var(--bg-color);margin-top:auto}.footer-container{max-width:var(--max-width-container);margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1.2rem}.footer-logo-link{display:inline-block;transition:opacity .2s;text-decoration:none}.footer-logo-link:hover{opacity:.7}.footer-logo{height:1.2rem;width:auto}.footer-nav{display:flex;gap:1.5rem;align-items:center;justify-content:center;flex-wrap:wrap}.footer-link{color:var(--color-gray-600);text-decoration:none;font-size:var(--font-size-xs);transition:color .2s;display:inline-flex;align-items:center}.footer-link:hover{color:var(--color-primary)}.footer-copyright{font-size:var(--font-size-xs);color:var(--color-gray-500);text-align:center;margin:0}@media screen and (max-width:768px){footer{padding:2rem 1rem}.footer-container{align-items:flex-start}.footer-logo{height:1.1rem}.footer-nav{flex-direction:column;align-items:flex-start;gap:1rem;margin-left:.5rem}.footer-link{font-size:var(--font-size-xs)}.footer-copyright{text-align:left;font-size:10px;color:var(--color-gray-600);margin-left:.5rem}}.content-container .content-group{margin-bottom:3rem}.content-container h1{font-size:1.1rem;font-weight:700;margin-bottom:2rem;color:var(--color-primary);text-align:left}.content-container h2{font-size:1rem;font-weight:500;margin:2.5rem 0 1.2rem;color:var(--color-primary);border-bottom:2px solid var(--color-gray-100);padding-bottom:.5rem}.content-container p{margin-bottom:1.2rem;font-size:.95rem;line-height:1.8;color:var(--color-gray-700)}.content-container ul{margin-bottom:1.5rem;padding-left:1.2rem;color:var(--color-gray-700)}.content-container li{margin-bottom:.8rem;line-height:1.7;font-size:.95rem}.content-container a:not(.btn){color:var(--color-blue);text-decoration:underline}.content-container a:not(.btn):hover{text-decoration:none}.content-container{max-width:800px;margin:1rem auto 0;padding:0 1.5rem;box-sizing:border-box}.btn-link-container{text-align:center;margin-top:3rem;margin-bottom:4rem}