	.idx-tc>h3 { position: fixed; /*font-size:250%;*/ top:40%}
	.idx-en>h3 { position: fixed; /*font-size:150%;*/ top:40%;}


	.slide.s1 .slide-icon	{ position:absolute; width:50%; top:-20px; right:-30px; opacity:0.4; }

	.fullpage:not([sl]) .fp-next,
	.fullpage[sl='0'] .fp-next{
		width: 50px;
		height: 50px;
	}

	.footer 	{ z-index:100; padding-top:15px; padding-bottom:15px;}

	.idx-en 	{ font-family: "Helvetica Neue","Helvetica","Arial",sans-serif; font-weight:bolder; }
	.idx-en>h3 	{ font-size:2.2vw; line-height:1.2; letter-spacing: -0.8px;; }
	.idx-tc>h3 	{ font-size:3.6vw; }

	.stem-part					    { height:100vh; }
	.fp-slide, .fp-slidesContainer  { height: calc(100% + 11px);}
	.in-slide .in-blk .txt-blk 	 	{ margin-top:10px }
	ul.txt-list li a  				{ transition: all 0.3s ease-out; }
	ul.txt-list li a:hover 			{ color:#b16848; }
	ul.txt-list li.title 			{ display:inline-block; background-color:#e56831; padding:2px 10px;
									-webkit-border-radius: 10px;
								   	   -moz-border-radius: 10px;
										    border-radius: 10px; }

	ul.txt-list li:last-child		{ margin-bottom:30px; }

	.in-slide .in-blk.orange-blk,
	.in-slide .yellow-blk 	{  -webkit-border-bottom-right-radius: 50px;
										-webkit-border-bottom-left-radius: 50px;
										   -moz-border-radius-bottomright: 50px;
										    -moz-border-radius-bottomleft: 50px;
											   border-bottom-right-radius: 50px;
												border-bottom-left-radius: 50px;}

	.st-title h1 				{ font-size:5em;}
	.st-title h3 				{ font-weight:bolder}
	.s3-intro 					{ margin-top: 20px}
	.s3-intro.s3-intro-adj		{ margin-top: 50px}
	.icons-wrp .icon:not(:last-child) { border-right: 1px dotted #9dc879;}

	.icon a .icon-txt  		 { color:#05715A; transition:all 0.3s ease-out;}
	.icon a:hover .icon-txt  { color:#4caf50}
	.icon .icon-txt 		 { margin-top:15px;  }

	.slide.s3 .slide-icon 	{ width: 45%; bottom:-50px; left:50px;}

	.icon a .icon-img.for-cover 	  { opacity:1; transition:all 0.3s ease-out; }
	.icon a .icon-img.for-hover 	  { opacity:0; transition:all 0.3s ease-out; position:absolute; top:0; bottom:0; left:-120px;}
	.icon a:hover .icon-img.for-cover { opacity:0; }
	.icon a:hover .icon-img.for-hover { opacity:1; }

	.in-slider .in-slide-nav .prev-btn  { bottom:31px!important }
	.in-slider .in-slide-nav .next-btn { bottom:31px!important }

	.fp-completely .fp-controlArrow.fp-prev,
	.fp-completely .fp-controlArrow.fp-next { bottom:20px!important }

	.s4-intro	{ font-size:2em; }


	.img-title-bg { right:150px; width:35%; bottom:-38px  }
	.img-title-bg.img-change-pad { right:80px; width:32%; bottom:-5px }

	/* ==========================================================================
	    Media Style: no dropdown, section flowdown, sslider flowdown
	============================================================================= */
	@media only screen and (max-width:1440px) {
	.slide.s1 .slide-icon	{ width:52%; top:-10px; right:-60px; }
	.idx-tc>h3 	{ font-size:3.2vw}
	.img-title-bg { bottom:-10px;}
	}


	@media only screen and (max-width:1300px) {
	.slide.s1 .slide-icon	{ width:50%;}
	.st-title h1 	{  font-size:4em; }
	.st-title h3	{ font-size:26px; }
	.img-title-bg 	{ bottom:0;}

	}

	@media only screen and (max-width:1200px) {
	.idx-en>h3 { line-height:1.2; }
	.slide.s1 .slide-icon	{ width:60%;}
	}

	@media only screen and (max-width:1100px) {
	.stt1 {    left: 30px;}
	}

	@media only screen and (max-width:1024px) {
	.footer { left:0; width: 100%; padding-left: 90px; height:auto;}
	}




	@media only screen and (min-device-width: 768px) and (max-device-width: 820px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
	
	main .fullpage.section-pg		{ top: 83px; height: calc(100% - 138px) !important; }
	.fullpage.section-pg .stem-wrp  { height: calc(100% + 92px);}
	.fullwh 						{ height:100vh; }
	.fp-controlArrow.fp-next 		{ /* right:20px; */ }
	.fp-controlArrow  				{ bottom:-20px; }
	.slide.s4 .bottom-info 			{ padding-bottom: 275px; }
	.in-slider .in-slide-nav { width: calc(100vw - 100px - 75px); height: auto; bottom: 127px; right: 0; }
	
	.stt1 	   { left:0; }
	.idx-en>h3 { font-size:3vw; line-height:1.3; top:65%; width:100%; padding:0 30px; letter-spacing:normal; }
	.idx-tc>h3 { font-size:4.8vw;  top:65%; width:100%;  padding:0 30px;}

	.idx-en, .idx-tc 			{ left:0px }
	.slide.s1 .slide-icon		{ width:80%; top:0;}
	.fullwh 					{ height:100vh; }


	.section-fixed 	{ width:100%; height:160px; margin-top:0px; margin-bottom:30px;}
	.section-slider { width:100%; }
	.slide.s2 .slide-icon 		{ top:-15px; bottom:auto; width:34%; }
	.st-title h1.s2-adj-h1  	{ font-size:76px!important; line-height:1; margin-bottom:5px; }
	.st-title h3.s2-adj-h2		{ font-size:24px!important; line-height:1;  }
	.in-slider 		{ top:-35px;  height: calc(100% - 160px - 44px - 83px); }
	ul.txt-list li a { font-size:16px ; }
	.in-slider .in-slide-nav 			{ height:auto; bottom: 0; }
	.in-slider .in-slide-nav .prev-btn  { left:0; }
	.in-slider .in-slide-nav .next-btn 	{ right:0; }

	.in-slide .in-blk.orange-blk, .in-slide .yellow-blk { -webkit-border-top-right-radius: 50px;
													   -webkit-border-bottom-right-radius: 50px;
														      -moz-border-radius-topright: 50px;
														   -moz-border-radius-bottomright: 50px;
													              border-top-right-radius: 50px;
														       border-bottom-right-radius: 50px; }

	.section-pg .slide.s3 .s3-wrp	{ padding-top:78px;}
	.s3-intro  				{ font-size:24px; }
	.s3-intro-en 			{ font-size:17px; }
	.slide.s3 .slide-icon   { width:80%; bottom:110px;}

	.fp-completely .fp-controlArrow.fp-prev { /* bottom:-34px!important; */ /* left:21px; */ }
	.fp-completely .fp-controlArrow.fp-next { /* bottom:-34px!important; */ /* right:30px; */ }

	.slide.s4 .bottom-info { padding-bottom:350px; }

	.s4-intro 			{ font-size:30px; width:100%; text-align:center; }
	.s4-intro-bigline1  { display:block; }
	.s4-intro-bigline2  { display:block; }

	.img-title-bg { right:120px; width:50%; bottom:10px; width:35%   }
	.img-title-bg.img-change-pad { right:60px; bottom:10px; width:35%  }
	}

	

	@media only screen and (min-device-width: 1024px)  and (max-device-width: 1180px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
	.fullwh 	{ overflow:hidden; }

	.slide.s1 .slide-icon	{ width:55%; opacity:0.3; }
	.idx-en>h3 		{ font-size:2.2vw; line-height:1; letter-spacing:normal; letter-spacing:normal;}
	.idx-tc>h3 		{ font-size:3.2vw }
	.stt1 			{ left:30px }
	.st-title h1 	{ font-size:3em; }
	.st-title h3.s2-adj-h2	{ font-size:20px }
	.section-fixed 	{ width:30%;}
	.section-slider { width:70%; }
	/* .in-slider .in-slide 		{ height:80%; } */
	/* .in-slider .in-slide-nav 	{ height:100vh; bottom:125px } */
	.fp-completely .fp-controlArrow.fp-prev, .fp-completely .fp-controlArrow.fp-next { /* bottom:-19px!important; */}
	.in-slider .in-slide-nav .next-btn 		{ /* right:-30px; */ }
	.in-slider .in-slide-nav .prev-btn 		{ left:-40px; }
	.fp-controlArrow.fp-prev 	{ /* left:20px; bottom:-22px */ }
	.slide.s2 .slide-icon		{ position:absolute; width:35%; bottom:0; left:-30px;}
	ul.txt-list li 		{ font-size:120%; }

	.s4-intro 	{ font-size:30px}
	.section-pg .slide.s3 .s3-wrp { padding-top:30px; }
	.fp-completely .fp-controlArrow.fp-prev, .fp-completely .fp-controlArrow.fp-next { bottom:39px!important ; }
	.in-slider .in-slide-nav .next-btn { bottom: 50px!important;}
	.in-slider .in-slide-nav .prev-btn { bottom: 50px!important;}
	.slide.s3 .slide-icon 	{ width:55%; bottom:130px;}
	.slide.s4 .bottom-info 	{ padding-bottom:200px;}
	.cir .cir-txt { font-size:22px; line-height:1; top:45% }
	.cir .num 	  { font-size:56px; font-weight:bolder; line-height:1.2; }
    .cir-blk .cir { width:17vw; height:17vw;}
	}


	@media only screen and (min-device-width: 1024px)  and (max-device-width: 1180px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
	.fp-completely .fp-controlArrow.fp-prev, .fp-completely .fp-controlArrow.fp-next { bottom: 10px!important;}
	.in-slider .in-slide-nav .next-btn { bottom: 21px!important;}
	.in-slider .in-slide-nav .prev-btn { bottom: 21px!important;}

	.slide.s3 .slide-icon { width:60%; bottom:-20px;}
	.cir .num 	  { font-size:48px; }
	.cir .cir-txt { top:48% }
	}

	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
	main .fullpage.section-pg		{ top: 83px; height: calc(100% - 138px) !important; }
	.fp-controlArrow.fp-prev { left:35px!important}
	ul.txt-list	{ font-size:14px; }

	.img-title-bg { right:140px; width:50%; bottom:10px; width:30%   }
	.img-title-bg.img-change-pad { right:80px; bottom:10px; width:30%  }


	}

	
	@media only screen and (max-device-width: 900px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
	
	.pg-container { overflow:hidden; }
	.slide.s1 .slide-icon	{ width:90%; top:0px}
	.stt1 				{ width: 100%; bottom: 20%; }
	.idx-tc>h3 			{ font-size:26px; font-weight:normal; line-height:1.4; padding-right:30px; margin-top:160px; position:relative; }
	.idx-en>h3 		 	{ font-size:18px; font-weight:500; line-height:1.4; letter-spacing:1; padding-right:30px; margin-top:160px; position:relative; }
	.idx-en, .idx-tc 	{ width:100%;}

	.stem-part 				{ height:100%; }
	.st-title h1 			{ font-size:34px; font-weight:600;}
	.st-title h3.s2-adj-h2 	{ font-size:20px; font-weight:600;}
	.section-fixed 			{ padding: 70px 30px 20px 30px; }


	.slide.s2 .slide-icon 	{ width: 40%; left: auto; top: -5%; right: -2%;}
	.section-pg .slide.s2 .slide-blk { overflow:hidden; }

	.section-pg .slide.s3 .s3-wrp { padding: 50px 10px 250px 30px;}

	.in-slider .in-slide.s2 { margin-top:50px; }
	
	.in-slide .in-blk .img-blk { padding-right: 15px; }
	.in-slide .in-blk .txt-blk { padding-left: 15px; }
	.in-slide .img-blk .img-title { text-align:right; /* width:100vw; */ padding-right:30px;  padding-bottom:10px; }
	.in-slide .img-blk .img-title .title-tc { font-size:26px; font-weight:normal; line-height:1; }
	.in-slide .img-blk .img-title .title-en { font-size:20px; }
	ul.txt-list li.title 	{ font-weight:normal; }

	.slide.s3 .slide-icon 	{ width:80%; bottom:-10px; right:-20px; left:auto;}

	.section-pg .slide.s4 	{ height:auto; }

	.slide.s4 .bottom-info 	{ width:auto; padding-bottom:120px; padding-top:120px;}
	.s4-intro-bigline1 span { display:block;}
	.s4-intro 				{ font-size:24px; text-align:center; }

	.footer { padding-left:30px;}

	.icon .icon-txt { font-size: 12px; font-weight:normal;}
	.icon .icon-img { width:45px; height:45px; }
	.icons-wrp { max-width: 700px;}

	.cir .cir-txt { font-weight:normal; }
	.cir-blk .cir { font-size: 1.1em;}
	}
	

	@media only screen and (max-width:767px) { 
	.pg-container { overflow:hidden; }
	.slide.s1 .slide-icon	{ width:90%; top:0px}
	.stt1 				{ width: 100%; bottom: 20%; }
	.idx-tc>h3 			{ font-size:26px; font-weight:normal; line-height:1.4; padding-right:30px; margin-top:160px; position:relative; }
	.idx-en>h3 		 	{ font-size:18px; font-weight:500; line-height:1.4; letter-spacing:1; padding-right:30px; margin-top:160px; position:relative; }
	.idx-en, .idx-tc 	{ width:100%;}

	.stem-part 				{ height:100%; }
	.st-title h1 			{ font-size:34px; font-weight:600;}
	.st-title h3.s2-adj-h2 	{ font-size:20px; font-weight:600;}
	.section-fixed 			{ padding: 70px 30px 20px 30px; }


	.slide.s2 .slide-icon 	{ width: 45%; left: auto; top: -5%; right: -2%;}
	.section-pg .slide.s2 .slide-blk { overflow:hidden; }

	.section-pg .slide.s3 .s3-wrp { padding: 50px 10px 250px 30px;}

	.in-slider .in-slide.s2 { margin-top:50px; }
	
	.in-slide .in-blk .img-blk { padding-right: 15px; }
	.in-slide .in-blk .txt-blk { padding-left:15px; padding-right:15px }
	.in-slide .img-blk .img-title { text-align:right; /* width:100vw; */ padding-right:0;  padding-bottom:10px; }
	.in-slide .img-blk .img-title .title-tc { font-size:24px; font-weight:normal; line-height:1; }
	.in-slide .img-blk .img-title .title-en { font-size:14px; }
	ul.txt-list li.title 	{ font-weight:normal; }

	.slide.s3 .slide-icon 	{ width:80%; bottom:-10px; right:-20px; left:auto;}

	.section-pg .slide.s4 	{ height:auto; }

	.slide.s4 .bottom-info 	{ width:auto; padding-bottom:120px; padding-top:120px;}
	.s4-intro-bigline1 span { display:block;}
	.s4-intro 				{ font-size:24px; text-align:center; }

	.footer { padding-left:30px;}

	.icon .icon-txt { font-size: 12px; font-weight:normal;}
	.icon .icon-img { width:45px; height:45px; }
	.icons-wrp { max-width: 700px;}

	.cir .cir-txt { font-weight:normal; }
	.cir-blk .cir { font-size: 1.1em;}

	.img-title-bg-m { margin-left:10px; }
	.adj-title-top 	{ padding-top:8px; }
	.adj-padding-m  { border-right:15px solid #f79367}
	.adj-img-m 	{ margin-right:15px }
	}
	
	@media only screen and (max-width:480px) {

	.slide.s2 .slide-icon{
		top: 10px;
		right: 0;
	}		
	.in-slide .in-blk.orange-blk, .in-slide .yellow-blk {
		-webkit-border-bottom-right-radius: 0px;
		-moz-border-radius-bottomright: 0px;
		border-bottom-right-radius: 0px;
	}
	}