#contents { width:100%; max-width:100%; }

.main_slide { width:100%;margin:0 auto;position: relative; }
.main_slide .swiper-slide { height:700px; text-align:center; }
.main_slide .swiper-slide img { height:100%; object-fit:cover; }
.page_toparea { display:none; }
#footer {  margin-top:0; }

.main_slide .swiper-button-prev:after,
.main_slide .swiper-button-next:after{display:none}
.main_slide .swiper-button-prev{width:50px;height:50px;margin-top:-25px;background:url('../image/arrow_prev.png') no-repeat center }
.main_slide .swiper-button-next{width:50px;height:50px;margin-top:-25px;background:url('../image/arrow_next.png') no-repeat center }
.main_slide .swiper-pagination-bullet{width:12px;height:12px;background:#fff;margin:0 6px !important}
.main_slide .swiper-pagination{bottom:30px}
.main_slide .swiper-pagination-bullet-active{}

.swiper-container { position:relative; }
.swiper-text { position:absolute; top:0px; left:calc(50% - 690px); z-index:5; color:#fff; background:rgba(0,0,0,0.7); height:100%; width:750px; padding:220px 0px 0 50px; text-align:left; } 
.swiper-text .tp1 { font-size:27px; margin-top:0;color:#fff; letter-spacing:-0.5px;  }
.swiper-text .tp2 { font-size:50px; font-weight:bold; letter-spacing:-2.5px; line-height:110%;  margin:15px 0; }
.swiper-text .tp3 { font-size:20px; opacity:0.6; font-weight:300; letter-spacing:-0.5px;  line-height:130%; }


@media(max-width:900px){
#contents { width:100%; max-width:100%; }
.main_slide { width:100%;margin:0 auto;position: relative; }
.main_slide .swiper-slide { height:350px; }
.main_slide .swiper-slide img { height:100%; object-fit:cover; }
.page_toparea { display:none; }
.swiper-container { position:relative; }
.main_slide .swiper-button-prev{width:20px;height:20px;margin-top:-25px;background:url('../image/arrow_prev.png') no-repeat center }
.main_slide .swiper-button-next{width:20px;height:20px;margin-top:-25px;background:url('../image/arrow_next.png') no-repeat center }
.swiper-text { position:absolute; top:0px; left:0; z-index:5; color:#fff; background:rgba(0,0,0,0.7); height:100%; width:100%; padding:90px 15px 0; text-align:center; } 
.swiper-text .tp1 { font-size:15px; margin-top:0;color:#fff; letter-spacing:-0.5px;  }
.swiper-text .tp2 { font-size:22px; font-weight:bold; letter-spacing:-1px; line-height:110%;  margin:15px 0; }
.swiper-text .tp3 { font-size:12px; opacity:0.6; font-weight:300; letter-spacing:-0.5px;  line-height:130%; }
}






.section02 { padding:100px 0; }
.section02 ul { display:flex; justify-content:space-between; max-width:1340px; width:95%; margin:50px auto; }
.section02 ul li { width:calc(100% / 4 - 15px); background:#e7ecf8; padding:60px 10px;  text-align:center; }
.section02 ul li:first-child { border-radius:20px 0 0 0px; }
.section02 ul li:last-child { border-radius:0 0px 20px 0; }
.section02 ul li img { width:75px; margin-bottom:10px; }
.section02 ul li strong { font-size:26px; font-weight:normal; display:block; }
.section02 ul li p { font-size:18px; margin-top:10px; color:rgba(0,0,0,0.6); }

.section02 .title_t { line-height:55px; }
.section02 .title_t span { display:block; text-align:center; font-size:27px; color:#3853ae; }
.section02 .title_t strong { display:block; text-align:center; font-size:45px; font-weight:600; }
.section02 .title_t p {  display:block; text-align:center; font-size:22px;  color:#888; line-height:28px; margin-top:40px; }

@media(max-width:900px){
.section02 { padding:50px 0; }
.section02 ul { display:flex; justify-content:space-between; max-width:95%; width:95%; margin:30px auto 0; flex-wrap:wrap; border-radius:10px; overflow:hidden; }
.section02 ul li { width:calc(100% / 2 - 5px); background:#e7ecf8; padding:15px 10px;  text-align:center; margin:5px 0; }
.section02 ul li:first-child { border-radius:0; }
.section02 ul li:last-child { border-radius:0; }
.section02 ul li img { width:30px; margin-bottom:0px; }
.section02 ul li strong { font-size:16px; font-weight:normal; display:block; }
.section02 ul li p { font-size:12px; margin-top:5px; color:rgba(0,0,0,0.6); letter-spacing:-0.5px; }

.section02 .title_t { line-height:30px; letter-spacing:-1px; }
.section02 .title_t span { display:block; text-align:center; font-size:14px; color:#3853ae; }
.section02 .title_t strong { display:block; text-align:center; font-size:25px; font-weight:600; }
.section02 .title_t p {  display:block; text-align:center; font-size:13px;  color:#888; line-height:16px; margin-top:20px; }
}





.section03 { background:url('../image/section03_bg.jpg') no-repeat; width:100%; padding:120px 0 0; text-align:center; height:800px;   background-position:center center}
.section03 .swiper-container { width:100%; max-width:1600px; margin:0 auto; padding:0 2.5% 70px; }
.section03 .swiper-slide { width:calc(100% / 4) }
.section03 .swiper-slide .s-box { background:#fff; border-radius:20px; padding:0 0 30px 0px; margin:0 20px; overflow:hidden; }
.section03 .swiper-slide .s-box .in img { margin-bottom:25px; }
.section03 .swiper-slide .s-box .in span { color:#1049be; font-size:24px; }
.section03 .swiper-slide .s-box .in p { margin-top:10px; padding:0 20px; font-size:16px; font-weight:normal; line-height:140%; }
.section03 .title_t { text-align:center; margin-bottom:50px; color:#fff; }
.section03 .title_t strong { font-size:40px; }
.section03 .swiper-button-prev{width:50px;height:50px;margin-top:-60px;background:#fff ; left:5px; border-radius:25px; }
.section03 .swiper-button-next{width:50px;height:50px;margin-top:-60px;background:#fff ; right:5px; border-radius:25px;   }
.section03 .swiper-button-prev:after,
.section03 .swiper-button-next:after { width:20px !important; font-size:20px !important; }


@media(max-width:900px){
.section03 { background:url('../image/section03_bg.jpg') no-repeat; width:100%; padding:30px 0 10px; text-align:center; height:auto;   background-position:center center}
.section03 .swiper-container { width:100%; max-width:100%; margin:0 auto; padding:0 0 40px; }
.section03 .swiper-slide { width:270px; min-width:200px; }
.section03 .swiper-slide .s-box { background:#fff; border-radius:10px; padding:0 0 15px 0px; margin:0 10px; overflow:hidden; }
.section03 .swiper-slide .s-box .in img { margin-bottom:15px; }
.section03 .swiper-slide .s-box .in span { color:#1049be; font-size:20px; }
.section03 .swiper-slide .s-box .in p { margin-top:10px; padding:0 0px; font-size:12px; font-weight:normal; line-height:140%; }
.section03 .title_t { text-align:center; margin-bottom:15px; color:#fff; }
.section03 .title_t strong { font-size:22px; }
.section03 .swiper-button-prev{width:40px;height:40px;margin-top:-60px;background:#fff ; left:5px; border-radius:20px; }
.section03 .swiper-button-next{width:40px;height:40px;margin-top:-60px;background:#fff ; right:5px; border-radius:20px;   }
.section03 .swiper-button-prev:after,
.section03 .swiper-button-next:after { width:20px !important; font-size:20px !important; }
}


.section04 { width:100%; margin:0 auto; padding:150px 0; background:#f1f1f1; }
.section04 .in { width:95%; max-width:1500px;  display:flex; justify-content:space-between; margin:0 auto;}
.section04 .title_t { color:#1049be; font-size:40px; }
.section04 .line { height:1px; flex-grow:1; background:#aaa; margin:20px 30px 0 }
.section04  ul  {  }
.section04  ul li { padding:7px 0; font-size:23px; display:flex; align-items:center; }
.section04  ul li span { color:#1049be; font-size:33px;  font-style:italic; margin-right:10px; }


@media(max-width:900px){
.section04 { width:100%; margin:0 auto; padding:50px 0; background:#f1f1f1; }
.section04 .in { width:90%; max-width:90%;  display:block; margin:0 auto;}
.section04 .title_t { color:#1049be; font-size:20px; }
.section04 .line { height:1px; flex-grow:1; background:#aaa; margin:10px 0px }
.section04  ul  {  padding-left:0px; }
.section04  ul li { padding:7px 0; font-size:16px; display:flex; align-items:flex-start; }
.section04  ul li span { color:#1049be; font-size:16px;  font-style:italic; margin-right:10px; }
}




.section05 { padding:0 0 100px 0; margin:130px auto; }
.section05 .title_t { color:#1049be; font-size:40px; text-align:center;   width:100%; max-width:1500px; margin:0 auto; border-bottom:1px solid #ddd; padding-bottom:50px; }
.section05 .in { width:90%; max-width:1500px; margin:0 auto; border-bottom:1px solid #ddd; padding:40px 0 90px 0; display:flex; }
.section05 .in .txt { flex-grow:1; padding-top:35px; }
.section05 .in .img { width:740px; flex-shrink:0; margin-left:100px; }
.section05 .in .title { font-size:40px; line-height:45px; font-weight:bold; margin-bottom:20px; }
.section05 .in .title span { color:#1049be; font-size:22px; display:block; font-weight:normal; }
.section05 .in .txt p { font-size:18px; line-height:150%; color:#888; margin:7px 0; }
.section05 .in .txt a.btn { color:#fff; display:inline-block; padding:12px 40px; font-size:18px; background:#222; border-radius:10px; margin-top:30px; }

.section05 .in2 { flex-direction:row-reverse; }
.section05 .in2 .img { margin-left:0; margin-right:100px; }


@media(max-width:900px){
.section05 { padding:0 0 50px 0; margin:50px auto; }
.section05 .title_t { color:#1049be; font-size:25px; text-align:center;   width:100%; max-width:1500px; margin:0 auto; border-bottom:0; padding-bottom:0px; }
.section05 .in { width:90%; max-width:90%; margin:0 auto; border-bottom:1px solid #ddd; padding:15px 0 30px 0; display:flex;  flex-direction: column-reverse; flex-wrap:wrap; }
.section05 .in .txt { flex-grow:1; padding-top:15px; width:100%; }
.section05 .in .img { width:auto; flex-shrink:0; margin-left:0px; }
.section05 .in .title { font-size:22px; line-height:25px; font-weight:bold; margin-bottom:10px; letter-spacing:-1px;  }
.section05 .in .title span { color:#1049be; font-size:18px; display:block; font-weight:normal; letter-spacing:0; }
.section05 .in .txt p { font-size:13px; line-height:130%; color:#888; margin:7px 0; }
.section05 .in .txt a.btn { color:#fff; display:inline-block; padding:6px 20px; font-size:14px; background:#222; border-radius:5px; margin-top:15px; }

.section05 .in2 {  flex-direction: column-reverse; flex-wrap:wrap; }
.section05 .in2 .img { margin-left:0; margin-right:0px; }


}