.sister h1,.sister h2,.sister h3,.sister h4,.sister h5,.sister h6,.sister input,.sister p,.sister span,.sister a,.sister td,.sister th,.sister div,.sister li,.sister label,.sister textarea{letter-spacing: -1px;}
.sisterwrap .sister{overflow: hidden;}
.sisterwrap .sister,.sister,.sisterwrap{width:100%; position: relative;max-width:1920px; margin: auto;}
.sisterwrap img{width: 100%;}
.sisterwrap .quicks.on{width: 100%;; display: block !important;position: fixed;bottom: 0;left: 50%;transform: translate(-50% ,0); z-index: 10;max-width: 720px;}
.sisterwrap .quicks{width: 100%;;display: none !important;z-index: 10;position: fixed;bottom: 0;left: 50%;transform: translate(-50% ,0);max-width: 720px;;}
.sisterwrap .sister .inner{position: relative;max-width: 720px; margin: auto;width: 100%;}
.sisterwrap .sister1{background: rgb(254,247,209); background: linear-gradient(180deg, rgba(254,247,209,1) 0%, rgba(247,247,231,1) 50%, rgba(249,210,240,1) 100%);}
.sisterwrap .sister1 .inner{padding-bottom: 54%;}
.sisterwrap .sister1 .sisterhead{padding: 3% 7% 0 7%;overflow: hidden;margin-bottom: 12%;}
.sisterwrap .sister1 .gnilogo{display: inline-block;width: 26.485%;}
.sisterwrap .sister1 p.T1{font-size: calc( 21px + 21 * ( 100vw - 720px ) / 720 );line-height: calc( 40px + 40 * ( 100vw - 720px ) / 720 );color:#beb483;float: right;}
.sisterwrap .sister1 h1{width: 68.945%; margin-bottom: 9%;padding-left: 7%;opacity: 0;animation:fade-in-top .6s cubic-bezier(.39,.575,.565,1.000) both ;}
.sisterwrap .sister1 p.T2{padding-left: 7%;width: 71.027%;}
.sisterwrap .sister1 .ob{position: absolute;}
.sisterwrap .sister1 .ob1{width: 50%; bottom: 0;right: -7%;}
.sisterwrap .sister1 .ob2{opacity: 0; animation: ups 2s linear infinite; left: 50%; margin-left: -848px; top: 83px;}
.sisterwrap .sister1 .ob3{opacity: 0; animation: ups 2s linear infinite 0.3s; width: 6.806%;left: 73%; top: 7%;}
.sisterwrap .sister1 .ob4{opacity: 0; animation: ups 2s linear infinite 0.8s; width: 9.445%;left: 80%; top: 10%;}
.sisterwrap .sister1 .ob5{opacity: 0; animation: ups 2s linear infinite 0.2s; width: 9.028%;left: -22%; top: 30%;}
.sisterwrap .sister1 .ob6{opacity: 0; animation: ups 2s linear infinite 0.5s; width: 9.445%;left: 117%; top: 33%;}
.sisterwrap .sister1 .ob7{opacity: 0; animation: ups 2s linear infinite 0.1s; width: 9.028%;left: 150%; top: 15%;}
.sisterwrap .sister1 .ob8{opacity: 0; animation: ups 2s linear infinite 0.6s; width: 7.5%;left: -40%; top: 44%;}
.sisterwrap .sister1 .ob9{opacity: 0; animation: ups 2s linear infinite 0.7s; width: 6.806%;left: 22%; top: 84%;}
.sisterwrap .sister1 .ob10{width: 8.89%;left: 29%; top: 81%;opacity: 0; animation: ups 2s linear infinite 0.3s;}
.sisterwrap .sister1 .ob11{bottom: 0;left: 50%; margin-left: -960px;width: 1920px;opacity: 0.6;animation: ups4 3s linear infinite;}
.sisterwrap .sister2{background: #fff3f2;padding: 16% 0;}
.sisterwrap .sister2 h2{text-align: center;font-size: calc( 60px + 60 * ( 100vw - 720px ) / 720 );line-height: calc( 76px + 76 * ( 100vw - 720px ) / 720 );color: #aa3bce;font-weight: 700;letter-spacing: -1.5px;margin-bottom: 3%;}
.sisterwrap .sister2 p.T1{font-size: calc( 32px + 32 * ( 100vw - 720px ) / 720 );line-height: calc( 46px + 46 * ( 100vw - 720px ) / 720 );color: #222;text-align: center;margin-bottom: 8%;}
.sisterwrap .sister2 p.T1 span{font-size: calc( 44px + 44 * ( 100vw - 720px ) / 720 );color:#f07281;font-weight: 700;}
.sisterwrap .sister2 .imgbox{text-align: center;position: relative;width: 100%; margin-bottom: 13%;}
.sisterwrap .sister2 .imgbox>img{width: 62.64%;position: relative;z-index: 2;}
.sisterwrap .sister2 .imgbox span{position: absolute;opacity: 0;}
.sisterwrap .sister2 .imgbox span.ob1{margin: 0; width: 30.974%; top: 13%; left: 60%;}
.sisterwrap .sister2 .imgbox span.ob2{margin: 0; width: 30.974%; top: 13%; left: 9%;}
.sisterwrap .sister2 .imgbox span.ob3{margin: 0; width: 32.085%; top: 68%; left: 13%;z-index: 3;}
.sisterwrap .sister2 .imgbox span.ob4{margin: 0; width: 32.085%; top: 68%; left: 55%;z-index: 3;}
.sisterwrap .sister2 .imgbox span.ob5{margin: 0; width: 9.66%; top: 28%; left: -10%;z-index: 3;animation: ups2 2s linear infinite;}
.sisterwrap .sister2 .imgbox span.ob6{margin: 0; width: 10.04%; top: 68%; left: 150%;z-index: 3;animation: ups2 2s linear infinite 0.5s;}
.sisterwrap .sister2 .imgbox span.on.ob1{animation:fade-in-bottom .6s cubic-bezier(.39,.575,.565,1.000) both;}
.sisterwrap .sister2 .imgbox span.on.ob2{animation:fade-in-bottom .6s cubic-bezier(.39,.575,.565,1.000) both 0.2s;}
.sisterwrap .sister2 .imgbox span.on.ob3{animation:fade-in-left .6s cubic-bezier(.39,.575,.565,1.000) both 0.4s;}
.sisterwrap .sister2 .imgbox span.on.ob4{animation:fade-in-right .6s cubic-bezier(.39,.575,.565,1.000) both 0.6s;}
.sisterwrap .sister2 p.T2{font-size: calc( 42px + 42 * ( 100vw - 720px ) / 720 );line-height: calc( 62px + 62 * ( 100vw - 720px ) / 720 );color: #222;text-align: center;font-weight: 600;letter-spacing: -1.5px;margin-bottom: 5%;}
.sisterwrap .sister2 p.T2 span{color:#aa3bce;}
.sisterwrap .sister2 ul{display: table;width: 100%;text-align: center;margin-bottom: 10%;}
.sisterwrap .sister2 ul li{display: inline-block;width: 37.5%;margin: 0 1%;opacity: 0;}
.sisterwrap .sister2 ul li.on{animation:fade-in-top .6s cubic-bezier(.39,.575,.565,1.000) both;}
.sisterwrap .sister2 ul li:nth-of-type(2).on{animation-delay: 0.2s;}
.sisterwrap .sister2 ul li img{filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.1))}
.sisterwrap .sister .sistergal{width: 92.5%; margin: auto;overflow: hidden;position: relative;}
.sisterwrap .sister .swiper-container {margin-left: auto;margin-right: auto;position: relative;overflow: hidden;list-style: none;padding: 0; z-index: 1;}
.sisterwrap .sister .swiper-wrapper {position: relative; width: 100%;height: 100%;z-index: 1;display: flex;transition-property: transform;box-sizing: content-box;}  
.sisterwrap .sister .swiper-slide{flex-shrink: 0; width: 100%; height: 100%; position: relative;transition-property: transform;overflow: hidden;}
.sisterwrap .sister .swiper-pagination{position: absolute;bottom: 5%; width: 100%;z-index: 2;text-align: center;}
.sisterwrap .sister .swiper-pagination span{display: inline-block;width: 20px; height: 20px;background: #fff;border: 1px solid #c9c9c9;margin: 0 10px;border-radius: 20px;}
.sisterwrap .sister .swiper-pagination span.swiper-pagination-bullet-active{display: inline-block;width: 20px; height: 20px;background: #dda7fc;border: 1px solid #c9c9c9;}
.sisterwrap .sister3{background: #fcf6ff;padding: 16% 0;}
.sisterwrap .sister3 h2{text-align: center;font-size: calc( 60px + 60 * ( 100vw - 720px ) / 720 );line-height: calc( 76px + 76 * ( 100vw - 720px ) / 720 );color: #aa3bce;font-weight: 700;letter-spacing: -1.5px;margin-bottom: 3%;}
.sisterwrap .sister3 h2 span{color:#222}
.sisterwrap .sister3 .chbox{text-align: center;position: relative;}
.sisterwrap .sister3 .chbox .chs{width: 85.556%;margin: auto;}
.sisterwrap .sister3 .chbox .chhand{position: absolute;z-index: 2;}
.sisterwrap .sister3 .chbox .chhand1{width: 16%; left: 8.5%; top: 81.35%;}
.sisterwrap .sister3 .chbox .chhand2{width: 16.25%; left: 76.1%; top: 81.7%;}
.sisterwrap .sister3 .chbox .Tuu{position: absolute;width: 75.835%; left: 12%; top: 46.3%;margin: auto;transform-origin: 50% 0;z-index: 4;}
.sisterwrap .sister3 .chbox .Tuu.on{animation: opening 1s linear both;}
.sisterwrap .sister3 .chbox .Tuuin{position: absolute;width: 70.417%; left: 14.5%; top: 45.6%;margin: auto;}
.sisterwrap .sister3 .chbox .Tuuintxt{position: absolute;width: 69.863%; left: 14.7%; top: 46%;margin: auto;clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);}
.sisterwrap .sister3 .chbox .Tuuintxt.o2{animation: clips 0.5s linear both !important;}
.sisterwrap .sister3 .chbox .Tuuintxt.one{animation: clips2 0.5s linear both !important;}
.sisterwrap .sister3 .chbox .Tuuintxt.other{animation: clips 1s linear both 2s;}
.sisterwrap .sister3 .chbox .chtitle{position: absolute;left: 50%; transform: translate(-50%,0);width: 80%; max-width: 570px;top: 37%;z-index: 3;}
.sisterwrap .sister3 .chbox .chtitle p.T1{font-size: calc( 44px + 44 * ( 100vw - 720px ) / 720 );color:#fff;width: 100%; padding: 4% 0;background: #e599a8;}
.sisterwrap .sister3 .chbox .chtitle>img{width: 50%; position: absolute;top: -71%; left: 50%;transform: translate(-50%,0);}
.sisterwrap .sister3 .chbox .toggles{position: absolute;;z-index: 3;width: 20%; max-width: 125px;padding-bottom: 7%;top: 93%; left: 50%;border:3px solid #e599a8;;transform: translate(-50%,0);border-radius: 50px;background: #fff;animation: opas 0.5s linear both 1.5s;}
.sisterwrap .sister3 .chbox .toggles:before{content: '';width: 36%; height: 90%; background: #a8a8a8;position: absolute;left: 50%;top: 50%; transform: translate(2%,-50%);border-radius: 50px;}
.sisterwrap .sister3 .chbox .toggles.o2:before{animation: anis 0.5s linear both !important;}
.sisterwrap .sister3 .chbox .toggles.one:before{animation: anis2 0.5s linear both !important;}
.sisterwrap .sister3 .chbox .toggles.other:before{animation: anis 1s linear both 2s;}
.sisterwrap .sister3 .chgrf{width: 92.788%;margin: auto;position: relative;max-width: 669px;}
.sisterwrap .sister3 .chgrf .chinner{position: absolute;top: 0;width: 100%;;}
.sisterwrap .sister3 .chgrf .chinner p.T1{text-align: center;font-size: calc( 42px + 42 * ( 100vw - 720px ) / 720 );line-height: calc( 60px + 60 * ( 100vw - 720px ) / 720 );color: #222;font-weight: 700;letter-spacing: -1.5px;margin-bottom: 9%;padding-top: 13%;}
.sisterwrap .sister3 .chgrf .chinner p.T1 span{color:#aa3bce}
.sisterwrap .sister3 .chgrf .chinner .ingrf{width: 76.533%; margin: auto;margin-bottom: 11.5%;clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);}
.sisterwrap .sister3 .chgrf .chinner .ingrf1.on{animation: grf 1s linear both;}
.sisterwrap .sister3 .chgrf .chinner .ingrf2.on{animation: grf 1s linear both;}
.sisterwrap .sister4{background: #fffee9;padding-bottom: 12%;}
.sisterwrap .sister4 p.T1{text-align: center;font-size: calc( 60px + 60 * ( 100vw - 720px ) / 720 );line-height: calc( 76px + 76 * ( 100vw - 720px ) / 720 );color: #222;font-weight: 700;letter-spacing: -1.5px;padding-top: 15%; margin-bottom: 7%;}
.sisterwrap .sister4 p.T1 span{color:#aa3bce;}
.sisterwrap .sister4 .contents{position: relative;width: 92.224%;margin: auto;max-width: 664px;}
.sisterwrap .sister4 .contents>img{position: relative;z-index: 3;}
.sisterwrap .sister4 .contents span{position: absolute;width: 119%;left: 26%;top: 40%;animation: ros 2s steps(1) infinite;}
.sisterwrap .sister5{background: #fff6e9;padding-bottom: 12%;;}
.sisterwrap .sister5 p.T1{padding: 14% 0 8% 0;width: 80%;margin: auto;max-width: 600px;;}
.sisterwrap .sister5 ul{text-align: center;margin-bottom: 9%;}
.sisterwrap .sister5 ul li{width: 91.667%; margin: auto;margin-bottom: 5%;max-width: 660px;opacity: 0;;}
.sisterwrap .sister5 ul li.on{animation:fade-in-top .6s cubic-bezier(.39,.575,.565,1.000) both;}
.sisterwrap .sister5 ul li:nth-of-type(2).on{animation-delay: 0.2s;}
.sisterwrap .sister5 ul li:nth-of-type(3).on{animation-delay: 0.4s;}
.sisterwrap .sister5 p.T2{width: 74.028%; margin: auto;max-width: 533px;;}
.sisterwrap .sister5 .heartbox{position: absolute;left: 50%;opacity: 0;}
.sisterwrap .sister5 .heartbox1{margin-left: -477px; top: 312px;animation: ups3 3s linear infinite;}
.sisterwrap .sister5 .heartbox2{margin-left: -415px; top: 283px;animation: ups3 3s linear infinite 1s; }
.sisterwrap .sister5 .heartbox3{margin-left: 435px; top: 1016px;animation: ups3 3s linear infinite;transform: rotate(40deg);}
.sisterwrap .sister5 .heartbox4{margin-left: 386px; top: 986px;animation: ups3 3s linear infinite 1s;transform: rotate(40deg); }
.sisterwrap .sister6 .sistergal{width: 100%;  margin: auto;overflow: hidden;position: relative;max-height: 860px;}
.sisterwrap .sister6 .sistergal .swiper-slide{position: relative;}
.sisterwrap .sister6 .sistergal .swiper-slide span{position: absolute;left: 50%;;}
.sisterwrap .sister6 .sistergal .swiper-slide span:nth-of-type(1){margin-left: -960px; top: 0;}
.sisterwrap .sister6 .sistergal .swiper-slide span:nth-of-type(2){margin-left: 360px; top: 0;}
.sisterwrap .sister7{padding: 15% 0 10% 0;background: #3e3b43;}
.sisterwrap .sister7 p.T1{text-align: center;font-size: calc( 42px + 42 * ( 100vw - 720px ) / 720 );line-height: calc( 60px + 60 * ( 100vw - 720px ) / 720 );color: #fff;letter-spacing: -1.5px;margin-bottom: 1%;}
.sisterwrap .sister7 p.T2{text-align: center;font-size: calc( 60px + 60 * ( 100vw - 720px ) / 720 );line-height: calc( 76px + 76 * ( 100vw - 720px ) / 720 );color: #f2e5ff;font-weight: 700;letter-spacing: -1.5px;margin-bottom: 9%;}
.sisterwrap .sister7 .sisterbtn{text-align: center;}
.sisterwrap .sister7 .sisterbtn a{width: 75.417%; margin: auto;display: inline-block;max-width: 543px;}
.sisterfot{padding: 30px 0;font-size: calc( 18px + 18 * ( 100vw - 720px ) / 720 ); color:#222;text-align: center;border-bottom: 1px solid #c7c7c7;}
.sisteradd{text-align: center;padding: 30px 0 15% 0;}
.sisteradd a.fotlogo{width: 32.085%; margin: auto;margin-bottom: 3%;display: inline-block;max-width: 231px;;}
.sisteradd p.T1{font-size: calc( 26px + 26 * ( 100vw - 720px ) / 720 );line-height: calc( 40px + 40 * ( 100vw - 720px ) / 720 );color: #363636;}
@media (min-width: 721px) {
    .sister h1,.sister h2,.sister h3,.sister h4,.sister h5,.sister h6,.sister input,.sister p,.sister span,.sister a,.sister td,.sister th,.sister div,.sister li,.sister label,.sister textarea{letter-spacing: -1px;}
    .sisterwrap .sister img{width: 100%;}
    .sisterwrap .sister1 p.T1{font-size: 21px; line-height: 40px;}
    .sisterwrap .sister1 .inner{padding-bottom: 388px}
    .sisterwrap .sister3,.sisterwrap .sister2{padding: 114px 0;}
    .sisterwrap .sister4 p.T1,.sisterwrap .sister3 h2,.sisterwrap .sister2 h2{font-size: 60px; line-height: 76px;margin-bottom: 25px;}
    .sisterwrap .sister2 p.T1{font-size: 32px; line-height: 46px;margin-bottom: 60px;}
    .sisterwrap .sister2 p.T1 span{font-size: 44px;}
    .sisterwrap .sister2 p.T2{font-size: 42px; line-height: 52px;margin-bottom: 40px;}        
    .sisterwrap .sister2 ul{margin-bottom: 65px;;}
    .sisterwrap .sister2 ul li{width: 270px;}
    .sisterwrap .sister2 .imgbox{margin-bottom: 96px;}
    .sisterwrap .sister2 .imgbox span.ob1{left: 50%; top: 68px;margin-left: 76px;width: auto;}
    .sisterwrap .sister2 .imgbox span.ob2{left: 50%; top: 66px;margin-left: -297px;width: auto;}
    .sisterwrap .sister2 .imgbox span.ob3{left: 50%; top: 350px;margin-left: -265px;width: auto;}
    .sisterwrap .sister2 .imgbox span.ob4{left: 50%; top: 350px;margin-left: 32px;width: auto;}
    .sisterwrap .sister2 .imgbox span.ob5{left: 50%; top: 159px;margin-left: -472px;width: auto;}
    .sisterwrap .sister2 .imgbox span.ob6{left: 50%; top: 354px;margin-left: 372px;width: auto;}
    .sisterwrap .sister3 .chbox .Tuuintxt img,.sisterwrap .sister3 .chbox .Tuuintxt,.sisterwrap .sister3 .chbox .Tuuin img,.sisterwrap .sister3 .chbox .Tuuin,.sisterwrap .sister3 .chbox .Tuu,.sisterwrap .sister3 .chbox .Tuu img,.sisterwrap .sister3 .chbox .chs img,.sisterwrap .sister2 .sistergal img,.sisterwrap .sister2 .imgbox span img,.sisterwrap .sister2 .imgbox>img,.sisterwrap .sister2 ul li img{width: auto;}
    .sisterwrap .sister2 .sistergal{width: 666px; margin: auto;}
    .sisterwrap .sister3 .chbox .chhand,.sisterwrap .sister3 .chbox .chhand img{width: auto;}
    .sisterwrap .sister3 .chbox .chhand1{left: 50%; margin-left: -300px;top: 846px;}
    .sisterwrap .sister3 .chbox .chhand2{left: 50%; margin-left: 188px;top: 850px;}
    .sisterwrap .sister3 .chbox .Tuu{left: 50%; margin-left: -277px;}
    .sisterwrap .sister3 .chbox .Tuuin{left: 50%; margin-left: -255px;}
    .sisterwrap .sister3 .chbox .Tuuintxt{left: 50%; margin-left: -255px;}
    .sisterwrap .sister3 .chbox .chtitle p.T1{font-size: 44px;;}
    .sisterwrap .sister3 .chgrf .chinner p.T1{font-size: 42px;line-height: 60px;}
    .sisterwrap .sister4 p.T1{padding-top: 110px;margin-bottom: 50px;}
    .sisterwrap .sister5,.sisterwrap .sister4{padding-bottom: 85px;}
    .sisterwrap .sister5 p.T1{padding: 100px 0 50px 0;}
    .sisterwrap .sister5 ul li{margin-bottom: 33px;}
    .sisterwrap .sister5 ul{margin-bottom: 64px;;}
    .sisterwrap .sister6 .sistergal{text-align: center;}
    .sisterwrap .sister6 .sistergal img{width: auto;}
    .sisterwrap .sister7{padding: 103px 0 86px 0;}
    .sisterwrap .sister7 p.T1{font-size: 42px; line-height: 60px;margin-bottom: 10px;}
    .sisterwrap .sister7 p.T2{font-size: 60px; line-height: 76px;}
    .sisteradd p.T1{font-size: 26px; line-height: 40px;}
    .sisterfot{font-size: 18px;}
    .sisteradd a.fotlogo{margin-bottom: 15px;}
    .sisterwrap .sister3 .chbox .toggles{padding-bottom: 45px;}
    .sisteradd{text-align: center;padding: 30px 0 100px 0;}
    
}

@keyframes fade-in-right{0%{-webkit-transform:translateX(50px);transform:translateX(50px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}
@keyframes fade-in-top{0%{-webkit-transform:translateY(-50px);transform:translateY(-50px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}
@keyframes fade-in-left{0%{-webkit-transform:translateX(-50px);transform:translateX(-50px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}
@keyframes fade-in-bottom{0%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}
@keyframes floating {0% {transform: translateY(0%);	}50% {transform: translateY(8%);}100% {transform: translateY(0%);}}
@keyframes ups{0%{opacity: 0;}50%{opacity: 1;}100%{opacity: 0;}}
@keyframes ups4{0%{opacity: 0.6;}50%{opacity: 0;}100%{opacity: 0.6;}}
@keyframes ups2{0%{opacity: 0;}50%{opacity: 1;transform: translate(-20px,20px);}100%{opacity: 0;transform: translate(0px,40px);}}
@keyframes ups3{0%{opacity: 0;}50%{opacity: 1;transform: translate(-20px,-20px);}100%{opacity: 0;transform: translate(0px,-40px);}}
@keyframes ros{0%{transform: rotate(0);} 50%{transform: rotate(-8deg)} 100%{transform: rotate(0);}}
@keyframes opening {0% {transform: perspective(1000px) rotateX(0deg)}100% {transform: perspective(1000px) rotateX(90deg);}}
@keyframes clips {0% {clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);}100% {clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}}
@keyframes clips2 {0% {clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}100% {clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);}}
@keyframes grf {0% {clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);}100% {clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}}
/* @keyframes tops {0% {top: 46%;}100% {top: 91.7%;}}
@keyframes tops2 {0% {top: 91.7%;}100% {top: 46%;}} */
@keyframes anis {0% { left: 2%;background: #a8a8a8;}100% {left: 62%;background: #e599a8;}}
@keyframes anis2 {0% {left: 62%;background: #e599a8;}100% {left: 2%;background: #a8a8a8;}}
@keyframes opas {0% { opacity: 0;}100% {opacity: 1;}}