@charset "UTF-8";

/* ----------
CONTENT
----------- */

/* ナンバー付き見出し */
.head3_default .number {
  background-color: #f5d000;
  font-size: 1.2rem;
  line-height: 1.7;
  display: inline-block;
  padding: 0 0 0 0.5rem;
  margin: 0 1.4rem 0 0;
  position: relative;
}

.head3_default .number::after {
  /* 番号の右側に三角形をつける */
  content: "";
  height: 0;
  border-top: 1rem solid rgba(0, 0, 0, 0);
  border-bottom: 1rem solid rgba(0, 0, 0, 0);
  border-left: 0.8rem solid #f5d000;
  position: absolute;
}

/* スマホ 幅が 0px - 599px */
@media screen and (max-width: 599px) {
  .head3_default {
    position: relative;
    margin-left: 4rem;
  }

  .head3_default .number {
    position: absolute;
    left: -3rem;
  }
}