@charset "UTF-8";
/* ========== ========== ==========
変数定義
========== ========== ========== */
/* ========== ========== ==========
共通部
========== ========== ========== */
/* 共通部ここまで
---------- ---------- */
/* ========== ========== ==========
個別部
========== ========== ========== */
.singlePost {
  margin-bottom: clamp(68px, 7.97vw, 102px);
  max-width: 762px;
  margin-inline: auto;
  padding-inline: 15px;
}
.singlePost .sectionTitle2 {
  margin-bottom: 35px;
}
.singlePost_head {
  margin-bottom: 26px;
}
.singlePost .blog_li_body_head {
  margin-bottom: 5px;
}
.singlePost_title {
  font-size: 20px;
}
.singlePost_thumbnail {
  max-height: clamp(300px, 39.0625vw, 500px);
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.singlePost_thumbnailWrap {
  border-radius: 20px;
  margin-bottom: 26px;
}
.singlePost_content {
  margin-bottom: 50px;
}
.singlePost_btns {
  display: flex;
  justify-content: space-between;
}
.singlePost .btn-back, .singlePost .btn-next {
  padding: clamp(11.33px, 1.33vw, 17px) 2.734375vw;
  padding: clamp(11.33px, 1.33vw, 17px) clamp(15px, 2.734375vw, 35px);
}
.singlePost .btn-news {
  padding: clamp(11.33px, 1.33vw, 17px) clamp(20px, 5.78125vw, 74px);
}

.pSingleBlog .sectionTitle2 {
  color: black;
  margin-bottom: clamp(54px, 6.33vw, 81px);
}
.pSingleBlog .blog_content {
  margin-bottom: 45px;
}

.paging {
  margin-bottom: 21px;
  font-size: clamp(16px, 1.5625vw, 20px);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}
.paging a {
  text-decoration: none;
  color: var(--color-main);
}

.btns {
  margin-bottom: clamp(90.67px, 10.63vw, 136px);
}

/* 個別部ここまで
---------- ---------- */