@charset "UTF-8";
.fp-tableCell {vertical-align: top;padding-top:140px;}
.section .inner {padding-left:220px;}
.lh {line-height:15px !important;margin-bottom:6px;}
.inner {position:relative;}
.navigate {position:absolute;top:140px;left:0;z-index:8;box-shadow: 0 2px 10px 2px rgba(0,0,0,.17);}
.navigate li {display:block;width:177px;height:33px;border-bottom:1px solid #d9d9d9;line-height:32px;color:#2e2e2c;font-size:15px;background:#fff;padding:0 18px;}
.navigate li.nav_title {background:#000000;color:#a1c91d;font-weight:800;}
.navigate li.active {background:#a1c91d}
.navigate li.active a {color:#fff;}
.navigate li:first-child {margin-bottom:-1px;}
.navigate li:hover {background:#a1c91d;}
.navigate li:hover a {color:#fff}
.navigate li.greyBG:hover {background:#7d7e7f;}
.navigate li.greyBG:hover a {color:#fff;}
.navigate li.nav_title:hover {background:#000;color:#a1c91d;}

.s_title {opacity:0;margin-top:50px;}
.s_title p {display:inline-block;font-family:'Metro';color:#00722d;font-size:25px;font-weight:300;border-bottom:2px solid #00722d;}
.s_title h1 {display:block;font-family:'Black';color:#00722d;font-size:35px;line-height:1em;letter-spacing: -0.05em;margin:13px auto 29px auto;}

.s_title.white p {display:inline-block;font-family:'Metro';color:#fff;font-size:25px;font-weight:300;border-bottom:2px solid #fff;}
.s_title.white h1 {display:block;font-family:'Black';color:#fff;font-size:35px;line-height:1em;letter-spacing: -0.05em;margin:13px auto 29px auto;}

.s_title.green p {display:inline-block;font-family:'Metro';color:#a1c91d;font-size:25px;font-weight:300;border-bottom:2px solid #a1c91d;}
.s_title.green h1 {display:block;font-family:'Black';color:#a1c91d;font-size:35px;line-height:1em;letter-spacing: -0.05em;margin:13px auto 29px auto;}

.fadeIn {opacity:0;}

/*section0*/
#section0 .contents {display:block;width:100%;max-width:788px;text-align: right;position:relative;margin-top:-62px;}
#section0 .contents > img {display:inline-block;margin-bottom:12px;opacity: 0;margin-top:50px;}
#section0 .contents table {width:100%;max-width:788px;border-collapse: collapse;border-top:2px solid #f4f9f9;border-bottom:2px solid #f4f9f9;margin-top:50px;opacity:0;}
#section0 .contents table tr th {background:rgba(255,255,255,0.3);color:#265a64;font-weight:800;font-size:16px;border-bottom:1px solid #d6eae9;height:45px;line-height:44px;text-align: center;}
#section0 .contents table tr td {color:#fff;font-weight:500;font-size:16px;border-bottom:1px solid #d6eae9;text-align: center;letter-spacing: -0.06em;}
#section0 .contents table tr td.smallText {color:#fff;font-weight:400;font-size:12px;text-align: center;letter-spacing: -0.06em;}


/*section1*/
#section1 .attr {padding-left:210px;position:relative;width:100%;margin-top:100px;opacity:0;}
#section1 .attr:nth-of-type(2) {margin-top:26px;}
#section1 .attr h2 {position:absolute;left:0;top:0;font-size:17px;line-height:1em;color:#00722d;font-weight:800;}
#section1 .attr ul li {width:45%;display:inline-block;float:left;padding-left:70px;margin-bottom:17px;padding-right:18px;min-height:57px;word-break: keep-all;}
#section1 .attr ul li:nth-of-type(2n) {width:55%;}
#section1 .attr ul li:first-of-type {background:url(../../../img/ico/section_03_01.png) no-repeat center left;}
#section1 .attr ul li:nth-of-type(2) {background:url(../../../img/ico/section_03_02.png) no-repeat center left;}
#section1 .attr ul li:nth-of-type(3) {background:url(../../../img/ico/section_03_03.png) no-repeat center left;}
#section1 .attr ul li:nth-of-type(4) {background:url(../../../img/ico/section_03_04.png) no-repeat center left;}
#section1 .attr ul li:nth-of-type(5) {background:url(../../../img/ico/section_03_05.png) no-repeat center left;}
#section1 .attr ul li:nth-of-type(6) {background:url(../../../img/ico/section_03_06.png) no-repeat center left;}
#section1 .attr ul li h3 {font-size:13px;font-weight:800;color:#000000}
#section1 .attr ul li p {font-size:13px;font-weight:400;color:#000000;line-height:17px;letter-spacing: -0.03em;}



/*section2*/
#section2 .feature {position:absolute;left:220px;top:90px;opacity:0;}
#section2 .feature p {font-size:17px;line-height:27px;color:#000;}
#section2 .feature p strong {font-weight:800;}
#section2 .imgWrap {position:relative;width:660px;height:660px;margin:0 auto;margin-top:-80px;}
#section2 .imgWrap img {position:absolute;width:660px;height:660px;left:40px;top:0;opacity:0;}

/*section3*/
#section3 .img_graph {position:absolute;bottom:-50px;left:50%;margin-left:-569px;opacity:0;}
#section3 .baseWrap {display:inline-block;width:100%;margin-top:-78px;}
#section3 .base li {display:inline-block;position:relative;float:left;padding-top:110px;padding-left:14px;opacity:0;}
#section3 .base li h2 {display:block;color:#fff;font-size:19px;font-weight:800;line-height:1;letter-spacing: -0.05em;}
#section3 .base li:first-of-type {margin-top:220px;}
#section3 .base li:first-of-type p {color:#46a796;font-size:14px;line-height:18px;;letter-spacing: -0.05em;margin-top:7px;}
#section3 .base li:nth-of-type(2) {margin-top:140px;margin-left:50px;}
#section3 .base li:nth-of-type(2) p {color:#77c256;font-size:14px;line-height:18px;;letter-spacing: -0.05em;margin-top:7px;}
#section3 .base li:nth-of-type(3) {float:right;position:absolute;}
#section3 .base li:nth-of-type(3) p {color:#b1e782;font-size:14px;line-height:18px;;letter-spacing: -0.05em;margin-top:7px;}
#section3 .base li > img {position:absolute;left:-11px;top:-13px;}

/*section4*/
#section4 .contents {margin-top:-20px;}
#section4 .contents h3 {margin-bottom:70px;}
#section4 .build {display:flex;align-items: center;justify-content: space-between;}
#section4 .build a {display:block;width:30%;max-width:294px;text-align: center;margin-top:50px;opacity:0;position:relative;overflow: hidden;border-radius: 50%;}
#section4 .build a img {display:block;width:100%;max-width:294px;}
/*
#section4 .build a * {display:none !important;}
#section4 .build a:first-of-type {background:url(../../../img/ico/section_03_07.png) no-repeat center;}
#section4 .build a:nth-of-type(2) {background:url(../../../img/ico/section_03_08.png) no-repeat center;}
#section4 .build a:nth-of-type(3) {background:url(../../../img/ico/section_03_09.png) no-repeat center;}
#section4 .build a span {color:#a1c91d;font-family:'Metro';font-weight:300;font-size:25px;letter-spacing: -0.05em;line-height:1;}
#section4 .build a h4 {color:#fff;font-family:'Black';font-size:35px;line-height:1;letter-spacing: -0.05em;margin:4px auto -3px auto;}
#section4 .build a p {color:#c9caca;font-weight:500;font-size:15px;}
*/
#section4 .build a:hover {box-shadow: 2px 2px 20px 15px rgba(0,0,0,0.12);}
#section4 .notice {text-align: center;display:block;font-size:14px;color:#1f4f3f;letter-spacing: -0.05em;margin-top:45px;opacity:0;}

#section4 .goTop {bottom:145px;}
#section4 .build a:after {
  content: "";
  position: absolute;
    top: -50%;
  left: -60%;
  width: 20%;
  height: 200%;
	border-radius: 50%;
  opacity: 0;
  transform: rotate(30deg);

  background: rgba(255, 255, 255, 0.2);
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0.13) 0%,
    rgba(255, 255, 255, 0.13) 77%,
    rgba(255, 255, 255, 0.5) 92%,
    rgba(255, 255, 255, 0.0) 100%
  );
}

/* Hover state - trigger effect */
#section4 .build a:hover:after {
  opacity: 1;
  left: 130%;
  transition-property: left, top, opacity;
  transition-duration: 1s, 1s, 0.5s;
  transition-timing-function: ease;
	
}

/* Active state */
#section4 .build a:active:after {
  opacity: 0;
}
/*section5*/
/*section6*/
.section footer {position:absolute;bottom:0;left:0;}


#section0 {background:url(../../../img/bg/sec_03_01.jpg) no-repeat center center; background-size:cover;}
#section1 {background:#f5f8f1}
#section2 {background:url(../../../img/bg/sec_03_03.jpg) no-repeat center center; background-size:cover;}
#section3 {background:url(../../../img/bg/sec_03_04.jpg) no-repeat center center; background-size:cover;}
#section4 {background:url(../../../img/bg/sec_03_05.jpg) no-repeat center center; background-size:cover;}


/*popup*/
.popup {margin-top:-216px;margin-left:-410px;background:none;}
.popWrap {width:964px;position:relative;height:auto;}
.popWrap .whiteWrap {width:820px;height:432px;margin:0 auto;background:#fff;padding:43px 42px 39px 42px;}
.popWrap .whiteWrap ul li {display:inline-block;width:50%;float:left;}
.popWrap .whiteWrap ul li:nth-of-type(2) {padding-left:40px;}
.popWrap .whiteWrap h2 {color:#265a64;font-size:22px;line-height:1;letter-spacing: -0.05em;font-weight:800;margin-bottom:12px;}
.popWrap .whiteWrap ul li p {display:block;width:100%;height:28px;line-height:27px;color:#fff;background:#4fa0a3;border-radius: 20px;text-align: center;font-size:17px;font-weight:800;letter-spacing: -0.05em;}
.popWrap .whiteWrap ul li span {display:block;position:relative;width:100%;text-align: center;font-size:14px;color:#000000;letter-spacing: -0.05em;line-height:1;margin:10px auto;}
.popWrap .whiteWrap ul li span.arrow_down {display:inline-block;height:11px;;background:url(../../../img/ico/ico_arrow_down_green.png) no-repeat center center;margin:0;margin-bottom:4px;}
.popWrap .whiteWrap p.notice {position:absolute;bottom:-25px;right:70px;color:#ffffff;font-size:13px;}
.lh19 {line-height:19px !important;}

.popWrap.pop03 .whiteWrap {padding-right:0;}
.popWrap .whiteWrap table tr th p {display:block;width:100%;height:28px;line-height:27px;color:#fff;background:#4fa0a3;border-radius: 20px;text-align: center;font-size:17px;font-weight:800;letter-spacing: -0.05em;}
.popWrap .whiteWrap table tr:nth-child(2) {margin-top:-4px;}
.popWrap .whiteWrap table tr th span.arrow_down {display:inline-block;width:100%;height:12px;;background:url(../../../img/ico/ico_arrow_down_green2.png) no-repeat center center;font-size:12px;color:#4fa0a3;text-align: right;margin:18px auto 15px auto;line-height:1;letter-spacing: -0.05em;}
.popWrap .whiteWrap table tr td {vertical-align: top;padding-left:15px;}
.popWrap .whiteWrap table tr td p {display:block;padding-left:8px;position:relative;letter-spacing: -0.05em;font-size:15px;color:#000;}
.popWrap .whiteWrap table tr td p::before {content:'·';display:inline-block;position:absolute;left:0;top:0;font-size:15px;font-weight:800;}


.popup .arrow_prev {width:33px; height:63px;background:url(../../../img/ico/ico_arrow_prev.png) no-repeat center;position:absolute;top:50%;left:0;margin-top:-31px;}
.popup .arrow_next {width:33px; height:63px;background:url(../../../img/ico/ico_arrow_next.png) no-repeat center;position:absolute;top:50%;right:0;margin-top:-31px;}

@media screen and (min-width:769px) and (max-width:1024px) { 
	#section3 .img_graph {display:none;}
	#section3 .baseWrap {display:inline-block;width:100%;margin-top:0px;padding-bottom:170px;}
	#section3 .base li {display:block;position:relative;float:none;padding-top:110px;padding-left:14px;opacity:0;}
	#section3 .base li h2 {display:block;color:#fff;font-size:19px;font-weight:800;line-height:1;letter-spacing: -0.05em;}
	#section3 .base li:first-of-type {margin-top:0px;}
	#section3 .base li:first-of-type p {color:#46a796;font-size:13px;line-height:15px;;letter-spacing: -0.05em;margin-top:7px;}
	#section3 .base li:nth-of-type(2) {margin-top:40px;margin-left:00px;}
	#section3 .base li:nth-of-type(2) p {color:#77c256;font-size:13px;line-height:15px;;letter-spacing: -0.05em;margin-top:7px;}
	#section3 .base li:nth-of-type(3) {margin-top:40px;}
	#section3 .base li:nth-of-type(3) p {color:#b1e782;font-size:13px;line-height:15px;;letter-spacing: -0.05em;margin-top:7px;}
	#section3 .base li > img {position:absolute;left:-11px;top:-13px;}
	
	#section4 .build a {display:block;width:33%;height:auto;text-align: center;opacity:0;position:relative;overflow: hidden;border-radius: 50%;margin:20px auto;}
	#section4 .build a img {display:block;width:100%;max-width:294px;}
}

@media screen and (max-width:768px) { 
	.fp-tableCell {vertical-align: top;padding-top:70px;}
	.section .inner {padding-left:20px;padding-right:20px;}
	.navigate {display:none;}
	
	/*section0*/
	#section0 .contents table {width:100%;max-width:100%;border-collapse: collapse;border-top:2px solid #f4f9f9;border-bottom:2px solid #f4f9f9;margin-top:50px;opacity:0;}
	#section0 .contents table tr th {background:rgba(255,255,255,0.3);color:#265a64;font-weight:800;font-size:13px;border-bottom:1px solid #d6eae9;height:45px;line-height:44px;text-align: center;}
	#section0 .contents table tr td {color:#fff;font-weight:500;font-size:13px;border-bottom:1px solid #d6eae9;text-align: center;letter-spacing: -0.06em;}
	#section0 .contents table tr td.smallText {color:#fff;font-weight:400;font-size:12px;text-align: center;letter-spacing: -0.06em;}
	
	
	/*section1*/
	#section1 .attr {padding-left:00px;position:relative;width:100%;margin-top:100px;opacity:0;}
	#section1 .attr:nth-of-type(2) {margin-top:26px;}
	#section1 .attr h2 {position:absolute;left:0;top:0;font-size:14px;line-height:1em;color:#00722d;font-weight:800;display:none;}
	#section1 .attr ul li {width:100%;display:block;float:left;padding-left:70px;margin-bottom:17px;padding-right:18px;min-height:57px;word-break: keep-all;}
	#section1 .attr ul li:nth-of-type(2n) {width:100%;}
	#section1 .attr ul li:first-of-type {background:url(../../../img/ico/section_03_01.png) no-repeat center left;}
	#section1 .attr ul li:nth-of-type(2) {background:url(../../../img/ico/section_03_02.png) no-repeat center left;}
	#section1 .attr ul li:nth-of-type(3) {background:url(../../../img/ico/section_03_03.png) no-repeat center left;}
	#section1 .attr ul li:nth-of-type(4) {background:url(../../../img/ico/section_03_04.png) no-repeat center left;}
	#section1 .attr ul li:nth-of-type(5) {background:url(../../../img/ico/section_03_05.png) no-repeat center left;}
	#section1 .attr ul li:nth-of-type(6) {background:url(../../../img/ico/section_03_06.png) no-repeat center left;}
	#section1 .attr ul li h3 {font-size:13px;font-weight:800;color:#000000}
	#section1 .attr ul li p {font-size:13px;font-weight:400;color:#000000;line-height:17px;letter-spacing: -0.03em;}
	#section1 .attr img {width:100%;}
	
	/*section2*/
	#section2 .feature {position:absolute;left:20px;top:90px;opacity:0;}
	#section2 .feature p {font-size:14px;line-height:20px;color:#000;}
	#section2 .feature p strong {font-weight:800;}
	#section2 .imgWrap {position:relative;width:100%;height:auto;margin:0 auto;margin-top:-80px;display:inline-block;}
	#section2 .imgWrap img {position:absolute;width:100%;height:auto;left:00px;top:100px;opacity:0;}
	
	/*section3*/
	#section3 .img_graph {display:none;}
	#section3 .baseWrap {display:inline-block;width:100%;margin-top:0px;padding-bottom:170px;}
	#section3 .base li {display:block;position:relative;float:none;padding-top:110px;padding-left:14px;opacity:0;}
	#section3 .base li h2 {display:block;color:#fff;font-size:19px;font-weight:800;line-height:1;letter-spacing: -0.05em;}
	#section3 .base li:first-of-type {margin-top:0px;}
	#section3 .base li:first-of-type p {color:#46a796;font-size:13px;line-height:15px;;letter-spacing: -0.05em;margin-top:7px;}
	#section3 .base li:nth-of-type(2) {margin-top:40px;margin-left:00px;}
	#section3 .base li:nth-of-type(2) p {color:#77c256;font-size:13px;line-height:15px;;letter-spacing: -0.05em;margin-top:7px;}
	#section3 .base li:nth-of-type(3) {margin-top:40px;}
	#section3 .base li:nth-of-type(3) p {color:#b1e782;font-size:13px;line-height:15px;;letter-spacing: -0.05em;margin-top:7px;}
	#section3 .base li > img {position:absolute;left:-11px;top:-13px;}
	
	/*section4*/
	#section4 .contents {margin-top:-20px;}
	#section4 .contents h3 {margin-bottom:40px;}
	#section4 .build {display:block;margin-bottom:220px;}
	#section4 .build a {display:block;width:55%;height:auto;text-align: center;opacity:0;position:relative;overflow: hidden;border-radius: 50%;margin:20px auto;}
	#section4 .build a img {display:block;width:100%;}
	/*
	#section4 .build a:first-of-type {background:url(../../../img/ico/section_03_07.png) no-repeat center;}
	#section4 .build a:nth-of-type(2) {background:url(../../../img/ico/section_03_08.png) no-repeat center;}
	#section4 .build a:nth-of-type(3) {background:url(../../../img/ico/section_03_09.png) no-repeat center;}
	#section4 .build a span {color:#a1c91d;font-family:'Metro';font-weight:300;font-size:25px;letter-spacing: -0.05em;line-height:1;}
	#section4 .build a h4 {color:#fff;font-family:'Black';font-size:35px;line-height:1;letter-spacing: -0.05em;margin:4px auto -3px auto;}
	#section4 .build a p {color:#c9caca;font-weight:500;font-size:15px;}
	*/
	#section4 .build a:hover {box-shadow: 2px 2px 20px 15px rgba(0,0,0,0.12);}
	#section4 .notice {text-align: center;display:block;font-size:14px;color:#1f4f3f;letter-spacing: -0.05em;margin-top:15px;}
	
	/*popup*/
	.popup {margin-top:0px;margin-left:-42vw;background:none;top:70px;}
	.popWrap {width:84vw;position:relative;height:auto;}
	.popWrap .whiteWrap {width:calc(90vw - 20px);height:auto;margin:0 auto;background:#fff;padding:15px;max-height:80vh;overflow-y: auto;overflow-x: hidden;}
	.popWrap .whiteWrap ul li {display:block;width:100%;float:none;text-align: center;}
	.popWrap .whiteWrap ul li img {width:60%;}
	.popWrap .whiteWrap ul li:nth-of-type(2) {padding-left:0px;}
	.popWrap .whiteWrap h2 {color:#265a64;font-size:15px;line-height:1;letter-spacing: -0.05em;font-weight:800;margin-bottom:8px;margin-top:8px;}
	.popWrap .whiteWrap ul li p {display:block;width:100%;height:28px;line-height:27px;color:#fff;background:#4fa0a3;border-radius: 20px;text-align: center;font-size:14px;font-weight:500;letter-spacing: -0.05em;}
	.popWrap .whiteWrap ul li span {display:block;position:relative;width:100%;text-align: center;font-size:14px;color:#000000;letter-spacing: -0.05em;line-height:1;margin:10px auto;}
	.popWrap .whiteWrap ul li span.arrow_down {display:inline-block;height:11px;;background:url(../../../img/ico/ico_arrow_down_green.png) no-repeat center center;margin:0;margin-bottom:4px;}
	.popWrap .whiteWrap p.notice {position:absolute;bottom:-25px;right:70px;color:#ffffff;font-size:13px;}
	.lh19 {line-height:19px !important;}

	.popWrap.pop03 .whiteWrap {padding-right:0;}
	.popWrap .whiteWrap table tr th p {display:block;width:100%;height:28px;line-height:27px;color:#fff;background:#4fa0a3;border-radius: 20px;text-align: center;font-size:17px;font-weight:800;letter-spacing: -0.05em;}
	.popWrap .whiteWrap table tr:nth-child(2) {margin-top:-4px;}
	.popWrap .whiteWrap table tr th span.arrow_down {display:inline-block;width:100%;height:12px;;background:url(../../../img/ico/ico_arrow_down_green2.png) no-repeat center center;font-size:12px;color:#4fa0a3;text-align: right;margin:18px auto 15px auto;line-height:1;letter-spacing: -0.05em;}
	.popWrap .whiteWrap table tr td {vertical-align: top;padding-left:15px;}
	.popWrap .whiteWrap table tr td p {display:block;padding-left:8px;position:relative;letter-spacing: -0.05em;font-size:15px;color:#000;}
	.popWrap .whiteWrap table tr td p::before {content:'·';display:inline-block;position:absolute;left:0;top:0;font-size:15px;font-weight:800;}


	.popup .arrow_prev {width:16px; height:31px;background:url(../../../img/ico/ico_arrow_prev.png) no-repeat center;background-size:100% auto;position:absolute;top:50%;left:-22px;margin-top:-15px;}
	.popup .arrow_next {width:16px; height:31px;background:url(../../../img/ico/ico_arrow_next.png) no-repeat center;background-size:100% auto;position:absolute;top:50%;right:-22px;margin-top:-15px;}
	
}