#intro-section{padding:80px 0 0;}

#intro-section01{padding:120px 0 0; position:relative;z-index:10;}
#intro-section01:after{clear:both; display:block; content:"";}
#intro-section01 .txt-area h1{font-size:70px; color:#000; font-weight:800; line-height:120%;}
#intro-section01 .txt-area h1 span{color:#3267ff;}
#intro-section01 .txt-area p{font-size:24px; color:#333; line-height:160%; margin-top:60px;}
#intro-section01 .img-area{width:100%; max-width:100%; margin-top:80px; background:url("../img/intro_img.jpg") no-repeat; background-position:center; background-size:cover; height:845px; position:relative;}
#intro-section01 .img-area .txt{width:90%; top:50%; left:10%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); position:absolute; text-align:left; color:#fff;}
#intro-section01 .img-area .txt h1{font-size:76px; letter-spacing:-0.05em; line-height:1.2em;}
#intro-section01 .img-area .txt h1 strong{font-weight:900;}
#intro-section01 .img-area .txt p{font-size:26px; line-height:1.5em; margin-top:40px;}
#intro-section01 .img-area .txt p strong{font-weight:900;}
#intro-section01 .intro-area{margin:100px auto;}
#intro-section01 .intro-area .txt{font-size:24px; color:#333; margin:50px 0; line-height:1.5em;}


@media screen and (max-width:1480px){
	#intro-section01{padding:100px 0 0;}
	#intro-section01 .txt-area h1{font-size:54px;}

	#intro-section01 .img-area{margin-top:80px; height:745px;}
	#intro-section01 .img-area .txt{left:10%;}
	#intro-section01 .img-area .txt h1{font-size:68px;}
	#intro-section01 .img-area .txt p{font-size:22px;}
}

@media screen and (max-width:1240px){
	#intro-section01{padding:80px 0 0;}
	#intro-section01 .txt-area{padding:0 60px;}
	#intro-section01 .txt-area h1{font-size:50px;}
	#intro-section01 .txt-area p{font-size:22px; line-height:150%; margin-top:40px;}
	#intro-section01 .txt-area h1 br{display:none;}
	#intro-section01 .txt-area p br{display:none;}

	#intro-section01 .img-area{margin-top:60px; height:680px;}
	#intro-section01 .img-area .txt{left:10%;}
	#intro-section01 .img-area .txt h1{font-size:60px;}
	#intro-section01 .img-area .txt p{font-size:20px; margin-top:30px;}
}

@media screen and (max-width:980px){
	#intro-section01 .img-area{height:600px;}
	#intro-section01 .img-area .txt{width:75%; left:5%;}
	#intro-section01 .img-area .txt h1{font-size:50px;}
	#intro-section01 .img-area .txt h1 br,
	#intro-section01 .img-area .txt p br{display:none;}
}

@media screen and (max-width:760px){
	#intro-section01{padding:60px 0 0;}
	#intro-section01 .txt-area{padding:0 40px;}
	#intro-section01 .txt-area h1{font-size:44px; line-height:1.4em;}
	#intro-section01 .txt-area p{font-size:20px; line-height:130%;}

	#intro-section01 .img-area{height:480px;}
	#intro-section01 .img-area .txt{width:90%; text-align:center; left:0;}
	#intro-section01 .img-area .txt h1{font-size:40px;}
	#intro-section01 .img-area .txt p{font-size:18px; margin-top:30px;}
}

@media screen and (max-width:640px){
	#intro-section01{padding:50px 0 0;}
	#intro-section01 .txt-area{padding:0 20px;}
	#intro-section01 .txt-area h1{font-size:38px; line-height:1.3em;}
	#intro-section01 .txt-area p{font-size:17px; line-height:1.3em; margin-top:30px;}

	#intro-section01 .img-area{margin-top:50px; height:400px;}
	#intro-section01 .img-area .txt h1{font-size:36px;}
	#intro-section01 .img-area .txt p{font-size:16px; margin-top:30px;}
}

@media screen and (max-width:480px){
	#intro-section01{padding:40px 0 0;}
	#intro-section01 .txt-area h1{font-size:30px; }
	#intro-section01 .txt-area p{font-size:14px; margin-top:30px;}

	#intro-section01 .img-area{margin-top:30px; height:250px;}
	#intro-section01 .img-area .txt h1{font-size:32px;}
	#intro-section01 .img-area .txt p{font-size:14px; margin-top:20px;}
}

#intro-section02{padding:150px 0; background:#f8f8f8;}
#intro-section02 .cont-area h1.tit-area{font-size:60px; font-weight:800; color:#000; text-align:center;}
#intro-section02 .cont-area h2.stit-area{font-size:50px; font-weight:800; color:#333; text-align:center; margin-top:130px;}
#intro-section02 .cont-area h2.stit-area span{color:#3267ff; text-align:center;}

