*{
    margin: 0;
    padding: 0;
    
}
@font-face {
    font-family: 'honokamaru';
    src: url(./font/font_1_honokamarugo_1.1.ttf);
}
@font-face {
    font-family: 'kaiseitokumin';
    src: url(./font/KaiseiTokumin-Bold.ttf);
}
html{
    scroll-behavior: smooth;
}

body{
    margin: 0px;
}
p{
    font-family: 'honokamaru';
}
.p1{
    background-color: #a83437;
    width: 100vw;
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 10;
}

.p2{
    background-image: url(Header_background.png);
    width: 100vw;
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 11;
}

.p3{
    background-color: #007448;
    width: 100vw;
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 12;
    text-align: center;
    padding-bottom: 2vw;
}

.p4{
    background-image: url(Guest_background.png);
    width: 100vw;
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 13;
    text-align: center;
}

.p5{
    background-color: #0E3523;
    width: 100vw;
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 14;
    text-align: center;
}

.p6{
    background-color: #007448;
    width: 100vw;
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 15;
    text-align: center;
}

.p7{
    background-image: url(Otherevent1.png);
    width: 100vw;
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 16;
    text-align: center;
    padding-bottom: 16vw;
}

.button{
    padding-left: 6.7vw;
    padding-top: 1vh;
    padding-bottom: 2vh;
    width: 90vw;
}

.button img{
    width: 19vw;
    padding-left: 2vw;
}

.bar{
    padding-top: 5vh;
}

.bar img{
    width: 90vw;
}

.About{
    width: 12vw;
    margin:0 30vw 0 30vw;
}

.pride{
    width: 35vw;
    margin-left: 10vw;
    margin-top: 5vw;
}

.p3_text{
    padding-left: 3vw;
    padding-top: 2vh;
    padding-right: 5vw;
    padding-bottom: 13vw;
    z-index: 1;
    font-size: 1.8vw;
    color: #0E3523;
    width: 42vw;
    line-height: 3vw;
    text-align: left;
    background-image: url(fukidasi.png);
    background-position: center;
    background-size: cover;
    margin-left: 4vw;
}

.fukidasi{
    padding-left: 3vw;
    padding-top: 2vh;
    z-index: 0;
    width: 50vw;
}

.Guest{
    width: 12vw;
    margin:0 40vw 0 40vw;
}

.Guest img{
    width: 12vw;
}

.Rchan{
    padding-left: 10vw;
    width: 12vw;
    margin-top: 2vw;
}
.Rkaisetu{
    text-align: left;
}

.Rchanpic{
    margin-left: 5vw;
}

.Rchanpic img{
    width: 40vw;
}
.p4_text{
    margin-top:3vw;
}
.p4_text p{
    padding-left: 10vw;
    z-index: 1;
    font-size: 1.5vw;
    color: #DFD8B1;
    width: 40vw;
    line-height: 3vw;
}

.Interview img{
    width: 18vw;
}

.p5 p{
    font-size: 1.2vw;
    padding-top: 3vh;
    color: #DFD8B1;
    padding-left: 12vw;
}

.p5 div{
    padding-bottom: 4vh;
}

span{
    margin-left: 1vw;
}
.Q{
    display: flex;
}

.Q_left{
    padding-left: 4vw;
    padding-top: 2vh;
    width: 43vw;
    text-align: left;
}

.Q_right{
    padding-top: 2vh;
    width: 43vw;
    text-align: left;
    margin-left: 5vw;
}

.Q img{
    float: left;
    padding-right: 2vw;
    width: 10vw;
}
#que{
    margin-top: 5vw;
}

.WebCM img{
    width: 16vw;
}

.movie{
    width:71vw;
    margin-right: 9vw;
}
video{
    width: 49vw;
    position: absolute;
    top: 25.6vw;
    left:26.5vw;
}

.Otherevents img{
    width: 25vw;
}

.jump_otherevents{
    width: 90vw;
    padding-left: 5vw;
}



.jump_otherevents img{
    width: 23vw;
    margin-left: 3vw;
}