/**
 * This CSS was automatically generated from a source file.
 * Editing this file directly isn't recommended. Modifying the styles of this module can be done
 * with an external stylesheet attached to the page or module.
 */

@charset "UTF-8";.hero-blog-post__content,.hero-blog-post__media{margin-left:auto;margin-right:auto}.hero-blog-post__content{width:90%;max-width:740px}.hero-blog-post__media{max-width:1140px;margin-top:3rem}.hero-blog-post__media img{display:block;margin-left:auto;margin-right:auto}.hero-blog-post__back{color:var(--base-color)}.hero-blog-post__back:not(:hover):not(:focus):not(:focus-visible){background-image:linear-gradient(90deg,transparent,transparent);background-size:100% 1px;background-position:0 100%}.hero-blog-post__back::before{content:"‹";margin-right:3px}
@media screen and (min-width:480px) { 
    /*　画面サイズが480pxからはここを読み込む　*/
  .hero-blog-post__content {
    max-width: 1024px;
    width: 90%;
  }
    .hero-blog-post__content h1{
    font-size:38px;
  }

  .hero-blog-post__media-wrapper {
    width: 1140px; /* 横幅を1140pxに設定 */
    height: 640px; /* 縦幅を640pxに設定 */
    overflow: hidden; /* はみ出した部分を隠す */
    display: flex; /* Flexboxを使用 */
    align-items: center; /* 縦方向中央揃え */
    justify-content: center; /* 横方向中央揃え */
  }

  .hero-blog-post__media-wrapper img {
    width: auto; /* 画像の自然な横幅を保持 */
    height: auto; /* 画像の自然な縦幅を保持 */
    max-width: none; /* 最大横幅の制限を解除 */
  }
}

}