@charset "UTF-8";

.fv-section--works {
    height: 33vh;
    background-color: var(--blue);

}

@media screen and (max-width: 500px) {
    .fv-section--works {
        height: 20vh;
    }
}

.fv-section__inner {

}



.achive-works__contents {
padding-top: 120px;
padding-bottom: 120px;

}

@media screen and (max-width: 768px) {
    .achive-works__contents {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

.achive-works__contents-inner {

}

/* .achive-works__title {
font-size: 40px;
font-weight: bold;
font-family: var(--m-plus-1p);
color: var(--blue);
position: relative;
padding: 10px 20px;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
width: fit-content;
}
.achive-works__title::before {
    position: absolute;
    top: 0;
    left: 0px;
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    background-image: url(../img/section-dec2.png);
    background-size: contain;
    background-position: left;
    background-repeat: no-repeat;
} */


.achive-works__contents-list {
    padding: 0 100px;
    margin-top: 60px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
}

@media screen and (max-width: 1024px) {
    .achive-works__contents-list {
        grid-template-columns: repeat(1, 1fr);
        padding: 0;
        justify-items: center;
    }
}

.achive-works__link {
margin-top: 80px;
text-align: center;

}

.button {

}