.momoka, .momoka1 {
  position: relative;
  z-index: 1;
}
.momoka{
    text-align: right;
    margin-right: 5%;

}
@media screen and (max-width: 768px) {
    .momoka1{
        width: 60%;
    }
    
}
@media screen and (min-width: 769px) {
    .momoka1{
        width: 20%;
    }
    
}
.join{
    margin: 3rem 5%;
}
.join li{
    margin: 1rem 0;
    list-style-position: inside;
}
.qa-8 {
    margin: 2rem 5%;
    padding: 0;
}
.qa-8 dt {
    margin-bottom: 1em;
    color: #000000;
}

.qa-8 dt::before,
.qa-8 dd::before {
    margin-right: .4em;
}

.qa-8 dt::before {
    content: "Q.";
}

.qa-8 dd {
    margin: 0 0 2.5em;
    padding: 1em 1.5em;
    background-color: #f2f2f2;
    color: #000000;
}

.qa-8 dd::before {
    content: "A.";
}
.photo-rally{
    margin: 0 10%;
    width: 80%;
    border-radius: 10px;
}
.photo-rally-parent{
    text-align: right;
}