* {
    font-family: 'Noto Sans JP', sans-serif;
}


@media only screen and (min-width: 581px) and (max-width: 1920px) {
    
#section-8,
#section-9,
#section-23,
#section-43,
#section-21{
 display: block;
}


#section-22,
#section-24,
#section-25,
#section-26,
#section-27{
 display: none;
}

#section-7,
#section-10,
#section-17,
#section-19,
#section-15,
#section-18,
#section-16{
    margin-bottom: -30px;
}
    
.c-inner--one-elem.c-inner--xl {
padding-bottom: 30px !important;
}
}

@media only screen and (min-width: 1px) and (max-width: 580px) { 
    
 #section-8,    
#section-9,
 #section-23,
 #section-43,
#section-21{
 display: none;
}
    
 #section-22,
 #section-24,
#section-25,
#section-26,
#section-27{
 display: block;
}
    
        
.c-inner--one-elem.c-inner--xl {
padding-bottom: 0px !important;
}
    
}