/************************************************************************ 

top.css

************************************************************************/


/* h1〜 *************************************/
h1{
	font-size: 1.4rem;
	font-size: 14px;
	line-height: 2.8em;
	padding: 0 7.5% 0 0;
}
h2{
	font-family: 'Crimson Text', serif;
	font-weight: 400;
	font-size: 7.0rem;
	font-size: 70px;
	margin: 0 0 50px;
	padding: 0;
}
h2.green{
	color: #53a447;
}
p.txt_mail{
	width: 80%;
	max-width: 300px;
	height: 50px;
	line-height: 50px;
	padding: 0;
	margin: 0 auto;
	font-size: 1.4rem;
	font-size: 14px;
}

p.txt_mail a{
    display: block;
	color: #fff;
	background-color: #000;	
}

p.txt_mail a:hover{
	color: #000;
	background-color: #fff;
    text-decoration: none;
}

@media screen and (max-width: 767px) {
h1{
	line-height: 2.2em;
	padding: 0 0 0 0;
}
h2{
	font-size: 3.6rem;
	font-size: 36px;
	margin: 0 0 25px;
}
}




/*************************************
line_inner
*************************************/
.line_inner{
	position: relative;
	padding: 70px 0 120px;
}
.line_inner.center{
	padding: 70px 0 30px;
}
.line_inner:before,
.line_inner:after{
	content: "";
	position: absolute;
	right: 50px;
	width: 1px;
	height: 40px;
}
.line_inner:before{
	top: -40px;
	background-color: #fff;
}
.line_inner:after{
	top: 0;
	background-color: #53a447;
}

.line_inner.reverse:before,
.line_inner.reverse:after{
	left: 50px;
}
.line_inner.reverse:before{
	background-color: #53a447;
}
.line_inner.reverse:after{
	background-color: #fff;
}

.line_inner.center:before,
.line_inner.center:after{
	left: 50%;
}
.line_inner.center:before{
	background-color: #53a447;
}
.line_inner.center:after{
	background-color: #fff;
}


@media screen and (max-width: 767px) {
.line_inner{
	padding: 40px 0 90px;
}
.line_inner.center{
	padding: 40px 0 20px;
}
.line_inner:before,
.line_inner:after{
	right: 20px;
	height: 20px;
}
.line_inner:before{
	top: -20px;
}
}


/*************************************
sec_concept 
sec_about
*************************************/
.sec_concept,
.sec_about{
	background-color: #fff;
	text-align: right;	
	color: #000;
}


/* float_about  *************************************/
.float_about{
	width: 100%;
	max-width: 610px;
	margin: 0 7.5% 0 auto;
	text-align: left;
	font-size: 1.4rem;
	font-size: 14px;
}
.float_about th{
	width: 140px;
	padding: 20px 0;
	border-bottom: 1px solid #666;
}
.float_about td{
	padding: 20px 0;
	border-bottom: 1px solid #ccc;
}
.float_about td a{
	color: #000;
}
.float_about td a:hover{
	text-decoration: none;
}

@media screen and (max-width: 767px) {
.float_about{
	margin: 0 0 0;
	font-size: 1.2rem;
	font-size: 12px;
}
.float_about th{
	width: 80px;
	padding: 14px 0;
}
.float_about td{
	padding: 14px 0;
}
}



/*************************************
sec_service 
*************************************/
.sec_service{
	color: #fff;
}

/* float_service  *************************************/
.float_service{
	width: 100%;
	max-width: 610px;
	margin: 0 0 0 7.5%;
	text-align: left;
	font-size: 1.4rem;
	font-size: 14px;
}
.float_service th{
	width: 180px;
	padding: 20px 0;
	border-bottom: 1px solid #274e28;
}
.float_service td{
	padding: 20px 0;
	border-bottom: 1px solid #417d37;
}

@media screen and (max-width: 767px) {
.float_service{
	margin: 0 0 0;
	font-size: 1.2rem;
	font-size: 12px;
}
.float_service th{
	width: 130px;
	padding: 14px 0;
}
.float_service td{
	padding: 14px 0;
}
}



/*************************************
sec_contact
*************************************/
.sec_contact{
	color: #fff;
	text-align: center;
}