@charset "UTF-8";
/* CSS Document */
/*----- main -----*/
#main {width: 100%;background-image:url("../img/main.jpg");background-size: 100%;background-size:cover;background-repeat: no-repeat;}
.main {width: 80%;margin: 0 auto;padding: 6vw 0;}
.main_t1 {font-size: 2.6vw;font-weight: 500;}
/*----- content01 -----*/
#content01 {width: 100%;padding: 4vw 0 7vw;}
.content01 {width: 80%;margin: 0 auto;font-size: 0;}
.content01_t1 {display: inline-block;vertical-align: top;width: 31.3%;margin: 3vw 1% 0;padding: 0.6vw 0 0.6vw 1vw;font-size: 1.2vw;line-height: 140%;border-left: solid 5px #0a215c;box-sizing: border-box;}


@media screen and (max-width:960px) {
/*----- main -----*/
.main {width: 90%;padding: 6vw 0;}
.main_t1 {font-size: 3.2vw;}
/*----- content01 -----*/
#content01 {padding: 4vw 0 7vw;}
.content01 {width: 90%;}
.content01_t1 {width: 48%;margin: 3vw 1% 0;padding: 0.6vw 0 0.6vw 1.5vw;font-size: 1.8vw;line-height: 140%;border-left: solid 5px #0a215c;}
}


@media screen and (max-width:500px) {
/*----- main -----*/
.main {padding: 8vw 0;}
.main_t1 {font-size: 5vw;}
/*----- content01 -----*/
#content01 {padding: 3vw 0 7vw;}
.content01_t1 {width: 100%;margin: 4vw 0 0;padding: 1vw 0 1vw 2vw;font-size: 3vw;line-height: 140%;border-left: solid 5px #0a215c;}
}