@charset "UTF-8";

/* sp */
.lpBr {
    display: none;
}

.project__logo {
    margin-top: 20px;
}

.logo__center::after {
    content: '';
    display: block;
    border-bottom: 2px solid var(--primary-accentGreen);
    margin-top: 19px;
}

.logo__txt {
    font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: 0.03em;
    line-height: 1.7;
    margin-top: 19px
}

.visualBox {
    margin-top: 40px;
}

.point__txt {
    font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: 0.05em;
    line-height: 1.7;
    margin-top: 27.2px;
}

.point__txt:first-of-type {
    margin-top: 5px;
}

.thumbnail__pictureSp {
    width: 100%;
    height: 100%;
}

.access__txt {
    color: var(--primary-redPink);
    margin-top: 5px;
    font-size: 1.3rem;
    font-weight: 400;
    letter-spacing: 0.05em;
}



/* ========== pc ========== */
@media screen and (min-width:769px) {
    .description__item {
        width: 27%;
    }

    .visualBox {
        margin-top: 70px;
    }

    .access__txt {
        margin-top: 0;
        font-size: 1.6rem;
    }

    .picture__lpBox {
        display: flex;
    }

    .project__titlePicture {
        margin-top: 0;
    }

    .picture__center {
        display: flex;
        justify-content: space-between;
    }

    .project__pictureLp {
        margin-top: 20px;
        box-shadow: 0px 0px 7px rgba(235, 235, 235, 1);
        width: 73.13%;
        height: 100%;
    }

    .project__pictureSp {
        width: 20.08%;
        margin-top: 20px;
        box-shadow: 0px 0px 7px rgba(235, 235, 235, 1);
        height: 100%;
    }

    .logo__center {
        text-align: center;
    }  

    .project__logo {
        margin-top: 40px;
        width: 85.33%;
    }

    .logo__txt {
        font-size: 2rem;
        margin-top: 37.5px
    }

    .logo__center::after {
        border-bottom: 5px solid var(--primary-accentGreen);
        margin-top: 37.5px;
    }
}