@charset "UTF-8";
.interview-main-title,
.interview-sub-title {
  margin-top: 1em;
  font-size: var(--heading2);
  line-height: 1.6;
  font-family: "BIZ UDMincho", serif;
  font-weight: bold;
}

.interview-sub-title {
  margin-top: 0.5rem;
}

.article-title.vol4 {
  padding: clamp(0.2rem, -3.012rem + 6.68vw, 2rem); /*  .4 ~ 2*/
  top: clamp(0.2rem, -3.012rem + 6.68vw, 2rem); /*  .45 ~ 2*/
}

.article-title.vol5 {
  padding: clamp(0.4rem, -0.1rem + 2.13vw, 1.5rem); /*  .4 ~ 1.5*/
  padding-left: clamp(0.4rem, -0.113rem + 2.19vw, 1.2rem); /*  .4 ~ 1.2*/
  padding-right: clamp(0.4rem, -0.113rem + 2.19vw, 1.2rem); /*  .4 ~ 1.2*/
  top: clamp(0.2rem, -3.012rem + 6.68vw, 2rem); /*  .45 ~ 2*/
}

.interview-main-title.vol4,
.interview-sub-title.vol4 {
  margin-top: 0.8em;
  font-size: clamp(0.688rem, 0.545rem + 0.61vw, 1rem); /*  11~16*/
  line-height: 1.4;
}

.interview-main-title.vol5,
.interview-sub-title.vol5 {
  margin-top: 0.8em;
  font-size: clamp(0.688rem, 0.545rem + 0.61vw, 1rem); /*  11~16*/
  line-height: 1.1;
}

.syozoku {
  font-size: clamp(0.688rem, 0.574rem + 0.48vw, 0.938rem); /*11-15*/
}

.syozoku.text-small {
  font-size: clamp(0.688rem, 0.631rem + 0.24vw, 0.813rem); /*11-13*/
}

.shi {
  font-size: clamp(0.688rem, 0.602rem + 0.36vw, 0.875rem); /*11-14*/
}

.sec-title.red {
  color: #cc0000;
}

.youtube {
  margin: 1em auto;
  display: flex;
  width: 100%;
  max-width: 960px;
  gap: 1em;
  text-align: center;
  justify-content: center;
}

.youtube iframe {
  width: calc(480px - 0.5em);
  min-height: 315px;
}

.section-heading {
  margin: 5rem 0 3rem 0;
}

.caption-body {
  margin-top: 1.5rem;
}

img {
  max-width: 100%;
  height: auto;
}

.interview-h {
  padding: 0.1em;
  border-bottom: 1px solid #333;
}

.profile-h {
  padding-bottom: 0.5em;
  border-bottom: 1px solid #333;
  font-weight: 300;
}

.profile-txt p {
  font-size: 14px;
}

