@charset "utf-8";

.banner { position:relative; width:100%; }

.swiper-container-1 .swiper-slide { position:relative; width:100%; overflow:hidden; }
.swiper-container-1 .swiper-slide .img02 { display:none; }

.banvideo { position:absolute; left:0; top:0; right:0; bottom:0; z-index:9; }
.banvideo video { width:100%; height:100%; }


.swiper-container-1 .swiper-slide .txt { position:absolute; left:0; right:0; top:45%; transform: translateY(-50%); margin-top:100px; transition: all 0.6s; z-index:2; }
.swiper-container-1 .swiper-slide .txt .p2 { margin-top:60px; }
.swiper-container-1 .swiper-slide .txt .p2 .mBtn { background:#c5281f; }
.swiper-container-1 .swiper-slide .txt .p2 .mBtn em { color:#fff; background:url(m02.png) no-repeat center left; }

.swiper-container-1 .swiper-slide-active .txt { margin-top:0; }

.swiper-pagination-1 { position:absolute; bottom:60px; left:0; right:0; text-align:center; z-index:9;  }
.swiper-pagination-1 .swiper-pagination-bullet { width:90px; height:5px; margin:0 7px;  border-radius:0; background:rgba(255,255,255,0.5); opacity:1; }
.swiper-pagination-1 .swiper-pagination-bullet-active { background:#c5281f; }
 
@media all and (max-width:1680px){
	.swiper-pagination-1 .swiper-pagination-bullet { width:50px; height:5px; margin:0 4px; }
}
@media all and (max-width:1200px){
	.swiper-container-1 .swiper-slide .img01 { display:none; }
	.swiper-container-1 .swiper-slide .img02 { display:block; }
	
	.banvideo  { display:none; }
	
	.swiper-container-1 .swiper-slide .txt { display:none; }

	.swiper-pagination-1 { bottom:30px; }
	.swiper-pagination-1 .swiper-pagination-bullet { width:20px; height:3px; margin:0 2px; }
}
 
.aArea { padding:100px 0; }
.aArea01 { position:relative; margin-top:45px; }
.aArea01 .hd { position:absolute; top:-110px; right:165px; font-size:0; z-index:2; }
.aArea01 .hd ul li { position:relative; display:inline-block; padding:0 15px; font-size:20px; color:#333; cursor:pointer; }
.aArea01 .hd ul li:before { position:absolute; display:block; content:""; width:1px; height:15px; right:0; top:50%; transform: translateY(-50%); background:#bababa; z-index:2; }
.aArea01 .hd ul li:last-child:before { display:none; }
.aArea01 .hd ul li.on { color:#c5281f; font-weight:bold; }

.aArea01 .bd01 { position:relative; border:1px solid #bababa; }
.aArea01 .bd01 .swiper-slide a { display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; align-items: center; }
.aArea01 .bd01 .swiper-slide .pic { position:relative; width:48.5%; }
.aArea01 .bd01 .swiper-slide .pic p { position:relative; width:100%; padding-bottom:55%; overflow:hidden; }
.aArea01 .bd01 .swiper-slide .pic img { position:absolute; top:0; left:0; width:100%; height:100%; transition: all 0.6s; object-fit: cover; z-index:2; }
.aArea01 .bd01 .swiper-slide .txt { width:51.5%; padding:0 6% 70px 6%; box-sizing: border-box; }
.aArea01 .bd01 .swiper-slide .txt .p1 { font-size:24px; font-weight:bold; color:#000; line-height:30px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.aArea01 .bd01 .swiper-slide .txt .p2 { font-size:20px; margin-top:40px; color:#737373; line-height:30px; min-height:60px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.aArea01 .bd01 .swiper-slide .txt .p3 { font-size:14px; margin-top:40px; color:#737373; padding-left:25px; background:url(ico05.png) no-repeat center left; background-size:20px 20px; }
 
.aArea01 .bd01 .swiper-slide:hover .pic img { transform: scale(1.1)!important; }


.swiper-pagination-aa { position:absolute; bottom:55px; right:0; width:51.5%; padding:0 6%; font-size:0; box-sizing: border-box; z-index:2; }
.swiper-pagination-aa .swiper-pagination-bullet { width:10px; height:10px; margin-right:15px; border-radius:100%; background:#bbb; opacity:1; }
.swiper-pagination-aa .swiper-pagination-bullet-active { background:#c5281f; }

.aArea01 .bd02 { margin-top:60px; }
.aArea01 .bd02 ul { display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; align-items: center; }
.aArea01 .bd02 ul li { width:425px; }
.aArea01 .bd02 ul li.li01 { width:1px; height:150px; background:#e8e8e8; }
.aArea01 .bd02 ul li:last-child { display:none; }
.aArea01 .bd02 ul li .p1 { font-size:20px; font-weight:bold; color:#000; line-height:30px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.aArea01 .bd02 ul li .p2 { font-size:18px; margin-top:25px; color:#737373; line-height:30px; min-height:60px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.aArea01 .bd02 ul li .p3 { font-size:14px; margin-top:35px; color:#737373; padding-left:25px; background:url(ico05.png) no-repeat center left; background-size:20px 20px; }

.aArea01 .bd03 { position:absolute; top:-120px; right:0; z-index:2; }

@media all and (max-width:1680px){
	.aArea { padding:60px 0; }
	.aArea01 { margin-top:30px; }
	.aArea01 .hd { top:-80px; right:145px; }
	.aArea01 .hd ul li { padding:0 15px; font-size:16px; }
 
	.aArea01 .bd01 .swiper-slide .pic { width:48.5%; }
	.aArea01 .bd01 .swiper-slide .txt { width:51.5%; padding:0 4% 40px 4%; }
	.aArea01 .bd01 .swiper-slide .txt .p1 { font-size:18px; line-height:20px; }
	.aArea01 .bd01 .swiper-slide .txt .p2 { font-size:14px; margin-top:20px; line-height:25px; min-height:50px; -webkit-line-clamp:2; }
	.aArea01 .bd01 .swiper-slide .txt .p3 { font-size:14px; margin-top:30px; }

	.swiper-pagination-aa { bottom:30px; right:0; width:51.5%; padding:0 4%; }
	.swiper-pagination-aa .swiper-pagination-bullet { margin-right:10px; }

	.aArea01 .bd02 { margin-top:40px; }
	.aArea01 .bd02 ul li { width:30%; }
	.aArea01 .bd02 ul li.li01 { width:1px; height:120px; }
	
	.aArea01 .bd02 ul li .p1 { font-size:18px; line-height:20px; }
	.aArea01 .bd02 ul li .p2 { font-size:14px; margin-top:20px; line-height:25px; min-height:50px; -webkit-line-clamp:2; }
	.aArea01 .bd02 ul li .p3 { font-size:14px; margin-top:30px; }

	.aArea01 .bd03 { position:absolute; top:-90px; right:0; z-index:2; }
}
@media all and (max-width:1200px){
	.aArea { padding:40px 0; }
}
@media all and (max-width:900px){
	.aArea .Area-hd { text-align:center; }
	.aArea01 { margin-top:0; }
	.aArea01 .hd { position:relative; top:auto; right:auto; width:100%; text-align:center; margin-top:15px; z-index:2; }
	.aArea01 .hd ul li { padding:0 7px; font-size:14px; }
	.aArea01 .hd ul li:before { height:13px; }
	
	.aArea01 .bd { margin-top:25px; }
	.aArea01 .bd01 .swiper-slide .pic { width:100%; }
	.aArea01 .bd01 .swiper-slide .txt { width:100%; padding:25px 4% 50px; }
	.aArea01 .bd01 .swiper-slide .txt .p1 { font-size:16px; }
	.aArea01 .bd01 .swiper-slide .txt .p2 { font-size:14px; margin-top:10px; line-height:25px; min-height:50px; -webkit-line-clamp:2; }
	.aArea01 .bd01 .swiper-slide .txt .p3 { font-size:14px; margin-top:10px;  }

	.swiper-pagination-aa { position:absolute; bottom:20px; right:0; width:100%; padding:0; text-align:center; }
	.swiper-pagination-aa .swiper-pagination-bullet { width:8px; height:8px; margin:0 5px; }
	
	.aArea01 .bd02 { margin-top:30px; }
	.aArea01 .bd02 ul li { width:100%; border-bottom:1px solid #e8e8e8; padding-bottom:15px; }
	.aArea01 .bd02 ul li.li01 { display:none; }
	.aArea01 .bd02 ul li:nth-child(n + 2) { margin-top:15px; }
	.aArea01 .bd02 ul li .p1 { font-size:16px; }
	.aArea01 .bd02 ul li .p2 { font-size:14px; margin-top:10px; line-height:25px; min-height:50px; -webkit-line-clamp:2; }
	.aArea01 .bd02 ul li .p3 { font-size:14px; margin-top:10px;  }

	.aArea01 .bd03 { position:relative; top:auto; right:auto; text-align:center; margin-top:25px; }
}

.bArea { padding:120px 0 150px; background:url(bArea.jpg) no-repeat center; background-size:cover; }
.bArea .wrap { display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; align-items: flex-end; }
.bArea01 { width:44.5%; }
.bArea01 .bd01 { margin-top:40px; line-height:1.75; font-size:20px; color:#191919; }
.bArea01 .bd02 { margin-top:40px; }
.bArea01 .bd03 { margin-top:50px; max-width:555px; }
.bArea01 .bd03 ul { display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; }
.bArea01 .bd03 ul li { text-align:center; }
.bArea01 .bd03 ul li .p1 { min-height:45px; }
.bArea01 .bd03 ul li .p1 img { max-height:35px; width:auto; }
.bArea01 .bd03 ul li .p2 { font-size:20px; color:#191919; }

.bArea01 .bd03 ul li:hover .p1 { transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);transition: transform 0.9s;-webkit-transition: transform 0.9s;-moz-transition: transform 0.9s;  }

.bArea02 { position:relative; width:50%; padding:20px 20px 0 0; box-sizing: border-box; z-index:2; }
.bArea02:before { position:absolute; left:120px; top:0; right:0; bottom:20px; display:block; content:""; background:#c5281f; border-top-left-radius:25px; z-index:-1; }
.bArea02 .pic { position:relative; border-top-left-radius:25px; overflow:hidden; }
.bArea02 .pic p { position:absolute; width:81px; height:81px; background:url(b01.png) no-repeat center; background-size:cover; left:50%; top:50%; transform: translate(-50%,-50%); z-index:2; }

@media all and (max-width:1680px){
	.bArea { padding:60px 0 80px; }
	.bArea01 { width:46%; }
	.bArea01 .bd01 { margin-top:30px; line-height:1.6; font-size:16px; }
	.bArea01 .bd02 { margin-top:30px; }
	.bArea01 .bd03 { margin-top:30px; max-width:480px; }
	.bArea01 .bd03 ul li .p1 { min-height:45px; }
	.bArea01 .bd03 ul li .p1 img { max-height:35px; }
	.bArea01 .bd03 ul li .p2 { font-size:16px; }
 
	.bArea02 { width:50%; padding:20px 20px 0 0; }
	.bArea02:before { left:80px; bottom:20px; }
	.bArea02 .pic p { width:60px; height:60px; }
}
@media all and (max-width:1200px){
	.bArea { padding:40px 0; }
	.bArea01 { width:46%; }
	.bArea01 .bd01 { margin-top:20px; line-height:1.6; font-size:14px; }
	.bArea01 .bd02 { margin-top:20px; }
	.bArea01 .bd03 { margin-top:20px; max-width:480px; }
	.bArea01 .bd03 ul li .p1 { min-height:45px; }
	.bArea01 .bd03 ul li .p1 img { max-height:35px; }
	.bArea01 .bd03 ul li .p2 { font-size:14px; }
 
	.bArea02 { width:50%; padding:20px 20px 0 0; }
	.bArea02:before { left:80px; bottom:20px; }
	.bArea02 .pic p { width:60px; height:60px; }
}
@media all and (max-width:900px){
	.bArea01 { width:100%; }
	.bArea01 .Area-hd { text-align:center; }
	.bArea01 .bd01 { margin-top:20px; line-height:1.6; font-size:14px; }
	.bArea01 .bd02 { margin-top:20px; text-align:center; }
	.bArea01 .bd03 { margin-top:20px; max-width:100%; }
 
 
	.bArea02 { width:100%; padding:10px 10px 0 0; margin-top:30px; }
	.bArea02:before { left:10%; bottom:20px; }
	.bArea02 .pic p { width:60px; height:60px; }
}

.cArea { padding:250px 0 80px; background:url(cArea.jpg) no-repeat center; background-size:cover; display:flex; flex-wrap: wrap;  flex-direction:row-reverse; justify-content: space-between; align-items: center; }
.cArea01 { width:435px; margin-right:calc(50% - 800px); }
.cArea01 .Area-hd .p1 { color:rgba(255,255,255,0.5); }
.cArea01 .bd01 { margin-top:70px; font-size:20px; line-height:1.8; color:#191919; text-align:justify; }
.cArea01 .bd02 { margin-top:45px; }

.cArea02 { width:calc(50% + 260px); }
.cArea02 .img02 { display:none; }

@media all and (max-width:1680px){
	.cArea { padding:150px 0 60px; }
	.cArea01 { width:330px; margin-right:calc(50% - 600px); }
	.cArea01 .bd01 { margin-top:50px; font-size:16px; line-height:1.7; }
	.cArea01 .bd02 { margin-top:30px; }

	.cArea02 { width:calc(50% + 180px); }
}
@media all and (max-width:1280px){
	.cArea { padding:100px 0 60px; }
	.cArea01 { width:30%; margin-right:4%; }

	.cArea02 { width:60%; }
}
@media all and (max-width:1200px){
	.cArea { padding:40px 0; }
	.cArea01 { width:30%; margin-right:4%; }
	.cArea01 .bd01 { margin-top:30px; font-size:14px; line-height:1.7; }
	.cArea01 .bd02 { margin-top:20px; }

	.cArea02 { width:60%; }
}
@media all and (max-width:900px){
	.cArea01 { width:100%; margin-right:0; padding:0 4%; box-sizing: border-box; }
	.cArea01 .Area-hd { text-align:center; }
	.cArea01 .bd01 { margin-top:20px; font-size:14px; line-height:1.7; }
	.cArea01 .bd02 { margin-top:20px; text-align:center; }

	.cArea02 { width:100%; margin-top:30px; }
	.cArea02 .img01 { display:none; }
	.cArea02 .img02 { display:block; }
}

.dArea { position:relative; }
.dArea .Area-hd { position:absolute; top:80px; left:calc(50% - 800px); z-index:99; }
.dArea .Area-hd .p1 { color:rgba(255,255,255,0.2); }
.dArea .Area-hd .p2 { color:#fff; }

.dArea01 ul { overflow: hidden; display: flex; justify-content: space-between; }
.dArea01 ul li { position:relative; width:8%; overflow:hidden; transition: all 0.6s;  flex-grow: 1; cursor:pointer; }
.dArea01 ul li .pic { position:relative; }
.dArea01 ul li .pic img { width:30vw; height:auto; }
.dArea01 ul li .pic p { position:absolute; left:0; top:0; right:0; bottom:0; display:block; content:""; background:rgba(0,0,0,0.5); z-index:2; }
.dArea01 ul li .txt { position:absolute; left:0; top:40%; right:0; text-align:center; line-height:1.1; color:#fff; z-index:2; transition: all 0.6s; opacity:1; }
.dArea01 ul li .txt .p1 { min-height:50px; }
.dArea01 ul li .txt .p1 img { max-height:40px; width:auto; }
.dArea01 ul li .txt .p2 { font-size:20px; font-weight:bold; line-height:1.8; width:85px; margin:0 auto; text-align:center; }

.dArea01 ul li .txt01 { position:absolute; left:0; bottom:-100%; right:0; background:#c5281f; border-top-left-radius:25px; overflow:hidden; z-index:2; transition: all 0.6s; opacity:0; }
.dArea01 ul li .txt01 a { display:block; padding:40px 120px 40px 40px; line-height:1.1; color:#fff; }
.dArea01 ul li .txt01 .p1 { font-size:24px; font-weight:bold; }
.dArea01 ul li .txt01 .p2 { font-size:16px; line-height:30px; margin-top:15px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.dArea01 ul li .txt01 .p3 { position:absolute; right:35px; bottom:70px; width:15px; height:15px; background:url(m02.png) no-repeat center; z-index:2; }

.dArea01 ul li.on { width:20%; }
.dArea01 ul li.on .pic p { display:none; }
.dArea01 ul li.on .txt { top:50%; opacity:0; }
.dArea01 ul li.on .txt01 { bottom:0; opacity:1; }

.dArea02 { display:none; margin-top:30px; }
.dArea02 .swiper-slide a { position:relative; display:block; }
.dArea02 .swiper-slide .pic { position:relative; }
.dArea02 .swiper-slide .pic img { width:100%; height:auto; }
.dArea02 .swiper-slide .pic p { position:absolute; left:0; top:0; right:0; bottom:0; display:block; content:""; background:rgba(0,0,0,0.4); z-index:2; }
.dArea02 .swiper-slide .txt { position:absolute; left:0; top:50%; right:0; padding:0 15px; transform: translateY(-50%); color:#fff; z-index:2; }
.dArea02 .swiper-slide .txt .p1 { font-size:18px; text-align:center; font-weight:bold; }
.dArea02 .swiper-slide .txt .p2 { font-size:14px; line-height:25px; min-height:75px; margin-top:10px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.dArea02 .swiper-slide .txt .p3 { margin-top:15px; height:15px; background:url(m02.png) no-repeat center; }

.swiper-pagination-d01 { margin-top:25px; text-align:center; font-size:0; }
.swiper-pagination-d01 .swiper-pagination-bullet { width:8px; height:8px; margin:0 3px; background:#ddd; opacity:1; }
.swiper-pagination-d01 .swiper-pagination-bullet-active { background:#c5281f; }

@media all and (max-width:1680px){
	.dArea .Area-hd { position:absolute; top:60px; left:calc(50% - 600px); z-index:99; }
	
	.dArea01 ul li .txt .p1 { min-height:40px; }
	.dArea01 ul li .txt .p1 img { max-height:30px; width:auto; }
	.dArea01 ul li .txt .p2 { font-size:18px; width:75px; }
	
	.dArea01 ul li .txt01 a { display:block; padding:30px 60px 30px 20px; }
	.dArea01 ul li .txt01 .p1 { font-size:18px; }
	.dArea01 ul li .txt01 .p2 { font-size:14px; line-height:25px; margin-top:10px; -webkit-line-clamp:2; }
	.dArea01 ul li .txt01 .p3 { right:20px; bottom:50px; }
}
@media all and (max-width:1280px){
	.dArea .Area-hd { position:absolute; top:40px; left:4%; z-index:99; }
}
@media all and (max-width:1200px){
	.dArea { padding:40px 4%; }
	.dArea .Area-hd { position:relative; top:auto; left:auto; text-align:center; text-align:center; width:100%; }
	.dArea .Area-hd .p1 { color:#d0d3d8; }
	.dArea .Area-hd .p2 { color:#191919; }

	.dArea01 { display:none; }
	.dArea02 { display:block; }
}
@media all and (max-width:750px){
	
}

.eArea { background:url(eArea.jpg) no-repeat center; background-size:cover; }
.eArea .wrap { position:relative; padding-top:150px; z-index:1; }
.eArea .Area-hd { position:absolute; left:0; top:100px; z-index:5; }
.eArea .Area-hd .pp { margin-top:45px; }

.eArea01 .bd { position:relative; width:725px; margin:0 auto; padding-bottom:30px; z-index:2; }
.eArea01 .bd:before { position:absolute; left:0; top:0; bottom:0; right:55px; background:#c5281f; display:block; content:""; border-top-left-radius:25px; z-index:-1; }
.eArea01 .bd .swiper-slide { width:100%; margin-right:60px; }
.eArea01 .bd .swiper-slide a { display:block; padding-left:35px; }
.eArea01 .bd .swiper-slide .txt { position:relative; min-height:240px; color:#fff; padding-top:70px; max-width:585px; box-sizing: border-box; }
.eArea01 .bd .swiper-slide .txt .p1 { font-size:24px; font-weight:bold; line-height:30px; opacity: 0; transform: translateY(50px); }
.eArea01 .bd .swiper-slide .txt .p2 { font-size:16px; line-height:35px; margin-top:10px; padding-right:60px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; opacity: 0; transform: translateY(50px); }
.eArea01 .bd .swiper-slide .txt .p3 { position:absolute; right:0; bottom:90px; width:15px; height:15px; background:url(m02.png) no-repeat center; z-index:2; opacity: 0; transform: translateY(50px); }
.eArea01 .bd .swiper-slide .pic img { margin-left:-35px; transition: all 0.6s; }

.eArea01 .bd .swiper-slide-active { margin-right:100px; }
.eArea01 .bd .swiper-slide-active .pic img { margin-left:0; }
.eArea01 .bd .swiper-slide-active .txt .p1 { opacity:1; transform: translateY(0); transition: all 0.5s ease; }
.eArea01 .bd .swiper-slide-active .txt .p2 { opacity:1; transform: translateY(0); transition: all 0.5s ease; transition-delay: 0.1s; }
.eArea01 .bd .swiper-slide-active .txt .p3 { opacity:1; transform: translateY(0); transition: all 0.5s ease; transition-delay: 0.2s; }

.swiper-pagination-e01 { text-align:center; margin:30px 55px 0 35px; font-size:0; text-align:center; }
.swiper-pagination-e01 .swiper-pagination-bullet { width:10px; height:10px; margin:0 7px; background:rgba(255,255,255,0.2); opacity:1; }
.swiper-pagination-e01 .swiper-pagination-bullet-active { background:#fff; }

.eArea01 .btn01 { position:absolute; display:inline-block; bottom:250px; width:50px; height:50px; background-size:cover!important; z-index:2; cursor:pointer; }
.eArea01 .prev-e01 { background:url(e01.png) no-repeat center; left:-75px; }
.eArea01 .next-e01 { background:url(e02.png) no-repeat center; right:-75px; }

.eArea01 .prev-e01:hover { background:url(e03.png) no-repeat center; }
.eArea01 .next-e01:hover { background:url(e04.png) no-repeat center; }

.eArea02 { display:none; text-align:center; margin-top:25px; }

@media all and (max-width:1680px){
	.eArea .wrap { padding-top:100px; }
	.eArea .Area-hd { position:absolute; left:0; top:60px; }
	.eArea .Area-hd .pp { margin-top:30px; }

	.eArea01 .bd { width:600px; padding-bottom:30px; }
	.eArea01 .bd:before { right:35px; }
	.eArea01 .bd .swiper-slide { margin-right:30px; }
	.eArea01 .bd .swiper-slide a { padding-left:25px; }
	.eArea01 .bd .swiper-slide .txt { min-height:145px; padding-top:40px; max-width:515px; }
	.eArea01 .bd .swiper-slide .txt .p1 { font-size:18px; line-height:20px; }
	.eArea01 .bd .swiper-slide .txt .p2 { font-size:14px; line-height:25px; margin-top:10px; padding-right:40px; }
	.eArea01 .bd .swiper-slide .txt .p3 { position:absolute; right:0; bottom:40px; }
	.eArea01 .bd .swiper-slide .pic img { margin-left:-25px; }

	.eArea01 .bd .swiper-slide-active { margin-right:60px; }
	.eArea01 .bd .swiper-slide-active .pic img { margin-left:0; }
 
	.swiper-pagination-e01 { margin:25px 25px 0 25px; }
	.swiper-pagination-e01 .swiper-pagination-bullet { width:8px; height:8px; margin:0 3px; }

	.eArea01 .btn01 { bottom:200px; width:35px; height:35px; }
	.eArea01 .prev-e01 { left:-45px; }
	.eArea01 .next-e01 { right:-45px; }
}
@media all and (max-width:1200px){
	.eArea .wrap { padding-top:40px; }
	.eArea .Area-hd { position:relative; left:auto; top:auto; }
	.eArea .Area-hd .pp { position:absolute; right:0; top:10px; margin-top:0; z-index:2; }
	.eArea01 { margin-top:30px; }
}
@media all and (max-width:750px){
	.eArea { padding:40px 0; }
	.eArea .wrap { padding-top:0; }
	.eArea .Area-hd .pp { display:none; }
	.eArea02 { display:block; }
	
	.eArea01 .bd { width:90%; padding-bottom:0; }
	.eArea01 .bd:before { right:0; bottom:45px; }
	.eArea01 .bd .swiper-slide { margin-right:0; }
	.eArea01 .bd .swiper-slide a { padding:0 15px; }
	.eArea01 .bd .swiper-slide .txt { min-height:145px; padding-top:40px; max-width:515px; }
	.eArea01 .bd .swiper-slide .txt .p1 { font-size:16px; line-height:20px; }
	.eArea01 .bd .swiper-slide .txt .p2 { font-size:14px; line-height:25px; margin-top:10px; padding-right:0; }
	.eArea01 .bd .swiper-slide .txt .p3 { position:absolute; right:0; bottom:40px; display:none; }
	.eArea01 .bd .swiper-slide .pic img { margin-left:0; }

	.eArea01 .bd .swiper-slide-active { margin-right:0; }
	.eArea01 .bd .swiper-slide-active .pic img { margin-left:0; }
 
	.swiper-pagination-e01 { display:inline-block; width:auto; margin:11px 10px 0; vertical-align:top; }
	.swiper-pagination-e01 .swiper-pagination-bullet { width:6px; height:6px; border:1px solid #c5281f; background:none; }
	.swiper-pagination-e01 .swiper-pagination-bullet-active { background:#c5281f; }
 
	.eArea01 .btn { margin-top:25px; font-size:0; text-align:center; }
	.eArea01 .btn01 { position:relative; bottom:auto;  width:30px; height:30px; }
	.eArea01 .prev-e01 { left:auto; }
	.eArea01 .next-e01 { right:auto; }
}

.fArea { background:#d6dde3; display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; align-items: center; }
.fArea01 { width:650px; margin-left:calc(50% - 800px); }
.fArea01 .bd01 { margin-top:20px; font-size:30px; color:#3c3c3c; }
.fArea01 .bd02 { margin-top:30px; }
 
.fArea02 { width:calc(50% + 70px); }
.fArea02 .img02 { display:none; }

@media all and (max-width:1680px){
	.fArea01 { width:485px; margin-left:calc(50% - 600px); }
	.fArea01 .bd01 { margin-top:20px; font-size:24px; }
	.fArea01 .bd02 { margin-top:30px; }
	 
	.fArea02 { width:calc(50% + 50px); }
}
@media all and (max-width:1280px){
	.fArea01 { width:40%; margin-left:4%; }
	.fArea02 { width:53%; }
}
@media all and (max-width:1200px){
	.fArea01 .bd01 { margin-top:20px; font-size:16px; }
	.fArea01 .bd02 { margin-top:20px; }
}
@media all and (max-width:900px){
	.fArea { padding-top:40px; }
	.fArea01 { width:100%; margin-left:0; padding:0 4%; box-sizing: border-box; text-align:center; }
	.fArea01 .bd01 { margin-top:20px; font-size:14px; }
	.fArea02 { width:100%; margin-top:30px; }
	.fArea02 .img01 { display:none; }
	.fArea02 .img02 { display:block; }
}





@media all and (max-width:1680px){
	
}
@media all and (max-width:1200px){
	
}
@media all and (max-width:750px){
	
}





@media all and (max-width:1680px){
	
}
@media all and (max-width:1200px){
	
}
@media all and (max-width:750px){
	
}


