/*--------------------------------------------------

@max-width 768px

--------------------------------------------------*/
#liber-reno {
    width:92%;
    margin: 0px auto 15px;
    padding-top: 80px;
}

#liber-reno-inner {
    width:100%;
    height:auto;
    text-align: center;
}

#liber-reno-inner #liber-reno-img {
    width:100%;
    padding-top: 75px;
}

#liber-reno-inner #liber-reno-desc {
    width:92%;
    padding-left: 0px;
    padding-top: 20px;
    margin: 0 auto;
}

#liber-reno-inner #liber-reno-desc h2 {
    width:100%;
    font-size: 2rem;
}

#commission1 {
    width:92%;
}

#commission1 .title,
#commission2 .title,
#commission3 .title, 
#commission4 .title, 
#commission5 .title,
#commission6 .title {
    height:auto;
}

#commission1 h2,
#commission2 h2,
#commission5 h2 {
    width:100%;
    display:block;
            font-size: 23px;
/*
    width:86%;
    display:inline-block;
    font-size:21px;
*/
}

#commission1 .commission-inner table {
    width:100%;
}

#commission1 .commission-inner .no-comission {
    width:98%;
    padding-left: 0px;
    padding-top:20px;
    display: none;
}

#commission2, #commission3, #commission4, #commission5, #commission6 {
    width: 92%;
    margin: 10px auto;
}

#commission2 .commission-inner {
    height:auto;
}

#commission2 .commission-inner ul {
    position: static;
    text-align: center;
}

#commission2 .commission-inner ul li {
    width:46%;
    display:inline-block;
    padding:1%;
}

#commission2 .commission-inner ul li:first-child {
    display: none !important;
}

#commission2 .commission-inner ul li:first-child, 
#commission2 .commission-inner ul li:nth-child(2),
#commission2 .commission-inner ul li:nth-child(3),
#commission2 .commission-inner ul li:nth-child(4),
#commission2 .commission-inner ul li:nth-child(5) {
    position: static;
}

#commission2 .commission-inner ul li:last-child {
    width:46%;
    display:inline-block;
    padding:1%;
}

#commission1 img.sno, #commission2 img.sno, #commission3 img.sno, #commission4 img.sno, #commission5 img.sno, #commission6 img.sno {
    width: 10%;
}

#certificate {
    /* width: 92%; */
    margin-bottom: 40px;
}

#certificate .certificate-inner {
    position: static;
    width:92%;
    padding:30px 0px;
    margin: 0 auto;
}

#certificate .certificate-inner ul li {
    margin: 1% 1% 3%;
    width: 46%;
    height: 46%;   
}

#certificate .certificate-inner ul li p {
    font-size: 17px;
    text-align: center;
    margin: 3vw 0px 1vw;
}

#certificate .certificate-inner ul li:nth-child(2) p, 
#certificate .certificate-inner ul li:nth-child(3) p {
    font-size: 15px;
}

#certificate .certificate-inner ul li:nth-child(4) p {
    font-size: 13px;
    margin: 4vw 0px 4vw;
}

#certificate .certificate-inner ul li img {
    width: 50%;
margin: 4vw;
        padding-left: 6vw;
}

/* #certificate .certificate-inner ul li:nth-child(2) img, 
#certificate .certificate-inner ul li:nth-child(3) img {
    width: 39%;
} */

#commission3 h2 {
    padding-top:0px;
    width:100%;
    font-size: 23px;
}

#commission3 h2.hosho {
    width:100%;
}

#commission3 h2.satoyama {
    width:100%;
}

#commission5 .commission-image {
    width:100%;
    padding-left: 0px;
}

#commission5 .commission-desc {
    width:100%;
    padding-left:0px;
}

#certificate2 .certificate-inner {
    width:92%;
    padding: 30px 0px 10px;
}

#certificate2 .certificate-inner ul li {
    width:46%;
    height:46%;
    margin:1% 1% 3%;
}

#certificate2 .certificate-inner ul li p {
    padding: 5vw 0px 3vw;
}

#certificate2 .certificate-inner ul li img {
    padding-bottom: 1vw;
}

#certificate2 .certificate-inner ul li:nth-child(3) img,
#certificate2 .certificate-inner ul li:nth-child(4) img,
#certificate2 .certificate-inner ul li:nth-child(5) img,
#certificate2 .certificate-inner ul li:nth-child(6) img {
    width:50%;
}

#certificate2 {
    margin-top: 50px;
}

.commission {
    width:92%;
}

.commission .detail a {
    width:100%;
    padding: 20px 0px;
}

#commission6 h2 {
    display:block;
    font-size: 23px;
}

#commission6 .commission-image {
    width:98%;
        margin: 0 auto;
        padding-left: 0px;
}

#commission6 .commission-desc {
    width:100%;
    padding-left:0px;
}

#commission6 .commission-desc .detail a {
    width:100%;
    padding:20px 0px;
}

#certificate3 .certificate-inner {
    width:92%;
}

.commission .commission-list h2 {
    font-size: 23px;
}