@charset "UTF-8";

/* ===============================================
    共通CSSに対して上書き
================================================= */
main{
    margin-top: 50px;
}
@media print,screen and (min-width: 600px) {
    main{
        margin-top: 80px;
    }
}

/* ===============================================
    各ページのCSS
================================================= */

/*--- 基本レイアウト ---*/
.ly_parallaxArea {
    background: linear-gradient(175deg, #C9F3FF 0%, #FFD1E2 92.17%);
    position: relative;
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
    /* padding: 15px 0 32px; */
    overflow-x: hidden;
    min-height: 120dvh;
}
.animation_box_01{
    width: 100%;
    /* height: 100vh; */
    height: 180.2666vw;
    padding-top: 4vw;
    position: relative;
    display: block;
    opacity: 0;
}
.animation_box_01.close{
    display: none;
}
.animation_01{
    position: absolute;
    top: 4.177vw;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 63.2%;
    opacity: 0;
}
.animation_02{
    position: absolute;
    top: 16vw;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 85%;
    opacity: 0;
}
.animation_03{
    position: absolute;
    top: 30.6667vw;
    left: 5.86667vw;
    display: block;
    width: 71.7%;
    z-index: 1;
    opacity: 0;
}
.animation_04{
    position: absolute;
    top: 54.9333vw;
    left: 14.1333vw;
    display: block;
    width: 65.333%;
    z-index: 2;
    opacity: 0;
}
.animation_05{
    position: absolute;
    top: 44.5333vw;
    display: block;
    width: 100%;
    z-index: 0;
    opacity: 0;
}
.animation_06{
    position: absolute;
    top: 97.8667vw;
    display: block;
    width: 100%;
    z-index: 0;
    opacity: 0;
}
.animation_07{
    position: absolute;
    top: 80vw;
    display: block;
    width: 89.8667%;
    z-index: 3;
    opacity: 0;
}
.animation_07 img{
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
}
.animation_08{
    position: absolute;
    top: 85.8667vw;
    left: 70.9993%;
    display: block;
    width: 24%;
    z-index: 4;
    opacity: 0;
}
.animation_09{
    position: absolute;
    top: 123.2vw;
    left: 64.8%;
    display: block;
    width: 32.266%;
    z-index: 5;
    opacity: 0;
}
.animation_box_02{
    position: relative;
    display: none;
    width: 100%;
    height: 204.8vw;
    top: 0;
    z-index: 6;
}
.animation_box_02.open{
    display: block;
}
.animation_10{
    position: absolute;
    top: 17.8667vw;
    left: 5.6vw;
    display: block;
    width: 34.4vw;
    z-index: 11;
}
.animation_11{
    position: absolute;
    top: 0;
    right: 4vw;
    display: block;
    width: 65.0666vw;
    z-index: 8;
    opacity: 0;
}
.animation_12{
    position: absolute;
    top: 52.5333vw;
    left: 4vw;
    display: block;
    width: 46.6667vw;
    z-index: 9;
    opacity: 0;
}
.animation_13{
    position: absolute;
    top: 69.6vw;
    right: 4vw;
    display: block;
    width: 47.7333vw;
    z-index: 10;
    opacity: 0;
}
.animation_14{
    position: absolute;
    top: 28.5333vw;
    left: 23.2vw;
    display: block;
    width: 78.345vw;
    z-index: 7;
}
.el_cautionText{
    width: 100%;
    position: absolute;
    top: 122.1333vw;
    left: 50%;
    transform: translateX(-50%);
    color: #333;
    text-align: center;
    font-feature-settings: 'palt' on;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.4;
}
.animation_box_03{
    position: relative;
    width: 100%;
    min-height: 60vw;
}
.el_linkButton{
    position: absolute;
    top: 140.5333vw;
    left: 50%;
    transform: translateX(-50%);
}
.ly_footer{
    position: relative;
    width: 100%;
    opacity: 0;
}

@media print,screen and (min-width: 600px) {
    .animation_box_01{
        padding-top: 24px;
        height: 1081.6px;
    }
    .animation_01{
        top: 24.7px;
    }
    .animation_02{
        top: 96px;
    }
    .animation_03{
        top: 184px;
        left: 35.2px;
    }
    .animation_04{
        top: 329.6px;
        left: 84.8px;
    }
    .animation_05{
        top: 267.2px;
    }
    .animation_06{
        top: 587.2px;
    }
    .animation_07{
        top: 480px;
    }
    .animation_08{
        top: 512.2px;
        left: 425.6px;
    }
    .animation_09{
        top: 739.2px;
        left: 388.8px;
    }
    .animation_box_02{
        height: 1228.8px;
    }
    .animation_10{
        top: 107px;
        left: 33.6px;
        width: 206.4px;
    }
    .animation_11{
        right: 24px;
        width: 390.4px;
    }
    .animation_12{
        top: 315.2px;
        left: 24px;
        width: 280px;
    }
    .animation_13{
        top: 414.6px;
        right: 24px;
        width: 291.2px;
    }
    .animation_14{
        top: 171.2px;
        width: 470.2px;
        left: 139.2px;
    }
    .el_cautionText{
        font-size: 2.24rem;
        top: 732.8px;
    }
    .animation_box_03{
        min-height: 360px;
    }
    .el_linkButton{
        top: 833.6px;
        height: 174px;
    }
}