@charset "UTF-8";
.article-page .mainimage {
  width: calc(1310 / var(--pc));
  margin: 0 auto;
}
.article-page .title-area {
  width: calc(680 / var(--pc));
  margin: calc(31 / var(--pc)) auto calc(70 / var(--pc));
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.article-page .title-area p {
  color: #181878;
}
.article-page .title-area p.category, .article-page .title-area p.date, .article-page .title-area p.staff {
  font-family: "Roboto Condensed", sans-serif;
}
.article-page .title-area p.category, .article-page .title-area p.date {
  font-size: calc(15 / var(--pc));
}
.article-page .title-area p.category {
  font-weight: 700;
}
.article-page .title-area p.subtitle, .article-page .title-area p.staff {
  width: 100%;
  text-align: center;
}
.article-page .title-area p.subtitle {
  font-size: calc(22 / var(--pc));
  font-weight: 500;
  margin-top: calc(70 / var(--pc));
}
.article-page .title-area p.staff {
  font-size: calc(14 / var(--pc));
  margin-top: calc(26 / var(--pc));
}
.article-page .title-area h1 {
  font-size: calc(32 / var(--pc));
  font-weight: 400;
  margin-top: calc(14 / var(--pc));
  text-align: center;
  width: 100%;
}
.article-page .items {
  width: calc(1311 / var(--pc));
  margin: calc(70 / var(--pc)) auto 0;
  padding: calc(50 / var(--pc)) 0;
  border-top: 1px solid #181878;
  border-bottom: 1px solid #181878;
}
.article-page .items .splide__list {
  justify-content: center;
}
.article-page .items .splide__slide {
  flex: 0 0 calc(251 / var(--pc)); /* ← 幅200px固定 */
  max-width: 251px;
}
.article-page .items .splide__slide:not(:last-child) {
  margin-right: calc(14 / var(--pc));
}
.article-page .items .splide__slide .num {
  margin-top: calc(30 / var(--pc));
}
.article-page .items .splide__slide p:nth-of-type(1) {
  font-size: calc(19 / var(--pc));
  font-weight: 500;
  line-height: 180%;
  letter-spacing: 0.02em;
  margin-top: calc(30 / var(--pc));
}
.article-page .items .splide__slide p:nth-of-type(2) {
  font-size: calc(14 / var(--pc));
  line-height: 200%;
  letter-spacing: 0.04em;
  margin-top: calc(15 / var(--pc));
}
.article-page .items .splide__slide:nth-of-type(1) .num {
  width: calc(43 / var(--pc));
}
.article-page .items .splide__slide:nth-of-type(2) .num {
  width: calc(50 / var(--pc));
}
.article-page .items .splide__slide:nth-of-type(3) .num {
  width: calc(50 / var(--pc));
}
.article-page .items .splide__slide:nth-of-type(4) .num {
  width: calc(54 / var(--pc));
}
.article-page .items .splide__slide:nth-of-type(5) .num {
  width: calc(52 / var(--pc));
}
.article-page .article-items {
  width: calc(1310 / var(--pc));
  margin: calc(120 / var(--pc)) auto 0;
}
.article-page .article-items .splide__list {
  justify-content: center;
}
.article-page .article-items .splide__slide {
  flex: 0 0 calc(420 / var(--pc));
  max-width: 420px;
  background: #E6E6E6;
  width: calc(420 / var(--pc));
  padding: calc(31 / var(--pc)) 0 calc(35 / var(--pc));
}
.article-page .article-items .splide__slide:not(:last-child) {
  margin-right: calc(25 / var(--pc));
}
.article-page .article-items .splide__slide img {
  width: calc(310 / var(--pc));
  margin: 0 auto;
}
.article-page .article-items .splide__slide p {
  text-align: center;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  color: #181878;
}
.article-page .article-items .splide__slide p.headline {
  font-size: calc(26 / var(--pc));
}
.article-page .article-items .splide__slide p.item-name {
  font-size: calc(21 / var(--pc));
}
.article-page .article-items .splide__slide p.watch {
  font-size: calc(16 / var(--pc));
  margin-top: calc(3 / var(--pc));
  text-decoration: underline;
}
.article-page .profile {
  width: calc(1300 / var(--pc));
  margin: calc(120 / var(--pc)) auto 0;
  padding: calc(120 / var(--pc)) 0 0;
  border-top: 1px solid #181878;
}
.article-page .profile .profile-container {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 0 calc(78 / var(--pc));
}
.article-page .profile .profile-container img {
  width: calc(320 / var(--pc));
}
.article-page .profile .profile-container .profile-txt {
  width: calc(282 / var(--pc));
}
.article-page .profile .profile-container .profile-txt p {
  letter-spacing: 0.04em;
}
.article-page .profile .profile-container .profile-txt p:nth-of-type(1), .article-page .profile .profile-container .profile-txt p:nth-of-type(3) {
  font-size: calc(14 / var(--pc));
}
.article-page .profile .profile-container .profile-txt p:nth-of-type(1) {
  line-height: 200%;
}
.article-page .profile .profile-container .profile-txt p:nth-of-type(2) {
  font-size: calc(20 / var(--pc));
}
.article-page .profile .profile-container .profile-txt p:nth-of-type(3) {
  line-height: 180%;
  margin-top: calc(30 / var(--pc));
}
.article-page .related-articles {
  width: calc(1300 / var(--pc));
  margin: calc(120 / var(--pc)) auto 0;
  padding: calc(120 / var(--pc)) 0 0;
  border-top: 1px solid #181878;
}
.article-page .related-articles .related-articles-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0 calc(30 / var(--pc));
  margin-top: calc(60 / var(--pc));
}
.article-page .related-articles .related-articles-container .related-articles-item {
  width: calc(300 / var(--pc));
}
.article-page .related-articles .related-articles-container .related-articles-item .related-articles-item-txt {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: calc(10 / var(--pc));
}
.article-page .related-articles .related-articles-container .related-articles-item .related-articles-item-txt p {
  color: #181878;
}
.article-page .related-articles .related-articles-container .related-articles-item .related-articles-item-txt p:nth-of-type(1), .article-page .related-articles .related-articles-container .related-articles-item .related-articles-item-txt p:nth-of-type(2) {
  font-size: calc(15 / var(--pc));
}
.article-page .related-articles .related-articles-container .related-articles-item .related-articles-item-txt p:nth-of-type(1) {
  font-weight: 700;
}
.article-page .related-articles .related-articles-container .related-articles-item .related-articles-item-txt p:nth-of-type(3), .article-page .related-articles .related-articles-container .related-articles-item .related-articles-item-txt p:nth-of-type(4) {
  width: 100%;
  text-align: center;
}
.article-page .related-articles .related-articles-container .related-articles-item .related-articles-item-txt p:nth-of-type(3) {
  font-size: calc(15 / var(--pc));
  font-weight: 500;
  margin-top: calc(15 / var(--pc));
}
.article-page .related-articles .related-articles-container .related-articles-item .related-articles-item-txt p:nth-of-type(4) {
  font-size: calc(18 / var(--pc));
  margin-top: calc(6 / var(--pc));
}
.article-page .article-index {
  width: calc(1300 / var(--pc));
  margin: calc(120 / var(--pc)) auto 0;
  padding: calc(120 / var(--pc)) 0 0;
  border-top: 1px solid #181878;
}
.article-page .width550 {
  width: calc(550 / var(--pc));
  margin: 0 auto;
}
.article-page .width680 {
  width: calc(680 / var(--pc));
  margin: 0 auto;
}
.article-page .width960 {
  width: calc(960 / var(--pc));
  margin: 0 auto;
}
.article-page .font14 {
  font-size: calc(14 / var(--pc));
  line-height: 200%;
  letter-spacing: 0.04em;
}
.article-page .font16 {
  font-size: calc(16 / var(--pc));
  line-height: 220%;
  letter-spacing: 0.04em;
}
.article-page .font20 {
  font-size: calc(20 / var(--pc));
  line-height: 200%;
  letter-spacing: 0.04em;
}
.article-page .mt20 {
  margin-top: calc(20 / var(--pc));
}
.article-page .mt30 {
  margin-top: calc(30 / var(--pc));
}
.article-page .mt70 {
  margin-top: calc(70 / var(--pc));
}
.article-page .mt100 {
  margin-top: calc(100 / var(--pc));
}
.article-page .mt120 {
  margin-top: calc(120 / var(--pc));
}
.article-page .center-text {
  text-align: center;
}
.article-page .images {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: calc(30 / var(--pc));
}
.article-page .width-auto img {
  width: auto;
  margin: 0 auto;
}

