@charset "utf-8";


#fullpage .section{text-align:center; width:100%; overflow:hidden;}
#fullpage .section .txt-in {display:Table; width:100%; height:100%; min-height:650px;}
#fullpage .section .txt.t-mid{display:Table-cell; vertical-align:middle; width:100%;}
#fullpage .section .txt.t-btm{display:Table-cell; vertical-align:bottom; width:100%;}

@media all and (max-width:1200px) {
#fullpage  .pc{display:none;}
#fullpage  .mo.mo1{display:block;}
}
@media all and (max-width:750px) {
	#fullpage  .mo.mo1{display:none;}
	#fullpage  .mo.mo2{display:block;}
	/* #LifeGuard_main_Wrap  .mo.mo2{display:block; position:relative; width:100%; height:100%;}
	#LifeGuard_main_Wrap .mm1{position:absolute; bottom:0; right:-8%;}
	#LifeGuard_main_Wrap .mm2{position:absolute; bottom:25%; left:2%;}
	#LifeGuard_main_Wrap .mm3{position:absolute; bottom:0; top:10%; width:100%; text-align:Center;} */
}
#section0{position:relative;  }
#section0.section .txt-in{height:100%; min-height:450px;}
#section0 .fp-tableCell{vertical-align:bottom; height:100%; min-height:450px;}
#section0 .txt{display:block !important; padding-top:7em; text-align:Center; color:#FFF; z-index:1; position:relative;}
#section0 .tt{line-height:1.2em;}
#section0 .tt span{display:Block; overflow:hidden;}
#section0 .t1{font-weight:100; font-size:2.8em; }
#section0 .t2{font-weight:600; font-size:2.85em;}
#section0 .line{width:1px; height:6em; background:rgba(255,255,255,0.3); margin:2em auto;}
#section0 .in{clip: rect(auto, auto, auto, auto); top:0; left:0; width:100%; height:100vh; min-height:450px; position:absolute; z-index:0; overflow:hidden;}
#section0 .in .bg{position: fixed; display: block; top: 0; left: 0; width: 100%; height:100vh; min-height:450px; background-repeat:no-repeat; background-position:left bottom; transform: translateZ(0); will-change: transform;  background-size:cover;}

/*
#scrollButton { clear:both; font-family: 'Oswald', sans-serif; text-align:center; }
#scrollButton a {display:inline-block; font-size:0.7em; letter-spacing:1em; font-weight:100; transition:all .5s;}
#scrollButton a {position:relative; margin:6vw auto 0; display:inline-block; color:#fff;  }
#scrollButton a:hover {opacity:0.5; letter-spacing:0.2em; transition:all .5s;}
#scrollButton a span {clear:both; position:relative; display:inline-block; width:26px; height:45px; border:1px solid #fff; border-radius:50px; box-sizing:border-box;  margin-bottom:26px;}
#scrollButton a span::before {content:''; position:absolute; top:10px; left:50%; width:6px; height:6px; margin-left:-3px; background-color:#fff; border-radius:100%; box-sizing:border-box; }
#scrollButton a span::after {content:''; position:absolute; bottom:-18px; left:50%; width:14px; height:14px; margin-left:-7px; border-left:1px solid #fff; border-bottom:1px solid #fff; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); box-sizing:border-box; }
*/

