@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: 3vw 0 7vw;}
.content01 {width: 80%;margin: 0 auto;}
.content01_t0 {font-size: 2.4vw;font-weight: 500;}
.content01_box {width: 100%;margin-top: 4vw;}
.content01_t1 {padding: 0.5vw 2vw;font-size: 1.6vw;font-weight: 500;border-left: solid 5px #0a215c;box-sizing: border-box;}
.content01_t2 {margin-top: 1vw;font-size: 1.3vw;line-height: 180%;}


@media screen and (max-width:960px) {
/*----- main -----*/
.main {width: 90%;padding: 6vw 0;}
.main_t1 {font-size: 3.2vw;}
/*----- content01 -----*/
#content01 {padding: 2vw 0 7vw;}
.content01 {width: 90%;}
.content01_t0 {font-size: 3vw;}
.content01_box {margin-top: 5vw;}
.content01_t1 {padding: 1vw 2vw;font-size: 2.2vw;border-left: solid 5px #0a215c;}
.content01_t2 {margin-top: 1vw;font-size: 1.9vw;line-height: 180%;}

}


@media screen and (max-width:500px) {
/*----- main -----*/
.main {padding: 8vw 0;}
.main_t1 {font-size: 5vw;}
/*----- content01 -----*/
#content01 {padding: 2vw 0 7vw;}
.content01_t0 {font-size: 4.2vw;}
.content01_box {margin-top: 6vw;}
.content01_t1 {padding: 1.5vw 2vw;font-size: 3.4vw;border-left: solid 5px #0a215c;}
.content01_t2 {margin-top: 2vw;font-size: 3.1vw;line-height: 200%;}

}