@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap");
body {
  /* 固定ヘッダ分 */
  padding-top: 56px;
}

body,
button,
input,
optgroup,
select,
textarea {
  /* 規定のフォントを Noto Sans JP にする */
  font-family: "Noto Sans JP", BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* テーブルのヘッダ部を左寄せに */
.content table th {
  text-align: left !important;
}

/* タクソノミーを記述したメッセージ中のリンク */
.message.taxonomy a {
  text-decoration: none !important;
}
.message.taxonomy a:hover {
  text-decoration: underline !important;
}

.content pre {
  /* コードブロック下に余白を設ける */
  margin-bottom: 1em;
}

.tag:not(body).is-transparent {
  background-color: transparent;
  color: #4a4a4a;
}

/* mermaid中にあるlabelクラスがBulmaのcssに影響してしまうのを回避 */
.mermaid label {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
}

.hero-title {
  background-position: right;
  background-repeat: no-repeat;
  background-size: 33%;
  background-clip: border-box;
}
@media screen and (min-width: 640px) {
  .hero-title > * {
    max-width: 67%;
  }
}
@media screen and (max-width: 639px) {
  .hero-title {
    background-position: top right;
    background-size: 25%;
  }
}
@media screen and (max-width: 480px) {
  .hero-title {
    background-image: none !important;
  }
}

.hero-about {
  background-image: url(../img/undraw_profile_re_4a55.svg);
}

.hero-posts {
  background-image: url(../img/undraw_content_re_33px.svg);
}

.hero-works {
  background-image: url(../img/undraw_portfolio_re_qwm5.svg);
}

.hero-contact {
  background-image: url(../img/undraw_contact_us_re_4qqt.svg);
}

.hero-categories,
.hero-tags {
  background-image: url(../img/undraw_selection_re_ycpo.svg);
}

.hero-archives {
  background-image: url(../img/undraw_events_re_98ue.svg);
}

.hero-privacy-policy {
  background-image: url(../img/undraw_gdpr_-3-xfb.svg);
}/*# sourceMappingURL=style.css.map */