@charset "utf-8";

body {



    margin: 0px;
}

p.maintext {
    font-family:'M PLUS Rounded 1c',cursive ;

}

.toplogo{
   
    padding-top:10px;
    padding-left: 5px;
    
   
}

.menuBar{
    margin-left: auto;
    padding-right: 5px;
    margin-top: 15px;

}



.topBlock{
    display: flex;
    height: 962.82px;
    background-image: url("image/backgrounddayo.png");

    background-size: 100%;
    z-index: -999;

}

.catchCopy{
    width: 300px;
    height: 300px;
    position: absolute;
    top:100px;
    left: -10px;
    z-index: 100;
    animation-name: fadein ;
    animation-duration: 3s;
    animation-timing-function:ease-out;
    animation-fill-mode: forwards;
 
 }

 @keyframes fadein{
    0%{
       opacity: 0
    }
    100%{
        opacity: 1
    }
 }



.shouhinImage{
    top: 0;
    height: 500px;
    background-color: rgb(176,202,199);

}

.dounyu1{

    color: rgb(0,80,134);
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-size: 120%;
    margin-top: 0px;
    padding-left: 10px;
    height: 500px;
    z-index: 999;
    background-image: url(image/dounyu1back.svg);
    background-repeat:no-repeat; 
    background-size: auto;
    background-position-y: 30px;
    

}

.dounyu2{

    text-align: right;
    color: rgb(0,80,134);
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-size: 120%;
    padding-top: 80px;
    padding-left: auto;
    padding-right: 2px;
    height: 200px;
    z-index: 999;
    background-image: url(image/dounyu2back.svg);
    background-repeat:no-repeat; 
    background-size: auto;
    background-position-x: 30px;
    background-position-y: 0px;
}  

.miniskal{
    padding-top: 540px;
    padding-left: 290px;

}

.btn{
    position: absolute;
    top: 4450px;
    left: 25px;
}

.tairyou{
    position: absolute;
    top: 4625px;
 
}


#mainContents{
    height: 3474px;
    background-color: rgb(176,202,199);
    z-index: -500;
    background-image: url(image/background3.svg);
    background-repeat: no-repeat;
    background-position-y:  0px; 
}