@charset "UTF-8";
/* CSS Document */

.txtColor_gold {
  color: #A57D23;
}
.birthday_pointBox {
  display: flex;
  align-items: flex-start;
  gap: 20px 1em;
  margin-top: 3em;
}
.birthday_titWrap {
  display: inline-block;
  padding: 2px;               /* ← 枠線の太さ */
  background: #666;           /* 枠線の色 */
  clip-path: polygon(
    0 0,
    calc(100% - 22px) 0,
    100% 50%,
    calc(100% - 22px) 100%,
    0 100%
  );
}
h4.birthday_tit {
  margin: 0;
  padding: 5px 25px 5px 15px;
  background-color: #FFF;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  clip-path: polygon(
    0 0,
    calc(100% - 20px) 0,
    100% 50%,
    calc(100% - 20px) 100%,
    0 100%
  );
}

@media screen and (max-width: 567px) {
  .birthday_titWrap {
    display: block;
    width: 100%;
    clip-path: polygon(0% 0%, 100% 0, 100% 70%, 50% 100%, 0 70%);
  }
  h4.birthday_tit {
    clip-path: polygon(0% 0%, 100% 0, 100% 70%, 50% 100%, 0 70%);
  }
  .birthday_pointBox {
    flex-direction: column;
  }
}