body{
    font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
    letter-spacing: 0.1rem;
}

.ec-role {
    margin: 80px auto;
}

.ec-eyecatchRole .ec-eyecatchRole__introEnTitle {
    font-size: 2rem;
    margin-bottom: 0.1em;
}

.ec-eyecatchRole .ec-eyecatchRole__introTitle {
    font-size: 1rem;
}

.ec-eyecatchRole {
    gap: 20px;
}

.ec-eyecatchRole .ec-eyecatchRole__image,
.ec-eyecatchRole .ec-eyecatchRole__intro {
    width: 50%;
}

.ec-blockBtn--top {
    background: #fff;
    color: #333;
    border: 1px solid #333;
    font-size: 0.7rem;
    letter-spacing: 0.2rem;
    padding: 10px 50px;
    height: auto;
    max-width: 200px;
    line-height: normal;
    float: right;
}

.ec-role.new_item {
    background: #F8F8F8;
}

.ifSp {
    display: none !important;
}
.ifPc {
    display: block !important;
}

@media only screen and (max-width: 768px) {
    .ec-eyecatchRole .ec-eyecatchRole__image, .ec-eyecatchRole .ec-eyecatchRole__intro {
        width: 100%;
    }
    .ifSp {
        display: block !important;
    }
    .ifPc {
        display: none !important;
    }
}