/* ==============================
  Base
============================== */
*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  margin: 0;
  color: #3f3937;
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  background: #f8f4df;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

a {
  color: inherit;
  text-decoration: none;
}

/* PCでは非表示 */
.portfolio-fv__sp-img {
  display: none;
}
.pc_only {
  display: block;
}
.sp_only {
  display: none;
}
@media screen and (max-width: 768px) {
.pc_only {
  display: none;
}
.sp_only {
  display: block;
}
}
/* モバイルのみ表示 */
@media screen and (max-width: 768px) {
  .portfolio-fv__sp-img {
    display: block;
    width: 100%;
    margin: 0 auto 0;
    position: relative;
    z-index: 2;
  }

  .portfolio-fv__sp-img img {
    width: 65%;
    height: auto;
    display: block;
    border-radius: 24px;
    margin: auto;
  }

  /* 右側のPC用画像をモバイルでは非表示にする場合 */
  .portfolio-fv__visual {
    display: none;
  }
}