html{width:100%;height:100%;min-width:100%;min-height:100%;overflow:hidden}body{width:100%;height:100%;min-width:100%;min-height:100%;margin:0;padding:0;background-size:cover;background-repeat:no-repeat;overflow:hidden;font-family:"Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif, "Hiragino Kaku Gothic ProN", "Yu Gothic", YuGothic, Meiryo;-webkit-font-smoothing:antialiased}.title{text-align:center;font-size:2rem;color:#ffffff}img.robot{display:block;width:500px;margin:auto;margin-top:50px}[v-cloak]{display:none}#cmp-base{position:absolute;left:0;font-size:10px !important;line-height:160%;color:#666666;width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover;overflow:hidden}#glcanvas{position:absolute;z-index:9999;margin:auto;left:0;right:0;bottom:16%;height:380px}#debug{position:absolute;-webkit-border-radius:14px;-moz-border-radius:14px;-ms-border-radius:14px;border-radius:14px;width:150px;height:30px;top:25px;left:10px;background-color:#6776ff;cursor:pointer;z-index:100000}#debug a{margin-top:10px;margin-left:30px;font-size:16px;color:#ffffff}#debug:hover{background-color:#679dff}.copyright{position:absolute;right:0;bottom:0;padding:0 10px 10px 0;color:#FFFFFF;font-size:1.2em;z-index:10001}@media screen and (max-width: 1024px) and (orientation: portrait){#glcanvas{left:-40px;bottom:25%;height:550px}.copyright{font-size:3em}}@media screen and (max-width: 768px) and (orientation: portrait){#glcanvas{left:-95px;height:480px}.copyright{font-size:2em}}@media screen and (max-width: 414px) and (orientation: portrait){#glcanvas{bottom:20%;margin-left:-48px;height:330px}.copyright{font-size:1.2em}}@media screen and (max-width: 375px) and (max-height: 667px) and (orientation: portrait){#glcanvas{bottom:20%;margin-left:3px;height:280px}}@media screen and (max-width: 375px) and (orientation: portrait){.copyright{padding:0 10px 5px 0}}@media screen and (max-width: 320px) and (orientation: portrait){#glcanvas{bottom:21%;margin-left:7%;height:230px}.copyright{font-size:0.8em;padding:0 10px 1px 0}}@media screen and (max-width: 812px) and (orientation: landscape){#glcanvas{bottom:15px;margin-left:-220px;height:330px}}@media screen and (max-width: 568px) and (orientation: landscape){.copyright{font-size:0.8em}}#scenarios{z-index:1;-webkit-border-radius:45px;-moz-border-radius:45px;-ms-border-radius:45px;border-radius:45px;box-sizing:border-box;margin-top:8% !important;margin-right:auto;margin-left:auto;width:60%;padding:25px;padding-bottom:0px;z-index:9998;font-weight:normal;font-size:10px;color:#333333;background-color:#ffffffFa;box-shadow:0 0 3px -1px rgba(0,0,0,0.7);-webkit-box-shadow:0 0 3px -1px rgba(0,0,0,0.7);-moz-box-shadow:0 0 3px -1px rgba(0,0,0,0.7)}#scenarios #talks{width:100%;min-height:30px;line-height:160%;font-size:2.4em;font-weight:bold;text-align:center}#scenarios #talks img{position:absolute !important;width:25% !important;top:10px;margin:auto;right:0;left:0;border:medium solid #ffffff;-webkit-mask-origin:border-box;box-shadow:0 0 3px -1px rgba(0,0,0,0.7);-webkit-box-shadow:0 0 3px -1px rgba(0,0,0,0.7);-moz-box-shadow:0 0 3px -1px rgba(0,0,0,0.7)}.balloon{position:relative;width:80%;height:30px;margin-right:auto;margin-left:auto;top:30px}.balloon #white-triangle{position:absolute;width:0;height:0;right:0;margin-right:0.7;border-top:30px solid #ffffff;border-left:16px solid transparent;border-right:17px solid transparent}.balloon #gray-triangle{position:absolute;width:0;height:0;right:0;border-top:30px solid rgba(0,0,0,0.3);border-left:16px solid transparent;border-right:16px solid transparent}@media screen and (max-width: 1024px) and (orientation: portrait){#scenarios{width:90%;margin-top:20% !important;font-size:2em}#scenarios #talks img{width:auto !important;max-width:80%;height:auto !important;max-height:500px;top:8%}}@media screen and (max-width: 768px) and (orientation: portrait){#scenarios{width:90%;margin-top:20% !important;font-size:1.2em}#scenarios #talks img{max-height:300px}}@media screen and (max-width: 414px) and (orientation: portrait){#scenarios{width:90%;margin-top:20% !important;font-size:0.8em}#scenarios #talks img{max-width:70%;max-height:200px}}@media screen and (max-width: 375px) and (orientation: portrait){#scenarios{width:90%;margin-top:35% !important;font-size:0.9em}#scenarios #talks img{max-width:80%;max-height:300px}}@media screen and (max-width: 375px) and (max-height: 667px) and (orientation: portrait){#scenarios{width:90%;margin-top:17% !important;font-size:0.9em}#scenarios #talks{font-size:1.9em}#scenarios #talks img{max-width:80%;max-height:170px;top:3%}}@media screen and (max-width: 320px) and (orientation: portrait){#scenarios{width:90%;margin-top:10% !important;padding-left:10px;padding-right:10px;font-size:0.8em}#scenarios #talks img{max-width:75%;max-height:160px}}@media screen and (max-width: 1366px) and (orientation: landscape){#scenarios #talks img{width:auto !important;max-width:30%;height:auto !important;max-height:350px;top:8%}}@media screen and (max-width: 1024px) and (orientation: landscape){#scenarios #talks img{max-width:40%;top:8%}}@media screen and (max-width: 812px) and (orientation: landscape){#scenarios{margin-top:8% !important;margin-left:25%}#scenarios #talks{font-size:2.0em}#scenarios #talks img{max-width:35%;max-height:250px;margin-left:300px !important}}@media screen and (max-width: 736px) and (orientation: landscape){#scenarios{margin-top:8% !important;margin-left:30%}#scenarios #talks img{max-width:35%}}@media screen and (max-width: 667px) and (orientation: landscape){#scenarios{width:65% !important;font-size:0.8em}#scenarios #talks img{max-width:45%;max-height:250px;margin-left:250px !important}}@media screen and (max-width: 568px) and (orientation: landscape){#scenarios{margin-left:33% !important;font-size:0.7em}#scenarios #talks img{max-width:45%;max-height:200px;margin-left:250px !important}}#answers{position:absolute;bottom:0;left:0;right:0;margin:5vh auto auto;width:100%;z-index:10000}#answers #talk-btn-container{width:40%;margin:5vh auto}#answers #talk-btn-container #talk-btn{vertical-align:middle;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px;height:100%;background-color:#6776ff;font-weight:bold;font-size:3vh;text-align:center;text-decoration:none;color:#FFFFFF;cursor:pointer}#answers #talk-btn-container #talk-btn span{display:block;line-height:7.4vh}#answers #talk-btn-container #talk-btn a{box-sizing:border-box;display:block;height:140px;color:#6776ff}#answers #talk-btn-container #talk-btn img{height:100px}#answers #talk-btn-container #talk-btn:hover{background-color:#679dff}#answers #choice-container{pointer-events:none;position:absolute;width:100%;height:45vh;left:0;bottom:0}#answers #choice-container .choices{pointer-events:auto;width:100%;height:110%;margin-top:45vh;transition-property:margin-top;transition-duration:0.25s;transition-timing-function:cubic-bezier(0.7, 0, 0.2, 1);background-color:rgba(255,255,255,0.8)}#answers #choice-container .choices .choice-list{width:30%;margin:auto;padding-top:10px}#answers #choice-container .choices .btn-choice{position:relative;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px;vertical-align:middle;display:inline-block;margin-top:5px;margin-right:5px;height:7.4vh;background-color:#6776ff;line-height:7.4vh;font-weight:bold;font-size:2.2vh;text-align:center;text-decoration:none;color:#FFFFFF;z-index:10010;cursor:pointer}#answers #choice-container .choices .btn-choice .newline{line-height:3vh;margin-top:1vh}#answers #choice-container .choices .btn-choice>span{display:block;line-height:7.4vh}#answers #choice-container .choices .btn-choice>span>a{display:block;width:100%;height:100%;text-decoration:none}#answers #choice-container .choices .btn-choice:hover{background-color:#679dff}#answers #choice-container .choices .btn-choice a{box-sizing:border-box;display:block;width:100%;height:70px;color:#FFFFFF}#answers #choice-container .choices .btn-choice img{width:100%;height:100px}#answers #choice-container .choices .btn-close-choice{height:0;transition-timing-function:cubic-bezier(0.7, 0, 0.2, 1);cursor:pointer}#answers #choice-container .choices .btn-close-choice img{height:50px;width:50px}#answers #choice-container .choices .btn-close-choice .selected{display:none}#answers #choice-container .choices .btn-close-choice:hover .default{display:none}#answers #choice-container .choices .btn-close-choice:hover .selected{display:block;margin-left:auto;margin-right:auto}#answers #choice-container .open{margin-top:0;z-index:10010}#answers #choice-container .open .btn-close-choice{width:100%;position:absolute;bottom:0;height:60px;color:#FFFFFF;font-weight:bold;font-size:3vh;text-align:center}#answers #choice-container .open .btn-close-choice span{height:7.4vh;line-height:7.4vh}@media screen and (max-width: 1024px) and (orientation: portrait){#talk-btn-container{width:75% !important;margin-bottom:20% !important}.choice-list{width:70% !important}#choice-container .choices .btn-close-choice img{height:100px !important;width:100px !important}#choice-container .open .btn-close-choice{height:120px !important}}@media screen and (max-width: 768px) and (orientation: portrait){#talk-btn-container{width:75% !important;margin-bottom:20% !important}.choice-list{width:70% !important}#choice-container .choices .btn-close-choice img{height:80px !important;width:80px !important}#choice-container .open .btn-close-choice{height:95px !important}}@media screen and (max-width: 414px) and (orientation: portrait){#talk-btn-container{width:90% !important;margin-bottom:18% !important}.choice-list{width:90% !important}#choice-container .choices .btn-close-choice img{height:50px !important;width:50px !important}#choice-container .open .btn-close-choice{height:60px !important}}@media screen and (max-width: 812px) and (orientation: landscape){#talk-btn-container{width:50% !important;margin-left:30% !important}#choice-container .choices .choice-list{width:50% !important}#choice-container .choices .btn-close-choice img{height:35px !important;width:35px !important}#choice-container .open .btn-close-choice{height:40px !important}}@media screen and (max-width: 736px) and (orientation: landscape){#talk-btn-container{width:50% !important;margin-left:30% !important}}@media screen and (max-width: 568px) and (orientation: landscape){#talk-btn-container{width:45% !important;margin-left:35% !important}#choice-container .choices .btn-close-choice img{height:30px !important;width:30px !important}#choice-container .open .btn-close-choice{height:35px !important}}#contents{margin:0 auto;width:100%}#contents div{width:49.5%}#contents div.type-diagnosis{float:left}#contents div.tourist-association{float:right}#contents .contents-btn,#contents .type-diagnosis a,#contents .tourist-association a{display:block;font-size:1.4em;font-weight:700;border:medium solid #FFFFFF;border-width:2px;border-radius:12px;text-decoration:none;text-align:center;margin-top:5px;margin-bottom:10px;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;padding-top:8px;padding-right:20px;padding-bottom:8px;padding-left:20px;color:#FFFFFF}#contents .type-diagnosis a{background-image:url(//sandbox-self-asset.s3-ap-northeast-1.amazonaws.com/assets/selfcmps/oshamanbe/manbekun/left-button-bk-8dcf030cc8f1e2d3653d255f5685f410a2ba72fca8c8273b4df9c36c0144a546.png)}#contents .tourist-association a{padding-right:0px;padding-left:0px;background-image:url(//sandbox-self-asset.s3-ap-northeast-1.amazonaws.com/assets/selfcmps/oshamanbe/manbekun/right-button-bk-090a19ce86eec66c32d1153dfbec5e8b59c201c2ba4abe258489691feac40dbc.png)}#contents .type-diagnosis a:before{content:"";display:inline-block;width:1em;height:1em;background:url(//sandbox-self-asset.s3-ap-northeast-1.amazonaws.com/assets/selfcmps/oshamanbe/manbekun/star.png@3x-3400503957c23f1ecce61f7f0c4838fd3b686e09c9129171e26e8e7dd752c2d3.png) no-repeat;background-size:contain}#contents .tourist-association a:before{content:"";display:inline-block;width:1em;height:1em;background:url(//sandbox-self-asset.s3-ap-northeast-1.amazonaws.com/assets/selfcmps/oshamanbe/manbekun/travel.png@3x-461f01a17a256b1a3f110ed42ae3f4e601f5097fbb7a90402f7d8afa577919e4.png) no-repeat;background-size:contain}@media screen and (max-width: 1024px) and (orientation: portrait){.contents-btn,#contents .type-diagnosis a,#contents .tourist-association a{font-size:1.4em;padding-top:16px;padding-bottom:20px}}@media screen and (max-width: 768px) and (orientation: portrait){.contents-btn,#contents .type-diagnosis a,#contents .tourist-association a{font-size:1.6em;padding:16px}}@media screen and (max-width: 414px) and (orientation: portrait){.contents-btn,#contents .type-diagnosis a,#contents .tourist-association a{font-size:1.3em;padding:0px;padding-top:7px;padding-bottom:7px}}@media screen and (max-width: 812px) and (orientation: landscape){.contents-btn,#contents .type-diagnosis a,#contents .tourist-association a{margin-bottom:30px}}@media screen and (max-width: 568px) and (orientation: landscape){.contents-btn,#contents .type-diagnosis a,#contents .tourist-association a{padding-top:3px;padding-bottom:3px}}.modal-mask{position:fixed;z-index:99999;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);display:table;transition:opacity .3s ease}.modal-enter{opacity:0}.modal-leave-active{opacity:0}.modal-enter .modal-container,.modal-leave-active .modal-container{-webkit-transform:scale(1.1);transform:scale(1.1)}.diagnosis-container{display:block;-webkit-border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;border-radius:30px;box-sizing:border-box;border:medium solid #bb893e;border-width:4px;position:absolute;width:60%;min-width:720px;height:90%;top:50%;left:50%;transform:translate(-50%, -50%);padding:25px;background:url(//sandbox-self-asset.s3-ap-northeast-1.amazonaws.com/assets/selfcmps/oshamanbe/manbekun/shindan-68098471d4fe64322efdbdb8a4c80376710b1d092fde3584f2a143eb33da8c0c.png);background-position:center;background-repeat:no-repeat;background-size:110%;text-align:center}.diagnosis-container .diagnosis-title span{margin:0;font-size:32px;font-weight:bold;line-height:40px;text-align:center;color:#ffffff}.diagnosis-container .diagnosis-text{margin-top:15px}.diagnosis-container .diagnosis-text span{margin:0;font-size:16px;line-height:25px;text-align:center;color:#ffffff}.diagnosis-container .manbe{position:absolute;width:270px;margin:auto;right:0;left:0;bottom:100px}.diagnosis-container .share-btn-container{position:absolute;width:300px;height:7%;margin:auto;right:0;left:0;bottom:60px}.diagnosis-container .share-btn-container a{display:inline-block;width:30%;height:100%;background-position:center;background-repeat:no-repeat;background-size:contain}.diagnosis-container .share-btn-container .facebook{float:left;background-image:url(//sandbox-self-asset.s3-ap-northeast-1.amazonaws.com/assets/selfcmps/oshamanbe/manbekun/facebook-6066c1db184bb9c7b5e5ca01f29ddb7e83401f3212c8fdaef0ad6f78c77b19a6.png)}.diagnosis-container .share-btn-container .twitter{margin:0 auto;background-image:url(//sandbox-self-asset.s3-ap-northeast-1.amazonaws.com/assets/selfcmps/oshamanbe/manbekun/twitter-aecf4435a139ab748d3e7b022faeb8100646cd4d9aabae1f6f520eaa3660e005.png)}.diagnosis-container .share-btn-container .line{float:right;background-image:url(//sandbox-self-asset.s3-ap-northeast-1.amazonaws.com/assets/selfcmps/oshamanbe/manbekun/line-e8aa68119f1a9345ecc23de0d003c5a9f6465a133ebb610c61fcd877d78bb6f7.png)}.diagnosis-container .modal-close{position:absolute;bottom:15px;margin:auto;right:0;left:0;display:block;width:30px;height:30px;background:url(//sandbox-self-asset.s3-ap-northeast-1.amazonaws.com/assets/selfcmps/oshamanbe/manbekun/close-ae778fb5c906e280ade53c17acb0c40fc5a0cf60640a50c8f92cfa8e40320229.png) no-repeat left 0 top 0/contain;z-index:10000;cursor:pointer}@media screen and (max-width: 1024px) and (orientation: portrait){.diagnosis-container{min-width:0px;height:75%;background-size:auto;padding:40px}.diagnosis-container .diagnosis-title span{font-size:2.0em;line-height:1.5em}.diagnosis-container .diagnosis-text span{font-size:1.4em;line-height:1.6em}.diagnosis-container .share-btn-container{width:80%}}@media screen and (max-width: 768px) and (orientation: portrait){.diagnosis-container{padding:20px;width:90%}.diagnosis-container .diagnosis-title span{font-size:2.4em}.diagnosis-container .diagnosis-text span{font-size:1.7em;line-height:1.6em}}@media screen and (max-width: 414px) and (orientation: portrait){.diagnosis-container{width:90%;height:90%;padding:10px}.diagnosis-container .diagnosis-title span{font-size:2.7em;line-height:40px}.diagnosis-container .diagnosis-text span{font-size:1.8em;line-height:1.6em}.diagnosis-container .manbe{width:200px}}@media screen and (max-width: 375px) and (orientation: portrait){.diagnosis-container .diagnosis-title span{font-size:1.9em}.diagnosis-container .diagnosis-text{margin-top:20px}.diagnosis-container .diagnosis-text span{font-size:1.36em;line-height:1.8em}.diagnosis-container .manbe{width:230px}}@media screen and (max-width: 375px) and (max-height: 634px) and (orientation: portrait){.diagnosis-container{padding:10px}.diagnosis-container .diagnosis-title span{font-size:2.0em}.diagnosis-container .diagnosis-text{margin-top:5px}.diagnosis-container .diagnosis-text span{font-size:1.5em;line-height:1.5em}.diagnosis-container .manbe{width:190px;margin-top:-10px;margin-bottom:-12px}}@media screen and (max-width: 320px) and (orientation: portrait){.diagnosis-container{padding:10px}.diagnosis-container .diagnosis-title span{line-height:1.7em}.diagnosis-container .diagnosis-text{margin-top:15px}.diagnosis-container .diagnosis-text span{font-size:1.4em;line-height:1.6em}.diagnosis-container .manbe{width:160px;margin-bottom:-17px}}@media screen and (max-width: 812px) and (orientation: landscape){.manbe{display:none}.share-btn-container{margin-top:10px !important;height:9% !important}}@media screen and (max-width: 736px) and (orientation: landscape){.diagnosis-container{width:90%;min-width:0px}}@media screen and (max-width: 667px) and (orientation: landscape){.diagnosis-container{width:90%}.diagnosis-container .diagnosis-title span{font-size:2.8em;line-height:1.5em}.diagnosis-container .diagnosis-text span{font-size:1.1em;line-height:1.8em}}@media screen and (max-width: 568px) and (orientation: landscape){.diagnosis-container{padding:15px}.diagnosis-container .diagnosis-title span{font-size:1.6em}.diagnosis-container .diagnosis-text span{font-size:1.6em;line-height:1.8em}}