@charset "utf-8";



/*チャットボットのデザイン*/ 
iframe#dify-chatbot-bubble-window{position: fixed !important;width: 36rem !important;height: 60rem !important;right: 99px !important;} 
@media screen and (max-width: 768px){ iframe#dify-chatbot-bubble-window{width: calc(100% - 40px) !important;max-width: 400px !important;right: 19px !important;bottom: 135px !important;    max-height: calc(-14rem + 100vh)!important;} } #dify-chatbot-bubble-button{ position: relative !important; bottom: auto !important; top: auto !important; left: auto !important; right: auto !important; width: auto !important; height: auto !important; cursor: pointer; } #dify-chatbot-bubble-button img{ position: absolute; width: 100%; height: auto; top: 0; left: auto; transition: 0.3s; } #dify-chatbot-bubble-button .chatbot01{ opacity: 1; } #dify-chatbot-bubble-button .chatbot02{ opacity: 0; } #dify-chatbot-bubble-button.active .chatbot01{ opacity: 0; } #dify-chatbot-bubble-button.active .chatbot02{ opacity: 1; } .fixNavi{ top: min(140px,14vh); } .fixNavi a img{ max-height: 20vh; margin-bottom: 5px; } @media screen and (max-width: 768px){ #dify-chatbot-bubble-button{ /*width: 35px !important;*/height: 15VW !important; } .fixNavi{ top: 70px; } }

#dify-chatbot-bubble-button {
  height: 100%;
  aspect-ratio: 353 / 109;
}
#dify-chatbot-bubble-button img {
  -webkit-transition: .4s;
  transition: .4s;
}

#dify-chatbot-bubble-button:hover img {
  filter: brightness(1.1);
}

#chatbot-sp {
  position: relative;
}
#chatbot-sp img{
  position: absolute;
  width: 100%;
  height: auto;
  top: 0;
  left: 0;
  transition: 0.3s;
  -webkit-transition: .4s;
  transition: .4s;
}
#chatbot-sp .chatbot01{ opacity: 1; }
#chatbot-sp .chatbot02{ opacity: 0; }
#chatbot-sp.active .chatbot01{ opacity: 0; }
#chatbot-sp.active .chatbot02{ opacity: 1; }

@media screen and (max-width: 684px){
    .chatbot {
		right: 1%;
        bottom: 35VW;
        width: 48%;
        height: 15VW;
    }
}
@media screen and (min-width: 685px){
    .chatbot {
		right:13px;
    	bottom: 3px;
        width:320px;
		height:100px;
    }
	iframe#dify-chatbot-bubble-window{
		bottom: 6rem!important;
		width: 360px !important;
  		height: 600px !important;
  		right: 15px !important;
	} 
}

.chatbot {
    position: fixed;
	z-index: 2147483641;
}
.chatbot img{
    width: 100%;
	height:auto;
}