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

body {
  font-family: -apple-system, blinkMacSystemFont, /* Macの欧文はSan Francisco (OS X 10.11以降) */
               'Helvetica Neue', /* Macの欧文 (OS X 10.10以前) */
               'Segoe UI',       /* Windowsの欧文 */
               YuGothicM,        /* Windows8.1以上は游ゴシック */
               YuGothic,         /* Macの游ゴシック */
               Meiryo,           /* 游ゴシックが入っていないWindows */
               sans-serif;
	font-size: 130%;
	margin:0;padding:0;position:relative;
}

/* Windows */
@font-face {
  font-family: YuGothicM;
  font-weight: normal;
  src: local('YuGothic-Medium'),  /* Mediumを明示的に指定 */
       local('Yu Gothic Medium'), /* Chrome用 */
       local('YuGothic-Regular'); /* Windows8.1ではMediumがないのでRegularを指定 */
}
@font-face {
  font-family: YuGothicM;
  font-weight: bold;
  src: local('YoGothic-Bold'), /* Boldはそのまま */
       local('Yu Gothic');     /* Chrome用 */
}
div.header {
	 background-color:#2F9D6A;text-align:center;padding:1rem;
}
div.gotoform {
	position:fixed;right:0;top:6rem;
}
a:hover {
	opacity:0.7;
}
div.main1 {
	background-color:#e8f0d5;
	text-align:center;
	padding-bottom: 1rem;
}
div.main1-1 {
	background-color:#f18a31;
	text-align:center;
	padding-bottom: 1rem;
}
div.main1-2 {
	background-color:#bc272d;
	text-align:center;
	padding-bottom: 1rem;
}
div.main2 {
	background-color: #ffffff;
	text-align:center;
	padding: 3rem 0;
}
div.main3 {
	background-color:#ECF4D9;
	text-align:center;
}

div.main5 {
	background-color: #ECF4D9;
	text-align:center;
	padding: 0 0 3rem 0;
}
div.main6 {
	background-color: #ffffff;
	text-align:center;
	padding: 3rem 0;
}
div.main7 {
	background-color: #ECF4D9;
	text-align:center;
	padding: 3rem 0;
}

div.footer {
	background-color:#2F9D6A;text-align:center;padding:2rem 1rem;
}

div.main4 {
	background-color: #ffffff;
	text-align:center;
	padding: 3rem 0;
}
div.customer-v {
	width:80%;
	margin:1rem auto;
	overflow:auto;
	padding-bottom: 3rem;
}
div.customer-v h4 {
	margin: 0;
	padding: 0 0 1rem 0;
	color:#00aba9;
	font-size: 1.6rem;
}
div.customer-v .lefticn {
	width:15%;
	float:left;
}
div.customer-v .righticn {
	width:15%;
	float:right;
}
div.customer-v .rightclm {
	float:right;
	border:8px solid #00aba9;
	width:70%;
	border-radius:30px;
	padding:1rem 2rem;
	text-align:left;
}
div.customer-v .leftclm {
	float:left;
	border:8px solid #00aba9;
	width:70%;
	border-radius:30px;
	padding:1rem 2rem;
	text-align:left;
}

div.coach-v {
	width:80%;
	margin:1rem auto;
	overflow:auto;
	padding-bottom: 3rem;
	line-height: 1.5;
}
div.coach-v .coach-leftclm {
	float:left;
	width: 25%;
	text-align: left;
	font-size: 1rem;
}
div.coach-v .coach-rightclm {
	float: right;
	width: 70%;
	text-align: left;
}
div.coach-v h4 {
	margin: 0;
	padding: 0 0 1rem 0;
	color:#00aba9;
	font-size: 1.6rem;
}
div.coach-v .coach-rightclm span {
	color:#00aba9;
}


div.present {
background:url('image/main-img-3-bg.jpg') center top / cover no-repeat fixed;
padding: 3rem 2rem;
}

div.presentInner {
width:1000px;
height:1052px;
background:url('image/main-img-3.png') no-repeat;
background-size:100%;
margin:0 auto;
position:relative;
}

div.presentInner img {
width:65%;
position:absolute;
bottom:18px;
left:0;
right:0;
margin:auto;
}

@media screen and (max-width: 1000px) {

div.presentInner {
	width:800px;
	height:865px;
}
div.presentInner img {
bottom:30px;
}
}