#wrap { z-index: 5; }

/* section */
section {padding: 5vw 0;}
section >* { z-index: 3; }
section .clip { margin: auto; width: 100%; }
section .clip img { height: 100%; }
section .clip iframe { width: 100%; height: 100%; top: 0; left: 0; }
section .clip video { width: auto; height: 100%; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); }
section .titleBox .kicker { display: flex; align-items: center; gap: 8px; margin-bottom: 20px; color: var(--primary); font-size: 16px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; font-family: "Arimo",sans-serif; }
section .titleBox .kicker:before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--secondary); box-shadow: 0 0 0 5px rgba(var(--secondary-rgb),.12); }
section .titleBox .kicker span { color: #8a8193; font-weight: 400; }
section .titleBox .title,section .titleBox .title span {margin: 0;line-height: 1.32;letter-spacing: 0.1em;color: #4b405f;font-family: "Noto Serif TC",serif;font-size: clamp(30px,3vw,52px);font-weight: 600;}
section .titleBox .title span { color: var(--green-500); }
section .titleBox .desc { max-width: 650px; margin-top: 20px; color: #5d5860; font-size: 18px; line-height: 2; letter-spacing: .02em; }
section .titleBox .desc p {margin-bottom: 10px;font-size: 17px;font-weight: 400;color: #606060;letter-spacing: 0.64px;line-height: 2.1;}

/* product_area */
#product_area { position: relative; overflow: hidden; padding: 100px 0; background: linear-gradient(180deg,#fffdfa 0%,#faf8fb 100%); background: url(/images/44/img-s-Bg.jpg) no-repeat; background-size: cover; }
#product_area .titleBox { display: flex; flex-direction: column; align-items: center; }
#product_area .titleBox .desc { text-align: center; }
#product_area:before { content: ""; position: absolute; left: -120px; bottom: -140px; width: 520px; height: 240px; border-radius: 50%; background: rgba(191,211,165,.20); transform: rotate(8deg); }
#product_area:after { content: ""; position: absolute; right: -120px; top: -140px; width: 420px; height: 420px; border-radius: 50%; background: radial-gradient(circle,rgba(216,202,232,.22) 0%,rgba(216,202,232,0) 72%); }
#product_area>.bg_box { opacity: .15; }
#product_area .workframe { position: relative; z-index: 2; width: min(1560px,100%); margin: 0 auto; }
#product_area .product_heading { text-align: center; margin-bottom: 46px; }
#product_area .product_subtitle { margin: 8px 0 0; color: #767077; font-size: 15px; text-align: center; letter-spacing: .04em; }
#product_area #product_list { position: relative; }
#product_area #product_list ul { margin: 0 -12px; }
#product_area #product_list .slick-track { display: flex; align-items: stretch; }
#product_area #product_list .slick-slide { height: auto; }
#product_area .product_card { height: 100%; margin: 0 12px; min-height: 340px; border: 1px solid rgba(117,86,166,.10); border-radius: 24px; background: rgba(255,255,255,.94); box-shadow: 0 9px 10px rgba(75,64,95,.07); transition: transform .35s ease,box-shadow .35s ease; }
#product_area .product_card:hover { transform: translateY(-6px); }
#product_area .product_card a { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 10; }
#product_area .clip { position: absolute; right: 0; top: 0; width: 58%; height: 100%; border-radius: 0 24px 24px 0; }
#product_area .clip img { width: 100%; height: 100%; object-fit: cover; transition: transform 2s cubic-bezier(.22,1,.36,1); }
#product_area .clip:before { content: ""; position: absolute; inset: 0; z-index: 2; background: linear-gradient(90deg,rgba(255,255,255,1) 0%,rgba(255,255,255,0.5) 34%,rgba(255,255,255,.28) 68%,rgba(255,255,255,0) 100%); left: 0; }
#product_area .product_card:hover .clip img { transform: scale(1.14); }
#product_area .info_box { position: relative; z-index: 4; width: 52%; min-height: 340px; padding: 92px 55px 28px 30px; box-sizing: border-box; }
#product_area .info_box:before { content: ""; position: absolute; inset: 0; z-index: 2; background: linear-gradient(90deg,rgba(255,255,255,1) 0%,rgba(255,255,255,0.8) 34%,rgba(255,255,255,.28) 68%,rgba(255,255,255,0) 100%); left: 210px; }
#product_area .info_box .h3 { margin-bottom: 12px; height: auto; color: #4f4854; font-family: "Noto Serif TC",serif; font-size: 23px; font-weight: 600; line-height: 1.45; -webkit-line-clamp: 2; }
#product_area .info_box p { margin: 0 0 22px; color: #5d5860; font-size: 16px; line-height: 2; letter-spacing: .02em; }
#product_area .product_more { position: absolute; left: 30px; bottom: 26px; display: inline-flex; align-items: center; gap: 10px; padding: 7px 16px; border: 1px solid rgb(131 98 177/43%); border-radius: 999px; color: var(--primary); background: rgba(255,255,255,.88); font-size: 13px; font-weight: 500; }
#product_area .product_more b { color: var(--primary); font-size: 15px; transition: transform .3s ease; }
#product_area .product_card:nth-child(even) .product_more { border: 1px solid var(--green-500); border-radius: 999px; color: var(--green-500); }
#product_area .product_card:nth-child(even) .product_more b { color: var(--green-500); }
#product_area .product_card:hover .product_more b { transform: translateX(4px); color: var(--white); }
#product_area .product_card:hover .product_more { background: linear-gradient(135deg,#8b6ab8,#6f4fa1); color: var(--white); }
#product_area .product_card:nth-child(even):hover .product_more { background: var(--green-500); color: var(--white); }
#product_area .product_icon { position: absolute; left: 22px; top: -10px; z-index: 6; display: grid; place-items: center; width: 68px; height: 68px; border-radius: 50%; color: #fff; background: linear-gradient(135deg,#8b6ab8,#6f4fa1); box-shadow: 0 10px 22px rgb(109 109 109/20%); }
#product_area .product_card:nth-child(even) .product_icon { background: linear-gradient(135deg,#88b477,#68945f); }
#product_area .product_icon span { color: #fff; font-size: 24px; line-height: 1; }
#product_area .product_icon span svg { width: 35px; height: 35px; fill: var(--white); }
#product_area #product_list>.btn { margin: auto; position: absolute; display: flex; gap: 10px; justify-content: center; width: 240px; bottom: 10px; left: 50%; transform: translate(-50%,-50%); }
#product_area #product_prev,#product_area #product_next { position: relative; width: 44px; height: 44px; padding: 0; border: 1px solid rgba(117,86,166,.18); border-radius: 50%; background: rgba(255,255,255,.88); cursor: pointer; transition: .3s ease; }
#product_area #product_prev:before,#product_area #product_next:before { content: ""; position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; border-top: 2px solid #7556a6; border-right: 2px solid #7556a6; }
#product_area #product_prev:before { transform: translate(-35%,-50%) rotate(-135deg); }
#product_area #product_next:before { transform: translate(-65%,-50%) rotate(45deg); }
#product_area #product_prev:hover,#product_area #product_next:hover { background: #7556a6; border-color: #7556a6; transform: translateY(-2px); }
#product_area #product_prev:hover:before,#product_area #product_next:hover:before { border-color: #fff; }
@media screen and (max-width:1140px) {
	#product_area { padding: 80px 0 90px; }
	#product_area .product_card { min-height: 320px; }
	#product_area .info_box { min-height: 320px; padding: 82px 20px 24px 24px; }
	#product_area .info_box .h3 { font-size: 20px; }
	#product_area .product_more { left: 24px; }
	#product_area .product_heading { margin-bottom: 36px; }
	#product_area #product_list>.btn {   }
	#product_area .product_card { min-height: 330px; }
	#product_area .clip { width: 58%; }
	#product_area .info_box { width: 55%; min-height: 330px; }
	#product_area { padding: 70px 0 76px; }
	#product_area .workframe { width: 80%; }
	#product_area .title_box {   }
	#product_area .product_subtitle { font-size: 13px; }
	#product_area .product_card { min-height: 370px; margin: 0 7px; }
	#product_area .clip { position: relative; width: 100%; height: 240px; border-radius: 24px 24px 0 0; }
	#product_area .clip:before { background: linear-gradient(180deg,rgba(255,255,255,0) 40%,rgba(255,255,255,.98) 100%); }
	#product_area .info_box:before { display: none; }
	#product_area .info_box { width: 100%; min-height: 160px; padding: 18px 24px 64px; }
	#product_area .product_icon { left: 22px; top: 150px; width: 54px; height: 54px; }
	#product_area .product_more { left: 24px; bottom: 20px; }
}
@media screen and (max-width:640px) {
	#product_area .product_icon { top: 180px; }
}

#product_area #product_list{position:relative;padding: 35px 0 75px;}
#product_area #product_list .slick-list{position:relative;z-index:2;overflow:hidden!important;margin:0;padding: 30px 0 30px 0 !important;}
#product_area #product_list .slick-track{display:flex;align-items:center;}
#product_area #product_list .slick-slide{position:relative;z-index:1;opacity:.55;transform:scale(.82);transition:transform .7s cubic-bezier(.22,1,.36,1),opacity .55s ease;}
#product_area #product_list .slick-slide.slick-active{z-index:2;opacity:.78;transform:scale(.84);}
#product_area #product_list .slick-slide.slick-center{z-index:5;opacity:1;transform:scale(1.08);}
#product_area #product_list .slick-slide.slick-center .product_card{transform:translateY(-10px);box-shadow:0 22px 46px rgba(75,64,95,.15);}
#product_area #product_list .slick-slide:not(.slick-center) .product_card{box-shadow:0 10px 24px rgba(75,64,95,.06);}
#product_area #product_list>.btn{pointer-events:none;}
#product_area #product_prev,#product_area #product_next{position:absolute!important;top:50%;z-index:60!important;display:block!important;width:48px;height:48px;margin:0;padding:0;pointer-events:auto!important;cursor:pointer;transform:translateY(-50%);}
#product_area #product_prev{left:10px;}
#product_area #product_next{right:10px;}
#product_area #product_prev:hover,#product_area #product_next:hover{transform:translateY(-50%) scale(1.08);}
#product_area .product_counter{position:absolute;left:50%;bottom:4px;z-index:20;display:flex;align-items:center;justify-content:center;gap:12px;transform:translateX(-50%);}
#product_area .product_counter span{display:inline-block;min-width:22px;font-family:"Quicksand",sans-serif;font-size:14px;font-weight:600;color:#77717c;text-align:center;}
#product_area #product_current{color:var(--primary);transition:opacity .25s ease,transform .25s cubic-bezier(.22,1,.36,1);}
#product_area #product_current.counter_out{opacity:0;transform:translateY(-8px);}
#product_area #product_current.counter_active{animation:productCounterIn .35s cubic-bezier(.22,1,.36,1);}
#product_area .product_counter i{width:12px;height:1px;background:#aaa4ad;font-size:0;}
@keyframes productCounterIn{0%{opacity:0;transform:translateY(8px);}100%{opacity:1;transform:translateY(0);}}
@media screen and (max-width:980px){#product_area #product_list{padding-left:55px;padding-right:55px;}#product_area #product_list .slick-slide{transform:scale(.82);}#product_area #product_list .slick-slide.slick-active{transform:scale(.86);}#product_area #product_list .slick-slide.slick-center{transform:scale(1);}}
@media screen and (max-width:768px){#product_area #product_list{padding:20px 0 68px;}#product_area #product_list .slick-list{overflow:hidden!important;margin:0;padding:20px 0!important;}#product_area #product_list .slick-slide{opacity:.55;transform:scale(.9);}#product_area #product_list .slick-slide.slick-center{opacity:1;transform:scale(1);}#product_area #product_list .slick-slide.slick-center .product_card{transform:none;}#product_area #product_prev,#product_area #product_next{/* display:none!important; */}}


/* #about_area */
#about_area{position:relative;overflow:hidden;padding: 80px 0 0;background:linear-gradient(180deg,#fffdfa 0%,#faf7fb 100%);background: url(/images/44/img-ab-Bg.jpg);background-size: cover;background-position: center;background-repeat: no-repeat;}
#about_area:before{content:"ABOUT";position:absolute;left: 70px;top: 90px;font-size: 120px;font-weight: 500;letter-spacing: 0.1em;color:rgba(117,86,166,.07);writing-mode:vertical-rl;transform:rotate(180deg);pointer-events:none;}
#about_area:after{content:"";position:absolute;right:-80px;top:-60px;width:300px;height:300px;background:radial-gradient(circle,rgba(216,202,232,.28) 0%,rgba(216,202,232,0) 70%);pointer-events:none;}
#about_area .about_inner{position:relative;z-index:2;width: min(1440px,90%);margin:0 auto;}
#about_area .about_content{display:grid;grid-template-columns:minmax(0,.92fr) minmax(560px,1.08fr);align-items:center;gap: clamp(50px,9vw,150px);}
#about_area .about_text{}
#about_area .about_title{margin:0;color:#4b405f;font-family:"Noto Serif TC",serif;font-size: clamp(20px,2vw,25px);font-weight:600;line-height:1.32;margin-top: 20px;}
#about_area .about_title em{color:#6f9b63;font-style:normal;}
#about_area .about_detail { position: relative; min-height: 620px; display: flex; align-items: center; justify-content: center; }
#about_area .about_detail_ring {position: absolute;width: 650px;height: 650px;border: 1px dashed rgba(117,86,166,.25);border-radius: 50%;z-index: 7;}
#about_area .about_detail_ring:before,#about_area .about_detail_ring:after {content: "";position: absolute;inset: 34px;border: 11px solid rgb(190 175 206 / 50%);border-radius: 50%;}
#about_area .about_detail_ring:after {inset: 52px;border: 2px solid rgb(255 255 255 / 28%);}
#about_area .about_main_img { position: relative; z-index: 3; width: 600px; height: 600px; border: 12px solid #fff; border-radius: 50%; overflow: hidden; box-shadow: 0 22px 55px rgba(75,64,95,.14); }
#about_area .about_main_img img {width: 100%;height: 100%;object-fit: cover;}
#about_area .about_en { position: absolute; right: 2%; bottom: 72px; z-index: 6; display: flex; align-items: center; justify-content: center; width: 170px; height: 170px; padding: 24px; border: 8px solid #fff; border-radius: 50%; background: rgba(255,253,250,.97); box-shadow: 0 15px 35px rgba(75,64,95,.14); color: #6f5a95; font-family: "Noto Serif TC",serif; font-size: 20px; line-height: 1.55; text-align: center; }
#about_area .about_en { position: absolute; right: -7%; bottom: 70px; z-index: 8; display: flex; align-items: center; justify-content: center; width: 180px; height: 180px; padding: 24px; border: 8px solid rgba(255,255,255,.96); border-radius: 50%; background: rgba(255,253,250,.98); box-shadow: 0 18px 40px rgba(75,64,95,.14); flex-direction: column; }
#about_area .about_en:before { content: ""; position: absolute; inset: -6px; border: 1px solid rgba(117,86,166,.28); border-radius: 50%; }
#about_area .about_en:after { content: ""; position: absolute; inset: 6px; border: 1px dashed rgba(117,86,166,.22); border-radius: 50%; }
#about_area .about_en img {position: relative;z-index: 2;width: 90px;height: 90px;object-fit: contain;margin-bottom: 10px;transform-origin: center center;animation: aboutLogoPop 1.1s cubic-bezier(.22, 1, .36, 1) both, aboutLogoPulse 3.2s ease-in-out 1.1s infinite;filter: drop-shadow(0 10px 18px rgba(117, 86, 166, .14));transition: transform .45s cubic-bezier(.22, 1, .36, 1), filter .45s ease;}
#about_area .about_en .enTxt { margin-bottom: 0px; color: var(--primary); font-size: 16px; font-weight: 700; letter-spacing: .08em; }
@keyframes aboutLogoPop{0%{opacity:0;transform:scale(.62) translateY(20px);}60%{opacity:1;transform:scale(1.08) translateY(-3px);}100%{opacity:1;transform:scale(1) translateY(0);}}
@keyframes aboutLogoPulse{0%,100%{transform:scale(1);}50%{transform:scale(1.055);}}


#about_area .about_detail_img { position: absolute; z-index: 5; width: 104px; height: 104px; border: 8px solid #fff; border-radius: 50%; overflow: hidden; background: #fff; box-shadow: 0 12px 28px rgba(75,64,95,.12); }
#about_area .about_detail_img img { width: 100%; height: 100%; object-fit: cover; }
#about_area .about_detail_img_1 { left: 4%; top: 84px; }
#about_area .about_detail_img_2 { left: -2%; bottom: 92px; }
#about_area .about_detail:before,#about_area .about_detail:after { content: ""; position: absolute; z-index: 1; border-radius: 50%; background: rgba(191,211,165,.18); }
#about_area .about_detail:before { width: 62px; height: 62px; right: 10%; top: 72px; }
#about_area .about_detail:after { width: 34px; height: 34px; right: 20%; top: 34px; background: rgba(216,202,232,.26); }
#about_area .about_features { position: relative; z-index: 4; display: grid; grid-template-columns: repeat(4,1fr); margin-bottom: 30px; padding: 30px 10px 34px; }
#about_area .about_feature { display: flex; align-items: center; gap: 18px; padding: 0 28px; border-right: 1px solid rgba(117,86,166,.10); }
#about_area .about_feature:last-child { border-right: 0; }
#about_area .about_feature_icon { flex: 0 0 90px; display: grid; width: 90px; height: 90px; place-items: center; border-radius: 50%; background: #fff; box-shadow: 0 8px 24px rgba(75,64,95,.08); color: var(--primary); font-size: 34px; }
#about_area .about_feature_icon img { width: 40px; height: 40px; object-fit: contain; }
#about_area .about_feature:nth-child(even) .about_feature_icon { color: #6f9b63; }
#about_area .about_feature strong { display: block; margin-bottom: 4px; color: var(--primary); font-size: 22px; font-weight: 500; letter-spacing: .03em; }
#about_area .about_feature:nth-child(even) strong { color: var(--green-500); }
#about_area .about_feature span { display: block; color: #6d6870; font-size: 16px; line-height: 1.6; }
@media screen and (max-width:1280px) {
	#about_area { padding-top: 90px; }
	#about_area .about_content { grid-template-columns: minmax(0,.95fr) minmax(500px,1.05fr); gap: 45px; }
	#about_area .about_text { padding-left: 20px; }
	#about_area .about_detail { min-height: 560px; }
	#about_area .about_detail_ring { width: 500px; height: 500px; }
	#about_area .about_main_img { width: 440px; height: 440px; }
	#about_area .about_en { right: 0; bottom: 58px; width: 148px; height: 148px; font-size: 18px; }
	#about_area .about_detail_img { width: 92px; height: 92px; }
	#about_area .about_feature { padding: 0 18px; }
	#about_area .about_feature_icon { flex-basis: 70px; width: 70px; height: 70px; font-size: 28px; }
	#about_area .about_feature strong { font-size: 19px; }
}
@media screen and (max-width:980px) {
	#about_area:before { display: none; }
	#about_area .about_content { grid-template-columns: 1fr; }
	#about_area .about_text { padding-left: 0; }
	#about_area .about_detail { margin-top: 20px; }
	#about_area .about_features { grid-template-columns: 1fr 1fr; row-gap: 10px; }
	#about_area .about_feature:nth-child(2) { border-right: 0; }
	#about_area .about_feature:nth-child(3),#about_area .about_feature:nth-child(4) { padding-top: 20px; border-top: 1px solid rgba(117,86,166,.08); }
}
@media screen and (max-width:640px) {
	#about_area { padding-top: 70px; }
	#about_area .about_inner {   }
	#about_area .about_kicker { font-size: 13px; }
	#about_area .about_title {   }
	#about_area .about_desc { margin-top: 22px; font-size: 15px; line-height: 1.85; }
	#about_area .more_btn { min-width: 190px; margin-top: 24px; font-size: 16px!important; }
	#about_area .about_detail { min-height: 430px; margin-top: 8px; }
	#about_area .about_detail_ring { width: 360px; height: 360px; }
	#about_area .about_main_img { width: 320px; height: 320px; border-width: 9px; }
	#about_area .about_en { right: -4px; bottom: 38px; width: 80px; height: 80px; padding: 14px; border-width: 6px; font-size: 14px; }
	#about_area .about_en img { width: 60px; height: 90px; }
	#about_area .about_en .enTxt,#about_area .about_en .Txt { display: none; }
	#about_area .about_detail_img { width: 72px; height: 72px; border-width: 5px; }
	#about_area .about_detail_img_1 { left: 0; top: 54px; }
	#about_area .about_detail_img_2 { left: -2px; bottom: 56px; }
	#about_area .about_features { grid-template-columns: 1fr; margin-top: 0; padding: 0; }
	#about_area .about_feature { padding: 10px; border-right: 0!important; border-top: 1px solid rgba(117,86,166,.08)!important; }
	#about_area .about_feature:first-child { border-top: 0!important; }
}

/* about_area */
#about_area .about_orbit_badge { position: absolute; z-index: 7; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 95px; height: 95px; padding: 10px; border: 7px solid rgba(255,255,255,.96); border-radius: 50%; background: rgba(255,253,250,.96); box-shadow: 0 12px 28px rgba(75,64,95,.12); text-align: center; }
#about_area .about_orbit_badge:hover{
        animation: aboutLogoPop 1.1s cubic-bezier(.22, 1, .36, 1) both, aboutLogoPulse 3.2s ease-in-out 1.1s infinite;
        filter: drop-shadow(0 10px 18px rgba(117, 86, 166, .14));
        transition: transform .45s cubic-bezier(.22, 1, .36, 1), filter .45s ease;
}


#about_area .about_orbit_badge:hover:after{
    background: #f0faed;
    inset: 0px;
}
#about_area .about_orbit_badge:nth-of-type(even):hover:after{
        background: #f0faed;
    inset: 0px;
}
#about_area .about_orbit_badge:hover:after{
    background: #eee7f8;
    inset: 0px;
}

#about_area .about_orbit_badge .morebtn{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
}
#about_area .about_orbit_badge:after {content: "";position: absolute;inset: -11px;border: 1px solid rgba(117,86,166,.18);border-radius: 50%;}
#about_area .about_orbit_icon {display: grid;place-items: center;width: 55px;height: 55px;margin-bottom: 3px;border-radius: 50%;color: var(--primary);font-size: 22px;line-height: 1;z-index: 10;}
#about_area .about_orbit_icon svg { fill: var(--primary); }
#about_area .about_orbit_badge:nth-of-type(even) .about_orbit_icon { color: #6f9b63; }
#about_area .about_orbit_badge:nth-of-type(even) .about_orbit_icon svg { fill: var(--green-500); }
#about_area .about_orbit_badge span {color: #757575;font-size: 17px;font-weight: 600;line-height: 1.3;letter-spacing: .02em;z-index: 10;}
#about_area .about_orbit_1{left: 0%;top:58px;}
#about_area .about_orbit_2{left: -8%;top: 240px;}
#about_area .about_orbit_3{left: 0%;bottom: 78px;}
#about_area .about_orbit_4{right: 20%;top: -20px;}
#about_area .about_orbit_5{right: 0%;top: 120px;}

@media screen and (max-width:1280px){
    #about_area .about_orbit_badge{width:92px;height:92px;border-width:6px;}
    #about_area .about_orbit_icon{width: 48px;height: 48px;font-size:20px;}
    #about_area .about_orbit_badge span{font-size: 14px;}
    #about_area .about_orbit_1{left:1%;top:54px;}
    #about_area .about_orbit_2{left:-4%;top:195px;}
    #about_area .about_orbit_3{left:0;bottom:68px;}
    #about_area .about_orbit_4{right: 15%;top: -30px;}
    #about_area .about_orbit_5{right: -1%;top: 110px;}
}

@media screen and (max-width:640px){
    #about_area .about_orbit_badge{width:72px;height: 72px;padding:6px;border-width:5px;}
    #about_area .about_orbit_icon{width: 44px;height: 44px;margin-bottom:2px;}
    #about_area .about_orbit_badge span{}
    #about_area .about_orbit_1{}
    #about_area .about_orbit_2{left:-10px;top:168px;}
    #about_area .about_orbit_3{left:4px;bottom:46px;}
    #about_area .about_orbit_4{right: 28px;top: 9px;}
    #about_area .about_orbit_5{right: -20px;top: 142px;}
}

/* #processArea */
#processArea { background: url(/images/44/img-p-Bg.jpg) no-repeat; background-size: cover; background-position: 50% 100%; }
#processArea .workframe{
    width: 90%;
}
#processArea .titleBox { display: flex; flex-direction: column; align-items: center; }
#processArea .title_box{padding-bottom:0}
#processArea .process_desc{margin-top:8px;color:#777;font-size: 18px;font-weight:400;letter-spacing: .13em;}
#processArea .process_list{display:grid;grid-template-columns: minmax(150px,1.2fr) minmax(30px,.4fr) minmax(150px,1.2fr) minmax(30px,.4fr) minmax(150px,1.2fr) minmax(30px,.4fr) minmax(150px,1.2fr) minmax(30px,.4fr) minmax(150px,1.2fr);align-items:center;margin: clamp(30px,9vw,60px) auto 60px;}
#processArea .process_item{display:flex;flex-direction:column;align-items:center;min-width:0;}
#processArea .process_icon{display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .35s ease,transform .35s ease;}
#processArea .process_icon svg{width:53%;height:53%;fill:none;stroke:#71832e;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;}
#processArea .process_item:hover .process_icon{transform:translateY(-5px);}
#processArea .process_content{display:flex;align-items:flex-start;justify-content:center;gap:13px;width:100%;margin-top:18px;}
#processArea .process_number{flex:none;color: var(--primary);font-size: clamp(19px,1.7vw,24px);font-weight:700;line-height:1.25;letter-spacing:.02em;font-family: "Arimo", sans-serif;}
#processArea .process_text{min-width:0;}
#processArea .process_name{font-size: 20px;font-weight: 600;line-height:1.4;letter-spacing:.04em;color: var(--primary);display: flex;gap: 10px;justify-content: center;}
#processArea .process_note{margin-top:9px;color:#777;font-size: 17px;font-weight: 500;line-height:1.8;letter-spacing:.03em;text-align: center;}
#processArea .process_arrow{display:flex;align-items:center;margin-top:-80px;padding: 0 20px;}
#processArea .process_arrow span{width:100%;border-top:2px dotted #c5c5c5;}
#processArea .process_arrow svg{flex:none;width:17px;height:17px;margin-left:-2px;fill:none;stroke:#383838;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}

