@charset "utf-8";

/* CSS Document */

/***********
pageHeading
************/

.pageHeading-title {
  font-family: var(--font-family-gothic-en);
  font-size: 100%;
  font-weight: 600;
  letter-spacing: 0.25em;
}
.pageHeading-title.-ls01 {
  letter-spacing: 0.25em;
}

@media screen and (max-width:834px) {

  .pageHeading-title {
    letter-spacing: 0.1em;
  }
  .pageHeading-title.-ls01 {
    letter-spacing: 0.2em;
  }

}

/***********
article
************/

.article-heading-title {
  font-size: clamp(1.15rem,3vw, 1.3rem);
}

@media screen and (max-width:640px) {

  .article-heading-title {
    font-size: clamp(1.1rem,4vw, 1.25rem);
  }

}

/***********
post
************/


.post h2:not([class]) {
  font-size: 1.15rem;
}

.post h3:not([class]) {
  font-size: 1.15rem;
}

.post h4:not([class]) {
  font-size: 1.1rem;
}
.post h5:not([class]) {
  font-size: 1.1rem;
}
.post h6:not([class]) {
  font-size: 1.1rem;
}

@media screen and (max-width:834px) {

  .post table:not([class]) thead th,
  .post table:not([class]) tbody th ,
  .post table:not([class]) tbody td {
    padding: 0.8em;
    font-size: 0.85rem;
  }

}

/***********
memberList
************/

.memberList-name {
  font-size: 1rem;
}
.memberList-name-title {
  display: block;
  font-family: var(--font-family-gothic-en);
}
.memberList-pos {
  font-size: 0.8rem;
}

/***********
infoList
************/

.infoList-time {
  letter-spacing: 0.02em;
}

/***********
greeting
************/

.greeting-heading {
  font-family: var(--font-family-gothic-en);
}

/***********
aboutChart
************/

.aboutChart-heading {
  font-size: clamp(1.15rem,4vw, 1.2rem);
  font-weight: 600;
  font-family: var(--font-family-gothic-en);
  color: var(--color-brand01);
  letter-spacing: 0.05em;
  margin-top: 3em;
  margin-bottom: -0.8em;
  text-align: center;
}
.aboutChart li {
  padding: 1em;
}
.aboutChart-title {
  font-size: 1rem;
  line-height: 1.3;
  margin-bottom: 0.3em;
  min-height: calc(1.3 * 3em);
}
.aboutChart-text {
  font-size: 0.8rem;
  line-height: 1.4;
}

@media screen and (max-width:520px) {

  .aboutChart-title {
    font-size: 0.9rem;
    line-height: 1.3;
    margin-bottom: 0.3em;
    min-height: calc(1.3 * 2em);
  }
  .aboutChart-text {
    font-size: 0.75rem;
    line-height: 1.2;
  }

}

/***********
memberHeader
************/

.memberHeader-name-title {
  display: block;
  font-family: var(--font-family-gothic-en);
}


/***********
xxxxx
************/


/***********
xxxxx
************/


/***********
xxxxx
************/


/***********
xxxxx
************/