@charset "utf-8";
#content .wrap .content {margin: 100px auto 0;}
#content .wrap .content h1 {font-size: 28px; padding: 0 0 0 0.5em; border-bottom: 1px solid var(--color-primary); margin: 100px auto 70px;}
#content .wrap .content h2 {font-size: 26px; padding: 0 0 0 0.5em; border-bottom: 1px solid var(--color-primary); margin: 100px auto 70px;}
#content .wrap .content h3 {font-size: 24px; padding: 0 0 0 0.5em; border-bottom: 1px solid var(--color-primary); margin: 100px auto 70px;}
#content .wrap .content h4 {font-size: 22px; margin: 100px auto 70px;}
#content .wrap .content h5 {font-size: 20px; margin: 100px auto 70px;}
#content .wrap .content h6 {font-size: 18px; margin: 100px auto 70px;}
#content .wrap .content img {margin: 40px 0 0; width: auto; max-width: 100%;}
#content .wrap .content p,
#content .wrap .content ul,
#content .wrap .content ol {margin: 40px auto 0;}
#content .wrap .content a {color: var(--color-primary);}
#content .wrap .content .link > a {color: var(--color-link);}
#content .wrap .content .col-2 {display: flex; margin: 40px auto 0;}
#content .wrap .content .col-2 > * {width: 50%; padding: 0 50px 0 0;}
#content .wrap .content .col-2 > *:last-child {padding: 0 0 0 50px;}
@media screen and (max-width:1280px) {
    #content .wrap .content h1 {font-size: 26px;}
    #content .wrap .content h2 {font-size: 24px;}
    #content .wrap .content h3 {font-size: 22px;}
    #content .wrap .content h4 {font-size: 20px;}
    #content .wrap .content h5 {font-size: 18px;}
    #content .wrap .content h6 {font-size: 16px;}
    #content .wrap .content .col-2 > * {padding: 0 25px 0 0;}
    #content .wrap .content .col-2 > *:last-child {padding: 0 0 0 25px;}
}
@media screen and (max-width:960px) {
    #content .wrap .content .col-2 {display: block;}
    #content .wrap .content .col-2 > * {width: 100%; padding: 0;}
    #content .wrap .content .col-2 > *:last-child {padding: 0; margin: 40px auto 0;}
}
@media screen and (max-width:768px) {
    #content .wrap .content h1 {font-size: 24px;}
    #content .wrap .content h2 {font-size: 22px;}
    #content .wrap .content h3 {font-size: 20px;}
    #content .wrap .content h4 {font-size: 18px;}
    #content .wrap .content h5 {font-size: 16px;}
    #content .wrap .content h6 {font-size: 14px;}
}
@media screen and (max-width:590px) {
    #content .wrap .content h1 {font-size: 22px;}
    #content .wrap .content h2 {font-size: 20px;}
    #content .wrap .content h3 {font-size: 18px;}
    #content .wrap .content h4 {font-size: 16px;}
    #content .wrap .content h5 {font-size: 14px;}
    #content .wrap .content h6 {font-size: 12px;}
}