.mwg_effect038{
	position: relative;
	top:5vh;
	margin-left: -20vw;
}
.mwg_effect038 .year{
	margin-right: 100px;
}
.mwg_effect038 .pin-height {
    height: 300vh;
    overflow: hidden;
}
.mwg_effect038 .container {
    white-space: nowrap;
    width: max-content;
    height: 90vh;
    display: flex;
}
.mwg_effect038 .project {
    position: relative;
    height: 100%;
    min-width: 4vw;
	margin-top: 10vh;
}
.mwg_effect038 .project:not(:last-child) {
    border-right: 1px solid rgba(0, 0, 0, 1);
}
.mwg_effect038 .project:not(.on) {
    color: rgba(0, 0, 0, 1);
}
.mwg_effect038 .project:not(.on) .year,
.mwg_effect038 .project:not(.on) .media { 
    display: none;
}
.mwg_effect038 .datas {
    position: absolute;
    bottom: 0;
    left: 2vw;
    font: 500 normal 2vw / 2.6vw 'Inter', sans-serif;
    letter-spacing: -0.03em;
    transform: rotate(-90deg);
    transform-origin: 0 50%;
    width: calc(100vh - 2.6vw);
    display: flex;
    justify-content: space-between;
}
.mwg_effect038 .media {
    height: calc(100% - 2.6vw);
    width: auto;
    margin: 1.3vw 1.3vw 0 4vw;
    object-fit: cover;
    border-radius: 0.6vw;
}