/* 画像切り替え式サイクル図 */

.cycle-cycle {
    margin: 30px 0 0 0;
    display: flex;
    justify-content: center;
    position: relative;
    max-width: 100%;
    padding: 0 10px;
}

.cycle-container.show {
    opacity: 1;
    visibility: visible;
}

/* タブごとに異なるcycle-containerを表示/非表示 */
.cycle-container[data-tab="1"] { display: none; }
.cycle-container[data-tab="2"] { display: none; }
.cycle-container[data-tab="3"] { display: none; }
.cycle-container[data-tab="4"] { display: none; }

body.tab-1 .cycle-container[data-tab="1"] { display: flex; }
body.tab-2 .cycle-container[data-tab="2"] { display: flex; }
body.tab-3 .cycle-container[data-tab="3"] { display: flex; }
body.tab-4 .cycle-container[data-tab="4"] { display: flex; }
        
.cycle-diagram {
    position: relative;
    width: 200px;
    height: 200px;
}

/* 各フェーズの画像 */
.cycle-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: block;
    opacity: 0;
    transition: opacity 0.5s ease;
    pointer-events: none;
}

.cycle-image.active {
    opacity: 1;
}

/*--------engineering nav-subsection非表示------------*/
.nav-subsection {
    display: none;
}