.normal-h {
  padding: 0.1em;
  border-bottom: 1px solid #333;
  font-weight: 500;
  font-size: 16px;
  /* 文字の上に点 */
}
.normal-h .dots {
  background-image: radial-gradient(circle at center, #333 20%, transparent 20%); /* 点の色とサイズ調整 */
  background-position: top right; /* 点の位置 */
  background-repeat: repeat-x; /* 横方向に繰り返し */
  background-size: 1em 0.3em; /* 点の間隔とサイズ調整 */
  padding-top: 0.4em; /* 縦方向の位置調整 */
}

.interview-body {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}

.img-three {
  width: calc(33.3333333333% - 10px);
  list-style: none;
}

/* 4列 */
.interview-card {
  justify-content: space-around;
  align-items: flex-start;
  flex-wrap: wrap;
}

.interview-img.vol5 {
  margin-right: 7rem;
}

.row3 {
  justify-content: normal;
}

.interview-item {
  text-align: center;
}
.interview-item img {
  vertical-align: bottom;
  display: inline-block;
}
.interview-item figcaption {
  padding-top: 18px;
  font-size: 14px;
}
.interview-item figcaption .dl-link {
  word-break: break-all;
}

.sec-title span {
  font-size: 18px;
}

.interview-h3 {
  padding: 0.1em 0 0.2em 1em;
  font-family: var(--noto);
  border-left: 10px solid var(--main);
  color: #cc0000;
  font-size: 18px;
}

.interview-card .more-web {
  margin-top: 5px;
  font-size: var(--contents-txt);
}

.mt-m > b:not(.normal) {
  margin-right: 1em;
}

.vol6-interview-style {
  padding: 30px 10px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 25px;
  background: #f7f5ed;
}
.vol6-interview-style hr {
  margin-block: 15px;
}
.vol6-interview-style h3 {
  padding-bottom: 5px;
  font-size: 16px;
  border-bottom: 1px solid #333;
}
.vol6-interview-style h4 {
  color: #cc0000;
}
.vol6-interview-style .content1 {
  max-width: 225px;
}
.vol6-interview-style .content1.interview2-2 {
  max-width: 460px;
}
.vol6-interview-style .content2 {
  max-width: 350px;
}
.vol6-interview-style .content2 span {
  color: #cc0000;
  font-weight: 500;
}
.vol6-interview-style .content2 .ex {
  margin-top: 30px;
  font-size: 14px;
}
.vol6-interview-style .content3 {
  max-width: 385px;
}

.vol6-interview5 {
  padding: 50px 20px 20px 20px;
  background-color: #f7f5ed;
}
.vol6-interview5 .intro-h {
  font-weight: 500;
  margin-top: 10px;
  color: #cc0000;
  font-size: clamp(1.25rem, 0.95rem + 1.28vw, 1.75rem);
}
.vol6-interview5 .container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.vol6-interview5 .container .voice {
  max-width: 150px;
}
.vol6-interview5 .container .person p {
  padding-left: 20px;
}
.vol6-interview5 .intro {
  font-weight: 400;
}

.mokuji-container {
  margin-top: 20px;
  text-align: center;
}
.mokuji-container a:hover {
  opacity: 0.8;
}

.mokuji-banner-pc {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.mokuji-banner-sp {
  display: none;
}

@media screen and (max-width: 768px) {
  .vol6-interview5 .container {
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  .mokuji-banner-sp {
    display: block;
  }
  .mokuji-banner-pc {
    display: none;
  }
}
.flex-box1 {
  display: flex;
  align-items: flex-end;
  gap: 20px;
  flex-wrap: wrap;
}

.vol6-address-style {
  display: flex;
  gap: 30px;
}
.vol6-address-style .content1 {
  width: 100%;
}
.vol6-address-style .content1 p {
  font-size: 14px;
}
.vol6-address-style .content1 h3 {
  font-size: 18px;
  font-weight: 500;
}
.vol6-address-style .content1 hr {
  margin-block: 10px;
}

@media screen and (max-width: 768px) {
  .vol6-interview-style {
    flex-direction: column;
    align-items: center;
  }
  .vol6-interview-style .content1,
  .vol6-interview-style .content2,
  .vol6-interview-style .content3 {
    max-width: 100%;
  }
  .vol6-address-style {
    flex-wrap: wrap;
    justify-content: center;
  }
}
hr {
  height: 0;
  border: 0;
  border-top: 1px solid #333;
}

/* vol3 */
.about-box {
  margin-top: 2rem;
  padding: 10px 25px;
  border: 1px solid var(--main);
}

.about-box h2 {
  color: var(--main);
}

.about-box h2 span {
  font-size: 18px;
}

.about-box p {
  margin-top: 10px;
}

.sec-title.vol-section {
  padding-bottom: 1.25rem;
  border-bottom: 1px solid var(--main);
}

.vol-section {
  display: flex;
  justify-content: center;
  align-items: center;
}

.vol-section p {
  margin-right: 16px;
  padding: 0 10px 0 16px;
  text-align: center;
  background-color: var(--main);
  color: #fff;
  letter-spacing: 0.5rem;
}

.img-vol3 {
  display: flex;
  justify-content: center;
}

.img-vol3 figcaption {
  padding-bottom: 10px;
  text-align: center;
  font-weight: 700;
}

/* vol4 CTプロジェクト */
.ct-project-container {
  padding: clamp(1.25rem, 0.966rem + 1.21vw, 1.875rem);
  border: 1px solid #cc0000;
}

.ct-project-heading {
  color: #cc0000;
  font-size: 20px;
  text-align: center;
}

.timeline-container {
  margin-top: clamp(0.938rem, 0.653rem + 1.21vw, 1.563rem); /*15-25*/
}

.timeline-wrap {
  display: flex;
  align-items: center;
  gap: 20px;
}

.timeline-wrap p {
  line-height: 1.5;
}

.timeline-date {
  display: flex;
  margin-right: 1rem;
  align-items: center;
  gap: 10px;
  font-size: 20px;
  font-weight: bold;
  color: #cc0000;
  white-space: nowrap;
}

.timeline-wrap img {
  width: 100%;
  max-width: 150px;
  height: 100%;
}

/* vol5イントロ */
.vol5-intro {
  margin-top: 1rem;
  margin-bottom: 4rem;
  line-height: 1.7;
}

.vol5-intro hr {
  height: 1px;
  background-color: #cc0000;
  border: none;
}

.vol5-intro ul {
  list-style: none;
}

.vol5-intro ul li {
  text-indent: -1rem;
  margin-left: 1.25rem;
}

.vol5-intro ul li:before {
  content: "";
  width: 10px;
  height: 10px;
  margin-right: 10px;
  position: relative;
  top: -1px;
  display: inline-block;
  background-color: #cc0000;
}

.interview-columns {
  padding: 2rem 1.5rem;
  border: 1px solid var(--main);
}

.interview-columns .interview-h3 {
  margin: 0;
}

/* vol5 インタービューの中のインタビュー */
.mini-interview {
  display: flex;
  gap: 0 3.5rem;
  padding: clamp(1rem, 0.048rem + 4.06vw, 2rem) clamp(1rem, -0.428rem + 6.09vw, 2.5rem); /* 1rem-2rem 1rem-2.5rem */
  border: 1px solid var(--main);
  background-color: #fff7eb;
}

.mini-interview-text {
  flex-basis: 75%;
}

.mini-interview-text h3 {
  font-size: clamp(1.15rem, 0.995rem + 0.66vw, 1.313rem); /* 1.15rem - 1,313rem*/
}

.mini-interview-people h3 {
  margin-bottom: 20px;
  border-bottom: 1px solid #333;
}

.vol6-intro {
  text-align: center;
  line-height: 1.7;
  font-weight: 400;
}
.vol6-intro span {
  font-size: 14px;
  font-weight: 400;
}

@media screen and (max-width: 890px) {
  .article-title.vol5 {
    width: 100%;
    position: static;
    top: 0;
    left: 0;
    z-index: 99;
  }
  .sec-theme {
    margin: 0 auto;
    width: 250px;
  }
}
@media screen and (max-width: 768px) {
  .interview-main-title.vol4,
  .interview-sub-title.vol4 {
    font-size: 15px;
  }
  .youtube {
    flex-direction: column;
  }
  .youtube iframe {
    width: 100%;
    min-width: 100%;
  }
  .interview-item img {
    width: 100%;
  }
  .interview-body {
    align-items: flex-start;
    justify-content: space-around;
  }
  .interview-card.vol5-in3 {
    padding-left: 24px;
  }
  .interview-card2 {
    width: 100%;
  }
  .interview-img.vol5 {
    margin-right: 0;
  }
  .timeline-wrap {
    display: flex;
    flex-direction: column;
    align-content: center;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: row;
    gap: 0;
  }
  .mini-interview {
    flex-direction: column;
    align-items: center;
  }
  .mini-interview-people {
    margin-top: 20px;
  }
}
@media screen and (max-width: 768px) {
  .row3 {
    justify-content: center;
  }
  .article-title.vol4 {
    padding-bottom: 1rem;
  }
}
@media screen and (max-width: 500px) {
  .about-box h2 {
    font-size: 1.2rem;
  }
  .img-vol3 figcaption {
    font-size: 0.85rem;
  }
  .about-box h2 span {
    font-size: 0.85rem;
  }
  .sec-title span {
    font-size: 13px;
  }
  .image-body {
    display: block;
  }
  .img-three {
    width: 100%;
  }
  .ct-project-heading {
    font-size: 18px;
  }
  .vol5-intro {
    font-size: 0.91rem;
  }
}/*# sourceMappingURL=interview2.css.map */