#webchat header{
	display: none;
}
#webchat a{
	font-size: 13px;
	color:#0D6EB8;
	text-decoration: underline;
}
#chaticon {
    position:fixed;
    right:30px;
    bottom:20px;
    width: 100px;
    cursor: pointer;
    animation: floatUpDown 2s ease-in-out infinite;
	z-index: 999;
}
 
#chaticon2 {
    position:fixed;
    right:170px;
    bottom:20px;
    width: 140px;
    cursor: pointer;
    animation: floatUpDown 2s ease-in-out infinite;
}
.ai-fukidashi{
	 display: inline-block;
  margin-bottom: 100px;
  background-color: #52AEF6;
  padding: 5px 10px;
  font-size: 0.8rem;
	text-align: center;
  color: #fff;
  border-radius: 30px;
  position: relative;   /* ▼を配置するために必要 */
}

/* 下向きの三角 */
.ai-fukidashi::after {
  content: "";
  position: absolute;
  bottom: -6px;   /* 吹き出しの下に出す */
  right: 20px;     /* 好きな位置に調整可 */
  border-width: 6px 6px 0 6px;
  border-style: solid;
  border-color: #52AEF6 transparent transparent transparent;
}
 
#chatbot {
    position:fixed;
    right:20px;
    bottom:30px;
    width: 350px;
    height: 400px;
    padding: 10px 5px;
	border-radius: 10px;
    display: none;
	z-index: 999;
	box-shadow: 1px 1px 5px #a1a1a1;
	background-color:rgba(225,225,225,0.50);
}
 
#chatbot .text-content {
    overflow-x: scroll;     /* 横スクロール有効 */
    scrollbar-width: none;  /* Firefox用：スクロールバー非表示 */
    -ms-overflow-style: none; /* IE・Edge用：スクロールバー非表示 */
}
 
#chatbot .text-content::-webkit-scrollbar {
  display: none;  /* Chrome/Safari用：スクロールバー非表示 */
}
 
#webchat{
    height: 100%;
    font-size: 13px;
}

 
#chatclose {
    position: absolute;
    top: -10px;
    left: -10px;
    background-color:rgba(225,225,225,0.50);
	border: 1px solid #878787;
    border-radius: 50%;
	width: 35px;
	height: 35px;
    cursor: pointer;
}

@media screen and (max-width: 1000px) {
	
	
#chatbot {
    right:10px;
    bottom:30px;
    width: 80%;
    height: 400px;
}
}