@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: 7vw 0;background-image: url('../img/page8/main_bg.png');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: 4vw;font-weight: 700;line-height: 100%;}
/*----- content01 -----*/
#content01 {width: 100%;padding: 5vw 0 8vw;}
.content01 {width: 75%;margin: 0 auto;}
/* content01_01 */
.content01_01 {opacity: 0;width: 100%;}
.content01_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;}
.content01_01_ul {width: 100%;margin-top: 2vw;padding-left: 2vw;list-style: none;}
.content01_01_ul li {position: relative;padding-left: 1.5em;font-size: 1.1vw;line-height: 200%;}
.content01_01_ul li::before {content: '⚪︎';position: absolute;left: 0;top: 0;}
/* content01_02 */
.content01_02 {opacity: 0;width: 100%;margin-top: 5vw;}
.content01_02_t1 {width: 100%;font-size: 1.1vw;text-align: right;}


@media screen and (max-width:960px) {
/*----- main -----*/
main {margin-top: 9vw;}
#main {padding: 7vw 0;}
/* main_01 */
.main_01_t1 {font-size: 4.6vw;}
/*----- content01 -----*/
#content01 {padding: 5vw 0 8vw;}
.content01 {width: 90%;}
/* content01_01 */
.content01_01_t1 {padding: 0.5vw 0 0.5vw 1.8vw;font-size: 3vw;}
.content01_01_ul {margin-top: 3vw;padding-left: 0vw;}
.content01_01_ul li {padding-left: 1.5em;margin-top: 1.5vw;font-size: 1.9vw;line-height: 200%;}
/* content01_02 */
.content01_02 {margin-top: 5vw;}
.content01_02_t1 {font-size: 1.7vw;}
}


@media screen and (max-width:500px) {
/*----- main -----*/
main {margin-top: 12vw;}
#main {padding: 10vw 0;}
/* main_01 */
.main_01_t1 {font-size: 6vw;}
/*----- content01 -----*/
#content01 {padding: 6vw 0 9vw;}
/* content01_01 */
.content01_01_t1 {padding: 1vw 0 1vw 2.5vw;font-size: 4.4vw;}
.content01_01_ul {margin-top: 3vw;}
.content01_01_ul li {padding-left: 1.5em;margin-top: 2vw;font-size: 3.3vw;line-height: 180%;}
/* content01_02 */
.content01_02 {margin-top: 5vw;}
.content01_02_t1 {font-size: 3.1vw;}
}