@media (max-width: 768px) {
  .article-page .mainimage {
    width: 100%;
  }
  .article-page .title-area {
    width: calc(315 / var(--sp));
    margin: calc(20 / var(--sp)) auto calc(70 / var(--sp));
  }
  .article-page .title-area p.category, .article-page .title-area p.date {
    font-size: calc(12 / var(--sp));
  }
  .article-page .title-area p.subtitle {
    font-size: calc(15 / var(--sp));
    margin-top: calc(50 / var(--sp));
  }
  .article-page .title-area p.staff {
    font-size: calc(11 / var(--sp));
    margin-top: calc(26 / var(--sp));
  }
  .article-page .title-area h1 {
    font-size: calc(20 / var(--sp));
    margin-top: calc(15 / var(--sp));
  }
  .article-page .items {
    width: calc(315 / var(--sp));
    margin: calc(50 / var(--sp)) auto 0;
    padding: calc(30 / var(--sp)) 0 calc(20 / var(--sp));
  }
  .article-page .items .splide__list {
    justify-content: unset;
  }
  .article-page .items .splide__slide {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .article-page .items .splide__slide:not(:last-child) {
    margin-right: 0;
  }
  .article-page .items .splide__slide .items-text {
    display: grid;
    margin-top: calc(16 / var(--sp));
    align-items: center;
  }
  .article-page .items .splide__slide .num {
    grid-column: 1/2;
    grid-row: 1/3;
    padding-right: calc(15 / var(--sp));
  }
  .article-page .items .splide__slide p:nth-of-type(1) {
    font-size: calc(14 / var(--sp));
    margin-top: 0;
    grid-column: 2/3;
    grid-row: 1/2;
  }
  .article-page .items .splide__slide p:nth-of-type(2) {
    font-size: calc(12 / var(--sp));
    line-height: 180%;
    letter-spacing: 0.02em;
    margin-top: calc(5 / var(--sp));
    grid-column: 2/3;
    grid-row: 2/3;
  }
  .article-page .items .splide__slide:nth-of-type(1) .num {
    width: calc(50 / var(--sp));
  }
  .article-page .items .splide__slide:nth-of-type(2) .num {
    width: calc(50 / var(--sp));
  }
  .article-page .items .splide__slide:nth-of-type(3) .num {
    width: calc(50 / var(--sp));
  }
  .article-page .items .splide__slide:nth-of-type(4) .num {
    width: calc(50 / var(--sp));
  }
  .article-page .items .splide__slide:nth-of-type(5) .num {
    width: calc(50 / var(--sp));
  }
  .article-page .items .splide__arrow.splide__arrow--prev {
    left: 0;
    top: 31%;
  }
  .article-page .items .splide__arrow.splide__arrow--next {
    right: 0;
    top: 35%;
  }
  .article-page .article-items {
    width: 100%;
    margin: calc(70 / var(--sp)) auto 0;
  }
  .article-page .article-items .splide__list {
    justify-content: unset;
  }
  .article-page .article-items .splide__slide {
    flex: 0 0 100%;
    max-width: 100%;
    padding: calc(30 / var(--sp)) 0 calc(36 / var(--sp));
  }
  .article-page .article-items .splide__slide:not(:last-child) {
    margin-right: 0;
  }
  .article-page .article-items .splide__slide img {
    width: calc(260 / var(--sp));
  }
  .article-page .article-items .splide__slide p.headline {
    font-size: calc(28 / var(--sp));
  }
  .article-page .article-items .splide__slide p.item-name {
    font-size: calc(16 / var(--sp));
  }
  .article-page .article-items .splide__slide p.watch {
    font-size: calc(13 / var(--sp));
    margin-top: calc(3 / var(--sp));
  }
  .article-page .profile {
    width: calc(315 / var(--sp));
    margin-top: calc(70 / var(--sp));
    padding-top: calc(70 / var(--sp));
    border-top: none;
  }
  .article-page .profile .profile-container {
    flex-direction: column;
    align-items: center;
    gap: calc(20 / var(--sp)) 0;
  }
  .article-page .profile .profile-container img {
    width: calc(180 / var(--sp));
  }
  .article-page .profile .profile-container .profile-txt {
    width: calc(275 / var(--sp));
  }
  .article-page .profile .profile-container .profile-txt p {
    letter-spacing: 0.02em;
  }
  .article-page .profile .profile-container .profile-txt p:nth-of-type(1), .article-page .profile .profile-container .profile-txt p:nth-of-type(3) {
    font-size: calc(12 / var(--sp));
  }
  .article-page .profile .profile-container .profile-txt p:nth-of-type(1) {
    line-height: 180%;
    text-align: center;
  }
  .article-page .profile .profile-container .profile-txt p:nth-of-type(2) {
    font-size: calc(20 / var(--sp));
    text-align: center;
  }
  .article-page .profile .profile-container .profile-txt p:nth-of-type(3) {
    line-height: 200%;
    margin-top: calc(20 / var(--sp));
  }
  .article-page .related-articles {
    width: calc(315 / var(--sp));
    margin-top: calc(70 / var(--sp));
    padding-top: calc(70 / var(--sp));
  }
  .article-page .related-articles .related-articles-container {
    flex-direction: column;
    align-items: center;
    gap: calc(50 / var(--sp)) 0;
    margin-top: calc(40 / var(--sp));
  }
  .article-page .related-articles .related-articles-container .related-articles-item {
    width: calc(278 / var(--sp));
  }
  .article-page .related-articles .related-articles-container .related-articles-item .related-articles-item-txt {
    margin-top: calc(15 / var(--sp));
  }
  .article-page .related-articles .related-articles-container .related-articles-item .related-articles-item-txt p:nth-of-type(1), .article-page .related-articles .related-articles-container .related-articles-item .related-articles-item-txt p:nth-of-type(2) {
    font-size: calc(12 / var(--sp));
  }
  .article-page .related-articles .related-articles-container .related-articles-item .related-articles-item-txt p:nth-of-type(3) {
    font-size: calc(15 / var(--sp));
    margin-top: calc(29 / var(--sp));
  }
  .article-page .related-articles .related-articles-container .related-articles-item .related-articles-item-txt p:nth-of-type(4) {
    font-size: calc(18 / var(--sp));
    margin-top: calc(10 / var(--sp));
  }
  .article-page .article-index {
    width: calc(316 / var(--sp));
    margin-top: calc(70 / var(--sp));
    padding-top: calc(70 / var(--sp));
  }
  .article-page .width550 {
    width: calc(275 / var(--sp));
  }
  .article-page .width680 {
    width: calc(275 / var(--sp));
  }
  .article-page .width960 {
    width: calc(315 / var(--sp));
  }
  .article-page .font14 {
    font-size: calc(11 / var(--sp));
    line-height: 180%;
    letter-spacing: 0.02em;
  }
  .article-page .font16 {
    font-size: calc(14 / var(--sp));
    line-height: 210%;
    letter-spacing: 0.02em;
  }
  .article-page .font20 {
    font-size: calc(16 / var(--sp));
    line-height: 180%;
    letter-spacing: 0.02em;
  }
  .article-page .mt20 {
    margin-top: calc(15 / var(--sp));
  }
  .article-page .mt30 {
    margin-top: calc(20 / var(--sp));
  }
  .article-page .mt70 {
    margin-top: calc(50 / var(--sp));
  }
  .article-page .mt100 {
    margin-top: calc(70 / var(--sp));
  }
  .article-page .mt120 {
    margin-top: calc(70 / var(--sp));
  }
  .article-page .images {
    gap: calc(12 / var(--sp));
  }
}/*# sourceMappingURL=article-page.css.map */(12 / var(--sp));
  }
}