@charset "utf-8";
/*************************************************************************/
/*************************************************************************/
body {
  background-color: #FDF9BD;
  color: #FFFFFF;
  font-family: "Noto Serif JP", sans-serif;
  font-size: 16px;
  line-height: 1.6;
}
.wrapper {
  background: url("../img/work-bg-image.png") no-repeat center center fixed;
  background-size: cover;
  height: 100%;
  overflow-y: scroll;
  position: fixed;
  width: 100vw;
}
img {
  display: block;
  height: auto;
  max-width: 100%;
}
.footer {
  background-color: #000000;
  padding: 20px 30px 20px;
  position: relative;
  text-align: center;
}
@media(min-width:768px) {
  .footer {
    padding: 30px;
  }
}
.footer-copyright {
  margin-top: 3px;
  position: relative;
}
.footer-copyright small {
  display: block;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.7;
  transform: scale(0.9);
  transform-origin: center top;
}
@media(min-width:768px) {
  .footer-copyright small {
    font-size: 20px;
  }
}

.czm-fixed .czm-button {
  background-color: #F39801 !important;
  bottom: 50px !important;
}
@media(min-width:768px) {
  .czm-fixed .czm-button {
    bottom: 30px !important;
  }
}




.czm-chat-support {
  font-family: "Noto Sans JP", sans-serif !important;
  font-size: 18px !important;
}
.czm-button-content-title {
  color: #000000 !important;
  font-family: "Noto Sans JP", sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
}
@media(min-width:768px) {
  .czm-button-content-title {
    font-size: 18px !important;
    font-weight: 600 !important;
  }
}
.czm-popup {
  bottom: 80px !important;
  width: 90vw !important;
}
@media(min-width:768px) {
  .czm-popup {
    bottom: 100px !important;
    width: 30vw !important;
  }
}
.czm-popup-header {
  border-bottom: 2px dotted #FFFFFF;
}
.czm-popup-header-title {
  color: #FFE000;
  font-family: "Noto Sans JP", sans-serif !important;
  font-size: 21px !important;
  font-weight: 600 !important;
}
.czm-popup-header-description {
  font-family: "Noto Sans JP", sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  opacity: 1.0 !important;
}
.czm-popup-area {
  background-color: #000000 !important;
}
.czm-popup-person {
  background-color: #FFE000 !important;
}
.czm-popup-person-avatar,
.czm-popup-person-avatar img {
  border-radius: 0 !important;
}
.czm-popup-person-title {
  color: #000000 !important;
  font-family: "Noto Sans JP", sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}
@media(min-width:768px) {
  .czm-popup-person-title {
    font-size: 18px;
  }
}
.czm-popup-person-description {
  color: #000000 !important;
  font-family: "Noto Sans JP", sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
}
@media(min-width:768px) {
  .czm-popup-person-description {
    font-size: 14px !important;
    font-weight: 700 !important;
  }
}