#intro-section02 .cont-area .intro-slider{position:relative; margin-top:80px;}
#intro-section02 .cont-area .box{min-height:490px; box-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-position:center center !important; background-repeat:no-repeat !important; background-size:cover !important;  object-fit: cover; border-radius:20px;}
#intro-section02 .cont-area .box a{display:inline-block; width:100%;min-height:490px;}
#intro-section02 .cont-area .box h1{bottom:30px; left:30px; position:absolute; color:#fff; font-size:36px; font-weight:300; letter-spacing:-0.03em; line-height:120%;}
#intro-section02 .cont-area .box h1 strong{font-weight:800;}
#intro-section02 .cont-area .intro-control{z-index:9999;}
#intro-section02 .cont-area .intro-control:after{clear:both; display:block; content:"";}
#intro-section02 .cont-area .intro-next,
#intro-section02 .cont-area .intro-prev{top:50%; width:70px; height:70px; margin-top:-35px; font-size:28px; font-weight:800; z-index:99; line-height:75px; text-align:center; color:#fff; background-color:rgba(0,0,0,.4); cursor:pointer; display:block; position:absolute;}
#intro-section02 .cont-area .intro-next:hover,
#intro-section02 .cont-area .intro-prev:hover{background-color:rgba(0,0,0,1);}
#intro-section02 .cont-area .intro-prev{left:-90px;}
#intro-section02 .cont-area .intro-next{right:-90px;}
#intro-section02 .cont-area .intro-page{width:auto; bottom:auto; left:auto; margin-right:20px; font-size:22px; line-height:55px; color:#000; display:inline-block; position:relative; float:left; display:none;}
#intro-section02 .cont-area .swiper-pagination-current{color:#000;}


@media screen and (max-width:1480px){
	#intro-section02{padding:100px 0;}
	#intro-section02 .cont-area h1.tit-area{font-size:54px;}
	#intro-section02 .cont-area h2.stit-area{font-size:42px; margin-top:100px;}

	#intro-section02 .cont-area .box h1{font-size:36px;}
	#intro-section02 .cont-area .intro-prev{left:0;}
	#intro-section02 .cont-area .intro-next{right:0;}
}

@media screen and (max-width:1240px){
	#intro-section02{padding:80px 0;}
	#intro-section02 .cont-area{padding:0 60px;}
	#intro-section02 .cont-area h1.tit-area{font-size:50px;}
	#intro-section02 .cont-area h2.stit-area{font-size:38px; margin-top:80px;}
	#intro-section02 .cont-area .intro-slider{margin-top:60px;}
	#intro-section02 .cont-area .box h1{font-size:34px;}
}

@media screen and (max-width:760px){
	#intro-section02{padding:60px 0;}
	#intro-section02 .cont-area{padding:0 40px;}
	#intro-section02 .cont-area h1.tit-area{font-size:44px; line-height:1.4em;}
	#intro-section02 .cont-area h2.stit-area{font-size:34px; margin-top:50px;}
	#intro-section02 .cont-area h2.stit-area br{display:none;}
	#intro-section02 .cont-area .intro-slider{margin-top:50px;}
	#intro-section02 .cont-area .box{min-height:400px;}
	#intro-section02 .cont-area .box h1{font-size:30px;}
	#intro-section02 .cont-area .intro-next,
	#intro-section02 .cont-area .intro-prev{width:50px; height:50px; margin-top:-25px; font-size:22px; line-height:55px;}
}

@media screen and (max-width:640px){
	#intro-section02{padding:50px 0;}
	#intro-section02 .cont-area{padding:0 20px;}
	#intro-section02 .cont-area h1.tit-area{font-size:38px; line-height:1.3em;}
	#intro-section02 .cont-area h2.stit-area{font-size:28px; margin-top:40px;}
	#intro-section02 .cont-area .intro-slider{margin-top:40px;}
	#intro-section02 .cont-area .box{min-height:350px;}
	#intro-section02 .cont-area .box h1{font-size:24px;}
	#intro-section02 .cont-area .box h1 br{display:none;}
}

@media screen and (max-width:480px){
	#intro-section02{padding:40px 0;}
	#intro-section02 .cont-area h1.tit-area{font-size:30px; }
	#intro-section02 .cont-area h2.stit-area{font-size:20px; margin-top:30px;}
	#intro-section02 .cont-area .intro-slider{margin-top:30px;}
	#intro-section02 .cont-area .box{min-height:350px;}
	#intro-section02 .cont-area .box h1{font-size:20px;}
}


#intro-section03{width:100%; padding:150px 0; background:url("../img/intro_certifi_bg.jpg") no-repeat center top;}
#intro-section03 .tit-area{color:#fff;}
#intro-section03 .certifi-area{margin-top:70px;}
#intro-section03 .certifi-area:after{clear:both; display:block; content:"";}
#intro-section03 .certifi-area li{float:left; width:33.333%; padding:0 25px;}
#intro-section03 .certifi-area li .box{}
#intro-section03 .certifi-area li .box .img img{max-width:100%;}
#intro-section03 .certifi-area li .box .txt{text-align:center; margin-top:30px;}
#intro-section03 .certifi-area li .box .txt h3{font-size:18px;}
#intro-section03 .certifi-area li .box .txt h1{font-size:24px; margin:15px 0 10px;}
#intro-section03 .certifi-area li .box .txt p{font-size:18px;}

