@charset "UTF-8";

/* #about */
#about {
	margin-top: -130px;
	padding-top: 130px;
	padding-bottom: 30px;
}
#about .main .contents {
	background-color: #f5f5f5;
	padding: 10px;
}
#about .main .contents .inner {
	background-color: #fff;
	padding: 10px;
}
#about .main .contents p:last-of-type {
	padding-bottom: 0;;
}
#about .main .contents ul li {
	list-style: disc;
	list-style-position: inside;
	font-size: 16px;
}
#about .main .contents .image {
	padding-top: 30px;
}


/* #problem */
#problem {
	padding: 30px 0 30px 0;
}
#problem .main .list-area {
	background-color: #f5f5f5;
    padding: 10px;
}
#problem .main .list-area li {
	list-style: disc;
	list-style-position: inside;
	text-indent: -21px;
	padding-left: 21px;
}
@media only screen and (max-width: 767px) {
	#problem {
		padding-top: 30px;
	}
}


/* #feature */
#feature {
	padding: 30px 0 30px 0;
}
#feature .main .list-area {
	background-color: #f5f5f5;
    padding: 10px;
}
#feature .main .list-area li {
	list-style: disc;
	list-style-position: inside;
	text-indent: -21px;
	padding-left: 21px;
}
@media only screen and (max-width: 767px) {
	#feature {
		padding-top: 30px;
	}
}


/* #service */
#service {
	padding: 30px 0 30px 0;
}
#service .main .list-area {
	background-color: #f5f5f5;
    padding: 10px;
}
#service .main .list-area li {
	list-style: disc;
	list-style-position: inside;
	text-indent: -21px;
	padding-left: 21px;
}
@media only screen and (max-width: 767px) {
	#service {
		padding-top: 30px;
	}
}


/* #price */
#price {
	padding: 30px 0 30px 0;
}
#price .main .headline span {
	font-weight: normal;
}
#price table {
	text-align: center;
}
#price table thead th {
	background-color: #FFB700;
}
@media only screen and (max-width: 767px) {
	#price {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	#price .main .headline span {
		font-size: 28px;
	}
}