@charset "UTF-8";
/* CSS Document */
/*----- main -----*/
#main {width: 100%;padding: 15vw 0 20vw;border-top: solid 2px #efefef;text-align: center;}
.main {width: 70%;margin: 0 auto;}
.main_t1 {font-size: 4vw;font-weight: 500;line-height: 150%;color: #226dbb;}
.main_t2 {margin-top: 1vw;font-size: 1.3vw;line-height: 180%;}
.main_t3 {margin-top: 4vw;font-size: 1.1vw;line-height: 180%;}
.main_a1 {display: block;width: 50%;margin: 7vw auto 0;padding: 2.5vw 0;font-size: 1.3vw;background-color: #226dbb;color: #fff;}
.main_a1:hover {opacity: 0.5;}

@media screen and (max-width:960px) {
/*----- main -----*/
#main {padding: 15vw 0 20vw;;}
.main {width: 90%;}
.main_t1 {font-size: 4.6vw;}
.main_t2 {margin-top: 1vw;font-size: 1.9vw;}
.main_t3 {margin-top: 4vw;font-size: 1.7vw;}
.main_a1 {width: 50%;margin: 7vw auto 0;padding: 2.5vw 0;font-size: 1.9vw;}
}

@media screen and (max-width:500px) {
/*----- main -----*/
#main {padding: 25vw 0 30vw;;}
.main {width: 90%;}
.main_t1 {font-size: 5.8vw;}
.main_t2 {margin-top: 1vw;font-size: 3.2vw;}
.main_t3 {margin-top: 4vw;font-size: 2vw;}
.main_a1 {width: 100%;margin: 7vw auto 0;padding: 3vw 0;font-size: 4vw;}
}