@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;}
.content01 {width: 80%;margin: 0 auto;}
.content01_t {margin-top: 4vw;border-bottom: dashed 2px #cfcfcf;}
.content01_t:last-child {border-bottom: dashed 0 #cfcfcf;}
.content01_t1 {padding: 1vw 2vw;font-size: 2.2vw;font-weight: 500;border-left: solid 5px #0a215c;box-sizing: border-box;}
.content01_t2 {margin: 2.5vw 0 4vw;font-size: 1.4vw;line-height: 200%;}
.content01_t2 img {width: 100%;}


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


@media screen and (max-width:500px) {
/*----- main -----*/
.main {padding: 8vw 0;}
.main_t1 {font-size: 5vw;}
/*----- content01 -----*/
#content01 {padding: 2vw 0;}
.content01_t1 {font-size: 4.4vw;line-height: 160%;}
.content01_t {margin-top: 5vw;}
.content01_t1 {padding: 1vw 2vw;font-size: 4vw;border-left: solid 5px #0a215c;}
.content01_t2 {margin: 2.5vw 0 5vw;font-size: 3.2vw;line-height: 180%;}
}