.section01,
.section03,
.section04,
.section05 { position: relative;}
.section01 a { display: block; position: absolute; width: 46.7%; top: 84vw; left: 0; right: 0; margin: auto;}
.section01 .movie { display: block; position: absolute; width: 56.2vw; height: 29.6vw; top: 96.2vw; left: 0; right: 0; margin: auto;}
.section01 .movie iframe { display: block; width: 100%; height: 100%;}
.section03 a { display: block; position: absolute; width: 46.7%; bottom: 7.3vw; left: 0; right: 0; margin: auto;}
.section04 a.btn01 { display: block; position: absolute; width: 41.3%; bottom: 9.4vw; left: 0; right: 0; margin: auto;}
/*
.section04 a.btn02 { display: block; position: absolute; width: 41.0vw; bottom: 9.4vw; right: 7.0vw;}
*/
.check_cell ul { width: 85.7%; margin: 0 auto 7vw; display: flex; justify-content: space-between;}
.check_cell ul li { width: 31.3%;}
.check_cell ul li a { color: #4F2415;}
@media screen and (min-width: 737px) {
.section01 a:hover img,
.section03 a:hover img,
.section04 a:hover img,
.section05 a:hover img { opacity: 0.7;}
}
@media screen and (max-width: 736px) {
.section01 a { width: 88%; top: 143.7vw;}
.section01 .movie { width: 87.7vw; height: 46.4vw; top: 172vw;}
.section03 a { width: 88%; bottom: 20vw;}
.section04 a.btn01 { width: 88%; bottom: 17.6vw; left: 0vw; right: 0; margin: auto;}
/*
.section04 a.btn01 { width: 88%; bottom: 175.7vw; left: 0vw; right: 0; margin: auto;}
.section04 a.btn02 { width: 88%; bottom: 22.6vw; left: 0vw; right: 0; margin: auto;}
*/
.check_cell { margin-bottom: 7vw;}
.check_cell ul { width: 87.7%; margin: 0 auto; flex-direction: column;}
.check_cell ul li { width: 100%; margin-bottom: 7vw;}
}
