@import url("root.css");
.greeting_container figure {
  position: relative;
  padding-bottom: 25px;
}
.greeting_container figure figcaption {
  background: linear-gradient(350deg, #ff0000 0%, #ff0000 50%, #e40c0c 50%, #e40c0c 100%);
  display: table;
  font-size: clamp(15px, 2.6vw, 20px);
  font-weight: 900;
  padding: 10px 20px;
  color: #fff;
  display: flex;
  gap: 0 15px;
  align-items: center;
  justify-content: center;
  height: clamp(60px, 9.5vw, 73px);
  width: clamp(255px, 40vw, 310px);
  position: absolute;
  bottom: 0;
  right: 0;
}
.greeting_container figure figcaption .name {
  font-size: clamp(24px, 3.6vw, 30px);
}
@media (min-width: 768px) {
  .greeting_container {
    grid-template-columns: 41% 53%;
    gap: 0 4%;
  }
  .greeting_container p {
    line-height: 2;
  }
}

.table_info {
  width: 100%;
  border-collapse: collapse;
}
.table_info th, .table_info td {
  border-bottom: solid 1px #bfbfbf;
  padding: clamp(10px, 1.9vw, 20px) 0;
}
.table_info th {
  color: var(--base-color01);
}