.section_area {padding: 5vw 0;}
.section_area .area_title { position: relative; padding-bottom: .3em; letter-spacing: .1em; text-align: center; }
.section_area .area_title:before { position: absolute; width: 3em; height: .1em; background: var(--primary); display: block; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); content: ""; }
.section_area .sub_title { font-weight: 500; font-size: 1.1em; color: var(--primary); }
.section_area .more_btn {padding: 14px 2.2em;display: inline-flex;gap: 15px;align-items: center;background: linear-gradient(135deg, #0646b8 0%, #5b8df7 50%, #f28ab8 85%, #ffcb77 120%);color: white;border-radius: 50px;}
.section_area .more_btn:hover{background:linear-gradient(135deg, #0646b8 0%, #0646b8 50%, #0646b8 85%, #0646b8 120%)}
.section_area .more_btn svg{width:18px;height: 18px;fill: white;}
.section_area .list_box { margin-top: 2vmax; }
.section_area .list_box .item_row {margin: 0 2em;}
.section_area .list_box .slick-dots { position: relative; margin: 1em 0; bottom: 0; }
.section_area .title_box h2 {margin: 0 0 8px;color: var(--primary);font-size: 40px;font-weight: 700;letter-spacing: .08em;line-height: 1.2;}
.section_area .title_box p {margin: 0;color: #5f6b86;font-size: 18px;letter-spacing: .08em;}

/* product_area */
#product_area {position: relative;overflow: hidden;}
#product_area .bg{position:absolute;width: 100%;height: 100%;top: 0;background-size: cover;background-repeat: no-repeat;background-position: 50% 50%;opacity: .5;}
#product_area a{white-space:unset}
#product_area .workframe { position: relative; z-index: 2; max-width: 1380px; margin: 0 auto; }
#product_area .product_head {margin-bottom: 34px;position: relative;}
#product_area .product_head .morre {position:absolute;right: 0;bottom: 10px;}
#product_area .title_box { position: relative; display: inline-block; padding-left: 14px; }
#product_area .deco_star { position: absolute; left: -24px; top: -4px; font-size: 26px; animation: productStar 2.4s ease-in-out infinite; background: linear-gradient(135deg,#0646b8 0%,#5b8df7 42%,#f28ab8 78%,#ffcb77 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
#product_area .title_box h2 {margin: 0 0 8px;}
#product_area .slick-dotted .slick-dots{bottom: -5px;}
#product_area .product_layout {display: grid;grid-template-columns: minmax(300px,500px) 1fr;gap: 30px;align-items: stretch;}
#product_area .product_feature_card { min-height: 100%; }
#product_area .feature_link {position: relative;display: flex;flex-direction: column;height: 100%;min-height: 410px;border: 1px solid rgba(6,70,184,.10);border-radius: 22px;overflow: hidden;text-decoration: none;color: inherit;transition: transform .45s ease,box-shadow .45s ease,border-color .45s ease;}
#product_area .feature_link .tag {position: absolute;left: 0;top: 0;z-index: 2;display: inline-flex;align-items: center;justify-content: center;min-width: 74px;height: 42px;color: #fff;font-size: 15px;font-weight: 700;letter-spacing: .08em;border-radius: 22px 0 18px 0;background: var(--chip-ink);box-shadow: 0 12px 28px rgba(6,70,184,.28);}
#product_area .feature_link .img_box {position: relative;width: 100%;aspect-ratio: 4/3;overflow: hidden;}
#product_area .feature_link .img_box::after { content: ""; position: absolute; inset: auto 0 0; height: 40%; background: linear-gradient(0deg,rgba(255,255,255,.55),transparent); pointer-events: none; }
#product_area .feature_link .img_cover { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .65s ease,filter .65s ease; }
#product_area .feature_link:hover .img_cover { transform: scale(1.06); filter: saturate(1.08) brightness(1.02); }
#product_area .feature_link .info_box {position: relative;z-index: 2;padding: 30px;background: rgba(255,255,255,.88);backdrop-filter: blur(12px);text-align: right;}
#product_area .feature_link .info_box h3 {margin: 0 0 8px;color: var(--primary);font-size: 22px;font-weight: 600;letter-spacing: .06em;}
#product_area .feature_link .info_box p {margin: 0 0 24px;color: #5f6b86;font-size: 16px;letter-spacing: .04em;line-height: 1.7;-webkit-line-clamp: 3;height: 81px;text-align: justify;}
#product_area .feature_link .info_box strong { display: block; color: #0646b8; font-size: 18px; font-weight: 800; letter-spacing: .04em; }
#product_area .product_grid .product_card >p{text-align:end;position: absolute;z-index: 5;right: -60px;top: -60px;}
#product_area .product_grid .product_card:hover >p{right:20px;top:20px;}
#product_area .product_grid button {display: inline-flex;align-items: center;justify-content: center;gap: 8px;width: 50px;aspect-ratio: 1/1;color: #fff;font-size: 15px;font-weight: 700;letter-spacing: .06em;border-radius: 99px;background: linear-gradient(135deg, #0646b8 0%, #5b8df7 50%, #f28ab8 85%, #ffcb77 120%);transition: transform .35s ease,box-shadow .35s ease,background .35s ease;}
#product_area .product_grid button svg{width: 20px;height: 20px;fill: white;}
#product_area .product_feature_card .go_btn{padding: 8px 22px;display: inline-flex;gap: 15px;background: linear-gradient(135deg, #0646b8 0%, #5b8df7 50%, #f28ab8 85%, #ffcb77 120%);justify-content: center;align-items: center;border-radius: 50px;color: white;}
#product_area .product_feature_card a:hover .go_btn{    background: linear-gradient(135deg, #0646b8 0%, #0646b8 50%, #0646b8 85%, #0646b8 120%);}
#product_area .product_feature_card .go_btn svg{width: 15px;height: 15px;fill: white;} 
#product_area .product_grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
#product_area .product_card {position: relative;align-items: end;padding: 25px;color: inherit;text-decoration: none;border: 1px solid rgba(6,70,184,.10);border-radius: 18px;background: rgba(255,255,255,.84);overflow: hidden;transition: transform .45s ease,border-color .45s ease,box-shadow .45s ease,background .45s ease;margin: 0;}
#product_area .product_card >a{position:absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 3;}
#product_area .product_card::before {content: "";position: absolute;right: -70px;top: -70px;width: 150px;height: 150px;border-radius: 50%;background: var(--gradient-light);opacity: 0;transition: opacity .45s ease,transform .45s ease;z-index: 3;}
#product_area .product_card:hover {transform: translateY(-7px);border-color: rgba(6,70,184,.24);background: #fff;}
#product_area .product_card:hover::before {opacity: .85;transform: scale(7.2);}
#product_area .product_card .img_box {position: relative;z-index: 2;display: flex;align-items: center;justify-content: center;width: 90%;margin: 0 auto 10px;}
#product_area .product_card .img_contain {object-fit: contain;display: block;transition: transform .55s ease,filter .55s ease;}
#product_area .product_card:hover .img_contain {transform: scale(1.07) translateY(-4px);}
#product_area .product_card .txt_box { position: relative; z-index: 2; min-width: 0; }
#product_area .product_card .txt_box h3 {margin: 0 0 5px;color: #061844;font-size: 20px;font-weight: 600;letter-spacing: .04em;transition: color .35s ease;height: auto;}
#product_area .product_card .txt_box p {display: block;color: var(--primary);font-size: 17px;font-weight: 600;letter-spacing: .04em;}
#product_area .cart_icon { position: relative; z-index: 2; display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; margin-left: 16px; color: #0646b8; border: 1px solid rgba(6,70,184,.35); border-radius: 50%; background: rgba(255,255,255,.72); transition: color .35s ease,background .35s ease,transform .35s ease,border-color .35s ease; }
#product_area .cart_icon svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
#product_area .product_card:hover .cart_icon { color: #fff; background: linear-gradient(135deg,#0646b8,#5b8df7); border-color: transparent; transform: rotate(-8deg) scale(1.08); }
#product_area .product_more_card { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 250px; padding: 32px 24px; text-align: center; text-decoration: none; border-radius: 18px; border: 1px solid rgba(255,255,255,.8); background: radial-gradient(circle at 20% 24%,rgba(255,255,255,.8),transparent 16%),radial-gradient(circle at 82% 72%,rgba(255,255,255,.55),transparent 18%),linear-gradient(135deg,rgba(242,138,184,.34),rgba(238,244,255,.92) 42%,rgba(91,141,247,.22)); box-shadow: 0 18px 45px rgba(6,70,184,.10); overflow: hidden; transition: transform .45s ease,box-shadow .45s ease; }
#product_area .product_more_card::before { content: ""; position: absolute; right: -42px; bottom: -58px; width: 180px; height: 180px; border-radius: 50%; background: rgba(242,138,184,.24); }
#product_area .product_more_card::after { content: ""; position: absolute; left: 28px; top: 28px; width: 54px; height: 54px; border-radius: 50%; border: 1px solid rgba(255,255,255,.7); background: rgba(255,255,255,.18); }
#product_area .product_more_card:hover { transform: translateY(-7px); box-shadow: 0 28px 60px rgba(6,70,184,.18); }
#product_area .bag_icon { position: relative; z-index: 2; display: inline-flex; align-items: center; justify-content: center; width: 66px; height: 66px; margin-bottom: 18px; color: #0646b8; border-radius: 50%; background: rgba(255,255,255,.82); box-shadow: 0 14px 32px rgba(6,70,184,.10); transition: transform .4s ease,color .4s ease; }
#product_area .bag_icon svg { width: 30px; height: 30px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
#product_area .product_more_card:hover .bag_icon { color: #fff; transform: translateY(-4px) rotate(6deg); background: linear-gradient(135deg,#0646b8,#f28ab8); }
#product_area .product_more_card h3 { position: relative; z-index: 2; margin: 0 0 10px; color: #0646b8; font-size: 22px; font-weight: 800; letter-spacing: .06em; }
#product_area .product_more_card p { position: relative; z-index: 2; margin: 0 0 20px; color: #5f6b86; font-size: 15px; letter-spacing: .04em; }
#product_area .product_more_card .go_btn { position: relative; z-index: 2; height: 40px; }
@keyframes productStar {  0%,100% { transform: translateY(0) scale(1); opacity: .75; }  50% { transform: translateY(-4px) scale(1.18); opacity: 1; }}

/* about_area */
#about_area {padding: 10vw 0;display: flex;align-items: center;justify-content: center;background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;}
#about_area .title_box p{margin-bottom:5px;}
#about_area .pageh1{margin: 30px 0 0;color: #5f6b86;font-size: 18px;letter-spacing: .08em;font-weight: 500;}
#about_area .bgg{position:absolute;width: 100%;height: 60%;top: 0;background: linear-gradient(0deg, rgb(255 255 255 / 0%), rgb(255 255 255 / 90%));z-index: 3;opacity: .5;}
#about_area .workframe {display:grid;grid-template-columns: 20% 47%;justify-content: space-between;align-items: end;z-index: 5;}
#about_info{order:2}
#about_area .title_box { padding-bottom: 0; }
#about_area article p {line-height: 2.5;font-weight: 400;margin: 10px 0 70px;width: 90%;text-align: justify;}
#about_area .clip {-webkit-clip-path: url(#clip_about);clip-path: url(#clip_about);}
#about_area .about_sub_1 {top: -5%;right: 20%;animation: aboutImgAnimation 5s ease-in-out infinite;width: 200px;z-index: 6;}
#about_area .about_sub_2 {top: 29%;left: 33%;animation: aboutImgUpAnimation 5s ease-in-out infinite;width: 280px;}
#about_area .about_sub_3 {top: 9%;left: 14%;animation: aboutImgLRAnimation 12s ease-in-out infinite;width: 200px;z-index: 3;}
#about_area .about_sub_4 {bottom: 19%;left: 30%;width: 140px;}
#about_area .about_sub_5 {bottom: 28%;right: 3%;animation: aboutImgUpAnimation 5s ease-in-out infinite;}
#about_area .about_sub_6 {bottom: 7%;right: 12%;width: 130px;}
@keyframes aboutImgAnimation{0%{-webkit-transform:translateY(0);transform:translateY(0);}50%{-webkit-transform:translateY(10px);transform:translateY(10px);}100%{-webkit-transform:translateY(0);transform:translateY(0);}}
@keyframes aboutImgUpAnimation{0%{transform:translateY(0);}50%{transform:translateY(-10px);}100%{transform:translateY(0);}}
@keyframes aboutImgLRAnimation{0%{transform:translateX(0);}25%{transform:translateX(-10px);}50%{transform:translateX(0);}75%{transform:translateX(10px);}100%{transform:translateX(0);}}
#about_img{display:flex;flex-direction: column;}
#about_img a{font-size:17px;border-bottom: 1px solid rgb(12 12 12 / 10%);padding: 20px 0;display: flex;align-items: center;position: relative;justify-content: space-between;}
#about_img a:after{content:'';position: absolute;bottom: -1px;left: 0;width: 28px;height: 2px;background: var(--gradient-main);}
#about_img a:hover:after{width:100%;}
#about_img a span{display:flex;position: relative;align-items: center;justify-content: center;margin-right: 10px;}
#about_img a:hover span{transform: rotate(180deg);}
#about_img a span:after{content:'';display: block;width: 1px;height: 10px;background: var(--g_charcoal);position: absolute;}
#about_img a span:before{content:'';display: block;width: 10px;height: 1px;background: var(--g_charcoal);}


/* photo_area */
#photo_area .item_row { padding: 4% 6%; border: 2px var(--g_100) solid; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
#photo_area .item_row .img_box img { width: 100px; aspect-ratio: 1/1; }
#photo_area .item_row .info_box { margin-left: 6%; width: 1%; flex: 1 1 auto; }
#photo_area .item_row .info_box h3 { margin-bottom: .5em; max-height: 3.2em; height: auto; -webkit-line-clamp: 2; }
#photo_area .item_row .info_box font { padding: .5em 1em; background: var(--primary); border-radius: 2em; display: inline-block; line-height: 1; font-weight: 300; font-size: .9em; color: white; }

/* news_list */
#news_area .deco_star { position: absolute; left: -24px; top: -4px; font-size: 26px; animation: productStar 2.4s ease-in-out infinite; background: linear-gradient(135deg,#0646b8 0%,#5b8df7 42%,#f28ab8 78%,#ffcb77 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
#news_area .title_box{display:flex;flex-direction: column;align-items: center;}
#news_area .title_box, #news_area .title_box *{text-align:center;}
#news_area .title_box .deco_star{animation: newsAnimation 2s ease-in-out infinite;top: -45px;left: unset;}
@keyframes newsAnimation {  0%,100% { transform: translateY(0) scale(1); opacity: .75; }  50% { transform: translateY(-8px) scale(1.18); opacity: 1; }}
#news_list .img_box {aspect-ratio: 4/3;border-radius: 18px;}
#news_list .info_box {margin-top: 1em;}
#news_list .info_box .time {font-size: .9em;color: var(--g_500);}
#news_list .info_box .h3 {margin: .2em 0 .8em;-webkit-line-clamp: 2;height: 63px;font-size: 20px;font-weight: 500;}
#news_list .info_box article {margin-bottom: 2.5em;height: 3.2em;font-size: .9em;color: var(--g_600);-webkit-line-clamp: 2;}
#news_list .info_box .more_btn{position:relative;z-index: 2;}

@media screen and (min-width: 1161px){
	#photo_area .item_row:hover { border-color: var(--primary); }
}
@media screen and (max-width: 1440px){
    #about_area .about_sub_6{width: 100px;}
    #about_area .about_sub_1{width:150px;}
    #about_area .about_sub_2{width: 230px;}
    #about_area .about_sub_3{width:180px;}
    #product_area .product_card .txt_box p{font-size:15px}
    #product_area .product_card .txt_box h3{font-size:18px;}
    #product_area .product_layout{grid-template-columns: minmax(300px, 450px) 1fr;}
}
@media screen and (max-width: 1400px){
    #product_area .product_layout{grid-template-columns: minmax(300px, 420px) 1fr;}
}
@media screen and (max-width: 1280px){
    #about_area .about_sub_4{width:90px}
    #about_area .about_sub_1{width: 110px;}
    #product_area .product_layout{grid-template-columns: minmax(300px, 380px) 1fr;}
}
@media screen and (max-width: 1024px){
    #about_area .about_sub_4{bottom: 30%;}
    #about_area .about_sub_2{left:30%;width: 190px;}
    #about_area .about_sub_3{left:8%;top: 5%;width: 140px;}
    #about_area .workframe{grid-template-columns: 30% 47%;}
    #product_area .slick-dotted .slick-dots{position:relative;bottom: 0;margin-top: 15px;}
    #product_area .feature_link{margin: 0 15px;}
    .section_area{padding:8vw 0}
    #product_area .product_feature_card{margin-bottom:40px;}
    #product_area .product_layout{display:block;}
}
@media screen and (max-width: 768px){
    #news_area{padding-top:12vw}
    .section_area .list_box{margin-top: 40px;}
    #about_area .about_sub_6, #about_area .about_sub_5{display:none;}
    #about_img{margin-top:40px;width:80%}
    #about_area .about_sub_4{left: unset;right: 10%;width: 120px;bottom: 31%;}
    #about_area .about_sub_3{left: 41%;top: -2%;width: 110px;}
    #about_area .about_sub_2{top: 8%;left: unset;right: 5%;width: 140px;}
    #about_area{background-position: 70% 60%;}
    #about_info{order:-1}
    #about_area .workframe{grid-template-columns:1fr}
}
@media screen and (max-width: 640px){
    #news_area{padding-top: 80px;}
    #about_area .bgg{height:100%;}
    #about_area .about_sub_4{right: 7%;width: 100px;bottom: 40%;}
    #about_area .about_sub_2{top: 3%;right: 10%;}
    #about_area .about_sub_3{left: 8%;width: 90px;}
    #about_area{padding-top: 170px;background-position: 55% 60%;}
    #product_area .product_card{padding:15px;}
    #product_area .product_card .txt_box p{font-size:14px}
    #product_area .product_card .txt_box h3{font-size: 16px;-webkit-line-clamp: 2;height: 54px;}
    #product_area .product_card .img_box{width:100%}
    #product_area .product_grid{grid-template-columns:repeat(2, 1fr);gap: 8px;}
    #product_area .title_box{display:flex;flex-direction: column;align-items: center;padding: 30px 0 0;}
    #product_area .deco_star{left:unset;top: -20px;}
    .section_area{padding: 14vw 0;}
    .section_area .title_box h2{font-size:35px;}
    #product_area .product_head .morre{display:none;}
    .section_area .list_box .item_row{margin:0 1em}
}