@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用 */
}
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.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.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.main2 {
	background-color: #ffffff;
	text-align:center;
	padding: 3rem 0;
}




h2 {
	background-color: #2F9D6A;
	color:#ffffff;
	text-align:center;
	font-size: 2rem;
	padding: 1rem 0;
	margin: 0;
}
h2 img.h2img1 {
width:65%;
padding: 2rem 0 1rem 0;
}
h2 img.h2img2 {
width:45%;
padding: 2rem 0 0.5rem 0;
}
h2 img.h2img3 {
width:55%;
padding: 2rem 0 0.5rem 0;
}



div.col10 {}
div.col10inner {
width:70%;margin:3rem auto;
}

div.col1 {
padding:0;
margin: 0;
line-height:0.5;
font-size:0.1em;
}



div.col-w {
	background-color: #ffffff;
	text-align:center;
	padding: 2rem 0 2rem 0;
}
div.col-w img.main {
 width:70%;
 object-fit:cover;
 margin-bottom:2rem
 }
div.col-w img.hd {
 width:60%;
 object-fit:cover;
 margin-top:1rem;
 margin-bottom: 3rem;
}
div.col-lb img.hd {
 width:60%;
 object-fit:cover;
 margin-top:1rem;
 margin-bottom: 3rem;
}

div.box3 {
width:1200px;
height:800px;
background-image:url('image/apply-box2.png');
background-size:1200px;
background-repeat:no-repeat;
margin:2.5rem auto;
position:relative;
}
div.box3 img.applybtn1 {
width:620px;
position:absolute;
bottom:54px;
right:65px;
}

div.box2 {
width:1200px;
height:265px;
background-image:url('image/apply-box1.png');
background-size:1200px;
background-repeat:no-repeat;
margin:2.5rem auto;
position:relative;
}
div.box2 img.applybtn1 {
width:620px;
position:absolute;
bottom:54px;
right:65px;
}

div.box1 {
width:1000px;
height:790px;
background-image:url('image/main-img-2.png');
background-size:1000px;
background-repeat:no-repeat;
margin:-40px auto 0 auto;
position:relative;
}

div.box1 img.applybtn1 {
width:527px;
position:absolute;
bottom:140px;
right:41px;
}

div.col-r {
background-color:#ae272d;
text-align:center;
padding:2rem 0 1.2rem 0;
}

div.col-lg {
background-color:#ECF4D9;
text-align:center;
margin:0;
padding:0;
}

div.col-lg img {
width:65%;
padding:5rem 0;
}

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

div.col-lb {
background-color: #bfebee;
text-align:center;
padding: 3rem 0 3rem 0;
}

div.col-lb img {
width:70%;
}
div.col-lb h2 {
margin-bottom:40px;
}

div.gotoform {
	position:fixed;
	right:0;top:6rem;
	z-index:999;
}

div.header {
}
div.headerLogo {
	 background-color:#2F9D6A;text-align:center;padding:1rem;
}
div.headerinner {
background:url('image/main-bg-1.png') center top / cover no-repeat fixed;
text-align:center;
padding:3rem 0;
}
div.headerinner img.mainimage {
width:75%;
padding-bottom:0;
}

div.mt25 {
margin-top:25px;
}



.present {
	padding:50px 0;
	margin-top: 30px;
}
.present-btn {
	width: 70%;
	margin: -5px auto 0 auto;
	background:url("image/main-img-4-2.png");
	background-repeat: no-repeat;
	background-position: center;
	  background-size: cover;
	text-align:center;
}
.present div img.main {
	padding: 0 !important;
	margin: 0 !important;
}

.s-btn {
display:block;
max-width: 600px;
margin: 0 auto;
}  
.s-btn img {
width:100%;
}
@media screen and (max-width: 480px) {
.s-btn {
}
.present-btn {
	width:90%;
}
.s-btn {
	max-width: 72%;
}
div.headerinner {
background-size:cover;
padding:1rem 0;
}
div.headerinner img.mainimage {
width:90%;
background-size:cover;
padding-bottom:0;
}

div.gotoform img {
	height:280px;
}

div.col-lb {
padding-top:1rem;
padding-bottom:30px;
}
div.col-lb img {
width:85%;
padding-top:1em;
}
div.col-lb h2 {
margin-bottom:10px;
}


div.col-lg img {
width:90%;
padding:1rem 0;
}


div.col-r {
padding:0.5rem 0;
}
div.box1 {
margin-top:-20px;
width:340px;
height:260px;
background-size:340px;
}
div.box1 img.applybtn1 {
width:175px;
position:absolute;
bottom:40px;
right:17px;
}
div.mt25 {
margin-top:5px;
}

div.box2 {
margin-top:0;
margin-bottom: 0;
width:380px;
height:80px;
background-size:380px;
}
div.box2 img.applybtn1 {
width:200px;
position:absolute;
bottom:13px;
right:17px;
}


div.box3 {
margin-top:0;
margin-bottom: 0;
width:380px;
height:251px;
background-size:380px;
}
div.box3 img.applybtn1 {
width:200px;
position:absolute;
bottom:13px;
right:17px;
}

h2 {
font-size:1.2rem; 
padding:0.5rem 0;
margin:0;
}
h2 img.h2img1 {
width:80%;
padding: 1rem 0 0.5rem 0;
}
h2 img.h2img2, h2 img.h2img3 {
padding: 0.5rem 0 0 0;
}
div.col-w {
padding:0 0 1rem 0;
}
div.col-w img.main {
 width:90%;
 object-fit:cover;
 margin-bottom:1rem
}
div.col-w img.hd {
 width:70%;
 object-fit:cover;
 margin-bottom: 30px;
}
div.col-lb img.hd {
 width:70%;
 object-fit:cover;
 margin-bottom: 0;
}
div.col10inner {
width:90%;
}
div.col10inner ul {
font-size: 1rem;
}

}





.modal {
  display: none; 
  position: fixed;
  z-index: 999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0,0,0,0.6);
}

.modal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  max-width: 600px;
}

.modal-content img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 6px;
}

/* スマホでも中央寄せは維持しつつ、幅100%に */
@media screen and (max-width: 480px) {
  .modal-content {
    width: 100%;
    max-width: 100%;
    padding: 0;
  }

  .modal-content img {
    border-radius: 0;
  }
}


/* フッタ処理 */

.footer {
	background-color:#2F9D6A;
	text-align:center;
	padding:2rem 1rem;
	display: block;
}
.footer img { max-width: 90%; }

.footer-mobile {
	background-color:#2F9D6A;
	text-align:center;
	padding:2rem 1rem;
	display:none;
 }
.footer-mobile img { width: 80%; }

@media screen and (max-width: 480px) {
  .footer {
		display:none;
  }
	.footer-mobile {
		display: block;
  }
}