@media screen and (max-width:1240px){
	#intro-section03{padding:120px 0; background:url("../img/intro_certifi_bg.jpg") no-repeat center -30%;}
	#intro-section03 .tit-area br{display:none;}
	#intro-section03 .certifi-area{margin-top:50px;}
	#intro-section03 .certifi-area li .box .txt h3{font-size:16px;}
	#intro-section03 .certifi-area li .box .txt h1{font-size:25px; font-weight:800; line-height:1.4em; letter-spacing:-0.05em; margin:15px 0 10px;}
	#intro-section03 .certifi-area li .box .txt p{font-size:16px; font-weight:800;}
}

@media screen and (max-width:980px){
	#intro-section03{padding:90px 0; background:url("../img/intro_certifi_bg.jpg") no-repeat center -50%;}
	#intro-section03 .certifi-area{margin-top:40px;}
	#intro-section03 .certifi-area li .box .txt h1{font-size:22px;}
}

@media screen and (max-width:780px){
	#intro-section03{padding:60px 0; background:url("../img/intro_certifi_bg.jpg") no-repeat center -250px;}
	#intro-section03 .certifi-area{margin-top:40px;}
	#intro-section03 .certifi-area li{padding:0 15px;}
	#intro-section03 .certifi-area li .box .txt h3{font-size:14px;}
	#intro-section03 .certifi-area li .box .txt h1{font-size:20px; margin:10px 0 5px;}
	#intro-section03 .certifi-area li .box .txt p{font-size:14px;}
}

@media screen and (max-width:640px){
	#intro-section03{padding:50px 0; background:url("../img/intro_certifi_bg.jpg") no-repeat center -350px;}
	#intro-section03 .tit-area{line-height:1.3em;}
	#intro-section03 .certifi-area{margin-top:20px;}
	#intro-section03 .certifi-area li{padding:0 15px;}
	#intro-section03 .certifi-area li .box .txt h3{font-size:13px;}
	#intro-section03 .certifi-area li .box .txt h1{font-size:17px; margin:10px 0 5px; line-height:1.2em;}
	#intro-section03 .certifi-area li .box .txt p{font-size:13px;}
}

@media screen and (max-width:480px){
	#intro-section03 .certifi-area{margin-top:20px;}
	#intro-section03 .certifi-area li{width:100%; padding:20px 25px;}
}


#intro-section04{width:100%; max-width:1620px; margin:0 auto; padding:0 100px;}
#intro-section04 .box{margin:80px 0;}
#intro-section04 .box:after{clear:both; display:block; content:"";}
#intro-section04 .box .img-area{float:right; width:47.5%; max-width:760px;}
#intro-section04 .box .img-area img{width:100%; border-radius:20px;}
#intro-section04 .box .txt-area{float:left; width:47.5%; max-width:760px;}
#intro-section04 .box .txt-area h1{font-size:50px; font-weight:800; color:#3267ff; margin:30px 0 50px;}
#intro-section04 .box .txt-area p{font-size:24px; color:#333; line-height:1.4em;}

@media screen and (max-width:1480px){
	#intro-section04 .box{margin:70px 0;}
	#intro-section04 .box .txt-area h1{font-size:46px; margin:30px 0 40px;}
	#intro-section04 .box .txt-area p br{display:none;}
}

@media screen and (max-width:1240px){
	#intro-section04{padding:0 60px;}
	#intro-section04 .box{margin:60px 0;}
	#intro-section04 .box .txt-area h1{font-size:42px; margin:0 0 30px;}
	#intro-section04 .box .txt-area p{font-size:22px;}
}

@media screen and (max-width:860px){
	#intro-section04 .box .img-area{width:100%; max-width:100%;}
	#intro-section04 .box .txt-area{width:100%; max-width:100%;}
	#intro-section04 .box .txt-area h1{margin:30px 0 10px;}
}

@media screen and (max-width:760px){
	#intro-section04{padding:0 40px;}
	#intro-section04 .box{margin:50px 0;}
	#intro-section04 .box .txt-area h1{font-size:38px;}
	#intro-section04 .box .txt-area p{font-size:20px;}
}

@media screen and (max-width:640px){
	#intro-section04{padding:0 20px;}
	#intro-section04 .box{margin:40px 0;}
	#intro-section04 .box .img-area img{border-radius:10px;}
	#intro-section04 .box .txt-area h1{font-size:32px; margin:20px 0 10px;}
	#intro-section04 .box .txt-area p{font-size:17px;}
}

@media screen and (max-width:480px){
	#intro-section04 .box{margin:30px 0;}
	#intro-section04 .box .txt-area h1{font-size:26px;}
	#intro-section04 .box .txt-area p{font-size:15px;}
}