@charset "UTF-8";main{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-align:center;-ms-flex-align:center;align-items:center;margin:0;padding:0}#main{opacity:0;-webkit-transition:.3s;transition:.3s}.logo{position:relative;aspect-ratio:560/112}.logo #logo{position:absolute;width:27.5428571429%;top:33.03%;left:0;height:auto}.result{aspect-ratio:560/64;position:relative;background-color:#fff;border-top:2px solid #1d2088;border-bottom:2px solid #1d2088;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;color:#1d2088;padding-bottom:1rem}.result .diagnosis{margin-top:1rem;font-size:2.596rem;letter-spacing:.2rem;border:none;font-weight:700;margin-right:3rem}.result .large{font-size:6.32rem;font-weight:700}.result .small{font-size:3.12rem;font-weight:700;margin-top:2.7rem}.result .slash{font-size:6.32rem;font-weight:400;margin:0 1rem}.result .pre-average{margin-left:1rem}.result .average{margin-top:auto;margin-bottom:.9rem;font-size:1.624rem;font-weight:700}.comment{display:-webkit-box;display:-ms-flexbox;display:flex}.comment .chara{width:35.7142857143%;aspect-ratio:200/231}.comment .top{margin-top:auto;width:84.5%}.comment .high{margin-top:auto;width:80.5%}.comment .medium{margin-top:auto;width:51.2%}.comment .low{margin-top:auto;width:50.2%}.comment .text{width:64.2857142857%;color:#1d2088;margin-top:3rem}.comment .text .pre{font-size:2.116rem;font-weight:700}.comment .text .class{font-size:5.504rem;letter-spacing:.2em;line-height:1em;font-weight:700;margin-top:.6rem;margin-bottom:2rem}.comment .text .aft{font-size:1.552rem;font-weight:700;line-height:3rem;white-space:pre-line;white-space:pre-wrap;word-break:keep-all}.comment .text button{background-color:#4b80bf;border:2px solid #4b80bf;border-radius:1rem;width:44.44%;aspect-ratio:160/28;margin-top:2rem}.comment .text button p{color:#fff;font-size:1.836rem;font-weight:700}.comment .text button:hover{background-color:#fff}.comment .text button:hover p{color:#4b80bf}.share{width:100%;aspect-ratio:1000/80;background-color:#4b80bf;margin-top:6rem;margin-bottom:10rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.share p{color:#fff;font-size:1.964rem;font-weight:700}.share .buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.share a{background-color:#fff;border-radius:100%;width:8rem;padding-top:8rem;position:relative;margin-left:5rem;display:block}.share a img{width:50%}.share a:hover{opacity:.7}.share #fb-btn img{width:62.5%}#modal{position:fixed;width:100%;height:100svh;z-index:100;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:.3s;transition:.3s;display:none;opacity:0;background-color:#d3eeee}#modal .modal-wrapper{aspect-ratio:560/400;background-color:#4b80bf;color:#fff;border-radius:2rem;position:relative}#modal .modal-wrapper .modal-inner{width:100%;height:100%}#modal .modal-wrapper .modal-content{width:81.6%;margin:0 auto}#modal .modal-wrapper .modal-content .modal-heading{width:100%;text-align:center;margin-top:5rem;font-size:2.54rem;font-weight:700}#modal .modal-wrapper .modal-content .modal-question{font-size:1.692rem;font-weight:700;margin:1rem 0}#modal .modal-wrapper .modal-content .modal-question span{font-size:2.256rem;font-weight:700;margin-right:2rem}#modal .modal-wrapper .modal-content .modal-answer{font-size:1.836rem;font-weight:700}#modal .modal-wrapper .modal-content .modal-explanation{font-size:1.412rem;font-weight:500}#modal .modal-wrapper .modal-content hr{border:none;border-top:2px dotted #ccc;margin:3rem 0}#modal .modal-wrapper .close-btn{position:absolute;background:0 0;border:none;right:4%;top:4%;z-index:10}#modal .modal-wrapper .close-btn img{width:3rem}#modal .modal-wrapper::-webkit-scrollbar{display:none}#modal .simplebar-scrollbar::before{background:#fff;border-radius:50rem;width:.5rem;margin-left:.1rem;margin-top:.1rem}#modal .simplebar-scrollbar.simplebar-visible::before{opacity:1}#modal .simplebar-track{background:rgba(255,255,255,.5);width:1rem!important;right:5%;margin-top:10%;height:80%;border-radius:50rem}.recommendation{font-size:3.244rem;font-weight:700;color:#1d2088;width:100%;text-align:center;margin-bottom:2rem}.movie-lists{display:grid;width:100%;grid-template-columns:1fr 1fr;gap:5rem;margin-bottom:8rem}.movie-lists a,.movie-lists a:active,.movie-lists a:focus,.movie-lists a:hover,.movie-lists a:visited{all:unset;text-decoration:none;color:inherit;cursor:pointer}.movie-lists .movie-list{width:100%;background-color:#fff;border-radius:1.3rem;overflow:hidden;aspect-ratio:260/256;position:relative;display:none}.movie-lists .movie-list a{display:grid;grid-template-rows:146fr 109fr;width:100%;height:100%}.movie-lists .movie-list a .movie-img{width:100%;height:100%;overflow:hidden}.movie-lists .movie-list a .movie-img img{width:100%;-o-object-fit:contain;object-fit:contain}.movie-lists .movie-list a .movie-txts{padding-top:1rem}.movie-lists .movie-list a .movie-tag-txt{margin-left:2.5rem;margin-right:2.5rem;margin-bottom:1rem;font-weight:700;font-size:.988rem}.movie-lists .movie-list a .movie-txt{margin:1rem 2.5rem;font-size:1.692rem;font-weight:700;height:100%}.movie-lists .movie-list a .movie-arrow{position:absolute;right:10%;bottom:4%;width:11.1%;-webkit-transition:.3s;transition:.3s}.movie-lists .movie-list a:hover .movie-arrow{right:8%}.go-info{position:relative;margin-bottom:10rem}.go-info a{width:100%;-webkit-transition:.3s;transition:.3s}.go-info a img{width:100%}.go-info a:hover{opacity:.7}.foot{margin-bottom:5rem}.foot .foot-logo{width:100%}.foot .foot-logo a{width:47.6428571429%;max-width:50rem}.foot .foot-logo img{width:100%}.foot .foot-copyright{font-weight:700;text-align:center;width:100%}@media screen and (max-width:767px){.wrapper{width:89.33%}.logo{margin-top:2rem;margin-bottom:2rem}.logo #logo{width:45.8447761194%}.result{aspect-ratio:670/120}.result .diagnosis{font-size:4.784rem;margin-right:5rem}.result .large{font-size:9.888rem}.result .small{font-size:4.288rem;margin-top:5rem}.result .slash{font-size:9.888rem;font-weight:400;margin:0 2rem}.result .average{margin-top:auto;margin-bottom:3.6rem;font-size:3.58rem;font-weight:700}.comment{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.comment .chara{width:100%;aspect-ratio:750/553}.comment .top{width:50.5985074627%}.comment .high{width:48.5895522388%}.comment .medium{width:32.7358208955%}.comment .low{width:34.5223880597%}.comment .text{width:100%;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:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.comment .text .pre{font-size:5.032rem}.comment .text #level{margin-top:2rem;font-size:11.384rem;letter-spacing:.1em}.comment .text .aft{width:100%;margin-top:8rem;font-size:4.916rem;line-height:2em}.comment .text #modal-open{margin-top:10rem;margin-bottom:10rem;width:100%;border-radius:2rem}.comment .text #modal-open p{font-size:6.54rem}.share{aspect-ratio:750/357;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.share p{font-size:5.74rem}.share .buttons{margin-top:6rem;width:46.67%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.share a{margin:0;width:24rem;padding-top:24rem}#modal{height:100%}#modal .modal-wrapper{aspect-ratio:670/1000;padding-top:20rem}#modal .modal-wrapper .modal-inner{width:100%;height:100%}#modal .modal-wrapper .modal-content{width:81.6%;margin:0 auto}#modal .modal-wrapper .modal-content .modal-heading{width:auto;text-align:left;margin-top:0;font-size:5.644rem}#modal .modal-wrapper .modal-content .modal-question{font-size:4.232rem;margin:8rem 0}#modal .modal-wrapper .modal-content .modal-question span{font-size:4.232rem;margin-right:2rem}#modal .modal-wrapper .modal-content .modal-answer{font-size:4.232rem}#modal .modal-wrapper .modal-content .modal-explanation{font-size:4.232rem}#modal .modal-wrapper .modal-content hr{border:none;border-top:1.5rem dotted #ccc;margin:5rem 0}#modal .modal-wrapper .close-btn{right:5%;top:5%}#modal .modal-wrapper .close-btn img{width:10rem}#modal .modal-wrapper::-webkit-scrollbar{display:none}#modal .simplebar-scrollbar::before{background:#fff;border-radius:50rem;width:1rem;margin-left:-.1rem;margin-top:.1rem}#modal .simplebar-scrollbar.simplebar-visible::before{opacity:1}#modal .simplebar-track{width:2rem!important;right:2%;margin-top:0;height:95%;border-radius:50rem}.recommendation{margin-top:10rem;margin-bottom:8rem;font-size:7.152rem}.movie-lists{grid-template-columns:1fr;gap:10rem;margin-bottom:20rem}.movie-lists .movie-list{border-radius:4rem;aspect-ratio:670/636}.movie-lists .movie-list a{display:grid;grid-template-rows:376fr 260fr}.movie-lists .movie-list a .movie-img{width:100%;height:100%;overflow:hidden}.movie-lists .movie-list a .movie-img img{width:100%;-o-object-fit:contain;object-fit:contain}.movie-lists .movie-list a .movie-txts{padding-top:3rem}.movie-lists .movie-list a .movie-tag-txt{width:92.5%;margin:0 auto;font-size:3.144rem}.movie-lists .movie-list a .movie-txt{width:92.5%;margin:2rem auto 0 auto;font-size:4.832rem}.movie-lists .movie-list a .movie-arrow{right:5%;width:12.3179104478%}.foot{margin-top:5rem;margin-bottom:10rem}.foot .foot-logo{width:100%}.foot .foot-logo a{max-width:50rem;width:100%}.foot .foot-logo img{width:100%}.foot .foot-copyright{font-size:2.376rem;font-weight:700;text-align:center;width:100%;margin-top:2rem}}