body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Noto Sans JP,sans-serif;font-weight:700;margin:0}.drum-roll-container{-ms-overflow-style:none;-webkit-overflow-scrolling:touch;height:calc(var(--option-height)*5);overflow-y:scroll;overflow:-moz-scrollbars-none;overscroll-behavior:none;perspective:1000px;position:relative;scroll-snap-type:y mandatory;scrollbar-width:none}.drum-roll-container::-webkit-scrollbar{display:none;width:0}.drum-roll-container.instant-scroll{scroll-behavior:auto}.drum-roll-content{list-style:none;margin:0;padding:0}.drum-roll-padding{height:calc(var(--option-height)*2)}.drum-roll-option{align-items:center;display:flex;font-size:1.2em;height:var(--option-height);justify-content:center;margin:0;overflow:visible;padding:0;white-space:pre}.drum-roll-option-label{overflow:hidden;transform:var(--scale);transform-origin:center;transition:transform 0s ease-in-out}.drum-roll-container:after,.drum-roll-container:before{content:"";display:block;height:40%;pointer-events:none}.date-picker{position:relative}.date-picker-popup{border-radius:.5em;border-style:solid;border-width:1px;min-width:230px;padding:.5em;position:absolute;top:100%;z-index:10000}@media(max-width:520px){.date-picker-popup{bottom:0;left:0;min-width:auto;position:fixed;right:0;top:auto}}.date-picker-action{display:flex;flex-direction:row;justify-content:right;margin-bottom:1em}.date-picker-action .ok-button{padding-top:0}.date-picker-action .ok-button button{font-size:.8em}.date-picker-inner{align-items:stretch;border-radius:4px;border-style:solid;border-width:1px;display:flex;flex-direction:row;overflow:hidden;position:relative}.date-picker-inner:after,.date-picker-inner:before{bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:10}.date-picker-inner:before{mix-blend-mode:multiply}.date-picker-inner:after{opacity:.6}.date-picker-inner>*{flex-grow:1;text-align:center}.date-picker-inner .drum-roll-container:not(:last-child){border-right-style:solid;border-right-width:1px}.date-picker-inner-separator{align-items:center;display:flex;justify-content:center;position:relative}.date-picker input{text-align:center;width:10em}.date-picker-select{display:flex;flex-direction:row;justify-content:space-between;width:210px}.date-picker select{background:#0000;border:none;font-size:1rem}.date-picker select:focus{outline:none}#root,.frame-wrapper,body,html{height:100%;margin:0;padding:0;width:100%}.frame{border-radius:.3em;box-shadow:0 5px 15px #0000001a;display:flex;flex-direction:column;height:90%;left:calc(50% - 480px);position:fixed;top:5%;width:960px}@media screen and (max-width:960px){.frame{height:90%;left:calc(50% - 243px);top:5%;width:486px}}@media screen and (max-width:520px){.frame{height:100%;left:0;top:0;width:100%}}.header{border-radius:.3em .3em 0 0;display:flex;font-size:18px;font-weight:bolder;margin-bottom:1em;padding:.2em .5em .4em}.header .title{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header .complete-ratio{display:inline-block;position:relative;width:35%}.header .complete-ratio-inner{bottom:4px;overflow:hidden;top:6px;width:100%}.header .complete-ratio-bar,.header .complete-ratio-inner{border-radius:1.6em;content:"";display:block;left:0;line-height:1.5em;position:absolute}.header .complete-ratio-bar{border-style:solid;border-width:1px;bottom:0;box-sizing:border-box;top:0;transition:width .2s ease-in-out}.header .complete-ratio-text{align-items:center;display:flex;font-size:14px;margin-right:.5em}.header .complete-ratio-answered,.header .complete-ratio-total{align-items:center;display:flex;font-size:14px;margin-left:.5em}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{animation-duration:.5s;animation-name:fadeIn;animation-timing-function:ease-in}.thread{flex-grow:1;overflow-y:auto;padding:2em 2em 0;scrollbar-gutter:stable}.balloon{padding-bottom:.9em;position:relative}.balloon.balloon-opposite:last-child{min-height:104px}.balloon.balloon-opposite+.balloon.balloon-opposite{margin-top:4em}.balloon .icon{border-radius:.5em;font-size:104px;height:1em;left:-.13em;opacity:1;overflow:hidden;position:absolute;top:0;transition:opacity .2s ease-in;transition-delay:.1s;width:1em}.balloon.balloon-loading .icon{opacity:0}.balloon .icon img{display:block;height:100%;object-fit:cover;width:100%}.balloon.balloon-self .icon{display:none}.balloon .content{border:3px solid #0000;box-sizing:border-box;font-size:14px;letter-spacing:.1em;opacity:1;position:relative;transition:opacity .2s ease-in .5s,color .2s ease-in .5s,background-color .2s ease-in .5s,border-color .2s ease-in .5s}.balloon.balloon-loading .content{opacity:0}.balloon.balloon-opposite .content{border-radius:.8em .8em .8em 0;margin-left:7.5em;margin-top:-1.9em;max-width:18em;padding:0 1.3em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.balloon.balloon-self .content{border-radius:.8em .8em 0 .8em;box-shadow:0 5px 15px #0000001a;margin-bottom:3em;margin-left:9.8em;margin-right:-1.2em;padding:.8em 1.25em}.balloon.balloon-self .content>.message{font-size:.9em;margin:0;padding-top:.3em}.balloon.balloon-self .content>.message.small{font-size:.8em;line-height:1.2em;padding-top:.1em}.balloon.balloon-self .content>.message.large{font-size:1em;line-height:1.5em;padding-top:.5em}@media screen and (max-width:520px){.balloon.balloon-self .content{margin-left:0}.balloon.balloon-opposite{min-height:90px}.balloon .icon{font-size:90px}}.message,.scroll-box{white-space:pre-wrap;word-break:break-all}.scroll-box{border-radius:.5em;border-style:solid;border-width:1px;max-height:20vh;overflow-y:auto;padding:.5em}.multiselect button,.ok-button button,.select button{border-radius:.5em;border-style:solid;border-width:2px;box-sizing:border-box;font-size:14px;font-weight:bolder;margin-bottom:.3em;margin-right:.63em;margin-top:.3em;min-width:5.1em;padding-bottom:.58em;padding-top:.58em}.multiselect button:disabled,.ok-button button:disabled,.select button:disabled{filter:saturate(.3) opacity(.3)}.multiselect button:hover:not(:disabled),.ok-button button:hover:not(:disabled),.select button:hover:not(:disabled){filter:brightness(1.2)}.multiselect button:active:not(:disabled),.ok-button button:active:not(:disabled),.select button:active:not(:disabled){filter:brightness(.8)}.multiselect-banner{align-items:center;display:flex;flex-direction:column}.multiselect-text{align-items:center;border-radius:2em;display:inline-flex;font-size:10px;font-weight:400;justify-content:center;padding:.5em 1em}.ok-button{padding-top:1em;text-align:center}.text-input{align-items:baseline;display:flex;flex-direction:column;font-size:.9em;padding-top:.3em}.text-input input{background-color:initial;border:none;font-size:16px;outline:none;overflow:hidden}.text-input .optional{font-size:.8em}.text-input .message{line-height:1.1em}.text-input .text-input-inner{border-radius:.5em;border-style:solid;border-width:2px;box-sizing:border-box;display:flex;font-size:14px;font-weight:bolder;margin-bottom:.3em;margin-right:.63em;margin-top:.3em;max-width:100%;padding:.58em;transition:border-color .1s ease-in}.text-input .text-input-inner:before{content:attr(data-prefix)}.text-input .text-input-inner:after{content:attr(data-suffix)}.text-input.number input[type=text],.text-input.number-period input[type=text]{text-align:right}.text-input .error-message{color:red;font-size:.9em;line-height:1em;opacity:1;transition:opacity .2s ease,line-height .2s ease}.text-input .error-message:empty{line-height:0;opacity:0}.text-input.invalid .text-input-inner{background-color:#fae2e9;border-color:red}.frame-yellow{--primary-color:#ffa701;--main-color:#ffffe5;--content-bg:#fff;--font-color:#000;--font-color-reverse:#fff;--button-border:#cbcbcb;--button-bg:#fff;--button-bg-primary:#ffa701;--button-border-primary:#ffa701;--input-border:#cbcbcb;--drum-border:#cbcbcb;--drum_background:#ffffe5}.frame-green{--primary-color:#2db237;--main-color:#daf2dc;--content-bg:#fff;--font-color:#000;--font-color-reverse:#fff;--button-border:#cbcbcb;--button-bg:#fff;--button-bg-primary:#2db237;--button-border-primary:#2db237;--input-border:#cbcbcb;--drum-border:#cbcbcb;--drum_background:#daf2dc}.frame-blue{--primary-color:#4182db;--main-color:#e1ecfa;--content-bg:#fff;--font-color:#000;--font-color-reverse:#fff;--button-border:#cbcbcb;--button-bg:#fff;--button-bg-primary:#4182db;--button-border-primary:#4182db;--input-border:#7d7d7d;--drum-border:#cbcbcb;--drum_background:#e1ecfa}.frame-red{--primary-color:#fd699b;--main-color:#fae2e9;--content-bg:#fff;--font-color:#000;--font-color-reverse:#fff;--button-border:#cbcbcb;--button-bg:#fff;--button-bg-primary:#fd699b;--button-border-primary:#fd699b;--input-border:#cbcbcb;--drum-border:#cbcbcb;--drum_background:#fae2e9}.frame-gray{--primary-color:#424e59;--main-color:#e5e5e5;--content-bg:#fff;--font-color:#000;--font-color-reverse:#fff;--button-border:#cbcbcb;--button-bg:#fff;--button-bg-primary:#424e59;--button-border-primary:#424e59;--input-border:#cbcbcb;--drum-border:#cbcbcb;--drum_background:#e5e5e5}.frame-lightgray{--primary-color:#a6a6a6;--main-color:#fafafa;--content-bg:#fff;--font-color:#000;--font-color-reverse:#fff;--button-border:#cbcbcb;--button-bg:#fff;--button-bg-primary:#a6a6a6;--button-border-primary:#7d7d7d;--input-border:#cbcbcb;--drum-border:#cbcbcb;--drum_background:#e5e5e5}.frame,.frame-wrapper{background-color:var(--main-color)}.header{background-color:var(--primary-color);color:var(--font-color-reverse)}.header .complete-ratio-inner{background-color:var(--content-bg)}.header .complete-ratio-bar{background-color:var(--primary-color);border-color:var(--main-color)}.balloon:last-child .content{border-color:var(--primary-color)}.balloon.balloon-opposite .content{background-color:var(--primary-color);color:var(--font-color-reverse)}.balloon:last-child.balloon-opposite .content{background-color:var(--content-bg);color:var(--font-color)}.balloon.balloon-self .content{background-color:var(--content-bg)}.scroll-box{background-color:var(--main-color);border-color:var(--primary-color);color:var(--font-color)}.multiselect button,.select button{background-color:var(--button-bg);border-color:var(--button-border)}.multiselect button.checked,.select button.checked{background-color:var(--button-bg-primary);border-color:var(--button-border-primary);color:var(--font-color-reverse)}.multiselect.changed button.checked,.select.changed button.checked{background-color:var(--main-color);border-color:var(--button-border-primary);color:var(--font-color)}.multiselect .multiselect-text,.ok-button button{background-color:var(--button-bg-primary);border-color:var(--button-border-primary);color:var(--font-color-reverse)}.text-input .text-input-inner{border-color:var(--input-border)}.text-input .text-input-inner:focus-within{border-color:var(--primary-color)}.date-picker-popup{background-color:var(--content-bg);border-color:var(--input-border)}.date-picker-inner,.drum-roll-container{border-color:var(--drum-border)}.date-picker-inner:before{background:linear-gradient(to bottom,#0000,#0000 33.333%,var(--drum_background) 33.333%,var(--drum_background) 66.666%,#0000 66.666%,#0000)}.date-picker-inner:after{background:linear-gradient(to bottom,var(--content-bg),var(--content-bg) 20%,#0000 40%,#0000 60%,var(--content-bg) 80%,var(--content-bg))}#root,.error-page,body,html{height:100%;width:100%}.error-page{background-color:#e1ecfa;box-sizing:border-box;display:flex;flex-direction:column;padding-bottom:10em;padding-top:10em}.error-page .leading{align-items:baseline;display:flex;flex-direction:row;font-size:1.8em;justify-content:center}.error-page .message{display:flex;justify-content:center;padding-top:1em;white-space:pre-wrap}
/*# sourceMappingURL=main.8db8ec06.css.map*/