@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: 7vw 0 5vw;}
.content01 {width: 80%;margin: 0 auto;}
.content01_a1 {display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;flex-wrap: wrap;width: 100%;margin-bottom: 2vw;padding: 1.5vw 2vw;border: solid 2px #cfcfcf;border-left: solid 10px #0a215c;background-color: #fff;box-sizing: border-box;}
.content01_a1:hover {background-color: #efefef;}
.content01_a1 p {width: 90%;font-size: 1.4vw;font-weight: 500;}
.content01_a1 i {width: 10%;font-size: 1.8vw;color: #0a215c;text-align: right;}


@media screen and (max-width:960px) {
/*----- main -----*/
.main {width: 90%;padding: 6vw 0;}
.main_t1 {font-size: 3.2vw;}
/*----- content01 -----*/
#content01 {padding: 8vw 0 6vw;}
.content01 {width: 90%;}
.content01_a1 {margin-bottom: 2vw;padding: 2vw 2vw;border-left: solid 10px #0a215c;}
.content01_a1 p {width: 90%;font-size: 2vw;}
.content01_a1 i {width: 10%;font-size: 2.4vw;}
}


@media screen and (max-width:500px) {
/*----- main -----*/
.main {padding: 8vw 0;}
.main_t1 {font-size: 5vw;}
/*----- content01 -----*/
#content01 {padding: 8vw 0 6vw;}
.content01_a1 {margin-bottom: 2vw;padding: 4vw 2vw;border-left: solid 6px #0a215c;}
.content01_a1 p {width: 90%;font-size: 3.2vw;}
.content01_a1 i {width: 10%;font-size: 3.6vw;}
}