/* kv */
.kv-section {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 545px;
  background-image: url("../images/greeting_bg.jpg");
  background-position: center;
  background-size: cover;
}
.kv-wrapper {
  color: #fff;
  text-align: center;
}
.kv-subtitle {
  font-size: 1rem;
  font-weight: 700;
  text-shadow: 0px 0px 4px #000000;
}
.kv-title {
  font-size: 2.5rem;
  font-weight: 700;
  text-shadow: 0px 4px 30px #000000;
}

@media (max-width: 767px) {
  .kv-section {
    height: 240px;
    background-image: url("../images/greeting_bg_sp.jpg");
  }
  .kv-wrapper {
    text-align: center;
  }
  .kv-subtitle {
    margin: 0 0 8px;
    font-size: 0.75rem;
  }
  .kv-title {
    font-size: 1.25rem;
  }
}
/* 総監セクション */
.chief-section {
  max-width: 1081px;
  padding: 120px 10px 35px;
  margin: 0 auto;
  border-bottom: solid 1px #cecece;
}
.chief-title-wrapper {
  margin: 0 0 46px;
}
.chief-subtitle {
  font-size: 1rem;
  font-weight: 700;
  color: #0f3e8f;
}
.chief-title {
  font-size: 2.5rem;
}
.chief-layout {
  display: grid;
  grid-template-areas:
    "image name name"
    "image info career"
    "post  post career";
  grid-template-rows: auto 1fr auto;
  grid-template-columns: min(27%, 296px) min(23%, 240px) 1fr;
  gap: 0 min(2.6%, 50px);
}

.chief-image {
  grid-area: image;
  width: 100%;
  max-width: 296px;
  height: auto;
}
.chief-image > img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.chief-post {
  grid-area: post;
  margin: 33px 0 0;
}
.chief-post > img {
  width: 100%;
  height: auto;
}
.chief-name-wrapper {
  grid-area: name;
  width: 100%;
}
.chief-name-en {
  margin: 0 0 12px;
  font-size: 1.125rem;
  font-weight: 700;
  color: #5f6b7d;
}
.chief-name-ja {
  font-size: 1.5rem;
  font-weight: 700;
}
.chief-info {
  grid-area: info;
  margin: 2rem 0 0;
}
.chief-info-title {
  font-size: 1.125rem;
  font-weight: 700;
  color: #0f3e8f;
}
.chief-info-text {
  margin: 0 0 1rem;
  font-size: 1rem;
  font-weight: 700;
  color: #5f6b7d;
}
.chief-career {
  grid-area: career;
}
.chief-career-title {
  font-size: 1.125rem;
  font-weight: 700;
  color: #0f3e8f;
}
.chief-career-list {
  padding: 0;
}
.chief-career-list > li {
  display: flex;
  flex-wrap: wrap;
  column-gap: 1em;
  margin: 0 0 4px;
  font-size: 0.875rem;
  font-weight: 700;
  color: #5f6b7d;
}
.list-date {
  flex: 0 0 105px;
}
.list-description {
  flex: 1;
}
@media (max-width: 767px) {
  .chief-section {
    max-width: 600px;
    padding: 60px 20px 50px;
  }
  .chief-title-wrapper {
    margin: 0 0 24px;
  }
  .chief-subtitle {
    margin: 0 0 12px;
  }
  .chief-title {
    font-size: 1.5rem;
  }
  .chief-layout {
    grid-template-areas:
      "image"
      "post"
      "name"
      "info"
      "career";
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
    gap: 0 0;
  }
  .chief-image {
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
  }
  .chief-post {
    width: 100%;
    margin: 0 auto 30px;
  }
  .chief-name-wrapper {
    margin: 0 auto 30px;
  }
  .chief-info {
    margin: 0;
  }
  .chief-info-text {
    margin: 0 0 12px;
  }
  .chief-career-list {
    margin: 8px 0;
  }
}

/* あいさつセクション */
.greet-section {
  max-width: 1080px;
  padding: 35px 10px 120px;
  margin: 0 auto;
}
.greet-title-wrapper {
  margin: 0 0 40px;
}
.greet-subtitle {
  margin: 0 0 20px;
  font-size: 1rem;
  font-weight: 700;
  color: #0f3e8f;
}
.greet-title {
  font-size: 2.5rem;
  font-weight: 700;
  color: #232323;
}
.greet-text {
  margin: 0 0 2rem;
  font-size: 1rem;
  font-weight: 700;
  line-height: 2rem;
  color: #5f6b7d;
  text-align: justify;
}

.greet-date,
.greet-author {
  font-size: 1rem;
  font-weight: 700;
  line-height: 2em;
  color: #0f3e8f;
}
@media (max-width: 767px) {
  .greet-section {
    max-width: 600px;
    padding: 50px 20px;
  }
  .greet-title-wrapper {
    margin: 0 0 30px;
  }
  .greet-subtitle {
    margin: 0 0 12px;
  }
  .greet-title {
    font-size: 1.5rem;
  }
  .greet-text {
    margin: 0 0 20px;
    font-weight: 400;
    line-height: 1.75em;
  }
}