@font-face{font-family:Typewriter;font-weight:400;src:url(./typewriter-ClireYVm.woff)format("woff"),url(./typewriter-DhfeCa45.ttf)format("truetype")}@keyframes bg-loop{0%{background-position:0 0}to{background-position:-200% 0}}.btn{cursor:pointer;-webkit-tap-highlight-color:transparent;position:relative}.btn *{pointer-events:none}.btn:disabled,.btn.disabled{opacity:.5;cursor:default}.btn.btn-fade,.link.link-fade{transition:opacity .2s cubic-bezier(.215,.61,.355,1)}.btn.btn-fade.hover,.link.link-fade.hover{opacity:.8}.btn.btn-fade:disabled,.btn.btn-fade.disabled,.link.link-fade:disabled,.link.link-fade.disabled{opacity:.5!important;cursor:default!important}.btn.btn-dark,.link.link-dark{transition:filter .3s ease-out}.btn.btn-dark.hover,.link.link-dark.hover{filter:brightness(.8)}.btn.btn-dark:disabled,.btn.btn-dark.disabled,.link.link-dark:disabled,.link.link-dark.disabled{opacity:.5!important;cursor:default!important}.theater{overflow:hidden}.modal[data-modal]{z-index:-1;display:none;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.modal[data-modal].is-open{z-index:10500;width:100%;height:100%;display:block}.modal[data-modal] .overlay,.modal[data-modal] .outer{width:100%;height:100%}.modal[data-modal] .overlay{z-index:0;background:rgba(0,0,0,.7);position:absolute;top:0;bottom:0;left:0;right:0}.modal[data-modal] .outer{z-index:1;pointer-events:all;justify-content:center;align-items:center;display:flex;position:relative}@keyframes mmfadeIn{0%{opacity:0}to{opacity:1}}@keyframes mmfadeOut{0%{opacity:1}to{opacity:0}}@keyframes mmslideIn{0%{opacity:0;transform:translateY(15%)}to{opacity:1;transform:translateY(0)}}@keyframes mmslideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10%)}}.modal[aria-hidden=false] .overlay{animation:.3s cubic-bezier(0,0,.2,1) mmfadeIn}.modal[aria-hidden=false] .outer{animation:.3s cubic-bezier(0,0,.2,1) mmslideIn}.modal[aria-hidden=true] .overlay{animation:.3s cubic-bezier(0,0,.2,1) mmfadeOut}.modal[aria-hidden=true] .outer{animation:.3s cubic-bezier(0,0,.2,1) mmslideOut}.modal .outer,.modal .overlay{will-change:transform}@media screen{.icon.arrow{width:1.4rem;height:1.2rem}[data-section=about-characters]{margin:3rem auto 0}[data-section=about-characters] .house{width:28.5rem;margin:0 auto;padding:3rem 0}[data-section=about-characters] .house .list{flex-direction:column;margin-top:2rem;list-style-type:none;display:flex}[data-section=about-characters] .house .item:first-child{order:2;margin-top:3rem}[data-section=about-characters] .house .item:nth-child(2){order:1}[data-section=about-characters] .house .item:nth-child(3){order:3;margin-top:3rem}[data-section=about-characters] .house .btn{background-color:var(--house);justify-content:space-between;align-items:center;width:24rem;height:6.3rem;margin:-3.2rem auto 0;padding:0 2rem;display:flex}[data-section=about-characters] .house .btn .caption{color:#fff;letter-spacing:.05em;font-size:1.8rem;font-weight:900;line-height:1}[data-section=about-characters] .house .btn .arrow svg path{fill:#fff}[data-section=about-characters] .house[data-house=nightowl] .btn .caption{color:#000}[data-section=about-characters] .house[data-house=nightowl] .btn .arrow svg path{fill:#000}}@media screen and (min-width:1024px){[data-section=about-characters]{margin-top:68px}[data-section=about-characters] .inner{padding-top:30px;padding-bottom:30px}[data-section=about-characters] .house{width:900px;padding:30px 0}[data-section=about-characters] .house .list{flex-direction:row;margin-top:30px}[data-section=about-characters] .house .item:first-child{order:2;margin-top:0;margin-left:30px}[data-section=about-characters] .house .item:nth-child(2){order:1}[data-section=about-characters] .house .item:nth-child(3){order:3;margin-top:0;margin-left:30px}[data-section=about-characters] .house .btn{width:225px;margin-top:-30px}}@media screen{[data-section=about-relationship]{margin:2rem auto 0}[data-section=about-relationship] [data-accordion-item] [data-accordion-content] .inner{padding:3rem 0}[data-section=about-relationship] [data-accordion-item] [data-accordion-content] .figure{width:28.5rem;margin:0 auto}[data-section=about-relationship] [data-accordion-item] [data-accordion-content] .figure img{object-fit:contain;width:100%;height:100%}[data-section=about-relationship] [data-accordion-item] [data-accordion-content] .btn[data-micromodal-open]{width:20rem;margin:3rem auto 0;display:flex}}@media screen and (min-width:1024px){[data-section=about-relationship]{margin-top:40px}[data-section=about-relationship] [data-accordion-item] [data-accordion-content] .inner{padding:60px 0}[data-section=about-relationship] [data-accordion-item] [data-accordion-content] .figure{width:888px}[data-section=about-relationship] [data-accordion-item] [data-accordion-content] .figure picture,[data-section=about-relationship] [data-accordion-item] [data-accordion-content] .figure img{pointer-events:all}[data-section=about-relationship] [data-accordion-item] [data-accordion-content] .btn[data-micromodal-open]{width:30rem}}@media screen{[data-section=about]{padding-top:4rem;padding-bottom:4rem}[data-section=about]>.title{width:29.8rem;margin:0 auto}[data-section=about]>.description{text-align:center;margin-top:2rem;font-size:1.4rem;font-weight:700;line-height:1.8}[data-section=about]>.adv{margin:8rem auto 0;list-style-type:none}[data-section=about]>.adv .item{margin:0 auto}[data-section=about]>.adv .item+.item{margin-top:2rem}[data-section=about] [data-accordion-item] [data-accordion-header] .title{position:relative}[data-section=about] [data-accordion-item] [data-accordion-header] .title:after{content:"";background:url(./accordion-arrow-Byy21t9o.svg) 50%/contain no-repeat;width:1.6rem;height:.9rem;margin:auto 0;transition:transform .3s ease-in;display:block;position:absolute;top:0;bottom:0;left:2rem}[data-section=about] [data-accordion-item].active [data-accordion-header] .title:after{transform:rotate(180deg)}}@media screen and (min-width:1024px){[data-section=about]{padding-top:60px;padding-bottom:60px}[data-section=about]>.title{width:596px}[data-section=about]>.description{margin-top:30px;font-size:20px}[data-section=about]>.adv{margin-top:120px}[data-section=about]>.adv .item{width:907px}[data-section=about]>.adv .item+.item{margin-top:-48px}[data-section=about] [data-accordion-item] [data-accordion-header] .title:after{width:52px;height:32px;left:51px}}@media screen{[data-section=recommend]{padding-top:4rem;padding-bottom:4rem}[data-section=recommend]>.title{width:29.1rem;margin:0 auto 1rem}[data-section=recommend]>.adv{margin:6rem auto 0;list-style-type:none}[data-section=recommend]>.adv .item{margin:0 auto}[data-section=recommend]>.adv .item+.item{margin-top:.5rem}[data-section=recommend]>[data-section]{padding-top:2rem;padding-bottom:2rem}[data-section=recommend]>[data-section]>.outer{padding:3rem 1.5rem}[data-section=recommend]>[data-section] .list{margin-top:3rem;list-style-type:none}[data-section=recommend]>[data-section] .item{margin-top:2.5rem}[data-section=recommend]>[data-section] .item .thumbnail{background:linear-gradient(90deg,#eee 0%,#ccc 50%,#eee 100%) 0 0/200% 100%;min-height:16.52rem;animation:2s linear infinite bg-loop}[data-section=recommend]>[data-section] .item .title{margin-top:1.7rem;font-weight:700}[data-section=recommend]>[data-section] .item .title .sub{font-size:1.4rem;line-height:1.2;display:block}[data-section=recommend]>[data-section] .item .title .main{margin-top:.2rem;font-size:2rem;line-height:1.4;display:block}[data-section=recommend]>[data-section] .item .btn{background-color:var(--yellow);border:4px solid #000;justify-content:center;align-items:center;width:100%;height:5rem;margin-top:1.5rem;display:flex}[data-section=recommend]>[data-section] .item .btn .icon{width:2rem;height:2rem;margin-right:1rem;display:block}[data-section=recommend]>[data-section] .item .btn .caption{letter-spacing:.06em;font-size:1.8rem;font-weight:900;line-height:1;transform:translateY(-.05em)}[data-section=recommend]>[data-section] .adv{margin-top:4rem}}@media screen and (min-width:1024px){[data-section=recommend]{padding-top:60px;padding-bottom:60px}[data-section=recommend]>.title{width:581px;margin-bottom:40px}[data-section=recommend]>.adv{margin-top:100px}[data-section=recommend]>.adv .item{width:910px}[data-section=recommend]>.adv .item+.item{margin-top:-80px}[data-section=recommend]>[data-section]{padding-top:20px;padding-bottom:20px}[data-section=recommend]>[data-section]>.outer{padding:60px 65px}[data-section=recommend]>[data-section]>.outer>.title{width:761px}[data-section=recommend]>[data-section] .list{flex-wrap:wrap;justify-content:space-between;width:100%;margin-top:15px;display:flex}[data-section=recommend]>[data-section] .item{width:400px;margin-top:25px;margin-bottom:25px}[data-section=recommend]>[data-section] .item .thumbnail{min-height:16.52rem}[data-section=recommend]>[data-section] .item .title{margin-top:25px}[data-section=recommend]>[data-section] .item .title .sub{font-size:16px}[data-section=recommend]>[data-section] .item .title .main{margin-top:5px;font-size:24px}[data-section=recommend]>[data-section] .item .btn{height:70px;margin-top:23px}[data-section=recommend]>[data-section] .item .btn .icon{width:40px;height:40px;margin-right:15px}[data-section=recommend]>[data-section] .item .btn .caption{font-size:24px}[data-section=recommend]>[data-section] .adv{margin-top:55px}}@media screen{[data-section=contents]{padding-top:4rem;padding-bottom:4rem}[data-section=contents]>.title{width:25.8rem;margin:0 auto 1.3rem}[data-section=contents]>.container{margin-bottom:-1.7rem;display:block}[data-section=contents] [data-section]{padding-top:1.7rem;padding-bottom:1.7rem}[data-section=contents] [data-section] .outer{padding:3rem 1.5rem}[data-section=contents] [data-section] .title{align-items:center;display:flex}[data-section=contents] [data-section] .title:before{content:"";background-color:var(--yellow);width:1rem;height:2.4rem;margin-right:1.5rem;display:block}[data-section=contents] [data-section] .title .caption{font-size:2.8rem;font-weight:900;line-height:2.4rem}[data-section=contents] [data-section] .title .caption[data-lang=en]{transform:translateY(-.07em)}[data-section=contents] [data-section] .description{margin-top:1.3rem;font-size:1.4rem;font-weight:700;line-height:1.42857}[data-section=contents] [data-section] .list{margin-top:1.6rem;list-style-type:none}[data-section=contents] [data-section] .item{margin-top:1rem}[data-section=contents] [data-section] .btn{background-color:var(--yellow);border:4px solid #000;justify-content:space-between;align-items:center;width:100%;height:5.2rem;padding:0 2.6rem;display:flex}[data-section=contents] [data-section] .btn svg path{fill:#000}[data-section=contents] [data-section] .btn .caption{font-size:1.4rem;font-weight:900;line-height:1;transform:translateY(-.05em)}}@media screen and (min-width:1024px){[data-section=contents]{padding-top:60px;padding-bottom:60px}[data-section=contents]>.title{width:766px;margin-bottom:40px}[data-section=contents]>.container{flex-wrap:wrap;justify-content:space-between;width:100%;display:flex}[data-section=contents] [data-section]{width:100%;padding-top:20px;padding-bottom:20px}[data-section=contents] [data-section] .outer{flex-direction:column;align-content:space-between;height:100%;padding:60px 50px;display:flex}[data-section=contents] [data-section] .outer .title:before{border-left:1rem solid var(--yellow)}[data-section=contents] [data-section] .title:before{width:10px;height:32px;margin-right:15px}[data-section=contents] [data-section] .title .caption{font-size:38px;line-height:32px}[data-section=contents] [data-section] .description{margin-top:22px;font-size:18px;line-height:1.44444}[data-section=contents] [data-section] .inner[data-margin=auto]{margin-top:auto}[data-section=contents] [data-section] .list{flex-wrap:wrap;justify-content:space-between;margin-top:15px;display:flex}[data-section=contents] [data-section] .item{margin-top:20px}[data-section=contents] [data-section] .btn{width:420px;height:69px;padding:0 26px}[data-section=contents] [data-section] .btn .caption{font-size:20px}[data-section=contents] [data-section][data-column=half]{width:470px}[data-section=contents] [data-section][data-column=half] .btn{width:370px}}[data-simplebar]{flex-flow:column wrap;align-content:flex-start;justify-content:flex-start;align-items:flex-start;position:relative}.simplebar-wrapper{width:inherit;height:inherit;max-width:inherit;max-height:inherit;overflow:hidden}.simplebar-mask{direction:inherit;z-index:0;margin:0;padding:0;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden;width:auto!important;height:auto!important}.simplebar-offset{-webkit-overflow-scrolling:touch;margin:0;padding:0;position:absolute;top:0;bottom:0;left:0;right:0;direction:inherit!important;box-sizing:inherit!important;resize:none!important}.simplebar-content-wrapper{direction:inherit;scrollbar-width:none;-ms-overflow-style:none;width:auto;max-width:100%;height:100%;max-height:100%;display:block;position:relative;overflow:auto;box-sizing:border-box!important}.simplebar-content-wrapper::-webkit-scrollbar{width:0;height:0;display:none}.simplebar-hide-scrollbar::-webkit-scrollbar{width:0;height:0;display:none}.simplebar-content:before,.simplebar-content:after{content:" ";display:table}.simplebar-placeholder{pointer-events:none;max-width:100%;max-height:100%;width:100%!important}.simplebar-height-auto-observer-wrapper{float:left;z-index:-1;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0;width:100%;max-width:1px;height:100%;max-height:1px;margin:0;padding:0;position:relative;overflow:hidden;box-sizing:inherit!important}.simplebar-height-auto-observer{box-sizing:inherit;opacity:0;pointer-events:none;z-index:-1;width:1000%;min-width:1px;height:1000%;min-height:1px;display:block;position:absolute;top:0;left:0;overflow:hidden}.simplebar-scrollbar{position:absolute}.simplebar-scrollbar:before{content:"";opacity:0;background:#666;border-radius:2px;transition:opacity .2s linear .5s;position:absolute;top:0;bottom:0;left:0;right:0}.simplebar-scrollbar.simplebar-visible:before{opacity:.8;transition-duration:0s;transition-delay:0s}.simplebar-track{z-index:1;pointer-events:none;position:absolute;bottom:0;right:0;overflow:hidden}.simplebar-track.simplebar-vertical{width:10px;top:0}.simplebar-track.simplebar-vertical .simplebar-scrollbar{min-height:10px;left:0;right:0}.simplebar-track.simplebar-vertical .simplebar-scrollbar:before{top:2px;bottom:2px;left:0;right:4px}.simplebar-track.simplebar-horizontal{height:10px;left:0}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{min-width:10px;top:0;bottom:0}.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before{top:0;bottom:4px;left:2px;right:2px}.simplebar-dummy-scrollbar-size{opacity:0;visibility:hidden;direction:rtl;width:500px;height:500px;position:fixed;overflow-x:scroll;overflow-y:hidden;-ms-overflow-style:scrollbar!important}.simplebar-dummy-scrollbar-size>div{width:200%;height:200%;margin:10px 0}.simplebar-hide-scrollbar{visibility:hidden;scrollbar-width:none;-ms-overflow-style:none;position:fixed;left:0;overflow-y:scroll}[data-simplebar].simplebar-dragging,[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}@media screen{.modal[data-modal=relationship] img,.modal[data-modal=relationship] picture{pointer-events:all;max-width:none}.modal[data-modal=relationship] .outer{flex-direction:column;max-width:2560px;margin-left:auto;margin-right:auto}.modal[data-modal=relationship] .shutdown{align-self:flex-start}.modal[data-modal=relationship] .btn-shutdown{-webkit-tap-highlight-color:transparent;display:flex}.modal[data-modal=relationship] .btn-shutdown *{pointer-events:none}.modal[data-modal=relationship] .btn-shutdown .icon{width:74px;height:38px;padding:8px;display:block;position:relative}.modal[data-modal=relationship] .btn-shutdown .icon:before,.modal[data-modal=relationship] .btn-shutdown .icon:after{content:"";transform-origin:50%;background-color:#fff;width:58px;height:1px;margin:auto;transition:transform .2s cubic-bezier(.075,.82,.165,1);position:absolute;top:0;bottom:0;left:0;right:0}.modal[data-modal=relationship] .btn-shutdown .icon:before{transform:rotate(20deg)}.modal[data-modal=relationship] .btn-shutdown .icon:after{transform:rotate(-20deg)}.modal[data-modal=relationship] .btn-shutdown.hover .icon:before{transform:rotate(10deg)}.modal[data-modal=relationship] .btn-shutdown.hover .icon:after{transform:rotate(-10deg)}.modal[data-modal=relationship] .canvas{flex:auto;width:100%;height:calc(100% - 38px)}.modal[data-modal=relationship] .canvas .inner{width:2076px;margin-left:auto;margin-right:auto;padding:35px}}@media screen and (min-width:1024px){.modal[data-modal=relationship] .shutdown{align-self:flex-end}.modal[data-modal=relationship] .btn-shutdown .icon{width:174px;height:120px;padding:39px 30px}.modal[data-modal=relationship] .btn-shutdown .icon:before,.modal[data-modal=relationship] .btn-shutdown .icon:after{width:120px;height:1px}.modal[data-modal=relationship] .canvas{height:calc(100% - 120px)}.modal[data-modal=relationship] .canvas .inner{width:2246px;padding:120px}}@media screen{[data-note]{background:#fff url(./note-bg@4x-DFovK7N0.png) 0 0/41px 41px}.global-footer{margin-top:-1rem;padding-bottom:1.5rem}.global-footer .adv{margin:0 auto}.global-footer .btn{margin:2.2rem auto 0;display:flex}.global-footer .btn picture{width:100%;display:block}.global-footer .copyright{text-align:center;margin:4rem auto 0;font-family:Typewriter,serif;font-size:1.2rem;line-height:1}}@media screen and (min-width:1024px){[data-note]{background-size:82px 82px}.global-footer{padding-bottom:20px}.global-footer .adv{width:738px}.global-footer .btn{width:900px;margin-top:40px}.global-footer .copyright{margin-top:60px;font-size:14px}}
