/* blockname */
.fv {
	overflow: hidden;
}
.fv-inner {
    position: relative;
}
.fv-inner::after {
    background: rgb(51 51 51 / 50%);
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}
.fv-text {
    height: max-content;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: -15px;
    bottom: 0;
    text-align: center;
    z-index: 1;
}
.fv-text h1 {
    color: #fff;
    font-size: 80px;
    font-weight: 900;
    line-height: 1em;
    margin: 0 0 35px;
}
.fv-text h1 span {
    color: #fff;
    font-size: 34px;
    font-weight: 900;
}
.fv-text p {
    color: #fff;
    font-size: 32px;
    font-weight: 900;
}
.fv-eyecatch {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin: 48px 0 0;
}
.fv-eyecatch__item {
    background: var(--main-theme-color);
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 67px;
    position: relative;
    width: 210px;
}
.fv-eyecatch__item::after {
    background: rgb(255 255 255 / 30%);
    border-radius: 5px 5px 10px 10px;
    content: "";
    height: 50%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}
.fv-eyecatch__item p {
    color: #222;
    font-size: 21px;
    font-weight: 700;
}

/* =========================
   共通
========================= */
.fv-sliders__wrap {
	display: flex;
	flex-direction: column;
}
.fv-loopsliders {
	overflow: hidden;
	width: 100%;
}
.fv-loopslider {
	display: flex;
    width: max-content;
}
.fv-loopslide {
	flex-shrink: 0;
}
.fv-loopsliders.top .fv-loopslide {
    width: 1920px;
}
.fv-loopsliders.bottom .fv-loopslide {
    width: 2400px;
}

.fv-loopslide img {
	display: block;
	width: 100%;
	height: auto;
}
/* =========================
   TOP：左へ流れる
========================= */
.fv-loopsliders.top .fv-loopslider {
	animation: loop-left 30s linear infinite;
}
/* =========================
   BOTTOM：右へ流れる
========================= */
.fv-loopsliders.bottom .fv-loopslider {
	animation: loop-right 30s linear infinite;
}
/* =========================
   animation
========================= */
@keyframes loop-left {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-50%);
	}
}
@keyframes loop-right {
	0% {
		transform: translateX(-50%);
	}
	100% {
		transform: translateX(0);
	}
}

@media screen and (max-width: 968px) {
    .fv-text h1 {
        font-size: 55px;
        margin: 0 0 25px;
    }
    .fv-text h1 span {
        font-size: 24px;
    }
    .fv-text p {
        font-size: 22px;
    }
    .fv-eyecatch {
        gap: 15px;
        margin: 35px 0 0;
    }
    .fv-eyecatch__item {
        height: 60px;
        width: 175px;
    }
    .fv-eyecatch__item p {
        font-size: 18px;
    }
    .fv-loopsliders.top .fv-loopslide {
        width: 1000px;
    }
    .fv-loopsliders.bottom .fv-loopslide {
        width: 1300px;
    }
}
@media screen and (max-width: 768px) {
    .fv-text h1 {
        font-size: 28px;
        margin: 0 0 20px;
    }
    .fv-text h1 span {
        font-size: 14px;
    }
    .fv-text p {
        font-size: 12px;
    }
    .fv-eyecatch {
        gap: 12px;
        margin: 25px 0 0;
    }
    .fv-eyecatch__item {
        height: 50px;
        width: 100px;
    }
    .fv-eyecatch__item p {
        font-size: 12px;
    }
}
@media screen and (max-width: 468px) {
    .fv-eyecatch {
        
    }
}

/* blockname */
@media screen and (max-width: 968px) {}
@media screen and (max-width: 768px) {}

/* blockname */
@media screen and (max-width: 968px) {}
@media screen and (max-width: 768px) {}

/* blockname */
@media screen and (max-width: 968px) {}
@media screen and (max-width: 768px) {}

/* blockname */
@media screen and (max-width: 968px) {}
@media screen and (max-width: 768px) {}

/* blockname */
@media screen and (max-width: 968px) {}
@media screen and (max-width: 768px) {}

/* blockname */
@media screen and (max-width: 968px) {}
@media screen and (max-width: 768px) {}

/* blockname */
@media screen and (max-width: 968px) {}
@media screen and (max-width: 768px) {}

/* blockname */
@media screen and (max-width: 968px) {}
@media screen and (max-width: 768px) {}

/* blockname */
@media screen and (max-width: 968px) {}
@media screen and (max-width: 768px) {}

/* blockname */
@media screen and (max-width: 968px) {}
@media screen and (max-width: 768px) {}

/* blockname */
@media screen and (max-width: 968px) {}
@media screen and (max-width: 768px) {}

/* blockname */
@media screen and (max-width: 968px) {}
@media screen and (max-width: 768px) {}

/* blockname */
@media screen and (max-width: 968px) {}
@media screen and (max-width: 768px) {}

/* blockname */
@media screen and (max-width: 968px) {}
@media screen and (max-width: 768px) {}

/* blockname */
@media screen and (max-width: 968px) {}
@media screen and (max-width: 768px) {}

/* blockname */
@media screen and (max-width: 968px) {}
@media screen and (max-width: 768px) {}

/* blockname */
@media screen and (max-width: 968px) {}
@media screen and (max-width: 768px) {}

/* blockname */
@media screen and (max-width: 968px) {}
@media screen and (max-width: 768px) {}

/* blockname */
@media screen and (max-width: 968px) {}
@media screen and (max-width: 768px) {}

/* blockname */
@media screen and (max-width: 968px) {}
@media screen and (max-width: 768px) {}

/* blockname */
@media screen and (max-width: 968px) {}
@media screen and (max-width: 768px) {}

/* blockname */
@media screen and (max-width: 968px) {}
@media screen and (max-width: 768px) {}

/* blockname */
@media screen and (max-width: 968px) {}
@media screen and (max-width: 768px) {}

/* blockname */
@media screen and (max-width: 968px) {}
@media screen and (max-width: 768px) {}

/* blockname */
@media screen and (max-width: 968px) {}
@media screen and (max-width: 768px) {}

/* blockname */
@media screen and (max-width: 968px) {}
@media screen and (max-width: 768px) {}

/* blockname */
@media screen and (max-width: 968px) {}
@media screen and (max-width: 768px) {}

/* blockname */
@media screen and (max-width: 968px) {}
@media screen and (max-width: 768px) {}