@charset "UTF-8";
/* CSS Document */


body {
    background-position: top center;
    background-repeat: repeat-x;
    background-size: cover;
    font-size: 15px;
    height: 750px;
    overflow: hidden;
}
.bg_pattern {
    background-image: url("../stage/images/bg_pattern.png");
    background-position: bottom center;
    background-repeat: repeat-x;
    background-size: cover;
    height: 750px;
}
.stageBox {
    position: relative;
    height: 750px;
}
.stageTxtBox {
    width: 1000px;
    height: 1000px;
    position: absolute;
    top: -40px;
    left: 50%;
    transform: translateX(-50%);
    margin-left: -180px;
}
.stageTxtBox__bg {
    width: 1000px;
    height: 1000px;
    display: flex;
    justify-content: center;
    padding-top: 120px;
    opacity: 0.9;
}
.stageTxtBox .stageTxt {
    width: 500px;
    position: absolute;
    top: 160px;
    left: 50%;
    transform: translateX(-50%);
    text-align:justify;
}
.stageTxtBox .stageTxt p {
    margin-bottom: 10px;
}
.stageBox__kumo_leftBig {
    left: -150px;
    top: -100px;
    animation: 3s ease-in-out infinite alternate fuwafuwa;
}
.stageBox__kumo_rightSmall {
    right: -100px;
    top: 90px;
    animation: 5s ease-in-out infinite alternate fuwafuwa;
}
.stageBox__kumo_rightBig {
    left: -220px;
    top: 580px;
    transform: scale(-1, -1);
    animation: 2s ease-in-out infinite alternate fuwafuwa;
}
.stageTitle {
    text-align: center;
    margin-bottom: 30px;
}
.stageWord {
    padding-top: 110px;
}
.stageBtn {
    position: absolute;
    left: 0;
    bottom: 100px;
}
.stageBtn ul {
    display: flex;
}
.stageBtn ul li {
    margin-right: 10px;
}
.stageBtn li a::before {
    background: url("../stage/images/stage_btn_on.png") no-repeat;
    background-size: 167px 206px;
    background-position: center center;
}
.stageBtn li a:hover::before {
    opacity: 1;
}