#main {
  /* padding-bottom: 150px; */
}
.titlewrap h1 {
  width: calc(100% - 80px);
  max-width: 1100px;
  font-size: 2.4rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1;
  margin: 0 auto;
  padding: 2em 0;
  display: grid;
  grid-template-columns: repeat(2, auto);
  align-items: center;
  justify-content: start;
  grid-column-gap: 1em;
}
.titlewrap h1 span {
  font-family: goldenbook, serif;
  font-weight: 500;
  letter-spacing: 0.05em;
  font-size: 4rem;
  color: var(--color_main);
}
.breadcrumbs .rank-math-breadcrumb {
  width: calc(100% - 80px);
  max-width: 1100px;
  margin: 0 auto;
  padding: 0.66em 0;
  font-size: 1.4rem;
  line-height: 1.2;
  text-align: right;
}
.wrap .contents {
  max-width: 1100px;
  width: calc(100% - 80px);
}
.breadcrumbs + section .wrap {
  padding-top: 60px;
}
section .wrap {
  padding-bottom: 120px;
}
section .wrap .contents h2 {
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 1.5em;
}
section .wrap .contents h2:first-letter {
  color: var(--color_main);
  font-size: 1.2em;
}
/* =================================================================
    section
================================================================= */
@media screen and (max-width: 1024px) {
  .titlewrap h1 {
    width: calc(100% - 60px);
    font-size: 2rem;
  }
  .titlewrap h1 span {
    font-size: 3.6rem;
  }
  .breadcrumbs .rank-math-breadcrumb {
    width: calc(100% - 60px);
  }
  .wrap .contents {
    width: calc(100% - 60px);
  }
  section .wrap {
    padding-bottom: 90px;
  }
  section .wrap .contents h2 {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 768px) {
  .titlewrap h1 {
    width: calc(100% - 40px);
    font-size: 1.8rem;
    grid-template-columns: 1fr;
    grid-row-gap: 0.5em;
    padding: 1.5em 0;
  }
  .titlewrap h1 span {
    font-size: 3rem;
  }
  .breadcrumbs .rank-math-breadcrumb {
    width: calc(100% - 40px);
    font-size: 1.2rem;
  }
  .breadcrumbs + section .wrap {
    padding-top: 40px;
  }
  .wrap .contents {
    width: calc(100% - 40px);
  }
  section .wrap {
    padding-bottom: 60px;
  }
  section .wrap .contents h2 {
    font-size: 2rem;
  }
}