@charset "UTF-8";
/* ==========================================
   共通アニメーション定義
   ========================================== */
.animation_fade--in,
.animation_fade--left,
.animation_fade--right {
    transition:
        transform 4s cubic-bezier(0.25, 1, 0.5, 1),
        opacity 1s ease-out;
    will-change: transform, opacity;
}

/* ==========================================
   マルチページ用・共通アニメーションクラス
   ========================================== */
.animation_fade--right {
    transform: translateX(50px);
}
.animation_fade--right.is-animated {
    opacity: 1 !important;
    transform: translate(0, 0) !important;
    visibility: visible !important;
}

.animation_fade--right.is-animated {
    opacity: 1 !important;
    transform: translate(0, 0) !important;
    visibility: visible !important;
}

.animation_fade--left {
    transform: translateX(-50px);
}
.animation_fade--left.is-animated {
    opacity: 1 !important;
    transform: translate(0, 0) !important;
    visibility: visible !important;
}

.animation_fade--left.is-animated {
    opacity: 1 !important;
    transform: translate(0, 0) !important;
    visibility: visible !important;
}

.animation_fade--in {
    transform: translateX(0);
}
.animation_fade--in.is-animated {
    opacity: 1 !important;
    transform: translate(0, 0) !important;
    visibility: visible !important;
}

.animation_fade--in.is-animated {
    opacity: 1 !important;
    transform: translate(0, 0) !important;
    visibility: visible !important;
}

.c-section-widget__inner {
    overflow: hidden;
}

#rental-items .bg-rectangle::after {
    top: auto;
    bottom: 0;
    height: 90%;
}

/*東和産業の特長*/
@media (max-width: 767px) {
    #feature {
        overflow: hidden;
        padding-top: 3em;
    }
}
#feature .ncColumns_panel {
    container-type: inline-size;
}
#feature picture {
    width: 80%;
    aspect-ratio: 1/1;
    margin: 0 auto 5cqw;
    border: solid 1px #002941;
    border-radius: 50%;
    background-color: #fff;
    overflow: hidden;
}
@media (min-width: 768px) {
    #feature picture {
        border-width: 3px;
    }
}
@media (max-width: 767px) {
    #feature picture {
        border-width: 2px;
    }
}
#feature .text p {
    margin-bottom: 0;
    color: #002941;
}
#feature h3 {
    margin-bottom: 1em;
    color: #002941;
    text-align: center;
}
#feature .bg-rectangle {
    padding-top: 3em;
    padding-bottom: 3em;
}
#feature .bg-rectangle::after {
    top: auto;
    bottom: 0;
    height: 90%;
} /*# sourceMappingURL=style.css.map */