@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@400;700&display=swap");html{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{display:none}body{position:relative}.chatform_main{min-height:0}.chatform{font-family:"Nunito","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",'MS Pゴシック',sans-serif;text-align:left;font-size:calc(10vw/3.75);color:#333;font-weight:700;line-height:1.2;background:#f3f3f3}.chatform ul{list-style:none}.chatform img{width:100%}.chatform form{position:relative;padding:5em 0 0}.chatform02 form{padding:3em 0 4.6em}.chatform03 form{padding:11em 0 2.2em}.chatform04 form{padding:6.5em 0 0}.chatform.green .form__wrap{background:#00c39a}.chatform.blue .form__wrap{background:#3fa2da}.chatform.brown .form__wrap{background:#594a3b}.chatform.green .form__header-wrap{background:#00c39a}.chatform.blue .form__header-wrap{background:#3fa2da}.chatform.brown .form__header-wrap{background:#594a3b}.chatform .form__header{display:flex;justify-content:space-between;align-items:center;padding:2em 2em 0;color:#fff}.chatform .form__header .form__icon{width:7em}.chatform .form__header .form__title{width:calc(100% - 5.6em);font-size:1.6em;line-height:1.6;letter-spacing:.05em}.chatform .form__progress{position:absolute;top:0;left:50%;width:100%;background:#fff;box-shadow:0 .9em .7em -.6em rgba(0,0,0,.05);z-index:70;transform:translateX(-50%)}.chatform .form__progress.fixed{position:fixed}.chatform02 .form__progress{bottom:0;top:initial;box-shadow:0 -.9em .7em -.6em rgba(0,0,0,.05)}.chatform04 .form__progress{transform:translate(-50%,-1px)}.chatform04.green .form__progress{background:#00c39a}.chatform04.blue .form__progress{background:#3fa2da}.chatform04.brown .form__progress{background:#594a3b}.chatform .form__progress-inner{position:relative;overflow-x:hidden}.chatform02 .form__progress-inner{padding:1.5em 2em}.chatform03 .form__progress-inner{padding:2.6em 4.5em 4.3em}.chatform04 .form__progress-inner{padding:1.6em 2em}.chatform .form__progress-bar{height:2.4em}.chatform02 .form__progress-bar{position:relative;height:1.6em;border-radius:10em;background:#f0f0f0}.chatform03 .form__progress-bar{height:auto;position:relative}.chatform04 .form__progress-bar{height:.6em;background:#fff;border-radius:10em}.chatform02 .form__progress-bar:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% + .8em);height:calc(100% + .8em);border-radius:10em}.chatform02.green .form__progress-bar:before{border:.15em solid #ffc700}.chatform02.blue .form__progress-bar:before{border:.15em solid #f19a26}.chatform02.brown .form__progress-bar:before{border:.15em solid #2cb232}.chatform .form__progress-point-list{display:flex;justify-content:space-between;align-items:center;height:100%;width:calc(100% + 1.2em);margin:0 0 0 -.6em}.chatform03 .form__progress-point-list{width:calc(100% + 1.8em);margin:0 0 0 -.9em;position:relative;z-index:1}.chatform02 .form__progress-point-list,.chatform04 .form__progress-point-list{display:none}.chatform .form__progress-point{position:relative;width:1.2em;height:1.2em;background:#ccc;border-radius:50%}.chatform03 .form__progress-point{width:1.8em;height:1.8em}.chatform .form__progress-point:first-child,.chatform .form__progress-point:last-child{opacity:0}.chatform03 .form__progress-point:first-child,.chatform03 .form__progress-point:last-child{opacity:1}.chatform03.green .form__progress-point.passed{background:#00c39a}.chatform03.blue .form__progress-point.passed{background:#3fa2da}.chatform03.brown .form__progress-point.passed{background:#594a3b}.chatform03 .form__progress-point.current{position:relative;background:#fff}.chatform03.green .form__progress-point.current{border:.2em solid #00c39a}.chatform03.blue .form__progress-point.current{border:.2em solid #3fa2da}.chatform03.brown .form__progress-point.current{border:.2em solid #594a3b}.chatform03 .form__progress-point.current:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:75%;height:75%;border-radius:50%;animation:blink .7s ease-in-out 0s infinite alternate}.chatform03.green .form__progress-point.current:before{background:#00c39a}.chatform03.blue .form__progress-point.current:before{background:#3fa2da}.chatform03.brown .form__progress-point.current:before{background:#594a3b}@keyframes blink{0%{opacity:1}70%{opacity:1}100%{opacity:0}}.chatform .form__progress-point>span{display:none;position:absolute;bottom:-.8em;left:50%;transform:translate(-50%,100%);white-space:nowrap;letter-spacing:.05em}.chatform03 .form__progress-point>span{display:block}.chatform03.green .form__progress-point>span{color:#00c39a}.chatform03.blue .form__progress-point>span{color:#3fa2da}.chatform03.brown .form__progress-point>span{color:#594a3b}.chatform .form__present-bar-list{position:absolute;top:50%;left:50%;height:100%;width:100%;transform:translate(-50%,-50%)}.chatform03 .form__present-bar-list{height:35%}.chatform04 .form__present-bar-list{height:.6em;width:calc(100% - 4em)}.chatform03 .form__present-bar-list:before{content:"";position:absolute;top:50%;left:0;width:100%;height:98%;transform:translateY(-50%);background:#ccc}.chatform .form__present-bar{display:block;height:100%;width:0;position:relative;transition:width 1s;animation-delay:.8s}.chatform.green .form__present-bar{background:#ffc700}.chatform.blue .form__present-bar{background:#f19a26}.chatform.brown .form__present-bar{background:#2cb232}.chatform01 .form__present-bar.fin{width:calc(100% - 1.2em) !important}.chatform02 .form__present-bar,.chatform04 .form__present-bar{border-radius:2em}.chatform03 .form__present-bar{border-radius:0}.chatform03.green .form__present-bar{background:#00c39a}.chatform03.blue .form__present-bar{background:#3fa2da}.chatform03.brown .form__present-bar{background:#594a3b}.chatform .form__progress.initial .form__present-bar{opacity:0}.chatform03 .form__progress.initial .form__present-bar{opacity:1}.chatform .form__present-point{display:none}.chatform01 .form__present-point{display:block;position:absolute;top:50%;right:0;transform:translate(50%,-50%);width:2.4em;height:2.4em;border-radius:0 50% 50% 0}.chatform01.green .form__present-point{background:#ffc700}.chatform01.blue .form__present-point{background:#f19a26}.chatform01.brown .form__present-point{background:#2cb232}.chatform01 .form__present-point:before{content:"";position:absolute;top:50%;left:.2em;transform:translateY(-50%);width:75%;height:75%;border-radius:50%}.chatform01.green .form__present-point:before{background:#fffaea}.chatform01.blue .form__present-point:before{background:#fff8ef}.chatform01.brown .form__present-point:before{background:#fff}.chatform .form__item{padding:0 2em}.chatform .form__item:first-of-type{display:block}.chatform .form__item.is-show{padding:0 2em 4.5em}.chatform03 .form__item.is-show{padding:0 2em 2.3em}.chatform .form__item-el{display:none;margin:0 auto 0 0;transition:.8s;position:relative;top:3em;opacity:0}.chatform01 .form__item-el{margin:0}.chatform .form__item:first-of-type .form__item-el{display:block}.chatform .form__item-el+.form__item-el{margin:2.4em 0 0}.chatform .form__item.is-show{display:block}.chatform .form__item.is-show .form__item-el{display:block}.chatform .form__item.is-show .form__item-el.is-animated{top:0;opacity:1}.chatform .form__item.is-show .form__item-el:first-of-type{transition-delay:.5s}.chatform .form__item.is-show .form__item-el:nth-of-type(2){transition-delay:1s}.chatform .form__item.is-show .form__item-el:nth-of-type(3){transition-delay:1.5s}.chatform .form__item.is-show .form__item-el:nth-of-type(4){transition-delay:2s}.chatform .form__item.is-show .form__item-el:nth-of-type(5){transition-delay:2.5s}.chatform .form__item.is-show .form__item-el:nth-of-type(6){transition-delay:3s}.chatform .form__item.is-show .form__item-el:nth-of-type(7){transition-delay:3.5s}.chatform .form__item.is-show .el-answer:nth-of-type(1){transition-delay:1s}.chatform .form__item.is-show .el-answer:nth-of-type(2){transition-delay:1.5s}.chatform .form__item.is-show .el-answered{transition-delay:0s !important}.chatform.post .form__item.is-show .form__item-el.el-result{transition-delay:2s}.chatform.post .form__item.is-show .form__item-el.el-send-btn{transition-delay:2.5s}.chatform .form__item-el.el-question+.form__item-el.el-question{margin:1em 0 0}.chatform01 .form__item-el.el-question+.form__item-el.el-question{margin:1.5em 0 0}.chatform01 .form__item_question{display:flex;justify-content:space-between;align-items:center;max-width:35em}.chatform .form__item_question .form__icon{width:7.2em}.chatform .form__item-el__question{width:28.5em;padding:1.7em 1.5em 1.5em;background:#fff;position:relative;border-radius:2em 2em 2em 0}.chatform01 .form__item-el__question{border-radius:1em;width:calc(100% - 9em)}.chatform04 .form__item-el__question{width:25.5em;border-radius:2em;color:#fff}.chatform04.green .form__item-el__question{background:#00c39a}.chatform04.blue .form__item-el__question{background:#3fa2da}.chatform04.brown .form__item-el__question{background:#594a3b}.chatform .form__item-el.el-question+.form__item-el.el-question .form__item-el__question{border-radius:0 2em 2em}.chatform01 .form__item-el.el-question+.form__item-el.el-question .form__item-el__question{border-radius:1em}.chatform04 .form__item-el.el-question+.form__item-el.el-question .form__item-el__question{border-radius:2em}.chatform01 .form__item-el__question:before{content:'';position:absolute;left:0;top:2em;transform:translateX(-100%);border-style:solid;border-width:1em;border-color:transparent #fff transparent transparent}.chatform .form__item-el__question p{font-size:1.4em;font-weight:400;line-height:1.5}.chatform04 .form__item-el__question p{font-weight:700}.chatform .form__item-el.el-answer{margin-left:auto;width:29em;padding:1.8em 1.7em;border-radius:2em 2em 0;background:#fff}.chatform01 .form__item-el.el-answer{border-radius:1em}.chatform01.green .form__item-el.el-answer,.chatform03.green .form__item-el.el-answer,.chatform03.green .form__item-el.el-answered p{background:#00c39a}.chatform01.blue .form__item-el.el-answer,.chatform03.blue .form__item-el.el-answer,.chatform03.blue .form__item-el.el-answered p{background:#3fa2da}.chatform01.brown .form__item-el.el-answer,.chatform03.brown .form__item-el.el-answer,.chatform03.brown .form__item-el.el-answered p{background:#594a3b}.chatform02.green .form__item-el.el-answer{border:.2em solid #00c39a}.chatform02.blue .form__item-el.el-answer{border:.2em solid #3fa2da}.chatform02.brown .form__item-el.el-answer{border:.2em solid #594a3b}.chatform03 .form__item-el.el-answer{width:30em}.chatform03 .form__item.radio .form__item-el.el-answer,.chatform03 .form__item.checkbox .form__item-el.el-answer{margin-left:0;padding:0;background:0 0}.chatform04 .form__item-el.el-answer{width:100%}.chatform01 .form__item-el.el-answer:after{content:'';position:absolute;right:0;top:3em;transform:translateX(100%);border-style:solid;border-width:1em}.chatform.green .form__item-el.el-answer:after{border-color:transparent transparent transparent #00c39a}.chatform.blue .form__item-el.el-answer:after{border-color:transparent transparent transparent #3fa2da}.chatform.brown .form__item-el.el-answer:after{border-color:transparent transparent transparent #594a3b}.chatform .form__item-el.el-answer p{font-size:1.4em;font-weight:400}.chatform01 .form__item-el.el-answer p,.chatform03 .form__item-el.el-answer p{color:#fff}.chatform .form__item-el.el-answer .error-msg{display:none;margin:.9em 0 0;color:red;font-size:1.2em}.chatform01 .form__item-el.el-answer .error-msg,.chatform03 .form__item-el.el-answer .error-msg{color:#e03f3f}.chatform .form__item-el.el-answered{margin:0 0 0 auto;text-align:right;width:29em}.chatform .closing .form__item-el.el-answered{width:30em;padding:0 2em 0 0}.chatform .form__item-el.el-answered p{font-size:1.4em;font-weight:400;display:inline-block;padding:1.1em;border-radius:1.4em 1.4em 0;color:#fff}.chatform .form__item-el.el-answered span+span:before{content:"/"}.chatform .form__item:first-of-type .form__item-el.el-answered,.chatform .form__item.email+.form__item .form__item-el.el-answered{display:none !important}.chatform .form__item-el.el-answered+.form__item-el.el-question{margin-top:4.5em}.chatform .form__item:first-of-type .form__item-el.el-answered+.form__item-el.el-question{margin:0}.chatform .form__item-el input,.chatform .form__item-el textarea{width:100%;padding:.9em 1em;border:.08em solid #f3f3f3;border-radius:.3em;font-size:1.4em;margin:.5em 0 0;background:#f3f3f3}.chatform01 .form__item-el input,.chatform01 .form__item-el textarea{background:#fff;border:.08em solid #fff}.chatform .form__item-el input::placeholder,.chatform .form__item-el textarea::placeholder{color:#d4d4d4}.chatform .form__item-el input.is-error,.chatform .form__item-el textarea.is-error{background:pink;box-shadow:0 0 100em 100em pink inset;border:.08em solid pink}.chatform .form__item-el.filled input,.chatform .form__item-el.filled textarea{background:#fff;box-shadow:0 0 100em 100em #fff inset}.chatform.green .form__item-el.filled input,.chatform.green .form__item-el.filled textarea{border:.08em solid #00c39a}.chatform.blue .form__item-el.filled input,.chatform.blue .form__item-el.filled textarea{border:.08em solid #3fa2da}.chatform.brown .form__item-el.filled input,.chatform.brown .form__item-el.filled textarea{border:.08em solid #594a3b}.chatform01 .form__item-el.filled input,.chatform01 .form__item-el.filled textarea{border:.08em solid #333 !important}.chatform03 .form__radio-list,.chatform03 .form__check-list{display:flex;flex-wrap:wrap;gap:.9em .7em}.chatform .form__radio-item+.form__radio-item,.chatform .form__check-item+.form__check-item{margin:1em 0 0}.chatform03 .form__radio-item+.form__radio-item,.chatform03 .form__check-item+.form__check-item{margin:0}.chatform .form__radio-item input,.chatform .form__check-item input{display:none}.chatform .form__radio-item label,.chatform .form__check-item label{display:flex;align-items:center;background:#fff;border-radius:10em;font-size:1.4em;font-weight:400;padding:.8em 1em;position:relative;cursor:pointer;-webkit-transition:all .25s linear;line-height:1.3;border:.1em solid #f3f3f3}.chatform01 .form__radio-item label,.chatform01 .form__check-item label{border:none}.chatform03 .form__radio-item label,.chatform03 .form__check-item label{background:0 0;font-weight:700}.chatform03.green .form__radio-item label,.chatform03.green .form__check-item label{border:.14em solid #00c39a;color:#00c39a}.chatform03.blue .form__radio-item label,.chatform03.blue .form__check-item label{border:.14em solid #3fa2da;color:#3fa2da}.chatform03.brown .form__radio-item label,.chatform03.brown .form__check-item label{border:.14em solid #594a3b;color:#594a3b}.chatform.green .form__radio-item input:checked+label,.chatform.green .form__check-item input:checked+label{background:#dffbf5;border:.08em solid #00c39a}.chatform.blue .form__radio-item input:checked+label,.chatform.blue .form__check-item input:checked+label{background:#e1f4ff;border:.08em solid #3fa2da}.chatform.brown .form__radio-item input:checked+label,.chatform.brown .form__check-item input:checked+label{background:#f6ece2;border:.08em solid #594a3b}.chatform01.green .form__radio-item input:checked+label,.chatform01.green .form__check-item input:checked+label{background:#fffaea}.chatform01.blue .form__radio-item input:checked+label,.chatform01.blue .form__check-item input:checked+label{background:#fff8ef}.chatform01.brown .form__radio-item input:checked+label,.chatform01.brown .form__check-item input:checked+label{background:#e9ffea}.chatform03 .form__radio-item input:checked+label,.chatform03 .form__check-item input:checked+label{border-width:.14em !important}.chatform .form__radio-item label>span,.chatform .form__check-item label>span{display:block;width:calc(100% - 1.8em)}.chatform03 .form__radio-item label>span,.chatform03 .form__check-item label>span{width:auto}.chatform .form__radio-item label .check,.chatform .form__check-item label .check{position:relative;border-radius:50%;height:1.3em;width:1.3em;margin:0 .5em 0 0}.chatform03 .form__radio-item label .check,.chatform03 .form__check-item label .check{display:none}.chatform.green .form__radio-item label .check,.chatform.green .form__check-item label .check{border:.08em solid #00c39a}.chatform.blue .form__radio-item label .check,.chatform.blue .form__check-item label .check{border:.08em solid #3fa2da}.chatform.brown .form__radio-item label .check,.chatform.brown .form__check-item label .check{border:.08em solid #594a3b}.chatform01.green .form__radio-item label .check,.chatform01.green .form__check-item label .check{border:.08em solid #ffc700}.chatform01.blue .form__radio-item label .check,.chatform01.blue .form__check-item label .check{border:.08em solid #f19a26}.chatform01.brown .form__radio-item label .check,.chatform01.brown .form__check-item label .check{border:.08em solid #2cb232}.chatform .form__radio-item label .check:before{content:'';position:absolute;top:50%;left:50%;height:75%;width:75%;transform:translate(-50%,-50%);border-radius:50%}.chatform.green .form__radio-item input:checked+label .check:before,.chatform.green .form__check-item input:checked+label .check{background:#00c39a}.chatform.blue .form__radio-item input:checked+label .check:before,.chatform.blue .form__check-item input:checked+label .check{background:#3fa2da}.chatform.brown .form__radio-item input:checked+label .check:before,.chatform.brown .form__check-item input:checked+label .check{background:#594a3b}.chatform01.green .form__radio-item input:checked+label .check:before,.chatform01.green .form__check-item input:checked+label .check{background:#ffc700}.chatform01.blue .form__radio-item input:checked+label .check:before,.chatform01.blue .form__check-item input:checked+label .check{background:#f19a26}.chatform01.brown .form__radio-item input:checked+label .check:before,.chatform01.brown .form__check-item input:checked+label .check{background:#2cb232}.chatform .form__check-item input:checked+label .check:before{content:'';position:absolute;top:50%;left:50%;height:.4em;width:.7em;transform:translate(-51%,-70%) rotate(-45deg);border-left:2px solid #fff;border-bottom:2px solid #fff}.chatform .form__item.closing{padding:0;margin:0 !important}.chatform .form__item.closing .form__item-el.el-question{padding:0 2em}.chatform .form__item-el.el-send-btn{padding:3em;margin:4.5em 0 0 !important;background:#fff;text-align:center}.chatform03 .form__item-el.el-send-btn{color:#fff}.chatform03.green .form__item-el.el-send-btn{background:#00c39a}.chatform03.blue .form__item-el.el-send-btn{background:#3fa2da}.chatform03.brown .form__item-el.el-send-btn{background:#594a3b}.chatform .form__item-el.el-send-btn p{font-size:1.4em;line-height:1.6;letter-spacing:.05em;text-align:center}.chatform .form__next-btn,.chatform .form input[type=submit]{width:100%;max-width:19em;padding:.9em;text-align:center;margin:.8em auto 0;color:#fff;border-radius:5em;cursor:pointer;font-size:1.4em;border:none;font-weight:700}.chatform.green .form__next-btn,.chatform.green .form input[type=submit]{background:#00c39a}.chatform.blue .form__next-btn,.chatform.blue .form input[type=submit]{background:#3fa2da}.chatform.brown .form__next-btn,.chatform.brown .form input[type=submit]{background:#594a3b}.chatform01.green .form__next-btn,.chatform01.green .form input[type=submit]{background:#ffc700}.chatform01.blue .form__next-btn,.chatform01.blue .form input[type=submit]{background:#f19a26}.chatform01.brown .form__next-btn,.chatform01.brown .form input[type=submit]{background:#2cb232}.chatform03 .form__next-btn,.chatform03 .form input[type=submit]{background:#fff !important;box-shadow:0 .3em .5em 0 rgba(0,0,0,.16)}.chatform03 .form__item.checkbox .form__next-btn{margin:.8em 0 0;max-width:20em}.chatform03.green .form__next-btn,.chatform03.green .form input[type=submit]{color:#00c39a}.chatform03.blue .form__next-btn,.chatform03.blue .form input[type=submit]{color:#3fa2da}.chatform03.brown .form__next-btn,.chatform03.brown .form input[type=submit]{color:#594a3b}.chatform04 .form__next-btn,.chatform04 .form input[type=submit]{box-shadow:0 .3em .5em 0 rgba(0,0,0,.16)}.chatform04 .form__item-el.el-answer .form__next-btn{max-width:11em;margin:.8em 0 0 auto}.chatform .form__next-btn.disabled,.chatform .form input[type=submit].disabled{background:#ccc !important;color:#fff;cursor:not-allowed;pointer-events:none;box-shadow:none}.chatform .form__next-btn:active,.chatform .form input[type=submit]:active{position:relative;top:4px;box-shadow:none}.chatform .send-error{margin:1em 0 0}.chatform .send-error p{display:none;color:red;font-size:1.2em;text-align:left}.chatform .carousel{display:flex;overflow-x:scroll;margin:0 0 0 2em}.chatform .carousel__item{min-width:28em;padding:0 1.6em 0 0}@media screen and (min-width:414px) and (max-width:767px){body,.header{max-width:100%}}@media screen and (min-width:500px){.chatform{font-size:min(2.5vw,13px)}}@media screen and (min-width:768px){.chatform{box-shadow:0 .2em .4em 0 rgba(0,0,0,.1)}.chatform,.chatform .form__progress.fixed{max-width:750px;margin:0 auto}.chatform .form__header,.chatform .form__item,.chatform .closing .el-question,.chatform .closing .el-answered,.chatform .form__progress-inner{max-width:600px;margin:0 auto}.chatform .closing .form__item-el.el-answered{width:100%}.chatform .form__item.closing,.chatform01 .form__progress-inner{max-width:100%}.chatform .carousel__item{min-width:26em}}