.scroll-dw{position:absolute; bottom:3em; left:50%; transform:translate(-50%, 0); z-index:1; width:24px; height:38px; border:1px solid #FFF; border-radius:50px;}
.scroll-dw:before{content:'SCROLL'; display:block; position:absolute; bottom:-26px; left:50%; margin-left:-4em; width:8em; font-family:'Oswald'; font-size:0.7em; color:#fff; letter-spacing:1em;}
.scroll-dw .ball{width:5px; height:5px; border-radius:100%; background-color:#FFF; position:absolute; top:8px; left:9px; animation:aniMouse 1s ease-out infinite;}
@keyframes aniMouse {0%{top:8px;}50%{top:14px;}100%{top:8px;}}

@media all and (max-width:1200px) {
	#section0  .t1{font-size:2.5em; }
	#section0  .t2{font-size:2.55em;}
}
@media all and (max-width:850px) {
	#section0 .in .bg{background-position:5% bottom;}
}
@media all and (max-width:650px) {
	#section0  .t1{font-size:2.2em; }
	#section0  .t2{font-size:2.25em;}
	#section0 .in .bg{background-position:8% bottom;}
}
@media all and (max-width:400px) {
	#section0  .t1{font-size:2.0em; }
	#section0  .t2{font-size:2.05em;}
}



#section1{position:relative; padding:2em 0 0; }
#section1 .txt{color:#FFF; width:100%; text-align:Center; }
#section1 .tt span{display:Block; overflow:hidden; }
#section1 .t1{font-weight:100; font-size:3em; line-height:1.3em;}
#section1 .t2{font-weight:800; font-size:3.05em; line-height:1.3em;}
#section1 .t2 img{display:inline-block; margin:0 0.25%;}
#section1 .sec01_ytb_bx{width:96%;  max-width:800px; margin:2em auto 0; }
#section1 .sec01_ytb {display:inline-block; position:relative; width:100%; height:0; padding-bottom:56.25%; box-shadow:0 0 15px rgba(0, 0, 0, 0.4);}
#section1 .sec01_ytb iframe{position:absolute; top:0; left:0; width:100%; height:100%; }

@media all and (max-width:1200px) {
	#section1 .t1{font-size:2.5em; }
	#section1 .t2{font-size:2.55em;}
	#section1 .t2 img{height:40px;}
}
@media all and (max-width:1000px) {
	#section1.section,
	#section1.section .fp-tableCell{height:auto !important}
	#LifeGuard_main_Wrap #section1.section {height:auto; min-height:400px; }
	#section1{padding:6.5em 0 4em}
}
@media all and (max-width:650px) {
	#section1 .txt .t1{font-size:2.2em; }
	#section1 .txt .t2{font-size:2.25em;}
	#section1 .txt .t2 img{height:32px;}
}
@media all and (max-width:550px) {
	#section1 {padding:5.5em 0 3em}
	#section1  .sec01_ytb_bx{margin:2em auto 0; }

	#section1 .txt .t1{font-size:1.6em; }
	#section1 .txt .t2 img{display:block; margin-left:auto; margin-right:auto;}
	#section1 .txt .t2 img.im01{margin:4px auto 10px; width: 96%; height: auto; }
	#section1 .txt .t2 img.im02{height: 35.7px; padding-left: 6px; }
}





#section2{background-position:right bottom; background-repeat:no-repeat; }
.sec02-slide{position:relative; width:100%; max-width:1300px !important; margin-left:auto; margin-right:auto; height:100%; max-height:400px;text-align: center;display: inline-block; color:#FFF; z-index:3 !important; line-height:100%; transition: all 0.5s; display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.sec02-slide:before,
.sec02-slide:after{position:absolute;top:0px;left:0;display: block;content: '';width: 100%;height: 25px;transform: rotate(-180deg);background-image: linear-gradient(to bottom, rgba(58, 64, 67, 0), #3a4043);z-index: 2}
.sec02-slide:after{top: auto;bottom: 0em;transform: rotate(-360deg);background-image: linear-gradient(to bottom, rgba(58, 64, 67, 0), #3a4043);}

.sec02-slide .swiper-wrapper{margin-top:-1em}

.sec02-slide .swiper-slide{display:table;width:100% !important; line-height: 100%; cursor:default; font-size:1.6em; font-weight:100; color:rgba(255,255,255,1); opacity:0.2}
.sec02-slide .swiper-slide>span{display:Table-cell; vertical-align:middle; line-height:1em;}
.sec02-slide .swiper-slide.swiper-slide-active {font-size:2.8em; font-weight:600; color: #FFF; opacity:1;}
.sec02-slide .swiper-slide.swiper-slide-prev,
.sec02-slide .swiper-slide.swiper-slide-next {font-size:2.1em; font-weight:100; color:rgba(255,255,255,1); opacity:0.4}

.sec02-thum{position:absolute; width:100%; height:100%; z-index:1; top:0; right:0; bottom:0;}
.sec02-thum .swiper-slide{/* width:100% !important;transition: all 0.2s;  */ opacity:0 !important; background-position:right bottom; background-repeat:no-repeat; }
.sec02-thum .swiper-slide.swiper-slide-active{opacity:1 !important; transition: all 0.2s;}

@media all and (min-width:651px) {
	.sec02-slide .swiper-slide:not(.swiper-slide-active):hover{opacity:1; transition: all 0.4s;}
}
@media all and (max-width:650px) {
	.sec02-slide{max-height:300px;}
	.sec02-slide .swiper-slide{font-size:1.4em; }
	.sec02-slide .swiper-slide.swiper-slide-active {font-size:1.6em; }
	.sec02-slide .swiper-slide.swiper-slide-prev,
	.sec02-slide .swiper-slide.swiper-slide-next {font-size:1.3em; }
	
	.sec02-thum .swiper-slide{background-size:100% auto;}
}
@media all and (max-width:450px) {
	.sec02-slide .swiper-slide{font-size:1.2em; }
	.sec02-slide .swiper-slide.swiper-slide-active {font-size:1.3em; }
	.sec02-slide .swiper-slide.swiper-slide-prev,
	.sec02-slide .swiper-slide.swiper-slide-next {font-size:1.1em; }
}
@media all and (max-width:400px) {
	.sec02-slide .swiper-slide{font-size:1em; }
	.sec02-slide .swiper-slide.swiper-slide-active {font-size:1.3em; }
	.sec02-slide .swiper-slide.swiper-slide-prev,
	.sec02-slide .swiper-slide.swiper-slide-next {font-size:1.1em; }
}



#section3{position:relative; overflow:hidden;}
#LifeGuard_main_Wrap #section3.section .txt-in {min-height:768px;}
#section3 .txt-in{background:url(/images/main/sec03_bg.png) no-repeat center 80%; display:table; width:100%; height:100%;}
#section3 .txt-in .txt{ text-align:Center; color:#FFF; padding:12em 0; }
#section3 .txt-in .txt>*{position:relative; z-index:1;}
#section3 .txt-in .tt span{display:Block; overflow:hidden;}
#section3 .txt-in .t1{}
#section3 .txt-in .t1 img{display:inline-block; margin:0 0.25%;}
#section3 .txt-in .t2{width:95%; margin:1.5em auto; }
#section3 .txt-in .sec03_ul{overflow:hidden; text-align:center}
#section3 .txt-in .sec03_ul li{display:inline-block; vertical-align:top;}
#section3 .txt-in .sec03_ul li .ic{border: 1px solid #ddd; border-radius: 100%; overflow: hidden; margin:0.5em; }
#section3 .txt-in .sec03_link{overflow:hidden; text-align:center; margin-top:1.5em;}
#section3 .txt-in .sec03_link a{display:inline-block; transition: all 0.3s; vertical-align:top; max-width:220px; width:40%; padding:0.8em 0; color:#927953; font-weight:500; background:#FFF; margin:0 0.25%; border:1px solid #FFF;}
#section3 .txt-in .sec03_link a:hover{color:#FFF; background:transparent; transition: all 0.3s;}

#section3 .txt-in .txt>.im{position:absolute; z-index:0;}
#section3 .txt-in .txt>.im.im01{bottom:0; width:100%; left:0; text-align:center;}
#section3 .txt-in .txt>.im.im02{top:5em; right:10%; }

@media all and (max-width:1600px) {
	#section3 .im.im01{bottom:-30px;}
	#section3 .im.im01 img{width:500px}
	#section3 .im.im02{right:0%}
	#section3 .im.im02 img{width:180px;}
}
@media all and (max-width:1300px) {
	#section3 .txt-in .txt{padding:8em 0}
	#section3 .txt-in .t1 img{height:40px;}
}
@media all and (max-width:1000px) {
	#section3.section,
	#section3.section .fp-tableCell{height:auto !important; min-height:768px;}

	#LifeGuard_main_Wrap #section3.section .txt-in{height:auto;}
	
	#section3 .txt-in{background:url(/images/main/sec03_bg_02.png) no-repeat center bottom; background-size:96%;}
	#section3 .txt-in .txt{padding:8em 0}
	#section3 .txt-in .t2 br{display:none;}
	#section3 .txt-in  .sec03_ul li .ic img{width:75px}
}
@media all and (max-width:850px) {
	#section3 .im.im01 img{width:100%; max-width:400px;}
	#section3 .im.im02{top:2em}
	#section3 .im.im02 img{width:140px;}
}
@media all and (max-width:650px) {
	#section3 .im.im02 img{display:none; opacity:0.5}

	#section3 .txt-in .t1 img{height:32px;}
	#section3 .txt-in  .sec03_ul li .ic{margin:0.2em}
	#section3 .txt-in  .sec03_ul li .ic img{width:65px}
}
@media all and (max-width:550px) {
	#section3 .txt-in .t1 img{display:block; margin-left:auto; margin-right:auto;}
	#section3 .txt-in .t1 img.im01{margin:0px auto 10px; width: 96%; height: auto; }
	#section3 .txt-in .t1 img.im02{height: 35.7px; padding-left: 6px; }.
	#section3 .txt-in  .sec03_ul li .ic img{width:60px}
}




#section4{position:relative; overflow:hidden; }
#section4 .tt{text-align:Center; display:block; }
#section4 .t1{font-weight:100; font-size:2.85em;}
#section4 .t1 b{font-weight: 600;}
#section4 .t2{margin:0.5em auto 3em}

#section4 .sec04-slide .bg{position:relative; border-radius:1em; width:100%; height:0; padding-bottom:56.25%; background-repeat:no-repeat; background-size:cover; background-position:center center;}
#section4 .sec04-slide .txt{text-align:center;}
#section4 .sec04-slide .txt > * {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#section4 .sec04-slide .txt b{font-size:1.1em; margin:0.8em auto 0.5em;}
#section4 .sec04-slide .txt span{}
#section4 .sec01_ytb {box-shadow:0 0 15px rgba(0, 0, 0, 0.4);}
#section4 .sec04-slide .swiper-pagination{position:static; margin-top:2em; }

@media all and (max-width:1200px) {
	#section4 .txt-in .t1{font-size:2.55em;}
}
@media all and (max-width:1000px) {
	#section4.section,
	#section4.section .fp-tableCell{height:auto !important; padding:2em 0;}
	#LifeGuard_main_Wrap #section4.section {height:auto; padding:5em 0 3em;}
}
@media all and (max-width:850px) {

}
@media all and (max-width:650px) {
	#section4  .t1{font-size:2.25em;}
}
@media all and (max-width:400px) {
	#section4  .t1{font-size:2.05em;}
}

#section5 #ft_wrap{height:auto;}