.marker{
  display: inline;
  position: relative;
  background-image: linear-gradient(90deg, #ffff66, #ffff66); /* 単色の場合は同じ色、グラデーションさせる場合は別々の色 */
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: 0 60%; /* '30%'の部分にマーカーの太さを記入 */
  transition: all 1s ease-in-out; /* マーカーを引く速度を調整 */
  font-weight: bold; /* ついでに太字にしたい場合 */
}

.marker.is-show{
  background-size: 100% 60%;
}

.invoiceTitle{
  text-align: center;
  font-size: 3vw;
  padding-top: 8%;
  margin-bottom: 5%;
  margin-left: 35%;
  color: #005cad;
  font-weight: 700;
  width: 30%;
  border-radius: 6%;
}

.invoiceContents{
  text-align: center;
  font-size: 1.6vw;
}

.invoiceContentsMarker{
  background: linear-gradient(transparent 10%, #ff8fa2 80%);
  border-radius: 4%;
  font-weight: bold;
}

.invoicePdfBorder{
  position: relative;
  border: solid 1px black;
  margin: 5% 10%;
  background-color: #f1fbff;
  padding-top: 3%;
}

.invoicePdfTitle{
  position: absolute;
  text-align: center;
  top: -6%;
  left: 12%;
  font-size: 2vw;
  background-color: white;
  width: 76%;
  border: solid 1px black;
}

.invoicePdfList{
  list-style-type: decimal;
  padding-left: 7%;
  font-size: 1.6vw;
}

.invoicePdfLink{
  font-size: 2vw;
  color: blue;
  text-decoration: underline;
}

.invoicePdfLink:hover{
  color: red;
}

.invoicePdfLinkMargin{
  margin: 3% 0;
  text-align: center;
}

.file_button{
  text-align: center;
  font-size: 3vw;
  margin-top: 5%;
}

.invoiceFileUpload{
  text-align: center;
}

.invoiceButtonMargin{
  text-align: center;
  margin-bottom: 10%;
}