@charset "UTF-8";
/* 記事本文エリア全体のスタイル */
.post-style {
  font-size: clamp(0px, 16 * var(--rate-fz), 16px * var(--cap));
  font-weight: 400;
  line-height: 2.1;
  font-family: "Noto Serif JP", serif;
}
@media (max-width: 767px) {
  .post-style {
    font-size: clamp(0px, 14 * var(--rate-fz), 14px * var(--cap));
  }
}

/* 記事内の見出し */
.post-style h1, .post-style h2, .post-style h3, .post-style h4, .post-style h5, .post-style h6, .post-style strong {
  font-weight: bold;
  margin: 1em 0;
}
.post-style h2 {
  font-size: clamp(0px, 32 * var(--rate-fz), 32px * var(--cap));
  margin-top: 2.5em;
  margin-bottom: 0;
}
.post-style h3 {
  font-size: clamp(0px, 24 * var(--rate-fz), 24px * var(--cap));
}
.post-style h4 {
  font-size: clamp(0px, 20 * var(--rate-fz), 20px * var(--cap));
}
.post-style h5 {
  font-size: clamp(0px, 18 * var(--rate-fz), 18px * var(--cap));
}
.post-style h6 {
  font-size: clamp(0px, 16 * var(--rate-fz), 16px * var(--cap));
}
@media (max-width: 767px) {
  .post-style h2 {
    font-size: clamp(0px, 28 * var(--rate-fz), 28px * var(--cap));
  }
}

/* 画像・リンク */
.post-style figure {
  width: 100%;
  margin: clamp(0px, 64 * var(--rate-vw), 64px * var(--cap)) 0;
}

/* テキスト */
.post-style p {
  margin: 1em 0;
}

/* リンク */
.post-style a {
  color: #268A9F;
  text-decoration: underline;
}

/* リスト */
.post-style ol {
  counter-reset: count 0;
}
.post-style ol li {
  text-indent: -1em;
  padding-left: 1em;
}
.post-style ol li::before {
  content: counter(count) ".";
  counter-increment: count 1;
}
.post-style ul li {
  text-indent: -1em;
  padding-left: 1em;
}
.post-style ul li::before {
  content: "・";
}

/* 余白打ち消し */
.u-m-0 {
  margin: 0 !important;
}

/* ページネーション
------------------------------*/
.pagination {
  margin-top: clamp(0px, 64 * var(--rate-vw), 64px * var(--cap));
  display: flex;
  gap: 0 clamp(0px, 16 * var(--rate-vw), 16px * var(--cap));
  justify-content: center;
  align-items: center;
  font-family: sans-serif;
}
@media (min-width: 768px) {
  .pagination {
    padding-left: clamp(0px, 133 * var(--rate-vw), 133px * var(--cap));
  }
}

.page-numbers {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: clamp(0px, 16 * var(--rate-fz), 16px * var(--cap));
  font-weight: 900;
  font-family: "Zen Old Mincho", serif;
  width: 2.5em;
  height: 2.5em;
  line-height: 2.5em;
  text-align: center;
  border: 1px solid #3A3A3A;
  border-radius: 50%;
  text-decoration: none;
  color: #3E3A39;
  transition: all 0.2s;
}
.page-numbers.current {
  background-color: #3A3A3A;
  color: #fff;
}
.page-numbers.dots {
  border: none;
  width: 1em;
}

/*------------------------------
INTERVIEW
------------------------------*/
/* 一覧ページ
------------------------------*/
.interview-archive__container {
  padding-bottom: clamp(0px, 165 * var(--rate-vw), 165px * var(--cap));
}

.interview-archive__title {
  width: clamp(0px, 323 * var(--rate-vw), 323px * var(--cap));
}
@media (max-width: 767px) {
  .interview-archive__title {
    width: clamp(0px, 160 * var(--rate-vw), 160px * var(--cap));
  }
}

.interview-archive__list {
  margin-top: clamp(0px, 120 * var(--rate-vw), 120px * var(--cap));
  padding-left: clamp(0px, 133 * var(--rate-vw), 133px * var(--cap));
}
@media (max-width: 767px) {
  .interview-archive__list {
    margin-top: clamp(0px, 50 * var(--rate-vw), 50px * var(--cap));
    padding-left: 0;
  }
}

/* 記事ページ
------------------------------*/
.interview-hero {
  min-height: clamp(0px, 500 * var(--rate-vw), 500px * var(--cap));
  padding-top: clamp(0px, 95 * var(--rate-vw), 95px * var(--cap));
  position: relative;
}
@media (max-width: 767px) {
  .interview-hero {
    height: auto;
    padding-top: clamp(0px, 40 * var(--rate-vw), 40px * var(--cap));
  }
}

.interview-single__title {
  width: clamp(0px, 323 * var(--rate-vw), 323px * var(--cap));
}

