.box1, .box2, .box3, .box4, .box5, .box6, .box7, .box8{
padding:10px 30px;
margin:30px 0px 0px;
font-weight:bold;
}

.box1{
border:3px solid #20b2aa;
color:#333333;
border-radius: 25px;
	background-color: #ffffff;
}

.box2{
border:1px solid #00885a;
color:#fff;
border-radius: 25px;
	background-color: #00885a;
}

.box3{
border:1px solid #ff8c00;
color:#ff8c00;
border-radius: 25px;
	background-color: #ffffff;
}


.background-6 {
background-color: #fff5ee !important;
}


.background-7 {
background-color: #d6e9ca !important;
}




.background-8 {
background-color: #fffaf0 !important;
}




.background-9 {
background-color: #fffff0 !important;
}


h2 {
  position: relative;
  padding-left: 3.5em;
}

h2 span {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 1.5rem;
  color: #fff;
  border-radius: 10px;
  background: #ff8c00;
}

h2 span i {
  margin-right: 1rem;
}


h1 {
	margin-top: 2rem;
	margin-bottom: 2rem;
	padding: 0.0em 0.5em;/*上下 左右の余白*/
	letter-spacing: 0.1em;
	color: #494949;/*文字色*/
	border-left: solid 5px #ff8c00;/*左線*/
	background: transparent;/*背景透明に*/
	font-size: 1.6rem;
	font-weight: bold;
}

@media (min-width: 48em) {
	h1 {
		margin-top: 3rem;
		margin-bottom: 2rem;
		padding: 0.0em 0.5em;/*上下 左右の余白*/
		letter-spacing: 0.1em;
		color: #494949;/*文字色*/
		border-left: solid 6px #ff8c00;/*左線*/
		background: transparent;/*背景透明に*/
		font-size: 2.0rem;
		font-weight: bold;
	}
}