/* #wrap */
#wrap {z-index: 7;}
#wrap:before {content:'';width:1px;position:absolute;left:9vw;top:-18vh;height:calc(100%+18vh);background:#fff;z-index: 5;opacity:.4}
#wrap:after {content:'';width:1px;position:absolute;right:9vw;top:0;height:100%;background:#e9e9e9;z-index:5}
section {padding:5vw 0}
section>* {z-index:3}
section .entitle_box {font-size:17px;font-family:"Cinzel",serif;text-transform:uppercase;font-weight:100;color:var(--gray);letter-spacing:0.2em}
section .title_box {padding-bottom:3vw;font-size:30px;letter-spacing:5px;font-weight:600}
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%)}
.more_btn {padding:0;position:relative}
.more .atag_item {position:absolute;z-index:10}
.more b {width:120px;font-weight:600;font-size:13px;color:var(--complement);letter-spacing:2px;line-height:1.5;text-transform:uppercase;display:flex;align-items:center;text-transform:uppercase;font-family:"Cinzel",serif}
.more .arrowWrap {width:95px;height:90px;position:relative;padding-right:20px}
.more .arrowWrap:before,.more .arrowWrap:after {content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;border:1px solid #bcbcbc;box-sizing:border-box;border-radius:50%}
.more .arrowWrap:before {animation:ripple 3s linear 0.6s infinite}
.more .arrowWrap:after {animation:ripple 3s linear 1.4s infinite}
@keyframes ripple{0%{border:3px solid #bcbcbc;width:30px;height:30px;opacity:0}5%{opacity:0.1}10%{opacity:0.2}15%{opacity:0.3}20%{border:1px solid rgb(29 29 29 / 70%);opacity:0.4}25%{opacity:0.5}30%{opacity:0.6}35%{opacity:0.7}40%{opacity:0.9}45%,100%{border:1px solid rgba(255,255,255,0.3);opacity:0;width:60px;height:60px}}
@keyframes moreArrow{0%{transform:translateX(0px)}30%{transform:translateX(5px)}100%{transform:translateX(0px)}}
.more .arrowWrap .arrow {display:block;height:20px;background-image:url(/images/44/more_shape.png);background-repeat:no-repeat;position:absolute;top:calc(50% - 10px);left:0px;width:67px;animation:moreArrow 1s infinite}
.section_head {position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:78px}
.section_heading {position:relative;padding:8px 0 8px 30px}
.section_heading:before {content:"";position:absolute;left:0;top:0;width:3px;height:100%;background:linear-gradient(to bottom,#c4001a 0 33.333%,#1f2a6c 33.333% 66.666%,#eda91e 66.666% 100%)}
.section_heading:after {content:"";position:absolute;left:-16px;top:-14px;width:34px;height:34px;border:1px solid rgba(210,161,109,.18);border-radius:50%;pointer-events:none}
.section_kicker {position:relative;display:flex;align-items:center;gap:14px;width:max-content;margin-bottom:13px;color:#b88958;font-family:"Times New Roman","Noto Serif TC",serif;font-size:12px;font-weight:400;line-height:1.2;letter-spacing:.27em;text-transform:uppercase}
.section_kicker:before {content:"";display:block;width:6px;height:6px;border:1px solid #D2A16D;transform:rotate(45deg)}
.section_kicker:after {content:"";display:block;width:58px;height:1px;background:linear-gradient(90deg,rgba(210,161,109,.8),rgba(210,161,109,0))}
.section_title {position:relative;width:max-content;margin:0;color:#252b55;font-family:"Noto Serif TC","Times New Roman",serif;font-size: 41px;font-weight:400;line-height:1.35;letter-spacing:.13em}
.section_title:before {content:"";position:absolute;left:0;bottom:-19px;width:76px;height:1px;background:#D2A16D}
.section_title:after {content:"";position:absolute;left:76px;bottom:-21px;width:5px;height:5px;border-radius:50%;background:#D2A16D;box-shadow:12px 0 0 rgba(210,161,109,.28)}
.section_line {position:relative;width:155px;height:1px;margin-top:24px}
.site_more {position:relative;z-index:3;display:inline-flex;align-items:center;gap:18px;margin-top:27px;color:#63594f;font-family:"Times New Roman",serif;font-size:11px;letter-spacing:.18em;transition:.4s ease}
.site_more_line {display:block;width:48px;transition:.4s ease}
.site_more_line svg {display:block;width:100%;height:auto;fill:none;stroke:#D2A16D;stroke-width:1}
.site_more:hover {color:#D2A16D}
.site_more:hover .site_more_line {width:64px}
.site_btn {position:relative;display:inline-flex;align-items:center;justify-content:space-between;min-width:178px;height:52px;margin-top:38px;padding:0 18px 0 22px;border:1px solid rgba(210,161,109,.5);background:rgba(255,255,255,.32);color:#5b5149;font-family:"Times New Roman","Noto Serif TC",serif;cursor:pointer;overflow:hidden;transition:border-color .45s ease,color .45s ease,background .45s ease}
.site_btn:before {content:"";position:absolute;left:0;top:0;width:3px;height:100%;background:linear-gradient(to bottom,#c4001a 0 33.33%,#1f2a6c 33.33% 66.66%,#eda91e 66.66% 100%)}
.site_btn:after {content:"";position:absolute;left:3px;top:0;width:0;height:100%;background:#D2A16D;transition:width .55s cubic-bezier(.22,.61,.36,1)}
.site_btn .atag_item {position:absolute;inset:0;z-index:5}
.site_btn_text {position:relative;z-index:2;font-size:10px;font-weight:400;line-height:1;letter-spacing:.22em;text-transform:uppercase;transition:color .4s ease}
.site_btn_icon {position:relative;z-index:2;display:block;width:46px;margin-left:22px;transition:width .45s ease}
.site_btn_icon svg {display:block;width:100%;height:auto;fill:none;stroke:#D2A16D;stroke-width:1;transition:stroke .4s ease}
.site_btn:hover {border-color:#D2A16D;color:#fff}
.site_btn:hover:after {width:calc(100% - 3px)}
.site_btn:hover span{color:white;}
.site_btn:hover .site_btn_icon {width:56px}
.site_btn:hover .site_btn_icon svg {stroke:#fff}

/* #product_area */
#product_area {position:relative;overflow:hidden;padding:145px 0 100px;background:#f7f4ef;z-index:55}
#product_area:before {content:"";position:absolute;left:0;top:0;width:31%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,.72) 72%,rgba(255,255,255,0) 100%);pointer-events:none}
#product_area:after {content:"";position:absolute;right:-155px;top:85px;width:370px;aspect-ratio:1;border:1px solid rgba(210,161,109,.18);border-radius:50%;box-shadow:0 0 0 48px rgba(210,161,109,.025),0 0 0 96px rgba(210,161,109,.018);pointer-events:none}
#product_area .workframe {position:relative;z-index:3}
#product_area .project_bg_text {position:absolute;right:11%;top:48px;color:rgba(210,161,109,.06);font-family:"Times New Roman",serif;font-size:148px;font-weight:400;line-height:1;letter-spacing:.08em;white-space:nowrap;pointer-events:none;user-select:none}
#product_area .section_control {display:flex;align-items:center;gap:28px;padding-bottom:3px}
#product_area .slider_count {display:flex;align-items:center;gap:11px;font-family:"Times New Roman",serif;letter-spacing:.08em}
#product_area .slider_count .current {color:#D2A16D;font-size:21px}
#product_area .slider_count .total {color:#a8a099;font-size:12px}
#product_area .slider_count .slash {display:block;width:28px;height:1px;background:#d4ccc3;transform:rotate(-55deg)}
#product_area .arrowBox {position:relative;display:flex;align-items:center;gap:8px}
#product_area .project_arrow {position:relative!important;top:auto!important;right:auto!important;left:auto!important;display:flex!important;align-items:center;justify-content:center;width:50px;height:50px;border:1px solid rgba(42,39,37,.16);border-radius:50%;background:rgba(255,255,255,.5);transform:none!important;backdrop-filter:blur(8px);transition:border-color .35s ease,background .35s ease,transform .35s ease}
#product_area .project_arrow:before {display:none}
#product_area .project_arrow svg {width:22px;height:22px;fill:none;stroke:#3d3834;stroke-width:1.25;transition:stroke .35s ease}
#product_area .project_arrow:hover {border-color:#D2A16D;background:#D2A16D;transform:translateY(-2px)!important}
#product_area .project_arrow:hover svg {stroke:#fff}
#product_area .project_slider_wrap {position:relative;margin:0 -18px;padding:52px 0 26px;margin-top:-58px}
#product_area .project_slider_wrap:before {content:"";position:absolute;left:50%;top:8px;width:1px;height:42px;background:linear-gradient(to bottom,rgb(241 224 204),rgba(210,161,109,.62));transform:translateX(-50%)}
#product_area .project_slider_wrap:after {content:"";position:absolute;left:50%;bottom:0;width:72%;height:1px;background:linear-gradient(90deg,rgba(210,161,109,0),rgba(210,161,109,.22),rgba(210,161,109,0));transform:translateX(-50%)}
#product_area #product_list {position:relative}
#product_area #product_list:before {content:"";position:absolute;left:50%;top:0%;z-index:-1;width:330px;height:470px;border:1px solid rgba(31,42,108,.06);border-radius:180px 180px 0 0;transform:translateX(-50%);pointer-events:none}
#product_area #product_list ul {margin:0;padding:0;counter-reset:project}
#product_area #product_list .slick-list {overflow:visible;padding-top:25px!important;padding-bottom:30px!important}
#product_area #product_list .slick-track {display:flex;align-items:flex-start}
#product_area #product_list .slick-slide {height:auto;padding:0 18px;opacity:.48;filter:saturate(.68) contrast(.96);transform:scale(.84) translateY(58px);transform-origin:center top;transition:transform .8s cubic-bezier(.22,.61,.36,1),opacity .65s ease,filter .65s ease}
#product_area #product_list .slick-slide.slick-active {opacity:.8}
#product_area #product_list .slick-slide.slick-center {position:relative;z-index:5;opacity:1;filter:saturate(1) contrast(1);transform:scale(1.025) translateY(-50px)}
#product_area .project_item {counter-increment:project}
#product_area .project_card {position:relative;background:rgba(255,255,255,.66);transition:background .5s ease,transform .5s ease}
#product_area .slick-center .project_card {background:#fff;box-shadow:0px 5px 12px 4px rgb(137 137 137 / 42%)}
#product_area .slick-center .project_card:before {content:"";position:absolute;left:0;top:0;z-index:5;width:4px;height:76px;background:linear-gradient(to bottom,#c4001a 0 34%,#1f2a6c 34% 68%,#eda91e 68% 100%);pointer-events:none}
#product_area .slick-center .project_card:after {content:"";position:absolute;right:-9px;top:58px;z-index:-1;width:1px;height:52%;background:linear-gradient(to bottom,rgba(210,161,109,.7),rgba(210,161,109,0));pointer-events:none}
#product_area .clip {position:relative;overflow:hidden;aspect-ratio:4/3;background:#e8e3dd}
#product_area .clip:before {content:"";position:absolute;right:0;top:0;z-index:4;width:96px;height:96px;background:linear-gradient(135deg,transparent 0 49%,rgba(210,161,109,.9) 50% 50.8%,transparent 51%);opacity:0;transition:opacity .45s ease}
#product_area .slick-center .clip:before {opacity:.62}
#product_area .clip:after {content:"";position:absolute;inset:10px;z-index:3;border:1px solid rgba(255,255,255,.3);pointer-events:none;transition:inset .45s ease,border-color .45s ease}
#product_area .slick-center .clip:after {inset:12px;border-color:rgba(255,255,255,.38)}
#product_area .clip img {display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.015);transition:transform 1.25s cubic-bezier(.22,.61,.36,1),filter .7s ease}
#product_area .slick-slide:not(.slick-center) .clip img {filter:brightness(.92)}
#product_area .project_card:hover .clip img {transform:scale(1.065)}
#product_area .project_mask {position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(24,26,38,.02) 30%,rgba(26,27,35,.12) 62%,rgba(23,20,18,.55) 100%);opacity:.5;transition:opacity .5s ease}
#product_area .slick-center .project_mask {opacity:.3}
#product_area .project_no {position:absolute;left:24px;top:22px;z-index:5;display:flex;align-items:center;justify-content:center;width:46px;height:46px;border:1px solid rgba(255,255,255,.72);border-radius:50%;background:rgba(29,33,61,.1);color:#fff;font-family:"Times New Roman",serif;font-size:11px;letter-spacing:.08em;backdrop-filter:blur(5px);transition:background .4s ease,border-color .4s ease}
#product_area .project_no:before {content:counter(project,decimal-leading-zero)}
#product_area .slick-center .project_no {border-color:rgba(255,255,255,.84);background:rgba(31,42,108,.34)}
#product_area .project_view {position:absolute;right:25px;bottom:22px;z-index:5;display:flex;align-items:center;gap:13px;color:#fff;font-family:"Times New Roman",serif;font-size:9px;letter-spacing:.24em;opacity:0;transform:translateY(10px);transition:opacity .5s ease,transform .5s ease}
#product_area .project_view svg {width:37px;fill:none;stroke:#fff;stroke-width:1}
#product_area .slick-center .project_view {opacity:1;transform:translateY(0)}
#product_area .slick-center .project_view span {color:white;font-size:15px}
#product_area .info_box {position:relative;min-height:225px;padding:30px 26px 27px}
#product_area .info_box:before {content:"";position:absolute;left:26px;top:0;width:34px;height:1px;background:#D2A16D}
#product_area .project_meta {position:relative;display:flex;align-items:center;gap:10px;margin-bottom:12px;color:#b88a59;font-family:"Times New Roman",serif;font-size:9px;letter-spacing:.22em}
#product_area .project_meta:before {content:"";display:block;width:14px;height:2px;background:linear-gradient(90deg,#c4001a 0 33%,#1f2a6c 33% 66%,#eda91e 66% 100%)}
#product_area .info_box .h3 {position:relative;margin:0;color:#302c29;font-family:"Noto Serif TC","Times New Roman",serif;font-size:27px;font-weight:400;line-height:1.45;height:auto;letter-spacing:.08em;-webkit-line-clamp:1;transition:color .4s ease}
#product_area .slick-center .info_box .h3 {color:#242a55}
#product_area .info_box article {max-width:92%;margin-top:12px;color:#817870;font-size:16px;font-weight:300;line-height:1.9;letter-spacing:.04em;-webkit-line-clamp:2;transition:opacity .45s ease}
#product_area .info_box .spec {position:relative;margin-top:17px;padding-top:14px;border-top:1px solid rgba(98,88,80,.12);color:#9a9188;font-size:12px;line-height:1.8;letter-spacing:.04em;transition:opacity .45s ease}
#product_area .info_box .spec:after {content:"";position:absolute;left:0;top:-1px;width:0;height:1px;background:#D2A16D;transition:width .65s cubic-bezier(.22,.61,.36,1)}
#product_area .slick-center .info_box .spec:after {width:68px}
#product_area .site_more {position:relative;z-index:3;display:inline-flex;align-items:center;gap:16px;margin-top:22px;color:#5d5650;font-family:"Times New Roman",serif;font-size:10px;letter-spacing:.2em;pointer-events:none;transition:color .4s ease}
#product_area .site_more span {font-size:15px}
#product_area .site_more_line {display:block;width:45px;transition:width .4s ease}
#product_area .site_more_line svg {display:block;width:100%;height:auto;fill:none;stroke:#D2A16D;stroke-width:1}
#product_area .slick-center .site_more {color:#242a55}
#product_area .project_card:hover .site_more_line {width:60px}
#product_area .project_link {z-index:10;inset:0}
#product_area .slick-slide:not(.slick-center) .project_card {background:rgba(255,255,255,.36)}
#product_area .slick-slide:not(.slick-center) .info_box {padding-top:25px}
#product_area .slick-slide:not(.slick-center) .info_box .h3 {font-size:24px;color:#514b46}
#product_area .slick-slide:not(.slick-center) .info_box article {opacity:.38}
#product_area .slick-slide:not(.slick-center) .info_box .spec {opacity:.28}
#product_area .slick-slide:not(.slick-center) .site_more {opacity:.25}
#product_area .slick-slide:not(.slick-center) .project_meta {opacity:.5}
#product_area .slick-center .project_card:hover .info_box .h3 {color:#c4001a}
#product_area .slick-center .project_card:hover .info_box .spec:after {width:100%}
#product_area .slick-center .project_card:hover .project_no {background:#1f2a6c}

/* #about_area */
#about_area {position:relative;overflow-x:clip;min-height:850px;padding:260px 0 135px;background:#fff;color:#383330;z-index:57}
#about_area:before {content:"";position:absolute;left:0;top:8vh;width:100%;height:1px;background:linear-gradient(90deg,rgba(31,42,108,0),rgba(31,42,108,.09) 15%,rgba(31,42,108,.09) 88%,rgba(31,42,108,0))}
#about_area .about_deco_word {position:absolute;left:2%;top:124px;color:rgba(31,42,108,.027);font-family:"Times New Roman",serif;font-size:118px;font-weight:400;line-height:1;letter-spacing:.13em;white-space:nowrap;pointer-events:none;user-select:none}
#about_area:after {content:'';width:9vw;position:absolute;left:0;top:-9vh;height:17vh;background:var(--primary);z-index:3}
#about_area .about_sub {left:0;bottom:80px;z-index:5;width:15.2vw;max-width:292px;height:390px}
#about_area .about_sub_frame {position:relative;width:100%;height:100%}
#about_area .about_sub_frame:before {content:"";position:absolute;right:-15px;top:-16px;z-index:3;width:105px;height:1px;background:#D2A16D}
#about_area .about_sub_frame:after {content:"";position:absolute;right:-15px;top:-16px;z-index:3;width:1px;height:88px;background:linear-gradient(to bottom,#D2A16D,rgba(210,161,109,0))}
#about_area .about_sub .clip {inset:0;overflow:hidden;background:#ebe7e1}
#about_area .about_sub .clip:after {content:"";position:absolute;inset:9px;border:1px solid rgba(255,255,255,.34);pointer-events:none}
#about_area .about_sub img {display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.01);transition:transform 1.4s cubic-bezier(.22,.61,.36,1)}
#about_area .about_sub:hover img {transform:scale(1.06)}
#about_area .about_sub_index {position:absolute;right:-17px;bottom:-52px;display:flex;flex-direction:column;align-items:center;gap:10px;color:#b78656;font-family:"Times New Roman",serif;font-size:10px;letter-spacing:.18em}
#about_area .about_sub_index span {writing-mode:vertical-rl}
#about_area .about_sub_index i {display:block;width:1px;height:35px;background:linear-gradient(to bottom,#D2A16D,rgba(210,161,109,0))}
#about_area .decoText {position:absolute;right:7.2%;top:125px;z-index:5;width:50%;text-align:left}
#about_area .about_statement {position:relative;width:100%}
#about_area .about_statement_en {margin-bottom: 3px;color:#a38367;font-family:"Times New Roman",serif;font-size: 12px;font-style:italic;line-height:1.6;letter-spacing:.11em}
#about_area .page_title {max-width:900px;margin:0;color:#4e4843;font-family:"Noto Serif TC","Times New Roman",serif;font-size:17px;font-weight:300;line-height:2;letter-spacing:.08em}
#about_area .about_statement_line {width:100%;height:1px;margin-top:17px;background:linear-gradient(90deg,rgba(210,161,109,.45),rgba(210,161,109,.08))}
#about_area .about_inner.workframe {position:relative;z-index:4;display:grid;width:100%;max-width:none;margin:0;padding-left:clamp(285px,22vw,548px);padding-right:0;grid-template-columns:minmax(285px,320px) minmax(0,1fr);align-items:center;gap:clamp(52px,6.5vw,120px)}
#about_area #about_info {position:relative;z-index:4;padding:44px 0 38px}
#about_area #about_info:before {content:"";position:absolute;left:-28px;top:38px;width:1px;height:135px;background:linear-gradient(to bottom,rgba(210,161,109,.8),rgba(210,161,109,0))}
#about_area .about_section_heading {margin-bottom:31px}
#about_area .about_section_heading .section_line {width:64px;margin-top:23px}
#about_area #about_info article {max-width:330px;margin:0;color:#625b55;font-size:15px;font-weight:300;line-height:2.25;letter-spacing:.075em}
#about_area #about_info article p {margin:0 0 15px;font-size:16px}
#about_area #about_info .site_btn {margin-top:38px}
#about_area #about_img {position:relative;z-index:3;width:100%;min-width:0}
#about_area .about_img_frame {position:relative;width:100%}
#about_area .about_img_frame:before {content:"";position:absolute;left:-13px;top:-13px;z-index:4;width:74px;height:74px;border-left:1px solid rgba(210,161,109,.72);border-top:1px solid rgba(210,161,109,.72);pointer-events:none}
#about_area .about_img_frame:after {content:"";position:absolute;right:26px;bottom:-14px;z-index:4;width:110px;height:110px;border-right:1px solid rgba(31,42,108,.16);border-bottom:1px solid rgba(31,42,108,.16);pointer-events:none}
#about_area #about_img .clip {position:relative;overflow:hidden;width:100%;aspect-ratio:2.05/1;background:#e7e3de}
#about_area #about_img .clip:before {content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(31,42,108,.06),transparent 28%);pointer-events:none}
#about_area #about_img .clip:after {content:"";position:absolute;inset:12px;z-index:3;border:1px solid rgba(255,255,255,.26);pointer-events:none}
#about_area #about_img img {display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.01);transition:transform 1.5s cubic-bezier(.22,.61,.36,1)}
#about_area #about_img:hover img {transform:scale(1.045)}
#about_area .about_img_bridge {position:absolute;left:-108px;top:50%;z-index:6;width:135px;height:1px;background:linear-gradient(90deg,rgba(210,161,109,0),rgba(210,161,109,.82))}
#about_area .about_img_bridge span {position:absolute;right:0;top:50%;display:block;width:7px;height:7px;border:1px solid #D2A16D;border-radius:50%;background:#fff;transform:translate(50%,-50%)}
#about_area .about_img_bridge span:after {content:"";position:absolute;left:50%;top:50%;width:2px;height:2px;border-radius:50%;background:#D2A16D;transform:translate(-50%,-50%)}
#about_area .about_img_label {position:absolute;right:0;bottom:-1px;z-index:6;display:flex;align-items:center;gap:15px;min-width:165px;padding:18px 21px;background:rgba(255,255,255,.94);backdrop-filter:blur(9px)}
#about_area .about_img_label:before {content:"";position:absolute;left:0;top:0;width:3px;height:100%;background:linear-gradient(to bottom,#c4001a 0 33.33%,#1f2a6c 33.33% 66.66%,#eda91e 66.66% 100%)}
#about_area .about_img_label .num {color:#D2A16D;font-family:"Times New Roman",serif;font-size:21px;line-height:1}
#about_area .about_img_label .txt {padding-left:14px;border-left:1px solid rgba(210,161,109,.35);color:#71665d;font-family:"Times New Roman",serif;font-size:8px;line-height:1.75;letter-spacing:.18em}
#about_area .about_side_color {position:absolute;right:0;top:0;z-index:1;width:7.2%;height:100%;background:#D2A16D}
#about_area .about_side_color:after {content:"";position:absolute;left:0;bottom:0;width:100%;height:135px;background:#b97842}

/* #custom_area */
#custom_area {position:relative;overflow:hidden;padding:145px 0 130px;background:linear-gradient(180deg,#fff 0%,#faf8f4 42%,#f5f1eb 100%);z-index:55}
#custom_area:before {content:"";position:absolute;left:0;top:0;width:100%;height:1px;background:linear-gradient(90deg,rgba(210,161,109,0),rgba(210,161,109,.2) 18%,rgba(210,161,109,.2) 82%,rgba(210,161,109,0))}
#custom_area:after {content:"";position:absolute;right:-150px;bottom:-180px;width:480px;height:480px;border:1px solid rgba(210,161,109,.12);border-radius:50%;box-shadow:0 0 0 65px rgba(210,161,109,.018),0 0 0 130px rgba(210,161,109,.012);pointer-events:none}
#custom_area .workframe {position:relative;z-index:3}
#custom_area .custom_transition {position:absolute;right:0;top:0;width:7.2%;height:145px;background:#D2A16D}
#custom_area .custom_transition:before {content:"";position:absolute;left:0;bottom:-72px;width:100%;height:72px;background:linear-gradient(to bottom,rgba(210,161,109,1),rgba(210,161,109,0));opacity:.16}
#custom_area .custom_transition:after {content:"";position:absolute;left:-62px;bottom:0;width:62px;height:4px;background:linear-gradient(90deg,#c4001a 0 33.33%,#1f2a6c 33.33% 66.66%,#eda91e 66.66% 100%)}
#custom_area .custom_bg_word {position:absolute;left:21%;top:12px;color:rgba(31,42,108,.028);font-family:"Times New Roman",serif;font-size:118px;font-weight:400;line-height:1;letter-spacing:.09em;white-space:nowrap;transform:translateX(-50%);pointer-events:none;user-select:none}
#custom_area .custom_head {position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:80px;margin-bottom:92px}
#custom_area .custom_section_heading {flex:0 0 auto}

#custom_area .custom_intro {position:relative;max-width:470px;padding:5px 0 4px 35px}
#custom_area .custom_intro:before {content:"";position:absolute;left:0;top:5px;width:1px;height:100%;background:linear-gradient(to bottom,rgba(210,161,109,.75),rgba(210,161,109,.05))}
#custom_area .custom_intro_en {margin-bottom:11px;color:#b28861;font-family:"Times New Roman",serif;font-size:9px;line-height:1.4;letter-spacing:.22em}
#custom_area .custom_intro p {margin:0;color:#746b64;font-size:17px;font-weight:300;line-height:2;letter-spacing:.07em}
#custom_area .custom_list_wrap {position:relative}
#custom_area .custom_list_wrap:before {content:"";position:absolute;left:0;top:50%;width:100%;height:1px;background:linear-gradient(90deg,rgba(210,161,109,0),rgba(210,161,109,.16) 12%,rgba(210,161,109,.16) 88%,rgba(210,161,109,0))}
#custom_area .custom_list {display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:0;padding:0;counter-reset:custom}
#custom_area .custom_item {position:relative;counter-increment:custom;padding:0 42px 76px}
#custom_area .custom_item:nth-child(n+4) {padding-top:76px;padding-bottom:0}
#custom_area .custom_item:nth-child(2),#custom_area .custom_item:nth-child(5) {transform: translateY(0px);}
#custom_area .custom_item:nth-child(3n+1) {/* padding-left:0; */}
#custom_area .custom_item:nth-child(3n) {padding-right:0}
#custom_area .custom_item:not(:nth-child(3n)):after {content:"";position:absolute;right:0;top:13%;width:1px;height:74%;background:linear-gradient(to bottom,rgba(210,161,109,0),rgba(210,161,109,.18),rgba(210,161,109,0))}
#custom_area .custom_card {position:relative;min-height:260px;padding:28px 26px 30px 30px;background:rgb(250 243 235 / 37%);transition:background .45s ease,transform .45s ease;box-shadow:0px 5px 12px 4px rgb(211 205 194 / 19%);border:#eddbc7 1px solid}
#custom_area .custom_card:before {content:"";position:absolute;left:0;top:0;width:34px;height:1px;background:#D2A16D;transition:width .5s cubic-bezier(.22,.61,.36,1)}
#custom_area .custom_card:after {content:"";position:absolute;left:0;top:0;width:1px;height:34px;background:#D2A16D;transition:height .5s cubic-bezier(.22,.61,.36,1)}
#custom_area .custom_card:hover {background:rgba(255,255,255,.8);transform:translateY(-7px)}
#custom_area .custom_card:hover:before {width:100%}
#custom_area .custom_card:hover:after {height:100%}
#custom_area .custom_top {display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:10px}
#custom_area .custom_number {position:relative;color:#D2A16D;font-family:"Times New Roman",serif;font-size:12px;letter-spacing:.16em}
#custom_area .custom_number:before {content:counter(custom,decimal-leading-zero)}
#custom_area .custom_number:after {content:"";display:inline-block;width:34px;height:1px;margin:0 0 3px 12px;background:linear-gradient(90deg,rgba(210,161,109,.65),rgba(210,161,109,0))}
#custom_area .custom_icon {position: relative;display:flex;align-items:center;justify-content:center;width: 120px;height: 120px;right:21px}
#custom_area .custom_icon:before {content:"";position:absolute;inset:0;border:1px solid rgba(210,161,109,.28);border-radius:50%;transition:border-color .5s ease,transform .5s ease}
#custom_area .custom_icon:after {content:"";position:absolute;inset:-1px;z-index:3;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 50% 0%,#D2A16D 0 4px,transparent 4.6px),radial-gradient(circle at 35% 2.5%,#1f2a6c 0 2.4px,transparent 3px),radial-gradient(circle at 24% 8%,#c4001a 0 1.8px,transparent 2.4px);animation:customIconOrbit 8s linear infinite}
#custom_area .custom_icon:after {content:"";position:absolute;inset:-1px;z-index:3;border-radius:50%;pointer-events:none;background:conic-gradient(from -82deg,transparent 0deg 2deg,#d2a16d 2deg 8deg,#d2a16d 8deg 15deg,#d2a16d 15deg 24deg,transparent 24deg 360deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2.5px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2.5px));animation:customIconOrbit 8s linear infinite}
#custom_area .custom_icon img {position:relative;z-index:2;display:block;width:71%;height:71%;object-fit:contain;transition:filter .45s ease,transform .45s ease}
#custom_area .custom_card:hover .custom_icon:before {border-color:#D2A16D;transform:scale(1.05)}
#custom_area .custom_card:hover .custom_icon:after {animation-duration:3.5s;inset:-3px}
#custom_area .custom_card:hover .custom_icon img {filter:grayscale(0);transform:scale(1.08)}
@keyframes customIconOrbit{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
#custom_area .custom_card:hover .custom_icon:before {border-color:#D2A16D;transform:rotate(12deg) scale(1.05)}
#custom_area .custom_card:hover .custom_icon img {filter:grayscale(0);transform:scale(1.08)}
#custom_area .custom_content {position:relative;padding-right:10px;margin-top: 0;}
#custom_area .custom_content .h3 {margin:0;color:#252b55;font-family:"Noto Serif TC","Times New Roman",serif;font-size:24px;font-weight:500;line-height:1.5;height:auto;letter-spacing:.08em;-webkit-line-clamp:1;transition:color .4s ease}
#custom_area .custom_content article {max-width: 73%;margin-top:13px;color:#776f68;height:auto;font-size:15px;margin-bottom:20px;font-weight:300;line-height:1.95;letter-spacing:.055em;-webkit-line-clamp: 2;}
#custom_area .custom_card:hover .custom_content .h3 {color:#b77943}
#custom_area .custom_more {position:relative;left:0;bottom:0;display:flex;align-items:center;gap:14px;color:#9d8c7d;font-family:"Times New Roman",serif;font-size:8px;letter-spacing:.2em;opacity:0;transform:translateY(7px);transition:opacity .4s ease,transform .4s ease;display: none;}
#custom_area .custom_more span {font-size:15px}
#custom_area .custom_more svg {width:40px;fill:none;stroke:#D2A16D;stroke-width:1}
#custom_area .custom_card:hover .custom_more {opacity:1;transform:translateY(0)}
#custom_area .custom_link {z-index:5;inset:0}
#custom_area .custom_item:nth-child(3n+1) .custom_card:hover .custom_number {color:#c4001a}
#custom_area .custom_item:nth-child(3n+2) .custom_card:hover .custom_number {color:#1f2a6c}
#custom_area .custom_item:nth-child(3n) .custom_card:hover .custom_number {color:#eda91e}
#custom_area .custom_bottom {display:flex;align-items:center;justify-content: center;gap:20px;margin-top:92px}
#custom_area .custom_bottom .site_btn{
    display: flex;
    margin: 0;
}
#custom_area .custom_bottom_line {width:130px;height:1px;background:linear-gradient(90deg,rgba(210,161,109,0),rgba(210,161,109,.6))}
#custom_area .custom_bottom_text {color:#a4978c;font-family:"Times New Roman",serif;font-size: 12px;letter-spacing:.24em}
@-webkit-keyframes slideUpCAnimation{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@-webkit-keyframes slideDownCAnimation{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}

/* #news_area */
#news_area {z-index:10}
#news_area .bg_box {z-index:-1}
#news_area .titboxx {display:flex;flex-direction:column;justify-content:center;position:relative;padding:0 25px}
#news_area .titboxx .more_btn {right:0;position:absolute}
#news_area li {margin:0 25px}
#news_area li .info_box {margin:15px 0 0;display:grid;grid-template-columns:50px 1fr;gap:30px}
#news_area li .date {display:flex;flex-direction:column;font-family:"Cinzel",serif;align-items:center;font-size:24px}
#news_area li .date .news_date {font-family:"Cinzel",serif}
#news_area li .time {width:65px;font-weight:400;font-size:13px}
#news_area li .infobox>a {font-weight:100;font-size:15px;z-index:6}
#news_area li .h3 {margin-top:10px;height:54px;line-height:150%;font-size:20px;-webkit-line-clamp:2;font-weight:600}
#news_area li article {margin-top:15px;height:auto;line-height:1.8;font-size:19px;-webkit-line-clamp:2;color:#585858}

/* #book_area */
#book_area li h3 {margin-top:10px;height:30px;font-size:18px}

/* #photo_area */
#photo_area .item {width:260px;height:200px}
#photo_area .item img {height:100%;object-fit:cover}

/* #cugood_area */
#cugood_area {position:relative;overflow:hidden;padding:100px 0 135px;background:#fff;z-index:55}
#cugood_area:before {content:"";position:absolute;left:0;top:0;width:100%;height:1px;background:linear-gradient(90deg,rgba(210,161,109,0),rgba(210,161,109,.2) 18%,rgba(210,161,109,.2) 82%,rgba(210,161,109,0))}
#cugood_area:after {content:"";position:absolute;left:-170px;bottom:-260px;width:490px;height:490px;border:1px solid rgba(210,161,109,.1);border-radius:50%;box-shadow:0 0 0 65px rgba(210,161,109,.018),0 0 0 130px rgba(210,161,109,.012);pointer-events:none}
#cugood_area .workframe {position:relative;z-index:3}
#cugood_area .cugood_bg_text {position:absolute;right:33%;top:118px;color:rgba(31,42,108,.026);font-family:"Times New Roman",serif;font-size:132px;font-weight:400;line-height:1;letter-spacing:.1em;white-space:nowrap;pointer-events:none;user-select:none}
#cugood_area .cugood_head {display:flex;align-items:flex-end;justify-content:space-between;gap:70px;margin-bottom:74px}
#cugood_area .cugood_head_right {position:relative;max-width:470px;padding-left:32px}
#cugood_area .cugood_head_right:before {content:"";position:absolute;left:0;top:4px;width:1px;height:100%;background:linear-gradient(to bottom,rgba(210,161,109,.7),rgba(210,161,109,.05))}
#cugood_area .cugood_intro_en {margin-bottom:10px;color:#a98665;font-family:"Times New Roman",serif;font-size:9px;line-height:1.4;letter-spacing:.23em}
#cugood_area .cugood_head_right p {margin:0;color:#776e67;font-size:17px;font-weight:300;line-height:2;letter-spacing:.065em}
#cugood_area .cugood_slider_wrap {position:relative;margin:0 -12px}
#cugood_area #cugood_slider {counter-reset:cugood}
#cugood_area #cugood_slider .slick-list {overflow:hidden;padding:14px 0 20px}
#cugood_area #cugood_slider .slick-track {display:flex}
#cugood_area #cugood_slider .slick-slide {height:auto}
#cugood_area #cugood_slider .slick-slide>div {height:100%}
#cugood_area .cugood_slide {height:100%;padding:0 12px;counter-increment:cugood}
#cugood_area .cugood_card {position:relative;display:flex;flex-direction:column;height:100%;min-height:365px;padding:31px 20px 27px;border:1px solid rgba(210,161,109,.18);background:#fff;overflow:hidden;transition:border-color .45s ease,transform .5s cubic-bezier(.22,.61,.36,1),background .45s ease}
#cugood_area .cugood_card:before {content:"";position:absolute;left:0;top:0;width:0;height:3px;background:linear-gradient(90deg,#c4001a 0 30%,#1f2a6c 30% 68%,#eda91e 68% 100%);transition:width .55s cubic-bezier(.22,.61,.36,1)}
#cugood_area .cugood_card:after {content:"";position:absolute;right:-68px;top:-68px;width:135px;height:135px;border:1px solid rgba(210,161,109,.12);border-radius:50%;transition:transform .6s ease,border-color .5s ease}
#cugood_area .cugood_card:hover {border-color:rgba(210,161,109,.48);background:#fdfbf8;transform:translateY(-8px)}
#cugood_area .cugood_card:hover:before {width:100%}
#cugood_area .cugood_card:hover:after {border-color:rgba(210,161,109,.28);transform:scale(1.15)}
#cugood_area .cugood_quote {position:absolute;right:24px;top:23px;width:42px;height:31px;opacity:.1}
#cugood_area .cugood_quote svg {display:block;width:100%;height:100%;fill:#D2A16D}
#cugood_area .cugood_top {display:flex;align-items:center;gap:15px;padding-right:44px}
#cugood_area .cugood_avatar {position:relative;flex:0 0 90px;width:90px;height:90px;border-radius:50%;padding:3px;border:1px solid rgba(210,161,109,.42)}
#cugood_area .cugood_avatar:after {content:"";position:absolute;right:-3px;top:4px;width:7px;height:7px;border-radius:50%;background:#D2A16D}
#cugood_area .cugood_avatar img {display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}
#cugood_area .cugood_person {min-width:0}
#cugood_area .facility-item-title {overflow:hidden;color:#252b55;font-family:"Noto Serif TC","Times New Roman",serif;font-size:20px;font-weight:500;line-height:1.45;letter-spacing:.08em;white-space:nowrap;text-overflow:ellipsis}
#cugood_area .facility-item-subtitle {overflow:hidden;margin-top:4px;color:#9e8c7c;font-size:14px;font-weight:300;line-height:1.5;letter-spacing:.08em;white-space:nowrap;text-overflow:ellipsis}
#cugood_area .cugood_rating {display:flex;align-items:center;gap:4px;margin-top:25px}
#cugood_area .cugood_rating svg {width:13px;height:13px;fill:#D2A16D}
#cugood_area .facility-text {position:relative;flex:1;margin:18px 0 25px;color:#655e58;font-size:15px;font-weight:300;line-height:2;letter-spacing:.055em;-webkit-line-clamp:5}
#cugood_area .facility-text:before {content:"";position:absolute;left:0;top:-10px;width:25px;height:1px;background:#D2A16D}
#cugood_area .cugood_bottom {display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:17px;border-top:1px solid rgba(210,161,109,.15)}
#cugood_area .cugood_verified {display:flex;align-items:center;gap:7px;color:#a29285;font-family:"Times New Roman",serif;font-size:11px;letter-spacing:.18em}
#cugood_area .cugood_verified i {display:flex;align-items:center;justify-content:center;width:17px;height:17px;border-radius:50%;background:#f3ebe1}
#cugood_area .cugood_verified i svg {width:11px;height:11px;fill:#D2A16D}
#cugood_area .facility-number {color:#c8b7a8;font-family:"Times New Roman",serif;font-size:10px;letter-spacing:.12em}
#cugood_area .facility-number:before {content:counter(cugood,decimal-leading-zero)}
#cugood_area .cugood_control {display:flex;align-items:center;justify-content:flex-end;gap:22px;margin-top:46px}
#cugood_area .cugood_count {display:flex;align-items:center;gap:10px;font-family:"Times New Roman",serif}
#cugood_area .cugood_count .current {color:#D2A16D;font-size:18px}
#cugood_area .cugood_count .total {color:#aaa098;font-size:10px}
#cugood_area .cugood_count i {display:block;width:23px;height:1px;background:#d5cdc5;transform:rotate(-50deg)}
#cugood_area .cugood_progress {position:relative;width:125px;height:1px;background:rgba(210,161,109,.18);overflow:hidden}
#cugood_area .cugood_progress span {position:absolute;left:0;top:0;width:0;height:100%;background:#D2A16D;transition:width .6s cubic-bezier(.22,.61,.36,1)}
#cugood_area .arrowBox {display:flex;gap:8px}
#cugood_area .cugood_arrow {position:relative!important;top:auto!important;right:auto!important;left:auto!important;display:flex!important;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid rgba(80,69,60,.17);border-radius:50%;background:#fff;transform:none!important;transition:background .35s ease,border-color .35s ease}
#cugood_area .cugood_arrow:before {display:none}
#cugood_area .cugood_arrow svg {width:22px;height:22px;fill:none;stroke:#5f5751;stroke-width:1.2;transition:stroke .35s ease}
#cugood_area .cugood_arrow:hover {border-color:#D2A16D;background:#D2A16D}
#cugood_area .cugood_arrow:hover svg {stroke:#fff}

/* @media */
@media screen and (max-width:1500px) {
  #about_area .about_inner.workframe { padding-left: 24vw; grid-template-columns: minmax(280px,310px) minmax(0,1fr); gap: 55px }
  #about_area .about_sub { width: 14vw }
  #about_area .about_deco_word { left: 16%; font-size: 100px }
  #about_area .decoText { right: 6.5%; width: 53% }
}
@media screen and (max-width:1200px) {
  #product_area { padding: 120px 0 135px }
  #product_area .project_bg_text { font-size: 118px }
  #product_area .project_slider_wrap { margin: 0 -12px; margin-top: -42px }
  #product_area #product_list .slick-slide { padding: 0 12px }
  #product_area .info_box { padding: 26px 20px 24px }
  #product_area .info_box:before { left: 20px }
  #product_area .info_box .h3 { font-size: 22px }
  #about_area { min-height: auto; padding: 205px 0 115px }
  #about_area .about_inner.workframe { padding-left: 17%; grid-template-columns: 32% minmax(0,1fr); gap: 45px }
  #about_area .about_sub { width: 11.5%; height: 310px }
  #about_area .about_deco_word { left: 13%; font-size: 82px }
  #about_area .decoText { right: 5%; width: 59% }
  #about_area .about_section_heading .section_title { font-size: 31px }
  #about_area #about_info article { font-size: 14px; line-height: 2.05 }
  #about_area .about_img_bridge { left: -70px; width: 90px }
  #custom_area { padding: 120px 0 130px }
  #custom_area .custom_bg_word { font-size: 94px }
  #custom_area .custom_head { gap: 50px; margin-bottom: 75px }
  #custom_area .custom_item { padding-left: 28px; padding-right: 28px }
  #custom_area .custom_card { padding-left: 24px; padding-right: 22px }
  #custom_area .custom_content .h3 { font-size: 19px }
  #custom_area .custom_more { left: 24px }
  #cugood_area { padding: 120px 0 }
  #cugood_area .cugood_bg_text { font-size: 105px }
  #cugood_area .cugood_head { gap: 45px; margin-bottom: 60px }
  #cugood_area .cugood_card { padding: 27px 22px 24px }
  #cugood_area .facility-text { font-size: 12px }
}
@media screen and (max-width:1024px) {
  #product_area { padding: 105px 0 115px }
  #product_area:before { width: 38% }
  #product_area .project_bg_text { top: 45px; font-size: 94px }
  #product_area .project_slider_wrap { margin: 0; padding-top: 40px }
  #product_area #product_list:before { width: 270px; height: 390px }
  #product_area #product_list .slick-slide { padding: 0 12px; opacity: .42; transform: scale(.9) translateY(28px) }
  #product_area #product_list .slick-slide.slick-center { opacity: 1; transform: scale(1) translateY(0) }
  #product_area .slick-center .project_card:after { display: none }
  #about_area { padding: 190px 0 95px }
  #about_area .about_sub { display: none!important }
  #about_area .about_deco_word { left: 5%; font-size: 70px }
  #about_area .decoText { right: 5%; width: 68% }
  #about_area .about_inner.workframe { padding-left: 5%; grid-template-columns: 34% minmax(0,1fr); gap: 40px }
  #about_area #about_info:before { display: none }
  #about_area .about_side_color { width: 4% }
  #about_area .about_img_frame:after { right: 15px }
  #custom_area { padding: 105px 0 115px }
  #custom_area .custom_transition { width: 4% }
  #custom_area .custom_bg_word { top: 60px; font-size: 76px }
  #custom_area .custom_head { align-items: flex-start }
  #custom_area .custom_intro { max-width: 400px }
  #custom_area .custom_list { grid-template-columns: repeat(2,1fr) }
  #custom_area .custom_item { padding: 0 30px 65px }
  #custom_area .custom_item:nth-child(n+4) { padding-top: 0; padding-bottom: 65px }
  #custom_area .custom_item:nth-child(2),#custom_area .custom_item:nth-child(5) { transform: none }
  #custom_area .custom_item:nth-child(3n+1) { padding-left: 30px }
  #custom_area .custom_item:nth-child(3n) { padding-right: 30px }
  #custom_area .custom_item:nth-child(odd) { padding-left: 0 }
  #custom_area .custom_item:nth-child(even) { padding-right: 0 }
  #custom_area .custom_item:not(:nth-child(3n)):after { display: none }
  #custom_area .custom_item:nth-child(odd):after { content: ""; display: block; position: absolute; right: 0; top: 10%; width: 1px; height: 70%; background: linear-gradient(to bottom,rgba(210,161,109,0),rgba(210,161,109,.18),rgba(210,161,109,0)) }
  #custom_area .custom_list_wrap:before { display: none }
  section { padding: 8vw 0 }
  #news_area li .h3 { height: 30px; -webkit-line-clamp: 1 }
  #cugood_area { padding: 105px 0 }
  #cugood_area .cugood_bg_text { font-size: 82px }
  #cugood_area .cugood_head_right { max-width: 400px }
  #cugood_area .cugood_card { min-height: 340px }
}
@media screen and (max-width:980px) {
  section .title_box { padding-bottom: 8vw }
  section { padding: 12vw 0 }
}
@media screen and (max-width:768px) {
  .section_head { gap: 25px; margin-bottom: 50px }
  .section_heading { padding-left: 23px }
  .section_heading:before { width: 2px }
  .section_heading:after { left: -12px; top: -10px; width: 27px; height: 27px }
  .section_kicker { gap: 10px; margin-bottom: 10px; font-size: 10px; letter-spacing: .22em }
  .section_kicker:after { width: 35px }
  .section_title { font-size: 32px; letter-spacing: .1em }
  .section_title:before { bottom: -15px; width: 55px }
  .section_title:after { left: 55px; bottom: -17px }
  .section_line { width: 115px; margin-top: 20px }
  #product_area { padding: 85px 0 95px }
  #product_area:before { width: 48% }
  #product_area:after { right: -200px }
  #product_area .project_bg_text { top: 38px; font-size: 68px }
  #product_area .slider_count { display: none }
  #product_area .section_control { gap: 10px }
  #product_area .project_arrow { width: 44px; height: 44px }
  #product_area .project_slider_wrap { padding-top: 25px }
  #product_area #product_list:before { display: none }
  #product_area .info_box { min-height: auto; padding: 23px 18px 22px }
  #product_area .info_box:before { left: 18px }
  #product_area .info_box .h3 { font-size: 21px }
  #product_area .info_box article { max-width: 100% }
  #product_area .project_no { left: 18px; top: 18px; width: 40px; height: 40px }
  #product_area .project_view { right: 18px; bottom: 18px }
  .section_heading { padding-left: 21px }
  .section_kicker { gap: 9px; margin-bottom: 10px; font-size: 9px; letter-spacing: .22em }
  .section_kicker:after { width: 30px }
  .section_title { font-size: 30px }
  .section_line { width: 65px; margin-top: 18px }
  .site_btn { min-width: 160px; height: 48px; padding-left: 18px }
  #about_area { padding: 175px 0 80px }
  #about_area .about_deco_word { top: 108px; font-size: 52px }
  #about_area .decoText { top: 70px; right: 4%; width: 82% }
  #about_area .page_title { font-size: 13px }
  #about_area .about_inner.workframe { display: flex; flex-direction: column; width: auto; margin: 0 5%; padding: 0; gap: 10px }
  #about_area #about_info { width: 100%; padding: 25px 0 45px }
  #about_area .about_section_heading .section_title { font-size: 29px }
  #about_area #about_info article { max-width: 600px }
  #about_area #about_img { width: calc(100%+5.25%); margin-right: -5.25%; align-self: flex-end }
  #about_area #about_img .clip { aspect-ratio: 4/3 }
  #about_area .about_img_bridge { display: none }
  #about_area .about_side_color { display: none }
  #custom_area { padding: 90px 0 95px }
  #custom_area .custom_transition { display: none }
  #custom_area .custom_bg_word { top: 50px; font-size: 56px }
  #custom_area .custom_head { display: block; margin-bottom: 60px }
  #custom_area .custom_intro { max-width: 100%; margin-top: 38px; padding-left: 22px }
  #custom_area .custom_section_heading .section_title { font-size: 30px }
  #custom_area .custom_list { grid-template-columns: 1fr }
  #custom_area .custom_item,#custom_area .custom_item:nth-child(n+4),#custom_area .custom_item:nth-child(3n+1),#custom_area .custom_item:nth-child(3n),#custom_area .custom_item:nth-child(odd),#custom_area .custom_item:nth-child(even) { padding: 0 0 28px }
  #custom_area .custom_item:nth-child(odd):after { display: none }
  #custom_area .custom_card { min-height: auto; padding: 26px 25px 66px; border-bottom: 1px solid rgba(210,161,109,.15) }
  #custom_area .custom_top { margin-bottom: 22px }
  #custom_area .custom_content article { max-width: 520px }
  #custom_area .custom_more { left: 25px; bottom: 23px; opacity: 1; transform: none }
  #custom_area .custom_bottom { margin-top: 45px }
  #cugood_area { padding: 88px 0 }
  #cugood_area .cugood_bg_text { top: 42px; font-size: 58px }
  #cugood_area .cugood_head { display: block; margin-bottom: 48px }
  #cugood_area .cugood_head_right { max-width: 100%; margin-top: 36px; padding-left: 22px }
  #cugood_area .cugood_slider_wrap { margin: 0 -8px }
  #cugood_area .cugood_slide { padding: 0 8px }
  #cugood_area .cugood_control { margin-top: 32px }
  #cugood_area .cugood_progress { width: 85px }
}
@media screen and (max-width:560px) {
  .section_head { margin-bottom: 42px }
  .section_heading { padding: 5px 0 5px 19px }
  .section_heading:after { display: none }
  .section_kicker { font-size: 9px; letter-spacing: .18em }
  .section_kicker:before { width: 5px; height: 5px }
  .section_kicker:after { width: 24px }
  .section_title { font-size: 27px; letter-spacing: .08em }
  .section_title:before { bottom: -13px; width: 44px }
  .section_title:after { left: 44px; bottom: -15px; width: 5px; height: 5px }
  .section_line { width: 90px; margin-top: 18px }
  #product_area { padding: 72px 0 80px }
  #product_area:after { display: none }
  #product_area .project_bg_text { right: -8px; font-size: 50px }
  #product_area .project_slider_wrap { padding-top: 14px }
  #product_area .project_slider_wrap:before { display: none }
  #product_area #product_list .slick-list { padding-top: 10px!important; padding-bottom: 25px!important }
  #product_area #product_list .slick-slide { padding: 0 7px; transform: scale(.94) }
  #product_area #product_list .slick-slide.slick-center { transform: scale(1) }
  #product_area .clip:after { inset: 7px }
  #product_area .slick-center .clip:after { inset: 8px }
  #product_area .project_no { left: 14px; top: 14px; width: 36px; height: 36px }
  #product_area .project_view { right: 14px; bottom: 14px }
  #product_area .project_view span { display: none }
  #product_area .info_box { padding: 21px 16px 20px }
  #product_area .info_box:before { left: 16px }
  #product_area .project_meta { font-size: 8px; letter-spacing: .16em }
  #product_area .info_box .h3 { font-size: 20px }
  #product_area .info_box article { font-size: 13px; line-height: 1.8 }
  #product_area .info_box .spec { font-size: 11px }
  #product_area .site_more { margin-top: 17px }
  #about_area { padding: 155px 0 65px }
  #about_area .about_deco_word { top: 100px; font-size: 39px }
  #about_area .decoText { top: 58px; right: 0; width: 92% }
  #about_area .about_statement_en { font-size: 8px; letter-spacing: .06em }
  #about_area .page_title { font-size: 11px; line-height: 1.8 }
  #about_area .about_inner.workframe { margin: 0 20px }
  #about_area #about_info { padding-bottom: 36px }
  #about_area .about_section_heading { margin-bottom: 25px }
  #about_area .about_section_heading .section_title { font-size: 26px }
  #about_area #about_info article { font-size: 13px; line-height: 1.95; letter-spacing: .055em }
  #about_area #about_img { width: calc(100%+20px); margin-right: -20px }
  #about_area #about_img .clip:after { inset: 7px }
  #about_area .about_img_frame:before { left: -7px; top: -7px; width: 48px; height: 48px }
  #about_area .about_img_frame:after { right: 7px; bottom: -7px; width: 65px; height: 65px }
  #about_area .about_img_label { min-width: 140px; padding: 12px 14px }
  #about_area .about_img_label .num { font-size: 17px }
  #about_area .about_img_label .txt { font-size: 7px }
  #custom_area { padding: 72px 0 75px }
  #custom_area .custom_bg_word { top: 45px; font-size: 38px; letter-spacing: .06em }
  #custom_area .custom_head { margin-bottom: 42px }
  #custom_area .custom_section_heading .section_title { font-size: 26px }
  #custom_area .custom_intro { margin-top: 30px; padding-left: 17px }
  #custom_area .custom_intro_en { font-size: 8px; letter-spacing: .15em }
  #custom_area .custom_intro p { font-size: 12px; line-height: 1.9 }
  #custom_area .custom_card { padding: 22px 18px 61px }
  #custom_area .custom_icon { width: 62px; height: 62px }
  #custom_area .custom_number { font-size: 10px }
  #custom_area .custom_number:after { width: 25px }
  #custom_area .custom_content .h3 { font-size: 18px }
  #custom_area .custom_content article { font-size: 12px; line-height: 1.85 }
  #custom_area .custom_more { left: 18px; bottom: 20px }
  #custom_area .custom_bottom { justify-content: flex-start; margin-top: 30px }
  #custom_area .custom_bottom_line { width: 70px }
  #custom_area .custom_bottom_text { font-size: 7px; letter-spacing: .16em }
  #cugood_area { padding: 72px 0 75px }
  #cugood_area .cugood_bg_text { font-size: 40px }
  #cugood_area .cugood_head { margin-bottom: 38px }
  #cugood_area .cugood_head_right { margin-top: 28px; padding-left: 17px }
  #cugood_area .cugood_intro_en { font-size: 8px; letter-spacing: .15em }
  #cugood_area .cugood_head_right p { font-size: 12px; line-height: 1.9 }
  #cugood_area .cugood_card { min-height: 330px; padding: 25px 21px 22px }
  #cugood_area .cugood_avatar { flex-basis: 48px; width: 48px; height: 48px }
  #cugood_area .facility-item-title { font-size: 16px }
  #cugood_area .facility-text { font-size: 12px; line-height: 1.9 }
  #cugood_area .cugood_count { display: none }
  #cugood_area .cugood_progress { flex: 1; width: auto }
  #cugood_area .cugood_control { gap: 15px }
  #cugood_area .cugood_arrow { width: 44px; height: 44px }
}
@media screen and (max-width:550px) {
  section .clip img { height: auto }
}
@media (prefers-reduced-motion:reduce) {
  #custom_area .custom_icon:after { animation: none }
}