.carousel01 {height: 500px; width: 1000px; margin: 0 auto;}

.carousel02 a {display: inline-block; width: 12px; height: 12px; border: 1px solid #2e630a; border-radius: 50%;}
.carousel02 {margin-top: 1rem;}
.maru1 {background-color: #2e630a;}

.top01 {position: absolute; transition: 1s; opacity: 100%; display: inline; z-index: 2;}
.top02 {position: absolute; transition: 1s; opacity: 0%; display: inline; z-index: 1;}
.top03 {position: absolute; transition: 1s; opacity: 0%; display: inline; z-index: 1;}
.top04 {position: absolute; transition: 1s; opacity: 0%; display: inline; z-index: 1;}
.top05 {position: absolute; transition: 1s; opacity: 0%; display: inline; z-index: 1;}

.carousel03 {width: 1000px; height: 80px; display: flex; justify-content: space-between;}

.carousel01:hover .yajirusi{position: relative; display: inline; z-index: 4;}

.yajirusi {display: none; color: white; background-color: #2e630a; font-size: 20px; font-weight: bold; padding: 30px 10px 30px 10px; border: solid 2px #2e630a; border-radius: 5px; transition: .2s; top: 240px; text-decoration: none;}
.yajirusi:hover {color: #2e630a; background-color: white; transition: .2s;}

@media (max-width: 1079px){
    .carousel01 {width: 100%; height: 50vw;}
    .carousel03 {width: 100%;}
    .carousel04 {width: 100%;}
    .yajirusi {top: 20vw;}
}

@media (max-width: 1079px){
    .yajirusi {position: relative; display: inline; z-index: 4; border: none; color: #2e630a; background: none;}
}