h3.SupportFontColor {
  vertical-align: middle;
}

.CaseSubtext {
  width: 75%;
  position: relative;
  padding: 0px 20px;
  display: inline-block;
  font-size: 12px;
  margin-left: 10px;
  vertical-align: middle;
  max-width: 570px;
}

.img-pc img {
  max-width: 750px;
  width: 100%;
}

.img-sp img {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .CaseSubtext {
    display: block;
    width: 90%;
    max-width: 100%;
  }
}

@media screen and (max-width: 640px) {
  .CaseSubtext {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
  }
}

.CaseSubtext .Brackets {
  position: absolute;
  font-size: 32px;
  top: -8px;
}

.CaseSubtext .Brackets-Start {
  left: 0;
}

.CaseSubtext .Brackets-End {
  right: 0;
}

.supportReference {
  word-break: break-all;
}

.Table_Stage {
    border-collapse: collapse;
    border: 2px solid #d3d3d3;;
    width: 100%;
}

.stage2 {
    border: 1px solid #d3d3d3;
    background-color: #fff7ed;
    padding: 8px;
}

.stage1 {
    border: 1px solid #d3d3d3;
    background-color: #FF6600;
    color:#FFF;
    padding: 8px;
}


@media screen and (max-width: 640px) {
  .CaseSubtext .Brackets {
    display: none;
  }
}