.ms01{height: 100vh;}
.ms01 .sw-ms01{height: 100%; color: #fff;}
.ms01 .sw-ms01 ul{}
.ms01 .sw-ms01 ul li{display: flex; align-items: center; }
.ms01 .sw-ms01 ul li.slide01{background: url(../img/ms01-bg01.png) no-repeat center / cover;}
.ms01 .sw-ms01 ul li.slide02{background: url(../img/ms01-bg02.png) no-repeat center / cover;}
.ms01 .sw-ms01 ul li.slide03{background: url(../img/ms01-bg03.png) no-repeat center / cover;}
.ms01 .sw-ms01 ul li .inner{padding-bottom: 11rem;}
.ms01 .sw-ms01 ul li h2{line-height: 1.2; font-size: 6rem;   font-weight: 800;}
.ms01 .sw-ms01 .control{position: absolute; z-index: 11; left: 50%; transform: translateX(-50%); top: 60%; font-size: 14px;}
.ms01 .sw-ms01 .control .swiper-pagination{display: flex; align-items: center; gap: 10px; position: relative; font-weight: 700; font-size: 14px; bottom: auto;}
.ms01 .sw-ms01 .control .swiper-pagination2{width: 100px; height: 3px; background-color: rgba(255, 255, 255, 0.3); position: relative; bottom: auto; }
.ms01 .sw-ms01 .control .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: #fff;}
@media screen and (max-width: 768px){
    .ms01 .sw-ms01 ul li h2{font-size: 32px;}
    .ms01 .sw-ms01 .control{top: auto; bottom: 55px; width: auto;}
}
/* ms02 business */
.ms02{padding: 15rem 0 14.5rem; background-color: #F7F7F7;}
.ms02 .title{text-align: center; margin-bottom: 8rem;}
.ms02 .title h2{font-family: 'Kumbh Sans'; font-size: 6rem; font-weight: 800; margin-bottom: 12px;}
.ms02 .title h3{font-size: 2rem; font-weight: 300; line-height: 1.6; color: #2D2D2D;}
.ms02 ul{display: flex; justify-content: space-between;}
.ms02 ul li{width: calc((100% - 6rem) / 3); background-color: #fff; font-size: 3rem; box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.1); transition: 0.3s; position: relative; }
.ms02 ul li::after{content: ""; padding-bottom: 68%; display: block;}
.ms02 ul li a{width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.ms02 ul li .icon{width: 6rem; margin-bottom: 3rem;}
.ms02 ul li .icon img{width: 100%;}
.ms02 ul li .icon img:nth-child(1){display: block;}
.ms02 ul li .icon img:nth-child(2){display: none;}
.ms02 ul li:hover{background-color: #62AAAA; color: #fff;}
.ms02 ul li:hover .icon img:nth-child(1){display: none;}
.ms02 ul li:hover .icon img:nth-child(2){display: block;}
@media screen and (max-width: 768px){
    .ms02{padding: 80px 0 70px;}
    .ms02 .title{margin-bottom: 26px;}
    .ms02 .title h2{font-size: 24px; margin-bottom: 26px;}
    .ms02 ul{flex-direction: column; gap: 16px; align-items: center;}
    .ms02 ul li{width: 100%; max-width: 300px; font-size: 20px;}
    .ms02 ul li .icon{width: 40px; margin-bottom: 5px;}
}
/* ms03 */
.ms03-1{display: flex; align-items: center; background: url(../img/ms03-bg.jpg) no-repeat center / cover; position: relative; height: 100vh;}
.ms03-1::after{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(#D9D9D9, rgba(145, 152, 229, 0));}
.ms03-1 .inner{position: relative; z-index: 1; line-height: 1.5; }
.ms03-1 h2{font-size: 4.2rem; font-weight: 800; margin-bottom: 6.2rem;}
.ms03-1 h2 span{color: #309C9C;}
.ms03-1 p{font-size: 2rem;}
@media screen and (max-width: 768px){
    .ms03-1 h2{font-size: 24px; margin-bottom: 18px;}
}
.ms03-2{background-color: #F3F3F3; padding: 13rem 0;}
.ms03-2 ul{display: flex; flex-wrap: wrap; gap: 30px;}
.ms03-2 ul li{width: calc((100% - 30px) / 2); text-align: center; transition: 0.3s; padding: 50px 4rem; background-color: #fff; box-shadow: 0 4px 34px 0 rgba(0, 0, 0, 0.25);}
.ms03-2 ul li .contbox{}
.ms03-2 ul li .icon{height: 7rem;}
.ms03-2 ul li .icon img{height: 100%;}
.ms03-2 ul li .icon img:nth-child(1){display: inline-block;}
.ms03-2 ul li .icon img:nth-child(2){display: none;}
.ms03-2 ul li h2{margin: 20px 0 4.5rem; font-size: 2.6rem; font-weight: 700;}
.ms03-2 ul li p{font-size: 16px; line-height: 1.8; text-align: left;}
.ms03-2 ul li:hover{background: linear-gradient(140deg, #61A8A8, #20555C); color: #fff;}
.ms03-2 ul li:hover .icon img:nth-child(1){display: none;}
.ms03-2 ul li:hover .icon img:nth-child(2){display: inline-block;}
@media screen and (max-width: 768px){
    .ms03-2{padding: 70px 0;}
    .ms03-2 ul li{width: 100%;}
    .ms03-2 ul li h2{font-size: 20px; margin: 20px 0;}
}
.ms04{background: url(../img/ms04-bg.png) no-repeat center / cover; height: 100vh; display: flex; align-items: center; text-align: center; color: #fff; font-size: 16px;}
.ms04 h2{font-family: 'Kumbh Sans'; font-weight: 700; font-size: 45px;}
.ms04 p{margin: 2.3rem 0 4.3rem; line-height: 1.5;}
.ms04 a{color: #000; height: 60px; width: 160px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; background-color: #fff; border-radius: 100px;}
@media screen and (max-width: 768px){
    .ms04 p{margin: 20px 0;}
}
.side-nav{position: fixed; right: 0; top: 50%; color: #62AAAA; }
.side-nav ul{display: flex; flex-direction: column; gap: 26px;}
.side-nav li{opacity: 0.5; text-align: right; padding-right: 12rem; position: relative;}
.side-nav li::after{content: ""; width: 11rem; height: 1px; background-color: #62AAAA; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.side-nav li.active{opacity: 1;}
@media screen and (max-width: 768px){
    .side-nav{display: none;}
}