@charset "UTF-8";
/* CSS Document */
.section-chatbot *{box-sizing: border-box;}
.btn-chatbot{ width: 350px;height: 74px; border-radius: 37px;color: #fff;text-align: center;font-size: 22px;border: none;padding-left:50px;background: no-repeat left 15px center #51ABC2 url("../images/chatbot/icn-operator.png"); position: fixed; bottom: 15px;right: 15px;outline:none;box-shadow: 2px 2px 2px rgba(0,0,0,0.4);}
.btn-chatbot small{font-size:14px;display: block;}
.btn-chatbot:hover{background-color: #6AB7CA}

.chat-window{width:480px; height: 600px;background: #fff;position: fixed;bottom: 15px;right: 15px;z-index: 1000;box-shadow: 2px 2px 2px rgba(0,0,0,0.4);}
.chat-header{background: #51ABC2 ;color: #fff;text-align: center;line-height: 45px;font-size: 20px;position: relative;}
.chat-header button{color: #fff;background: transparent;border: none;font-size: 40px;height: 45px; position: absolute;right: 10px;}
.chat-body{padding: 15px;height: 555px;overflow-y: auto;}

.row-ope{display: flex; margin-bottom: 30px;}
.icn-ope{text-align: left;flex:0 0 15%;padding-right: 15px;}
.message-ope{flex:0 0 70%; padding: 15px;background:#F5F5F5;border-radius: 8px; }
.message-ope h2{color: #51ABC2;margin: 15px 0;font-weight: 400;}
.message-ope h3{margin: 15px 0 5px;}
.message-ope p{margin: 5px 0 15px;}

.chat-menu li{margin-bottom: 10px;}
.chat-menu li a{display: block;color: #fff;background:#629FCC;padding: 10px;border-radius: 5px;box-shadow: 2px 2px 2px rgba(0,0,0,.16)}

.row-cus{display: flex; margin-bottom: 30px;flex-direction: row-reverse;}
.icn-cus{text-align: right;flex:0 0 15%;padding-left: 15px;}
.message-cus{flex:0 0 60%; padding: 15px;background:#E9F5F8;border-radius: 8px; }

.btn{display: block; text-align: center;color: #fff;padding: 10px;border-radius:5px;box-shadow: 2px 2px 2px rgba(0,0,0,0.4);}
.btn-gray{background-color:#9A9A9A }
.btn-cashing{background-color: #E44F0A;}
.btn-autoloan{background-color: #00B0EC;}
.btn-renkau{background-color: #FFC013;}
.btn-syaken{background-color: #91D050;}
.btn-chintai{background-color: #B3A1C8;}
.btn-h-renkau{background-color: #80BA42;}
.btn-rental{background-color: #1FB549;}
.btn-bizsup{background-color: #0171BB;}
.chat-window hr{margin: 30px 0;}


@media (max-width: 575px) {
	.section-chatbot *{font-size:14px;}
.chat-window{width:355px; height: 500px;bottom: 10px;right: 10px;}
	.chat-body{padding: 10px;height: 455px;overflow-y: auto;}
.icn-ope{text-align: left;flex:0 0 20%;padding-right: 10px;}
.message-ope{flex:0 0 60%; padding: 10px;background:#F5F5F5;border-radius: 8px; }
	.row-cus{display: flex; margin-bottom: 30px;flex-direction: row-reverse;}
.icn-cus{text-align: right;flex:0 0 20%;padding-left: 10px;}
	.message-cus{flex:0 0 50%; padding: 10px;background:#E9F5F8;border-radius: 8px; }
}