#page_title h1 .en > span:nth-child(3) {
    color: var(--mainColor);
}


/*====================================================
////id |  single
====================================================*/
.gallery-item {
    background: #fff;
    overflow: hidden;
    position: relative;
}
.gallery-bg {
    filter: blur(5px);
    opacity: .2;
    position: absolute;
        top: -5%;
        left: -5%;
    width: 110%;
    height: 110%;
}
.gallery-item {
    display: flex !important;
        align-items: center;
        justify-content: center;
}
.gallery-item img {
    max-width: 100%;
    max-height: min(100vw, 800px);
}
.thumbnail-slider {
    margin-top: min(4vw, 30px);
}
.thumbnail-slider .slick-track {
    /* display: grid !important;
        grid-gap: 10px;
        grid-template-columns: repeat(5, 1fr);
    transform: unset !important;
    width: 100% !important; */
}
/* .thumbnail-slider .slick-track::before,
.thumbnail-slider .slick-track::after {
    display: none;
} */

.thumbnail-item {
    cursor: pointer;
    padding: 0 min(.5vw, 5px);
    /* width: 100% !important; */
}
.thumbnail-item img {
    transition: .3s ease-in-out;
}

.cate_item {
    background: var(--mainColor);
    border-radius: 3em;
    color: #fff;
    font-size: .8em;
    padding: .3em .8em .4em;
}

.bodyText {
    margin-top: min(8vw, 60px);
}
#detail {
    margin-top: min(8vw, 60px);
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
}

@media (hover: hover) {
    .thumbnail-item:hover img {
        transform: scale(1.1);
    }
}

/*====================================================
////id |  archive
====================================================*/
.work-items {
    display: grid;
        grid-gap: min(6vw, 60px) min(3vw, 30px);
        grid-template-columns: repeat(2, 1fr);
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
}

@media screen and (max-width: 600px) {
    .work-items {
        grid-template-columns: 1fr;
    }
}


/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
}

@media (hover: hover) {
    .work-item a:hover {
        color: var(--mainColor);
    }
}