.sectionAbout {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: -1;
}

.sectionAboutBody {
    display: flex;
    justify-content: center;
    width: 60%;
    height: 80vh;
    margin: 10vh auto;
}

.cardAbout{
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%;
    border: 10px solid #000000;
    background-color: rgba(255, 255, 255, 1);
}

.aboutLogo {
    text-align: center;
}

.aboutLogoImg {
    width: 80%;
    height: auto;
}

.aboutText {
    width: 80%;
    color: #000000;
    margin-top: 50px;
    font-size: 1.2rem;
    margin-left: auto;
    margin-right: auto;
    letter-spacing: 0.1rem;
    line-height: 2.0rem;
}

.Paper {
    background-image:
        repeating-linear-gradient(to bottom,
            transparent 25px,
            rgba(0, 0, 0, 0.08) 26px, rgba(0, 0, 0, 0.08) 26px,
            transparent 27px, transparent 51px,
            rgba(0, 0, 0, 0.08) 52px, rgba(0, 0, 0, 0.08) 52px,
            transparent 53px, transparent 77px,
            rgba(0, 0, 0, 0.08) 78px, rgba(0, 0, 0, 0.08) 78px,
            transparent 79px, transparent 103px,
            rgba(0, 0, 0, 0.08) 104px, rgba(0, 0, 0, 0.08) 104px,
            transparent 105px, transparent 129px,
            rgba(0, 0, 0, 0.08) 130px, rgba(0, 0, 0, 0.08) 130px),

        repeating-linear-gradient(to right,
            transparent 25px,
            rgba(0, 0, 0, 0.08) 26px, rgba(0, 0, 0, 0.08) 26px,
            transparent 27px, transparent 51px,
            rgba(0, 0, 0, 0.08) 52px, rgba(0, 0, 0, 0.08) 52px,
            transparent 53px, transparent 77px,
            rgba(0, 0, 0, 0.08) 78px, rgba(0, 0, 0, 0.08) 78px,
            transparent 79px, transparent 103px,
            rgba(0, 0, 0, 0.08) 104px, rgba(0, 0, 0, 0.08) 104px,
            transparent 105px, transparent 129px,
            rgba(0, 0, 0, 0.08) 130px, rgba(0, 0, 0, 0.08) 130px);
}

canvas{
	position:absolute;/*親のブロックを基準にして相対位置に配置する*/
	/*位置指定*/
	top:0;
	right:0;
	z-index:-1;/*重ね順を-1に　※1以上だとほかのコンテンツの上に被さってしまいます*/
}

/* ============================================================

    SP対応

============================================================ */
/* @media screen and (max-width: 768px){ */
@media screen and (max-width: 1279px){
    .sectionAboutBody {
        width: 100%;
        height: 80vh;
        margin: 10vh auto;
    }
}