@charset "utf-8";


#mVisual{width: 100%; position: relative;}
#mVisual .mv{width: 100%; height: 100%; min-height: 950px; background-size: cover; background-position: center center; position: relative; overflow: hidden;z-index: 1;}
#mVisual .mv::after{content: ''; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); left: 0; top: 0; position: absolute; display: block;z-index: 2;}
#mVisual .mv1{background-image: url(/images/main/mv1.png);}
#mVisual .bg{position: absolute; width: 100%; height: 100%; z-index: 1; top: 0; left: 0;}
#mVisual .bg iframe{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 120vw;}

#mVisual .mv .inner{height: 100%; min-height: 950px; color: #fff; display: flex; align-items: center;}
#mVisual .mv .inner .txt{z-index: 4;position: relative; margin-top: 20rem;}
#mVisual .mv .inner .txt h4{font-size: 2.5rem; font-weight: normal;}
#mVisual .mv .inner .txt h3{font-size: 5rem; margin: 1rem 0 3rem;}
#mVisual .mv .inner .txt p{font-size: 2rem; line-height: 1.6;}

#mVisual .mv video{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: inherit; height: auto; min-width: 100%; min-height: 100%;z-index: 1;}
#mVisual .slick-dots{transform: translateX(-50%);}
#mVisual .slick-dots li{width: 12px; height: 12px; margin: 5px;}
#mVisual .slick-dots li.slick-active{background-color: #fff;}


@media all and (max-width:1780px){
    #mVisual .mv video{height: 100%; width: auto;}
}

@media all and (max-width:1580px){
    #mVisual .bg iframe{width: 1920px; left:50%; transform: translate(-50%, -50%);}
}

@media all and (max-width:1280px){
    #mVisual .mv .inner .txt{margin-top: 10rem;}
}
@media all and (max-width:976px){
    #mVisual .bg iframe{height: 200vw; }
    #mVisual .mv .inner .txt{margin-top: 0rem;}
    #mVisual .mv .inner .txt h4{font-size: 2rem;}
    #mVisual .mv .inner .txt h3{font-size: 4rem;}
    #mVisual .mv .inner .txt p{font-size: 1.8rem;}
}
@media all and (max-width:690px){
    #mVisual .slick-dots{bottom: 2%;}
    #mVisual .mv{min-height: 680px; height: 100vh;}
    #mVisual .mv .inner{min-height: 680px;}
}
@media all and (max-width:480px){
    #mVisual .mv .inner .txt h4{font-size: 1.8rem;}
    #mVisual .mv .inner .txt h3{font-size: 3.5rem; margin: 1rem 0 2rem;}
    #mVisual .mv .inner .txt p{font-size: 1.6rem; line-height: 1.4;}
}
@media all and (max-width:1280px){
}
@media all and (max-width:976px){
}
@media all and (max-width:768px){
}
@media all and (max-width:480px){
}


