●見出し

● class="hh11"

.hh11 {
position: relative;
padding: 0.6em;
background: #e0edff;
}

.hh11:after {
position: absolute;
content: '';
top: 100%;
left: 30px;
border: 15px solid transparent;
border-top: 15px solid #e0edff;
width: 0;
height: 0;
}

● class="hh12"

● class="hh14"

● class="hh15"

● class="hh16"


● class="hh21"

.hh21 {
padding: 0.5em;/*文字周りの余白*/
color: #010101;/*文字色*/
background: #eaf3ff;/*背景色*/
border-bottom: solid 3px #516ab6;/*下線*/
}


● class="hh31"

.hh31 {
padding: 0.5em;/*文字周りの余白*/
color: #494949;/*文字色*/
background: #fffaf4;/*背景色*/
border-left: solid 5px #ffaf58;/*左線(実線 太さ 色)*/
}

● class="hh32"


● class="hh33"

.hh33 {
padding: 0.5em;/*文字周りの余白*/
margin: 3em 0;
color: #494949;/*文字色*/
background: white;/*背景色*/
border-left: solid 7px maroon;/*左線(実線 太さ 色)*/
}

● class="hh34"

● class="hh22"

● class="hh35"

● class="hh36"

● class="hh37"

● class="hh38"

● class="hh39"


● class="hh51"

.hh51 {
background: #eaf3ff;/*背景色*/
padding: 0.5em;/*文字まわり(上下左右)の余白*/
}

● class="hh52"

● class="hh53"

● class="hh55"

 


● class="hh61"



.hh61 {
  color: #800080;/*文字色*/
  padding: 0.5em 0;/*上下の余白*/
  border-top: solid 3px #800080;/*上線*/
  border-bottom: solid 3px #800080;/*下線*/
}
 

● class="hh62"