@charset "utf-8";
/* ========================================== page style ========================================== */
#wrapper .table>tbody>tr>td, #wrapper .table>tbody>tr>td:nth-of-type(1) { white-space: nowrap !important; }

.secWrap .list01 { display: flex; flex-wrap: wrap; align-items: center; }
.secWrap .list01 > li { width: 100%; padding: 1em 0 1em 0; text-align: center; }
@media screen and (min-width:600px) {
    .secWrap .list01 > li:nth-of-type(1) { width: 66.6666%; padding: 1em 2em 1em 0; }
    .secWrap .list01 > li:nth-of-type(2) { width: 33.3333%; }
}

.secWrap .list02 { display: flex; flex-wrap: wrap; }
.secWrap .list02 > li { width: 48%; margin: 0 1%; padding: 1em 0 1em 0; text-align: center; }
.secWrap .list02 > li p { text-align: center; padding: 0 0.5em; }
@media screen and (min-width:769px) {
    .secWrap .list02 > li { width: 23%; }
}

.secWrap .list03 { display: flex; flex-wrap: wrap; align-items: baseline; }
.secWrap .list03 > li { width: 100%; padding: 1em 0 1em 0; text-align: center; }
.secWrap .list03 > li p { text-align: left; padding: 0 1.5em; }
@media screen and (min-width:600px) {
    .secWrap .list03 > li { width: 33.3333%; }
}

.secWrap .list04 { display: flex; flex-wrap: wrap; align-items: baseline; }
.secWrap .list04 > li { width: 100%; padding: 1em 0 1em 0; text-align: center; }
.secWrap .list04 > li p { text-align: center; padding: 0 1.5em; }
@media screen and (min-width:769px) {
    .secWrap .list04 > li { width: 50%; margin: 0 auto; }
}

.img01, .img02, .img03 { max-width: 200px; margin: 0 auto; text-align: center; }
.img04 { max-width: 400px; margin: 0 auto 20px; text-align: center; }
.img05 { max-width: 160px; margin: 0 auto; text-align: center; }
.img06 { max-width: 300px; margin: 0 auto; text-align: center; }
.img07 { max-width: 170px; margin: 0 auto; text-align: center; }