article p{letter-spacing:0.025em}
article div.case p{
    padding-bottom: 0.1em;background-color:#f9f9f9;
    background-image:linear-gradient(to right, #f9f9f9 1.1px, transparent 1px), linear-gradient(to bottom, #aaa 1.1px, transparent 1px);
    background-size: 2px 2.2em;
    line-height: 2.2;
    margin:15px 10px;
    padding:10px 15px;
}
article div.case{
    margin:1em 0;
    padding:1em 10px 15px;
    background-color:#f9f9f9;
}
article div.case::before{
    content:'今回の事例';
    top:10px;
    left:10px;
    font-size:x-large;
    padding:5px 10px;
    border-left:10px solid orange; 
    background-color:yellow; 
}
article div.bad{
    margin:3em 0;
    padding:1em 2em 15px;
    background-color:#d1e4e9;
}
article div.bad::before{
    content:'よくあるコミュニケーション';
    top:10px;
    left:10px;
    font-size:x-large;
    font-weight: bold;
    padding:5px 10px;
    color: #1f3134;
}
article div.good{
    margin:4em 0;
    padding:1em 2em 15px;
    background-color:#f6cd69;
}
article div.good::before{
    content:'視点を変えたコミュニケーション';
    top:10px;
    left:10px;
    font-size:x-large;
    font-weight: bold;
    padding:5px 10px;
    color: #ea5506;
}
article div p.talk{
    margin:.15em 1em .15em 4em;
}

article div img.pull-right{
    margin:-64px -48px 16px 16px;max-width:150px;
}
article div p.talk span.name{
    margin-right:.9em;
    margin-left:-4em;
    width:3.1em; 
}
article div.bluebar{
    border-left:8px solid limegreen;
    padding-left:16px;
    padding-bottom:8px;
}
article div.bluebar h4{
    font-weight: bolder;
    margin-left:-24px;
    padding:8px 0 8px 16px;
    background-color: white; 
}
article div.takemoto h4{
    font-weight:bold;
}
article div.takemoto{
    margin:1em 0;
    padding:1em 10px 5em;
    background-color:#f5e56b;
}
span.underline{
    text-decoration: underline;
}
span.bold{
    font-weight: bolder;
}