.interview-hero__body {
  margin-top: clamp(0px, 75 * var(--rate-vw), 75px * var(--cap));
  font-family: "Zen Old Mincho", serif;
  position: relative;
  z-index: 1;
  width: 47%;
}
@media (max-width: 767px) {
  .interview-hero__body {
    margin-top: clamp(0px, 20 * var(--rate-vw), 20px * var(--cap));
    width: 100%;
  }
}

.interview-hero__date {
  font-size: clamp(0px, 12 * var(--rate-fz), 12px * var(--cap));
  font-weight: 400;
}

.interview-hero__title {
  font-size: clamp(0px, 40 * var(--rate-fz), 40px * var(--cap));
  font-weight: 700;
  line-height: 1.6;
  margin-top: 0.5em;
}
@media (max-width: 767px) {
  .interview-hero__title {
    font-size: clamp(0px, 24 * var(--rate-fz), 24px * var(--cap));
  }
}

.interview-hero__subtitle {
  margin-top: 0.6em;
  font-size: clamp(0px, 24 * var(--rate-fz), 24px * var(--cap));
  font-weight: 700;
  line-height: 1.6;
}
@media (max-width: 767px) {
  .interview-hero__subtitle {
    font-size: clamp(0px, 16 * var(--rate-fz), 16px * var(--cap));
  }
}

@media (min-width: 768px) {
  .interview-hero__visual {
    position: absolute;
    top: 0;
    right: 0;
    width: clamp(0px, 760 * var(--rate-vw), 760px * var(--cap));
  }
}
@media (max-width: 767px) {
  .interview-hero__visual {
    width: 100%;
    margin-top: clamp(0px, 20 * var(--rate-vw), 20px * var(--cap));
  }
}

.interview-single__container {
  margin-top: clamp(0px, 75 * var(--rate-vw), 75px * var(--cap));
  display: flex;
  justify-content: space-between;
  padding-bottom: clamp(0px, 160 * var(--rate-vw), 160px * var(--cap));
}
@media (max-width: 767px) {
  .interview-single__container {
    display: block;
    margin-top: clamp(0px, 40 * var(--rate-vw), 40px * var(--cap));
  }
}

.interview-single__sidebar {
  width: calc(305 / 1160 * 100%);
  position: -webkit-sticky;
  position: sticky;
  top: 100px;
  left: 0;
  align-self: flex-start;
}
@media (max-width: 767px) {
  .interview-single__sidebar {
    width: 100%;
    position: relative;
    top: unset;
    left: unset;
  }
}

.iinterview-profile__name {
  font-size: clamp(0px, 24 * var(--rate-fz), 24px * var(--cap));
  font-weight: 700;
  font-family: "Zen Old Mincho", serif;
}

.interview-profile__text {
  margin-top: 1.7em;
  font-size: clamp(0px, 14 * var(--rate-fz), 14px * var(--cap));
  font-weight: 400;
  line-height: 1.9;
  font-family: "Noto Serif JP", serif;
}

.interview-toc {
  margin-top: clamp(0px, 64 * var(--rate-vw), 64px * var(--cap));
  background: rgba(236, 236, 236, 0.5);
  padding: clamp(0px, 24 * var(--rate-vw), 24px * var(--cap));
}
@media (max-width: 767px) {
  .interview-toc {
    margin-top: clamp(0px, 30 * var(--rate-vw), 30px * var(--cap));
  }
}

.interview-toc__title {
  width: clamp(0px, 100 * var(--rate-vw), 100px * var(--cap));
}
@media (max-width: 767px) {
  .interview-toc__title {
    width: clamp(0px, 100 * var(--rate-vw), 100px * var(--cap));
  }
}

.interview-toc__list {
  margin-top: clamp(0px, 36 * var(--rate-vw), 36px * var(--cap));
}
.interview-toc__list li:nth-child(n+2) {
  margin-top: clamp(0px, 24 * var(--rate-vw), 24px * var(--cap));
}
.interview-toc__list li a {
  display: inline-block;
  text-decoration: underline;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  width: 100%;
  font-size: clamp(0px, 17 * var(--rate-fz), 17px * var(--cap));
  font-weight: 700;
  font-family: "Zen Old Mincho", serif;
}

.interview-sns {
  margin-top: clamp(0px, 40 * var(--rate-vw), 40px * var(--cap));
}
.interview-sns p {
  font-size: clamp(0px, 14 * var(--rate-fz), 14px * var(--cap));
  font-weight: bold;
  color: #3A3A3A;
  font-family: "Noto Serif JP", serif;
}

.interview-sns__list {
  display: flex;
  justify-content: space-between;
  width: 50%;
  margin-top: clamp(0px, 16 * var(--rate-vw), 16px * var(--cap));
}
.interview-sns__list img {
  width: clamp(0px, 24 * var(--rate-vw), 24px * var(--cap));
}
@media (max-width: 767px) {
  .interview-sns__list {
    margin-top: 5%;
  }
}

.interview-single__main {
  width: calc(760 / 1160 * 100%);
}
@media (max-width: 767px) {
  .interview-single__main {
    width: 100%;
    margin-top: clamp(0px, 40 * var(--rate-vw), 40px * var(--cap));
  }
}

