@charset "utf-8";

/* =========================================================
   1col layout
========================================================= */
/*======================================
 大枠
 ======================================*/
#wrapper {
    max-width: var(--site-width);
    margin-inline: auto;
    padding: 80px 0 100px;
}

#content {
    width: 100%;
    max-width: var(--content-width);
    margin-inline: auto;
}

@media only screen and (max-width: 959px) {
    #wrapper {
        padding: 50px 0 100px;
    }

    #content {
        width: 90%;
    }
}


/*======================================
 コンテント 
 ======================================*/
.contentWrap {
    margin-top: 60px;
}

#content h1 {
    position: relative;
    color: var(--main-color-1);
    text-align: center;
    font-weight: normal;
    font-size: 2.1875rem;
}

#content h1::after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 70px;
    border-bottom: 1px solid;
}

@media only screen and (max-width: 959px) {
    .contentWrap {
        margin-top: 40px;
    }

    #content h1 {
        font-size: 1.9rem;
    }
}