/*color*/
.ttl_01.ttl_01_blue .ttl_01_box {
    background: #00A3D6;
}
.ttl_01.ttl_01_blue .ttl_group span {
    color: #00A3D6;
}
.ttl_02.c_blue span {
    border-color: #00A3D6;
}
.ttl_01.ttl_01_orange .ttl_01_box {
    background: #CA3D04;
}
.ttl_01.ttl_01_orange .ttl_group span {
    color: #CA3D04;
}
.ttl_02.c_orange span {
    border-color: #CA3D04;
}

.ttl_01.ttl_01_green .ttl_01_box {
    background: #00D0B4;
}
.ttl_01.ttl_01_green .ttl_group span {
    color: #00D0B4;
}
.ttl_02.c_green span {
    border-color: #00D0B4;
}

.ttl_01.ttl_01_yellow .ttl_01_box {
    background: #F8B500;
}
.ttl_01.ttl_01_yellow .ttl_group span {
    color: #F8B500;
}
.ttl_02.c_yellow span {
    border-color: #F8B500;
}
.ttl_01.ttl_01_purple .ttl_01_box {
    background: #eb6a6a;
}
.ttl_01.ttl_01_purple .ttl_group span {
    color: #eb6a6a;
}
.ttl_02.c_purple span {
    border-color: #eb6a6a;
}


.ttl_02 {
    position: relative;
    display: table;
    padding: 6px;
    width: 100%;
    margin: 0 0 15px;
    min-height: 42px;
    background: #eee;
    font-size: 18px;
    font-weight: bold;
}

.ttl_02 span {
    display: table-cell;
    border-left: 8px solid;
    vertical-align: middle;
    padding: 0 0 0 10px;
}