@charset "UTF-8";
/* CSS Document */

/*HERO
----------------------------------*/
.jumbotron--roulu_hero_workshop {
    background: #d5ccc5;
}

.heading {
    font-size: 1.4rem;
    font-weight: 600;
}
.btn-primary--roulu {
    max-width: 20rem;
    width: 100%;
    text-decoration: none;
}
.roulu_br_info a {
    color: #564545;
    text-decoration: underline;
}
a:hover {
    color: #564545;
}
.sp-only {
    display: none;
}
#ttl_art {
    width: 96%;
    height: auto;
} 
@media screen and (max-width: 767px) {
    .pc-only {
    display: none;
}
.sp-only {
    display: block;
}
#ttl_art {
    width: 80%;
    height: auto;
} 
}