@charset "utf-8";

/* ==============================

　　パンくずリスト

　============================== */

nav.breadcrumb {
    padding: 10px 0 10px;
    font-size: 14px;
}

.breadcrumb ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    padding: 0;
    margin: 0;
    justify-content: end;
}

.breadcrumb li::after {
    content: "›";
    margin-left: 5px;
    color: #aaa;
}

.breadcrumb li:last-child::after {
    content: "";
}

/* ==============================

　　アニメーション

　============================== */

.scroll-fade-up {
    transform: translateY(40px);
}

.scroll-fade-left {
    transform: translateX(-40px);
}

.scroll-fade-right {
    transform: translateX(40px);
}

/* 発火時 */
.fadein-active {
    opacity: 1;
    transform: translate(0, 0);
}

.scroll-fade-up,
.scroll-fade-left,
.scroll-fade-right {
    opacity: 0;
    transition: opacity 800ms ease-out, transform 800ms ease-out;
}

.scroll-fade-up.fadein-active,
.scroll-fade-left.fadein-active,
.scroll-fade-right.fadein-active {
    opacity: 1;
    transform: translate(0, 0);
}

/* 個別のアニメーション方向 */
.scroll-fade-up {
    transform: translateY(40px);
}

.scroll-fade-left {
    transform: translateX(-40px);
}

.scroll-fade-right {
    transform: translateX(40px);
}

/* 汎用 delay クラス */
.scroll-fade-up.delay-1 {
    transition-delay: 0.2s;
}

.scroll-fade-up.delay-2 {
    transition-delay: 0.6s;
}

.scroll-fade-up.delay-3 {
    transition-delay: 0.6s;
}

.scroll-fade-up.delay-4 {
    transition-delay: 1.5s;
}

.scroll-fade-up.delay-5 {
    transition-delay: 1.8s;
}

.scroll-fade-up.delay-6 {
    transition-delay: 1.4s;
}

.scroll-fade-up.delay-7 {
    transition-delay: 1s;
}

.scroll-fade-up.delay-8 {
    transition-delay: 1.8s;
}

.scroll-fade-up.delay-9 {
    transition-delay: 0.2s;
}

/* ==============================

　　固定背景　サイズ適宜変更

============================== */


.img_parallax-wrap {
    position: relative;
    height: 470px;
}

.img_parallax {
    clip: rect(0, auto, auto, 0);
    margin-bottom: 0;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.img_parallax.wp-block-image img {
    width: 100%;
    height: 101vh;
    position: fixed;
    top: 0;
    left: 0;
    padding: 0;
    margin: 0;
    object-fit: cover;
    z-index: 0;
    transform: translateZ(0);
}


/* ==============================

　　MV　slider-01

============================== */

/*スライダー*/

.slider {
    margin-inline: auto;
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.slick-img img {
    width: 110%;
    object-fit: cover;
}

/*スライダーアニメーション*/
@keyframes zoomUp {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.15);
        /* 拡大率 */
    }
}

.add-animation>.slick-img>img {
    animation: zoomUp 8s linear 0s normal both;
}

/* ==============================
　　アコーディオン
　============================== */


.accordions {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.accordion {
    width: 100%;
    gap: 0;
    background-color: #FAF8F5;
    border-radius: 2rem;
    padding: 2.4rem 2.4rem 2.4rem 1.6rem;
    font-weight: 700;
}

.accordion__button {
    appearance: none;
    text-align: inherit;
    width: 100%;
    cursor: pointer;
    line-height: 1;
}

.accordion__body {
    height: 0;
    overflow: hidden;
    transition: all 0.5s;
}

.wp-block-group.faq-wrap h3 {
    font-size: 16px;
    border-bottom: 1px solid;
    padding-bottom: 18px;
    margin-bottom: 3px;
    font-weight: bold;
}

p.accordion__button:before {
    content: 'Q：';
}

p.accordion__text {
    font-weight: 500;
    padding-top: 13px;
}

p.accordion__button {
    font-size: 20px;
    font-weight: bold;
}

.wp-block-group.accordions {
    padding-bottom: 18px;
}

p.accordion__button,
.wp-block-group.accordion__menu {
    max-width: 95%;
    margin: 0 auto;
}