@charset "utf-8";
/* CSS Document */


header{
	position:relative;
	border-bottom:#eaeaea 1px solid;
}
header h1{
	position:absolute;
	right:10%;
	top:35%;
}
header h1 img{
	width:56px;
}

.txt01 {
	text-align:center;
	margin-bottom:20px;
}
.txt01 img{
	width:300px;
}
h2{
	color:#009847;
	text-align:center;
	margin:40px 0 20px 0;
	font-family: 'Vollkorn', serif;
	font-weight:normal;
	font-size:2.9rem;
}
h3{
	color:#00a2e6;
	text-align:center;
	font-weight:normal;
}

h3 a {
	color:#00a2e6;
}

.wrapper section {
	margin-bottom:40px;
}
.wrapper section div{
	position:relative;
	margin-bottom:15px;
}
.wrapper section div img.icon{
	position:absolute;
	position: absolute;
  top: -13px;
  left: 0;
  right: 0;
  margin: auto;
  width: 25px;
}
.wrapper section p{
	padding:0 20px;
}




@media screen and (min-width: 669px){


.txt01 {
	margin-bottom:50px;
}
h2{
	margin:100px 0 40px 0;
	font-size:4rem;
}

header{
	border-bottom:none;
}
header h1 img{
	width:auto;
}
header h1{
	right:15%;
	top:35%;
}



.txt01 img{
	width:auto;
}
h2{
	font-size:4.0rem;
}

.wrapper section div img.icon{
  top: -25px;
  width: auto;
}
.wrapper section div{
	margin-bottom:30px;
}

#box{
	overflow:hidden;
	padding-top:25px;
}
#box section{
	width:50%;
	float:left;
}
h3{
	font-size:18px;
	margin-bottom: 10px;
}
#box section h3{
	text-align:left;
	padding:0 25px;
}
.point01 {
	margin-bottom:70px!important;
}
.point01 p{
	text-align:center;
}
.wrapper section p{
	padding:0 25px;
}

}