*{
    margin: 0;
    padding: 0;
    
}
@font-face {
    font-family: 'banana';
    src: url(bananaslipplus.otf);
}
html{
    scroll-behavior: smooth;
}
.first{
    background-color: #83bbee;
    width: 100vw;

}

.border{
    background-image: url(img/border.png);
    width: 100vw;
    background-position: center;
    background-size: cover;
    text-align: center;
   
}

.border img{
    margin: 0px 6vw 0px 6vw;
}
.theme{
    width:40vw;
    margin-left:11vw;
    text-align: center;
}
.second{
    background-image: url(img/second.png);
    width: 100vw;
    background-position: center;
    background-size: cover;
    position: relative;
    color: #2748af;
    height:56vw;
}
.second_1{
    display: flex;
    padding-top:16vw;
}

.eventtheme{
    width:28vw;
}

.jisin{
    margin-top:1vw;
    width:28vw;
}

.second p{
    top: 10vw;
    left: 33vw;
    font-size: 1.4vw;
    width: 35vw;
    line-height: 2.5vw;
    padding-top: 4vw;
}

.hata{
    width: 13vw;
    position:absolute;
    left: 5vw;
    top: 5vw;
}


.gaiyomoji{
    position: absolute;
    right: 64vw;
    top: -1vw;
    width: 10vw;
}

.third{
    background-image: url(img/third.png);
    width: 100vw;
    background-position: center;
    background-size: cover;
    padding-bottom: 20vw;
    position: relative;
}

.aojiru{
    position: relative;
    width: 37vw;
    right: -1vw;
    top: 11vw;
}

.aojirukotoba{
    position: relative;
    width: 35vw;
    top: 11vw;
    right: -3vw;
}

.home{
    position: relative;
    top: 11vw;
    right: -5vw;
    width: 23vw;
    height: 25vw;

}
.fourth{
    background-image: url(./img/fourth_1.png);
    width: 100vw;
    background-position:center ;
    background-size: cover;
    padding-bottom: 0vw;
    text-align: center;
    position: relative;
}

.five{
    background-image: url(img/five.png);
    width: 100vw;
    background-position:center ;
    background-size: cover;
    padding-bottom: 16vw;
    text-align: center;
}

.webcmmoji{
    width: 25vw;
    margin: 5vw 10vw 0vw 10vw;
}
.white{
    width: 70vw;
    margin-top: 0vw;
}

.logo{
    width:25vw
}
.logos{
    width:100vw;
    margin-top: 7vw;
}
.aojirukotoba2{
    width: 30vw;
    position: absolute;
    top:27vw;
    left:43vw;
    font-size: 1.3vw;
    color: #d3e4f5;
}
p{
    font-family: 'banana';
}
video{
    width: 47vw;
    position: absolute;
    top: 26.3vw;
    left:26.5vw;
}
.otherevents{
    width: 40vw;
    margin-top: 5vw;
}