@charset "UTF-8";
/* CSS Document */
/*----- main -----*/
main {background-color: #fff;}
#main {width: 100%;padding: 7.5vw 0;background-image:url("../img/common/main.png");background-size: 100%;background-size:cover;background-repeat: no-repeat;}
.main {width: 80%;margin: 0 auto;color: #fff;}
.main_t1 {font-size: 2.8vw;font-weight: 600;line-height: 130%;}
/*----- pan -----*/
#pan {z-index: 100;width: 100%;padding: 0.2vw 0;}
.pan {width: 80%;margin: 0 auto;font-size: 1vw;color: #B5A19A;}
.pan a {display: inline-block;margin: 0 0.5vw;font-size: 1vw;color: #B5A19A;}
/*----- content01 -----*/
#content01 {width: 100%;padding-top: 3vw;}
.content01 {width: 80%;margin: 0 auto;}
.content01_t1 {font-size: 1.9vw;line-height: 150%;font-weight: 500;color: #42210B;}
.content01_box {display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;flex-wrap: wrap;width: 100%;margin-top: 1vw;padding: 2vw 2vw 2vw 5vw;border: solid 1.5px #707070;box-sizing: border-box;}
.content01_box_l {width: 58%;font-size: 0;}
.content01_box_l ol {counter-reset: my-counter;list-style: none;padding: 0;}
.content01_box_l ol li {list-style-type: decimal;font-size: 1vw;line-height: 160%;margin-top: 1.2vw;padding-left: 0.5vw;box-sizing: border-box;}
.content01_box_r {width: 33%;}
.content01_img {width: 100%;}
/*----- content02 -----*/
#content02 {width: 100%;padding-top: 5.5vw;}
.content02 {width: 70%;margin: 0 auto;}
.content02_t1 {font-size: 1.6vw;line-height: 150%;font-weight: 500;}
.content02_img {width: 100%;margin-top: 1vw;}
/*----- content03 -----*/
#content03 {width: 100%;padding: 9vw 0 10vw;}
.content03 {width: 70%;margin: 0 auto;}
.content03_t1 {padding: 0 1vw;font-size: 1.8vw;font-weight: 500;border-left: solid 0.5vw #D61618;box-sizing: border-box;}
.content03_t {display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;flex-wrap: wrap;margin-top: 1vw;padding: 1.2vw 4.5vw 1.2vw 2vw;background-color: #F9F9F8;box-sizing: border-box;}
.content03_t_l {width: 22%;}
.content03_t_l_t1 {font-size: 1vw;line-height: 160%;font-weight: 500;}
.content03_t_r {width: 78%;}
.content03_t_r_t1 {font-size: 1vw;line-height: 160%;}

@media screen and (max-width:960px) {
/*----- main -----*/
#main {padding: 7.5vw 0;background-image:url("../img/common/main.png");background-size: 100%;background-size:cover;background-repeat: no-repeat;}
.main {width: 90%;}
.main_t1 {font-size: 3.4vw;line-height: 130%;}
/*----- pan -----*/
#pan {padding: 0.2vw 0;}
.pan {width: 90%;font-size: 1.6vw;}
.pan a {margin: 0 0.5vw;font-size: 1.6vw;}
/*----- content01 -----*/
#content01 {padding-top: 5vw;}
.content01 {width: 90%;}
.content01_t1 {font-size: 2.5vw;}
.content01_box {margin-top: 1vw;padding: 2vw 3vw;}
.content01_box_l {width: 60%;}
.content01_box_l ol {padding: 0 0 0 2vw;}
.content01_box_l ol li {margin: 1vw 0;padding-left: 1vw;font-size: 2.2vw;}
.content01_box_r {width: 35%;margin: 1vw 0;}
.content01_img {width: 100%;}
/*----- content02 -----*/
#content02 {padding-top: 5.5vw;}
.content02 {width: 90%;}
.content02_t1 {font-size: 2.2vw;}
.content02_i {overflow: scroll;width: 100%;}
.content02_img {width: 100%;margin-top: 1vw;}
/*----- content03 -----*/
#content03 {padding: 9vw 0 10vw;}
.content03 {width: 90%;}
.content03_t1 {padding: 0 1.5vw;font-size: 2.4vw;border-left: solid 1vw #D61618;}
.content03_t {margin-top: 1vw;padding: 1.2vw 4.5vw 1.2vw 2vw;}
.content03_t_l {width: 22%;}
.content03_t_l_t1 {font-size: 1.6vw;}
.content03_t_r {width: 78%;}
.content03_t_r_t1 {font-size: 1.6vw;}
}

@media screen and (max-width:500px) {
/*----- main -----*/
#main {padding: 7.5vw 0;background-image:url("../img/common/main.png");background-size: 100%;background-size:cover;background-repeat: no-repeat;}
.main_t1 {font-size: 4.8vw;line-height: 180%;}
/*----- pan -----*/
.pan {font-size: 3vw;}
.pan a {font-size: 3vw;}
/*----- content01 -----*/
#content01 {padding-top: 7.5vw;}
.content01_t1 {font-size: 4vw;}
.content01_box {margin-top: 2vw;padding: 3vw 5vw;}
.content01_box_l {width: 100%;}
.content01_box_l ol {padding: 0 0 0 3vw;}
.content01_box_l ol li {margin: 1vw 0;padding-left: 1vw;font-size: 3.2vw;}
.content01_box_r {width: 100%;margin: 1vw 0;}
.content01_img {width: 100%;}
/*----- content02 -----*/
#content02 {padding-top: 6.5vw;}
.content02_t1 {font-size: 3.6vw;}
.content02_img {width: 150%;margin-top: 2vw;}
/*----- content03 -----*/
#content03 {padding: 10vw 0 12.5vw;}
.content03_t1 {padding: 0 2vw;font-size: 3.8vw;}
.content03_t {margin-top: 2vw;padding: 3.5vw 5vw 3.5vw 5vw;}
.content03_t_l {width: 100%;}
.content03_t_l_t1 {font-size: 3vw;}
.content03_t_r {width: 100%;margin-top: 2vw;}
.content03_t_r_t1 {font-size: 3vw;}
}