@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200";._center_h94j3_1{flex:1}._sizer_h94j3_5{max-width:85vw;max-height:75vh;position:relative;box-sizing:border-box;aspect-ratio:16 / 9;top:50%;left:50%;transform:translate(-50%) translateY(-50%)}._container_h94j3_26{margin:auto;max-width:600px;display:flex;height:calc(100vh - var(--header-height));padding:3vw;flex-direction:column}._buttons_h94j3_35{position:absolute;top:calc(50% + var(--content-height) / 2);display:flex;left:50%;transform:translate(-50%);padding-top:16px;width:85vw;max-width:var(--content-width);height:80px;max-height:calc(50% - var(--content-height) / 2)}._buttons_h94j3_35>button{flex:1;height:100%;line-height:100%}._left_h94j3_52,._right_h94j3_52{display:none}@media (min-aspect-ratio: 5/3) and (max-height: 450px){._container_h94j3_26{margin:auto;max-width:none;padding:0;height:calc(100vh - var(--header-height));overflow:hidden;flex-direction:row}._buttons_h94j3_35{display:none}._left_h94j3_52,._right_h94j3_52{display:block;height:100%}._left_h94j3_52>button{position:absolute;height:100%;left:16px}._right_h94j3_52>button{position:absolute;right:16px}._left_h94j3_52>button,._right_h94j3_52>button{top:16px;height:calc(100% - 32px);width:calc((100vw - var(--content-width)) / 2 - 32px)}}.contentManager__container{position:relative}.contentManager__content{position:absolute;backface-visibility:hidden;width:100%;height:100%}.contentManager__content:not(.contentManager__visible){display:none}._card_1qjer_1{height:100%;position:relative;box-shadow:0 6px 10px #00000024,0 1px 18px #0000001f,0 3px 5px -1px #0003}._img_1qjer_7{max-width:100%}._contentArea_1qjer_11{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-sizing:border-box}._term_1qjer_20{font-size:calc(6 * var(--percent));line-height:1.1em}._sample_1qjer_25{font-size:calc(4.5 * var(--percent));line-height:1.2em}._row_1qjer_30._card_1qjer_1,._rowReverse_1qjer_31._card_1qjer_1{display:flex;flex-direction:row;height:100%}._rowReverse_1qjer_31._card_1qjer_1{flex-direction:row-reverse}._row_1qjer_30 ._imgArea_1qjer_41,._rowReverse_1qjer_31 ._imgArea_1qjer_41{width:var(--card-row-image-width)}._row_1qjer_30 ._img_1qjer_7,._rowReverse_1qjer_31 ._img_1qjer_7{width:100%}._row_1qjer_30 ._contentArea_1qjer_11,._rowReverse_1qjer_31 ._contentArea_1qjer_11{width:calc(100% - var(--card-row-image-width));padding:calc(2.5 * var(--percent)) 0 calc(2.5 * var(--percent)) calc(1.5 * var(--percent))}._rowReverse_1qjer_31 ._contentArea_1qjer_11{padding:calc(2.5 * var(--percent)) calc(1.5 * var(--percent)) calc(2.5 * var(--percent)) 0}._row_1qjer_30 ._contentArea_1qjer_11:only-child,._rowReverse_1qjer_31 ._contentArea_1qjer_11:only-child{width:100%}._row_1qjer_30 ._term_1qjer_20,._rowReverse_1qjer_31 ._term_1qjer_20{margin:0 .45em .45em}._row_1qjer_30 ._sample_1qjer_25,._rowReverse_1qjer_31 ._sample_1qjer_25{margin:0 1em}._column_1qjer_76._card_1qjer_1{display:flex;flex-direction:column}._column_1qjer_76._fixedHeight_1qjer_81{padding-top:calc(4 * var(--percent))}._column_1qjer_76 ._imgArea_1qjer_41{overflow:hidden;flex:1;box-sizing:border-box;display:flex;justify-content:center}._column_1qjer_76 ._img_1qjer_7{width:100%}._column_1qjer_76 ._contentArea_1qjer_11{height:100%}._overlay_1qjer_100 ._contentArea_1qjer_11{position:absolute;top:calc(60.1 * var(--percent));background:rgba(var(--rgb-black),.45);color:#fff;width:100%;height:calc(40 * var(--percent))}/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}ul{list-style:none}button,input,select{margin:0}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}img,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}:root{--black: #061826;--yellow: #FFED65;--red: #AF1B3F;--light-red: #DE8F6E;--green: #0C7C59;--light-green: #6BAB90;--blue: #1E3888;--light-blue: #96C9DC;--rgb-black: 6, 24, 38;--rgb-blue: 30, 56, 136;--rgb-green: 12, 124, 89;--rgb-lightBlue: 150, 201, 220;--rgb-lightGreen: 107, 171, 144;--rgb-lightRed: 222, 143, 110;--rgb-red: 175, 27, 63;--rgb-yellow: 255, 237, 101}#app{height:100vh;--header-height: 0px}html,body,.mdl-button{font-family:Noto Sans JP,Helvetica,Arial,sans-serif}.mdl-layout__header{background-color:var(--blue)}html,.mdl-button{color:var(--black)}.Cards__container{margin:auto;max-width:600px;height:100%}.WordCard__sizer{width:100%;position:relative;--card-row-image-width: 40%}.mdl-button.Cards__bottomButton{height:64px;background-color:rgba(var(--rgb-black),.08);font-size:1.5em;text-transform:none;line-height:1.1em;margin-bottom:0}@keyframes UI__appear{0%{opacity:0}to{opacity:1}}@keyframes loading__appear{0%{opacity:0}33%{opacity:0}to{opacity:1}}@keyframes loading__rotate{to{transform:rotate(360deg)}}.Quiz__loading{animation:loading__appear 1s linear;margin:0 auto;font-size:18px}.Quiz__loadingIcon{animation:loading__rotate .66s linear infinite;vertical-align:text-bottom}.Timer__container{height:30px;overflow:hidden;padding:4px 30%;box-sizing:border-box;display:flex;flex-direction:row}.Timer__lineContainer{position:relative;width:100%}.Timer__back,.Timer__sector{background:rgba(var(--rgb-black),.2);width:100%;height:6px;top:calc(50% - 1px);left:4px;border-radius:17px;position:absolute}.Timer__sector{background:rgba(var(--rgb-blue),.8);width:0%}.palette__container{overflow:hidden}.pallete__color_name{font-size:1.3em;line-height:1.6;margin-top:8px}.pallete__color_variants{display:flex}.pallete__cell{height:64px;width:64px;margin-right:8px}.card1{position:relative;margin:16px;border-radius:6px;overflow:hidden;box-shadow:0 2px 2px #00000024,0 3px 1px -2px #0003,0 1px 5px #0000001f}.card1 img{width:100%;height:100%}.card1 .cnt{position:absolute;bottom:0;left:0;background:linear-gradient(0deg,rgba(var(--rgb-black),.45) 0%,rgba(var(--rgb-black),.45) 23%,rgba(0,0,0,0) 100%);color:#fff;padding:2vw 5vw;width:calc(100% - 10vw);text-align:center;padding-top:50%}.card1 .title{font-size:8vw;line-height:1.1em;margin:2vw}.card1 .description{font-size:6vw;line-height:1.1em;margin:2vw 2vw 3.5vw}._group_10iyl_1>div{margin:2em}._group_10iyl_1{--card-row-image-width: 40%}.mdl-layout__drawer{transform:translate(-240)}._pageContent_7cryt_4{width:100%;height:100%;overflow-x:scroll;--header-height: 56px}