@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700;900&display=swap");
/*
! tailwindcss v3.2.1 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}html{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}#root,body,html{--tw-bg-opacity:1;background-color:rgb(165 180 252/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.dark #root,.dark body,.dark html{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}#root,body,html{font-family:Noto Sans JP,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}small{font-weight:100}nav{padding-right:1rem;padding-left:1rem}@media (min-width:640px){nav{max-width:640px;padding-right:2rem;padding-left:2rem}}@media (min-width:768px){nav{max-width:768px}}@media (min-width:1024px){nav{max-width:1024px;padding-right:4rem;padding-left:4rem}}@media (min-width:1280px){nav{max-width:1280px;padding-right:5rem;padding-left:5rem}}@media (min-width:1536px){nav{max-width:1536px;padding-right:6rem;padding-left:6rem}}nav{height:4rem;width:100%;flex-direction:row;align-items:center;justify-content:space-between}nav,nav ul{display:flex}nav ul{position:fixed;left:0;top:0;z-index:40;height:100vh;width:75%;--tw-translate-x:0px;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));list-style-type:none;flex-direction:column;--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity));padding:1.5rem 2rem;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1)}.dark nav ul{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}@media (min-width:768px){nav ul{position:static;width:auto;flex-direction:row}.dark nav ul,nav ul{height:100%;background-color:transparent}}nav ul:not([open]){--tw-translate-x:-100%;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}nav ul li{margin-bottom:.75rem;cursor:pointer;font-size:1.875rem;line-height:2.25rem;font-weight:500;--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}nav ul li:hover{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.dark nav ul li{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}.dark nav ul li:hover{--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity))}@media (min-width:768px){nav ul li{margin-right:1.25rem;font-size:1.25rem;line-height:1.75rem}}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::-webkit-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%;padding-right:1rem;padding-left:1rem}@media (min-width:640px){.container{max-width:640px;padding-right:2rem;padding-left:2rem}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px;padding-right:4rem;padding-left:4rem}}@media (min-width:1280px){.container{max-width:1280px;padding-right:5rem;padding-left:5rem}}@media (min-width:1536px){.container{max-width:1536px;padding-right:6rem;padding-left:6rem}}.youtube-frame{position:relative;height:0;width:100%;overflow:hidden;padding-bottom:56.25%}.youtube-frame iframe{position:absolute;left:0;top:0;height:100%;width:100%}.switch-button{display:flex;width:100%;align-items:center;justify-content:center}.switch-button input{display:none}.switch-button label{position:relative;margin:1rem;display:block;height:2rem;width:5rem;cursor:pointer;border-radius:1rem}.switch-button label:after{position:absolute;top:.25rem;left:.25rem;height:1.5rem;width:1.5rem;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));content:var(--tw-content);transition-duration:.3s}.switch-button label:active:after{content:var(--tw-content);width:60%}.switch-button h3{width:33.333333%;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.75rem;line-height:1rem;transition-duration:.3s}.switch-button h3:hover{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity))}@media (min-width:768px){.switch-button h3{font-size:1rem;line-height:1.5rem}}.waving-hand:before{display:inline-block;-webkit-transform-origin:70% 70%;transform-origin:70% 70%;--tw-content:"👋";content:var(--tw-content)}@-webkit-keyframes waving-hand{0%{content:var(--tw-content);-webkit-transform:rotate(0deg);transform:rotate(0deg)}10%{content:var(--tw-content);-webkit-transform:rotate(20deg);transform:rotate(20deg)}20%{content:var(--tw-content);-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}30%{content:var(--tw-content);-webkit-transform:rotate(10deg);transform:rotate(10deg)}40%{content:var(--tw-content);-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}50%{content:var(--tw-content);-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes waving-hand{0%{content:var(--tw-content);-webkit-transform:rotate(0deg);transform:rotate(0deg)}10%{content:var(--tw-content);-webkit-transform:rotate(20deg);transform:rotate(20deg)}20%{content:var(--tw-content);-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}30%{content:var(--tw-content);-webkit-transform:rotate(10deg);transform:rotate(10deg)}40%{content:var(--tw-content);-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}50%{content:var(--tw-content);-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.waving-hand:hover:before{content:var(--tw-content);-webkit-animation:waving-hand 2.5s infinite;animation:waving-hand 2.5s infinite}.resume-download-container{position:relative;z-index:0;margin-top:2.5rem;width:100%;overflow:hidden;border-radius:.375rem;padding:.125rem}.resume-download-container:before{position:absolute;top:0;left:0;z-index:-10;height:100%;width:200%;background-image:linear-gradient(115deg,#4fcf70,#fad648,#a767e5,#12bcfe,#44ce7b);content:var(--tw-content);background-size:50% 100%}@-webkit-keyframes move-left{to{content:var(--tw-content);-webkit-transform:translateX(-50%);transform:translateX(-50%)}}@keyframes move-left{to{content:var(--tw-content);-webkit-transform:translateX(-50%);transform:translateX(-50%)}}.resume-download-container:hover:before{content:var(--tw-content);-webkit-animation:move-left 1.5s linear infinite;animation:move-left 1.5s linear infinite}.skill-set{display:flex;height:auto;-webkit-transform-origin:top;transform-origin:top;--tw-scale-y:1;flex-wrap:wrap;align-items:center;justify-content:center;overflow:hidden;transition-duration:.3s}.skill-set,.skill-set:not([active]){-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.skill-set:not([active]){height:0;--tw-scale-y:0}.skill-set li{margin:.75rem;height:4rem;flex-direction:column}.skill-set li,.skill-set li div{display:flex;width:3rem;align-items:center}.skill-set li div{height:3rem;justify-content:center;font-size:1rem;line-height:1.5rem;--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.dark .skill-set li div{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.skill-set li p{text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.75rem;line-height:1rem}.language-container{position:relative;display:flex;height:8rem;width:100%;max-width:768px;-webkit-transform-origin:top;transform-origin:top;flex-wrap:wrap;align-items:center;justify-content:center;overflow:hidden;transition-duration:.5s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.language-container:not([active]){height:0}.language-score{display:flex;height:100%;width:33.333333%;flex-direction:column;align-items:center;justify-content:space-between;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));padding:1.25rem;--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.dark .language-score{--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity))}.language-score h3{font-size:1.125rem;line-height:1.75rem;font-weight:700;--tw-text-opacity:1;color:rgb(107 33 168/var(--tw-text-opacity))}.dark .language-score h3{--tw-text-opacity:1;color:rgb(254 249 195/var(--tw-text-opacity))}@media (min-width:768px){.language-score h3{font-size:1.5rem;line-height:2rem}}.language-score p{font-size:.875rem;line-height:1.25rem;font-weight:700}.language-rating{display:flex;height:100%;width:33.333333%;flex-direction:column;align-items:center;justify-content:space-between;--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity));padding:1.25rem;--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.dark .language-rating{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity))}.language-rating small{font-size:.75rem;line-height:1rem}.language-rating div{display:flex}.history-button{margin:.25rem;display:flex;height:4rem;min-width:7.5rem;flex-direction:column;align-items:center;--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity));padding:.25rem 1rem;font-size:.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));transition-duration:.3s}.dark .history-button{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}@media (min-width:768px){.history-button{height:2.5rem;flex-direction:row;padding-top:.5rem;padding-bottom:.5rem;font-size:1rem;line-height:1.5rem}}.history-button[active]{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.history-button h2{margin-bottom:.25rem}@media (min-width:768px){.history-button h2{margin-right:.5rem;margin-bottom:0}}.history-content{display:flex;flex-direction:column;align-items:flex-start;transition-duration:.3s}@media (min-width:768px){.history-content{width:66.666667%}}@media (min-width:1280px){.history-content{width:80%}}.history-content:not([active]){display:none}.history-title em{--tw-text-opacity:1;color:rgb(88 28 135/var(--tw-text-opacity))}.history-title em:hover{--tw-text-opacity:1;color:rgb(147 51 234/var(--tw-text-opacity))}.dark .history-title em{--tw-text-opacity:1;color:rgb(254 249 195/var(--tw-text-opacity))}.dark .history-title em:hover{--tw-text-opacity:1;color:rgb(250 204 21/var(--tw-text-opacity))}.history-desc{margin-top:1.25rem;width:100%;text-align:left;font-size:.875rem;line-height:1.25rem;font-weight:300;--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.dark .history-desc{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.history-desc{font-family:Noto Sans JP,sans-serif}.history-desc em{--tw-text-opacity:1;color:rgb(88 28 135/var(--tw-text-opacity))}.dark .history-desc em{--tw-text-opacity:1;color:rgb(254 249 195/var(--tw-text-opacity))}.history-desc ul li{position:relative;padding-left:1.25rem}.history-desc ul li:before{position:absolute;left:0;--tw-content:"▸";content:var(--tw-content)}.challenge-card-small{display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;border-radius:.5rem;text-align:center;--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.challenge-card-small .media{display:flex;width:100%;max-width:768px;flex-grow:1;align-items:center;background-image:radial-gradient(closest-side,#ffffff20,#00000032);object-fit:contain}.challenge-card-small .media video{padding:.5rem}.challenge-card-small .detail{position:relative;right:0;display:flex;width:100%;max-width:768px;align-items:center;justify-content:space-between;gap:1rem;--tw-bg-opacity:1;background-color:rgb(224 231 255/var(--tw-bg-opacity));object-fit:contain;padding:1.5rem 1rem;text-align:left;--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.dark .challenge-card-small .detail{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity))}.challenge-card-small .detail h2{cursor:pointer;font-weight:900;--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.dark .challenge-card-small .detail h2{--tw-text-opacity:1;color:rgb(224 231 255/var(--tw-text-opacity))}.challenge-card-small .detail p{font-size:.875rem;line-height:1.25rem}.challenge-card-small .detail span{display:flex;gap:.5rem}.contact-container{margin-bottom:2.5rem;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.75rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.dark .contact-container{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}@media (min-width:768px){.contact-container{align-items:flex-start}}.contact-container a:hover{--tw-text-opacity:1;color:rgb(30 58 138/var(--tw-text-opacity))}.dark .contact-container a:hover{--tw-text-opacity:1;color:rgb(147 197 253/var(--tw-text-opacity))}.challenge-card .media{position:relative;right:0;display:flex;width:100%;align-items:center;justify-content:center;overflow:hidden;border-top-left-radius:.5rem;border-top-right-radius:.5rem;background-image:radial-gradient(closest-side,#ffffff20,#00000032);object-fit:contain}@media (min-width:768px){.challenge-card .media{width:66.666667%;border-top-left-radius:0;border-top-right-radius:0;border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}}.challenge-card .detail{position:relative;right:0;display:flex;width:100%;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:1rem;border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem;--tw-bg-opacity:1;background-color:rgb(224 231 255/var(--tw-bg-opacity));object-fit:contain;padding:1rem;text-align:left;--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.dark .challenge-card .detail{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity))}@media (min-width:768px){.challenge-card .detail{width:33.333333%;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}}.challenge-card .detail h2{font-weight:900;--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.dark .challenge-card .detail h2{--tw-text-opacity:1;color:rgb(224 231 255/var(--tw-text-opacity))}.challenge-card .detail p,.challenge-card .detail ul{font-size:.875rem;line-height:1.25rem;font-weight:400}.challenge-card .detail small{margin-bottom:.75rem;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.dark .challenge-card .detail small{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}.challenge-card .detail ul li{position:relative;padding-left:1.25rem}.challenge-card .detail ul li:before{position:absolute;left:0;--tw-content:"▸";content:var(--tw-content)}.challenge-card .detail span{display:flex;gap:.5rem}.relative{position:relative}.right-0{right:0}.my-10{margin-top:2.5rem;margin-bottom:2.5rem}.mb-5{margin-bottom:1.25rem}.mr-2{margin-right:.5rem}.mb-10{margin-bottom:2.5rem}.mr-3{margin-right:.75rem}.mr-8{margin-right:2rem}.block{display:block}.flex{display:flex}.grid{display:grid}.h-40{height:10rem}.h-9{height:2.25rem}.h-full{height:100%}.h-12{height:3rem}.w-full{width:100%}.w-40{width:10rem}.w-9{width:2.25rem}.w-12{width:3rem}.w-16{width:4rem}.w-8{width:2rem}.max-w-screen-lg{max-width:1024px}.max-w-screen-sm{max-width:640px}.max-w-max{max-width:-webkit-max-content;max-width:max-content}.transform{-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-around{justify-content:space-around}.gap-8{gap:2rem}.gap-3{gap:.75rem}.gap-2{gap:.5rem}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.375rem}.border-2{border-width:2px}.border-none{border-style:none}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.bg-indigo-100{--tw-bg-opacity:1;background-color:rgb(224 231 255/var(--tw-bg-opacity))}.bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.bg-gray-900{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity))}.bg-blue-300{--tw-bg-opacity:1;background-color:rgb(147 197 253/var(--tw-bg-opacity))}.bg-\[url\(\'\/assets\/profile\.jpg\'\)\]{background-image:url(/assets/profile.jpg)}.bg-cover{background-size:cover}.fill-current{fill:currentColor}.object-contain{object-fit:contain}.p-10{padding:2.5rem}.p-5{padding:1.25rem}.p-1{padding:.25rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.pb-5{padding-bottom:1.25rem}.pb-10{padding-bottom:2.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-base{font-size:1rem;line-height:1.5rem}.text-xs{font-size:.75rem;line-height:1rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.text-blue-700{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.outline-none{outline:2px solid transparent;outline-offset:2px}.filter{-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.after\:relative:after{content:var(--tw-content);position:relative}.after\:left-0:after{content:var(--tw-content);left:0}.after\:h-full:after{content:var(--tw-content);height:100%}.after\:w-full:after{content:var(--tw-content);width:100%}@-webkit-keyframes language-guide{0%{opacity:1;content:"Tap here to change language"}30%{opacity:1;content:"Tap here to change language"}50%{opacity:0;content:"Tap here to change language"}51%{opacity:0;content:"言語変更には、ここにタップ"}70%{opacity:1;content:"言語変更には、ここにタップ"}to{opacity:1;content:"言語変更には、ここにタップ"}}@keyframes language-guide{0%{opacity:1;content:"Tap here to change language"}30%{opacity:1;content:"Tap here to change language"}50%{opacity:0;content:"Tap here to change language"}51%{opacity:0;content:"言語変更には、ここにタップ"}70%{opacity:1;content:"言語変更には、ここにタップ"}to{opacity:1;content:"言語変更には、ここにタップ"}}.after\:animate-language-guide:after{content:var(--tw-content);-webkit-animation:language-guide 5s linear infinite alternate;animation:language-guide 5s linear infinite alternate}.after\:select-none:after{content:var(--tw-content);-webkit-user-select:none;user-select:none}.after\:bg-\[url\(\'\/assets\/profile-3d\.png\'\)\]:after{content:var(--tw-content);background-image:url(/assets/profile-3d.png)}.after\:bg-cover:after{content:var(--tw-content);background-size:cover}.after\:text-sm:after{content:var(--tw-content);font-size:.875rem;line-height:1.25rem}.after\:font-thin:after{content:var(--tw-content);font-weight:100}.after\:text-black:after{content:var(--tw-content);--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.after\:duration-200:after{content:var(--tw-content);transition-duration:.2s}.hover\:bg-black:hover{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.hover\:after\:left-full:hover:after{content:var(--tw-content);left:100%}@-webkit-keyframes bounce{0%,to{-webkit-transform:translateY(-25%);transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{-webkit-transform:none;transform:none;-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes bounce{0%,to{-webkit-transform:translateY(-25%);transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{-webkit-transform:none;transform:none;-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}.group:hover .group-hover\:animate-bounce{-webkit-animation:bounce 1s infinite;animation:bounce 1s infinite}.group:hover .group-hover\:\[animation-delay\:-0\.5s\]{-webkit-animation-delay:-.5s;animation-delay:-.5s}.peer:checked~.peer-checked\:bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity))}.peer:checked~.peer-checked\:text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.peer:checked~.peer-checked\:text-blue-700{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity))}.peer:checked~.peer-checked\:after\:left-\[calc\(100\%-0\.2rem\)\]:after{content:var(--tw-content);left:calc(100% - .2rem)}.peer:checked~.peer-checked\:after\:-translate-x-full:after{content:var(--tw-content);--tw-translate-x:-100%;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.dark .dark\:border-blue-200{--tw-border-opacity:1;border-color:rgb(191 219 254/var(--tw-border-opacity))}.dark .dark\:bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.dark .dark\:bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity))}.dark .dark\:bg-gray-900{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity))}.dark .dark\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.dark .dark\:text-blue-300{--tw-text-opacity:1;color:rgb(147 197 253/var(--tw-text-opacity))}.dark .dark\:text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity))}.dark .dark\:text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.dark .after\:dark\:text-white:after{content:var(--tw-content);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.peer:checked~.dark .peer-checked\:dark\:bg-green-300{--tw-bg-opacity:1;background-color:rgb(134 239 172/var(--tw-bg-opacity))}.dark .peer:checked~.dark\:peer-checked\:text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.dark .peer:checked~.dark\:peer-checked\:text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity))}@media (min-width:768px){.md\:relative{position:relative}.md\:left-0{left:0}.md\:mb-0{margin-bottom:0}.md\:mr-5{margin-right:1.25rem}.md\:hidden{display:none}.md\:w-1\/3{width:33.333333%}.md\:w-1\/2{width:50%}.md\:w-2\/3{width:66.666667%}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:flex-col{flex-direction:column}.md\:items-start{align-items:flex-start}.md\:justify-start{justify-content:flex-start}.md\:px-10{padding-left:2.5rem;padding-right:2.5rem}.md\:text-left{text-align:left}}@media (min-width:1024px){.lg\:w-1\/2{width:50%}.lg\:gap-10{gap:2.5rem}}@media (min-width:1280px){.xl\:w-1\/5{width:20%}.xl\:w-2\/5{width:40%}}