h1 {
position: relative;
}

h1:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 7px;
background: -webkit-repeating-linear-gradient(-45deg, #6ad1c8, #6ad1c8 2px, #fff 2px, #fff 4px);
background: repeating-linear-gradient(-45deg, #6ad1c8, #6ad1c8 2px, #fff 2px, #fff 4px);
}

h2{
position: relative;
padding: 0.5em;
background: #a6d3c8;
color: white !important;
}

h2::before {
position: absolute;
content: '';
top: 100%;
left: 0;
border: none;
border-bottom: solid 15px transparent;
border-right: solid 20px rgb(149, 158, 155);
}

h3 {
padding: 0.5em;/*文字周りの余白*/
background: #f0fff0;/*背景色*/
border-left: solid 5px #6ad1c8 !important;/*左線（実線 太さ 色）*/
}

em {
background: linear-gradient(transparent 60%, #FFDEAD 60%);
	font-weight: bold;
}


.square_btn{
    display: inline-block;
    padding: 0.5em 3em;
    text-decoration: none;
    background: #EBF5EC;/*ボタン色*/
    color: #FFF;
    border-bottom: solid 4px #32cd32;
    border-radius: 3px;
}
.square_btn:active {/*ボタンを押したとき*/
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    border-bottom: none;/*線を消す*/
}

.box18{
    margin:2em 0;
    position: relative;
    padding: 0.25em 1em;
    border: solid 2px #A9F5BC;
    border-radius: 3px 0 3px 0;
}
.box18:before,.box18:after
{
    content: '';
    position: absolute;
    width:10px;
    height: 10px;
    border: solid 2px #A9F5BC;
    border-radius: 50%;
}
.box18:after {
    top:-12px;
    left:-12px;
}
.box18:before {
    bottom:-12px;
    right:-12px;
}
.box18 p {
    margin: 0; 
    padding: 0;
}

/*付箋メニュー*/
.btn-sticky {
  display: inline-block;
  padding: 10px 40px;
  text-decoration: none;
  background: #f7f7f7;
  border-left: solid 20px #98fb98;/*左線*/
  color: #000000;/*文字色*/
  font-weight: bold;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
	margin:5px 10px; 
}
.btn-sticky:active {
  box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
  transform: translateY(2px);
}