.renealopen_section01{padding: 80px 0 288px; background-color: #fff7ed; background-image: radial-gradient(#FFD4C2 1px, transparent 1px); background-size: 32px 32px; overflow: hidden; position: relative;}

.section01_bg{ background-color: #ffd4c2; filter: blur(140px); position: absolute; width: 60%; height: 60%; top: -20%; right: -10%; opacity: 0.4;}
.section01_sidebg{border-radius: 9999px;  filter: blur(120px); animation-delay: -3s;  animation: float 6s ease-in-out infinite; opacity: 0.3; width: 50%; height: 50%; background-color: rgb(254 215 170 / 0.1 ); position: absolute;}
.section01_sidebg.bleft{left: -10%; bottom: -10%;       }
.section01_sidebg.bright{right: -10%; top: -10%;}

.renealopen_section01 .titlebox{
    display: inline-flex; align-items: center; gap: 8px;
    font-size: 14px; line-height: 20px; font-weight: 700; color: #ff7e36; padding: 8px 20px; border-radius: 9999px; border : 1px solid #ffedd580; background: #fff;
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;

    box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 0.05);
}
@keyframes ping {
        75%, 100% {
        transform: scale(2);
        opacity: 0;
    }
}




.section01_textwrap{max-width: 896px; text-align: center; margin-left: auto; margin-right: auto; padding: 0 24px;}
.section01_textwrap .titlebox .dotwrap{ width: 8px; height: 8px; display: flex; position: relative; }
.section01_textwrap .titlebox{
    cursor: default; margin-bottom: 32px;
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.section01_textwrap .titlebox:hover{transform: scale(1.05);}
.section01_textwrap .titlebox .dotwrap span{display: inline-flex; width: 100%; height: 100%; position: absolute; top: 0; border-radius: 9999px;}
.section01_textwrap .titlebox .dotwrap .circle1{background: #ff7e36; animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; opacity: 0.75;}
.section01_textwrap .titlebox .dotwrap .circle2{ background: #ff7e36; border-radius: 9999px; }

.section01_textwrap .section01_copy{}
.section01_textwrap .section01_copy .t{font-size: 60px; line-height: 1; letter-spacing: -1.5px; color: #0f172a; filter: drop-shadow(0 1px 1px rgb(0 0 0 / 0.05)); font-weight: 900; margin-bottom: 24px;}
.section01_textwrap .section01_copy .t span{display: inline-block; margin-top: 8px; position: relative; color: #ff7e36}
.section01_textwrap .section01_copy .t span svg{position: absolute; bottom: -8px; height: 12px; color: rgba(255,212,194, 0.8); width: 100%; z-index: -10; left:0;}
.section01_textwrap .section01_copy .t span svg path{stroke: rgba(255, 212, 194, 0.8);}
.section01_textwrap .section01_copy .d{ font-size: 18px; line-height: 28px; color: #475569; font-weight: 500; max-width: 672px; margin:0 auto;}
.section01_textwrap .section01_copy .d strong{color: #1e293b; font-weight: 700;}


.floatingcards_wrap { position: absolute; inset: 0; pointer-events: none; z-index: 0; overflow: hidden;}
.floatingcards_inner { position: relative; width: 100%; height: 100%; max-width: 1280px; margin: 0 auto;}
.section01_card { position: absolute; border-radius: 12px; overflow: hidden; animation: float 6s ease-in-out infinite; 
    border: 1px solid rgba(255,255,255,0.6); 
    box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
}
.section01_card img { width: 100%; height: 100%; object-fit: cover;}
.section01_card.card1 { bottom: 44%; left: 1%; width: 176px; height: 112px; opacity: 0.3; transform: perspective(1200px) rotateY(35deg) rotateZ(-15deg) scale(0.6); animation-delay: -1.2s; filter: grayscale(30%);}
.section01_card.card2 { bottom: 34%; left: 6%; width: 192px; height: 128px; opacity: 0.6; z-index: 10; transform: perspective(1200px) rotateY(25deg) rotateZ(-10deg) scale(0.75); animation-delay: -0.4s;}
.section01_card.card3 { bottom: 20%; left: 15%; width: 208px; height: 136px; opacity: 0.8; z-index: 20; transform: perspective(1200px) rotateY(20deg) rotateZ(-7deg) scale(0.85); animation-delay: -2.8s;}
.section01_card.card4 { bottom: 10%; left: 32%; width: 224px; height: 144px; opacity: 0.95; z-index: 30; transform: perspective(1200px) rotateY(10deg) rotateZ(-4deg) scale(0.95); animation-delay: -1.5s;}
.section01_card.card6 { bottom: 10%; right: 32%; width: 224px; height: 144px; opacity: 0.95; z-index: 30; transform: perspective(1200px) rotateY(-10deg) rotateZ(4deg) scale(0.95); animation-delay: -3.5s;}
.section01_card.card7 { bottom: 20%; right: 15%; width: 208px; height: 136px; opacity: 0.8; z-index: 20; transform: perspective(1200px) rotateY(-20deg) rotateZ(7deg) scale(0.85); animation-delay: -0.8s;}
.section01_card.card8 { bottom: 34%; right: 6%; width: 192px; height: 128px; opacity: 0.6; z-index: 10; transform: perspective(1200px) rotateY(-25deg) rotateZ(10deg) scale(0.75); animation-delay: -4.2s;}
.section01_card.card9 { bottom: 44%; right: 1%; width: 176px; height: 112px; opacity: 0.3; transform: perspective(1200px) rotateY(-35deg) rotateZ(15deg) scale(0.6); animation-delay: -2.5s; filter: grayscale(30%);}

@keyframes float {
    0% { transform: translateY(0) scale(var(--scale,1)) rotate(0deg); }
    50% { transform: translateY(-20px) scale(var(--scale,1)) rotate(0deg); }
    100% { transform: translateY(0) scale(var(--scale,1)) rotate(0deg); }
}
@keyframes section01_floatCard {
    0% { transform: translateY(0); }
    50% { transform: translateY(-12px); }
    100% { transform: translateY(0); }
}

.section01_mobile_wrap{position:absolute;bottom:10%;left:50%;transform:translateX(-50%);width:100%;max-width:280px;height:160px;display:flex;align-items:center;justify-content:center;}
.section01_mobile_inner{position:relative;width:100%;height:100%;}
.section01_mobile_card{position:absolute;width:128px;height:96px;background:#fff;border-radius:8px;border:1px solid rgba(255,255,255,.6);overflow:hidden;box-shadow:0 10px 20px rgba(0,0,0,.15);animation:section01_floatCard 6s ease-in-out infinite;}
.section01_mobile_card img{width:100%;height:100%;object-fit:cover;}

.section01_mobile_card.card1{top:0;left:0;transform:rotate(-12deg);z-index:10;animation-delay:-1s;}
.section01_mobile_card.card2{top:-24px;right:-32px;transform:rotate(15deg);z-index:10;animation-delay:-2.5s;}
.section01_mobile_card.card3{bottom:0;left:16px;transform:rotate(-5deg);z-index:30;animation-delay:-4s;}
.section01_mobile_card.card4{bottom:8px;right:16px;transform:rotate(12deg);z-index:40;animation-delay:-1.5s;}




.section01_mobile_wrap{display: none;}



.section01_deco_wrap{position:absolute;inset:0;pointer-events:none;}
.section01_deco{position:absolute;}
.section01_deco svg{width:100%;height:100%;stroke:#ff8a00;fill:none;stroke-width:2;}
.section01_deco.heart{top:8rem;left:10%;width:56px;height:56px;opacity:.3;animation:bounceSlow 3s infinite;}
.section01_deco.heart svg{fill:rgb(255 126 54 / 0.3);}
.section01_deco.sparkles{bottom:8rem;right:12%;width:48px;height:48px;opacity:.3;animation:decofloat 6s ease-in-out infinite;}
.section01_deco.star{top:10rem;right:20%;width:32px;height:32px;opacity:.2;animation:pulseSlow 4s infinite;}
.section01_deco.star svg{fill: rgba(255, 126, 54, 0.2);}
.section01_deco.circle{top:50%;left:5%;transform:translateY(-50%);width:96px;height:96px;border:4px dashed rgba(254,215,170,.3);border-radius:50%;animation:spin 20s linear infinite;}
.section01_deco.box{top:33%;right:5%;width:64px;height:64px;background:linear-gradient(to bottom right,rgba(254,215,170,.4),transparent);border-radius:16px;transform:rotate(12deg);animation:decofloat 6s ease-in-out infinite;animation-delay:-1s;}

@keyframes decofloat{0%,100%{transform:translateY(0) ;}50%{transform:translateY(-10px) ;}}
@keyframes bounceSlow{0%,100%{transform:translateY(0);}50%{transform:translateY(-12px);}}
@keyframes pulseSlow{0%,100%{opacity:.2;}50%{opacity:.5;}}
@keyframes spin{from{transform:rotate(0);}to{transform:rotate(360deg);}}
@media (max-width:1024px){.deco{display:none;}}
@media (max-width:1280px){.circle,.box{display:none;}}




.renealopen_section02{background: #fff; padding: 96px 16px; position: relative;}

@keyframes section02_floatDeco {
    0%,100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}

.section02_bg_wrap{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;}
.section02_bg{position:absolute;border-radius:50%;filter:blur(60px);}
.section02_bg.blob1{top:-96px;left:-96px;width:384px;height:384px;background:rgba(255,140,0,.05);}
.section02_bg.blob2{top:50%;right:-96px;width:320px;height:320px;background:rgba(255,180,150,.1);transform:translateY(-50%);}
.section02_bg.blob3{bottom:-96px;left:25%;width:256px;height:256px;background:rgba(255,200,150,.2);}
.section02_icon{position:absolute;opacity:.1;animation:section02_floatDeco 6s ease-in-out infinite;}
.section02_icon svg{width:100%;height:100%;stroke:#ff8a00;fill:none;stroke-width:2;}
.section02_icon.paw{top:80px;left:10%;width:48px;height:48px;animation-delay:0s;}
.section02_icon.heart{bottom:160px;right:15%;width:40px;height:40px;animation-delay:2s;}
.section02_icon.bone{top:50%;left:5%;width:32px;height:32px;transform:rotate(45deg);animation-delay:4s;}



.section02_textwrap{max-width: 896px; text-align: center; margin-left: auto; margin-right: auto; padding: 0 24px;}



.section02_textwrap .titlebox{
    display: inline-flex; align-items: center; gap: 8px; margin-bottom: 24px; letter-spacing: 1px;
    font-size: 10px; text-transform: uppercase; font-weight: 700; color: #ff7e36; padding: 4px 12px; border-radius: 9999px; border : 1px solid #ff7e360d; background: rgba(255 126 54 / 0.05);;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 0.05);
}
.section02_textwrap .titlebox svg{width: 14px; height: 14px; stroke: #ff7e36;}

@keyframes bounce {
    0%, 100% {
        transform: translateY(-25%);
        animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
    }
    50% {
        transform: none;
        animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    }
}



.section02_textwrap .section02_copy{margin-bottom: 80px;}
.section02_textwrap .section02_copy .t{ font-size: 36px; line-height: 40px; color: #4c0519; font-weight: 700; gap: 16px; display: flex; justify-content: center; align-items: center; margin-bottom: 32px;}
.section02_textwrap .section02_copy .t > div {color : #4c0519}
.section02_textwrap .section02_copy .t span{color: #4c0519; position: relative; display: inline-block; z-index: 1; margin-left: 8px;}
.section02_textwrap .section02_copy .t span::before{content: ""; background: rgba(255, 126, 54, 0.2); border-radius: 2px; width: 100%; height: 16px; bottom: 4px; position: absolute;  z-index: -1;}
.section02_textwrap .section02_copy .t svg{stroke: #ff7e36; width: 24px; height: 24px;}
.section02_textwrap .section02_copy .d{ font-size: 16px; line-height: 20px; color: #94a3b8; font-weight: 500; max-width:576px; margin:0 auto; letter-spacing: -0.35px; word-break:keep-all;}
.section02_textwrap .section02_copy .d strong{color: #1e293b; font-weight: 700;}

.section02_meritlist{ max-width: 1024px; margin: 0 auto; }
.section02_meritbox{display: flex; flex-direction: row; align-items: center; padding: 40px; background: #ffffff; border: 1px solid #f1f5f9; border-radius: 40px; position: relative;
    transition-duration: 500ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 8px 30px rgb(0,0,0,0.04);
}

.section02_meritbox:hover{
    box-shadow: 0 30px 60px rgba(0,0,0,0.1);
    border-color : rgb(255 126 54 / 0.2);
    transform: translateY(-8px);
}
.section02_meritbox:hover .photowrap .photo, .section02_meritbox:hover .photowrap.reversedeg .photo {
    transform: rotate(0deg);
}

.section02_meritbox:hover .arrow{transform: rotate(45deg);}



.section02_meritbox + .section02_meritbox{margin-top: 32px;}
.section02_meritbox .leftline{position: absolute; height: 80px; width: 6px; top: 50%; left: 0; border-top-right-radius: 9999px; border-bottom-right-radius: 9999px; transform: translateY(-50%);}
.section02_meritbox .leftline.bgorange{background: #ff7e36;}
.section02_meritbox .leftline.bgyellow{background: #facc15;}
.section02_meritbox .leftline.bgred{background: #f87171;}

.section02_meritbox .arrow{
    position: absolute; top: 24px; right: 24px; z-index: 20; background: #ff7e36; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 9999px;
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 500ms;
    box-shadow: 0 10px 15px -3px #fed7aa, 0 4px 6px -4px #fed7aa;
}
.section02_meritbox .arrow.bgyellow{background: #facc15; }
.section02_meritbox .arrow.bgred{background: #f87171; }
.section02_meritbox .arrow svg{ width: 20px; height: 20px; stroke: #fff;}
.section02_meritbox .title{ padding-right: 32px; width: 33.33333%; margin-bottom: 0;}
.section02_meritbox .title .en{display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px;  margin-bottom: 12px; font-size: 10px; font-weight: 700; letter-spacing: -0.25px; text-transform: uppercase;}
.section02_meritbox .title .en span{width: 6px; height: 6px; display: inline-block; border-radius: 9999px;}
.section02_meritbox .title .en.green{color: #059669; background: #ecfdf5;}
.section02_meritbox .title .en.green span{background: #10b981;}
.section02_meritbox .title .en.blue{color: #2563eb; background: #eff6ff}
.section02_meritbox .title .en.blue span{background: #3b82f6;}
.section02_meritbox .title .en.orange{color: #ff7e36; background: #fff7ed;}
.section02_meritbox .title .en.orange span{background: #ff7e36;}

.section02_meritbox .title h3{font-size: 24px; line-height: 32px; color: #9a3412; font-weight: 700; margin:0; margin-bottom: 8px;}
.section02_meritbox .title p{ color: #94a3b8; font-size: 12px; line-height: 16px; font-weight: 500;}
.section02_meritbox .text{display: flex; flex-direction: column; margin:0; padding:0;}
.section02_meritbox .text li{ display: inline-flex; gap: 16px; align-items: center;}
.section02_meritbox .text li .txt{font-size: 16px; line-height: 24px; color: #334155; font-weight: 500; position: relative; z-index: 10;}
.section02_meritbox .text li .txt::before{content: ""; display: block; position: absolute; width: 100%; height: 8px; left: 0; bottom: 2px; background: #ff7e361a;}
.section02_meritbox .text li + li{margin-top: 20px;}
.section02_meritbox .text li .icon {display: flex; width: 24px; height: 24px; align-items: center; justify-content: center; background: rgb(255 237 213 / 0.5); border-radius: 9999px;}
.section02_meritbox .text li .icon svg{width: 14px; height: 14px; stroke: #ff7e36;}

.section02_meritbox .photowrap{ display: flex; width: 25%; justify-content: flex-end;  }
.section02_meritbox .photowrap .photorelative{position: relative;}
.section02_meritbox .photowrap .photo {width: 128px; height: 128px; border-radius: 9999px; border: 4px solid #fff; overflow: hidden;
    box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 500ms;
    transform: rotate(3deg);

}
.section02_meritbox .photowrap.reversedeg .photo{
    transform: rotate(-3deg);
}

.section02_meritbox .photowrap .photo img{object-fit: cover; width: 100%; height: 100%;}
.section02_meritbox .photowrap .svgicon{background: #fff; position: absolute; left: -8px; bottom: -8px; width: 48px; height: 48px;  display: flex; align-items: center; justify-content: center; border-radius: 16px;
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
}
.section02_meritbox .photowrap .svgicon svg{width: 24px; height: 24px; }
.section02_meritbox .photowrap .svgicon.svgorange svg{stroke: #ff7e36; }
.section02_meritbox .photowrap .svgicon.svgblue svg{stroke: #3b82f6;}
.section02_meritbox .photowrap .svgicon.svgright {left: unset; right: 0;}
.section02_meritbox .photowrap .svgicon.svgorange {animation: bounce 1s infinite;}
.section02_meritbox .photowrap .svgicon.svgblue {animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;}

.renealopen_section03{padding: 96px 16px; background: #fafaf9; border-top: 1px solid #f3f4f6; position: relative;}
.renealopen_section03_inner{ max-width: 1024px; margin: 0 auto;}
.section03_textwrap{max-width: 896px; text-align: center; margin-left: auto; margin-right: auto; padding: 0 24px;}
.section03_textwrap .titlebox{letter-spacing: 1.4px; display: inline-block; line-height: 20px; margin-bottom: 12px;
    font-size: 14px; text-transform: uppercase; font-weight: 700; color: #ff7e36; padding: 6px 16px; border-radius: 9999px;  background: rgba(255 126 54 / 0.05);;
}
.section03_textwrap .section03_copy{margin-bottom: 64px;}
.section03_textwrap .section03_copy .t{ font-size: 30px; line-height: 36px; color: #0f172a; font-weight: 700;  margin-bottom: 16px;}
.section03_textwrap .section03_copy .t span{color: #ff7e36; }
.section03_textwrap .section03_copy .d{ font-size: 16px; line-height: 24px; color: #64748b; font-weight: 500; }


.section03_lspecbox{
    padding: 48px; background: #fff; border: 1px solid #f1f5f9; border-radius: 40px;
    display: flex; flex-direction: row; gap: 40px; align-items: center;
    transition-property: box-shadow;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05)

}
.section03_lspecbox:hover{
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
}
.section03_lspecbox + .section03_lspecbox {margin-top: 32px;} 
.section03_lspecbox.reverserow{flex-direction: row-reverse;}
.section03_lspecbox .txtwrap{width: 33.333333%;}
.section03_lspecbox .txtwrap .num{font-weight: 700; border-radius: 9999px; display: flex; justify-content: center; align-items: center; width: 40px; height: 40px;}
.section03_lspecbox .txtwrap .t{color: #0f172a; line-height: 1.25; font-size: 20px; font-weight: 700; margin-bottom: 16px;}
.section03_lspecbox .txtwrap .d{color: #475569; line-height: 1.625; font-size: 14px; word-break: keep-all;}
.section03_lspecbox .beforeafter{width: 66.666667%; display: grid; gap: 16px; grid-template-columns: repeat(2, minmax(0, 1fr));}
.section03_lspecbox .beforeafter .beforebox .t,
.section03_lspecbox .beforeafter .afterbox .t{color: #94a3b8; display: flex; gap: 8px; align-items: center; justify-content: center; font-size: 12px; line-height: 16px; text-transform: uppercase; letter-spacing: 1.2px; font-weight: 700;}
.section03_lspecbox .beforeafter .beforebox .t span,
.section03_lspecbox .beforeafter .afterbox .t span{background: #cbd5e1; border-radius: 9999px; width: 8px; height: 8px;}

.section03_lspecbox .beforeafter .beforebox .b,
.section03_lspecbox .beforeafter .afterbox .b{
    margin: 12px 0; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 16px; aspect-ratio: 4 / 3; color: #94a3b8; font-style: italic; font-weight: 500;
    display: flex; align-items: center; justify-content: center;  font-size: 14px; line-height: 20px;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.section03_lspecbox .beforeafter .beforebox .b{filter: grayscale(100%);}
.section03_lspecbox .beforeafter .afterbox .b{font-style: normal; font-weight: 700; font-size: 18px; line-height: 28px;}
.section03_lspecbox.bgorange .txtwrap .num{color: #ff7e36; background: #ffedd5; margin-bottom: 16px;}
.section03_lspecbox.bgorange .beforeafter .afterbox .t{color: #ff7e36;}
.section03_lspecbox.bgorange .beforeafter .afterbox .t span{background:  #ff7e36;}
.section03_lspecbox.bgorange .beforeafter .afterbox .b{color: #ff7e36; border: 1px solid #fed7aa;
    background-image: linear-gradient(to bottom right,   #ffedd5 , #fff);
    box-shadow: 0 4px 6px -1px rgb(255 237 213 / 0.5), 0 2px 4px -2px rgb(255 237 213 / 0.5);

}
.section03_lspecbox.bgblue .txtwrap .num{color: #2563eb; background: #dbeafe; margin-bottom: 16px;}
.section03_lspecbox.bgblue .beforeafter .afterbox .t{color: #2563eb;}
.section03_lspecbox.bgblue .beforeafter .afterbox .t span{background: #2563eb; }
.section03_lspecbox.bgblue .beforeafter .afterbox .b{color: #2563eb; border: 1px solid #bfdbfe;
    background-image: linear-gradient(to bottom right,   #eff6ff , #fff);
    box-shadow: 0 4px 6px -1px rgb(219 234 254 / 0.5), 0 2px 4px -2px rgb(219 234 254 / 0.5);
}
.section03_lspecbox.bggreen .txtwrap .num{color: #059669; background: #d1fae5; margin-bottom: 16px;}
.section03_lspecbox.bggreen .beforeafter .afterbox .t{color: #059669;}
.section03_lspecbox.bggreen .beforeafter .afterbox .t span{background: #059669; }
.section03_lspecbox.bggreen .beforeafter .afterbox .b{color: #059669; border: 1px solid #a7f3d0;
    background-image: linear-gradient(to bottom right,   #ecfdf5 , #fff);
    box-shadow: 0 4px 6px -1px rgb(209 250 229 / 0.5), 0 2px 4px -2px rgb(209 250 229 / 0.5)
}
.section03_lspecbox.bgpurple .txtwrap .num{color: #9333ea; background: #f3e8ff; margin-bottom: 16px;}
.section03_lspecbox.bgpurple .beforeafter .afterbox .t{color: #9333ea;}
.section03_lspecbox.bgpurple .beforeafter .afterbox .t span{background: #9333ea; }
.section03_lspecbox.bgpurple .beforeafter .afterbox .b{color: #9333ea; border: 1px solid #e9d5ff;
    background-image: linear-gradient(to bottom right,   #faf5ff , #fff);
    box-shadow: 0 4px 6px -1px rgb(243 232 255 / 0.5), 0 2px 4px -2px rgb(243 232 255 / 0.5)

}
.section03_lspecbox.bgpink .txtwrap .num{color: #db2777; background: #fce7f3; margin-bottom: 16px;}
.section03_lspecbox.bgpink .beforeafter .afterbox .t{color: #db2777;}
.section03_lspecbox.bgpink .beforeafter .afterbox .t span{background: #db2777; }
.section03_lspecbox.bgpink .beforeafter .afterbox .b{color: #db2777; border: 1px solid #fbcfe8;
    background-image: linear-gradient(to bottom right,   #fdf2f8 , #fff);
    box-shadow: 0 4px 6px -1px rgb(252 231 243 / 0.5), 0 2px 4px -2px rgb(252 231 243 / 0.5)
}

.section03_lspecbox:hover .beforeafter .afterbox .b{transform: translateY(-4px);}
.section03_lspecbox:hover .beforeafter .beforebox .b{filter: grayscale(0);}


.section03_ping{position:absolute;border:1px solid rgba(254,215,170,.5);border-radius:50%;animation:section03_ping 3s cubic-bezier(0,0,.2,1) infinite;}
.section03_ping.plarge{top:80px;left:40px;width:128px;height:128px;}
.section03_ping.psmall{bottom:80px;right:40px;width:96px;height:96px;animation-duration:4s;}
@keyframes section03_ping{
    0%{transform:scale(1);opacity:1;}
    75%,100%{transform:scale(2);opacity:0;}
}





.renealopen_section04{
    padding: 48px 0; color: #fff; position: relative;
    background-image: linear-gradient(to bottom right, #c026d3 , #7e22ce);
}
.renealopen_section04 .sidebg{filter: blur(120px); border-radius: 9999px; width: 60%; height: 60%; position: absolute; top: -20%; left: -10%; background: rgb(249 168 212 / 0.3);}
.renealopen_section04 .feetbg{opacity: 0.04; position: absolute; inset: 0px; pointer-events: none;}
.renealopen_section04_inner{ max-width: 1024px; z-index: 10; padding:0 24px; margin: 0 auto;}

.renealopen_section04_inner .txtwrap{text-align: center; margin-bottom: 40px;}
.renealopen_section04_inner .txtwrap .t{font-size: 30px; line-height: 36px; letter-spacing: -0.75px; font-weight: 700; margin-bottom: 12px; color:#fff;}
.renealopen_section04_inner .txtwrap .t span{color: #67e8f9; display: inline-block; position: relative;}
.renealopen_section04_inner .txtwrap .t span svg{position: absolute; width: 100%; height: 8px; bottom: -4px; left: 0; stroke: #67e8f9; opacity: 0.3;}
.renealopen_section04_inner .txtwrap .d{font-size: 14px; line-height: 20px; opacity: 0.9; color: #fdf4ff;}

.renealopen_section04_inner .iconwrap{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); position: relative; margin-bottom: 40px;}
.renealopen_section04_inner .iconwrap .sec4_iconbox{text-align: center; display: flex; flex-direction: column; align-items: center; }
.renealopen_section04_inner .iconwrap .sec4_iconbox .t{font-size: 16px; line-height: 24px; font-weight: 700; margin-top: 12px; color:#fff;}
.renealopen_section04_inner .iconwrap .sec4_iconbox .d{ color:#fae8ff;}
.renealopen_section04_inner .iconwrap .sec4_iconbox .svgbox{background: #fff; width: 80px; height: 80px; border-radius: 16px; border: 1px solid rgba(255,255,255, 0.2);
    display: flex; align-items: center; justify-content: center; text-align: center;
    box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    transition-duration: 500ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.renealopen_section04_inner .iconwrap .sec4_iconbox .svgbox svg{stroke: #c026d3; width: 32px; height: 32px;}
.renealopen_section04_inner .iconwrap .sec4_iconbox .svgbox.purple svg{stroke: #9333ea; width: 32px; height: 32px;}

.renealopen_section04_inner .iconwrap .iconwrap_middleline{ width: 60%; height: 1px; position: absolute; left: 50%; top: 32px; transform: translateX(-50%);
    background-image : linear-gradient(to right, transparent , rgb(255 255 255 / 0.3) , transparent);
}
.renealopen_section04_inner .iconwrap .iconwrap_middleline > div { backdrop-filter: blur(4px);
    display: inline-flex; align-items: center; justify-content: center; border: 1px solid rgba( 255, 255, 255, 0.2); border-radius: 9999px;
    width: 32px; height: 32px;
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
}

@keyframes pulse{
    50% {
        opacity: .5;
    }
}

.renealopen_section04_inner .iconwrap .iconwrap_middleline > div svg{ width: 16px; height: 16px;
    fill: #f472b6; stroke: #f472b6;
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}


.renealopen_section04_inner .iconwrap .sec4_iconbox:hover .svgbox{
    transform: rotate(6deg) scale(1.1);
}
.renealopen_section04_inner .iconwrap .sec4_iconbox:hover .svgbox.purple{
    transform: rotate(-6deg) scale(1.1);
}

.renealopen_section04_inner  .statwrap{   display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px;}
.renealopen_section04_inner  .statwrap > div{
    padding: 24px; backdrop-filter: blur(12px); text-align: center; border: 1px solid rgba(255,255,255,0.1); border-radius: 24px; background: rgba(255,255,255,0.1);
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    background: 0 1px 2px 0 rgb(0 0 0 / 0.05);
}
.renealopen_section04_inner  .statwrap > div .t{color: #fff; font-size: 24px; line-height: 32px; font-weight: 700; display: flex; gap: 8px; align-items: center; justify-content: center; margin-bottom: 4px;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;

}
.renealopen_section04_inner  .statwrap > div .t svg{stroke: #67e8f9; width: 16px; height: 16px;}
.renealopen_section04_inner  .statwrap > div .d{font-size: 14px; line-height: 20px; opacity: 0.8; color: #fdf4ff;}
.renealopen_section04_inner  .statwrap > div:hover{
    background-color: rgb(255 255 255 / 0.2);
    transform: translateY(-4px);
}


.renealopen_section05{padding: 96px 16px; border-top: 1px solid #f3f4f6; max-width: 1024px; margin: 0 auto;}
.section05_textwrap{max-width: 896px; text-align: center; margin-left: auto; margin-right: auto; padding: 0 24px;}
.section05_textwrap .titlebox{letter-spacing: 1.4px; display: inline-block; line-height: 20px; margin-bottom: 12px;
    font-size: 14px; text-transform: uppercase; font-weight: 700; color: #ff7e36; padding: 6px 16px; border-radius: 9999px;  background: rgba(255 126 54 / 0.05);;
}
.section05_textwrap .section05_copy{margin-bottom: 64px;}
.section05_textwrap .section05_copy .t{ font-size: 30px; line-height: 36px; color: #0f172a; font-weight: 700;  margin-bottom: 16px;}
.section05_textwrap .section05_copy .t span{color: #ff7e36; }
.section05_textwrap .section05_copy .d{ font-size: 16px; line-height: 24px; color: #64748b; font-weight: 500; }

.section05_faqlist{}
.section05_faqlist .section05_faqbox{ background: #fff; border: 1px solid #e5e7eb;  border-radius: 16px; overflow:hidden;
    transition-duration: 300ms;
    transition-property: all;
    transition-timing-function: 
}
.section05_faqlist .section05_faqbox > *{
        transition-duration: 300ms;
    transition-property: all;
    transition-timing-function: 

}
.section05_faqlist .section05_faqbox + .section05_faqbox{margin-top: 16px;}
.section05_faqlist .section05_faqbox .faqbtn{ width: 100%; display: flex; padding: 32px; align-items: center; justify-content: space-between;  }
.section05_faqlist .section05_faqbox .faqbtn > .questionbox_wrap{display: flex; align-items: center; justify-content: flex-start; gap: 16px;}
.section05_faqlist .section05_faqbox .faqbtn > .questionbox_wrap .questionbox{font-size: 14px; line-height: 20px; color: #ff7e36; background: #fff7ed; font-weight: 700; border-radius: 12px; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center;}
.section05_faqlist .section05_faqbox .faqbtn > .questionbox_wrap .faqquestion{font-size: 16px; line-height: 24px; font-weight: 700; color: #1e293b; text-align: left;}
.section05_faqlist .section05_faqbox .faqbtn > .iconarrow{width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; background: #f9fafb; border-radius: 9999px;
    transition-duration: 300ms;
    transition-property: all;
    transition-timing-function: 
}  
.section05_faqlist .section05_faqbox .faqbtn > .iconarrow svg{width: 20px; height: 20px ; stroke: #94a3b8;}

.section05_faqlist .section05_faqbox.active .faqbtn > .iconarrow{transform: rotate(180deg);}



.section05_faqlist .section05_faqbox .answerbox{background-color: rgb(249 250 251 / 0.5); font-size: 14px; padding:0 32px;  max-height: 0; opacity: 0;}
.section05_faqlist .section05_faqbox.active .answerbox{
    max-height: 500px;
    opacity: 1;
    padding-bottom: 2.5rem;
}

.section05_faqlist .section05_faqbox:hover{border: 1px solid #ff7e36; 
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
}
.section05_faqlist .section05_faqbox:hover .faqbtn > .questionbox_wrap .faqquestion{color: #ff7e36;}
.section05_faqlist .section05_faqbox:hover .faqbtn > .questionbox_wrap .questionbox{background:#ff7e36; color: #fff; }
.section05_faqlist .section05_faqbox:hover .faqbtn > .iconarrow{background: #fff7ed; }   
.section05_faqlist .section05_faqbox:hover .faqbtn > .iconarrow svg{ stroke: #ff7e36;}

.renealopen_section06{padding: 96px 0; background: #fff7ed; position: relative;
    background-image: radial-gradient(#FFD4C2 1px, transparent 1px);
    background-size: 32px 32px;
}
.section06_textwrap{ padding: 80px; text-align: center; background-color: rgb(255 255 255 / 0.8); border-radius: 48px; max-width: 896px; margin: 0 auto;
    backdrop-filter: blur(16px); border: 1px solid #fff; position: relative; overflow: hidden;
    box-shadow: 0 20px 25px -5px rgb(255 237 213 / 0.5), 0 8px 10px -6px rgb(255 237 213 / 0.5);   
}
.section06_textwrap .bgcircle{
    border-radius: 9999px; width: 240px; height: 150px; position: absolute; background-color: rgb(255 212 194 / 0.6);
    transition-duration: 700ms;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    filter: blur(80px);
}
.renealopen_section06:hover .section06_textwrap .bgcircle{background-color: rgb(254 215 170 / 0.6);}

.section06_textwrap .bgcircle.posleft{left: -80px; bottom: -80px;}
.section06_textwrap .bgcircle.posright{right: -80px; top: -80px;}

.section06_textwrap .section05_copy{}
.section06_textwrap .section05_copy .t{font-size: 20px; line-height: 28px; color: #0f172a; font-weight: 700; margin-bottom: 24px; word-break: keep-all;}
.section06_textwrap .section05_copy .t strong{color: #ff7e36; font-weight: 700;}
.section06_textwrap .section05_copy .t span{position: relative; z-index: 10;}
.section06_textwrap .section05_copy .t span::before{content: ""; display: block; background-color: rgb(255 126 54 / 0.2); height: 12px; width: 100%; position: absolute; left: 0; bottom: 4px; border-radius: 2px; z-index: -1;}
 
.section06_textwrap .section05_copy a{ display: inline-flex; align-items: center; justify-content: center; font-weight: 700; position: relative; z-index: 10;
    background: #ff7e36; color: #fff; font-size: 16px; line-height: 24px; padding: 14px 24px; border-radius: 9999px;
    transition-duration: 300ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);    
    box-shadow: 0 10px 15px -3px rgb(254 215 170 / 0.5), 0 4px 6px -4px rgb(254 215 170 / 0.5);
}
.section06_textwrap .section05_copy a svg{width: 20px; height: 20px; margin-left: 8px;
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
	stroke : #fff; 
} 


 
.section06_textwrap .section05_copy a:hover{
    background-color: rgb(234 88 12 / var(--tw-bg-opacity, 1));
    transform: translateY(-4px);
}
.section06_textwrap .section05_copy a:hover svg{transform: translateX(4px);}



.section06_icon{position:absolute;opacity:.2;}
.section06_icon svg{width:100%;height:100%;stroke:#ff8a00;fill:none;stroke-width:2;}
.section06_icon.paw{top:25%;left:25%;width:64px;height:64px;animation:section06_bounce 3s infinite;}
.section06_icon.heart{bottom:25%;right:25%;width:48px;height:48px;animation:section06_floatDeco 6s ease-in-out infinite;animation-delay:-2s;}
.section06_icon.heart svg{fill:#ff8a00;}
@keyframes section06_bounce{
    0%,100%{transform:translateY(0);}
    50%{transform:translateY(-12px);}
}

@keyframes section06_floatDeco{
    0%,100%{transform:translateY(0);}
    50%{transform:translateY(-10px);}
}


@media (max-width: 1280px) {
    .section01_card.card1, .section01_card.card9{display: none;}

}


@media (max-width: 1024px) {
    .section01_card.card2, .section01_card.card8{display: none;}
    .section01_card.card3{left: 5%;}
    .section01_card.card7{right: 5%;}
    .section01_card.card4{left: 26%;}
    .section01_card.card6{right: 26%;}    

}


@media (max-width: 768px) {
    .floatingcards_inner, .section01_deco_wrap{display: none;}
	
	.section01_textwrap .section01_copy .d{font-size:16px; letter-spacing:-0.35px}

    .section01_mobile_wrap{display: block;}
	
    .section01_textwrap .section01_copy .t{font-size: 36px; line-height: 1.2;}
    .section02_textwrap{padding:0;}
	.section02_textwrap .section02_copy .t{font-size: 24px; line-height: 32px; gap:12px;}
    .section02_textwrap .section02_copy .d{font-size: 14px; line-height: 24px; max-width: 100%; }
    .section02_textwrap .section02_copy .d br{display: none;}

    .section02_meritlist{padding: 0 ; max-width: 640px;}
    .section02_meritbox{flex-direction: column; padding:24px;}
    .section02_meritbox .photowrap{display: none;}
    .section02_meritbox .title{margin-bottom: 24px; padding-right: 0; width: auto;}
    
    .section02_meritbox .title h3{font-size: 20px; line-height: 1.25;}
    .section02_meritbox .text li .txt{font-size: 14px; line-height: 20px;}
    

    .renealopen_section03{padding-left: 16px; padding-right: 16px; }
	.section03_textwrap{padding:0; }
    .section03_textwrap .section03_copy .t{font-size: 24px; line-height: 32px;}
    .section03_textwrap .section03_copy .d{font-size: 14px; line-height: 24px; max-width: 100%; letter-spacing:-0.35px}

    .section03_speclist{ max-width: 640px; margin: 0 auto;}
    .section03_lspecbox{flex-direction: column; text-align: center;  padding:32px;}
    .section03_lspecbox .txtwrap, .section03_lspecbox .beforeafter{width: 100%;}
    .section03_lspecbox .txtwrap, .section03_lspecbox.reverserow{display: flex; align-items: center; flex-direction: column;}


    .renealopen_section04_inner .txtwrap .t{font-size: 24px; line-height: 1.3;}
    .renealopen_section04_inner .txtwrap .d {font-size: 12px;}
    .renealopen_section04_inner .txtwrap .d br{display: none;}


    

    .section05_textwrap .section05_copy .t{font-size: 24px; line-height: 1.3;}
    .section05_textwrap .section05_copy .d {font-size: 14px;}


    .section05_faqlist{margin: 0 auto; padding: 0 24px;}
    .section05_faqlist .section05_faqbox .faqbtn{padding: 24px;}

    .section06_textwrap{max-width: 640px; padding: 48px;}
    

    .renealopen_section04_inner .iconwrap .iconwrap_middleline, .sec4_iconcenter{display: none;}
    .renealopen_section04_inner .iconwrap{grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 16px;}
    .renealopen_section04_inner .iconwrap .sec4_iconbox .svgbox{width: 64px; height: 64px;}
    .renealopen_section04_inner .iconwrap .sec4_iconbox .svgbox svg{width: 28px; height: 28px;}

    .renealopen_section04_inner .iconwrap .sec4_iconbox .t{font-size: 14px}
    .renealopen_section04_inner .iconwrap .sec4_iconbox .d{font-size: 10px}

    .renealopen_section04_inner .statwrap{grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 12px;}

    .renealopen_section04_inner .statwrap > div{padding: 16px;}
    .renealopen_section04_inner .statwrap > div .t{font-size: 20px; line-height: 28px;}
    .renealopen_section04_inner .statwrap > div .d{font-size: 12px; list-style: 16px;}


    .section05_faqlist .section05_faqbox.active .answerbox{padding-left: 72px;}



    .renealopen_section06{padding: 96px 16px;}
    .section06_textwrap .section05_copy a{ background: #ff7e36; width: 100%;}







}




@media (max-width: 500px) {
    .section03_lspecbox .beforeafter{ grid-template-columns: repeat(1, minmax(0, 1fr)); }
    

}