/* newother_area */
#newother_area{
    padding: 0;
}
#newother_area .workframe{display:grid;grid-template-columns: 45% 50%;justify-content: space-between;align-items: center;width: 100%;}
#newother_area .workframe:before {content: "";width: 216px;height: 273px;background: url(/images/44/img-rightPic-01.jpg);position: absolute;bottom: -30px;left: 0;}

#newother_area .other{border-left: 1px dashed #dfd7d7;padding-left: 90px;margin-top: 0;display: flex;flex-direction: column;gap: 30px;}
#newother_area .box img{width:100%;aspect-ratio: 190/160;object-fit: cover;}
#newother_area .box .tit{font-size: 16px;font-family: "Arimo", sans-serif;font-weight: 200;letter-spacing: 0.04em;}
#newother_area .box .entit{font-size: 25px;text-transform: uppercase;letter-spacing: 3px;margin-top: 15px;}

/* news_area */
#news_area{padding: 0vw 0 0vw 13vw;}
#news_area .titbox {display:flex;align-items: flex-start;flex-direction: column;position: relative;margin-bottom: 30px;}
#news_area .title_box{padding:0}
#news_area .titbox a{position:absolute;right: 0;}
#news_area .titbox .entitle_box{margin:0}
#news_area ul{margin-top: 10px;}
#news_area li {border: 1px #dfd7d7 dashed;padding: 35px 30px;margin: 10px 10px;border-radius: 30px;background-color: #fff;}
#news_area li .time {font-size: 15px;color: #656565;font-weight: normal;font-family: "Arimo", sans-serif;}
#news_area li .more_btn { margin-left: 10px; padding: 2px 15px; max-width: calc(100% - 105px); height: 22px; font-weight: 100; font-size: 13px; z-index: 6; }
#news_area li .h3 {height: auto;line-height: 150%;font-size: 20px;font-weight: 500;}
#news_area li:hover .h3{color:#919191}
#newother_area .rightBox .Img{
    width: 100%;
}
#newother_area .rightBox .Img img{
    object-fit: cover;
}

