@charset "UTF-8";
@media screen and (min-width: 768px),
print {
    #contentsmain {max-width: 1200px;margin-inline: auto;width: 95%;}
    #contentsmain .inner-Box {
        width: 100%;
        margin-inline: auto;
        padding: 35px 0 0;
    }
    #contentsmain .top-ttl-box {
        display: flex;
        gap: 34px;
        align-items: center;
    }
    #contentsmain .top-ttl-box .top-ttl {
        width: 305px;
    }
    #contentsmain .top-ttl-box .top-ttl img {
        width: 100%;
    }
    #contentsmain .top-ttl-box .top-txt {
        font-size: 16px;
        font-weight: 500;
        line-height: 1.625;
        letter-spacing: 0.04em;
    }
    #contentsmain .menu-list {
        display: flex;
        flex-wrap: wrap;
        margin-top: 19px;
    }
    #contentsmain .menu-list li {
        font-size: 20px;
        font-weight: 700;
        line-height: 1.3;
        letter-spacing: 0.1em;
        color: #504242;
        border: 1px solid #504242;
        margin-right: 20px;
        margin-bottom: 15px;
        padding: 8px 22px;
    }
    #contentsmain .menu-list li:nth-child(2) {
        padding: 8px 17px 8px 24px;
        margin-right: 24px;
    }
    #contentsmain .menu-list li:nth-child(3) {
        padding: 8px 21px 8px 24px;
        margin-right: 20px;
    }
    #contentsmain .menu-list li:nth-child(4) {
        padding: 8px 18px 8px 15px;
        margin-right: 0;
    }
    #contentsmain .menu-list li:nth-child(5) {
        padding: 8px 18px 8px 15px;
    }
    #contentsmain .menu-list li:nth-child(6) {
        padding: 8px 24px 8px 15px;
    }
    #contents01 .systemlist {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0 45px;
        margin-top: 13px;
    }
    #contents01 .systemlist .box {
        display: contents;
    }
    #contents01 .systemlist .box a {
        display: grid;
        grid-template-rows: subgrid;
        grid-row: span 4;
        margin: 0 0 56px;
    }
    #contents01 .systemlist .system-pic {
        margin: 0 0 25px;
    }
    #contents01 .systemlist .system-ttl {
        font-size: 20px;
        font-weight: 700;
        line-height: 1.75;
        letter-spacing: 0.04em;
        margin: 0 0 25px;
    }
    #contents01 .systemlist .system-coment {
        font-size: 16px;
        font-weight: 500;
        line-height: 1.9375;
        letter-spacing: 0.05em;
    }
}

@media screen and (max-width: 767px) {
    #contentsmain .inner-Box {
        width: 94.3vw;
        margin-inline: auto;
        padding: 1.6vw 0 1.7vw;
    }
    #contentsmain .top-ttl-box {
        display: flex;
        flex-direction: column;
        padding: 0 2.4vw;
    }
    #contentsmain .top-ttl-box .top-ttl {
        width: 34.3vw;
    }
    #contentsmain .top-ttl-box .top-ttl img {
        width: 100%;
    }
    #contentsmain .top-ttl-box .top-txt {
        font-size:3.382vw;
        font-weight: 500;
        line-height: 1.624;
        letter-spacing: 0.04em;
        margin: -0.6vw 2vw 0 3.8vw;
    }
    #contentsmain .menu-list {
        display: flex;
        flex-wrap: wrap;
        margin-top: 4vw;
        padding: 0 2.4vw;
    }
    #contentsmain .menu-list li {
        font-size:2.898vw;
        font-weight: 700;
        line-height: 1;
        letter-spacing: 0.06em;
        color: #504242;
        border: 1px solid #504242;
        margin-right: 1.4vw;
        margin-bottom: 1.8vw;
        padding: 2.06vw 7vw;
    }
    #contentsmain .menu-list li:nth-child(2) {
        margin-right: 0;
        padding: 2.06vw 7.2vw 2.06vw 4.2vw;
    }
    #contentsmain .menu-list li:nth-child(3) {padding: 2.06vw 3.2vw;}
    #contentsmain .menu-list li:nth-child(4) {
        margin-right: 0;
        padding: 2.06vw 3.4vw 2.06vw 3.8vw;
    }
    #contentsmain .menu-list li:nth-child(5) {
        padding: 2.06vw 3.2vw;
    }
    #contentsmain .menu-list li:nth-child(6) {
        padding: 2.06vw 3.4vw 2.06vw 3.7vw;
        margin-right: 0;
    }
    #contents01 .systemlist {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0 2.5vw;
        margin-top: 5vw;
    }
    #contents01 .systemlist .box {
        display: contents;
    }
    #contents01 .systemlist .box a {
        display: grid;
        grid-template-rows: subgrid;
        grid-row: span 4;
        margin: 0 0 12.2vw;
    }
    #contents01 .systemlist .system-pic {
        margin: 0 0 2.7vw;
        height: 23.43vw;
    }
    #contents01 .systemlist .system-pic img {
        height: 100%;
        width: 100%;
    }
    #contents01 .systemlist .system-ttl {
        font-size:2.898vw;
        font-weight: 700;
        line-height: 1.6666;
        letter-spacing: 0.04em;
        margin: 0 0 4.2vw;
    }
    #contents01 .systemlist .system-coment {
        font-size:2.657vw;
        font-weight: 500;
        line-height: 1.81818;
        letter-spacing: 0.05em;
    }
}