@charset "UTF-8";
/* carousel.css */
/* 資料請求ページ（Swiper使用ページ）専用
   - functions.php で $GLOBALS['use_swiper'] のページだけ読み込む（Swiper本体CSSの後に出力）
   - whitepaper-service-carousel2.css と functions.php のインラインCSS（$swiper_fix_css）を統合
   - design-system.css には @import しない */
/* =========================================================
   スライダー
   ========================================================= */
.p-paper-form__images {
  position: relative;
  margin-top: 0;
  margin-left: 0;
  margin-bottom: var(--space-xxl);
  /* iPhone SE（第1世代） */
  /* スライドの高さは画像に合わせる（固定高さ・line-height は使わない） */
  /* 前後ボタン（矢印画像） */
}
@media only screen and (max-width: 47.9375em) {
  .p-paper-form__images {
    width: 350px;
    margin-right: auto;
    margin-left: auto;
  }
}
@media only screen and (max-width: 320px) {
  .p-paper-form__images {
    width: 290px;
  }
}
.p-paper-form__images .swiper {
  --carousel-pagination-space: 2.25em; /* 下部のドット表示用スペース */
  /* 前後ボタン：下部スペースを除いたスライド画像の天地中央 */
  --swiper-navigation-size: 44px;
  --swiper-navigation-top-offset: calc(50% - var(--carousel-pagination-space) / 2);
  /* ドット */
  --swiper-pagination-bottom: 0px;
  --swiper-pagination-bullet-size: 0.7em;
  --swiper-pagination-bullet-horizontal-gap: 0.5em;
  --swiper-pagination-bullet-inactive-color: #ccc;
  --swiper-pagination-bullet-inactive-opacity: 0.6;
  --swiper-pagination-color: #007aff;
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-bottom: var(--carousel-pagination-space);
}
.p-paper-form__images .swiper-wrapper {
  width: 100%;
  height: auto;
}
.p-paper-form__images .swiper-slide {
  width: 100%;
  text-align: center;
}
.p-paper-form__images .swiper-slide img {
  display: block;
  width: 100%;
  height: auto;
}
.p-paper-form__images .swiper-button-prev,
.p-paper-form__images .swiper-button-next {
  background: url("/wp-content/uploads/2024/01/arrow_02.png") no-repeat center/cover;
}
.p-paper-form__images .swiper-button-prev::after,
.p-paper-form__images .swiper-button-next::after {
  display: none;
}
.p-paper-form__images .swiper-button-prev {
  transform: scaleX(-1); /* 左右反転 */
}

/* =========================================================
   レイアウト（whitepaper-service-carousel2.css から移行）
   ※ Swiper使用ページのみに適用（従来どおり）
   ※ .p-paper-form__inner のグリッドは whitepaper.css と同じ値のため移行なし
   ========================================================= */
@media print, screen and (min-width: 48em) {
  .c-block__inner {
    padding-top: 0;
    padding-bottom: var(--space-xxxl);
  }
}
@media only screen and (max-width: 47.9375em) {
  .c-block__inner {
    padding-top: 0;
    padding-bottom: 0;
  }
}

/* 資料内容 */
.p-paper-form__desc dl {
  padding: 0 0 0 var(--space-xs);
}
.p-paper-form__desc dl dt {
  margin-bottom: var(--space-m);
  padding-left: 0;
  border-left: none;
  font-size: var(--font-h4);
  line-height: 1.6em;
  font-weight: 600;
  color: var(--color-primary);
}
.p-paper-form__desc dl dd {
  margin-bottom: var(--space-l);
  padding-left: 0;
  line-height: 1.6em;
}
.p-paper-form__desc dl dd ul {
  margin-left: var(--space-xs);
}
.p-paper-form__desc dl dd ul li {
  font-size: var(--font-base);
}

/* 関連資料（こちらの資料もよく読まれています） */
.c-section-3 {
  margin-bottom: var(--space-xxl);
}
.c-section-3 h3 {
  margin-bottom: var(--space-m);
  color: var(--color-primary);
  font-size: var(--font-h3);
  line-height: 1.6;
  font-weight: 600;
  text-align: center;
}
@media only screen and (max-width: 47.9375em) {
  .c-section-3 h3 {
    font-size: var(--font-h4);
  }
}