@charset "utf-8";
/* CSS Document */
.test-border {
  border: 2px solid blue;
}
.smartsensing-bg-1 {
  background-color: #dee6f5;
}
.smartsensing-bg-2 {
  background-color: #173792;
}
.smartsensing-bg-3 {
  background-color: #2B53DA;
}
.smartsensing-bg-4 {
  background-color: #f18d00;
}


.smartsensing-mgmt-bg {
  background-color: #5f67ae;
}
.smartsensing-card-text-bg {
  background-color: #898989;
}

/*グラデーション*/
.smartsensing-gradient-right-bg {
  background-color: #173792;
  background: linear-gradient(to right, #173792, #5F709E)
}
.smartsensing-gradient-left-bg {
  background-color: #173792;
  background: linear-gradient(to left, #173792, #5F709E)
}
.smartsensing-gradient-top-bg {
  background-color: #173792;
  background: linear-gradient(to top, #173792, #5F709E)
}
.smartsensing-gradient-bottom-bg {
  background-color: #173792;
  background: linear-gradient(to bottom, #173792, #5F709E)
}
.text-smartsensing {
  color: #173792;
}
.text-smartsensing2 {
  color: #2B53DA;
}
.indent {
  text-indent: 1em;
}
/*******************　重ねる画像コンテナ**************************/
.overlay-container-hidden {
  position: relative;
  display: inline-block;
  overflow: hidden;
}
.overlay-container-visible {
  position: relative;
  display: inline-block;
  overflow:visible
}

.base-image {
  display: block;
  max-width: 100%;
  height: auto;
}
/**********************共通ヘッダー**************************/
/* カスタムバナーのスタイル */
.custom-banner {
  background: linear-gradient(to bottom, #173792, #5F709E); /* オレンジのグラデーション */
 /* background-color: #173792;*/
  color: white;
  font-weight: bold;
  padding: 0px 30px;
  /* 左側の斜めカット部分を表現 */
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 10% 100%);
  display: inline-block;
  min-width: 30%;
  text-align: right;
}
/* 上部の細いライン */
.top-line {
  height: 15px;
  background-color: #173792;
  width: 100%;
}
/* 三角形　純粋な装飾パーツとしてのスタイル */
/*研究開発課題*/
.decoration-triangle {
  width: 100%; /* サイズはお好みで調整してください */
  filter: drop-shadow(2px 4px 4px rgba(0, 0, 0, 0.2));
  display: inline-block;
  vertical-align: middle;
  user-select: none; /* テキスト選択を無効化 */
}
/* 重ねる三角形のスタイル */
/*研究開発項目*/
.overlay-triangle {
  position: absolute;
  top: -10%; /* 上端からの距離 */
  left: -3%; /* 左端からの距離（少しはみ出させると画像っぽくなります） */
  width: 15%; /* 三角形のサイズ */
  filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.4));
  user-select: none;
  pointer-events: none; /* 三角形の下にある画像をクリックできるようにする */
}


/* スケジュールセルの色 */
.sm-schedule-cell-bg-1 {
  background-color: #595757 !important;
  border-color: white;
}
.sm-schedule-cell-bg-2 {
  background-color: #898989 !important;
  border-color: white;
}
.sm-schedule-cell-bg-3 {
  background-color: #dcdddd !important;
}
.sm-schedule-cell-bg-4 {
  background-color: #efefef !important;
}