#mainVisual-new{height: 100vh;width: 100%;}
.swiper-container{height: 100%;}
#mainVisual-new .swiper-slide{position: relative;}
#mainVisual-new .swiper-slide.img01{background-image: url(../img/main/mainvisual01.jpg);background-repeat: no-repeat;background-size: cover;}
#mainVisual-new .swiper-slide.img02{background-image: url(../img/main/mainvisual02.jpg);background-repeat: no-repeat;background-size: cover;}
#mainVisual-new .swiper-slide.img03{background-image: url(../img/main/mainvisual03.jpg);background-repeat: no-repeat;background-size: cover;}
#mainVisual-new .swiper-slide.img04{background-image: url(../img/main/mainvisual04.jpg);background-repeat: no-repeat;background-size: cover;}
#mainVisual-new .slide-txt{position: absolute;top: 47%;left: 50%;transform:translate(-50%,-50%);opacity:0;transition:all 1s;text-align: center;}
#mainVisual-new .swiper-slide-active .slide-txt,#mainVisual-new .swiper-slide-prev .slide-txt,#mainVisual-new .swiper-slide-next .slide-txt{opacity: 1;top: 45%;}
#mainVisual-new .slide-txt p{font-size:28px;color:#fff;font-weight:500;margin-bottom: 50px;}
#mainVisual-new .slide-txt span{font-size:70px; font-weight:700;color:#fff;}
.main-content{max-width:70%;margin:auto;}
.main-tit{text-align: center;margin:auto;}
.main-tit h2{font-weight:700;font-size:50px;color:#181818;}
.main-tit p{margin-top: 15px;font-size:18px;color:#181818;}

.main02{padding: 100px 0;}
.main02 .main02-con{display: flex;align-items:center;margin: 50px auto;justify-content:space-between;flex-wrap:wrap;}
.main02 .main02-con>div{width: 24%;display: flex;position: relative;overflow:hidden;}
.main02 .main02-con>div:last-child{margin-right: 0;}
.main02 .main02-con>div>img{width: 100%;filter:brightness(0.5);transition:all .7s;}
.main02 .main02-con>div>span{color:#fff;position: absolute;top: 50%;left: 50%;width: 100%;text-align: center;transform:translate(-50%,-50%);font-size:28px;font-weight:600;z-index:2;transition:all .7s;}
.main02 .main02-con>div:hover img{filter:brightness(0.8);transform:scale(1.1);}
.main02 .main02-con>div:hover span{opacity: 0;}
.more-btn{border:1px solid #454545;transition:all .4s;width: 170px;margin:auto;background: #000;}
.more-btn a{width: 100%;display: block;line-height: 45px;color:#fff;text-align: center;font-size:16px;transition:all .4s;}
.more-btn:hover{background: #fff;}
.more-btn:hover a{color:#454545;}

.main03{background-image: url(../img/main/main-banner01.jpg);background-repeat: no-repeat;background-position: top;background-size: cover;background-attachment: fixed;height: 800px;}
.main03-con{display: flex;justify-content:center;align-items:center;height: 100%;}
.main03-txt{display: flex;flex-direction:column;height: 100%;text-align: center;transition:all 1s;mix-blend-mode: hard-light;width: 70%;
margin: 150px auto 0 ;}
.main03-txt h3{font-size:22px;font-weight:600;color:#fff;background: #03647b;border-radius:50px;}
.main03-txt p{font-size:22px;padding: 15px 0;color:#fff;}
.main03-txt p.an-p{font-size:25px;}
.main03-txt h2{font-size:50px;font-weight:700;color:#fff;}


.main04{padding: 100px 0;position: relative;height: 600px;}
.main04 .main04-con{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;position: absolute;top: -180px;left: 50%;transform: translateX(-50%);width: 80%;}
.main04 .main04-con>div{width: 49%;display: flex;position: relative;overflow:hidden;height: 300px;margin-bottom: 20px;background-repeat: no-repeat;background-size: cover;background-position: center;}
.main04 .main04-con>div:first-child{background-image: url(../img/main/main04-img02.jpg);}
.main04 .main04-con>div:nth-child(2){background-image: url(../img/main/main04-img03.jpg);}
.main04 .main04-con>div:nth-child(3){background-image: url(../img/main/main04-img04.jpg);}
.main04 .main04-con>div:nth-child(4){background-image: url(../img/main/main04-img01.jpg);}
.main04 .main04-con>div:last-child{margin-right: 0;}
.main04 .main04-con>div .cover{height: 100%;width: 100%;background:#01303ba1;transition:all .5s;}
.main04 .main04-con>div>img{width: 100%;filter:brightness(0.5);transition:all .7s;}
.main04 .main04-con>div h4{position: absolute;left: 20px;top: 10px;color:#fff;font-weight:700;font-size:26px;transition:all .5s;}
.main04 .main04-con>div>span{color:#fff;position: absolute;top: 50%;opacity: 1;left: 50%;transform:translate(-50%,-50%);font-size:28px;font-weight:600;z-index:2;transition:all .5s;border-bottom:2px solid #fff;padding-bottom: 20px;}
/* .main04 .main04-con>div:hover img{filter:brightness(0.9);transform:scale(1.1);}
.main04 .main04-con>div:hover span{opacity: 0;}
.main04 .main04-con>div:hover h4{opacity: 0;}
.main04 .main04-con>div:hover .cover{opacity: 0;} */
.main04 .more-btn{position: absolute;bottom: 10%;left: 50%;transform:translateX(-50%);}

.main05{display: flex;padding: 100px 0;}
.main05>div{width: 50%;height: 500px;transition:all .6s;position: relative;background-position:center;    background-blend-mode: multiply;background-color: #00000094;}
.main05>div.main05-left{background-image: url(../img/main/main05-img01.jpg);background-repeat: no-repeat;background-size: 100%;}
.main05>div.main05-right{background-image: url(../img/main/main05-img02.jpg);background-repeat: no-repeat;background-size: 100%;}
.main05>div:hover{background-size: 110%;}
.main05>div>div{display: flex;flex-direction:column;margin:auto;justify-content:center;align-items:center;height: 100%;}
.main05>div>div>p{color:#fff;font-size:18px;}
.main05>div>div>h4{color:#fff;font-size:40px;padding: 20px 0;font-weight:700;}
.main05>div>div>a{color:#fff;font-size:16px;border:1px solid #fff;width: 150px;line-height: 45px;text-align: center;transition:all .4s;}
.main05>div>div>a:hover{background: #fff;color:#181818;}

.main06{padding: 100px 0;}
.main06-con{display: flex;align-items:flex-start;justify-content:space-between;}
.main06-con>div{width: 48%;}
.main06-con>div .contact-box{background-image: url(../img/main/main06-img01.jpg);margin-top: 5px;background-size: cover;background-repeat: no-repeat;background-position: center;}
.main06-con>div .contact-box>div{display: flex;flex-direction:column;padding:50px 30px;}
.main06-con>div .contact-box>div>div{display: flex;}
.main06-con>div .contact-box>div>h4{color:#fff;font-weight:700;font-size:40px;margin-bottom: 20px;}
.main06-con>div .contact-box>div>div{margin-bottom: 10px;}
.main06-con>div .contact-box>div>div p{color:#fff;font-size:18px;}
.main06-con>div .contact-box>div>div>img{width: 20px;margin-right: 15px;}

@media screen and (max-width:1920px){
    .main-content{max-width:65%;margin:auto;}
}
@media screen and (max-width:768px){
    .main-tit h2{font-size:32px;}
    .main-content{max-width:95%}
    #mainVisual-new .slide-txt{width: 100%;}
    #mainVisual-new .slide-txt span{font-size:40px;}
    #mainVisual-new .slide-txt p{font-size:24px;}
    .main02 .main02-con{flex-wrap:wrap;}
    .main02 .main02-con>div{width: 50%;}
    .main03{height: auto;}
    .main03-txt{width: 95%;margin:70px auto;}
    .main03-txt p{font-size:15px;}

    .main05{flex-wrap:wrap;padding: 0;}
    .main05>div{width: 100%;height: 240px;}
    .main06-con{flex-direction: column;}
    .main06-con>div{width: 100%;}
    .main06-con>div .contact-box>div>div>img{height: 25px;}
    .main04{height: auto;}
    .main04 .main04-con{position: unset;transform: none;}
    .main04 .main04-con>div{height:270px;}
    .main04 .more-btn{position: unset;transform: none;}
    .main03-txt h2{font-size:35px;}
}
@media screen and (max-width:520px){
    #mainVisual-new .slide-txt{width: 100%;}
    #mainVisual-new .slide-txt span{font-size:35px;}
    #mainVisual-new .slide-txt p{font-size:18px;}
    .main-tit h2{font-size:30px;}
    .main-tit p{font-size:14px;}
    .main-content{max-width:90%;}

    .main02,.main04,.main05,.main06{padding: 70px 0;}
    .main02 .main02-con>div{width: 48%;margin-bottom: 15px;}
    .main04 .main04-con>div{width: 48%;margin-bottom: 15px;}
    .main02 .main02-con>div>span{font-size:22px;}
    .main04 .main04-con>div>span{font-size:22px;}

    .main03{height: 500px;}
    .main03-txt{width: 95%;}
    .main03-txt h3{font-size:22px;}
    .main03-txt p.an-p{font-size:18px;}
    .main03-txt p{font-size:16px;word-break:keep-all;}
    .main03-txt p br{display: none;}

    .main05{flex-direction:column;}
    .main05>div{width: 100%;height: 300px;}
    .main05>div.main05-left{background-size: cover;}
    .main05>div.main05-right{background-size: cover;}
    .main05>div>div>p{font-size:16px;}
    .main05>div>div>h4{font-size:35px;}

    .main06-con{flex-direction:column;}
    .main06-con>div{width: 100%;}
    .main06-con>div .contact-box>div{padding: 50px 15px;}
    .main06-con>div .contact-box>div>div p{font-size:14px;}
}
@media screen and (max-width:350px){
    .main-content{max-width:95%;}
    .main03-txt h3{font-size:20px;}
}