@import url(https://fonts.googleapis.com/css?family=Raleway:300,400,600);/*!
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/abbr,address,article,aside,audio,b,blockquote,body,body.print,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body,body.print{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{text-decoration:none}ins,mark{background-color:#ff9;color:#000}mark{font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}html{position:relative;font-size:62.5%;min-width:320px}body,body.print,html{height:100%;min-height:100%}body,body.print{font-size:14px;font-size:1.4rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-image:url("../images/bg.png");color:#444;line-height:1.4;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:unset}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx),only screen and (-webkit-min-device-pixel-ratio:2){body,body.print{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}body.print{display:block;background:none}@media print{margin:0;body,body.print,html{height:auto;min-height:auto;width:980px}}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box;word-break:break-all}img{max-width:100%;vertical-align:middle}li{list-style:none}a{-webkit-transition:all .3s;transition:all .3s}.fa{width:1.2857142857142858em;text-align:center;margin-right:.3em}body,body.print,popover,tooltip{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Verdana,Hiragino Sans,\\30D2\30E9\30AE\30CE\89D2\30B4 ProN W3,Hiragino Kaku Gothic ProN,\\30E1\30A4\30EA\30AA,Meiryo,sans-serif}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}[v-cloak]{display:none}.vpre{white-space:pre-wrap}.fade-enter-active{-webkit-transition:opacity .5s;transition:opacity .5s}.fade-leave-active{-webkit-transition:opacity .3s;transition:opacity .3s}.fade-enter,.fade-leave-to{opacity:0}.slide-enter-active{-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.slide-leave-active{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.slide-enter,.slide-leave-to{-webkit-transform:translateX(100%);transform:translateX(100%)}.stopAnime{-webkit-transition:none;transition:none}.header{width:100%;min-width:980px;-ms-flex-negative:0;flex-shrink:0;height:65px;border-bottom:6px solid #96be70;background-color:#fff}.header_logo{width:980px;min-width:980px;margin:auto;height:59px;background:url("../images/header.png") 100% 100% no-repeat}.main{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:25px 0}.component,.main-print{width:980px}.component{min-width:980px;margin:auto}.component_heading,.component_heading-icon{color:#fff;font-size:4.4rem;letter-spacing:.05em}.component_heading-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.component_heading-icon img{margin-right:2rem}.content+.content{margin-top:70px}.content>*+*{margin-top:40px}.content-footer{margin-top:100px}.content_heading{padding:.3em;background-color:#205054;color:#fff;font-size:3rem;text-align:center;line-height:1.4}.print .content_heading{background-color:transparent;color:#444}.content_text,.content_text-left{color:#fff;font-size:2.5rem;line-height:1.75;text-align:center}.content_text-left{text-align:left}.inner-small{width:890px;margin:auto}.footer,.footer-choice,.footer-home,.footer-library,.footer-quiz,.footer-signin{width:100%;min-width:980px;margin-bottom:6px;border-bottom:30px solid #9e8163;-webkit-box-shadow:0 6px 0 #825746;box-shadow:0 6px 0 #825746}.footer-signin_inner{width:980px;min-width:980px;margin:auto;position:relative;height:250px;padding-bottom:20px}.footer-signin_inner:after{position:absolute;content:"";bottom:-36px;left:0;height:248px;width:980px;background:url("../images/footer-signin.png") bottom no-repeat;z-index:100}.footer-library_inner{width:980px;min-width:980px;margin:auto;position:relative;height:100px;padding-bottom:20px}.footer-library_inner:after{position:absolute;content:"";bottom:-36px;left:0;height:440px;width:980px;background:url("../images/footer-library.png") bottom no-repeat;z-index:100}.footer-library_inner a{position:absolute;left:0;bottom:40px;z-index:1000}.footer-home_inner{width:980px;min-width:980px;margin:auto;position:relative;height:240px;padding-bottom:20px}.footer-home_inner:after{position:absolute;content:"";bottom:-36px;left:0;height:248px;width:980px;background:url("../images/footer-signin.png") bottom no-repeat;z-index:100}.footer-home_inner a{position:absolute;left:0;bottom:40px;z-index:1000}.footer-quiz_inner{width:980px;min-width:980px;margin:auto;position:relative;height:240px;padding-bottom:20px}.footer-quiz_inner:after{position:absolute;content:"";bottom:-36px;left:0;height:248px;width:980px;background:url("../images/footer-quiz.png") bottom no-repeat;z-index:100}.footer-quiz_inner a{position:absolute;left:0;bottom:40px;z-index:1000}.footer-choice_inner{width:980px;min-width:980px;margin:auto;position:relative;height:240px;padding-bottom:20px}.footer-choice_inner div{position:absolute;content:"";bottom:-36px;left:0;height:248px;width:980px;background:url("../images/footer.png") bottom no-repeat;z-index:100}.footer-choice_inner a{position:absolute;left:0;bottom:40px;z-index:1000}.footer_inner{width:980px;min-width:980px;margin:auto;position:relative;height:100px;padding-bottom:20px}.footer_inner:after{position:absolute;content:"";bottom:-36px;left:0;height:113px;width:980px;background:url("../images/footer.png") bottom no-repeat;z-index:100}.footer_inner a{position:absolute;left:0;bottom:40px;z-index:1000}.footer-choice a:hover,.footer-home a:hover,.footer-library a:hover,.footer-quiz a:hover,.footer-signin a:hover,.footer a:hover{opacity:.8}.btn,button{cursor:pointer}.btn{-webkit-transition:all .3s;transition:all .3s;border-radius:5px;display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;line-height:1;text-align:center;text-decoration:none;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-weight:700}.btn-primary{border:2px solid #053d32;background-color:#205054;color:#fff}.btn-primary:hover{border:2px solid #fff}.btn-active{border:2px solid #053d32;background-color:#e25990;color:#fff}.btn-active:hover{border:2px solid #fff}.btn-success{background:-webkit-gradient(linear,left bottom,left top,from(#e6e6e6),to(#fff));background:linear-gradient(0deg,#e6e6e6,#fff)}.btn-success:hover{background:-webkit-gradient(linear,left bottom,left top,from(#fff),to(#e6e6e6));background:linear-gradient(0deg,#fff,#e6e6e6)}.btn-attention{border-bottom:3px solid #e65100;background-color:#ff9800;color:#fff}.btn-attention:hover{border-bottom:3px solid;background-color:#e65100}.btn-warning{border-bottom:3px solid;background-color:#b71c1c;color:#fff}.btn-warning:hover{border-bottom:3px solid #b71c1c;background-color:#e25990}.btn-cancel{border-bottom:3px solid #666;background-color:#ccc;color:#fff}.btn-cancel:hover{border-bottom:3px solid #555;background-color:#666}.btn-disabled{background-color:#ccc;color:#eee}.btn-delete{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;height:24px;width:24px;padding:0;border-radius:5px;background:#666 url("../images/button/delete.png") 50% no-repeat;color:#fff;text-align:center}.btn-delete:hover{background-color:#555}.btn-large{font-size:21px;font-size:2.1rem;padding:1em;font-weight:700}.btn-middle{font-size:24px;font-size:2.4rem;padding:.55em}.btn-small{font-size:2rem;padding:.5em}.btn-inline{font-size:18px;font-size:1.8rem;height:45px;padding:0 1em;line-height:45px}.btn-short{width:20%}.btn-half{width:50%}.btn-normal{width:250px;margin:auto}.btn-expand{width:100%}.btn-flat,.btn-flat:hover{border-bottom:0}.btn-arrow{padding-left:1em;background-image:url("../images/icons/angle-right.png");background-position:2rem;background-repeat:no-repeat}.btnBox,.btnBox-vertical{text-align:center}.btnBox-vertical .btn{display:inline-block}.btnBox-vertical .btn+.btn{margin-top:10px}.btnBox-horizontal{text-align:center}.btnBox-horizontal .btn{display:inline-block}.btnBox-horizontal .btn:not(:last-child){margin-right:20px}input,select{border-radius:5px;font-size:30px;font-size:3rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:61px;padding:0 1em;border:1px solid #ccc;background-color:#fff}input:focus,select:focus,textarea:focus{border:1px solid #538479;outline:0;-webkit-box-shadow:inset 0 0 .5em rgba(83,132,121,.5);box-shadow:inset 0 0 .5em rgba(83,132,121,.5)}input[type=checkbox]{-webkit-appearance:checkbox;-moz-appearance:checkbox;appearance:checkbox;height:auto}input[type=radio]{-webkit-appearance:radio;-moz-appearance:radio;appearance:radio;height:auto}select{height:61px;padding-right:3em;background:#fff url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOSA5LjUiPjxwb2x5Z29uIHBvaW50cz0iMCAwIDE5IDAgOS41IDkuNSAwIDAiIHN0eWxlPSJmaWxsOiM5OTkiLz48L3N2Zz4=") no-repeat right 1rem center;background-size:1em auto;font-size:3.5rem}select::-ms-expand{display:none}select.decimal{height:40px;font-size:2rem}textarea{border-radius:5px;font-size:16px;font-size:1.6rem;height:9.75em;padding:.5em 1em;border:1px solid #ccc;line-height:1.75}.form-expand{width:100%}.form-unit{padding-right:2em}.form-unit+span{margin-left:-2em}.form-unit-2{padding-right:3em}.form-unit-2+span{margin-left:-3em}.form-500{width:500px}.radio{display:inline-block;color:#fff;font-size:4.8rem}.radio+.radio{margin-left:50px}.radio-block{display:block}.radio-block+.radio-block{margin:40px 0 0}.radio label{position:relative;padding-left:53px}.radio label:before{position:absolute;display:inline-block;top:50%;left:0;content:"";height:33px;width:33px;border:0;border-radius:50%;background-color:#fff;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.radio input{display:none}.radio input:checked+label:after{position:absolute;top:50%;left:6px;display:inline-block;content:"";height:21px;width:21px;border:0;border-radius:50%;background-color:#e25990;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.label-block{border-radius:5px;position:relative;display:block;padding:.5em;background-color:#eee}.label-block a{color:#538479}.label-block input[type=checkbox]{margin-top:-2px}.label-checkbox{position:relative;padding-left:1.3em}.label-checkbox input[type=checkbox]{position:absolute;top:0;bottom:0;left:0;margin:auto}.label-list{display:block;margin:0 0 .3em .5em}.label-inline{display:inline-block;margin-right:1em;vertical-align:middle}.searchbar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.searchbar_input{position:relative;width:411px}.searchbar_input input{padding-right:70px;height:47px;border:0;background-color:#538479;color:#fff;font-size:2.5rem}.searchbar_input input:placeholder-shown{color:#fff}.searchbar_input input::-webkit-input-placeholder{color:#fff}.searchbar_input input:-moz-placeholder,.searchbar_input input::-moz-placeholder{color:#fff;opacity:1}.searchbar_input input:-ms-input-placeholder{color:#fff}.searchbar_input button{position:absolute;top:0;right:0;height:47px;width:60px;border:0;background:transparent}.formBox,.formBox-center{color:#fff;font-size:3.5rem}.formBox-center{text-align:center}.formBox-flex{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.formBox-flex,.grid,.grid-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.grid-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.grid-inline{display:block;text-align:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.grid-verticalBetween{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.grid_item{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;-ms-flex-preferred-size:0;flex-basis:0;width:auto}.grid_item-4,.grid_item-4-inline{width:23%;margin-top:30px}.grid_item-4-inline{display:inline-block;margin-left:2%;vertical-align:top}.paginate{width:100%;font-size:0;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.paginate li{display:inline-block}@media screen and (max-width:767px){.paginate li{display:none}.paginate li:first-child,.paginate li:last-child{display:inline-block}}.paginate li a{border-radius:5px;font-size:14px;font-size:1.4rem;display:block;margin:.3em;padding:1em 1.2em;border:1px solid #ccc;color:#538479;line-height:1;text-decoration:none}.paginate li a[href]:hover{background-color:#eee}.paginate li a:not([href]){border:1px solid #ccc;background-color:#ccc;color:#eee}.paginate li a.isCurrent{border:1px solid #538479;background-color:#538479;color:#fff}.paginate li:last-child .fa{margin:0 0 0 .5em}.card_body-error{font-size:18px;font-size:1.8rem;border-radius:5px;width:100%;margin-bottom:2em;padding:1em;background-color:#ffdde0;color:#b71c1c}.card_body-error_text+.card_body-error_text{margin-top:1em}.modal{position:fixed;top:0;left:0;z-index:10000}.modal,.modal_overlay{height:100%;width:100%}.modal_overlay{background-color:hsla(0,0%,100%,.5)}.modal_main,.modal_main-result{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;top:50%;left:50%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:590px;width:910px;margin:-295px 0 0 -455px;padding:40px;border-radius:10px;background:url("../images/bg.png") repeat;z-index:10000}.modal_main-result{display:block;height:auto;margin:auto;padding:20px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.modal_info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:345px}.modal_info_heading{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;margin-top:40px;padding:10px;border-radius:10px;background-color:#205054;color:#fff;font-size:3.5rem;font-weight:400;text-align:center;line-height:1.2}.modal_info_body{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;margin-top:20px;color:#fff;font-size:2.5rem;text-align:center;line-height:1.6}.modal_info img{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0;width:100%}.modal_form{width:434px;margin-left:40px;padding:30px 35px;border-radius:10px;background-color:#538479}.modal_form,.modal_form>div{display:-webkit-box;display:-ms-flexbox;display:flex}.modal_form>div{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%}.modal_form_heading{padding-bottom:10px;border-bottom:2px solid #fff;color:#fff;font-size:3.5rem;text-align:center}.modal_form_body{overflow:hidden;text-align:center}.modal_form_body>button{height:67px;width:292px;font-size:3.2rem;font-weight:700}.modal_form_control{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%}.modal_form_control>button{height:64px;width:173px;font-size:2.5rem}.modal_simple>:not(:first-child){margin-top:15px}.modal_amount{-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:292px;margin:auto auto 10px;color:#fff;font-size:3.5rem;font-weight:700}.modal_amount,.modal_amount_inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.modal_amount_inner{margin-right:20px;border-radius:5px;background-color:#fff;color:#444;font-size:6.6rem}.modal_amount_body,.modal_amount_inner{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.modal_amount_body{text-align:center}.modal_amount_control{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-size:3.55rem}.modal_amount_control p{padding:0 10px}.modal_seasoning{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;height:300px;margin-top:20px;margin-bottom:-20px;padding-bottom:20px;overflow-y:scroll}.modal_seasoning:after{content:"";display:block}.modal_seasoning:after,.modal_seasoning div{width:30%;margin-bottom:15px}.modal_seasoning div button{margin-top:5px}.signin{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:61px;width:529px;margin:100px auto 0;padding:0;border-radius:10px;background-color:#205054;font-size:3rem}.signin+.signin{margin-top:30px}.signin label{width:205px}.signin input{height:61px;width:324px;border:0;border-radius:0 10px 10px 0;font-size:3rem}.home{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 35px}.home a{display:block;margin-top:25px;border-radius:6px;border-bottom:5px solid #205054;-webkit-transition:none;transition:none}.home a:hover{border-top:5px solid transparent;border-bottom:0}.birthday{margin-top:40px;font-size:3rem}.birthday span{margin-left:.3em;font-size:7rem;font-weight:700}.meal_main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-top:40px}.result{color:#fff;padding:0 25px}.result+.result{margin-top:60px}.print .result+.result{margin-top:30px}.result_heading{margin-bottom:35px;text-align:center}.print .result_heading{display:table-cell;height:55px;width:980px;margin:0 auto 10px;text-align:center}.print .result_heading img{height:80%}.result_personal{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin-bottom:35px}.print .result_personal{margin-bottom:10px;color:#444}.result_personal_name h2,.result_personal_name p{display:inline-block;font-weight:700;font-size:3rem}.result_personal_name p{margin-left:20px}.result_personal_data{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:20px}.result_personal_data_item{margin-right:15px;font-size:2.5rem;text-align:center}.result_personal_data_item p{margin-top:15px}.result_score{position:relative;height:190px;width:50%;margin-left:60px;background:url("../images/result/score.png") no-repeat}.result_score p{position:absolute;top:0;left:330px;color:#f2a2b7;font-weight:700;font-size:10rem;line-height:1;word-break:keep-all;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.print .result_score p{color:#f2a2b7}.print .result_score:before{position:absolute;content:url("../images/result/score_print.png");left:0;top:0}.result_comment-left{display:-webkit-box;display:-ms-flexbox;display:flex}.result_comment-left div{position:relative;margin-right:20px;padding:30px;border-radius:10px;font-size:2.5rem;background-color:#205054;line-height:1.75}.result_comment-left div:after{position:absolute;right:0;top:50%;content:"";display:block;height:30px;width:30px;background-color:#205054;-webkit-transform:rotate(45deg) translateY(-50%);transform:rotate(45deg) translateY(-50%)}.print .result_comment-left div:after{display:none}.result_comment-left p+p{margin-top:50px}.result_comment-left img{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0}.result_comment-auto{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.result_comment-auto div{position:relative;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin-right:20px;padding:30px;border-radius:10px;font-size:2.5rem;background-color:#205054;line-height:1.75;text-align:left}.result_comment-auto div:after{position:absolute;right:0;top:50%;content:"";display:block;height:30px;width:30px;background-color:#205054;-webkit-transform:rotate(45deg) translateY(-50%);transform:rotate(45deg) translateY(-50%)}.print .result_comment-auto div:after{display:none}.result_comment-auto p+p{margin-top:50px}.result_comment-auto img{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0}.result_comment-right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.result_comment-right div{position:relative;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin-left:40px;padding:30px;border-radius:10px;font-size:2.5rem;background-color:#205054;line-height:1.75}.result_comment-right div:after{position:absolute;left:-20px;top:50%;content:"";display:block;height:30px;width:30px;background-color:#205054;-webkit-transform:rotate(45deg) translateY(-50%);transform:rotate(45deg) translateY(-50%)}.print .result_comment-right div:after{display:none}.result_comment-right p+p{margin-top:50px}.result_comment-right img{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0}.result_balance{margin:30px auto;text-align:center}.print .result_balance{margin:10px auto}.result_balance-top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around}.result_balance-top img{width:427px;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0}.result_balance h3{display:inline-block;padding:.3em 1em;border-radius:10px;background-color:#205054;font-size:2.5rem;font-weight:700}.print .result_balance h3{display:block}.result_balance_kcal{font-size:2.5rem;font-weight:700}.result_balance_kcal span{font-size:5rem}.print .result_balance_kcal{display:inline-block}.print .result_balance_kcal span{font-size:3rem}.result_balance_criteria{font-size:1.4rem;font-weight:700}.print .result_balance_criteria{display:inline-block}.result_diagnosis{margin-bottom:35px}.result_diagnosis h3,.result_diagnosis p{display:inline-block;font-weight:700;font-size:3rem}.result_diagnosis p{position:relative;margin-left:20px}.print .result_diagnosis{color:#444}.result_diagnosis_standard{position:absolute;left:0;bottom:0;-webkit-transform:translate(-20%,110%);transform:translate(-20%,110%);font-size:2rem;font-weight:400;white-space:nowrap}.result_text{font-size:2rem;line-height:1.75}.print .result_text{color:#444}.result_table{width:100%}.result_table td,.result_table th{padding:0;vertical-align:middle;text-align:center}.result_table thead th{font-weight:400;font-size:1.8rem}.result_table tbody{border-bottom:10px solid transparent}.result_table tbody th p{height:56px;border-radius:10px;background-color:#205054;font-size:2.5rem;line-height:56px}.result_table tbody td{font-size:1.8rem}.result_table tbody td:first-child{width:62px}.result_table tbody td:nth-of-type(2){width:53px}.result_table tbody td:nth-of-type(3){width:228px}.print .result_table tbody td{color:#444}.result_energy,.result_table tbody td span{font-size:3rem;font-weight:700}.result_energy{position:relative;height:240px;width:578px;margin:0 auto 40px;background:url("../images/result/img03.png") 50% no-repeat;color:#444;text-align:center;line-height:1}.print .result_energy{height:auto}.result_energy p{position:absolute;left:50%;top:110px;-webkit-transform:translateX(-50%);transform:translateX(-50%);word-break:keep-all;white-space:nowrap}.print .result_energy p{position:relative;top:0;left:0;text-align:center;-webkit-transform:translateX(0);transform:translateX(0)}.result_energy em{color:#c00;font-size:9rem;font-style:normal}.print .result_energy em{color:#c00}.result_energy span{display:block;color:#c00;font-size:2.5rem}.print .result_energy span{color:#c00}.result_check{font-size:2rem;text-align:center}.result_check img{display:block;margin:40px auto}.print{display:block}.print .component{margin:0}.print .result{page-break-inside:avoid;-webkit-column-break-inside:avoid;break-inside:avoid;padding-left:0;padding-right:0}.print .result *{background:transparent url("");color:#444}.library{margin-top:50px;color:#fff;font-size:2.5rem}.library+.library,.library-back{margin-top:90px}.library_heading,.library_sub{text-align:center}.library_sub{margin-top:60px}.library_grid{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;width:820px;margin:30px auto 0}.library_grid>:last-child{margin-left:20px}.library_text,.library_text-border,.library_text-center,.library_text-small{width:820px;margin:30px auto 0;line-height:1.75}.library_text-center{text-align:center}.library_text-small{font-size:2rem}.library_text-border{width:855px;border:3px solid #fff;text-align:center}.library_list li{list-style:disc inside}.library_image{margin-top:30px;text-align:center}.library_comment{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:800px;margin:30px auto 0}.library_comment div{position:relative;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin-right:20px;padding:30px;border-radius:10px;font-size:2.5rem;background-color:#205054;line-height:1.75;text-align:left}.library_comment div:after{position:absolute;right:0;top:50%;content:"";display:block;height:30px;width:30px;background-color:#205054;-webkit-transform:rotate(45deg) translateY(-50%);transform:rotate(45deg) translateY(-50%)}.print .library_comment div:after{display:none}.library_comment p+p{margin-top:50px}.library_comment img{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0}.libraryNav ul{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:486px;margin-bottom:15px;border-bottom:12px solid #9a8063;font-size:0;z-index:1000}.libraryNav ul:first-child{padding-left:53px}.libraryNav ul:last-child{padding-left:110px}.libraryNav ul a{display:block;margin-top:10px}.libraryNav ul a:hover{margin-top:0;border-bottom:10px solid transparent}@media screen and (min-width:768px){._pcHide{display:none}}@media screen and (max-width:767px){._spHide{display:none}}._show{display:block}._hide{display:none}._ta{text-align:left}._tac{text-align:center}._tar{text-align:right}._m0{margin:0}._mt30{margin-top:30px}._p0{padding:0}._pt0{padding-top:0}._pr0{padding-right:0}._pb0{padding-bottom:0}._pl0{padding-left:0}
/* Stage 14: session-selected student profile summary on the home screen. */
.home-profile-card{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,2.15fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.5fr) 84px;align-items:center;margin:24px 35px 10px;padding:18px 18px;border:1px solid #b7e4ce;border-bottom:3px solid #2cb38a;border-radius:14px;background:#f3fcf8;box-shadow:0 5px 18px rgba(0,47,49,.12);color:#30343a;text-align:left;}
.home-profile-field{box-sizing:border-box;min-width:0;padding:5px 16px;border-right:2px solid #b6e5d0;}
.home-profile-field:first-child{padding-left:12px;}
.home-profile-label{font-size:15px;font-weight:700;line-height:1.4;color:#218b72;}
.home-profile-value{margin-top:4px;font-size:22px;font-weight:700;line-height:1.35;overflow-wrap:anywhere;}
.home-profile-nickname .home-profile-value{font-size:25px;}
.home-profile-grade .home-profile-value{font-size:21px;}
.home-profile-edit{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;padding:9px 3px;font-size:16px;font-weight:700;line-height:1.2;color:#18866e!important;text-decoration:none;border-radius:8px;}
.home-profile-edit:hover,.home-profile-edit:focus-visible{background:#d9f4e6;color:#11634f!important;outline-offset:2px;}
.home-profile-edit svg{flex-shrink:0;}
@media(max-width:1020px){.home-profile-card{grid-template-columns:minmax(0,2fr) minmax(0,.85fr) minmax(0,.85fr) minmax(0,1.6fr) 76px;}.home-profile-field{padding:4px 10px;}.home-profile-value{font-size:20px;}.home-profile-nickname .home-profile-value{font-size:22px;}.home-profile-grade .home-profile-value{font-size:19px;}}

/* Stage 17: independent PNG figures, no straight-edged clipping. */
.footer-home_inner.hj-home-bounce::after {
  /* Keep the original desk accents stationary while the 5 figures enter. */
  clip-path: inset(0 500px 0 0);
}
.footer-home_inner.hj-home-bounce .hj-home-sprite {
  position:absolute;
  display:block;
  max-width:none;
  border:0;
  margin:0;
  padding:0;
  user-select:none;
  pointer-events:none;
  opacity:0;
  transform-origin:center bottom;
  animation:hj-character-entrance .94s cubic-bezier(.23,.72,.29,1) both;
}
.footer-home_inner.hj-home-bounce .hj-home-sprite-professor {left:685px;bottom:-36px;width:142px;height:221px;z-index:101;animation-delay:0.00s;}
.footer-home_inner.hj-home-bounce .hj-home-sprite-teacher {left:842px;bottom:-36px;width:137px;height:213px;z-index:102;animation-delay:0.17s;}
.footer-home_inner.hj-home-bounce .hj-home-sprite-tomato {left:486px;bottom:-36px;width:174px;height:248px;z-index:103;animation-delay:0.34s;}
.footer-home_inner.hj-home-bounce .hj-home-sprite-boy {left:636px;bottom:-36px;width:87px;height:131px;z-index:104;animation-delay:0.51s;}
.footer-home_inner.hj-home-bounce .hj-home-sprite-girl {left:781px;bottom:-36px;width:103px;height:132px;z-index:105;animation-delay:0.68s;}
@keyframes hj-character-entrance {
   0% {opacity:0;transform:translate3d(-8px,24px,0) scale(.98);}
  18% {opacity:1;}
  45% {transform:translate3d(-4px,-13px,0) scale(1.015);}
  72% {transform:translate3d(-2px,3px,0) scale(1);}
  87% {transform:translate3d(0,-4px,0) scale(1);}
 100% {opacity:1;transform:translate3d(0,0,0) scale(1);}
}
@media (prefers-reduced-motion:reduce) {
  .footer-home_inner.hj-home-bounce::after{clip-path:none;}
  .footer-home_inner.hj-home-bounce .hj-home-sprite{display:none;animation:none;}
}

/* Stage 18: preserve the illustrator's original, intact overlapping art after landing.
   Characters bounce independently, then the pixel-perfect original composition fades in.
   The standalone child PNGs are not valid as a permanent final illustration because
   portions of neighboring figures were included when they were separated. */
.footer-home_inner.hj-home-bounce::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -36px;
  width: 980px;
  height: 248px;
  background: url("../images/footer-signin.png") bottom center no-repeat;
  /* The :after element already contains the static items at the left. */
  clip-path: inset(0 0 0 500px);
  opacity: 0;
  pointer-events: none;
  z-index: 106;
  animation: hj-original-footer-land 0.22s ease-in-out 1.62s forwards;
}
@keyframes hj-original-footer-land {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
  .footer-home_inner.hj-home-bounce::before {
    display: none;
    animation: none;
  }
}