.post-content-area {
	font-family : var(--zen-kaku-font);
  	max-width : 1090px;
  	position : relative;
  	padding-bottom : 6rem;
  h1 {
    font-size : 1.5rem;
    line-height : 1.8;
    padding : 1rem 2rem;
    background-color : var(--color-gold);
    color : #fff;
    font-family : var(--mincho-font);
    margin-bottom : 4rem;
  }
  h2 {
	font-size : 1.25rem;
    line-height : 1.7;
    border-left : 5px solid var(--color-gold);
    padding-left : 1.5rem;
    padding-block : 3px;
    margin-bottom : 1.5rem;
    margin-top : 4rem;
  }
    h3 {
	font-size : 1.2rem;
    line-height : 1.7;
    margin-bottom : 1rem;
    margin-top : 2rem;
  }
  p + p {
    margin-top : 1rem;
  }
  a {
    color : inherit;
    text-decoration : underline;
  }
  .youtube-area iframe {
    width : 100%;
    height : auto;
    aspect-ratio : 16/9;
  }
  h1 + .post-content-date {
    margin-top : -2.5rem;
    line-height : 1;
    white-space : nowrap;
    margin-bottom : 4rem;
  }
  .post-content-back .btn.btn-outline-normal a {
    font-size : 1.25rem;
    line-height : 1.8;
    border : 1px solid #000;
    border-radius : 1em;
    min-width : 200px;
    display : block;
    text-decoration : none;
  }
}

@media (max-width: 767px) {
  .post-content-area {
    h1{
      font-size : 18px;
      padding : 10px 10px;
      line-height: 1.3em;
    }
  }
  .header-hero__title{
    font-size:clamp(50px, 12vw, 60px);
  }
}