@charset "utf-8";
/*-------------------- base --------------------*/
.lp {}
#content h1, .contents h1 {
    margin-bottom: 1.5em;
}

.lp h2 {
    font-size: 24px;
    color: #015b37;
    text-align: left;
    margin-top: 3em;
    margin-bottom: 1.5em;
    padding-left: 2.6em;
    display: inline-block;
    min-height: 55px;
}
.lp h2 span {
	font-size: 16px;
	display: block;
}
.lp h2.check {
	background: url(../../resource/images/icon_function_check.png) left center no-repeat;
    background-size: 44px 44px;
}
.lp h2.star {
	background: url(../../resource/images/icon_function_star.png) left center no-repeat;
    background-size: 54px 51px;
        padding-top: 15px;
}
.lp h2.security {
	background: url(../../resource/images/icon_function_security.png) left center no-repeat;
    background-size: 60px 78px;
}
.lp h2.operator {
	background: url(../../resource/images/icon_function_operator.png) left center no-repeat;
    background-size: 52px 62px;
}
.lp h2.analytics {
	background: url(../../resource/images/icon_function_analytics.png) left center no-repeat;
    background-size: 75px 57px;
    padding-left: 3.3em;
}
.lp h2.stores {
	background: url(../../resource/images/icon_function_stores.png) left center no-repeat;
    background-size: 50px 56px;
}

.lp p {
	font-size: 120%;
	padding-bottom: 1em;
}
.lp .caps1 {
	font-size: 100%;
}
.listStyle {
	padding-top: 1em;
	padding-bottom: 0.7em;
}
.listStyle li {
	padding-bottom: 0.3em;
	padding-left: 1.3em;
	text-indent: -1.3em;
	font-size: 120%;
	line-height: 0;
}
.listStyle li::before {
	color: #015b37;
	content: "●";
	display: inline;
	margin-right: 0.3em;
}
.listStyle li ul {
	padding-top: 0.3em;
}
.listStyle li li::before {
	content: "・";
}
.float_left {
	float: left;
}
.float_right {
	float: right;
}
.lp p.caption {
	font-size: 12px;
	text-align: center;
}
p.left {
	float: left;
	padding-right: 2em;
	width: 50%;
}
p.right {
	float: right;
	padding-left: 2em;
	width: 50%;
}
.mt10 {
	margin-top: 1em;
}
.mt20 {
	margin-top: 2em;
}
.mt30 {
	margin-top: 3em;
}
.mb10 {
	margin-bottom: 1em;
}
.mb20 {
	margin-bottom: 2em;
}
.mb30 {
	margin-bottom: 3em;
}

/*-------------------- content --------------------*/
#content {
	border-top: 2px solid #005c3a;
	border-bottom: 2px solid #005c3a;
	padding-bottom: 3em;
}

.functionList {
	padding: 56px 0 80px;
    margin-bottom: 80px;
    border-bottom: 2px solid #27bb0e;
}

.pickUp {}

.pickUp li {
	border: 1px solid #015b37;
	color: #005c3a;
	padding: 0;
	text-align: center;
	margin-bottom: 1.5em;
}

.pickUp li span {
	background: #015b37;
	color: #fff;
	width: 100%;
	font-size: 140%;
	margin-bottom: 13px;
	padding: 20px 0 18px;
	text-align: center;
	margin-top: -2px;
}

.pickUp li .icon_function {
	width: 100%;
	text-align: center;
}
.pickUp li img {
	display: inline-block;
}

.functionList .listStyle {
	color: #015b37;
	font-weight: bold;
}
.termsList {
	color: #015b37;
	font-weight: bold;
}
.termsList li {
	margin-right: 40px;
	margin-bottom: 1em;
}
.termsList li small {
	background: #fff;
	border: 1px solid #015b37;
	display: inline-block;
	margin-right: 10px;
	padding: 3px 7px 2px;
}
.subsidy_info {
	border: 1px solid #bfbfbf;
	padding: 1.3em;
}
.subsidy_info .midashi {
	font-size: 150%;
}
.subsidy_info p {
	font-size: 100%;
}

#content hr {
    width: 50%;
    height: 1px;
    background: #bbbbbb;
    margin: 4em auto;
    border: 0;
}

/*-------------------- break point --------------------*/
@media all and (max-width: 1024px){
p.left {
	float: none;
	padding-right: 0;
	width: 100%;
	text-align: center;
}
p.right {
	float: none;
	padding-left: 0;
	width: 100%;
	text-align: center;
}
}

@media all and (max-width: 767px){

/*-------------------- base --------------------*/
.lp h2 {
	font-size: 130%;
	margin-top: 0;
}
.lp p {
	font-size: 100%;
}
p.left {
	float: none;
	padding-right: 0;
	width: 100%;
}
p.right {
	float: none;
	padding-left: 0;
	width: 100%;
}
/*-------------------- functionList --------------------*/
.pickUp {
	display: block;
}
.pickUp li {
	max-width: 100%;
	width: 100%;
}
.termsList {
	display: block;
}
.termsList li {
	margin-right: 0;
}
}
