@media only screen and (max-width: 768px) {
  .home_page .key {
    --height: calc(100vh - 60px);
    --max-height: 156vw;
    --min-height: 320px;
    font-size: 8px;
  }
}
@media only screen and (max-width: 768px) {
  .idx00 {
    padding: calc(var(--pd-size) * 2) 0;
  }
  .idx00 .ttl {
    font-size: 26px;
  }
  .idx00 .more a {
    font-size: 18px;
  }
  .idx01 .works {
    --h-post: max(150px, 40vw);
  }
  .idx01 .works ul {
    grid-template-columns: 50% 50%;
    gap: 10px;
  }
  .idx01 .works ul li:first-child {
    grid-column: 1/3;
  }
  .idx01 .works ul li:first-child img {
    max-height: calc(var(--h-post) * 1.5);
  }
  .idx01 .works ul li img {
    max-height: var(--h-post);
  }
  .idx02 {
    padding: calc(var(--pd-size) * 2) 0;
  }
  .idx02 .author_avt {
    margin-bottom: 1em;
    gap: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .idx02 .author_avt picture {
    flex-shrink: 0;
    max-width: 150px;
  }
  .idx02 .author_name {
    text-align: center;
  }
  .idx02 .author_name > span {
    display: block;
  }
  .idx02 .author_company {
    margin-bottom: 1em;
    flex-wrap: wrap;
    gap: 1em;
  }
}

/*# sourceMappingURL=index_sp.css.map */