@charset "utf-8";
body {
    letter-spacing: unset;
    font-size: 1.4rem;
}
/*======================================
sp
========================================*/
.portfolio__inner, .folio__block {
    padding-inline: 30px;
}
.border, .folio__info {
    border-bottom:solid
    #D9D9D9 1px;
}
.folio__block, .folio__info, .folio__info p {
    margin-block: 20px;
}
.folio__img {
    margin-top: 80px;
}
.works__ttl {
    margin-top: 40px;
}
.border {
    font-size: 1.3rem;
    color: #70AAD7;
}
.inner__info {
    margin-block: 40px;
}
.works__flex {
    display: flex;
}
.right {
    margin-left: 100px;
}
/*======================================
pc
========================================*/
@media screen and (min-width: 768px) {
    .portfolio__inner, .folio__block {
        padding-inline: 116px;
    }
    .portfolio__inner {
        text-align: center;
    }
    .border {
        border-bottom: unset;
    }
    .works__ttl {
        font-size: 2rem;
    }

    .button {
        margin-top: 30px;
        padding-inline: 60px;
    }
  
}