@charset "utf-8";

/*----------------------------------------------------------------------------------------------
	base
----------------------------------------------------------------------------------------------*/

html {
  overflow-y: scroll;
  font-size: 62.5%;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  animation: fadeIn 2s ease 0s 1 normal;
  -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

body {
  position: relative;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 21px;
  color: var(--color-primary);
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  width: 100%;
  height: 100%;
  margin: auto;
}

#page_wrap {
  position: relative;
  padding-top: 0;
  overflow: hidden;
  z-index: 1;
}






/*チャットボットのデザイン*/ 
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: 80px !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.5);
}

#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; }