html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,menu,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background-color:transparent}body{line-height:1}article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent}html{font-size:15px;font-family:"Lato","HiraginoSans W3","YuGothM","游ゴシック","游ゴシック体","メイリオ",Meiryo,sans-serif}*{-webkit-tap-highlight-color:rgba(246,246,246,0);-webkit-font-feature-settings:'palt' 1;font-feature-settings:'palt' 1}span,i{font-size:inherit;color:inherit;line-height:inherit;letter-spacing:inherit}main,section,nav,div,ul,li,dl,dt,dd,a,input,select{box-sizing:border-box}body{background-color:#a4dcf6;position:relative;background:-moz-linear-gradient(30deg, #53c3f6, #a4dcf6);background:-webkit-linear-gradient(30deg, #53c3f6, #a4dcf6);background:linear-gradient(30deg, #53c3f6,#a4dcf6)}div.bodyWrapper{width:800px;height:80vh;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background-color:#eee;border-radius:10px;box-shadow:0rem 0.5rem 1rem 0 rgba(120,120,120,0.16);padding:3rem}div.bodyWrapper div.chatAreaWrapper{width:100%;height:calc(100% - 65px);overflow-y:scroll}div.bodyWrapper div.chatAreaWrapper div.chatArea{padding:20px 10px}div.bodyWrapper div.chatAreaWrapper div.chatArea div.messageArea{width:80%;margin-bottom:1.2rem}div.bodyWrapper div.chatAreaWrapper div.chatArea div.messageArea.left{margin-left:0;margin-right:auto}div.bodyWrapper div.chatAreaWrapper div.chatArea div.messageArea.left div.timeWrapper{bottom:0;right:0}div.bodyWrapper div.chatAreaWrapper div.chatArea div.messageArea.left div.messageLeftBox{padding-left:5.5rem;padding-right:2.5rem}div.bodyWrapper div.chatAreaWrapper div.chatArea div.messageArea.left div.messageCard{border-radius:0 10px 10px 10px}div.bodyWrapper div.chatAreaWrapper div.chatArea div.messageArea.right{width:60%;margin-left:auto;margin-right:0}div.bodyWrapper div.chatAreaWrapper div.chatArea div.messageArea.right div.messageBox{padding-left:2.5rem}div.bodyWrapper div.chatAreaWrapper div.chatArea div.messageArea.right div.messageBox div.messageCard{border-radius:10px 0px 10px 10px;background-color:#a4dcf6}div.bodyWrapper div.chatAreaWrapper div.chatArea div.messageArea.right div.timeWrapper{bottom:0;left:0}div.bodyWrapper div.chatAreaWrapper div.chatArea div.messageArea div.messageBox{position:relative;width:100%}div.bodyWrapper div.chatAreaWrapper div.chatArea div.messageArea div.messageBox div.messageOriginName{display:none}div.bodyWrapper div.chatAreaWrapper div.chatArea div.messageArea div.messageBox div.messageOriginImage{position:absolute;top:0;left:0;width:4.5rem;height:4.5rem;border-radius:100%;background-color:#ccc;background-image:url(../img/bot_icon.png);background-size:cover;background-repeat:no-repeat;background-position:center}div.bodyWrapper div.chatAreaWrapper div.chatArea div.messageArea div.messageBox div.messageOriginImage img{display:block;width:100%}div.bodyWrapper div.chatAreaWrapper div.chatArea div.messageArea div.messageBox div.messageCard{background-color:#fff;font-size:1rem;padding:10px;line-height:1.75;letter-spacing:0.04em;box-shadow:0rem 0.5rem 1rem 0 rgba(120,120,120,0.16)}div.bodyWrapper div.chatAreaWrapper div.chatArea div.messageArea div.messageBox div.timeWrapper{position:absolute}div.bodyWrapper div.chatAreaWrapper div.chatArea div.messageArea div.messageBox div.timeWrapper span.time{font-size:calc( 1rem - 3px)}div.bodyWrapper div.messageInput{width:100%;box-sizing:border-box;padding:10px;padding-bottom:20px;transition:opacity 400ms cubic-bezier(0.25, 0.1, 0.25, 1) 0ms;-webkit-transition:opacity 400ms cubic-bezier(0.25, 0.1, 0.25, 1) 0ms;-moz-transition:opacity 400ms cubic-bezier(0.25, 0.1, 0.25, 1) 0ms;-o-transition:opacity 400ms cubic-bezier(0.25, 0.1, 0.25, 1) 0ms;-ms-transition:opacity 400ms cubic-bezier(0.25, 0.1, 0.25, 1) 0ms}div.bodyWrapper div.messageInput dl{display:table;width:100%;border-radius:5px;overflow:hidden;box-shadow:0rem 0.5rem 1rem 0 rgba(120,120,120,0.16)}div.bodyWrapper div.messageInput > div:last-child,div.bodyWrapper div.messageInput > div:last-child{display:table-cell;vertical-align:top}div.bodyWrapper div.messageInput > div:last-child{width:112px;position:relative;background-color:#03A9F4;cursor:pointer;transition:background-color 400ms cubic-bezier(0.25, 0.1, 0.25, 1) 0ms;-webkit-transition:background-color 400ms cubic-bezier(0.25, 0.1, 0.25, 1) 0ms;-moz-transition:background-color 400ms cubic-bezier(0.25, 0.1, 0.25, 1) 0ms;-o-transition:background-color 400ms cubic-bezier(0.25, 0.1, 0.25, 1) 0ms;-ms-transition:background-color 400ms cubic-bezier(0.25, 0.1, 0.25, 1) 0ms}div.bodyWrapper div.messageInput > div:last-child:hover{background-color:#0286c2}div.bodyWrapper div.messageInput label{color:#fff;font-size:calc( 1rem - 1px);letter-spacing:0.12em;width:100%;display:block;line-height:67px;height:67px;text-align:center;cursor:pointer}div.bodyWrapper div.messageInput textarea#question{padding:0.5rem 1rem;line-height:1.75;width:100%;font-size:1rem;letter-spacing:0.04em;border:none;resize:none;height:67px}div.bodyWrapper div.messageInput textarea#question:focus{outline:none}div.logoImg{position:absolute;bottom:1rem;right:1rem}div.logoImg p{font-size:calc( 1rem - 3px);letter-spacing:0.1em;display:inline-block;vertical-align:middle}div.logoImg p img{width:82px;display:inline-block;vertical-align:bottom}