@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&family=Train+One&family=Material+Icons&family=Russo+One&display=swap");
.archive-interview-container {
  margin-top: 0;
}
@media screen and (max-width: 1000px) {
  .archive-interview-container {
    margin-top: 0 !important;
  }
}
.archive-interview-container .entry-content {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
@media screen and (max-width: 768px) {
  .archive-interview-container .entry-content {
    padding-left: 0;
    padding-right: 0;
  }
}
.archive-interview-container .alignwide {
  margin: 100px auto 150px;
  max-width: 1100px;
}
@media screen and (max-width: 768px) {
  .archive-interview-container .alignwide {
    margin: 50px auto 100px;
  }
}
.archive-interview-container .l-page-title {
  background-image: url("../../../../../assets/images/interview/mv-bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 480px;
}
@media screen and (max-width: 768px) {
  .archive-interview-container .l-page-title {
    background-image: url("../../../../../assets/images/interview/mv-bg-sp.jpg");
    height: 160px;
  }
}
.archive-interview-container .l-page-title::before, .archive-interview-container .l-page-title::after {
  content: none;
}
.archive-interview-container .l-page-title .title {
  width: 90%;
}
@media screen and (max-width: 768px) {
  .archive-interview-container .l-page-title .title {
    max-width: 222px;
    top: 60%;
  }
}
.archive-interview-container .l-page-title .title::after {
  content: none;
}
.archive-interview-container .l-page-title .title img {
  height: auto;
}
.archive-interview-container .wp-pagenavi > a, .archive-interview-container .wp-pagenavi > span {
  font-family: "Russo One", sans-serif;
}

.interview-list {
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 2.5rem;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .interview-list {
    gap: 1.25rem;
  }
}
.interview-list .interview-item {
  width: calc((100% - 80px) / 3);
}
@media screen and (max-width: 1000px) {
  .interview-list .interview-item {
    width: calc((100% - 40px) / 2);
  }
}
@media screen and (max-width: 768px) {
  .interview-list .interview-item {
    width: 100%;
  }
}
.interview-list .interview-item a {
  text-decoration: none;
}
.interview-list .interview-item .thumbnail {
  width: 100%;
  overflow: hidden;
}
.interview-list .interview-item .thumbnail img {
  width: 100%;
  aspect-ratio: 340/210;
}
.interview-list .interview-item img {
  height: auto;
}
.interview-list .interview-item .title {
  padding: 1.5rem;
  background: linear-gradient(to right, #10a5c4 0%, #006ad4 100%);
}
.interview-list .interview-item .title h2 {
  padding: 0;
  margin-bottom: 8px;
  font-size: 1.25rem;
  line-height: 1.5;
  letter-spacing: 0;
  color: #fff;
  border: none;
}
.interview-list .interview-item .title h2::before {
  content: none;
}
.interview-list .interview-item .title p {
  margin: 0;
  color: #fff;
  font-size: 0.875rem;
  line-height: 1.5;
  letter-spacing: 0;
}
.interview-list .interview-item .title p::before {
  content: "―";
  margin-right: 0.5em;
}

.single-interview {
  margin-top: 0;
}
@media screen and (max-width: 1000px) {
  .single-interview {
    margin-top: 0 !important;
  }
}
.single-interview .l-page-title {
  background-image: url("../../../../../assets/images/oneday/mv-single-bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 310px;
}
@media screen and (max-width: 768px) {
  .single-interview .l-page-title {
    background-image: url("../../../../../assets/images/oneday/mv-single-bg-sp.jpg");
    height: 160px;
  }
}
.single-interview .l-page-title::before, .single-interview .l-page-title::after {
  content: none;
}
.single-interview .l-page-title .title {
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .single-interview .l-page-title .title {
    width: 90%;
  }
}
.single-interview .l-page-title .title::after {
  content: none;
}
.single-interview .interview-title {
  position: relative;
  padding-bottom: 1rem;
  margin-bottom: 2.5rem;
  border-bottom: 3px solid #D9E3E8;
}
@media screen and (max-width: 768px) {
  .single-interview .interview-title {
    font-size: 1.125rem;
    padding: 0 0 8px !important;
    width: calc(100% - 20px);
  }
}
.single-interview .interview-title::before {
  content: "";
  display: inline-block;
  width: 120px;
  height: 3px;
  background-color: #0057C4;
  position: absolute;
  bottom: -3px;
  left: 0;
  -webkit-mask-image: none;
  mask-image: none;
}
.single-interview .interview-page-title {
  padding: 0;
  margin-bottom: 8px;
  font-size: 1.625rem;
  line-height: 1.5;
  letter-spacing: 0;
  border: none;
}
.single-interview .interview-page-title::before {
  content: none;
}
.single-interview .interview-sub-title {
  margin: 0;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
}
.single-interview .interview-sub-title::before {
  content: "―";
  margin-right: 0.5em;
  color: #000;
}
.single-interview .entry-content .post-thumbnail {
  text-align: center;
  margin-bottom: 2rem;
}
.single-interview .entry-content .post-thumbnail img {
  height: auto;
}
.single-interview .entry-content p {
  line-height: 2;
  margin: 0;
}
.single-interview .entry-content p + .is-style-l-interviewer {
  margin-top: 1em;
}
.single-interview .entry-content .wp-block-image {
  margin-top: 1.25rem;
}
.single-interview .entry-content .wp-block-image:last-of-type {
  margin-bottom: 0;
}
.single-interview p.interview-list-head {
  margin-top: 3.75rem;
  margin-bottom: 1.25rem;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
}
.single-interview .interview-list {
  gap: 1.5625rem;
}
.single-interview .interview-list .interview-item {
  width: calc((100% - 50px) / 3);
}
@media screen and (max-width: 768px) {
  .single-interview .interview-list .interview-item {
    width: 100%;
  }
}
.single-interview .interview-list .title {
  padding: 1rem;
}
.single-interview .interview-list .title h2 {
  font-size: 1.125rem;
}
.single-interview .interview-list .title p {
  font-size: 0.75rem;
}
.single-interview .interview-list .thumbnail img {
  aspect-ratio: 230/142;
}