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

#top_area {
    position: relative;
    margin: auto;
    width: 100%;
    height: 100%;
    text-align: left;

    overflow: hidden;
    z-index: 1
}
#top_bg_00 {
	position: absolute;
    width: 100vw;
    height: 100vh;
    background: url(../images/bg.jpg);
    background-size: 75px 75px;
    opacity: 0;
    -ms-filter: "alpha( opacity=0 )";
    filter: alpha(opacity=0);
}
#top_bg_01 {
    position: absolute;
    top: 0px;
    light: 0px;
    opacity: 0;
    -ms-filter: "alpha( opacity=0 )";
    filter: alpha(opacity=0);
}
#top_bg_01_clowd {
    position: absolute;
    width: 100vw;
    height: 100vh;

    display: flex;
    align-items: center;
    justify-content: center;
    background-position: -100px 100%;
   background-size: cover;
    background-image: url(../images/top01.jpg);
}
#top_bg_02 {
    position: absolute;
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center center;
    background-size: cover;
    background-image: url(../images/top02.jpg);
    opacity: 0;
    -ms-filter: "alpha( opacity=0 )";
    filter: alpha(opacity=0);
}
#top_bg_03 {
    position: absolute;
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center center;
    background-size: cover;
    background-image: url(../images/top03.jpg);
    opacity: 0;
    -ms-filter: "alpha( opacity=0 )";
    filter: alpha(opacity=0);
}
#top_bg_04 {
    position: absolute;
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center center;
    background-size: cover;
    background-image: url(../images/top04.jpg);
    opacity: 0;
    -ms-filter: "alpha( opacity=0 )";
    filter: alpha(opacity=0);
}
#logo_top {
    position: absolute;
    width: 80%;
    top: 40%;
    left: 50%;
    margin-left: -40%;
    margin-top: -78px;
    z-index: 2;
    opacity: 0;
    -ms-filter: "alpha( opacity=0 )";
    filter: alpha(opacity=0);
}
h1 {
    position: absolute;
    top: 65%;
    left: 50%;
        width: 90%;
    margin-left: -45%;
    font-family: "ryo-text-plusn", serif;
    font-feature-settings : "palt";
    text-align: center;
    font-size: 110%;
    line-height: 2em;
    font-weight: 300;
    letter-spacing: 0.1em;
    opacity: 0;
    -ms-filter: "alpha( opacity=0 )";
    filter: alpha(opacity=0);
}
.under {
    border-bottom: #fff 6px solid;
    opacity: 0;
    -ms-filter: "alpha( opacity=0 )";
    filter: alpha(opacity=0);
}
.blk img{
	-webkit-animation: blink 1s ease-in-out infinite alternate;
	-moz-animation: blink 1s ease-in-out infinite alternate;
	animation: blink 1s ease-in-out infinite alternate;
}
@-webkit-keyframes blink {
 0% {
opacity:0.2;
}
 100% {
opacity:1;
}
}
@-moz-keyframes blink {
 0% {
opacity:0.2;
}
 100% {
opacity:1;
}
}
@keyframes blink {
 0% {
opacity:0.2;
}
 100% {
opacity:1;
}
}