@charset "utf-8";

/* お役立ちコンテンツCSS */

.p-section-wrap {
  display: grid;
  gap: 2em;
}

@media (min-width: 1024px) {
  .p-section-wrap {
    gap: 3em;
  }
}

.p-section-ttl {
  font-size: 2em;
}
@media (max-width: 768px) {
  .p-section-ttl {
    font-size: 1.8em;
  }
}
.p-contents-ttl {
  font-weight: bold;
  font-size: 1.6em;
  line-height: 1.4em;
}
@media (max-width: 768px) {
  .p-contents-ttl {
    font-size: clamp(1rem, 5vw, 1.8em);
  }
}

.p-item-list {
  display: grid;
  grid-template-rows: repeat(2, 1fr);
  grid-template-rows: auto;
  gap: 3em 3.5em;
}
.p-item-list li {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 5;
  gap: 0;
}
.p-btn-deco {
  font-size: 1.4em;
  font-weight: bold;
  letter-spacing: 0.04em;
}

.p-contents-datail {
  background: #d4f2fc;
  padding: 2em;
}

.p-datail-list > li {
  font-size: 1.4em;
  padding-bottom: 0.5em;
}

.p-note-list {
  font-size: 1.2em;
}