@import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Noto+Sans+JP:wght@400;500;700&display=swap");
.bishop-container .img-col:first-child,
.bishop-container .text-col:first-child {
  margin-bottom: 32px;
}
.bishop-container .text-col {
  width: 100%;
}
@media screen and (min-width: 651px) {
  .bishop-container .img-col:first-child,
.bishop-container .text-col:first-child {
    margin-bottom: 0;
  }
}

.about-nav {
  justify-content: center;
  margin-bottom: clamp(80px, 8vw, 120px);
  column-gap: 4%;
  row-gap: 22px;
}
.about-nav .a-btn {
  width: 375px;
  max-width: 100%;
  background-color: #C8A881;
  box-sizing: border-box;
  padding: 1.2em 2.33em;
  border-radius: 0;
  font-size: clamp(18px, 2vw, 20px);
  text-align: center;
}
@media screen and (min-width: 651px) {
  .about-nav .a-btn {
    width: 48%;
  }
}
@media screen and (min-width: 1001px) {
  .about-nav .a-btn {
    width: 30.6%;
  }
}

section.bishop .bishop-coa {
  margin-bottom: clamp(80px, 8vw, 120px);
}
section.bishop .bishop-coa .img-col img {
  width: 63%;
}
@media screen and (min-width: 651px) {
  section.bishop .bishop-introduction {
    align-items: flex-end;
  }
  section.bishop .bishop-introduction .img-col picture, section.bishop .bishop-introduction .img-col img {
    width: 90%;
  }
  section.bishop .bishop-coa {
    flex-direction: row-reverse;
    align-items: flex-start;
  }
  section.bishop .bishop-coa .text-col {
    margin-top: clamp(40px, 5vw, 80px);
  }
  section.bishop .bishop-coa .text-col p {
    width: 90%;
  }
}

section.guideline {
  padding: clamp(60px, 7vw, 110px) 0 clamp(60px, 7vw, 100px);
  background-color: #F9F1E8;
}
section.guideline .img-col {
  flex: 6;
}
section.guideline .text-col {
  flex: 4;
  width: 100%;
}
@media screen and (min-width: 651px) {
  section.guideline .guideline-content {
    flex-direction: row-reverse;
    align-items: flex-end;
  }
}

section.past-bishops {
  margin-bottom: clamp(120px, 14vw, 220px);
}
section.past-bishops .title-container {
  margin-bottom: 48px;
}
section.past-bishops .card-container {
  justify-content: space-evenly;
  column-gap: clamp(20px, 3vw, 40px);
  row-gap: clamp(40px, 7vw, 100px);
}
section.past-bishops .bishop-card {
  width: clamp(280px, 40vw, 400px);
  max-width: 100%;
  box-sizing: border-box;
  padding: clamp(14px, 2vw, 34px);
  background-color: #F7F7F7;
}

section.history {
  border-top: clamp(16px, 2vw, 37px) solid #193647;
  background-color: rgba(245, 233, 217, 0.61);
  padding: clamp(80px, 10vw, 140px) 0 clamp(60px, 7vw, 100px);
}
@media screen and (min-width: 651px) {
  section.history .content-container .left-col img {
    height: 100%;
    width: 90%;
  }
  section.history .content-container .right-col {
    margin-top: auto;
    width: 90%;
  }
}

section.organization {
  margin-bottom: clamp(100px, 10vw, 140px);
}
section.organization .organization-img img {
  cursor: zoom-in;
  width: 980px;
  max-width: 96%;
}

section.link {
  background-color: #F9F1E8;
  padding: clamp(40px, 5vw, 66px) 0 clamp(60px, 7vw, 90px);
}
section.link .content-container {
  width: 475px;
  max-width: 72%;
}
section.link .content-container a.a-btn {
  font-family: "Noto Sans JP", Noto Sans JP, YuGothic, "Yu Gothic", "Yu Gothic Medium", Meiryo, sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
  box-sizing: border-box;
  padding: 0.8em 2em;
  width: 100%;
  margin-bottom: 20px;
  border-radius: 0;
  font-size: clamp(14px, 1.2vw, 18px);
  line-height: 140%;
  text-align: center;
}
section.link .content-container a.a-btn:last-child {
  margin-bottom: 0;
}

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