@charset "utf-8";

/* ==========================
      article__header
===========================*/

.workTitle {
    text-align: center;
    font-size: 3.6rem;
    letter-spacing: 0.09em;
    padding: 43px;
}

@media screen and (min-width:769px) {
    .workTitle {
        padding: 106px ; 
    }
}


/* ==========================
      fadeIN
===========================*/
.fadeIn {
    transform: translate(0,50px);
    opacity: 0;
    transition: 0.8s;
}
.fadeIn.animated {
    transform: translate(0, 0);
    opacity: 1;
}

/* ==========================
      worksSp  worksPc
===========================*/
.worksSp__img {
    display: block;
    width: 353px;
    height: 484px;
    padding: 0 2.9%;
    margin: 0 auto;
}

.worksSp__img--i {
    margin-top: 103px;
}

.worksSp__img--a,
.worksSp__img--y,
.worksSp__img--m,
.worksSp__img--f {
    margin-top: 68px;
}

.works__txt {
    font-family: "Noto Sans JP";
    font-size: 2.4rem;
    font-weight: 300;
    line-height: 2.08;
    margin-top: 43px;
    padding: 0 7.8%;
}

.worksPc__img {
    display: none;
}

/* pc 769px */
@media screen and (min-width:769px) {
    .worksSp__img {
         display: none
    }

    .worksPc__img {
        display: block;
        max-width: 1440px;
        height: auto;
        margin: 0 auto;
    }

    .works__txt {
        text-align: center;
        margin-top: 149px;
    }
}/* pc 769pxs */