@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 100;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 200;
}
body {
  line-height: 1.8;
  font-size: 20px;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif !important;
}
@media all and (-ms-high-contrast: none)  {
  html {
    font-family: Verdana, Meiryo, sans-serif;
  }
}
@media all and (-ms-high-contrast: active) {
  html {
    font-family: Verdana, Meiryo, sans-serif;
  }
}

a {
  color: #0657B5;
}

p {
  margin-bottom: 1.8rem;
}

.target-blank:after {
    content: url("/img/icons/box-arrow-in-up-right.svg");
}

.bg-advising {
  background: linear-gradient(transparent 0%, rgba(170, 170, 170, 0.4) 0%);
}
.bg-cyan {
  background: linear-gradient(transparent 80%, rgba(23, 199, 231, 1.0) 0%);
}
.bg-design {
  background: linear-gradient(transparent 0%, rgba(127, 199, 163, 0.4) 0%);
}
.bg-guide {
  background: linear-gradient(transparent 70%, rgba(255, 255, 0, 1.0) 0%);
}
.bg-marketing {
  background: linear-gradient(transparent 0%, rgba(110, 143, 150, 0.4) 0%);
}
.bg-saas {
  background: linear-gradient(transparent 0%, rgba(244, 162, 97, 0.4) 0%);
}
.bg-system {
  background: linear-gradient(transparent 0%, rgba(241, 146, 145, 0.4) 0%);
}
a.btn-dark:hover {
  background: #FCFCFC;
  color: #333;
}
.btn-white {
  background: #FFF;
}
.display-0 {
  font-size: calc(2rem + 4vw);
}
.rounded-10 {
  border-radius: 10px;
}
.rounded-10-top {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.post-content h2 {
  /* font-size: calc(1.425rem + 2.1vw); */
  font-size: calc(1.375rem + 1.5vw);
  font-weight: 800;
  padding-top: 1.2em;
  margin-bottom: 1.2em;
  border-bottom: 1px solid #CCC;
}

.post-content h3 {
  font-size: calc(1rem + 1.2vw);
  font-weight: 800;
  padding-top: 1.2em;
  margin-bottom: 1.2em;
}

.post-content h4 {
  font-size: calc(1rem + 1vw);
  font-weight: 800;
  padding-top: .8em;
  margin-bottom: .8em;
}

.short-border-bottom-center {
  position: relative;
  text-align: center; /* 文字の中央寄せ */
}
.short-border-bottom-center::before {
  background-color: #999;
  border-radius: 5px;
  bottom: -2.0rem;
  content: "";
  height: 5px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 100px;
}

.typewriter-default {
  display: none;
  min-height: 1.2em;
}