#recept {
  margin-inline: auto;
  margin-top: 10mm;
  margin-bottom: 10mm;
  border: 1px solid lightblue;
  padding: 6mm 15mm 3mm 18mm;
  width: 169mm;
  height: 94mm;
  display: grid;
  grid-template-areas: "header header" "main footer";
  gap: 1mm 3mm;
  justify-content: space-between;
}
#recept #header {
  grid-area: header;
  display: grid;
  grid-template-areas: "title title" "name date";
  gap: 3mm;
}
#recept #header .title {
  margin: 0 3mm 2mm;
  font-size: 21Q;
  grid-area: title;
  letter-spacing: 0.125em;
}
#recept #header .name {
  font-size: 18Q;
  border-bottom: 1Q solid black;
  display: flex;
  justify-content: space-between;
  grid-area: name;
  width: 72mm;
}
#recept #header .name #name {
  padding-inline: 3mm;
  width: 100%;
  display: flex;
  justify-content: center;
}
#recept #header .name #name-title {
  white-space: nowrap;
}
#recept #header .date {
  grid-area: date;
  text-align: right;
  display: flex;
  justify-content: right;
  align-items: center;
  gap: 1mm;
}
#recept #main {
  grid-area: main;
  width: 108mm;
  display: grid;
  grid-template-areas: "amount amount" "detail issuer";
  justify-content: space-between;
}
#recept #main .area-amount {
  grid-area: amount;
}
#recept #main .area-amount .digits {
  margin-bottom: 3mm;
  border-block: 0.5mm solid black;
  display: flex;
  align-items: center;
  gap: 3mm;
}
#recept #main .area-amount .digits #amount-title {
  padding-inline: 3mm;
  white-space: nowrap;
}
#recept #main .area-amount .digits #amount {
  padding: 2mm 3mm;
  width: 100%;
  font-size: 30Q;
  text-align: center;
  font-family: sans-serif;
  vertical-align: middle;
  text-box-trim: trim-both;
}
#recept #main .area-amount #proviso {
  margin-left: 3mm;
  text-align: center;
}
#recept #main .area-amount .text1 {
  text-align: center;
}
#recept #main .area-amount .text2 {
  text-align: right;
}
#recept #main .area-detail {
  grid-area: detail;
}
#recept #main .area-detail .text {
  margin: 1.5mm 0 3mm;
}
#recept #main .area-detail .detail-table {
  border-top: 1Q solid black;
  border-spacing: 0;
  width: 42mm;
}
#recept #main .area-detail .detail-table th,
#recept #main .area-detail .detail-table td {
  border-bottom: 1Q solid black;
  padding: 0.5mm;
}
#recept #main .area-detail .detail-table th {
  border-right: 1Q solid black;
  white-space: nowrap;
  min-height: 1em;
  width: 12mm;
}
#recept #main .area-detail .detail-table td {
  text-align: center;
}
#recept #main .area-issuer {
  padding-block: 3mm;
  background: url("../img/sya_in_0.png") center top no-repeat;
  background-size: 24mm auto;
  grid-area: issuer;
  text-align: center;
  font-family: serif;
}
#recept #main .area-issuer #issuer {
  font-size: 18Q;
  letter-spacing: 0.8em;
  text-indent: 0.8em;
}
#recept #main .area-issuer .text {
  letter-spacing: 0.05em;
}
#recept #main .area-issuer .border {
  margin-top: 3mm;
  border-bottom: 1Q solid black;
  display: flex;
  font-family: sans-serif;
}
#recept #main .area-issuer .border #invoice-title {
  white-space: nowrap;
}
#recept #main .area-issuer .border #invoice {
  padding-inline: 3mm;
  text-align: center;
  width: 100%;
}
#recept #footer {
  grid-area: footer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 6mm;
}
#recept #footer #revenue-stamp {
  width: 15mm;
  height: 18mm;
  border: dashed 1Q black;
  display: block;
}
#recept #footer #stamp {
  padding: 0.25mm;
  width: 10mm;
  height: 10mm;
  border: solid 1Q black;
  display: block;
  position: relative;
  font-size: 9Q;
}
#recept #footer #stamp img {
  width: 12mm;
  height: auto;
  position: absolute;
  top: 2mm;
  left: 2mm;
}/*# sourceMappingURL=style.css.map */