@charset "utf-8"; 

/*++++++++++++++
共通
++++++++++++++*/

.list-wrap {
    padding: 80px 0;
    background: #d0e3ec;
}

.list-wrap .link-list a.button3 {
    box-shadow: none;
    border-radius: 50px;
    background: #51595d;
    border: none;
}

.list-wrap .link-list a.button3:hover {
    background: #fff;

}

.list-wrap ul.link-list li {
    width: 23%;
    margin: 0 2% 0 0;
}

.list-wrap ul.link-list li:nth-child(3n) {
    margin: 0 2% 0 0;
}

.list-wrap ul.link-list li:nth-child(4n) {
    margin: 0;
}


@media screen and (max-width: 1499px) {

}

@media screen and (max-width: 1299px) {
/*++++++++++++++
共通
++++++++++++++*/

}

@media screen and (max-width: 1200px) {
}

@media screen and (max-width: 1100px) {



}

/*タブレット*/
@media screen and (max-width: 1023px) {
    /*++++++++++++++
    共通
    ++++++++++++++*/

    .list-wrap ul.link-list li,.list-wrap ul.link-list li:nth-child(3n) {
        width: 48%;
        margin: 0 2% 2% 0;
    }
    
    .list-wrap ul.link-list li:nth-child(2n) {
        margin: 0 0 2% 0;
    }

}
@media screen and (max-width: 991px) {
    .list-wrap {
        padding: 50px 0;
    }
  
}

/*スマホ横*/
@media screen and (max-width: 767px) {
    /*++++++++++++++
共通
++++++++++++++*/

.list-wrap {
    padding: 30px 0;
}

}

/*スマホ縦*/
@media screen and (max-width: 480px) {

.list-wrap ul.link-list li, .list-wrap ul.link-list li:nth-child(3n),.list-wrap ul.link-list li:nth-child(2n) {
    width: 100%;
    margin: 0 0 3% 0;
}

}