@charset "UTF-8";
/* CSS Document */
/*----- main -----*/
main {position: relative;width: 100%;overflow: hidden;margin-top: 8vw;background-color: #FCFBF5;}
#main {position: relative;width: 100%;padding: 18vw 0;background-repeat: no-repeat;background-size: cover;background-position: center center;}
.main {width: 90%;margin: 0 auto;text-align: center;}
/* main_01 */
.main_01 {opacity: 0;width: 100%;color: #fff;}
.main_01_t1 {font-size: 3.8vw;font-weight: 700;line-height: 100%;}
/*----- content01 -----*/
#content01 {width: 100%;padding: 5vw 0 5vw;}
.content01 {width: 75%;margin: 0 auto;text-align: center;}
/* content01_01 */
.content01_01 {width: 100%;}
.content01_01_t1 {font-size: 2.4vw;font-weight: 600;line-height: 160%;color: #A7863D;}
.content01_01_t2 {margin-top: 1.5vw;font-size: 1.1vw;line-height: 200%;}

/*----- content02 -----*/
#content02 {width: 100%;padding: 4vw 0 4vw;background-image: url('../img/page10/bg.png');background-repeat: no-repeat;background-size: cover;background-position: center center;}
.content02 {display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;flex-wrap: wrap;width: 88%;margin: 0 auto;padding-left: 7vw;}
/* content02_01 */
.content02_01 {width: 45%;margin-top: 2vw;}
.content02_01_t1 {width: 100%;padding: 0.5vw 0 0.5vw 1.8vw;font-size: 2.4vw;font-weight: 600;border-left: solid 4px #A7863D;color: #A7863D;}
.content02_01_t2 {margin-top: 2vw;font-size: 1.4vw;font-weight: 500;line-height: 230%;}
/* content02_02 */
.content02_02 {width: 49%;}
.content02_02_img {width: 100%;}
/*----- content03 -----*/
#content03 {width: 100%;padding: 5vw 0 5vw;}
.content03 {display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;flex-wrap: wrap;width: 75%;margin: 0 auto;}
.content03_t1 {width: 100%;padding: 0.5vw 0 0.5vw 1.8vw;font-size: 2.4vw;font-weight: 600;border-left: solid 4px #A7863D;color: #A7863D;}
/* content03_01 */
.content03_01 {width: 46%;margin-top: 3vw;padding: 2.5vw 2.5vw;background-color: #fff;}
.content03_01_t1 {position: relative;width: 100%;margin-top: 1vw;padding-left: 1.8em;font-size: 1.3vw;}
.content03_01_t1:first-child {margin-top: 0vw;}
.content03_01_t1::before {content: "✓";position: absolute;left: 0;top: 0;font-size: 2vw;color: #A7863D;font-weight: bold;}
.content03_01_t2 {margin-top: 1vw;font-size: 1.1vw;line-height: 190%;}
/* content03_02 */
.content03_02 {width: 46%;margin-top: 3vw;}
.content03_02_img {width: 100%;}
/*----- content04 -----*/
#content04 {width: 100%;padding: 8vw 0 8vw;background-image: url('../img/page10/bg.png');background-repeat: no-repeat;background-size: cover;background-position: center center;}
.content04 {display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;flex-wrap: wrap;width: 75%;margin: 0 auto;}
/* content04_01 */
.content04_01 {width: 43%;}
.content04_01_t1 {width: 100%;padding: 0.5vw 0 0.5vw 1.8vw;font-size: 2.4vw;font-weight: 600;border-left: solid 4px #A7863D;color: #A7863D;}
/* content04_02 */
.content04_02 {width: 54%;font-size: 0;}
.content04_02_a1 {display: inline-block;width: 31.3%;margin: 0.5vw 1%;padding: 0.6vw 0;font-size: 1.1vw;background-color: #A7863D;text-align: center;color: #fff;border: solid 1px #A7863D;}
.content04_02_a1:hover {background-color: #fff;color: #A7863D;}


@media screen and (max-width:960px) {
/*----- main -----*/
main {margin-top: 9vw;}
#main {padding: 18vw 0;}
.main {width: 90%;}
/* main_01 */
.main_01_t1 {font-size: 4.4vw;}
/*----- content01 -----*/
#content01 {padding: 5vw 0 5vw;}
.content01 {width: 90%;}
/* content01_01 */
.content01_01_t1 {font-size: 3vw;}
.content01_01_t2 {margin-top: 1.5vw;font-size: 1.7vw;line-height: 200%;}
/*----- content02 -----*/
#content02 {padding: 4vw 0 4vw;}
.content02 {width: 90%;padding-left: 0vw;}
/* content02_01 */
.content02_01 {width: 50%;margin-top: 2vw;}
.content02_01_t1 {padding: 0.5vw 0 0.5vw 1.8vw;font-size: 3vw;}
.content02_01_t2 {margin-top: 2vw;font-size: 2vw;line-height: 200%;}
/* content02_02 */
.content02_02 {width: 45%;}
.content02_02_img {width: 100%;}
/*----- content03 -----*/
#content03 {padding: 5vw 0 5vw;}
.content03 {width: 90%;}
.content03_t1 {padding: 0.5vw 0 0.5vw 1.8vw;font-size: 3vw;}
/* content03_01 */
.content03_01 {width: 50%;margin-top: 3vw;padding: 2.5vw 2.5vw;}
.content03_01_t1 {margin-top: 2vw;padding-left: 1.8em;font-size: 1.9vw;}
.content03_01_t1::before {content: "✓";position: absolute;left: 0;top: 0;font-size: 2.6vw;}
.content03_01_t2 {margin-top: 1.5vw;font-size: 1.7vw;line-height: 180%;}
/* content03_02 */
.content03_02 {width: 45%;margin-top: 3vw;}
/*----- content04 -----*/
#content04 {padding: 8vw 0 8vw;}
.content04 {width: 90%;}
/* content04_01 */
.content04_01 {width: 45%;}
.content04_01_t1 {padding: 0.5vw 0 0.5vw 1.8vw;font-size: 3vw;}
/* content04_02 */
.content04_02 {width: 50%;}
.content04_02_a1 {width: 48%;margin: 0.5vw 1%;padding: 1vw 0;font-size: 1.7vw;}
}


@media screen and (max-width:500px) {
/*----- main -----*/
main {margin-top: 12vw;}
#main {padding: 18vw 0;}
/* main_01 */
.main_01_t1 {font-size: 5.8vw;}
/*----- content01 -----*/
#content01 {padding: 6vw 0 6vw;}
/* content01_01 */
.content01_01_t1 {font-size: 4.4vw;}
.content01_01_t2 {margin-top: 2.5vw;font-size: 3.1vw;line-height: 180%;}
/*----- content02 -----*/
#content02 {padding: 6vw 0 6vw;}
.content02 {width: 90%;padding-left: 0vw;}
/* content02_01 */
.content02_01 {width: 100%;margin-top: 0vw;}
.content02_01_t1 {padding: 1vw 0 1vw 2.5vw;font-size: 4.4vw;}
.content02_01_t2 {margin-top: 2vw;font-size: 3.4vw;line-height: 200%;}
/* content02_02 */
.content02_02 {width: 100%;margin-top: 4vw;}
.content02_02_img {width: 100%;}
/*----- content03 -----*/
#content03 {padding: 6vw 0 6vw;}
.content03_t1 {padding: 1vw 0 1vw 2.5vw;font-size: 4.4vw;}
/* content03_01 */
.content03_01 {width: 100%;margin-top: 4vw;padding: 5vw 5vw;}
.content03_01_t1 {margin-top: 4vw;padding-left: 1.8em;font-size: 3.8vw;}
.content03_01_t1::before {content: "✓";position: absolute;left: 0;top: 0;font-size: 4vw;}
.content03_01_t2 {margin-top: 2.5vw;font-size: 3.1vw;line-height: 180%;}
/* content03_02 */
.content03_02 {width: 100%;margin-top: 4vw;}
/*----- content04 -----*/
#content04 {padding: 8vw 0 8vw;}
/* content04_01 */
.content04_01 {width: 100%;}
.content04_01_t1 {padding: 1vw 0 1vw 2.5vw;font-size: 4.4vw;}
/* content04_02 */
.content04_02 {width: 100%;margin-top: 4vw;}
.content04_02_a1 {width: 47%;margin: 1vw 1.5%;padding: 2.5vw 0;font-size: 3.1vw;}
}