@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: 70%;margin: 0 auto;}
.content01_t1 {font-size: 3.3vw;font-weight: 600;color: #14B6D8;}
.content01_01 {position: relative;width: 100%;margin: 5vw auto 0;padding: 6vw 7vw;box-sizing: border-box;background-color: #fff;}
.content01_01_i {position: absolute;top: -1vw;left: -2vw;width: 50%;}
.content01_01_i_in {position: relative;width: 100%;}
.content01_01_i_in::before,
.content01_01_i_in::after {position: absolute;width: 100%;height: 100%;content: '';}
.content01_01_i_in::before {border-left: solid 1px #16B6D8;border-top: solid 1px #16B6D8;top: -1vw;left: -1.5vw;}
.content01_01_i_in::after {border-right: solid 1px #16B6D8;border-bottom: solid 1px #16B6D8;bottom: 1vw;right: 1.5vw;}
.content01_01_img {position: relative;width: 100%;aspect-ratio: 16 / 12;object-fit: cover;}
.content01_01_t {width: 47%;margin: 0 0 0 auto;}
.content01_01_t1 {font-size: 2vw;font-weight: 600;}
.content01_01_t table {width: 100%;margin-top: 2vw;border-collapse: collapse;border-spacing: 0;text-align: left;font-size: 0;}
.content01_01_t table tr {border-bottom: solid 1px #cfcfcf;box-sizing: border-box;}
.content01_01_t table th {width: 25%;padding: 1.4vw 0 1.4vw;font-size: 1vw;font-weight: 600;box-sizing: border-box;}
.content01_01_t table .td1 {width: 75%;padding: 1.4vw 0 1.4vw;font-size: 1vw;box-sizing: border-box;}
.content01_01_t table .td2 {width: 75%;padding: 1.4vw 0 0.4vw;box-sizing: border-box;font-size: 0;}
.content01_01_t table .td2 a {display: inline-block;width: 50%;margin-bottom: 1vw;font-size: 1vw;}
.content01_01_t table .td2 a i {margin-right: 0.5vw;font-size: 1.1vw;color: #14B6D8;}
.content01_02 {width: 100%;margin-top: 3.5vw;}
.content01_02_t1 {display: flex;font-size: 1.2vw;font-weight: 700;letter-spacing: 0.1vw;color: #14B6D8;}
.content01_02_t1::after {margin-top: 0.6vw;margin-left: 2vw;background-color: #14B6D8;content: "";flex-grow: 1;height: 1px;}
.content01_02_t2 {margin-top: 1vw;font-size: 1.2vw;line-height: 200%;}
.content01_bt {position: relative;display: block;width: 40%;margin: 3.5vw 0 0 auto;padding: 1.4vw 3vw;font-size: 1.3vw;font-weight: 600;box-sizing: border-box;border: solid 2px #16B6D8;background-color: #16B6D8;color: #fff;border-radius: 5vw;}
.content01_bt:hover {background-color: #1295B1;color: #fff;}
.content01_bt_img {position: absolute;top: 50%;right: 5%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 1.2vw;}


@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: 5vw auto 0;padding: 6vw 5vw;}
.content01_01_i {position: absolute;top: -1vw;left: -1vw;width: 50%;}
.content01_01_img {aspect-ratio: 16 / 12;}
.content01_01_t {width: 47%;margin: 0 0 0 auto;}
.content01_01_t1 {font-size: 2.6vw;}
.content01_01_t table {margin-top: 2vw;}
.content01_01_t table th {width: 30%;padding: 1.4vw 0 1.4vw;font-size: 1.6vw;}
.content01_01_t table .td1 {width: 70%;padding: 1.4vw 0 1.4vw;font-size: 1.6vw;}
.content01_01_t table .td2 {width: 70%;padding: 1.4vw 0 0.4vw;}
.content01_01_t table .td2 a {width: 100%;margin-bottom: 1vw;font-size: 1.6vw;}
.content01_01_t table .td2 a i {margin-right: 1vw;font-size: 1.7vw;}
.content01_02 {margin-top: 3.5vw;}
.content01_02_t1 {font-size: 1.8vw;}
.content01_02_t1::after {margin-top: 0.8vw;margin-left: 2vw;height: 1px;}
.content01_02_t2 {margin-top: 1.5vw;font-size: 1.8vw;line-height: 200%;}
.content01_bt {width: 50%;margin: 3.5vw 0 0 auto;padding: 2vw 5vw;font-size: 1.9vw;}
.content01_bt_img {top: 50%;right: 5%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 1.8vw;}
}


@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: 5vw auto 0;padding: 6vw 5vw;}
.content01_01_i {position: relative;top: -0vw;left: -0vw;width: 100%;}
.content01_01_img {aspect-ratio: 16 / 12;}
.content01_01_t {width: 100%;margin: 5vw 0 0 auto;}
.content01_01_t1 {font-size: 4.2vw;}
.content01_01_t table {margin-top: 3vw;}
.content01_01_t table th {display: block;width: 100%;padding: 2.5vw 0 2.5vw;font-size: 3.2vw;}
.content01_01_t table .td1 {display: block;width: 100%;padding: 0vw 0 2.5vw;font-size: 3.2vw;}
.content01_01_t table .td2 {display: block;width: 100%;padding: 0vw 0 2.5vw;}
.content01_01_t table .td2 a {width: 100%;margin-bottom: 2vw;font-size: 3.2vw;}
.content01_01_t table .td2 a i {margin-right: 1vw;font-size: 3.3vw;}
.content01_02 {margin-top: 5vw;}
.content01_02_t1 {font-size: 4vw;}
.content01_02_t1::after {margin-top: 1.6vw;margin-left: 2vw;height: 1px;}
.content01_02_t2 {margin-top: 1.5vw;font-size: 3.4vw;line-height: 180%;}
.content01_bt {width: 100%;margin: 3.5vw 0 0 auto;padding: 3vw 5vw;font-size: 4vw;}
.content01_bt_img {top: 50%;right: 5%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 4vw;}
}