@media screen and (max-width: 1680px) {
}
@media screen and (max-width: 1440px) {
    #news_area{padding: 3vw 0 0vw 3vw;}

}
@media screen and (max-width: 1024px) {
    #processArea .process_list{grid-template-columns:1fr 60px 1fr;gap:42px 10px;max-width:700px;}
    #processArea .process_arrow{margin-top:-70px;padding:0 8px;}
    #processArea .process_arrow:nth-of-type(4){display:none;}
    #processArea .process_item:nth-of-type(5){grid-column:1;}
    #processArea .process_arrow:nth-of-type(6){grid-column:2;}
    #processArea .process_item:nth-of-type(7){grid-column:3;}
    #news_area{padding: 8vw;}
    #newother_area .workframe{display:block;}
    #newother_area .other{margin-top: 50px;padding: 0;border: 0;}

}
@media screen and (max-width: 980px) {
	section {padding: 6vw 0;}
}
@media screen and (max-width: 768px) {
    section .clip img{height:auto;}


}
@media screen and (max-width:768px) {
	#news_area { padding: 11vw 6vw; }
	#news_area ul { margin-top: 20px; }
	#news_area .slick-list { height: 260px!important; overflow: hidden!important; }
	#news_area .slick-track { height: auto!important; }
	#news_area .slick-slide {height: 110px!important;box-sizing: border-box;}
	#news_area li {height: 180px!important;min-height: 0!important;padding: 28px !important;box-sizing: border-box;}
	#news_area .info_box { height: auto!important; }
	#news_area li .time { margin: 0 0 5px; font-size: 14px; line-height: 1.5; }
	#news_area li .h3 { display: -webkit-box!important; height: auto!important; min-height: 0!important; max-height: 62px!important; overflow: hidden; line-height: 1.55; font-size: 18px; font-weight: 500; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
}
@media screen and (max-width:550px) {
	#news_area { padding: 55px 30px 65px; }
	#news_area .titbox a { display: none; }
	#news_area li {height: 170px!important;padding: 20px !important;}
	#news_area li .h3 { max-height: 60px!important; font-size: 18px; line-height: 1.55; }
}
@media screen and (max-width: 550px) {
	#processArea .process_list {display: flex;flex-direction: column;gap: 0;margin-top: 40px;align-items: center;}
	#processArea .process_item { width: 100%; flex-direction: row; align-items: center; }
	#processArea .process_icon {flex: none;width: 182px;}
	#processArea .process_content {justify-content: flex-start;margin: 0 0 0 40px;}
	#processArea .process_arrow {position: relative;width: 100px;height: 50px;margin: 0;/* align-self: flex-start; */padding: 0;}
	#processArea .process_arrow span { position: absolute; left: 40px; top: 0; width: 0; height: 100%; border-top: 0; border-left: 2px dotted #c5c5c5; }
	#processArea .process_arrow svg { position: absolute; left: 33px; bottom: -2px; width: 16px; height: 16px; margin: 0; transform: rotate(90deg); }
	#processArea .process_arrow:nth-of-type(4) { display: block; }
	#processArea .process_note br { display: none; }
	#news_area .titbox a { position: relative; margin-top: 20px; display: none; }
	#news_area li .row { margin: auto; width: 280px; }
	#news_area li .h3 { -webkit-line-clamp: 2 }
	#newother_area .workframe .rightBox { display: none; }
}
@media screen and (max-width: 480px) {
	#book_area li.row { margin: auto; width: 250px; }
}