.interview-content {
  padding-bottom: clamp(0px, 64 * var(--rate-vw), 64px * var(--cap));
  border-bottom: 1px solid #E1E1E1;
}

.interview-item:nth-child(n+2) {
  margin-top: clamp(0px, 55 * var(--rate-vw), 55px * var(--cap));
}

.interview-item__q {
  margin: 0 !important;
  font-size: clamp(0px, 20 * var(--rate-fz), 20px * var(--cap));
  font-weight: 700;
  font-family: "Zen Old Mincho", serif;
  position: relative;
  padding-left: 2.4em;
  line-height: 1.6;
}
.interview-item__q::before {
  content: "";
  position: absolute;
  top: 0.8em;
  left: 0;
  transform: translateY(-50%);
  background: #3E3A39;
  width: 2em;
  height: 1px;
}
@media (max-width: 767px) {
  .interview-item__q {
    font-size: clamp(0px, 18 * var(--rate-fz), 18px * var(--cap));
  }
}

.interview-item__a {
  margin: 0.7em 0 0 0 !important;
  font-size: clamp(0px, 16 * var(--rate-fz), 16px * var(--cap));
  font-weight: 400;
  line-height: 2.1;
  font-family: "Noto Serif JP", serif;
}
@media (max-width: 767px) {
  .interview-item__a {
    font-size: clamp(0px, 14 * var(--rate-fz), 14px * var(--cap));
  }
}

.interview-tag {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(0px, 12 * var(--rate-vw), 12px * var(--cap));
}
.interview-tag li a {
  display: inline-block;
  font-size: clamp(0px, 14 * var(--rate-vw), 14px * var(--cap));
  font-weight: 300;
  color: #3A3A3A;
  border: 1px solid #3A3A3A;
  border-radius: 1.7em;
  padding: 0.5em 1.1em;
  pointer-events: none;
}

.interview-credit {
  margin-top: clamp(0px, 64 * var(--rate-vw), 64px * var(--cap));
}

.interview-recommend {
  margin-top: clamp(0px, 168 * var(--rate-vw), 168px * var(--cap));
}
@media (max-width: 767px) {
  .interview-recommend {
    margin-top: clamp(0px, 100 * var(--rate-vw), 100px * var(--cap));
  }
}

.interview-recommend__heading {
  width: clamp(0px, 155 * var(--rate-vw), 155px * var(--cap));
}
@media (max-width: 767px) {
  .interview-recommend__heading {
    width: clamp(0px, 120 * var(--rate-vw), 120px * var(--cap));
  }
}

.interview-recommend__items {
  margin-top: clamp(0px, 75 * var(--rate-vw), 75px * var(--cap));
}
@media (max-width: 767px) {
  .interview-recommend__items {
    margin-top: clamp(0px, 32 * var(--rate-vw), 32px * var(--cap));
  }
}

.interview-recommend__item:nth-child(n+2) {
  margin-top: clamp(0px, 64 * var(--rate-vw), 64px * var(--cap));
}
.interview-recommend__item a {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .interview-recommend__item a {
    display: block;
  }
}

.interview-recommend__thumb {
  width: clamp(0px, 275 * var(--rate-vw), 275px * var(--cap));
}
.interview-recommend__thumb img {
  aspect-ratio: 275/210;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 767px) {
  .interview-recommend__thumb {
    width: 100%;
  }
}

.interview-recommend__body {
  width: clamp(0px, 468 * var(--rate-vw), 468px * var(--cap));
}
@media (max-width: 767px) {
  .interview-recommend__body {
    width: 100%;
    margin-top: clamp(0px, 20 * var(--rate-vw), 20px * var(--cap));
  }
}

.interview-recommend__header {
  font-weight: 700;
  line-height: 1.6;
  font-family: "Zen Old Mincho", serif;
  padding-bottom: clamp(0px, 12 * var(--rate-vw), 12px * var(--cap));
  border-bottom: 1px solid #3A3A3A;
}

.interview-recommend__title {
  font-size: clamp(0px, 20 * var(--rate-fz), 20px * var(--cap));
}

.interview-recommend__subtitle {
  font-size: clamp(0px, 16 * var(--rate-fz), 16px * var(--cap));
}

.interview-recommend__text {
  margin-top: 1.1em;
  font-size: clamp(0px, 14 * var(--rate-fz), 14px * var(--cap));
  font-weight: 300;
  line-height: 1.9;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.interview-recommend__more {
  margin-top: 1em;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  font-size: clamp(0px, 16 * var(--rate-fz), 16px * var(--cap));
  font-weight: 900;
  letter-spacing: 0.05em;
  font-family: "Zen Old Mincho", serif;
  position: relative;
  padding-right: 2.8em;
}
.interview-recommend__more::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  background: url(../img/icon_arrow01.webp) no-repeat center center/contain;
  width: 2.3em;
  aspect-ratio: 33/3;
}

.interview-recommend__button {
  margin: 9% auto 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
/*# sourceMappingURL=post.css.map */