section {
	padding: 100px 10%  0px 10%;
}
.top_sec{
	padding-top: 160px;
}
.box {
	max-width: 1100px;
	margin: 0 auto;
}

/*TOPページ*/
.top01 {
	max-width: 1120px;
	margin: 0 auto;
}
.top02 {
	max-width: 1000px;
	margin: 0 auto;
}


.title{
	text-align: center;
}
.sub_title{
	color: #2A9141;
	font-size: 100%;
	font-weight: bold;
}
.title h2{
	font-size: 170%;
	padding-top: 10px;
	font-weight: bold;
}
.title02{
	text-align: center;
	padding: 40px 0px;
}
.sub_title02{
	color: #fff;
	font-size: 100%;
	font-weight: bold;
}
.title02 h2{
	font-size: 170%;
	padding-top: 10px;
	font-weight: bold;color: #fff;
}
.sub_title03{
	color: #2A9141;
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	padding-top: 50px;
}
.title03 h2{
	text-align: center;
	font-size: 170%;
	padding-top: 10px;
	font-weight: bold;
	padding-bottom: 20px;
	display: inline-block;
	position: relative;
	margin: 0 auto;
	left: 37%;

}
.title03 h2:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -10px; /*下線の上下位置調整*/
  display: inline-block;
  width: 50px; /*下線の幅*/
  height: 2px; /*下線の太さ*/
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translate(-50%); /*位置調整*/
  background-color: #2A9141; /*下線の色*/
}
.title03 p{
	text-align: center;
	padding-top: 47px;
	font-weight: bold;
}

.sub_text{
	text-align: center;
	padding-top: 20px;
	padding-bottom: 40px;
}
.top_element{
	display: flex;
	justify-content: space-around;
}
.top_element02{
	display: flex;
	justify-content: space-around;
}

.reason{
	width: 30%;
}
.reason h3{
	text-align: center;
	padding: 30px 0px 10px 0px;
	font-size: 120%;
	font-weight: bold;
	border-bottom: 2px solid #2A9141;
	width: 44%;
	margin: 0 auto;
	margin-bottom: 20px;
}
.reason p{
	text-align: center;
}
.link{
	display: block;
	color: #2A9141;
	border: 2px solid #2A9141;
	width: 20%;
	margin: 0 auto;
	margin-top: 50px;
	border-radius: 50px;
	padding: 15px 20px;
	text-align: center;
	font-size: 120%;
	font-weight: bold;
}
.link02{
	display: block;
	color: #fff;
	border: 2px solid #fff;
	width: 20%;
	margin: 0 auto;
	margin-top: 50px;
	border-radius: 50px;
	padding: 15px 20px;
	text-align: center;
	font-size: 120%;
	font-weight: bold;
}
.link03{
	display: block;
	color: #fff;
	background-color: #2A9141;
	border: 2px solid #2A9141;
	width: 20%;
	margin: 0 auto;
	margin-top: 20px;
	border-radius: 50px;
	padding: 10px 35px;
	text-align: center;
	font-size: 120%;
	font-weight: bold;
}



.top_about{
    background-image: url("../img/top_back.jpg");
    background-size: cover;
    background-position: center;
    margin-top: 100px;
	padding-bottom: 60px;
}
.back{
	background-color: #fff;
}
.about h4{
	text-align: center;
	font-weight: bold;
	padding: 20px 0px 10px 0px;
	font-size: 130%;
}
.about h4 span{
	display: block;
	padding-top: 5px;
	font-size: 60%;
	color: #2A9141;
}
.back p{
	text-align: center;
	padding-bottom: 20px;
}
.about a:hover{
	opacity: 0.7;
}
.top_contact{
    margin-top: 0px;
	padding-bottom: 60px;
	background-color: #E8E8E8;
	padding-top: 100px;
}
.cont01{
	width: 35%;
	background-color: #fff;
	padding-right: 5px;
	height: 280px;
}
.cont02{
	width: 63%;
	background-color: #fff;
}
.tel{
	padding-top: 60px;
	text-align: center;
}
.tel_number{
	font-size: 260%;
	font-weight: bold;
	padding-left: 5px;
}

.pg-imgbox{
    padding: 10% 0 10% 0;
	height: 90px;
}
.img-pho01{
	background-image: url("../img/top_img01.jpg");
	background-repeat: no-repeat;
	background-size: cover;	

}
.img-pho02{
	background-image: url("../img/top_img02.jpg");
	background-repeat: no-repeat;
	background-size: cover;	
}
.img-pho03{
	background-image: url("../img/top_img03.jpg");
	background-repeat: no-repeat;
	background-size: cover;	
}

.pg-imgbox h6{
	font-size: 230%;
    line-height: 1.6;
    font-weight: bold;
    letter-spacing: 0.03em;
    color: #fff;
}
.pg-imgbox h2{
	font-size: 110%;
    line-height: 1.6;
    font-weight: bold;
    letter-spacing: 0.06em;
    color: #fff;
    padding-top: 10px;
}
.pg-imgbox-b{
	margin: 0 auto;
	text-align: center;
	padding-top: 85px;
}

@media screen and ( max-width:800px )
{
section {
	padding: 0px 5% 0px 5%;
}

.top_sec{
	padding-top: 50px;
}
.top_element{
	display: block;
}
.reason{
	width: 90%;
	margin: 0 auto;
	margin-bottom: 30px;
}	
.link{
	width: 50%;

}
.top_element02{
	flex-wrap: wrap;
}
	
.about{
	width: 100%;
	padding-bottom: 20px;
	margin-left: 5%;
	margin-right: 5%;
}
	
.about img{
	width: 100%;
}
	
.link02{
	width: 50%;

}	
.cont01{
	width: 100%;
	background-color: #fff;
	padding-right: 0px;
	height: 240px;
}
.cont02{
	width: 100%;
	background-color: #fff;
	padding-bottom: 30px;
}	
.tel{
	padding-top: 0px;
}	
.title03 h2{
	display: block;
	position: static;
	margin: 0 auto;
	left: 0%;

}	
.title03 p{
	padding-top: 35px;
}	
.link03{
	width: 50%;
}
	
.pg-imgbox-b{
	padding-top: 0px;
}	
.title03 h2:before {
	display: none;
}	
.sp_section{
	padding-top: 40px;
}	
.top_contact{

	background-color: #fff;

}	
	
	
	
	
	

}