h1 {
  background: #ffbe0b; /*背景色*/
  padding: 0.5em;/*文字周りの余白*/
  color: white;/*文字を白に*/
  border-radius: 0.5em;/*角の丸み*/
	display: inline-block;
　border
}
h2 {
  color: #fb5607;/*文字色*/
  /*線の種類（点線）2px 線色*/
  border-bottom: dashed 2px #fa8072;
	padding-left:10px
}
h3 {
  padding: 0.5em;/*文字周りの余白*/
  color: #494949;/*文字色*/
  background: #fffaf4;/*背景色*/
  border-left: solid 5px #ffaf58;/*左線（実線 太さ 色）*/
}

h1.h1piano {
  background: #ffd300; /*背景色*/
  padding: 0.5em;/*文字周りの余白*/
  color: white;/*文字を白に*/
  border-radius: 0.5em;/*角の丸み*/
	display: inline-block;
　border
}

h1.h1syodo {
  background: #bfd200; /*背景色*/
  padding: 0.5em;/*文字周りの余白*/
  color: white;/*文字を白に*/
  border-radius: 0.5em;/*角の丸み*/
	display: inline-block;
　border
}
h2.h2syodo{
  color: #2ab7ca;/*文字色*/
  /*線の種類（点線）2px 線色*/
  border-bottom: dashed 2px #2ab7ca;
	padding-left:10px
}
h3.h3syodo{
  padding: 0.5em;/*文字周りの余白*/
  color: #494949;/*文字色*/
  background: #ffee9d;/*背景色*/
  border-left: solid 5px #ffaf58;/*左線（実線 太さ 色）*/
}
h1.h1soroban {
  background: #e5989b; /*背景色*/
  padding: 0.5em;/*文字周りの余白*/
  color: white;/*文字を白に*/
  border-radius: 0.5em;/*角の丸み*/
	display: inline-block;
　border
}
h2.h2soroban{
  color: #52b788;/*文字色*/
  /*線の種類（点線）2px 線色*/
  border-bottom: dashed 2px #52b788;
	padding-left:10px
}
h2.h2programing {
  color: #219ebc;/*文字色*/
  /*線の種類（点線）2px 線色*/
  border-bottom: dashed 2px #219ebc;
	padding-left:10px
}
h3.h3programing {
  padding: 0.5em;/*文字周りの余白*/
  color: #494949;/*文字色*/
  background: #caf0f8;/*背景色*/
  border-left: solid 5px #219ebc;/*左線（実線 太さ 色）*/
}