@charset "UTF-8";
.fp-tableCell {vertical-align: top;padding-top:140px;}
.lh {line-height:15px !important;margin-bottom:6px;}
.section .inner {padding-left:220px;}
.inner {position:relative;}
.navigate {position:absolute;top:140px;left:0;z-index:100;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 {margin-top:50px;opacity:0;}
.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;}



/*section0*/
#section0 .contents h2 {background:url(../../../img/ico/ico_mark.png) no-repeat center left;padding-left:32px;font-weight:800;font-size:25px;line-height:1em;color:#05301d;margin-bottom:20px;letter-spacing: -0.05em;}
#section0 .contents h2 span {color:#66a623;}
#section0 .contents .down_to_up {opaicity:0;margin-top:50px;}
#section0 .contents p {color:#000000;font-size:15px;letter-spacing: -0.05em;line-height:1.79em;opacity:1;}
#section0 .contents p:not(:last-of-type) {margin-bottom:14px;}
#section0 .contents p:last-of-type {margin-bottom:00px;}

/*section1*/
.whiteWrap {background:url(../../../img/bg/sec_02_02_0.png) no-repeat center right;background-size:auto 100%;min-height:584px;margin-left:-24px;padding:70px 0 59px 80px;margin-top:20px;opacity:0;} 
.whiteWrap h2 {font-size:33px;line-height:1em;color:#00722d;font-weight:800;letter-spacing: -0.05em;margin-top:18px;}
.whiteWrap h2 span {font-size:20px;line-height:1em;color:#999999;font-weight:400;letter-spacing: -0.05em;}
.summary {margin-top:45px;}
.summary li {display:block;width:100%;padding-left:38px;height:27px;line-height:27px;margin-bottom:23px;}
.summary li strong {color:#00722d;font-weight:800;font-size:20px;letter-spacing: -0.05em;}
.summary li span {color:#545252;font-weight:400;font-size:20px;letter-spacing: -0.05em;display:inline-block;margin-left:6px;}
.summary li:first-of-type {background:url(../../../img/ico/section_02_01.png) no-repeat center left;}
.summary li:nth-of-type(2) {background:url(../../../img/ico/section_02_02.png) no-repeat center left;}
.summary li:nth-of-type(3) {background:url(../../../img/ico/section_02_03.png) no-repeat center left;}
.summary li:nth-of-type(4) {background:url(../../../img/ico/section_02_04.png) no-repeat center left;}
.summary li:nth-of-type(5) {background:url(../../../img/ico/section_02_05.png) no-repeat center left;}
.summary li:nth-of-type(6) {background:url(../../../img/ico/section_02_06.png) no-repeat center left;}
.summary li:nth-of-type(7) {background:url(../../../img/ico/section_02_07.png) no-repeat center left;}
#section1 .down_to_up {position:absolute;bottom:-50px;right:12%;opacity:0;width:30%;max-width:524px;}



/*section2*/
#section2 .contents h2 {color:#c1c2c2;font-weight:300;font-size:16px;line-height:26px;margin-top:-20px;letter-spacing: -0.025em;}
#section2 .yearWrap {display:block;width:100%;height:60vh;}
#section2 .yearWrap .year {position:absolute;display:block;}
#section2 .yearWrap .year p {width:74px;height:74px;text-align: center;background:#00722d;color:#fff;font-family:'Metro';font-weight:300;font-size:21px;border-radius: 50%;line-height:74px;margin-bottom:10px;}
#section2 .yearWrap .year img {display:block;margin:0px 0 5px 0px;}
#section2 .yearWrap .year span {font-size:14px;color:#c9caca;line-height:18px;}
#section2 .yearWrap .y2010 {left:19%;bottom:10.5vh;}
#section2 .yearWrap .y2014 {left:41%;bottom:13vh;}
#section2 .yearWrap .y2016 {left:59%;bottom:29vh;}
#section2 .yearWrap .y2017 {left:65%;bottom:48vh;padding-top:30px;}
#section2 .yearWrap .y2018 {left:81%;top:13vh;padding-top:30px;width:300px;}
#section2 .yearWrap .year.hor {padding-left:90px;position:absolute;}
#section2 .yearWrap .year.hor p {display:inline-block;position:absolute;left:0;top:0;}
#section2 .yearWrap .year.hor img {display:block;}
#section2 .yearWrap .year.hor span {display:block;}

/*section3*/

.ideaWrap {padding-right:50px;position:relative;margin-top:-72px;}
.idea {width:609px;height:auto;display:block;margin:0 auto;}
.idea li {width:50%;float:left;}
.idea li:first-of-type {width:100%;clear:both;}
.idea li img {opacity:0;}
.ideaWrap .textWrap {position:absolute;width:609px;left:50%;top:90px;margin-left:-304px;display:block;text-align: right;opacity:0;}
.ideaWrap .textWrap img {margin-bottom:15px;}
.ideaWrap .textWrap p {display:block;width:100%;text-align: left;font-size:19px;letter-spacing: -0.05em;color:#00722d;line-height:30px;padding-lefT:370px;}
.ideaWrap .textWrap p strong {font-weight:800}

/*section4*/
#section4 .contents img {opacity:0;width:100%;;max-width:930px;height:auto;margin-top:50px;}

/*section5*/
#section5 .contents ul li {display:inline-block;float:left;position:relative;}
#section5 .contents ul li:first-child {width:200px;font-size:20px;letter-spacing: -0.05em;color:#231815;font-weight:800;border-top:1px solid #6f6f6f;padding-top:7px;}
#section5 .contents ul li:last-child {width:780px;padding-left:40px;}
#section5 .contents ul li:last-child img  {margin-top:50px;opacity:0;}
#section5 .contents ul li p {position:relative;display:inline-block;color:#4c4948;font-size:14px;font-weight:800;opacity:0;}
#section5 .contents ul:first-child {margin-bottom:25px;}
#section5 .contents ul:first-child li p {margin-top:230px;}
#section5 .contents ul:nth-child(2) li p {margin-top:150px;}
#section5 .contents ul:nth-child(2) li p span {display:block;;font-size:11px;line-height:16px;}


/*section6*/
#section6 footer {position:absolute;bottom:0;left:0;}
#section6 .map {margin-top:-10px;opacity:0;width:100%;max-width:980px;padding-right:20px;}
#section6 .map iframe {width:100%;height:300px;}
#section6 ul {display:inline-block;margin-top:80px;opacity:0;}
#section6 ul li {float:left;display:inline-block;width:42%;margin-bottom:15px;}
#section6 ul li:nth-child(even) {width:58%;}
#section6 ul li p {font-size:14px; color:#000;letter-spacing: -0.025em;line-height:19px;font-weight:800;}
#section6 ul li p span {font-weight:400;}
#section6 ul li span {font-size:14px; color:#000;letter-spacing: -0.025em;line-height:19px;}

#section6 ul li:nth-of-type(2) {padding-left:40px;background:url(../../../img/ico/ico_subway.png) no-repeat center left;}
#section6 ul li:nth-of-type(5) {padding-left:40px;background:url(../../../img/ico/ico_bus.png) no-repeat center left;}
#section6 .goTop {bottom:145px;}


/*common*/

#section0 {background:url(../../../img/bg/sec_02_01.jpg) no-repeat center center; background-size:cover;}
#section1 {background:url(../../../img/bg/sec_02_02.jpg) no-repeat center center; background-size:cover;}
#section2 {background:url(../../../img/bg/sec_02_03.jpg) no-repeat center center; background-size:cover;}
#section3 {background:url(../../../img/bg/sec_02_04.jpg) no-repeat center center; background-size:cover;}
#section4 {background:url(../../../img/bg/sec_02_05.jpg) no-repeat center center; background-size:cover;}
#section5 {background:#ffffff}
#section6 {background:#f2f2f3}


@media screen and (min-width:768px) and (max-width:1024px) { 
	.navigate {left:20px;position:fixed;}
	.navigate li {width:157px;}
	#section1 .down_to_up {display:none;}
	
	
	#section2 .contents h2 {color:#c1c2c2;font-weight:300;font-size:14px;line-height:18px;margin-top:-20px;letter-spacing: -0.04em;}
	#section2 .yearWrap {display:block;width:100%;height:auto;margin-top:30px;margin-bottom:80px;}
	#section2 .yearWrap .year {position:relative;display:block;padding-left:90px;min-height:74px;margin-bottom:20px;}
	#section2 .yearWrap .year p {width:74px;height:74px;text-align: center;background:#00722d;color:#fff;font-family:'Metro';font-weight:300;font-size:21px;border-radius: 50%;line-height:74px;margin-bottom:10px;position:absolute;left:0;top:0;}
	#section2 .yearWrap .year img {display:block;margin:0px 0 5px 0px;}
	#section2 .yearWrap .year span {font-size:12px;color:#c9caca;line-height:15px;}
	#section2 .yearWrap .y2010 {left:auto;bottom:auto;padding-top:5px;}
	#section2 .yearWrap .y2014 {left:auto;bottom:auto;padding-top:20px;}
	#section2 .yearWrap .y2016 {left:auto;bottom:auto;padding-top:5px;}
	#section2 .yearWrap .y2017 {left:auto;bottom:auto;padding-top:20px;}
	#section2 .yearWrap .y2018 {left:auto;top:auto;padding-top:20px;width:100%;}
	#section2 .yearWrap .year.hor {padding-left:90px;position:relative;}
	#section2 .yearWrap .year.hor p {display:inline-block;position:absolute;left:0;top:0;}
	#section2 .yearWrap .year.hor img {display:block;}
	#section2 .yearWrap .year.hor span {display:block;}
	
	#section6 .contents {margin-bottom:50px;}
	#section6 ul li {display:block;width:100%;clear:both;float:none;}
	#section6 ul li:nth-of-type(4) {padding-left:40px;background:url(../../../img/ico/ico_subway.png) no-repeat center left;}
	#section6 ul li:nth-of-type(5) {padding-left:40px;background:url(../../../img/ico/ico_bus.png) no-repeat center left;}
	#section6 .mo {display:block !important;}
	#section6 .pc {display:none;}
}

@media screen and (max-width:767px) { 
	.fp-tableCell {vertical-align: top;padding-top:70px;}
	.section .inner {padding-left:20px;}
	
	.contents {padding-right:0;}
	.summary {transform: scale(1);}
	#section1 .down_to_up {display:none;} 
	.navigate {display:none;}
	.section .inner {padding:0 20px;}
	
	#section0 .contents h2 {font-size:18px;line-height:1em;margin-bottom:20px;}
	#section0 .contents p {font-size:13px;line-height:1.4em;}
	#section0 .contents p:nth-of-type(2) {padding-right:80px;}
	#section0 .contents p:nth-of-type(3) {padding-right:80px;}
	#section0 .contents p:nth-of-type(4) {padding-right:80px;}
	#section0 .contents p:last-of-type {margin-bottom:80px;}
	
	#section0 .fadeIn.mo p {display:block;text-align: justify;}
	
	
	/*section1*/
	.whiteWrap {background:#fff;border-radius:0 30px 0 0;min-height:100px;margin-left:0;padding:20px;margin-top:40px;opacity:0;box-shadow:2px 2px 10px 5px rgba(4,4,4,0.1);} 
	.whiteWrap h2 {font-size:18px;line-height:1em;color:#00722d;font-weight:500;letter-spacing: -0.05em;margin-top:8px;}
	.whiteWrap h2 span {font-size:15px;line-height:1em;color:#999999;font-weight:400;letter-spacing: -0.05em;}
	.summary {margin-top:25px;}
	.summary li {display:block;width:100%;padding-left:110px;height:auto;min-height:25px;line-height:25px;margin-bottom:15px;position:relative;}
	.summary li strong {color:#00722d;font-weight:500;font-size:14px;letter-spacing: -0.05em;position:absolute;left:30px;}
	.summary li span {color:#545252;font-weight:400;font-size:14px;letter-spacing: -0.05em;display:inline-block;margin-left:3px;line-height:15px;}
	.summary li:first-of-type {background:url(../../../img/ico/section_02_01.png) no-repeat center left;  background-size:25px 25px;}
	.summary li:nth-of-type(2) {background:url(../../../img/ico/section_02_02.png) no-repeat center left; background-size:25px 25px;}
	.summary li:nth-of-type(3) {background:url(../../../img/ico/section_02_03.png) no-repeat center left; background-size:25px 25px;}
	.summary li:nth-of-type(4) {background:url(../../../img/ico/section_02_04.png) no-repeat center left; background-size:25px 25px;}
	.summary li:nth-of-type(5) {background:url(../../../img/ico/section_02_05.png) no-repeat center left; background-size:25px 25px;}
	.summary li:nth-of-type(6) {background:url(../../../img/ico/section_02_06.png) no-repeat center left; background-size:25px 25px;}
	.summary li:nth-of-type(7) {background:url(../../../img/ico/section_02_07.png) no-repeat center left; background-size:25px 25px;}
	#section1 .down_to_up {position:absolute;bottom:-50px;right:15%;opacity:0;}
	.summary li:nth-of-type(3) strong {top:5px;}
	.summary li:nth-of-type(4) strong {top:3px;}
	.summary li:nth-of-type(6) strong {top:5px;}


	/*section2*/
	#section2 .contents h2 {color:#c1c2c2;font-weight:300;font-size:14px;line-height:18px;margin-top:-20px;letter-spacing: -0.04em;}
	#section2 .yearWrap {display:block;width:100%;height:auto;margin-top:30px;margin-bottom:80px;}
	#section2 .yearWrap .year {position:relative;display:block;padding-left:90px;min-height:74px;margin-bottom:20px;}
	#section2 .yearWrap .year p {width:74px;height:74px;text-align: center;background:#00722d;color:#fff;font-family:'Metro';font-weight:300;font-size:21px;border-radius: 50%;line-height:74px;margin-bottom:10px;position:absolute;left:0;top:0;}
	#section2 .yearWrap .year img {display:block;margin:0px 0 5px 0px;}
	#section2 .yearWrap .year span {font-size:12px;color:#c9caca;line-height:15px;}
	#section2 .yearWrap .y2010 {left:auto;bottom:auto;padding-top:5px;}
	#section2 .yearWrap .y2014 {left:auto;bottom:auto;padding-top:20px;}
	#section2 .yearWrap .y2016 {left:auto;bottom:auto;padding-top:5px;}
	#section2 .yearWrap .y2017 {left:auto;bottom:auto;padding-top:20px;}
	#section2 .yearWrap .y2018 {left:auto;top:auto;padding-top:20px;width:100%;}
	#section2 .yearWrap .year.hor {padding-left:90px;position:relative;}
	#section2 .yearWrap .year.hor p {display:inline-block;position:absolute;left:0;top:0;}
	#section2 .yearWrap .year.hor img {display:block;}
	#section2 .yearWrap .year.hor span {display:block;}
	
	
	/*section3*/

	.ideaWrap {padding-right:00px;position:relative;margin-top:0;}
	.idea {width:100%;height:auto;display:block;margin:0 auto;}
	.idea li {width:50%;float:left;}
	.idea li:first-of-type {width:100%;clear:both;}
	.idea li img {opacity:0;width:100%;}
	.ideaWrap .textWrap {position:absolute;width:50%;left:auto;top:30px;margin-left:0;display:block;text-align: left;opacity:0;right:0;padding-left:13%;}
	.ideaWrap .textWrap img {margin-bottom:15px;width:80%;}
	.ideaWrap .textWrap p {display:block;width:100%;text-align: left;font-size:13px;letter-spacing: -0.05em;color:#00722d;line-height:16px;padding-left:00px;}
	.ideaWrap .textWrap p strong {font-weight:800}
	
	/*section4*/
	#section4 .contents img {height:0;opacity:0;width:100%;}
	
	
	/*section5*/
	#section5 .contents ul li {display:block;float:none;position:relative;}
	#section5 .contents ul li:first-child {width:100%;font-size:16px;letter-spacing: -0.05em;color:#231815;font-weight:500;border-top:1px solid #6f6f6f;padding-top:7px;}
	#section5 .contents ul li:last-child {width:100%;padding-left:00px;margin-top:10px;}
	#section5 .contents ul li:last-child img  {margin-top:50px;opacity:0;width:100%;}
	#section5 .contents ul li p {position:relative;display:block;color:#4c4948;font-size:14px;font-weight:500;opacity:0;padding-right:20px;text-align: right;}
	#section5 .contents ul:first-child {margin-bottom:25px;}
	#section5 .contents ul:first-child li p {margin-top:10px;}
	#section5 .contents ul:nth-child(2) li p {margin-top:10px;margin-bottom:80px;}
	#section5 .contents ul:nth-child(2) li p span {display:block;;font-size:11px;line-height:16px;}
	
	/*section6*/
	#section6 .map {margin-top:-10px;opacity:0;width:100%;max-width:980px;padding-right:0;}
	#section6 .map iframe {width:100%;height:300px;}
	#section6 ul {display:inline-block;margin-top:80px;opacity:0;margin-bottom:220px;}
	#section6 ul li {float:none;display:block;width:100%;margin-bottom:15px;}
	#section6 ul li:nth-child(even) {width:100%;}
	#section6 ul li p {font-size:12px; color:#000;letter-spacing: -0.025em;line-height:15px;font-weight:800;}
	#section6 ul li p span {font-weight:400;}
	#section6 ul li span {font-size:12px; color:#000;letter-spacing: -0.025em;line-height:15px;}

	#section6 ul li:nth-of-type(4) {padding-left:40px;background:url(../../../img/ico/ico_subway.png) no-repeat center left;}
	#section6 ul li:nth-of-type(5) {padding-left:40px;background:url(../../../img/ico/ico_bus.png) no-repeat center left;}
	
}