/*見出しデフォ消す*/.article h2{
   padding: 0;

   background: none;

}

.article h3{

   border: none;

   padding: 0;

}

.article h4{

   border: none;

   padding: 0;

}

.article h5{

   border: none;

   padding: 0;

}

.article h6{

border: none;

padding: 0;

}/*見出しデフォ消す*/

/*ボーダー見出しものづくり用*/.example1 h2 {
  position: relative;
}

.example1 h2:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 7px;
  background: -webkit-repeating-linear-gradient(-45deg, #abd28c, #abd28c 2px, #fff 2px, #fff 4px);
  background: repeating-linear-gradient(-45deg, #abd28c, #abd28c 2px, #fff 2px, #fff 4px);
	margin-bottom: -8px;/*自分で追加した項目*/
}/*ボーダー見出しものづくり用ここまで*/

/*h3*/.example1 h3 {
  position: relative;/*相対位置*/
  padding-left: 1.5em;/*アイコン分のスペース*/
  line-height: 1.4;/*行高*/
  color: black;/*文字色*/
}

.example1 h3:before {
  font-family: FontAwesome;/*忘れずに*/
  content: "\f111";/*アイコンのユニコード*/
  font-weight: 900;
  position: absolute;/*絶対位置*/
  font-size: 1.4em;/*サイズ*/
  left: 0;/*アイコンの位置*/
  top: -0.2em;/*アイコンの位置*/
}
.example1 h3:before {
  color: #cbb8db;
}
.example2 h3:before {
  color: #ffdfa1;
}
.example3 h3:before {
  color: #a1ceff;
}
.example4 h3:before {
  color: #b1eab8;
}/*h3*/


/*ボーダー下線見出し太郎用*/.example2 h2 {
	position: relative;
}

.example2 h2:after {
	content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 7px;
  background: -webkit-repeating-linear-gradient(-45deg, #94D0C9, #94D0C9 2px, #fff 2px, #fff 4px);
  background: repeating-linear-gradient(-45deg, #94D0C9, #94D0C9 2px, #fff 2px, #fff 4px);
	margin-bottom: -8px;/*自分で追加した項目*/
}/*ボーダー下線見出し太郎用ここまで*/

/*肉球見出し太郎用*/.example2 h2 {
	position: relative;/*相対位置*/
  padding-left: 1.2em;/*アイコン分のスペース*/
  line-height: 1.4;/*行高*/
  color: #7b6459;/*文字色*/
}

.example2 h2:before {
	font-family: FontAwesome;
  content: "\f1b0";/*アイコンのユニコード*/
  font-weight: 900;
  position: absolute;/*絶対位置*/
  font-size: 1em;/*サイズ*/
  left: 0;/*アイコンの位置*/
  top: 0;/*アイコンの位置*/
  color: #ffb7b0; /*アイコン色*/
}/*肉球見出し太郎用ここまで*/

/*見出しゆめのような用*/
.example3 h2 {
  position: relative;
  display: inline-block;
  padding: 0 55px;
}

.example3 {text-align: center}

.example3 h2:before, .example3 h2:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 1px;
  background-color: black;
}

.example3 h2:before {
  left:0;
}
.example3 h2:after {
  right: 0;
}/*見出しゆめのような用ここまで*/

/*ゆめ見出し*/.example4 h2 {
  position: relative;
  padding: 8px 15px;
  margin-left: 40px;
  background: #def3ff;
  border-radius: 20px;
	color: #7d858c;
}

.example4 h2:before {
  font-family: FontAwesome;
  content: "\f111";
  font-weight: 900;
  position: absolute;
  font-size: 15px;
  left: -40px;
  bottom: 0;
  color: #def3ff;
}

.example4 h2:after {
  font-family: FontAwesome;
  content: "\f111";
  font-weight: 900;
  position: absolute;
  font-size: 23px;
  left: -23px;
  bottom: 0;
  color: #def3ff;
}/*ゆめ見出しここまで*/

/*ボックス*/.box15 {
    padding: 0.2em 0.5em;
    margin: 2em 0;
    color: #565656;
    background: #ffeded;
    box-shadow: 0px 0px 0px 10px #ffeaea;
    border: dashed 2px #abd28c;
    border-radius: 8px;
}
.box15 p {
    margin: 0; 
    padding: 0;
}/*ボックス*/

/*ボックス2ポイント*/.box26 {
	position: relative;
	margin: 2em 0;
	padding: 1em 0 0;
	border: solid 3px #abd28c;
	border-radius: 8px;
}
.box26 .box-title {
	position: absolute;
	display: inline-block;
	top: -13px;
	left: 10px;
	padding: 0 9px;
	line-height: 1;
	font-size: 18px;
	background: #FFF;
	color: #abd28c;
	font-weight: bold;
}
.box26 p {
	margin: 0;
	padding: 0 1em 1em;
}/*ボックス2*/

/*フォント*/*(
    font-family:Yu Gothic,YuGothic,Yu Gothic
)