@charset "UTF-8";
/**************************************/
/* -------------------------
 * 全体レイアウト
 * ------------------------- */
.news__container {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 3rem 19%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 1024px) {
  .news__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 6rem 0;
  }
}

/* -------------------------
 * サイドメニュー
  * （共通）
 * ------------------------- */
.document__container {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 5rem 15%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 834px) {
  .document__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

/* -------------------------
 * サイドバー
 * ------------------------- */
.document__side-inner {
  position: sticky;
  top: 12rem;
}
@media (max-width: 834px) {
  .document__side-inner {
    position: static;
  }
}

.document__side-txt {
  font-size: var(--f14);
  margin-bottom: 4rem;
}
@media (max-width: 834px) {
  .document__side-txt {
    margin-bottom: 3rem;
  }
}

.document__side-item + .document__side-item {
  margin-top: 4rem;
}
@media (max-width: 834px) {
  .document__side-item + .document__side-item {
    margin-top: 3rem;
  }
}

.document__side-item-label {
  font-size: var(--f18);
  margin-bottom: 1rem;
}
@media (max-width: 834px) {
  .document__side-item-label {
    margin-bottom: 0.5rem;
  }
}

.document__side-tel {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-block;
  padding: 0.6rem 2rem;
  background-color: #676e73;
  font-weight: 500;
  font-size: var(--f28);
  color: #fff;
  text-align: center;
  margin-bottom: 1.2rem;
}

.document__side-tel-info {
  font-size: var(--f14);
}

.document__side-btn {
  margin-inline: 0;
}

/* -------------------------
 * メインコンテンツ
 * ------------------------- */
.document__content + .document__content {
  margin-top: 14rem;
}
@media (max-width: 834px) {
  .document__content + .document__content {
    margin-top: 5rem;
  }
}

.document__content-ttl {
  margin-bottom: 6rem;
  font-size: var(--f32);
}
@media (max-width: 834px) {
  .document__content-ttl {
    margin-bottom: 2.5rem;
    font-size: 2.5rem;
  }
}

.document__note {
  padding: 3.5rem 4%;
  background-color: rgba(103, 110, 115, 0.1);
  margin-bottom: 8rem;
}
@media (max-width: 834px) {
  .document__note {
    padding: 3rem 5%;
    margin-bottom: 4rem;
  }
}

.document__note-label {
  font-size: var(--f22);
  margin-bottom: 3rem;
  font-weight: 500;
}
@media (max-width: 834px) {
  .document__note-label {
    margin-bottom: 2rem;
  }
}

.document__note-txt {
  font-size: var(--f14);
}

.document__list > li {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 1.5rem 2%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.4);
  padding-inline: 3%;
}
@media (max-width: 834px) {
  .document__list > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-inline: 0;
  }
}
.document__list > li:first-child {
  padding-bottom: 2.5rem;
}
@media (max-width: 834px) {
  .document__list > li:first-child {
    padding-bottom: 2rem;
  }
}
.document__list > li:not(:first-child) {
  padding-block: 3.5rem 2.5rem;
}
@media (max-width: 834px) {
  .document__list > li:not(:first-child) {
    padding-block: 2rem;
  }
}

.document__list-ttl {
  font-weight: 500;
}
@media (max-width: 834px) {
  .document__list-ttl {
    font-size: 1.6rem;
  }
}
.document__list-ttl + .document__list-txt {
  margin-top: 0.5rem;
}

.document__list-txt {
  font-size: var(--f14);
}

.document__list-btn {
  font-size: var(--f14);
  font-weight: 500;
  background: #e3241e;
  border: solid 1px #e3241e;
  color: #fff;
  padding: 1.2rem 2.4rem 1.2rem 5.2rem;
  line-height: 1;
  border-radius: 100vmax;
}
@media (max-width: 834px) {
  .document__list-btn {
    margin-inline: auto;
    font-size: 1.2rem;
    padding: 1.2rem 2.4rem;
  }
}
.document__list-btn:hover {
  color: #e3241e;
}
.document__list-btn.base-btn--red {
  width: 26rem;
  height: 6rem;
  max-width: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 834px) {
  .document__list-btn.base-btn--red {
    width: 20rem;
    height: 5rem;
  }
}

.material-symbols-outlined {
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  font-size: var(--f20);
}/*# sourceMappingURL=document.css.map */