.m_txt{text-align: center; color: #222; margin-bottom: 8rem;}
.m_txt h4{font-size: 2rem; display: inline-block; padding: 0.5rem 1.5rem; background: linear-gradient(to right, var(--color1), var(--color2)); color: #fff; font-family: 'montserrat';}
.m_txt h3{font-size: 5rem; margin-top: 3rem; line-height: 1.2;}
.m_txt h3 span{color: var(--color2);}
.m_txt p{font-size: 2.5rem; margin-top: 5rem; line-height: 1.4;}

@media all and (max-width:1280px){
    .m_txt{margin-bottom: 6rem;}
    .m_txt h4{font-size: 1.8rem;}
    .m_txt h3{font-size: 4rem;}
    .m_txt p{font-size: 2rem; margin-top: 4rem;}
}
@media all and (max-width:768px){
    .m_txt{margin-bottom: 4rem;}
    .m_txt h4{font-size: 1.6rem;}
    .m_txt h3{font-size: 3.5rem;}
    .m_txt p{font-size: 1.8rem; margin-top: 3rem;}
}
@media all and (max-width:480px){
    .m_txt h4{font-size: 1.4rem;}
    .m_txt h3{font-size: 3rem; margin-top: 2rem;}
    .m_txt p{font-size: 1.6rem;margin-top: 2rem;}
}


#m_sec1 .m_logo{text-align: center; margin-bottom: 3rem;}

@media all and (max-width:1280px){
    #m_sec1 .m_logo img{width: 8rem;}
}
@media all and (max-width:768px){
    #m_sec1 .m_logo{margin-bottom: 2rem;}
    #m_sec1 .m_logo img{width: 6rem;}
}


#m_sec2{background: #f3f4f5; text-align: center;}
#m_sec2 ul{display: flex; gap: 5rem;}
#m_sec2 ul li{width: calc(100%/3 - 10rem/3); border-radius: 2rem; overflow: hidden; position: relative;}
#m_sec2 ul li .img{width: 100%; transition: 0.3s;}
#m_sec2 ul li:hover .img{transform: scale(1.1); transition: 0.3s;}
#m_sec2 ul li .img img{width: 100%;}
#m_sec2 ul li .txt{position: absolute; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; color: #fff; top: 0;left: 0;}
#m_sec2 ul li .txt h4{font-weight: normal; font-size: 2.5rem;}
#m_sec2 ul li .txt h3{font-size: 4rem;margin: 1rem 0 2rem;}
#m_sec2 ul li .txt p{font-size: 1.8rem; line-height: 1.6;}


@media all and (max-width:1480px){
    #m_sec2 ul li .txt h4{font-size: 2rem;}
    #m_sec2 ul li .txt h3{font-size: 3.5rem;}
    #m_sec2 ul li .txt p{font-size: 1.6rem;}
}
@media all and (max-width:1280px){
    #m_sec2 ul{gap: 2rem; flex-wrap: wrap;}
    #m_sec2 ul li{width: calc(100%/3 - 4rem/3);}
}
@media all and (max-width:1080px){
    #m_sec2 ul li{width: 100%; height: 30rem;}
}
@media all and (max-width:768px){
    #m_sec2 ul li .txt h4{font-size: 1.8rem;}
    #m_sec2 ul li .txt h3{font-size: 3rem;}
}
@media all and (max-width:480px){
    #m_sec2 ul li{border-radius: 1rem;}
    #m_sec2 ul li .txt h3{font-size: 2.7rem;}
}


/* #m_sec3{background: url('/images/main/m_sec3_bg.jpg') center left / cover no-repeat;}
#m_sec3 .cont{display: flex;}
#m_sec3 .cont .lt{width: 50%; text-align: center;}
#m_sec3 .cont .rt{width: 50%; padding: 10rem 7rem 0;}
#m_sec3 .cont .rt .name h4{font-size: 3rem; color: var(--color2);}
#m_sec3 .cont .rt .name h3{font-size: 5rem;margin-top: 1rem;}
#m_sec3 .cont .rt .name h3 span{font-size: 4rem; font-weight: 400;}
#m_sec3 .cont .rt .career{margin-top: 3rem; font-size: 2rem; display: flex; justify-content: space-between;flex-wrap: wrap;gap: 2rem;}
#m_sec3 .cont .rt .career li{position: relative; padding-left: 2rem;}
#m_sec3 .cont .rt .career li:before{position: absolute; top: 0; left: 0; content: '•';}
#m_sec3 .cont .rt .career ul li + li{margin-top: 1rem;}
#m_sec3 .cont .rt a{display: flex; align-items: center; gap: 3rem; font-size: 2rem; color: #fff; background: var(--color1); border-radius: 1rem; width: 20rem; height: 6rem; margin-top: 8rem; justify-content: center; font-weight: bold;}
#m_sec3 .cont .rt a span{display: inline-block; padding-bottom: 0.3rem;}

@media all and (max-width:1280px){
    #m_sec3 .cont{justify-content: center;}
    #m_sec3 .cont .lt{width: 55rem;}
    #m_sec3 .cont .lt img{width: 80%;}
    #m_sec3 .cont .rt{padding: 5rem 7rem; width: calc(100% - 55rem);}
    #m_sec3 .cont .rt .name h4{font-size: 2.5rem;}
    #m_sec3 .cont .rt .name h3{font-size: 4rem}
    #m_sec3 .cont .rt .name h3 span{font-size: 3rem;}
    #m_sec3 .cont .rt .career{margin-top: 2rem; font-size: 1.8rem;}
    #m_sec3 .cont .rt a{gap: 2rem; font-size: 1.8rem; width: 16rem; height: 5rem; margin-top: 4rem;}
}
@media all and (max-width:1080px){
    #m_sec3 .cont{flex-wrap: wrap;}
    #m_sec3 .cont .lt{width: 100%;}
    #m_sec3 .cont .lt img{width: 50%;}
    #m_sec3 .cont .rt{width: 100%; padding: 7rem 2rem;}
    #m_sec3 .cont .rt .career ul{width: calc(50% - 1rem);}
}
@media all and (max-width:768px){
    #m_sec3 .cont .lt img{width: 70%;}
    #m_sec3 .cont .rt{padding: 5rem 2rem;}
    #m_sec3 .cont .rt .name h4{font-size: 2rem;}
    #m_sec3 .cont .rt .name h3{font-size: 3.5rem}
    #m_sec3 .cont .rt .name h3 span{font-size: 2.5rem}
    #m_sec3 .cont .rt .career ul{width: auto;}
    #m_sec3 .cont .rt .career{font-size: 1.6rem;}
    #m_sec3 .cont .rt a{font-size: 1.6rem; width: 14rem; height: 4rem; border-radius:0.5rem; float: right; margin-top: 2rem;}
}
@media all and (max-width:480px){
    #m_sec3 .cont .rt .name h4{font-size: 1.8rem;}
    #m_sec3 .cont .rt .name h3{font-size: 3rem}
    #m_sec3 .cont .rt .name h3 span{font-size: 2rem}
    #m_sec3 .cont .rt .career li{padding-left: 1.5rem;}
} */

#m_sec3 {background: url(/images/main/m_sec3_bg.jpg) center center / cover no-repeat;background-attachment:fixed;}
#m_sec3 .cont{display:flex; align-items:flex-start;}
#m_sec3 .cont .lt{position:sticky; top:19rem; width:50%; text-align:center; align-self:flex-start;}
#m_sec3 .cont .lt img{max-width:100%;}
#m_sec3 .cont .rt{width:50%; padding:8rem 4rem 10rem 7rem;}

#m_sec3 .cont .rt .name{padding-bottom:3rem; border-bottom:1px solid rgba(0,0,0,0.15);}
#m_sec3 .cont .rt .name h4{font-size:3rem; color:var(--color2);}
#m_sec3 .cont .rt .name h3{font-size:5rem; margin-top:1rem;}
#m_sec3 .cont .rt .name h3 span{font-size:4rem; font-weight:400;}
#m_sec3 .cont .rt .name p{margin-top: 2rem; font-size: 2rem; background: var(--color2); color: #fff; display: inline-block; padding: 1rem 2rem;}

#m_sec3 .cont .rt .career{display:block; margin-top:4rem; font-size:1.8rem;}
#m_sec3 .cont .rt .career ul{position:relative; padding:3rem 0;}
#m_sec3 .cont .rt .career ul + ul{border-top:1px solid rgba(0,0,0,0.12);}
#m_sec3 .cont .rt .career ul h4{margin-bottom:2rem; font-size:2.4rem; color:var(--color1);}
#m_sec3 .cont .rt .career li{position:relative; padding-left:2rem; line-height:1.7; word-break:keep-all;}
#m_sec3 .cont .rt .career li:before{position:absolute; top:0; left:0; content:'•'; color:var(--color1);}
#m_sec3 .cont .rt .career li + li{margin-top:1rem;}

#m_sec3 .cont .rt .career ul:last-child li{padding:2rem 0 2rem 2rem; border-bottom:1px solid rgba(0,0,0,0.08);}
#m_sec3 .cont .rt .career ul:last-child li:before{top:2rem;}


@media all and (max-width:1280px){
    #m_sec3 .cont .rt .name h4{font-size: 2.5rem;}
    #m_sec3 .cont .rt .name h3{font-size: 4rem}
    #m_sec3 .cont .rt .name h3 span{font-size: 3rem;}
    #m_sec3 .cont .rt .career{ font-size: 1.8rem;}
    #m_sec3 .cont .rt .name p{font-size: 1.8rem;}
}
@media all and (max-width:1080px){
    #m_sec3 .cont{display:block;}
    #m_sec3 .cont .lt{position:relative; top:auto; width:100%;}
    #m_sec3 .cont .lt img{width:50%;}
    #m_sec3 .cont .rt{width:100%; padding:6rem 2rem;}
}

@media all and (max-width:768px){
    #m_sec3 .cont .lt img{width:70%;}
    #m_sec3 .cont .rt{padding:4rem 2rem;}
    #m_sec3 .cont .rt .career{font-size:1.6rem; margin-top: 0;}
    #m_sec3 .cont .rt .career ul{padding:2.5rem 0;}
    #m_sec3 .cont .rt .career ul h4{font-size:2rem;}
}
@media all and (max-width:480px){
    #m_sec3 .cont .rt .name h4{font-size: 1.8rem;}
    #m_sec3 .cont .rt .name h3{font-size: 3rem}
    #m_sec3 .cont .rt .name h3 span{font-size: 2rem}
    #m_sec3 .cont .rt .name p{font-size: 1.6rem; padding: 0.5rem 1rem; margin-top: 1rem;}
}


#m_sec4{background: url('/images/main/m_sec4_bg.jpg') center center / cover no-repeat; text-align: center; color: #fff;background-attachment: fixed;}
#m_sec4 .m_logo img{filter: brightness(100); margin-bottom: 5rem;}
#m_sec4 .m_txt{color: #fff; margin-bottom: 0;}
#m_sec4 .m_txt h3 span{color: var(--color3);}
#m_sec4 .m_txt .line{width: 1px; height: 10rem; background: #fff; margin: 5rem auto 0;}


@media all and (max-width:1280px){
    #m_sec4 .m_logo img{width: 8rem;}
    #m_sec4 .m_txt .line{width: 1px; height: 8rem; margin: 4rem auto 0;}
}
@media all and (max-width:768px){
    #m_sec4 .m_logo img{width: 6rem; margin-bottom: 3rem;}
}
@media all and (max-width:480px){
    #m_sec4 .m_txt .line{height: 6rem; margin: 3rem auto 0;}
}


#m_sec5 { position: relative; overflow: hidden; }
#m_sec5 .m_sec5_slide { position: relative; padding: 0 2rem 7rem; overflow: hidden; margin-top: 7rem;}
#m_sec5 .swiper-slide { height: auto; background: #fff; border-radius: 2rem; overflow: hidden; box-shadow: 0 18px 45px rgba(13,32,64,0.08); border: 1px solid #edf1f6; }
#m_sec5 .swiper-slide .img { height: 40rem; background: #f2f5f9; display: flex; align-items: center; justify-content: center; overflow: hidden; }
#m_sec5 .swiper-slide .img img { width: 100%; height: 100%; object-fit: cover; object-position: top center;}
#m_sec5 .swiper-slide .txt {padding: 34px 30px 38px;}
#m_sec5 .swiper-slide .txt .tit h3 { font-size: 2rem; font-weight: 800; margin-bottom: 12px; color: var(--color2);}
#m_sec5 .swiper-slide .txt > h3 { font-size: 2.5rem; color: var(--color1); font-weight: 800; margin-bottom: 18px; line-height: 1.35; }
#m_sec5 .swiper-slide .txt p { font-size: 1.8rem; color: #666; line-height: 1.6; word-break: keep-all;}
#m_sec5 .m_sec5_pagination { position: absolute; left: 0; right: 0; bottom: 10px; text-align: center; }
#m_sec5 .swiper-pagination-bullet-active {background:  var(--color1);}

@media (max-width: 768px) {
    #m_sec5 .swiper-slide {border-radius: 1rem;}
}


#m_sec6{background: url('/images/main/m_sec6_bg.jpg') center center / cover no-repeat; color: #fff; background-attachment: fixed;}
#m_sec6 .inner{display: flex; gap: 5rem; justify-content: space-between; align-items: center;}
#m_sec6 .lt{width: 55rem;}
#m_sec6 .lt h4{font-size: 2.5rem;}
#m_sec6 .lt h3{font-size: 5rem; margin-top: 2rem;}
#m_sec6 .lt h3 span{color: var(--color3);}
#m_sec6 .lt p{font-size: 2rem; line-height: 1.6; margin-top: 4rem;}
#m_sec6 .lt a{font-size: 2rem; line-height: 1.6; margin-top: 4rem;}
#m_sec6 .lt a{display: flex; align-items: center; gap: 3rem; font-size: 2rem; color: #fff; background: var(--color1); border-radius: 1rem; width: 20rem; height: 6rem; margin-top: 8rem; justify-content: center; font-weight: bold;}
#m_sec6 .lt a span{display: inline-block; padding-bottom: 0.3rem;}
#m_sec6 .rt{width: calc(100% - 55rem);}
#m_sec6 .rt .img{width: 100%;}
#m_sec6 .rt .img img{width: 100%;}


@media all and (max-width:1480px){
    #m_sec6 .lt{width: 45rem;}
    #m_sec6 .rt{width: calc(100% - 50rem);}
}
@media all and (max-width:1280px){
    #m_sec6 .lt{width: 40rem;}
    #m_sec6 .rt{width: calc(100% - 45rem);}
    #m_sec6 .lt h4{font-size: 2rem;}
    #m_sec6 .lt h3{font-size: 4rem;}
    #m_sec6 .lt p{font-size: 1.8rem; margin-top: 3rem;}
    #m_sec6 .lt a{gap: 2rem; font-size: 1.8rem; width: 16rem; height: 5rem; margin-top: 4rem;}
}
@media all and (max-width:976px){
    #m_sec6 .inner{flex-wrap: wrap;}
    #m_sec6 .lt{width: 100%;}
    #m_sec6 .rt{width: 100%;}
}
@media all and (max-width:768px){
    #m_sec6 .lt a{font-size: 1.6rem; width: 14rem; height: 4rem; border-radius:0.5rem; float: right; margin-top: 2rem;}
    #m_sec6 .lt h4{font-size: 1.8rem;}
    #m_sec6 .lt h3{font-size: 3.5rem;}
    #m_sec6 .lt p{font-size: 1.6rem; margin-top: 2rem;}
}
@media all and (max-width:480px){
}

#m_sec7{background-color: #fff;}
#m_sec7 .a_map{background: #fafafa; border-radius: 2rem; overflow: hidden;}
#m_sec7 .a_map img{width: 100%;}
#m_sec7 .info{margin-top:4rem;}
#m_sec7 .info ul{ display:flex; gap:5rem; justify-content:space-between; }
#m_sec7 .info ul li{ width:calc(100%/3 - 10rem/3); }
#m_sec7 .info .title{ display:flex; align-items:center; gap:1.5rem; margin-bottom:2rem; }
#m_sec7 .info .title i{color: #fff; background: var(--color1); width: 5rem; height: 5rem; border-radius: 100px; display: flex; align-items: center; justify-content: center;font-size: 2.5rem;}
#m_sec7 .info .title h3{font-size:3rem;font-weight:700;color:var(--color1);}
#m_sec7 .info p{ font-size:2rem; line-height:1.7; color:#555; }
#m_sec7 .info .address{margin-bottom:1.5rem;}
#m_sec7 .info .find{ display:flex; gap:1rem; margin-bottom:3rem; }
#m_sec7 .info .find a{padding:0 2rem; display:flex; align-items:center; justify-content:center; border-radius:.5rem; font-size:1.6rem; font-weight:600; display: flex; align-items: center;height: 4.5rem;}
#m_sec7 .info .find a img{width: 3rem;}
#m_sec7 .info .find a:first-child{ border: 1px solid #ddd;}
#m_sec7 .info .find a:last-child{ background:#fae100; color:#222; }
#m_sec7 .info .car{ border-top:1px solid #ddd; padding-top:2rem; }
#m_sec7 .info .car h4,
#m_sec7 .info .bus h4{ font-size:2.3rem; line-height: 3.3rem; color:var(--color1); font-weight:700;}
#m_sec7 .info .bus p{display: flex; gap: 0.5rem; flex-wrap: wrap;margin-top: 1rem;}
#m_sec7 .info .bus p span{display: inline-block; padding: 0rem 1.5rem; background: var(--color2); border-radius: 0.5rem; color: #fff; font-weight: bold; font-size: 1.8rem;}
#m_sec7 .info dl{display: flex; align-items: center;}
#m_sec7 .info dl + dl{margin-top: 1rem;}
#m_sec7 .info dl dt{ font-size:2rem; color:var(--color1); font-weight:700; width: 10rem;}
#m_sec7 .info dl dd{ font-size:2rem; color:#555; }
#m_sec7 .info .point{ margin-top:1rem; color:#d50000; font-size: 1.8rem;}

@media all and (max-width:1240px){
    #m_sec7 .info ul{flex-wrap: wrap;}
    #m_sec7 .info ul li:nth-child(1){width: 100%;}
    #m_sec7 .info ul li{width: calc(100%/2 - 2.5rem);}
}
@media all and (max-width:768px){
    #m_sec7 .info ul li{width: 100%;}
    #m_sec7 .info .title i{width: 4rem; height: 4rem; font-size: 2rem;}
    #m_sec7 .info .title h3{font-size:2.5rem;}
    #m_sec7 .info .bus p span{ font-size: 1.6rem;}
    #m_sec7 .info .car h4,
    #m_sec7 .info .bus h4{ font-size:2rem;}
    #m_sec7 .info p{ font-size:1.8rem;}
}
@media all and (max-width:480px){
}