.button-style{border:1px solid transparent;padding:.3em .8em;display:inline}.primary-fill{background-color:#0068d3;color:#fff;border-color:transparent;font-weight:400}.primary-line{color:#0068d3;border-color:#0068d3}.alert-line,.primary-line{background-color:#fff;font-weight:500}.alert-line{color:#c0167b;border-color:#c0167b}.secondary-fill{background-color:#0068d3;color:#fff;border-color:transparent;font-weight:400}.secondary-line{background-color:#fff;color:#0068d3;border-color:#0068d3;font-weight:500}.accent-fill{background-color:#c0167b}.accent-fill,.disabled-fill{color:#fff;border-color:transparent;font-weight:400}.disabled-fill{background-color:#bcbcbc}.disabled-line{color:#bcbcbc;border-color:#bcbcbc}.disabled-line,.primary-line-round{background-color:#fff;font-weight:500}.primary-line-round{color:#0068d3;border-color:#0068d3;border-radius:100px}.secondary-fill-round{background-color:#0068d3;color:#fff;border-color:transparent;font-weight:400;border-radius:100px}.secondary-line-round{color:#0068d3;border-color:#0068d3}.alert-line-round,.secondary-line-round{background-color:#fff;font-weight:500;border-radius:100px}.alert-line-round{color:#c0167b;border-color:#c0167b}.accent-fill-round{background-color:#c0167b}.accent-fill-round,.disabled-fill-round{color:#fff;border-color:transparent;font-weight:400;border-radius:100px}.disabled-fill-round{background-color:#bcbcbc}.disabled-line-round{background-color:#fff;color:#bcbcbc;border-color:#bcbcbc;font-weight:500;border-radius:100px}.clear-line-round{background-color:transparent;color:#fff;border-color:#fff;font-weight:400;border-radius:100px}.big{font-size:1.5rem}.primary-color{color:#0068d3}.accent-color{color:#c0167b}.bold{font-weight:700}.fs-9{font-size:.9rem}.chat{min-height:calc(100dvh - 171px);background-color:#f9f9f9;margin:0 auto;padding:3rem 80px 0}.chat .chat-item.dialogue{cursor:pointer}.chat .chat-item.dialogue:hover{opacity:.8}.chat .chat-item p{margin:0}.chat .bot-icon{position:absolute;top:0;left:-70px;width:60px;height:60px;border-radius:50%;background-color:#fff;box-shadow:0 2px 20px rgba(0,0,0,.1)}.chat .bot-icon img{position:absolute;width:65%;top:50%;left:50%;transform:translate(-50%,-50%)}.chat .next{position:absolute;bottom:15px;right:20px;width:0;height:0;border-color:#007bff transparent transparent;border-style:solid;border-width:14px 8px 0}.chat .business-form{margin-right:10px;border:1px solid #0068d3;padding:6px 10px;width:calc(100% - 110px)}.chat .form-category-list{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;justify-content:left;grid-gap:10px 20px;gap:10px 20px}.chat .form-category-list button,.chat .form-category-list div{display:block;min-width:150px;position:relative}.chat .form-category-list button img,.chat .form-category-list div img{position:absolute;top:3px;right:3px}.chat .form-category-button{display:flex;flex-direction:column;align-items:center;width:100%;margin-top:25px;grid-gap:15px;gap:15px}.chat .form-category-button button{width:300px}.chat .segment-card{position:relative;min-height:125px}.chat .segment-card .segment{width:100%;color:#0068d3;font-weight:700;font-size:1.25rem;margin-bottom:10px}.chat .segment-card .segment img{width:24px;margin-right:10px;padding-bottom:4px;filter:brightness(0) saturate(100%) invert(25%) sepia(61%) saturate(4985%) hue-rotate(199deg) brightness(92%) contrast(101%)}.chat .segment-card .segment input{width:80%;border:transparent;background-color:rgba(0,104,211,.062745098);margin-left:-10px;padding-left:10px;color:#0068d3;font-weight:700}.chat .segment-card .tag{display:flex;flex-direction:row;flex-wrap:wrap;grid-gap:10px;gap:10px}.chat .segment-card .tag .tag-wrap{position:relative}.chat .segment-card .tag .tag-wrap .tag-text{border:transparent;color:#fff;font-size:1rem;padding:2px 12px;background-color:#0068d3;border-radius:100px}.chat .segment-card .tag .tag-wrap.active .tag-text{width:150px;border:1px solid #0068d3;color:#0068d3;background-color:#fff}.chat .segment-card .tag .tag-wrap.active:hover .tag-delete{position:absolute;top:-2px;right:-2px;width:14px;height:14px;background-color:#c0167b;border-radius:100px;cursor:pointer}.chat .segment-card .tag .tag-wrap.active:hover .tag-delete span{position:absolute;display:inline-block;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:1px;background-color:#fff}.chat .segment-card .tag .add-tag-wrap{position:relative}.chat .segment-card .tag .add-tag-wrap .add-tag{background-color:#0068d3;border-radius:100px;position:absolute;width:28px;height:28px;transition:all .2s ease 0s;cursor:pointer}.chat .segment-card .tag .add-tag-wrap .add-tag:hover{opacity:.8}.chat .segment-card .tag .add-tag-wrap .add-tag.disabled{background-color:#bcbcbc;pointer-events:none}.chat .segment-card .tag .add-tag-wrap .add-tag span{position:absolute;display:inline-block;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:2px;background-color:#fff}.chat .segment-card .tag .add-tag-wrap .add-tag span:nth-child(2){transform:translate(-50%,-50%) rotate(90deg)}.chat .segment-card .edit-button{position:absolute;top:5px;right:8px;color:#0068d3;font-weight:700;transition:all .2s ease 0s}.chat .segment-card .edit-button:hover{opacity:.8}.chat .segment-card .edit-button p{font-size:.9rem;cursor:pointer}.chat .segment-card .edit-button p img{width:16px;margin-left:3px;padding-bottom:4px;filter:brightness(0) saturate(100%) invert(25%) sepia(61%) saturate(4985%) hue-rotate(199deg) brightness(92%) contrast(101%)}.chat .segment-card.pass{border-color:#bcbcbc!important}.chat .segment-card.pass .segment{color:#bcbcbc}.chat .segment-card.pass .segment img{filter:brightness(0) saturate(100%) invert(81%) sepia(0) saturate(0) hue-rotate(116deg) brightness(95%) contrast(87%)}.chat .segment-card.pass .tag .tag-text{background-color:#bcbcbc}.chat .segment-button{display:grid;grid-template-columns:1fr 1fr;grid-gap:100px;gap:100px}.chat .segment-button .disabled{pointer-events:none}.chat .submit-button{position:fixed;bottom:70px;left:50%;transform:translateX(-50%);width:100%;max-width:660px;padding:0 30px}.chat .submit-button button{height:50px;width:100%}.chat .DM-generate-container{position:fixed;top:140px;right:0;display:flex;flex-direction:row;transition:right .4s}.chat .DM-generate-container .DM-generate-header-wrap .DM-generate-header{box-shadow:0 2px 20px rgba(0,0,0,.1);background-color:#c0167b;width:40px;height:204px;border-radius:8px 0 0 8px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:12px 0;grid-gap:8px;gap:8px}.chat .DM-generate-container .DM-generate-header-wrap .DM-generate-header.en{height:250px}.chat .DM-generate-container .DM-generate-header-wrap .DM-generate-header .arrow{box-sizing:border-box;display:inline-block;position:relative;width:12px;height:12px;border-color:#fff;border-style:solid;border-width:3px 3px 0 0;transform:rotate(225deg) translate(-2px,2px);transition:transform .4s}.chat .DM-generate-container .DM-generate-header-wrap .DM-generate-header .arrow.open{transform:rotate(45deg) translate(-2px,2px)}.chat .DM-generate-container .DM-generate-header-wrap .DM-generate-header p{color:#fff;writing-mode:vertical-rl;text-orientation:upright}.chat .DM-generate-container .DM-generate-header-wrap .DM-generate-header .badge{position:relative;background-color:#fff;font-size:1.1rem;color:#c0167b;border-radius:0;width:18px;height:22px;text-align:center;padding:0;line-height:22px}.chat .DM-generate-container .DM-generate-header-wrap .DM-generate-header .badge:after{position:absolute;content:"";width:100%;height:100%;top:3px;left:3px;border:solid #fff;border-width:0 1px 1px 0}.chat .DM-generate-container .DM-generate-header-wrap .DM-generate-header .badge .badge-anime{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;width:40px;height:40px;margin-top:-20px;margin-left:-20px;animation:badge 1.5s;border-radius:50%;box-shadow:0 0 0 0 #c0167b}@keyframes badge{0%{transform:scale(.8)}70%{transform:scale(1);box-shadow:0 0 0 50px rgba(233,30,99,0)}to{transform:scale(.8);box-shadow:0 0 0 0 rgba(233,30,99,0)}}.chat .DM-generate-container .DM-generate-contents{min-width:340px;min-height:384px;box-shadow:0 2px 20px rgba(0,0,0,.1);background-color:rgba(51,51,51,.4392156863);padding:20px;text-align:center;display:flex;flex-direction:column;justify-content:space-between}.chat .DM-generate-container .DM-generate-contents .disabled{background-color:#bcbcbc;pointer-events:none;transition:all .2s ease 0s}.chat .DM-generate-container .DM-generate-contents .invisible{opacity:0;transition:all .2s ease 0s}.chat .DM-generate-container .DM-generate-contents .DM-generate-list,.chat .DM-generate-container .DM-generate-contents .DM-pass-list{display:flex;flex-direction:column;grid-gap:6px;gap:6px;margin-bottom:20px}.chat .DM-generate-container .DM-generate-contents .DM-generate-list.scroll,.chat .DM-generate-container .DM-generate-contents .DM-pass-list.scroll{overflow-y:scroll;margin-right:-16px;height:234px}.chat .DM-generate-container .DM-generate-contents .DM-generate-list .accordion,.chat .DM-generate-container .DM-generate-contents .DM-pass-list .accordion{display:flex;flex-direction:column;grid-gap:6px;gap:6px;width:300px}.chat .DM-generate-container .DM-generate-contents .DM-generate-list .accordion .accordion-item,.chat .DM-generate-container .DM-generate-contents .DM-pass-list .accordion .accordion-item{border:0;background-color:#fff;border-radius:0;display:flex;flex-direction:column}.chat .DM-generate-container .DM-generate-contents .DM-generate-list .accordion .accordion-item .accordion-header,.chat .DM-generate-container .DM-generate-contents .DM-pass-list .accordion .accordion-item .accordion-header{text-align:left;padding:0 5px;height:auto;min-height:24px;line-height:24px}.chat .DM-generate-container .DM-generate-contents .DM-generate-list .accordion .accordion-item .accordion-header .accordion-button,.chat .DM-generate-container .DM-generate-contents .DM-pass-list .accordion .accordion-item .accordion-header .accordion-button{border-radius:0;font-size:.9rem;background-color:#fff;width:100%;height:auto;padding:0;border:transparent;box-shadow:none;position:relative}.chat .DM-generate-container .DM-generate-contents .DM-generate-list .accordion .accordion-item .accordion-header .accordion-button img,.chat .DM-generate-container .DM-generate-contents .DM-pass-list .accordion .accordion-item .accordion-header .accordion-button img{position:absolute;top:4px;margin-right:5px;padding-bottom:2px}.chat .DM-generate-container .DM-generate-contents .DM-generate-list .accordion .accordion-item .accordion-header .accordion-button span,.chat .DM-generate-container .DM-generate-contents .DM-pass-list .accordion .accordion-item .accordion-header .accordion-button span{font-weight:700;width:100%;height:auto;margin:0 20px;display:block}.chat .DM-generate-container .DM-generate-contents .DM-generate-list .accordion .accordion-item .accordion-header .accordion-button:after,.chat .DM-generate-container .DM-generate-contents .DM-pass-list .accordion .accordion-item .accordion-header .accordion-button:after{position:absolute;top:3px;right:0}.chat .DM-generate-container .DM-generate-contents .DM-generate-list .accordion .accordion-item .accordion-header .accordion-button.collapsed span,.chat .DM-generate-container .DM-generate-contents .DM-pass-list .accordion .accordion-item .accordion-header .accordion-button.collapsed span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.chat .DM-generate-container .DM-generate-contents .DM-generate-list .accordion .accordion-item .accordion-collapse.collapsed,.chat .DM-generate-container .DM-generate-contents .DM-pass-list .accordion .accordion-item .accordion-collapse.collapsed{position:relative}.chat .DM-generate-container .DM-generate-contents .DM-generate-list .accordion .accordion-item .accordion-collapse .accordion-body,.chat .DM-generate-container .DM-generate-contents .DM-pass-list .accordion .accordion-item .accordion-collapse .accordion-body{border:transparent;padding:0 5px 5px}.chat .DM-generate-container .DM-generate-contents .DM-generate-list .accordion .accordion-item .accordion-collapse .accordion-body .segment,.chat .DM-generate-container .DM-generate-contents .DM-pass-list .accordion .accordion-item .accordion-collapse .accordion-body .segment{margin-top:-24.5px;height:26px;text-align:left;padding:0 24px 0 18px;width:100%}.chat .DM-generate-container .DM-generate-contents .DM-generate-list .accordion .accordion-item .accordion-collapse .accordion-body .segment input,.chat .DM-generate-container .DM-generate-contents .DM-pass-list .accordion .accordion-item .accordion-collapse .accordion-body .segment input{font-size:.9rem;width:100%;border:transparent;background-color:rgba(0,104,211,.062745098);padding-left:2px;color:#0068d3;font-weight:700}.chat .DM-generate-container .DM-generate-contents .DM-generate-list .accordion .accordion-item .accordion-collapse .accordion-body .tag,.chat .DM-generate-container .DM-generate-contents .DM-pass-list .accordion .accordion-item .accordion-collapse .accordion-body .tag{display:flex;flex-direction:row;flex-wrap:wrap;grid-gap:5px 10px;gap:5px 10px;padding:0 24px 0 18px}.chat .DM-generate-container .DM-generate-contents .DM-generate-list .accordion .accordion-item .accordion-collapse .accordion-body .tag .tag-wrap,.chat .DM-generate-container .DM-generate-contents .DM-pass-list .accordion .accordion-item .accordion-collapse .accordion-body .tag .tag-wrap{position:relative}.chat .DM-generate-container .DM-generate-contents .DM-generate-list .accordion .accordion-item .accordion-collapse .accordion-body .tag .tag-wrap .tag-text,.chat .DM-generate-container .DM-generate-contents .DM-pass-list .accordion .accordion-item .accordion-collapse .accordion-body .tag .tag-wrap .tag-text{border:transparent;color:#fff;height:20px;line-height:20px;font-size:.8rem;padding:0 8px;border-radius:100px}.chat .DM-generate-container .DM-generate-contents .DM-generate-list .accordion .accordion-item .accordion-collapse .accordion-body .tag .tag-wrap.active .tag-text,.chat .DM-generate-container .DM-generate-contents .DM-pass-list .accordion .accordion-item .accordion-collapse .accordion-body .tag .tag-wrap.active .tag-text{width:119px;border:1px solid #0068d3;color:#0068d3;background-color:#fff}.chat .DM-generate-container .DM-generate-contents .DM-generate-list .accordion .accordion-item .accordion-collapse .accordion-body .tag .tag-wrap.active:hover .tag-delete,.chat .DM-generate-container .DM-generate-contents .DM-pass-list .accordion .accordion-item .accordion-collapse .accordion-body .tag .tag-wrap.active:hover .tag-delete{position:absolute;top:-2px;right:-2px;width:14px;height:14px;background-color:#c0167b;border-radius:100px;cursor:pointer}.chat .DM-generate-container .DM-generate-contents .DM-generate-list .accordion .accordion-item .accordion-collapse .accordion-body .tag .tag-wrap.active:hover .tag-delete span,.chat .DM-generate-container .DM-generate-contents .DM-pass-list .accordion .accordion-item .accordion-collapse .accordion-body .tag .tag-wrap.active:hover .tag-delete span{position:absolute;display:inline-block;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:1px;background-color:#fff}.chat .DM-generate-container .DM-generate-contents .DM-generate-list .accordion .accordion-item .accordion-collapse .accordion-body .tag .add-tag-wrap,.chat .DM-generate-container .DM-generate-contents .DM-pass-list .accordion .accordion-item .accordion-collapse .accordion-body .tag .add-tag-wrap{position:relative;margin-top:3px}.chat .DM-generate-container .DM-generate-contents .DM-generate-list .accordion .accordion-item .accordion-collapse .accordion-body .tag .add-tag-wrap .add-tag,.chat .DM-generate-container .DM-generate-contents .DM-pass-list .accordion .accordion-item .accordion-collapse .accordion-body .tag .add-tag-wrap .add-tag{background-color:#0068d3;border-radius:100px;position:absolute;width:20px;height:20px;transition:all .2s ease 0s;cursor:pointer}.chat .DM-generate-container .DM-generate-contents .DM-generate-list .accordion .accordion-item .accordion-collapse .accordion-body .tag .add-tag-wrap .add-tag:hover,.chat .DM-generate-container .DM-generate-contents .DM-pass-list .accordion .accordion-item .accordion-collapse .accordion-body .tag .add-tag-wrap .add-tag:hover{opacity:.8}.chat .DM-generate-container .DM-generate-contents .DM-generate-list .accordion .accordion-item .accordion-collapse .accordion-body .tag .add-tag-wrap .add-tag.disabled,.chat .DM-generate-container .DM-generate-contents .DM-pass-list .accordion .accordion-item .accordion-collapse .accordion-body .tag .add-tag-wrap .add-tag.disabled{background-color:#bcbcbc;pointer-events:none}.chat .DM-generate-container .DM-generate-contents .DM-generate-list .accordion .accordion-item .accordion-collapse .accordion-body .tag .add-tag-wrap .add-tag span,.chat .DM-generate-container .DM-generate-contents .DM-pass-list .accordion .accordion-item .accordion-collapse .accordion-body .tag .add-tag-wrap .add-tag span{position:absolute;display:inline-block;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:2px;background-color:#fff}.chat .DM-generate-container .DM-generate-contents .DM-generate-list .accordion .accordion-item .accordion-collapse .accordion-body .tag .add-tag-wrap .add-tag span:nth-child(2),.chat .DM-generate-container .DM-generate-contents .DM-pass-list .accordion .accordion-item .accordion-collapse .accordion-body .tag .add-tag-wrap .add-tag span:nth-child(2){transform:translate(-50%,-50%) rotate(90deg)}.chat .DM-generate-container .DM-generate-contents .DM-generate-list .accordion .accordion-item .accordion-collapse .accordion-body .item-footer,.chat .DM-generate-container .DM-generate-contents .DM-pass-list .accordion .accordion-item .accordion-collapse .accordion-body .item-footer{text-align:right}.chat .DM-generate-container .DM-generate-contents .DM-generate-list .accordion .accordion-item .accordion-collapse .accordion-body .item-footer button,.chat .DM-generate-container .DM-generate-contents .DM-pass-list .accordion .accordion-item .accordion-collapse .accordion-body .item-footer button{background-color:transparent;padding:2px 4px;font-size:.9rem;text-decoration:underline}.chat .DM-generate-container .DM-generate-contents .DM-generate-list .accordion-button,.chat .DM-generate-container .DM-generate-contents .DM-generate-list .accordion .accordion-item .accordion-collapse .accordion-body .item-footer .edit-button,.chat .DM-generate-container .DM-generate-contents .DM-pass-list .accordion .accordion-item .accordion-collapse .accordion-body .item-footer .edit-button{color:#0068d3}.chat .DM-generate-container .DM-generate-contents .DM-generate-list .accordion-button:after,.chat .DM-generate-container .DM-generate-contents .DM-generate-list .accordion-button img{filter:brightness(0) saturate(100%) invert(25%) sepia(61%) saturate(4985%) hue-rotate(199deg) brightness(92%) contrast(101%)}.chat .DM-generate-container .DM-generate-contents .DM-generate-list .accordion-body .tag-text{background-color:#0068d3}.chat .DM-generate-container .DM-generate-contents .DM-generate-list .accordion-body .item-footer .move-button{color:#c0167b}.chat .DM-generate-container .DM-generate-contents .DM-generate-list .DM-blank-list{display:flex;flex-direction:column;grid-gap:6px;gap:6px}.chat .DM-generate-container .DM-generate-contents .DM-generate-list .DM-blank-list p{width:300px;height:24px}.chat .DM-generate-container .DM-generate-contents .DM-pass-list .accordion-button{color:#7d7d7d}.chat .DM-generate-container .DM-generate-contents .DM-pass-list .accordion-button:after,.chat .DM-generate-container .DM-generate-contents .DM-pass-list .accordion-button img{filter:brightness(0) saturate(100%) invert(44%) sepia(67%) saturate(3%) hue-rotate(358deg) brightness(97%) contrast(89%)}.chat .DM-generate-container .DM-generate-contents .DM-pass-list .accordion-body .tag-text{background-color:#7d7d7d}.chat .DM-generate-container .DM-generate-contents .DM-pass-list .accordion-body .item-footer .move-button{color:#0068d3}.chat .DM-generate-container .DM-generate-contents .DM-pass-list .accordion-body .item-footer .move-button.disabled{color:#bcbcbc;pointer-events:none}.chat .DM-generate-container .DM-generate-contents .toggle-list{font-size:.9rem;width:200px}.chat .DM-generate-container .DM-generate-contents .submit-button-small button{width:200px}.chat .test{position:fixed;top:120px;left:5px}.chat .test img{width:300px;height:444px}.chat .modal-area{opacity:0;pointer-events:none;transition:opacity .5s ease;position:fixed;top:0;left:0;width:100%;height:calc(100dvh - 171px);margin-top:115px;z-index:1;overflow:hidden}.chat .modal-area .container{position:absolute;z-index:1;top:50%;left:50%;margin:auto;transform:translate(-50%,-50%);width:840px;height:auto;max-width:90%;max-height:90%;aspect-ratio:6/5;border-radius:10px;text-align:center;transition:all 1s ease}.chat .generate-indicator.active{opacity:1;pointer-events:auto;transition:opacity .5s ease 1.5s}.chat .generate-indicator .container{padding:50px;background-color:hsla(0,0%,100%,.8);background-blend-mode:lighten;background-position:50%;background-size:cover;display:flex;flex-flow:column;align-items:center;justify-content:space-between;grid-gap:10px;gap:10px}.chat .generate-indicator .container .indicator{display:flex;width:100%;flex-flow:row nowrap;grid-gap:20px;gap:20px;justify-content:center}.chat .generate-indicator .container .indicator p{font-size:2rem;color:#0068d3;font-weight:700;margin-bottom:15px}.chat .generate-indicator .container .indicator .card-img img{margin-left:10px;width:28px;padding-bottom:6px}.chat .generate-indicator .container .tips{width:100%}.chat .generate-indicator .container .tips .carousel-control-next>span,.chat .generate-indicator .container .tips .carousel-control-prev>span{filter:invert(1)}.chat .generate-indicator .container .tips img{width:200px;border-radius:10px}.chat .generate-indicator .container .tips p{margin-top:40px;color:#333;font-weight:700;line-height:1.8;font-size:1.2rem;height:100px}.chat .generate-indicator .bg{z-index:0;position:absolute;top:0;height:0;width:100%;height:100%;background-color:rgba(0,0,0,.5019607843)}.chat #interval,.chat .loading{display:inline-block}.chat .loading{white-space:nowrap}.chat .loading span{display:inline-block;vertical-align:middle;opacity:0}.chat .loading span:first-of-type{animation:animation01 1s ease 0s infinite}.chat .loading span:nth-of-type(2){animation:animation02 1s ease 0s infinite}.chat .loading span:nth-of-type(3){animation:animation03 1s ease 0s infinite}.chat .loading span:nth-of-type(4){animation:animation04 1s ease 0s infinite}.chat .loading span:nth-of-type(5){animation:animation05 1s ease 0s infinite}.chat .loading span:nth-of-type(6){animation:animation06 1s ease 0s infinite}@keyframes animation01{0%{opacity:0}20%{opacity:1}to{opacity:1}}@keyframes animation02{0%{opacity:0}10%{opacity:0}30%{opacity:1}to{opacity:1}}@keyframes animation03{0%{opacity:0}20%{opacity:0}40%{opacity:1}to{opacity:1}}@keyframes animation04{0%{opacity:0}30%{opacity:0}50%{opacity:1}to{opacity:1}}@keyframes animation05{0%{opacity:0}40%{opacity:0}60%{opacity:1}to{opacity:1}}@keyframes animation06{0%{opacity:0}50%{opacity:0}70%{opacity:1}to{opacity:1}}.chat .making{display:inline-block;white-space:nowrap}.chat .making span{display:inline-block;vertical-align:middle}.chat .making span:first-of-type{animation:animation 1s ease .1s infinite}.chat .making span:nth-of-type(2){animation:animation 1s ease .2s infinite}.chat .making span:nth-of-type(3){animation:animation 1s ease .3s infinite}.chat .making span:nth-of-type(4){animation:animation 1s ease .4s infinite}.chat .making span:nth-of-type(5){animation:animation 1s ease .5s infinite}.chat .making span:nth-of-type(6){animation:animation 1s ease .6s infinite}@keyframes animation{0%{margin-top:0}20%{margin-top:-1em}40%{margin-top:0}}.chat .onboarding.active{opacity:1;pointer-events:auto;transition:opacity .5s ease .3s}.chat .onboarding .container{padding:0;background-color:#fff}.chat .onboarding .container .top{height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:5px 0}.chat .onboarding .container .top .language-area{height:10%;text-align:right;padding:20px}.chat .onboarding .container .top .language-area .dropdown-toggle{width:168px;background-color:#fff;border:1px solid #0068d3;border-radius:0;color:#0068d3;font-weight:500}.chat .onboarding .container .top .language-area .dropdown-toggle img{padding-bottom:5px;filter:brightness(0) saturate(100%) invert(25%) sepia(61%) saturate(4985%) hue-rotate(199deg) brightness(92%) contrast(101%)}.chat .onboarding .container .top .language-area .dropdown-toggle span{font-size:1.2rem;padding:0 10px}.chat .onboarding .container .top .language-area .dropdown-menu{width:168px;padding:0;background-color:#fff;border:none;border-radius:0;box-shadow:0 2px 20px rgba(0,0,0,.1)}.chat .onboarding .container .top .language-area .dropdown-menu .dropdown-item{padding:0;height:40px;line-height:40px;text-align:center;font-size:1.2rem;color:#0068d3;font-weight:500}.chat .onboarding .container .top .language-area .dropdown-menu .dropdown-item:hover{background-color:#0068d3;color:#fff}.chat .onboarding .container .top .slide-area{height:70%;position:relative}.chat .onboarding .container .top .slide-area .slide{max-height:100%;overflow:hidden}.chat .onboarding .container .top .slide-area .slide .slide-list{animation:infinity-scroll-left 30s linear .5s infinite both}.chat .onboarding .container .top .slide-area .slide .slide-list .slide-item{height:100%}.chat .onboarding .container .top .slide-area .slide .slide-list .slide-item img{max-width:300px;height:100%;box-shadow:0 5px 15px rgba(0,0,0,.2)}.chat .onboarding .container .top .slide-area .title{position:absolute;top:40%;background-color:hsla(0,0%,100%,.8)}@keyframes infinity-scroll-left{0%{transform:translateX(0)}to{transform:translateX(-2050px)}}.chat .onboarding .container .top .button-area{height:25%;display:flex;flex-direction:column;justify-content:center}.chat .onboarding .container .top .button-area div{display:flex;flex-direction:row;justify-content:center;grid-gap:13px;gap:13px}.chat .onboarding .container .top .button-area div a{margin-top:10px;color:#0068d3}.chat .onboarding .container .top .button-area div a img{padding-left:5px;padding-bottom:5px;width:20px;filter:brightness(0) saturate(100%) invert(25%) sepia(61%) saturate(4985%) hue-rotate(199deg) brightness(92%) contrast(101%)}.chat .onboarding .container .top .button-area button{width:200px}.chat .onboarding .container .top .title-area{height:15%}.chat .onboarding .container .top .title-area p{font-size:.7rem}.chat .onboarding .container .top .title-area h1{font-size:1.6rem}.chat .onboarding .container .top .explanation-img-area{height:45%}.chat .onboarding .container .top .explanation-img-area img{height:100%}.chat .onboarding .container .top .explanation-text-area{height:10%;font-size:1.2rem;font-weight:700}.chat .onboarding .bg{z-index:0;position:absolute;top:0;height:0;width:100%;height:100%;background-color:rgba(0,0,0,.5019607843)}.DMlist{position:absolute;top:0;left:0;padding-top:115px;background-color:#fff}.DMlist .list{display:grid;padding:56px 140px;min-height:100dvh;background-color:#fff}.DMlist .list .DM .DM-thumbnail{position:relative;border:1px solid #bcbcbc}.DMlist .list .DM .DM-thumbnail img{width:100%;height:100%}.DMlist .list .DM .DM-thumbnail .DM-thumbnail-select-area{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(51,51,51,.1254901961);border:3px solid #0068d3}.DMlist .list .DM .DM-thumbnail .container{position:absolute;top:0;left:0;width:100%;height:100%;display:none;justify-content:center;align-items:center}.DMlist .list .DM .DM-thumbnail .container.active{display:flex}.DMlist .list .DM .DM-thumbnail .container .circle{box-sizing:border-box;width:40px;height:40px;border-radius:100%;border:5px solid #0068d3;border-top-color:#fff;animation:spin 1s linear infinite}.DMlist .list .DM .DM-information{margin-top:10px;text-align:right}.DMlist .list .DM .DM-information .segment-text{font-size:1em;color:#0068d3;font-weight:500}.DMlist .list .DM .DM-information .segment-text img{width:1.4em;margin-right:.5em;padding-bottom:.2em;filter:brightness(0) saturate(100%) invert(25%) sepia(61%) saturate(4985%) hue-rotate(199deg) brightness(92%) contrast(101%)}.DMlist .list .DM .DM-information .tags{display:flex;flex-flow:row wrap;justify-content:right;font-size:.8em;grid-gap:.4em .8em;gap:.4em .8em;margin-top:2px}.DMlist .list .DM .DM-information .tags .tag{padding:.2em .8em;color:#fff;background-color:#0068d3;border-radius:100px}.DMlist .list .DM .DM-information .business-summary{margin-top:5px;font-size:.8em;color:#7d7d7d}.DMlist .list.two-col{grid-template-columns:1fr 1fr;grid-gap:5vw;gap:5vw;font-size:1.2rem}.DMlist .list.three-col{grid-template-columns:1fr 1fr 1fr;grid-gap:3vw;gap:3vw;font-size:1em}.DMlist .list.four-col{grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:2vw;gap:2vw;font-size:.9rem}.DMlist .fixed-buttons .text-compare{position:fixed;z-index:100;top:130px;left:50%}.DMlist .fixed-buttons .text-compare .compare-button{transform:translateX(-50%)}.DMlist .fixed-buttons .right-buttons{position:fixed;top:115px;right:20px;display:flex;flex-direction:column}.DMlist .fixed-buttons .right-buttons .zoom-buttons{display:flex;flex-direction:row;align-items:center;justify-content:center;height:56px}.DMlist .fixed-buttons .right-buttons .zoom-buttons button{background-color:transparent;padding:0 .65em;filter:brightness(0) saturate(100%) invert(81%) sepia(0) saturate(0) hue-rotate(116deg) brightness(95%) contrast(87%)}.DMlist .fixed-buttons .right-buttons .zoom-buttons button.active{filter:brightness(0) saturate(100%) invert(25%) sepia(61%) saturate(4985%) hue-rotate(199deg) brightness(92%) contrast(101%)}.DMlist .fixed-buttons .right-buttons .zoom-buttons .vertical-bar{width:1px;height:14px;background-color:#bcbcbc}.DMlist .fixed-buttons .right-buttons .select-buttons{display:flex;flex-direction:column;grid-gap:10px;gap:10px}.DMlist .fixed-buttons .right-buttons .select-buttons button{width:80px;background-color:#fff;border:1px solid #333;font-size:.9rem;padding:.3em 0}.DMlist .fixed-buttons .left-buttons{position:fixed;top:50%;left:0;transform:translateY(-50%);display:flex;flex-direction:column;grid-gap:15px;gap:15px}.DMlist .fixed-buttons .left-buttons button{width:120px;transform:translateX(-20px);background-color:#bcbcbc;color:#fff;border-radius:0 100px 100px 0;text-align:right;padding-right:1.5em;pointer-events:none}.DMlist .fixed-buttons .left-buttons button:first-child{display:none}.DMlist .fixed-buttons .left-buttons button:nth-child(2){display:none;background-color:#fff;color:#bcbcbc;border:1px solid #bcbcbc;border-radius:0 100px 100px 0}.DMlist .fixed-buttons .left-buttons button img{margin-right:5px;filter:invert(1)}.DMlist .fixed-buttons .left-buttons button.active{width:120px;transform:translateX(0);pointer-events:auto}.DMlist .fixed-buttons .left-buttons button.active:first-child{background-color:#0068d3}.DMlist .fixed-buttons .left-buttons button.active:nth-child(2){color:#0068d3;border:1px solid #0068d3}.DMlist .fixed-buttons .left-buttons button.active:nth-child(2) img{filter:brightness(0) saturate(100%) invert(25%) sepia(61%) saturate(4985%) hue-rotate(199deg) brightness(92%) contrast(101%)}.DMlist .fixed-buttons .left-buttons button.active:nth-child(3){background-color:#c0167b}.DMlist .sticky-buttons{position:-webkit-sticky;position:sticky;z-index:100;bottom:56px;padding:20px;display:flex;flex-direction:row;justify-content:space-between;align-items:end;pointer-events:none}.DMlist .sticky-buttons .chatbot-container{display:flex;flex-direction:row;align-items:end;grid-gap:20px;gap:20px;pointer-events:auto}.DMlist .sticky-buttons .chatbot-container .chatbot-button{position:relative;width:60px;height:60px;border-radius:50%;background-color:#fff;box-shadow:0 2px 20px rgba(0,0,0,.1);pointer-events:auto;transition:all .2s ease 0s}.DMlist .sticky-buttons .chatbot-container .chatbot-button.bound{animation:bound 1.2s ease-in-out infinite}.DMlist .sticky-buttons .chatbot-container .chatbot-button:hover img{opacity:.7}@keyframes bound{0%{transform:translateY(0)}25%{transform:translateY(-15px)}50%{transform:translateY(0)}to{transform:translateY(0)}}.DMlist .sticky-buttons .chatbot-container .chatbot-button img{position:absolute;width:65%;top:50%;left:50%;transform:translate(-50%,-50%)}.DMlist .sticky-buttons .chatbot-container .chatbot-dialogue{position:relative;max-width:660px;padding:25px 40px 25px 30px;background:#fff;border-radius:18px 18px 18px 0;color:#333;text-align:left;display:inline-block;box-shadow:0 2px 20px rgba(0,0,0,.1);cursor:pointer}.DMlist .sticky-buttons .chatbot-container .chatbot-dialogue .next{position:absolute;bottom:15px;right:20px;width:0;height:0;border-color:#007bff transparent transparent;border-style:solid;border-width:14px 8px 0}.DMlist .sticky-buttons .chatbot-container .chatbot-dialogue .contact-button-container{margin-top:25px;display:flex;flex-direction:row;grid-gap:10px;gap:10px;justify-content:center}.DMlist .sticky-buttons .chatbot-container .chatbot-dialogue .contact-button-container button{width:180px;height:65px}.DMlist .sticky-buttons .chatbot-container .chatbot-dialogue .contact-button-container button .new-tab{margin-left:5px;width:12px;padding-bottom:5px;filter:invert(1)}.DMlist .sticky-buttons .disable-bg{position:fixed;top:0;left:0;width:100vw;height:100dvh;z-index:-10;background-color:rgba(51,51,51,.2509803922)}.DMlist .sticky-buttons .download-button button{position:relative;z-index:-20;background-color:#bcbcbc;color:#fff;pointer-events:none}.DMlist .sticky-buttons .download-button button img{margin-right:5px;filter:invert(1)}.DMlist .sticky-buttons .download-button button.active{background-color:#c0167b;pointer-events:auto}.capture-container{position:fixed;top:0;left:0;z-index:-1000;display:flex;flex-direction:row}.capture-container .capture{width:300px;height:444px;background-color:#fff;overflow:hidden;position:relative}.capture-container .capture .dm-container{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;width:100%;height:auto;font-size:.5rem;overflow:hidden}.capture-container .capture .dm-container.paddingRL{padding-right:10px;padding-left:10px}.capture-container .capture .dm-container.paddingT{padding-top:10px}.capture-container .capture .dm-container.paddingB{padding-bottom:10px}.capture-container .capture .dm-container p{width:100%;overflow:hidden;white-space:wrap;text-overflow:ellipsis}.capture-container .capture .dm-container p.salutation{font-size:.9rem;font-weight:700}.capture-container .capture .dm-container p.company-name,.capture-container .capture .dm-container p.headline{font-size:.7rem;font-weight:600}.capture-container .capture .dm-container p.customer-name{font-size:.6rem;font-weight:600}.capture-container .capture .dm-container p.staff-comment,.capture-container .capture .dm-container p.staff-name,.capture-container .capture .dm-container p.staff-post,.capture-container .capture .dm-container p.text{font-size:.5rem}.capture-container .capture .dm-container img{width:100%;height:100%;object-fit:cover}.capture-container .capture .dm-container .arrow-container{position:relative;width:100%;height:100%;background:#fff;margin-right:12px;padding:10px;border-radius:10px;display:flex;flex-direction:column;justify-content:center}.capture-container .capture .dm-container .arrow-container:after{content:"";height:0;width:0;pointer-events:none;position:absolute;margin-top:-10px;border-color:hsla(0,0%,100%,0) hsla(0,0%,100%,0) #fff #fff;border-style:solid;border-width:4px 6px;left:100%;top:25%}.capture{font-family:serif}.capture .main-color{color:#fff}.capture .base-color{color:#333}.capture .main-color{background-color:#696860}.capture .base-color{background-color:#e0dfd7}.capture .accent-color{color:#866f37}.capture .bg-accent-color{background-color:#866f37}.capture.formal1{font-family:serif}.capture.formal1 .main-color{background-color:#454545}.capture.formal1 .base-color{background-color:#f4f4f4}.capture.formal1 .accent-color{color:#904444}.capture.formal1 .bg-accent-color{background-color:#904444}.capture.formal2{font-family:serif}.capture.formal2 .main-color{background-color:#10345c}.capture.formal2 .base-color{background-color:#f4f7fc}.capture.formal2 .accent-color{color:#961919}.capture.formal2 .bg-accent-color{background-color:#961919}.capture.active1{font-family:sans-serif}.capture.active1 .main-color{background-color:#002a89}.capture.active1 .base-color{background-color:#f5f5f5}.capture.active1 .accent-color{color:#f59700}.capture.active1 .bg-accent-color{background-color:#f59700}.capture.active2{font-family:sans-serif}.capture.active2 .main-color{background-color:#e81c53}.capture.active2 .base-color{background-color:#f5f5f5}.capture.active2 .accent-color{color:#00c7d8}.capture.active2 .bg-accent-color{background-color:#00c7d8}.capture.natural1{font-family:serif}.capture.natural1 .main-color{background-color:#447c5c}.capture.natural1 .base-color{background-color:#f5f5e9}.capture.natural1 .accent-color{color:#b97841}.capture.natural1 .bg-accent-color{background-color:#b97841}.capture.natural2{font-family:serif}.capture.natural2 .main-color{background-color:#985e59}.capture.natural2 .base-color{background-color:#f2eadc}.capture.natural2 .accent-color{color:#bf6700}.capture.natural2 .bg-accent-color{background-color:#bf6700}.capture.luxury1{font-family:serif}.capture.luxury1 .main-color{background-color:#290000}.capture.luxury1 .base-color{background-color:#ded8d0}.capture.luxury1 .accent-color{color:#962901}.capture.luxury1 .bg-accent-color{background-color:#962901}.capture.luxury2{font-family:serif}.capture.luxury2 .main-color{background-color:#031348}.capture.luxury2 .base-color{background-color:#e5e4e0}.capture.luxury2 .accent-color{color:#bf960b}.capture.luxury2 .bg-accent-color{background-color:#bf960b}.capture.delicious1{font-family:sans-serif}.capture.delicious1 .main-color{background-color:#de9711}.capture.delicious1 .base-color{background-color:#f8f4ef}.capture.delicious1 .accent-color{color:#82bc00}.capture.delicious1 .bg-accent-color{background-color:#82bc00}.capture.delicious2{font-family:sans-serif}.capture.delicious2 .main-color{background-color:#461911}.capture.delicious2 .base-color{background-color:#ede1c3}.capture.delicious2 .accent-color{color:#ed8000}.capture.delicious2 .bg-accent-color{background-color:#ed8000}.capture.girly1{font-family:sans-serif}.capture.girly1 .main-color{background-color:#eb6b6b}.capture.girly1 .base-color{background-color:#fcf7f0}.capture.girly1 .accent-color{color:#ffa989}.capture.girly1 .bg-accent-color{background-color:#ffa989}.capture.girly2{font-family:sans-serif}.capture.girly2 .main-color{background-color:#89ddd3}.capture.girly2 .base-color{background-color:#faf0e8}.capture.girly2 .accent-color{color:#f89b79}.capture.girly2 .bg-accent-color{background-color:#f89b79}.capture.modern1{font-family:sans-serif}.capture.modern1 .main-color{background-color:#292929}.capture.modern1 .base-color{background-color:#f5f5f5}.capture.modern1 .accent-color{color:#2d9300}.capture.modern1 .bg-accent-color{background-color:#2d9300}.capture.modern2{font-family:sans-serif}.capture.modern2 .main-color{background-color:#363c54}.capture.modern2 .base-color{background-color:#f4ede6}.capture.modern2 .accent-color{color:#ea7e00}.capture.modern2 .bg-accent-color{background-color:#ea7e00}.capture.japanese1{font-family:serif}.capture.japanese1 .main-color{background-color:#42602d}.capture.japanese1 .base-color{background-color:#edebd6}.capture.japanese1 .accent-color{color:#b54434}.capture.japanese1 .bg-accent-color{background-color:#b54434}.capture.japanese2{font-family:serif}.capture.japanese2 .main-color{background-color:#203744}.capture.japanese2 .base-color{background-color:#edebd6}.capture.japanese2 .accent-color{color:#bb5535}.capture.japanese2 .bg-accent-color{background-color:#bb5535}*{margin:0;padding:0}button{transition:all .2s ease 0s}button:hover{opacity:.8}.grafaiai-app{position:relative;min-height:100dvh;padding-bottom:56px}.grafaiai-app p{margin:0;padding:0}.grafaiai-app header{position:fixed;width:100%;z-index:100;background-color:#f9f9f9}.grafaiai-app header nav,.grafaiai-app header nav .konimino-nav a{padding:0}.grafaiai-app header nav .konimino-nav a img{vertical-align:middle;height:60px;width:250px;padding:0}.grafaiai-app header nav .accurio-nav img{width:160px;height:35px}.grafaiai-app header nav .accurio-nav button img.new-tab{margin-left:5px;width:12px;height:auto;padding-bottom:5px;filter:brightness(0) saturate(100%) invert(25%) sepia(61%) saturate(4985%) hue-rotate(199deg) brightness(92%) contrast(101%)}.grafaiai-app header .header-bar{width:100%;height:10px;background-color:#0068d3}.grafaiai-app main{padding-top:115px;position:relative;z-index:0}.grafaiai-app footer{position:fixed;z-index:100;bottom:0;width:100%}.grafaiai-app .text-compare .compare-button{padding:.1em .8em}.grafaiai-app .text-compare .compare-button img{margin-left:5px;padding-bottom:3px;filter:brightness(0) saturate(100%) invert(25%) sepia(61%) saturate(4985%) hue-rotate(199deg) brightness(92%) contrast(101%)}.grafaiai-app .text-compare .modal-area{opacity:0;pointer-events:none;position:fixed;z-index:100;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.5019607843);padding:115px 20px 56px;overflow-y:scroll}.grafaiai-app .text-compare .modal-area.open{opacity:1;pointer-events:auto}.grafaiai-app .text-compare .modal-area .contents{margin-top:20px;grid-gap:25px;gap:25px;justify-content:center;height:500px}.grafaiai-app .text-compare .modal-area .contents .DM{width:330px;height:100%;overflow-y:scroll;background-color:#fff;border:1px solid #0068d3;padding:10px;display:none}.grafaiai-app .text-compare .modal-area .contents .DM.active{display:block}.grafaiai-app .text-compare .modal-area .contents .DM .DMcard{min-height:74px}.grafaiai-app .text-compare .modal-area .contents .DM .DMcard .segment{position:relative;text-align:left}.grafaiai-app .text-compare .modal-area .contents .DM .DMcard .segment img{margin-right:5px;padding-bottom:2px;filter:brightness(0) saturate(100%) invert(25%) sepia(61%) saturate(4985%) hue-rotate(199deg) brightness(92%) contrast(101%)}.grafaiai-app .text-compare .modal-area .contents .DM .DMcard .segment span{font-size:.9rem;color:#0068d3}.grafaiai-app .text-compare .modal-area .contents .DM .DMcard .tag{display:flex;flex-direction:row;flex-wrap:wrap;grid-gap:.4em .8em;gap:.4em .8em;padding:5px 18px 0}.grafaiai-app .text-compare .modal-area .contents .DM .DMcard .tag .tag-wrap{position:relative}.grafaiai-app .text-compare .modal-area .contents .DM .DMcard .tag .tag-wrap .tag-text{border:transparent;color:#fff;font-size:.8rem;padding:0 8px;border-radius:100px;background-color:#0068d3}.grafaiai-app .text-compare .modal-area .contents .DM .text{text-align:left}.grafaiai-app .text-compare .modal-area .contents .DM .text p{font-size:.8rem;color:#333;margin:0;font-weight:400;line-height:1.3}.grafaiai-app .text-compare .modal-area .contents .DM .text p.header{border-top:1px solid #bcbcbc;margin-top:10px;padding:5px 0}.grafaiai-app .text-compare .modal-area .contents .DM .text p.header span{margin-right:10px;color:#0068d3}.grafaiai-app .text-compare .modal-area .contents .DM .text p:nth-child(2){min-height:117px}.grafaiai-app .text-compare .modal-area .contents .DM .text p:nth-child(4),.grafaiai-app .text-compare .modal-area .contents .DM .text p:nth-child(6){min-height:84px}.grafaiai-app .text-compare .modal-area .contents .DM .container{display:flex;justify-content:center;align-items:center;width:100%;height:calc(100% - 68px)}.grafaiai-app .text-compare .modal-area .contents .DM .container .circle{box-sizing:border-box;width:40px;height:40px;border-radius:100%;border:5px solid #0068d3;border-top-color:#fff;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.grafaiai-app .text-compare .modal-area .buttons{width:1040px;margin:0 auto;padding:15px 0;justify-content:space-between}.grafaiai-app .text-compare .modal-area .buttons button{height:36px}.grafaiai-app .text-compare .modal-area .buttons button.left,.grafaiai-app .text-compare .modal-area .buttons button.right{width:36px;position:relative;opacity:0;pointer-events:none}.grafaiai-app .text-compare .modal-area .buttons button.left.active,.grafaiai-app .text-compare .modal-area .buttons button.right.active{opacity:1;pointer-events:auto}.grafaiai-app .text-compare .modal-area .buttons button.left span,.grafaiai-app .text-compare .modal-area .buttons button.right span{position:absolute;width:10px;height:1px;background-color:#fff;top:50%;left:50%}.grafaiai-app .text-compare .modal-area .buttons button.left span:first-child{transform:translate(-60%,-350%) rotate(-45deg)}.grafaiai-app .text-compare .modal-area .buttons button.left span:nth-child(2){transform:translate(-60%,350%) rotate(45deg)}.grafaiai-app .text-compare .modal-area .buttons button.right span:first-child{transform:translate(-40%,-350%) rotate(45deg)}.grafaiai-app .text-compare .modal-area .buttons button.right span:nth-child(2){transform:translate(-40%,350%) rotate(-45deg)}.grafaiai-app .br{white-space:pre-wrap}body{font-family:"Open Sans","Arial","Helvetica","メイリオ","Meiryo",sans-serif;height:100%}
/*# sourceMappingURL=main.3167cf15.chunk.css.map */