@charset "utf-8";

body{background:#f1f1f1;}

#wrap{}
#wrap .inner{width: 1240px;margin:0 auto;max-width:100%;}

#header{position: fixed;top: 0;left: 50%;z-index: 100;width: 100%;max-width: 100%;transform: translateX(-50%);}
#header .inner{position: relative;display:flex;align-items:center;height: 56px;}
#header .logo{position: absolute;z-index:2;top: 50%;left: 20px;display: flex;align-items: center;transform: translateY(-50%);}
#header .logo a{display:flex;align-items:center;justify-content:center;width: auto;height: 20px;aspect-ratio: 23 / 4;}
#header .logo img{display:block;width: 100%;object-fit: contain;}
#header .button{position: absolute;z-index:2;top: 50%;right: 20px;display: flex;align-items: center;transform: translateY(-50%);}
#header .button > a{display:flex;align-items:center;justify-content:center;padding: 0 12px;border-radius:32px;background: #fff;line-height: 32px;font-size:13px;font-weight:500;color: #000;}

#footer{position:relative;background: #F5F7FC;}
#footer .footer{margin: 0 auto;padding: 48px 24px;border-bottom:1px solid rgb(255 255 255 / 10%);width: 1280px;max-width: 100%;display: flex;flex-direction: column;text-align: left;}
#footer .logo{margin: 0 0 20px;}
#footer .logo img{height:24px;width:auto;}
#footer .telephone{margin: 0 0 20px;padding: 0 0 20px;border-bottom: 1px solid #757575;}
#footer .telephone .txt{display:flex;flex-direction:column;gap:5px;}
#footer .telephone .txt p{display:flex;align-items:center;gap:8px;}
#footer .telephone .txt p svg{}
#footer .telephone .txt p span{font-size:14px;color:rgb(0 0 0 / 70%);}
#footer .link{margin: 72px 0 0;display:flex;gap:12px;justify-content: center;}
#footer .link a{display:block;line-height: 22px;font-size: 16px;font-weight: 500;color: #797979;}
#footer .info{display:flex;flex-direction:column;gap: 8px;line-height:22px;font-size:14px;font-weight:400;color:#797979;}
#footer .info > div{display:flex;flex-wrap:wrap;justify-content: flex-start;}
#footer .info > div span{display:flex;align-items:center;}
#footer .info > div span:after{content:'';width:1px;height:10px;margin:0 6px;background: #797979;}
#footer .info > div span:last-of-type:after{display:none;}
#footer .cite{margin: 8px 0 0 0;line-height: 22px;font-size: 14px;font-weight: 400;color: #797979;}

#main{background: #000;}
#main .section{position:relative;overflow:hidden;}
#main .title{width:1240px;max-width:100%;}

#main .visual{position:relative;width:100%;height:100dvh;max-height: 600px;}
#main .visual .background{position:absolute;z-index:1;inset:0;overflow:hidden;}
#main .visual .background:before{content:'';position:absolute;z-index:1;inset:0;background: linear-gradient(252.97deg, rgba(59, 30, 121, 0.8) 1.63%, rgba(57, 31, 113, 0.9) 56.57%, rgba(55, 31, 107, 0.9) 99.31%);}
#main .visual .background img{display:block;width:100%;height:100%;}
#main .visual .text{position:absolute;z-index:3;inset: 0;padding: 20px;width: 100%;text-align: center;display: flex;flex-direction: column;align-items: center;justify-content: center;}
#main .visual .text .sub{margin:0 0 40px;line-height:25px;font-size:21px;font-weight:700;color:#c532ff;}
#main .visual .text .tit{line-height: 42px;font-size:32px;font-weight:700;color:#fff;}
#main .visual .text .tit span{color:#c532ff;}
#main .visual .text .act{margin: 30px 0 0;display: flex;align-items: center;justify-content: center;gap: 10px;}
#main .visual .text .act a{display:flex;align-items:center;justify-content:center;padding:0 36px;height:46px;border-radius:6px;background:#b63deb;font-size:20px;font-weight:700;color:#fff;}

#main .recommand{position:relative;padding: 100px 20px;background:#58408A;}
#main .recommand .inner{width:1410px;}
#main .recommand .title{margin: 0 auto 50px;line-height:38px;font-size:32px;font-weight:700;color:#fff;text-align: center;}
#main .recommand .title span{position:relative;}
#main .recommand .title span:before{content:'';position:absolute;bottom:-10px;left:0;width:100%;border-bottom:1px dashed #fff;}
#main .recommand .list{overflow: hidden;margin: 0 -20px;padding: 0 20px;}
#main .recommand .list ul{}
#main .recommand .list li{display:flex;flex-direction:column;align-items:center;text-align:center;width:245px;}
#main .recommand .list li .img{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;padding: 10px;width:70px;height:70px;border-radius:70px;background:#F5DFE0;}
#main .recommand .list li .img img{max-width:100%;height:auto;}
#main .recommand .list li .con{position:relative;z-index:0;margin: -45px 0 0 0;padding:55px 10px 30px;width: 100%;border-radius:12px;background: linear-gradient(180deg, #7763A2 0%, #5B438F 100%);}
#main .recommand .list li .tit{line-height:25px;font-size:18px;font-weight:500;color:#ffff;}
#main .recommand .list li .txt{margin: 24px 0 0;line-height: 21px;font-size: 18px;font-weight: 700;color: #c47ee9;}

#main .choose{position:relative;padding: 60px 20px;}
#main .choose .title{margin: 0 auto 40px;line-height:38px;font-size:32px;font-weight:700;color:#fff;text-align:center;}
#main .choose .title span{position:relative;color:#c532ff;}
#main .choose .title span:before{content:'';position:absolute;bottom: 0;left:0;width:100%;border-bottom:1px dashed #c532ff;}
#main .choose .list{display:flex;flex-direction:column;align-items: center;gap: 22px;}
#main .choose .list .item{display:flex;flex-direction:column;text-align:center;align-items:center;}
#main .choose .list .item .img{position:relative;z-index:0;}
#main .choose .list .item .img img{display:block;max-width:100%;height:auto;}
#main .choose .list .item .txt{position:relative;z-index:1;margin:18px 0 0;line-height:14px;color:#747474;}
#main .choose .list .item.on{}
#main .choose .list .item.on .img{box-shadow: 0px 4px 100px 0px #B52DEB;}
#main .choose .list .item.on .img:before{content:'';position:absolute;z-index: 2;inset:0;border-radius:5px;border:5px solid #c532ff;pointer-events: none;}
#main .choose .list .item.on .txt{font-size:20px;font-weight:700;color:#fff;}
#main .choose .list .verse{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50px;background:#b52deb;font-size: 20px;font-weight:500;color:#fff;}

#main .service{position:relative;padding: 60px 40px;background:#fff;}
#main .service .title{position:relative;z-index:1;margin: 0 0 60px;text-align:center;width: 100%;}
#main .service .title .sub{margin:0 0 10px;line-height:21px;font-size:18px;font-weight:700;color:#c532ff;}
#main .service .title .tit{line-height: 34px;font-size:28px;font-weight:700;}
#main .service .title .tit span{position:relative;color:#c532ff;}
#main .service .title .txt{margin:18px 0 0;line-height:24px;font-size:16px;font-weight:400;color:#787878;}
#main .service .title .txt.pc{display:none;}
#main .service .list{position:relative;z-index:1;border-radius:20px;background:rgb(255 255 255 / 60%);backdrop-filter: blur(10px)}
#main .service .list ul{display:flex;flex-direction:column;}
#main .service .list li{padding:32px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;}
#main .service .list li .tit{line-height:17px;font-size:14px;font-weight:700;}
#main .service .list li .txt{margin:4px 0 0 0;}
#main .service .list li .txt strong{line-height:76px;font-size:64px;font-weight:700;}
#main .service .list li .txt span{line-height:20px;font-size:20px;font-weight:700;}
#main .service .background{position:absolute;bottom:0;right: 0;width:100%;height:100%;z-index:0;pointer-events:none;display: flex;flex-direction: column;justify-content: flex-end;border-radius: 100px 0 0 0;}
#main .service .background img{max-width:100%;height:auto;}
#main .service .background img.pc{display:none;}

#main .allinone{position:relative;padding:60px 20px;background: linear-gradient(180deg, #FFEDFE 0%, #FFD9FD 100%);}
#main .allinone .title{position:relative;z-index:1;margin: 0 auto 60px;text-align:center;}
#main .allinone .title .sub{margin:0 0 10px;line-height:21px;font-size:18px;font-weight:700;color:#c532ff;}
#main .allinone .title .tit{line-height:32px;font-size:28px;font-weight:700;}
#main .allinone .title .tit span{position:relative;color:#c532ff;}
#main .allinone .title .txt{margin:18px 0 0;line-height:24px;font-size:16px;font-weight:400;color:#787878;}
#main .allinone .list{}
#main .allinone .list ul{display:flex;flex-direction:column;gap:24px;}
#main .allinone .list li{display:flex;flex-direction:column;align-items:center;padding: 20px 20px 30px;border-radius:20px;background:#fff;text-align:center;}
#main .allinone .list li .img{margin:0 0 10px;height:120px;}
#main .allinone .list li .img img{max-width:100%;max-height:100%;object-fit:contain;}
#main .allinone .list li .con{}
#main .allinone .list li .tit{margin:0 0 10px;line-height:21px;font-size:18px;font-weight:700;}
#main .allinone .list li .txt{margin:0 0 10px;line-height: 24px;font-size: 14px;font-weight:400;}
#main .allinone .list li .cau{line-height:26px;font-size:14px;font-weight:400;color:#adadad;}

#main .package{position:relative;padding:60px 20px;background: linear-gradient(180deg, #FFD9FD 0%, #FFC5FB 100%);}
#main .package .title{position:relative;z-index:1;margin: 0 0 50px;text-align:center;}
#main .package .title .sub{margin:0 0 10px;line-height:21px;font-size:18px;font-weight:700;color:#c532ff;}
#main .package .title .tit{line-height:32px;font-size:28px;font-weight:700;}
#main .package .title .tit span{position:relative;color:#c532ff;}
#main .package .title .txt{margin:18px 0 0;line-height:24px;font-size:16px;font-weight:400;color:#787878;}
#main .package .list{}
#main .package .list ul{display:flex;}
#main .package .list li{width: 270px;height: auto;padding:32px;background:#fff;border-radius:18px;box-shadow: 4px 4px 10px rgb(0 0 0 / 8%);display: flex;flex-direction: column;}
#main .package .list li .good{margin: 0 0 25px;}
#main .package .list li .good .sub{line-height: 22px;font-size: 12px;font-weight: 700;color: #C532FF;margin: 0 0 10px;letter-spacing: -0.5px;}
#main .package .list li .good .tit{line-height: 24px;font-size: 24px;font-weight: 600;color: #000;margin: 0 0 20px;}
#main .package .list li .good .txt{display: flex;flex-direction: column;gap: 6px;}
#main .package .list li .good .txt p{display: flex;align-items: center;line-height: 22px;font-size: 12px;font-weight: 500;color: #000;gap: 6px;}
#main .package .list li .good .txt p:before{content:'';flex: 0 0 auto;width: 20px;height: 20px;background: url("../img/ic_txt.png") no-repeat center / contain;}
#main .package .list li .item{margin: auto 0 0 0;}
#main .package .list li .item .tit{margin: 0 0 6px;line-height: 22px;font-size: 16px;font-weight: 800;color: #000;}
#main .package .list li .item .txt{display: flex;flex-direction: column;gap: 6px;}
#main .package .list li .item .txt p{display: flex;align-items: center;line-height: 22px;font-size: 12px;font-weight: 500;color: #000;gap: 6px;}
#main .package .list li .item .txt p:before{content:'';flex: 0 0 auto;width: 20px;height: 20px;background: url("../img/ic_txt.png") no-repeat center / contain;}
#main .package .list li .sale{margin:10px 0 0 0;display:flex;align-items:center;gap:20px;}
#main .package .list li .sale .img{width:38px;height:50px;display:flex;align-items:center;justify-content:center;}
#main .package .list li .sale .img img{max-width:100%;height:auto;}
#main .package .list li .sale .txt{gap: 0;line-height:22px;font-size:12px;font-weight:600;color:#000;}
#main .package .list li .sale .txt strong{font-size:14px;font-weight:600;color: #C532FF;}

#main .process{position:relative;padding:60px 20px;background:#F6F6F6;}
#main .process .swiper-slide{width: auto;display: flex;flex-direction: column;}
#main .process .swiper-pagination{display:none;}
#main .process .title{margin:0 0 30px;line-height:32px;font-size:28px;font-weight:700;width: auto;}
#main .process .list{width: 376px;max-width: 100%;}
#main .process .list ul{display:grid;grid-template-columns: repeat(2, 1fr);gap: 10px;}
#main .process .list li{}
#main .process .list li .box{position:relative;border-radius:12px;background:#fff;padding: 16px 12px;border:2px solid transparent;}
#main .process .list li .box:after{content:'';position:absolute;z-index:5;width:22px;height:22px;background:url("../img/ic_arrow.svg") no-repeat center / contain;}
#main .process .list li .num{margin:0 0 18px;line-height:19px;font-size:16px;font-weight:700;color:#C532FF;}
#main .process .list li .tit{margin:0 0 12px;line-height:24px;font-size:20px;font-weight:700;color:#000;white-space: nowrap;}
#main .process .list li .txt{height: 57px;line-height:19px;font-size:13px;font-weight:500;color:#5c5c5c;}
#main .process .list li .cau{margin:12px 0 0;line-height:14px;font-size:12px;font-weight:700;color:#ea5a55;letter-spacing:-0.5px;text-align: center;word-break: keep-all;}
#main .process .list li.pc{display:none;}
#main .process .list li.on .box{border:2px solid #C532FF;background: #F8E8FF;}
#main .process .price{padding: 24px 20px;border-radius: 12px;background: #fff;box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 10%);width: 100%;flex: 1;height: 100%;}
#main .process .price .head{position: relative;margin: 0 0 10px;}
#main .process .price .head .sub{margin: 0 0 6px;line-height: 19px;font-size: 16px;font-weight: 700;color: #c532ff;}
#main .process .price .head .tit{line-height: 24px;font-size: 20px;font-weight: 700;}
#main .process .price .head .cau{position: absolute;top: 0;right: 0;display: flex;align-items: center;justify-content: center;padding: 0 10px;height: 24px;background: #f6f6f6;border-radius: 6px;font-size: 12px;font-weight: 700;color: #8f8f8f;display: none;}
#main .process .price .cont{}
#main .process .price .cont ul{display: flex;flex-direction: column;height: 235px;gap: 12px;flex-wrap:wrap;}
#main .process .price .cont li{padding: 5px;height: 111px;width: calc(50% - 6px);border-radius: 12px;border: 1px solid #dbdbdb;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;background: #fff;}
#main .process .price .cont li .img{flex:0 0 auto;width: 40px;height: 40px;display:flex;align-items:center;justify-content:center;margin: 0 0 10px;}
#main .process .price .cont li .img img{max-width:100%;height:auto;}
#main .process .price .cont li .con{flex:1;}
#main .process .price .cont li .tit{line-height: 24px;font-size: 20px;font-weight: 700;letter-spacing: -0.5px;white-space: nowrap;}
#main .process .price .cont li .txt{margin: 4px 0 0;line-height: 17px;font-size: 14px;font-weight: 300;color: #a0a0a0;letter-spacing: -0.5px;}

#main .review{position:relative;padding:60px 20px;background:#FFEDFE;}
#main .review .title{position:relative;z-index:1;margin: 0 0 50px;text-align:center;}
#main .review .title .tit{line-height:32px;font-size:28px;font-weight:700;}
#main .review .title .tit span{position:relative;color:#c532ff;}
#main .review .title .txt{margin:18px 0 0;line-height:24px;font-size:16px;font-weight:400;color:#787878;}
#main .review .list{padding:0 25px;}
#main .review .list ul{}
#main .review .list li{position:relative;}
#main .review .list li .img{border-radius: 10px;height:300px;overflow:hidden;}
#main .review .list li .img img{width:100%;height:100%;object-fit:cover;object-position: top center;}
#main .review .list li .txt{position:absolute;bottom:0;left:0;width:100%;background: #2C2C2C;padding: 10px 0;text-align: center;font-size: 16px;font-weight: 500;color: #fff;}


#main .contact{position:relative;padding:60px 20px;background:#fff;}
#main .contact .inner{display:flex;justify-content: space-between;flex-direction: column;gap: 52px;}
#main .contact .background{position:absolute;z-index:0;inset:0;width:100%;height:100%;pointer-events:none;}
#main .contact .background img{width:100%;height:100%;object-fit:cover;}
#main .contact .background:before{content:'';position:absolute;inset:0;background:#000;opacity: 0.7;}
#main .contact .background.pc{display:none;}
#main .contact .left{position:relative;z-index:2;width:565px;max-width:100%;}
#main .contact .right{position:relative;z-index:2;width:565px;max-width:100%;}
#main .contact .title{}
#main .contact .title .eng{margin: 0 0 20px;line-height: 24px;font-size: 20px;font-weight:700;color: #c532ff;}
#main .contact .title .tit{line-height: 22px;font-size: 16px;font-weight:700;}
#main .contact .title .tit span{color: #c532ff;}
#main .contact .title .txt{margin: 8px 0 0;line-height: 18px;font-size: 14px;font-weight: 500;}
#main .contact .link{margin: 35px 0 0;display:flex;flex-direction:column;gap: 15px;}
#main .contact .link a{display:flex;align-items:center;justify-content:center;width: 100%;height: 44px;border-radius: 8px;font-size: 14px;font-weight:700;gap: 10px;}
#main .contact .link a.link-1{background: #C532FF;color:#fff;}
#main .contact .link a.link-2{background: #fff;color: #C532FF;}
#main .contact .link a i{width:24px;height:24px;flex:0 0 auto;}
#main .contact .link a i.ic-down{background:url("../img/ic_down.svg") no-repeat center / contain;width: 18px;height: 17px;}
#main .contact .link a i.ic-share{background:url("../img/ic_share.svg") no-repeat center / contain;}
#main .contact .info{margin:16px 0 0;display: none;}
#main .contact .info p{display:flex;align-items:center;gap:10px;line-height:44px;font-size:20px;font-weight:400;color:#fff;}
#main .contact .info i{width:24px;height:24px;flex:0 0 auto;}
#main .contact .info i.ic-mail{background:url("../img/ic_mail.svg") no-repeat center / contain;}
#main .contact .info i.ic-tel{background:url("../img/ic_tel.svg") no-repeat center / contain;}
#main .contact .form{display:flex;flex-wrap:wrap;gap:12px;}
#main .contact .form .input{width:100%;}
#main .contact .form .input input{display: block;width:100%;height:41px;border-radius:6px;padding:10px;font-size:14px;font-weight:400;color:#222;background: #E8E8E8;border: 0;}
#main .contact .form .input input::placeholder{color:#999;}
#main .contact .form .input select{display: block;width:100%;height:41px;border-radius:6px;padding:10px;font-size:14px;font-weight:400;color:#999;background: #E8E8E8 url("../img/ic_dropdown.svg") no-repeat center right 10px;border: 0;}
#main .contact .form .input select.active{color:#222;}
#main .contact .form .input textarea{display: block;width:100%;height:77px;border-radius:6px;padding:10px;font-size:14px;font-weight:400;color:#222;background:#E8E8E8;}
#main .contact .agree{margin: 15px 0 0;}
#main .contact .agree .agree-btn{display: flex;align-items: center;gap: 10px;}
#main .contact .agree .agree-btn .txt{font-size: 14px;font-weight: 500;color: #919191;}
#main .contact .agree .agree-btn .chk{}
#main .contact .agree .agree-btn .chk label{padding:2px;display:flex;align-items:center;gap:10px;cursor: pointer;}
#main .contact .agree .agree-btn .chk label input{display:none;}
#main .contact .agree .agree-btn .chk label input ~ i{position:relative;width:16px;height:16px;border-radius:5px;background: #fff;border: 2px solid #e6e6e6;}
#main .contact .agree .agree-btn .chk label input ~ i:before{content:'';position:absolute;top: 50%;left: 50%;width: 10px;height: 7px;background: url("../img/ic_chk.svg") no-repeat center / contain;transform: translate(-50%,-50%);display:none;}
#main .contact .agree .agree-btn .chk label input ~ span{font-size:14px;font-weight:400;color: #000;}
#main .contact .agree .agree-btn .chk label input:checked ~ i{background:#C532FF;border-color:#c532ff;}
#main .contact .agree .agree-btn .chk label input:checked ~ i:before{display:block;}
#main .contact .agree .agree-txt{margin:20px 0 0;border-radius:12px;background: rgb(246 246 246);padding:20px;}
#main .contact .agree .agree-txt p{margin:0 0 2px;line-height:21px;font-size:14px;font-weight:500;color:#b7b7b7;word-break:keep-all;}
#main .contact .agree .agree-txt p:last-child{overflow-y:auto;}
#main .contact .agree .agree-txt p span{color: #919191;}
#main .contact .button{margin: 52px 0 0;display:flex;align-items:center;justify-content:center;}
#main .contact .button button{display:flex;align-items:center;justify-content:center;text-align:center;width:300px;max-width:100%;height:50px;border-radius:12px;background: #C532FF;font-size:20px;font-weight:700;color:#fff;}

#main .popup-consult-form{position:fixed;z-index:101;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding: 20px;opacity: 0;visibility: hidden;}
#main .popup-consult-form.active{opacity:1;visibility:visible;transition: all 0.5s;}
#main .popup-consult-form.active inner{transform:translateY(0);}
#main .popup-consult-form .inner{position: relative;z-index:2;width:460px;max-width: 100%;max-height: calc(100dvh - 40px);border-radius:16px;background:#1b1b1b;padding: 20px 20px 38px;overflow-y: auto;transform:translateY(50px);transition:all 0.5s;}
#main .popup-consult-form .title{margin: 0 0 21px;}
#main .popup-consult-form .title .tit{line-height: 34px;font-size:24px;font-weight:700;color:#fff;}
#main .popup-consult-form .title .txt{margin: 10px 0 0 0;line-height: 22px;font-size: 16px;font-weight:700;color: #8f8f8f;}
#main .popup-consult-form .close{position:absolute;z-index: 2;top:20px;right:20px;width: 34px;height: 34px;cursor: pointer;}
#main .popup-consult-form .close:before{content:'';position:absolute;top:50%;left:50%;width:20px;height:2px;border-radius:2px;background:#fff;transform:translate(-50%,-50%) rotate(45deg);}
#main .popup-consult-form .close:after{content:'';position:absolute;top:50%;left:50%;width:20px;height:2px;border-radius:2px;background:#fff;transform: translate(-50%,-50%) rotate(135deg);}
#main .popup-consult-form .form{margin: 0 0 34px;}
#main .popup-consult-form .form dl{margin:0 0 28px;}
#main .popup-consult-form .form dt{margin:0 0 8px;display:block;line-height:20px;font-size:14px;font-weight:600;color:#fff;}
#main .popup-consult-form .form dd{}
#main .popup-consult-form .form dd input{display:block;padding:0 16px;width:100%;height: 48px;border-radius:12px;border: 2px solid rgb(153 153 153 / 43%);background:#282828;font-size:16px;font-weight:400;color:#fff;box-shadow:0 1px 2px rgb(0 0 0 / 3%);}
#main .popup-consult-form .form dd input::placeholder{color:rgb(255 255 255 / 100%);}
#main .popup-consult-form .agree{padding: 10px 0;display: flex;align-items: center;}
#main .popup-consult-form .agree label{display: flex;align-items: center;cursor: pointer;}
#main .popup-consult-form .agree label input{display: none;}
#main .popup-consult-form .agree label input ~ i{position:relative;flex: 0 0 auto;display: block;margin: 0 14px 0 0;width: 16px;height: 16px;border-radius: 5px;border: 2px solid rgb(112 115 124 / 40%);}
#main .popup-consult-form .agree label input ~ span{font-size: 16px;font-weight: 700;color: #fff;}
#main .popup-consult-form .agree label input:checked ~ i{background:#007aff;border-color:#007aff;}
#main .popup-consult-form .agree label input:checked ~ i:before{content:'';position:absolute;top: 2px;left: 1px;width:8px;height:3px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg);}
#main .popup-consult-form .button{margin:10px 0 0;}
#main .popup-consult-form .button button{display:flex;align-items:center;justify-content:center;text-align:center;width:100%;height:40px;border-radius:10px;background:#007aff;font-size:14px;font-weight:700;color:#fff;}
#main .popup-consult-form .dimmed{position:absolute;z-index:1;top:0;left:50%;width: 100%;height:100dvh;background:rgb(0 0 0 / 50%);transform:translateX(-50%);}

@media (min-width:1248px){

    #header{}
    #header .inner{position: relative;height: 72px;width: 1240px;}
    #header .logo{left:0;}
    #header .logo a{height:30px;}
    #header .button{right:0;}
    #header .button a{height: 48px;padding: 0 28px;font-size: 20px;letter-spacing: -1px;}

    #main .title{}
    #main .title br.mo{display:none;}
    #main .title br.pc{display:block;}

    #main .visual{}

    #main .recommand .list{margin:0;padding: 0;}

    #main .choose{}
    #main .choose .title span:before{bottom:-10px;}
    #main .choose .list{flex-direction:row;justify-content:center;}

    #main .service{}
    #main .service .inner{width: 1300px;display:flex;align-items: center;justify-content: space-between;gap: 120px;min-height: 500px;}
    #main .service .title{margin: 0;width: 500px;max-width: 100%;text-align: left;}
    #main .service .title .sub{}
    #main .service .title .tit{line-height:43px;font-size:36px;letter-spacing:-0.5px;}
    #main .service .title .txt{line-height: 26px;font-size: 19px;white-space: nowrap;}
    #main .service .list{margin: auto 0 0 0;width:620px;max-width:100%;}
    #main .service .list ul{flex-direction:row;}
    #main .service .list li{border-right:1px solid #fff;flex:auto;}
    #main .service .list li:last-child{border-right:0;}
    #main .service .background{right: 0;height: 100%;left: 46%;width: auto;}
    #main .service .background img.pc{display:block;width:100%;height: 100%;object-fit:cover;}
    #main .service .background img.mo{display:none;}

    #main .allinone{padding: 100px 0 60px;}
    #main .allinone .title .sub{}
    #main .allinone .title .tit{line-height:48px;font-size:40px;}
    #main .allinone .title .txt{line-height:33px;font-size:18px;}
    #main .allinone .list ul{flex-direction:row;gap:60px;}
    #main .allinone .list li{flex:1;}

    #main .package{}
    #main .package .title .tit{line-height:48px;font-size:40px;}
    #main .package .title .tit br.mo{display:none;}
    #main .package .title .tit br.pc{display:block;}
    #main .package .title .txt{line-height:33px;font-size:18px;}
    #main .package .list ul{justify-content:center;gap:24px;height:554px;}
    #main .package .list li{width:280px;}

    #main .process{padding:60px 60px;}
    #main .process .inner{width:100%;}
    #main .process .swiper-pagination{position:static;display:flex;align-items:center;justify-content:center;margin:50px 0 0 0;}
    #main .process .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;background:#D2D2D2;opacity:1;border-radius:10px;}
    #main .process .swiper-pagination .swiper-pagination-bullet-active{width:50px;background:#C532FF;}
    #main .process .list{width:auto;padding: 35px 50px;background: #fff;box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 10%);border-radius: 12px;height: 235px;}
    #main .process .list ul{display:flex;}
    #main .process .list li{width:auto;}
    #main .process .list li .box{width:175px;background:#f5f5f5;}
    #main .process .list li .box:after{top:50%;left: calc(100% + 8px);width:28px;height:28px;transform:translate(-50%,-50%);}
    #main .process .list li:last-child .box:after{display:none;}
    #main .process .list li.pc{display:block;}
    #main .process .price{flex: 0 0 auto;padding: 35px 50px;width:auto;height: 235px;}
    #main .process .price .cont ul{flex-direction:row;height:auto;flex-wrap: nowrap;}
    #main .process .price .cont li{position:relative;width: 240px;height: 110px;}
    #main .process .price .cont li:after{content:'';position:absolute;z-index:5;top:50%;left: calc(100% + 8px);transform:translate(-50%,-50%);width: 26px;height: 26px;background:url("../img/ic_plus.svg") no-repeat center / contain;}
    #main .process .price .cont li:last-child:after{display:none;}

    #main .review{padding: 60px 20px 70px;}
    #main .review .inner{width:1380px;}
    #main .review .title .tit{line-height:48px;font-size:40px;}
    #main .review .title .txt{line-height:33px;font-size:18px;}
    #main .review .list li .img{height: 480px;}
    #main .review .list li .txt{bottom: 0;}

    #main .contact{padding: 180px 20px 100px;}
    #main .contact .inner{flex-direction:row;}
    #main .contact .title .eng{margin:0;line-height:42px;font-size:36px;font-weight:400;}
    #main .contact .title .tit{line-height:85px;font-size:64px;font-weight:400;color:#fff;letter-spacing:-2px;}
    #main .contact .title .txt{margin:39px 0 0;line-height: 44px;font-size:32px;color:#fff;}
    #main .contact .link{margin:30px 0 0 0;}
    #main .contact .link a{width:300px;height:64px;font-size:20px;font-weight:400;}
    #main .contact .info{/* display:block; */}
    #main .contact .form{}
    #main .contact .form .input{}
    #main .contact .form .input.w50{width: calc(50% - 6px);}
    #main .contact .form .input input{background-color:#fff;}
    #main .contact .form .input select{background-color: #fff;}
    #main .contact .form .input textarea{background-color:#fff;}
    #main .contact .agree .agree-btn .txt{color:#fff;}
    #main .contact .agree .agree-btn .chk label input ~ span{color:#fff;}
    #main .contact .agree .agree-txt{background:rgb(255 255 255 / 10%);}
    #main .contact .agree .agree-txt p span{color:#fff;}
    #main .contact .background.pc{display:block;}
}

@media (max-width:1248px){
    #main .process .list li:nth-child(1) .box:after{top:50%;left: calc(100% + 8px);transform:translate(-50%,-50%);}
    #main .process .list li:nth-child(2) .box:after{top:calc(100% + 8px);left: 50%;transform:translate(-50%,-50%) rotate(90deg);}
    #main .process .list li:nth-child(3){order:4;}
    #main .process .list li:nth-child(3) .box:after{top:50%;right: calc(100% + 8px);transform:translate(50%,-50%) rotate(180deg);}
    #main .process .list li:nth-child(4){order:3;}
    #main .process .list li:nth-child(4) .box:after{display:none;}
    #main .process .price .cont li:nth-child(3){flex-direction:column;width: calc(50% - 6px);height: 234px;justify-content: center;align-items: center;}
    #main .process .price .cont li:nth-child(3) .img{padding: 0;width:63px;height:63px;}
    #main .process .price .cont li:nth-child(3) .con{flex:0 0 auto}

}