@charset "utf-8";

body {
    font-family: "Noto Sans JP", sans-serif;
    font-feature-settings: "palt";
}
.works__area .thumbnail {
    all: unset;
}
.works__area .thumbnail:hover,
.works__area .thumbnail:focus {
    box-shadow: none;
}
.works__area .thumbnail {
    border: solid 1px #cbcbcb;
    display: inline-block;
    line-height: 0;
    max-width: 100%;
    border-radius: 0;
    margin-bottom: 1rem;
}
.works__area a {
    transition: 0.5s;
    position: relative;
}
.works__area a:hover {
    opacity: 0.5;
}
.works__area .mini a::after {
    position: absolute;
    content: "";
    background-image: url('../img/icon_open_in_new.svg');
    background-size: cover;
    background-repeat: no-repeat;
    width: 1em;
    height: 1em;
    top: 50%;
    transform: translateY(-50%); 
    margin: 0 0 0 2px;
}
.works__area .button.hollow {
    display: block;
    width: min(50%, 100px);
    margin: 10px auto 0;
}

@media screen and (max-width: 767px) {
    .button.small {
        padding: 0.625rem 0;
    }
}