@charset "UTF-8";
.tax-cloud-box-wrapper {
  margin: 0 auto;
  width: 80%;
}
.tax-cloud-box-wrapper table {
  font-size: 14px;
  color: #333;
  margin-bottom: 10px !important;
}
.tax-cloud-box-wrapper table th {
  width: 120px;
  min-width: 80px;
}

.cln-success-message {
  position: fixed;
  top: 33.33vh;
  left: 50%;
  transform: translateX(-50%);
  background-color: #42aac7;
  color: #fff;
  padding: 20px 15px;
  border-radius: 5px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  text-align: center;
  z-index: 1000;
  font-size: 16px;
  width: 40%;
}

.cln-error-message {
  position: fixed;
  top: 33.33vh;
  left: 50%;
  transform: translateX(-50%);
  background-color: #da6272;
  color: #fff;
  padding: 20px 15px;
  border-radius: 5px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  text-align: center;
  z-index: 1000;
  font-size: 16px;
  width: 40%;
}

#loading {
  display: none;
  position: fixed; /* 画面中央に固定 */
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* 中央寄せ */
  padding: 20px 30px;
  background-color: rgba(66, 170, 199, 0.7); /* 半透明の緑色 */
  color: white;
  border-radius: 5px;
  font-weight: bold;
  z-index: 1000; /* 他の要素の上に表示 */
}

#loading::before {
  content: "";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999; /* ローディング画面より一つ下 */
}

@media (max-width: 500px) {
  .tax-cloud-box-wrapper {
    width: 100%;
  }
}/*# sourceMappingURL=front.css.map */