.clearfix, #wrapper .contents .buttons { *zoom: 1; }
.clearfix:after, #wrapper .contents .buttons:after { content: ""; display: table; clear: both; }

#wrapper { height: 720px; overflow: hidden; position: relative; width: 100%; }
@media only screen and (max-width: 760px) { #wrapper { height: 419px; } }
#wrapper #mainvisual { background: url(../img/bg_main01.jpg) no-repeat center center; background-size: cover; }
@media only screen and (max-width: 760px) { #wrapper #mainvisual { background-size: auto 100%; } }
#wrapper #mainvisual li { height: 720px; left: 0; opacity: 0; position: absolute; top: 0; transition: transform 5s linear, opacity 4s linear; transform: scale(1.2); width: 100%; }
@media only screen and (max-width: 760px) { #wrapper #mainvisual li { height: 419px; } }
#wrapper #mainvisual li.actv { opacity: 1; }
#wrapper #mainvisual li.scale { transform: scale(1); }
#wrapper #mainvisual li#mv01 { background: url(../img/bg_main01.jpg) no-repeat center center; background-size: cover; }
@media only screen and (max-width: 760px) { #wrapper #mainvisual li#mv01 { background-size: auto 100%; } }
#wrapper #mainvisual li#mv02 { background: url(../img/bg_main02.jpg) no-repeat center center; background-size: cover; }
@media only screen and (max-width: 760px) { #wrapper #mainvisual li#mv02 { background-size: auto 100%; } }
#wrapper #mainvisual li#mv03 { background: url(../img/bg_main03.jpg) no-repeat center center; background-size: cover; }
@media only screen and (max-width: 760px) { #wrapper #mainvisual li#mv03 { background-size: auto 100%; } }
#wrapper #mainvisual li#mv04 { background: url(../img/bg_main04.jpg) no-repeat center center; background-size: cover; }
@media only screen and (max-width: 760px) { #wrapper #mainvisual li#mv04 { background-size: auto 100%; } }
#wrapper #mainvisual li#mv05 { background: url(../img/bg_main05.jpg) no-repeat center center; background-size: cover; }
@media only screen and (max-width: 760px) { #wrapper #mainvisual li#mv05 { background: url(../img/sp/bg_main05.jpg) no-repeat center center; background-size: auto 100%; } }
#wrapper #mainvisual li#mv06 { background: url(../img/bg_main06.jpg) no-repeat center center; background-size: cover; }
@media only screen and (max-width: 760px) { #wrapper #mainvisual li#mv06 { background-size: auto 100%; } }
#wrapper .contents { left: 50%; margin-left: -317px; position: absolute; top: 72px; width: 634px; }
@media only screen and (max-width: 760px) { #wrapper .contents { margin-left: -150px; top: 40px; width: 300px; } }
#wrapper .contents h1 { margin-bottom: 70px; text-align: center; }
@media only screen and (max-width: 760px) { #wrapper .contents h1 { margin-bottom: 45px; } }
@media only screen and (max-width: 760px) { #wrapper .contents h1 img { width: 261px; } }
#wrapper .contents .lead { margin-bottom: 25px; text-align: center; }
@media only screen and (max-width: 760px) { #wrapper .contents .lead { margin-bottom: 20px; } }
@media only screen and (max-width: 760px) { #wrapper .contents .lead img { width: 250px; } }
#wrapper .contents .buttons .zoo { float: left; }
#wrapper .contents .buttons .aquarium { float: right; }
@media only screen and (max-width: 760px) { #wrapper .contents .buttons img { width: 150px; } }

/*# sourceMappingURL=index.css.map */