@charset "UTF-8";
/* CSS Document */
.font1 {font-family: hot-gfkaishokk, sans-serif; }
/*----- 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-top: 7vw;}
.content01 {width: 80%;margin: 0 auto;}
.content01_t1 {font-size: 2.4vw;font-weight: 500;text-align: center;}
.content01_img {width: 100%;margin-top: 3vw;}
/*----- content02 -----*/
#content02 {width: 100%;padding: 2vw 0 7vw;}
.content02 {width: 80%;margin: 0 auto;}
.content02_t1 {font-size: 2.6vw;font-weight: 500;}
.content02_box {margin-top: 3vw;}
.content02_t2 {padding: 1vw 2vw;font-size: 1.6vw;font-weight: 500;border-left: solid 5px #0a215c;box-sizing: border-box;}
.content02_t3 {margin-top: 1.5vw;font-size: 1.2vw;line-height: 220%;}
.content02_in {float: right;width: 25%;padding: 2vw 0 2vw 3vw;text-align: center;box-sizing: border-box;}
.content02_in_img {width: 100%;}
.content02_in_t1 {margin-top: 0.5vw;font-size: 1.1vw;font-weight: 500;line-height: 140%;}
.content02_in_t2 {margin-top: 0.4vw;font-size: 2.2vw;font-weight: 500;letter-spacing: 0.1vw;}


@media screen and (max-width:960px) {
/*----- main -----*/
.main {width: 90%;padding: 6vw 0;}
.main_t1 {font-size: 3.2vw;}
/*----- content01 -----*/
#content01 {padding-top: 7vw;}
.content01 {width: 90%;}
.content01_t1 {font-size: 3vw;}
.content01_img {margin-top: 3vw;}
/*----- content02 -----*/
#content02 {padding: 2vw 0 7vw;}
.content02 {width: 90%;}
.content02_t1 {font-size: 3.2vw;}
.content02_box {margin-top: 3vw;}
.content02_t2 {padding: 1vw 2vw;font-size: 2.2vw;border-left: solid 5px #0a215c;}
.content02_t3 {margin-top: 1.5vw;font-size: 1.8vw;line-height: 220%;}
.content02_in {float: right;width: 30%;padding: 2vw 0 2vw 3vw;}
.content02_in_img {width: 100%;}
.content02_in_t1 {margin-top: 0.5vw;font-size: 1.6vw;line-height: 140%;}
.content02_in_t2 {margin-top: 0.4vw;font-size: 3.2vw;letter-spacing: 0.1vw;}
}


@media screen and (max-width:500px) {
/*----- main -----*/
.main {padding: 8vw 0;}
.main_t1 {font-size: 5vw;}
/*----- content01 -----*/
#content01 {padding-top: 7vw;}
.content01_t1 {font-size: 4.2vw;}
.content01_img {margin-top: 3vw;}
/*----- content02 -----*/
#content02 {padding: 2vw 0 7vw;}
.content02_t1 {font-size: 4.4vw;}
.content02_box {margin-top: 5vw;}
.content02_t2 {padding: 2vw 2vw;font-size: 3.4vw;border-left: solid 5px #0a215c;}
.content02_t3 {clear: both;margin-top: 2vw;font-size: 3vw;line-height: 200%;}
.content02_in {float: right;width: 100%;margin: 3vw 0;padding: 0;}
.content02_in_img {width: 60%;}
.content02_in_t1 {margin-top: 0.5vw;font-size: 4vw;line-height: 140%;}
.content02_in_t2 {margin-top: 0.4vw;font-size: 6vw;letter-spacing: 0.1vw;}
}