@charset "utf-8";
/* トップ共通 */
@media screen and (min-width: 768px){
:root{
--sec-spc: clamp(100px, 13.194vw, 190px);
}
.g-inner--s,
.g-inner--s--pc{
max-width: 1200px;
}
}
@media screen and (min-width: 1201px){
  .g-inner--s,
.g-inner--s--pc{
  width: 65%;
}
}

@media screen and (max-width: 767px){
:root{
--sec-spc: 100px;
}
}
/* ------------------- fv -------------------- */
/* ========================================
   t-fv
======================================== */
.t-fv {
    width: 100%;
    position: relative;
    overflow: hidden;
}
@media screen and (min-width: 768px){
  .t-fv{
    margin-bottom: var(--spc-80);
  }
}
@media screen and (max-width: 767px){
  .t-fv{
    margin-bottom: 50px;
  }
}

.t-fv__splide {
    width: 100%;
}

/* ----- 画像 ----- */
.t-fv .fs-pt-list__item {
    list-style: none;
}

.t-fv .fs-pt-list__link {
    display: block;
}

.t-fv .fs-pt-list__link img {
  width: 100%;
  height: auto;
  display: block;
}

/* ----- 矢印を非表示 ----- */
.t-fv .splide__arrows {
    display: none;
}

/* ----- ページネーション ----- */
.t-fv .splide__pagination {
    position: absolute;
    bottom: 25px;
    right: 25px;
    left: auto;
    padding: 0;
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    width: auto;
}

.t-fv .splide__pagination__page {
    /* デフォルトの丸を打ち消す */
    width: 45px;
    height: 7px;
    background: #595757;
    border-radius: 0;
    opacity: 1;
    margin: 0;
    padding: 0;
    border: none;
    transition: background-color 0.3s ease;
    transform: none;
}

.t-fv .splide__pagination__page.is-active {
    background: #7BAAA1; /* スクショのライトミントグリーン */
    transform: none;     /* Splideデフォルトの拡大を打ち消す */
}

.t-fv .splide__pagination__page:hover {
    opacity: 0.8;
}

/* ========================================
   SP
======================================== */
@media screen and (min-width: 768px){
  .t-fv{
    max-width: 1550px;
    width: 85%;
    margin-inline: auto;
  }
}
@media screen and (max-width: 767px) {
    .t-fv .splide__pagination__page {
        width: 35px;
        height: 5px;
    }
}