@charset "UTF-8";
body {
	padding: 0px;
	margin: 0px;
}
img {
	vertical-align: bottom;
}

/*---------------------------------------- 801px以上 ----------------------------------------*/
@media all and (min-width:801px){
/*-------------------- ヘッダー --------------------*/
#header {
	width: 100%;
	height: 10.0vw;
}

/*-------------------- 目的内容 --------------------*/
#business-purpose {
	width: 95%;
	max-width: 1500px;
	margin: 0px auto 60px;
}
.purpose-item {
	width: 100%;
	margin: 0px auto;
	display: flex;
	justify-content: space-between;
}
.reverse {
	flex-flow: row-reverse; 
}
.purpose-details {
	width: 50%;
	max-width: 750px;
}
.number-icon {
	color: #ffffff;
	width: 3.5vw;
	height: 3.5vw;
	margin: 3.0vw auto 0px 3.0vw;
	background-color: #41b25d;
	text-align: center;
	font-size: 1.6vw;
	line-height: 4.0vw;
}
.purpose-about {
	color: #000000;
	font-size: 1.8vw;
	font-weight: bold;
	margin: 2.0vw auto 0px 3.0vw;
}
.purpose-text {
	color: #000000;
	font-size: 1.0vw;
	line-height: 2.5vw;
	margin: 1.0vw 3.0vw auto 3.0vw;
}
.purpose-img {
	width: 50%;
	max-width: 750px;
}
.purpose-img img {
	width: 100%;
}
#copy {
	text-align: center;
	padding: 0px 0px 45px;
}
#copy p {
	color: #41b25d;
	font-size: 24px;
	line-height: 1.5;
	font-weight: bold;
}
/*-------------------- しくみ --------------------*/
#howto {
	width: 100%;
	max-width: 1500px;
	margin: 0px auto 60px;
	background-color: #f1ece0;
	text-align: center;
}
#howto img {
	width: 80%;
	max-width: 1000px;
	margin: 60px auto;
}

}

/*---------------------------------------- 1500px以上 ----------------------------------------*/
@media all and (min-width:1500px){
/*-------------------- ヘッダー --------------------*/
.number-icon {
	color: #ffffff;
	width: 50px;
	height: 50px;
	margin: 50px auto 0px 50px;
	background-color: #41b25d;
	text-align: center;
	font-size: 24px;
	line-height: 50px;
}
.purpose-about {
	color: #000000;
	font-size: 18px;
	font-weight: bold;
	margin: 20px auto 0px 40px;
}
.purpose-about {
	color: #000000;
	font-size: 24px;
	font-weight: bold;
	margin: 30px auto 20px 50px;
	line-height: 1.7em;
}
.purpose-text p{
	color: #000000;
	font-size: 16px !important;
	line-height: 2.5;
	margin: 10px auto 0;
}
}

/*---------------------------------------- 800px以下 ----------------------------------------*/
@media all and (max-width:800px){
/*-------------------- 目的内容 --------------------*/
#business-purpose {
	width: 100%;
	max-width: 1500px;
	margin: 0px auto 60px;
}
.purpose-item {
	width: 90%;
	margin: 10vw auto 0px;
}
.purpose-details {
	width: 100%;
	max-width: 750px;
}
.number-icon {
	color: #ffffff;
	font-size: 4.0vw;
	width: 8.0vw;
	height: 8.0vw;
	margin: 0px auto auto 0px;
	line-height: 8.0vw;
	background-color: #41b25d;
	text-align: center;
}
.purpose-about {
	color: #000000;
	font-size: 4.0vw;
	font-weight: bold;
	margin: 3vw auto auto 0px;
}
.purpose-text {
	color: #000000;
	line-height: 2.0;
	margin: 1vw auto auto 0px;
}
.purpose-text p {
	font-size: 14px;
}
.purpose-img {
	width: 100%;
	margin: 3vw auto auto auto;
}
.purpose-img img {
	width: 100%;
}
#copy {
	text-align: center;
	padding: 0px 0px 20px;
}
#copy p {
	color: #41b25d;
	font-size: 12px;
	line-height: 1.5;
	font-weight: bold;
}
/*-------------------- しくみ --------------------*/
#howto {
	width: 100%;
	max-width: 1500px;
	margin: 0px auto;
	background-color: #f1ece0;
	text-align: center;
}
#howto img {
	width: 95%;
	max-width: 1000px;
	margin: 60px auto;
}
}