body,html{margin-left:0;margin-top:0;margin-right:0;margin-bottom:0;width:100%;height:100%;font-size:18px;color:#333;line-height:1.8;scroll-behavior:smooth}a{text-decoration:none}dl,ol,ul{padding:0}li{list-style:none}img{max-width:100%;vertical-align:middle}button{background:0 0;border:none;color:inherit;cursor:pointer;font:inherit;font-family:GenJyuuGothicXP,Meiryo,sans-serif;padding:0;outline:0}button *{pointer-events:none}*{box-sizing:border-box}body>div{transition:opacity 1s}.loading_box{display:flex;width:100%;height:calc(100vh + 5%)}.loading_box .loading_bg,.loading_box .loading_logo{overflow:hidden;position:absolute;height:100%;min-width:26vh;min-height:624px;max-width:300px;margin:auto;left:0;right:0;padding:0 15%;box-sizing:content-box}.loading_box .loading_logo ul{margin-top:34px}.loading_box .loading_logo li{width:9em;margin:5% auto;text-align:center;opacity:0;transition:all 2s}.loading_box .loading_logo li:nth-child(1){opacity:1}.loading_box .loading_logo li:nth-child(2){width:3.4em}.loading_box .loading_logo li img{vertical-align:bottom}.loading_box .language_sel_box{text-align:center}.loading_box .language_sel_box select{height:34px;width:120px;text-align:center;font-size:18px;cursor:pointer}.loading_box .loading_logo p{margin-top:1.7em;margin-bottom:20px;color:#004fa3;text-align:center;font-size:1.8rem;font-family:GenJyuuGothicXP,Meiryo,sans-serif}.loading_box .loading_logo .prepare_font{font-family:RobotoRegular;opacity:0;width:0;height:0;pointer-events:none}.loading_box .loading_logo .loading_log p{color:#fff;font-size:.8rem;line-height:6px;font-family:auto}.loading_box .loading_logo .loading_txt{position:absolute;width:85%;margin:auto;left:0;right:0;color:#fff;text-shadow:-2px -2px 0 #000,-2px -1px 0 #000,-2px 0 0 #000,-2px 1px 0 #000,-2px 2px 0 #000,-1px -2px 0 #000,0 -2px 0 #000,1px -2px 0 #000,-1px 2px 0 #000,0 2px 0 #000,1px 2px 0 #000,2px -2px 0 #000,2px -1px 0 #000,2px 0 0 #000,2px 1px 0 #000,2px 2px 0 #000;font-size:19px}.loading_box .loading_logo .loading_txt span{transition:all .1s;opacity:0}.home_box{display:none;max-width:1400px;min-height:100%;margin:auto;align-items:center;position:relative}.home_box::before{content:"";position:absolute;top:0;bottom:0;left:27.5%;width:10%;z-index:-1}.home_box .char_box{position:relative;width:65%;transition:all .8s}.home_box .home_dialogue>div{position:absolute;padding:50px 20px 20px;font-size:.9rem;line-height:1.6;color:#fff;z-index:10;opacity:0;transition:all .8s}.home_box .home_dialogue>div>.name{display:inline-block;background:#53bbff;padding:.2em .5em;margin-bottom:.5em;line-height:1;border-radius:6px;font-size:20px}.home_box .home_dialogue>div::before{content:"";position:absolute;top:0;bottom:0;z-index:-1}.home_box .home_dialogue>div::after{content:"";position:absolute;top:40px;bottom:13px;left:0;right:0;z-index:-1}.home_box .home_dialogue .home_dialogue_natsume{top:55%;left:10%}.home_box .home_dialogue .home_dialogue_natsume::before{right:15px;left:100px}.home_box .home_dialogue .home_dialogue_elu{top:28%;right:5%}.home_box .home_dialogue .home_dialogue_elu::before{left:15px;right:100px}.home_box .home_menu{width:400px;max-width:100%;background:linear-gradient(rgba(255,255,255,0),#fff 10%,#fff calc(100% - 6em),rgba(255,255,255,0));padding:0 1em 2em}.home_box .home_menu .home_logo{padding:0 1em}.home_box h2{margin:.25em 0 .1em;border-bottom:4px solid #6fc2ff;font-family:Rubik;font-weight:400;font-size:3.4rem}.home_box div>ul{display:flex;font-size:.8rem;text-align:center;line-height:1.2em}.home_box div>ul li{width:calc(100% / 3)}.home_box div>ul li>button{display:flex;width:100%;flex-direction:column;align-items:center;transition:all .5s}.home_box div>ul li>button span{align-items:flex-end;justify-content:center;min-height:2.4em}@media screen and (max-width:899px){.home_box{flex-direction:column}.home_box::before{left:40%;width:20%;background-size:auto 60%}.home_box .char_box{width:100%}.home_box .home_dialogue>div{width:calc(100% - 4em)}.home_box .home_dialogue .home_dialogue_natsume{top:70%;left:0}.home_box .home_dialogue .home_dialogue_elu{top:calc(50% - 6em);right:0}}.house_box,.special_box,.start_box,.story_box{display:none;margin:auto;max-width:900px;min-height:100%;padding:0;font-size:1.1rem}.house_box .house_bg,.special_box .special_bg,.start_box .start_bg,.story_box .story_bg{width:160px;max-width:20%;flex-shrink:0}.house_box .house_bg img,.special_box .special_bg img,.start_box .start_bg img,.story_box .story_bg img{position:sticky;top:0}.house_box .house_main,.special_box .special_main,.start_box .start_main,.story_box .story_main{padding:2em}.story_box .story_main div{margin-bottom:2em}.story_box .story_main dl{display:flex;margin-bottom:1.5em;align-items:center}.story_box .story_main dt{width:100px;max-width:15%;flex-shrink:0}.story_box .story_main dd{position:relative;width:100%;margin:0;padding:1em 1.5em;background:#fff;border:2px solid #6fc2ff}.story_box .story_main dd::after{display:block;position:absolute;width:1em;height:1em;margin:auto;top:0;bottom:0;content:"";border:2px solid;background:#fff;transform:rotate(135deg) skew(15deg,15deg)}.story_box .story_main .story_dialogue_right{flex-direction:row-reverse}.story_box .story_main .story_dialogue_right dd{margin-right:1.5em}.story_box .story_main .story_dialogue_left dd{margin-left:1.5em}.story_box .story_main .story_dialogue_right dd::after{right:-.6em;border-color:#6fc2ff transparent transparent #6fc2ff}.story_box .story_main .story_dialogue_left dd::after{left:-.6em;border-color:transparent #6fc2ff #6fc2ff transparent}.story_box .story_button button{display:flex;margin:auto;justify-content:center;align-items:center;transition:all .5s}.story_box .hide{transition:all 1s;opacity:0}.house_box .house_main,.start_box .start_main{width:100%}.house_box .house_main>div,.start_box .start_main>div{margin-bottom:2em}.house_box .house_main .house_text,.start_box .start_main .start_text{border-bottom:4px solid #6fc2ff}.start_box .start_main .start_list li{display:flex;margin-bottom:2em;align-items:center;cursor:pointer}.start_box .start_main .start_list li *{pointer-events:none}.start_box .start_main .start_list .start_list_door{max-width:20%}.start_box .start_main .start_list .start_list_text{display:flex;width:15em;max-width:80%;flex-direction:column;font-size:1.2em}.start_box .start_main .start_list .start_list_text .list_name{border-bottom:4px solid #6fc2ff}.start_box .start_main .start_list .start_list_text .list_stu{text-align:center;font-size:22px;color:#6fc2ff;opacity:0}.start_box .start_main .start_list li[data-stu="1"] .start_list_text .list_stu{opacity:1}.start_box .start_button button{display:flex;font-size:1.2em;width:100%;justify-content:flex-start;align-items:center;transition:all .5s}.start_box .start_button button img{max-width:20%;flex-shrink:0}.house_box .house_main .house_chara{display:none;min-height:1.5em;cursor:pointer}.house_box .house_main .house_chara *{pointer-events:none}.house_box .house_button[data-ending="1"]{display:flex;justify-content:center;align-items:center;flex-direction:row-reverse}.house_box .house_button[data-ending="1"]>button{margin:0 .5em 1.5em}.house_box .house_button button{display:flex;margin-bottom:1.5em;align-items:center;font-size:18px;transition:all .5s}.house_box .house_button button>div{margin-right:1em}@media screen and (max-width:600px){.house_box .house_button[data-ending="1"]{flex-direction:column-reverse}.house_box .house_bg,.special_box .special_bg,.start_box .start_bg,.story_box .story_bg{max-width:10%}.house_box .house_bg span,.special_box .special_bg span,.start_box .start_bg span,.story_box .story_bg span{overflow:hidden;position:fixed;top:0;left:0;width:10%}.house_box .house_bg img,.special_box .special_bg img,.start_box .start_bg img,.story_box .story_bg img{height:100vh;max-width:none}.house_box .house_main,.special_box .special_main,.start_box .start_main,.story_box .story_main{width:90%;padding:.5em}}.game_box{display:none;position:relative;min-height:100%;color:#fff}.game_box .game_read{position:fixed;display:flex;top:0;bottom:0;left:0;right:0;width:100%;height:6.5em;font-size:2em;line-height:1.5;text-align:center;margin:auto;justify-content:center;align-items:center;z-index:100;cursor:pointer;transition:all 1s}.game_box .game_read .game_top_text{font-size:1em}.game_box .game_read::before{content:"";position:fixed;top:0;bottom:0;left:0;right:0;background:#fff;opacity:.8;z-index:-1}.game_box .game_read .game_top_text::after{content:attr(data-status);display:block;font-size:1.2em;letter-spacing:.1em;font-family:GenJyuuGothicXP,Meiryo,sans-serif}.game_box .game_top_bg{overflow:hidden;position:absolute;top:0;bottom:0;left:0;right:0;background:#0b3651;z-index:-1}.game_box .game_top_bg::before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;border:1px solid #51bcff;filter:drop-shadow(0 0 .25em #51bcff) drop-shadow(0 0 .25em #51bcff) drop-shadow(0 0 .25em #51bcff) drop-shadow(0 0 .25em #51bcff);z-index:10}.game_box .game_top_text{padding:1em;font-size:20px;line-height:1.7;z-index:10;transition:all 1s}.game_box .game_question{overflow:hidden;display:flex;margin:auto;max-width:900px;padding:2.7rem 0 0;flex-direction:column}.game_box .game_question .game_top{position:relative}.game_box .game_question .game_title{position:absolute;top:1em;left:0;width:50%;font-size:1.1em}.game_box .game_question .game_char_name{position:absolute;bottom:1em;left:0;width:50%;font-size:1.1em}.game_box .game_question .game_top_char_img{position:absolute;bottom:-2.6rem;right:0;width:23%;z-index:15;transition:all .5s}.game_box .game_question .game_top_img{position:relative;width:50%;margin:auto;background:#0b3651;border:.5rem solid #0b3651;border-radius:50%}.game_box .game_question .game_top_img>img{z-index:10;position:relative}.game_box .game_question .game_top_img::before{content:"";position:absolute;top:-10%;bottom:-10%;left:-10%;right:-10%;z-index:15}.game_box .game_question .game_top_img::after{content:"";position:absolute;top:-52%;bottom:-47%;left:-50%;right:-50%;mix-blend-mode:overlay}.game_box .game_question .game_top_img .game_line{position:absolute;margin:auto;top:-.5rem;bottom:-.5rem;right:-.5rem;left:-.5rem;background:#5cdcff;border-radius:300px;clip-path:polygon(0 60%,-8% 65%,-10% 60%,50% 50%);transition:all 1s}.game_box .game_question .game_top_img .game_circle{position:absolute;top:-10%;bottom:-10%;left:-10%;right:-10%;z-index:15;transition:all 1s}.game_box .game_question .game_top_img .game_egg{position:absolute;right:-6.5%;bottom:40%;width:10%;z-index:20}.game_box .game_question_text{position:relative;margin-top:1em}.game_box .game_answer{margin:auto;max-width:900px;line-height:1.2}.game_box .game_answer li{display:flex;min-height:3.5em;margin-right:1em;margin-bottom:1.5em;font-size:1.25em;background:linear-gradient(to right,#fff,#0b3651,#0b3651);justify-content:space-between}.game_box .game_answer li .game_answer_text{display:flex;width:100%;align-items:center;transition:all .5s}.game_box .game_answer li .game_answer_text::before{content:"";display:block;width:40%;height:100%;flex-shrink:0;background-position:center center;background-size:cover;background-repeat:no-repeat}.game_box .game_answer li .game_answer_button{display:flex;width:150px;max-width:20%;margin:-.6em -1em -.6em 0;flex-shrink:0}.game_box .game_answer li .game_answer_button button{transition:all .5s}@media screen and (max-width:899px){.game_box .game_read{font-size:1.5em}}@media screen and (max-width:600px){.game_box .game_read{font-size:4.5vw}.game_box .game_question .game_char_name,.game_box .game_question .game_title{width:65%}.game_box .game_question .game_top_img{margin-right:10%}}@media screen and (max-width:400px){.game_box .game_question{padding-bottom:2.7rem}.game_box .game_question .game_top{padding-bottom:2.7rem}.game_box .game_question .game_title{top:-2.8rem;width:100%}.game_box .game_question .game_top_char_img{bottom:0}.game_box .game_question .game_char_name{bottom:0;width:100%}.game_box .game_question .game_top_img{margin-right:5%;width:60%}}.clear_box{display:none}.clear_box .clear_inner{position:relative;margin:auto;max-width:1200px;padding:2em 0}.clear_box .clear_inner::before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;width:160px;max-width:30%;margin:auto;z-index:-1}.clear_box .clear_inner .clear_head{display:flex;max-width:900px;margin:auto;justify-content:space-between}.clear_box .clear_inner .clear_name{display:flex;width:40%;border-bottom:4px solid #fdbad5;font-size:2rem;align-items:center}.clear_box .clear_inner .clear_head .clear_name .clear_name_egg{width:2.6em;padding:.2em}.clear_box .clear_inner .clear_head .clear_name .clear_name_text{padding:.5em}.clear_box .clear_inner .clear_head .clear_comment{position:relative;margin:0;border:2px solid #6fc2ff;background:#fff;padding:1em 1.5em;font-size:1.1rem}.clear_box .clear_inner .clear_head .clear_comment::after{content:"";display:block;position:absolute;bottom:-.7em;left:1.5em;width:1.1em;height:1.1em;border:2px solid;background:#fff;border-color:transparent #6fc2ff #6fc2ff transparent;transform:rotate(45deg) skew(15deg,15deg)}.clear_box .clear_body .clear_dialogue{position:relative;max-width:600px;margin:2em auto;font-size:1.1em;transition:all 1s}.clear_box .clear_body .clear_dialogue>ul:nth-child(2){display:flex;position:absolute;top:0;bottom:0;margin:auto;flex-direction:column-reverse;justify-content:center;opacity:0}.clear_box .clear_body .clear_dialogue li{display:flex;align-items:center;margin-bottom:1.5em}.clear_box .clear_body .clear_dialogue li::before{content:"";display:block;width:5em;height:5em;max-width:20%;flex-shrink:0;background-position:center center;background-size:contain;background-repeat:no-repeat}.clear_box .clear_body .clear_dialogue li .clear_dialogue_text{display:flex;position:relative;width:100%;min-height:4em;line-height:1.2;border:2px solid #6fc2ff;background:#fff;padding:.5em 1em;margin:auto 0 auto 1.5em;align-items:center}.clear_box .clear_body .clear_dialogue li .clear_dialogue_text::before{content:"";display:block;position:absolute;top:0;bottom:0;left:-.7em;margin:auto;width:1.2em;height:1.2em;border:2px solid;border-color:transparent #6fc2ff #6fc2ff transparent;background:#fff;transform:rotate(135deg) skew(15deg,15deg)}.clear_box .clear_button{text-align:center}.clear_box .clear_button button{display:inline-block;padding:.8em 1.5em;background:#6fc2ff;color:#fff;font-family:"Noto Sans SC","Noto Sans JP","Noto Sans",Meiryo,sans-serif;font-weight:300;font-size:1.6rem;line-height:1.2;border-radius:.3em;transition:all .5s}.clear_box .clear_read{display:none;position:fixed;top:0;bottom:0;left:0;right:0;width:100%;height:6em;margin:auto;font-size:1.5em;color:#fff;text-align:center;justify-content:center;align-items:center;z-index:100;opacity:0;transition:all 1s;cursor:pointer}.clear_box .clear_read::before{content:"";position:fixed;top:0;bottom:0;left:0;right:0;background:#fff;opacity:.8;z-index:-1}.clear_box .clear_read .clear_read_text{padding:1em;z-index:10}.clear_box .clear_read .clear_read_bg{overflow:hidden;position:absolute;top:0;bottom:0;left:0;right:0;background:#0b3651;z-index:-1}.clear_box .clear_read .clear_read_bg::before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;border:1px solid #51bcff;filter:drop-shadow(0 0 .25em #51bcff) drop-shadow(0 0 .25em #51bcff) drop-shadow(0 0 .25em #51bcff) drop-shadow(0 0 .25em #51bcff);z-index:10}@media screen and (max-width:600px){.clear_box .clear_read .clear_read_text{font-size:5vw}.clear_box .clear_body .clear_dialogue{padding:0 5%}.clear_box .clear_inner .clear_head{display:flex;flex-direction:column;align-items:center}.clear_box .clear_inner .clear_head>div{width:90%;margin-bottom:.5em}.clear_box .clear_inner .clear_head .clear_comment{font-size:.9rem}}.clear_box[data-mode="1"] .clear_body .clear_dialogue ul{display:flex;flex-direction:column-reverse;justify-content:center}.clear_box[data-mode="1"] .clear_head{display:none;font-family:Rubik,"Noto Sans JP","Noto Sans SC","Noto Sans",Meiryo,sans-serif}.chara_box{display:none;margin:auto;min-height:100%;max-width:1400px;padding:0 1em}.chara_box>div{width:50%}.chara_box .chara_comment{position:relative;margin:1.5em 0;left:-10%;background:#fff;border:2px solid #6fc2ff;padding:1em 1.5em}.chara_box .chara_comment::after{content:"";display:block;position:absolute;top:0;bottom:0;left:-.6em;width:1em;height:1em;margin:auto;border:2px solid;border-color:transparent #6fc2ff #6fc2ff transparent;background:#fff;transform:rotate(135deg) skew(15deg,15deg)}.chara_box .chara_head{display:flex;align-items:flex-end;margin:auto}.chara_box .chara_head .chara_name{display:flex;width:100%;align-items:center;border-bottom:4px solid #fdbad5;font-size:1.8rem;padding-bottom:.5em}.chara_box .chara_head .chara_name .chara_name_egg{width:3.2em;padding:.2em}.chara_box .chara_head .chara_name .chara_name_name{padding:.5em}.chara_box .chara_head .chara_head_img{width:30%;flex-shrink:0;border:.45rem solid #0b3651;border-radius:300px}.chara_box .chara_text .chara_dialogue{max-width:600px;margin:2em auto;font-size:1.1em}.chara_box .chara_text .chara_dialogue li{display:flex;align-items:center;margin-bottom:1.5em}.chara_box .chara_text .chara_dialogue li>div{display:flex;position:relative;padding:.5em 1em;margin:auto 0 auto 1.5em;width:100%;min-height:4em;line-height:1.2;border:2px solid #6fc2ff;background:#fff;align-items:center}.chara_box .chara_text .chara_dialogue li>div::after{content:"";display:block;position:absolute;margin:auto;top:0;bottom:0;left:-.6em;width:1em;height:1em;border:2px solid;border-color:transparent #6fc2ff #6fc2ff transparent;background:#fff;transform:rotate(135deg) skew(15deg,15deg)}.chara_box .chara_text .chara_dialogue li::before{content:"";display:block;width:5em;height:5em;max-width:20%;flex-shrink:0;background-position:center center;background-size:contain;background-repeat:no-repeat}.chara_box .chara_button{display:flex;justify-content:center}.chara_box .chara_button button{display:flex;align-items:center;margin-bottom:1.5em;transition:all .5s}.chara_box .chara_button .house_button_img{margin-right:1em}@media screen and (max-width:899px){.chara_box{flex-direction:column;align-items:center}.chara_box>div{width:600px;max-width:100%}.chara_box .chara_comment{left:0}.chara_box .chara_comment::after{bottom:auto;top:-.6em;left:2em;transform:rotate(-135deg) skew(15deg,15deg)}}.special_box .special_main{margin:auto}.special_box .special_imgs{max-width:300px;margin:auto;text-align:center}.special_box .special_imgs li{margin-bottom:2.5em}.special_box[data-ending] .special_imgs{max-width:100%;text-align:left}.special_box[data-ending] .special_imgs li:nth-child(2){display:none}.special_box .special_imgs .special_head{font-family:Rubik,"Noto Sans JP","Noto Sans SC","Noto Sans",Meiryo,sans-serif;font-weight:300;font-size:1.9rem;color:#6fc2ff;margin:.25em 0 .5em;line-height:1.1}.special_box .special_imgs .special_head::before{content:"▼"}.special_box .special_imgs .special_img{border:1px solid #6fc2ff;transition:all .5s}.special_box .special_imgs .special_img:hover{opacity:.5}.special_box .special_button_home{display:flex;margin:0 auto 1.5em;justify-content:center;align-items:center;transition:all .5s}.special_box .special_button_home .special_button_img{margin-right:1em}.comics_box{display:none;position:relative;min-height:100%;width:100%;padding-bottom:4em;opacity:0}.comics_box .comics_inner{max-width:800px;margin:auto}.comics_box .comics_inner .comics_img{margin:2em auto}.comics_box .comics_inner .comics_dialogue{position:relative;transition:all 1s;cursor:pointer}.comics_box .comics_inner .comics_dialogue::after{content:"";display:block;height:2em}.comics_box[data-now="0"] .comics_inner .comics_dialogue::after{position:absolute;top:0;left:0;right:0;background-position:center center}.comics_box[data-now="1"] .comics_inner .comics_dialogue::after{display:none}.comics_box .comics_inner .comics_dialogue ul{display:flex;flex-direction:column;align-items:center;margin-bottom:0}.comics_box .comics_inner .comics_dialogue li{overflow:hidden;position:relative;background:#0b3651;width:100%;padding:1.2em 1.7em;margin-bottom:1em;color:#fff;transition:all 1s;opacity:0;z-index:-1}.comics_box .comics_inner .comics_dialogue li>div{position:relative}.comics_box .comics_inner .comics_dialogue li::before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;border:1px solid #51bcff;filter:drop-shadow(0 0 .25em #51bcff) drop-shadow(0 0 .25em #51bcff) drop-shadow(0 0 .25em #51bcff) drop-shadow(0 0 .25em #51bcff)}.comics_box .comics_inner .comics_dialogue .comics_dialogue_name{display:inline-block;background:#53bbff;padding:.3em .6em;margin-bottom:.5em;line-height:1;border-radius:4px}.copyright_box{width:100%;height:auto;margin:auto;font-family:none}.copyright_box .main_bottom{display:flex;margin:auto;max-width:430px}.copyright_box .bottom_logo_box{width:30%;max-width:105px;text-align:center;line-height:0}.copyright_box .bottom_logo_box span{font-size:16px;color:#7ec4ff}.copyright_box .bottom_info_box{font-size:12px;text-align:left;padding:1em 1em 0 1em;color:#7ec4ff}