:root {
  --instagram-gap: 8px;
}
body {
  font-family: "Noto Sans JP", sans-serif;
}
#instagram {
  padding: 96px 0 144px;
}
.p-instagram {
  width: 98%;
  max-width: 1200px;
  margin-inline: auto;
}
.p-instagram > .c-flex {
  gap: var(--instagram-gap);
}
.p-instagram > .c-flex > * {
  width: calc((100% - var(--instagram-gap)) / 2);
  padding: 24px 16px 24px 16px;
  background: var(--color-bg);
  border-radius: 16px;
}
.p-instagram__heading p {
  font-size: 24px;
  font-weight: 700;
  color: var(--color-on-heading);
  text-align: center;
  letter-spacing: 0.15em;
}
.p-instagram iframe {
  margin-top: 16px;
}
.p-button {
  margin-top: 32px;
}
.c-button {
  border-radius: 12px;
}
@media screen and (max-width: 960px) {
  .p-instagram > .c-flex > * {
    width: 100%;
  }
  .p-instagram__heading p {
    font-size: 20px;
  }
}
@media screen and (max-width: 640px) {
  #instagram {
    padding: 64px 0 96px;
  }
  .p-instagram {
    width: 94%;
  }
  .p-instagram > .c-flex > * {
    padding: 24px 8px 16px 8px;
  }
  .p-instagram__heading p {
    font-size: 18px;
  }
  .p-button {
    margin-top: 24px;
  }
}