@charset "UTF-8";
/* CSS Document */
/*----- content01 -----*/
#content01 {width: 100%;padding: 15vw 0 10vw;background-color: #fff;}
.content01 {width: 90%;margin: 0 auto;font-size: 0;text-align: center;}
.content01_t1 {display: inline-block;font-size: 5.4vw;font-weight: 700;line-height: 110%;border-bottom: solid 0.4vw;color: #0B54A3;}
.content01_t2 {width: 100%;margin-top: 3.5vw;font-size: 1.3vw;}
.content01_a1 {position: relative;display: inline-block;vertical-align: bottom;width: 25%;margin-top: 8vw;padding: 1.5vw 0;font-size: 1.2vw;font-weight: 500;border: solid 1px #0B54A3;color: #0B54A3;border-radius: 5vw;text-align: center;}
.content01_a1:hover {color: #fff;background-color: #0B54A3;}
.content01_a1 i {position: absolute;top: 50%;left: 7%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 5%;font-size: 0.9vw;color: #099151;}


@media screen and (max-width:960px) {
/*----- content01 -----*/
#content01 {padding: 15vw 0 10vw;}
.content01_t1 {font-size: 6vw;border-bottom: solid 0.6vw;}
.content01_t2 {margin-top: 3.5vw;font-size: 1.9vw;}
.content01_a1 {width: 50%;margin-top: 8vw;padding: 2vw 0;font-size: 1.8vw;}
.content01_a1 i {top: 50%;left: 7%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 5%;font-size: 1.5vw;}
}


@media screen and (max-width:500px) {
/*----- content01 -----*/
#content01 {padding: 20vw 0 15vw;}
.content01_t1 {font-size: 9vw;border-bottom: solid 1vw;}
.content01_t2 {margin-top: 5vw;font-size: 3.3vw;}
.content01_a1 {width: 80%;margin-top: 10vw;padding: 3vw 0;font-size: 3.2vw;}
.content01_a1 i {top: 50%;left: 7%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 5%;font-size: 3vw;}
}
