@charset"UTF-8";

body{
	background: #ededed;
}
.bold{
	font-weight: bold;
}
h1{
	margin: 0 auto;
	padding-left: 0.5rem;
}
.mtool2{
	width: 68%;
	margin: 0 auto;
	font-size: 0.95rem;
	color: #3b3b3b;
	background: #fff;
	padding: 2rem 0;
}
.text{
	padding: 0 1.5rem;
	letter-spacing: 0.1rem;
}
.borderleft{
	padding-left: 1rem;
}
.blue{
	border-left: solid 7px #2e92e9;
}
.line{
	background: linear-gradient(transparent 50%, #ffed1a 50%)
}
.lightblue{
	border-left: solid 7px #2ecde9;
}
.mtool2-top{
	width: 100%;
	margin: 0 auto;
	padding: 0 1.5rem;
	box-sizing: border-box;
}
.mtool2-main{
	width: 100%;
	margin: 0 auto;
	padding: 0 1rem;
	box-sizing: border-box;
}
ol{
	background: #f7f7f7;
	border-radius: 20px;
	padding: 1rem;
	list-style-position: inside;
	border: solid 2px #535353;
}
li{
	margin: 0.4rem 0;
}
.howto{
	display: flex;
	flex-wrap: wrap;
}
.button-in{
	display: inline-block;
	width: 300px;
	text-align: center;
	margin: 1rem 0 0 2rem;
	padding: 0.8rem;
	background: #65d70f;
	border-radius: 50px;
	font-size: 1.5rem;
	color: #fff;
	font-weight: bold;
	box-shadow: 3px 5px 1px 0px #63a51a;
}
.button-in2{
	display: inline-block;
	width: 300px;
	text-align: center;
	margin: 1rem 0 0 2rem;
	padding: 0.8rem;
	border-radius: 50px;
	font-size: 1.5rem;
	color: #fff;
	font-weight: bold;	background: #608544;
	box-shadow: 3px 5px 1px 0px #3e552e;
}

#upperFooter{
	margin-top: 0;
}

@media screen and (max-width: 600px) {

	.mtool2{
		width: 95%;
		margin: 2rem auto;
		font-size: 0.95rem;
		color: #3b3b3b;
		background: #fff;
		padding: 2rem 0;
	}
	.mtool2 img{
		width: 100%;
	}
	.text{
		padding: 0;
	}
	figure{
		margin: 0.5rem 0;
	}
	.button-in,.button-in2{
		margin: 1rem 0 0 0;
	}

}