@charset "UTF-8";
/* CSS Document */
/*----- header -----*/
header {z-index: 100;position: fixed;top: 0;left: 0;width: 100%;}
.header {position: relative;width: 28%;}
.header_img {width: 100%;}
.logo_box {position: absolute;top: 2vw;left: 3vw;width: 25%;}
.logo_img {width: 100%;}
/*----- main -----*/
main {width: 100%;overflow: hidden;}
/*----- content01 -----*/
#content01 {position: relative;width: 100%;padding: 15vw 0 11vw;background-color: #F4FBFE;}
.content01_t0 {z-index: 0;position: absolute;bottom: -2.2vw;right: 0;font-size: 14.3vw;font-weight: 600;color: rgba(22,182,216,0.05);}
.content01 {position: relative;width: 75%;margin: 0 auto;}
.content01_t1 {font-size: 3.3vw;font-weight: 600;color: #14B6D8;}
.content01_01 {width: 100%;margin: 3.5vw auto 0;font-size: 0;}
.content01_01_box {display: inline-block;vertical-align: top;width: 23%;margin: 0 1% 2vw;}
.content01_01_box a {}
.content01_01_img {width: 100%;aspect-ratio: 16 / 12;object-fit: cover;}
.content01_01_t1 {display: inline-block;margin: 0.6vw 0 0;padding: 0.2vw 0.5vw;font-size: 0.8vw;font-weight: 400;color: #fff;background-color: #16B6D8;}
.content01_01_t2 {margin-top: 0.8vw;font-size: 1.2vw;font-weight: 600;}
.content01_01_t3 {margin-top: 0.5vw;font-size: 0.9vw;line-height: 160%;}
.pager {}
.pager .pagination {margin-top: 2.5vw;text-align: center;font-size: 1.6vw;}
.pager .pagination a {font-size: 1.6vw;}
.pager .pagination a:hover {color: #14B6D8;background-color: #fff;border-bottom: solid 2px #14B6D8;}
.nav-links{font-size: 0;}
.pagination .page-numbers{display: inline-block;margin-left: 1vw;padding: 0.6vw 0.5vw;font-size: 1.6vw;line-height: 100%;box-sizing: border-box;color: #14B6D8;}
.pagination .current{margin: 0;padding: 0.6vw 0.5vw;font-size: 1.6vw;line-height: 100%;border-bottom: solid 2px #14B6D8;}
.pagination .prev,
.pagination .next{background:transparent;box-shadow:none;margin: 0 1vw;padding: 1vw 1.2vw;font-size: 1vw;border: solid 2px #14B6D8;color: #fff;background-color: #14B6D8;border-radius: 0.4vw;}
.pagination .dots{background:transparent;box-shadow:none;}


@media screen and (max-width:960px) {
/*----- header -----*/
header {width: 100%;}
.header {width: 30%;}
.header_img {width: 100%;}
.logo_box {position: absolute;top: 2vw;left: 3vw;width: 28%;}
.logo_img {width: 100%;}
/*----- content01 -----*/
#content01 {padding: 16vw 0 11vw;}
.content01_t0 {bottom: -2.2vw;right: 0;font-size: 14.3vw;}
.content01 {width: 90%;}
.content01_t1 {font-size: 3.9vw;}
.content01_01 {margin: 3.5vw auto 0;}
.content01_01_box {width: 30.3%;margin: 0 1.5% 3vw;}
.content01_01_box a {}
.content01_01_img {aspect-ratio: 16 / 12;}
.content01_01_t1 {margin: 1vw 0 0;padding: 0.2vw 0.5vw;font-size: 1.4vw;}
.content01_01_t2 {margin-top: 1vw;font-size: 1.8vw;}
.content01_01_t3 {margin-top: 1vw;font-size: 1.5vw;line-height: 160%;}
.pager .pagination {margin-top: 3.5vw;text-align: center;font-size: 2.2vw;}
.pager .pagination a {font-size: 2.2vw;}
.pagination .page-numbers{margin-left: 1vw;padding: 1vw 1vw;font-size: 2.2vw;}
.pagination .current{padding: 1vw 1vw;font-size: 2.2vw;}
.pagination .prev,
.pagination .next{margin: 0 1vw;padding: 1vw 1.5vw;font-size: 1.9vw;border-radius: 0.5vw;}
.pagination .prev i,
.pagination .next i {font-size: 1.9vw;}
}


@media screen and (max-width:500px) {
/*----- header -----*/
header {width: 100%;}
.header {width: 40%;}
.header_img {width: 100%;}
.logo_box {position: absolute;top: 2vw;left: 3vw;width: 35%;}
.logo_img {width: 100%;}
/*----- content01 -----*/
#content01 {padding: 20vw 0 11vw;}
.content01_t0 {bottom: -2.2vw;right:  0;font-size: 14.3vw;}
.content01_t1 {font-size: 5.5vw;}
.content01_01 {margin: 3.5vw auto 0;}
.content01_01_box {width: 46%;margin: 0 2% 4vw;}
.content01_01_box a {}
.content01_01_img {aspect-ratio: 16 / 12;}
.content01_01_t1 {margin: 1vw 0 0;padding: 0.4vw 1vw;font-size: 3vw;}
.content01_01_t2 {margin-top: 1vw;font-size: 3.4vw;}
.content01_01_t3 {margin-top: 1vw;font-size: 3.1vw;line-height: 160%;}
.pager .pagination {margin-top: 3.5vw;font-size: 3.6vw;}
.pager .pagination a {font-size: 3.6vw;}
.pagination .page-numbers{margin: 0 1.5vw;padding: 2vw 1.5vw;font-size: 3.6vw;}
.pagination .current{padding: 2vw 1.5vw;font-size: 3.6vw;}
.pagination .prev,
.pagination .next{margin: 0 2vw;padding: 2vw 2.5vw;font-size: 3.3vw;border-radius: 0.5vw;}
}