.caselist li{position:relative}.caselist h5{color:#3A3030;font-family:"Noto Serif TC",serif;line-height:1.5;letter-spacing:0.05em;margin-bottom:1.5em}@media all and (max-width: 575px){.caselist h5{font-size:1.375em}}@media all and (min-width: 576px){.caselist h5{font-size:1.625em}}.caselist .stext{color:#675757;letter-spacing:0.025em}@media all and (max-width: 575px){.caselist .stext{font-size:1em}}@media all and (min-width: 576px){.caselist .stext{font-size:1.125em}}@media all and (max-width: 768px){.caselist h5{margin:1em 0}.caselist .stext{line-height:2;margin-bottom:2em}}@media all and (min-width: 769px){.caselist li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.caselist li:hover h5{color:#900}.caselist .imgWrap img{aspect-ratio:1/0.667;-o-object-fit:cover;object-fit:cover}}.titleWrap{font-family:"Noto Serif TC",serif}.titleWrap .fen{color:#900;line-height:1;margin-bottom:1em}@media all and (max-width: 575px){.titleWrap .fen{font-size:1.0625em}}@media all and (min-width: 576px){.titleWrap .fen{font-size:1.25em}}.titleWrap .mtitle{color:#3A3030;letter-spacing:0.05em;font-weight:500;line-height:1}@media all and (max-width: 575px){.titleWrap .mtitle{font-size:2.625em}}@media all and (min-width: 576px){.titleWrap .mtitle{font-size:3em}}.titleWrap .txtDeco{font-size:19vw;-webkit-text-stroke:1px rgba(153,0,0,0.5);-webkit-text-fill-color:transparent}.titleWrap .txtDeco span{visibility:hidden}.kv{font-family:"Noto Serif TC",serif}.kv .title1{color:#900;line-height:1}.kv .title1 span{visibility:hidden}.kv .title2{text-align:right;color:#3A3030}.kv .title2 span.word{visibility:hidden;line-height:1.5}.kv .title2 span.char{border-bottom:1px solid #900;letter-spacing:0.2em}.kv .photo1 img,.kv .photo2 img{visibility:hidden}.kv .sroll{color:#900;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:9vw}@media all and (max-width: 575px){.kv .sroll{font-size:.75em}}@media all and (min-width: 576px){.kv .sroll{font-size:.875em}}.kv .line{width:1px;height:120px;background-color:rgba(153,0,0,0.3);margin-top:10px}.kv .line i{width:100%;height:13.3%;display:block;background-color:#900}.kv .circle{width:80px;height:80px;border-radius:99em;border:1px solid #900;position:absolute;bottom:-40px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.about{position:relative}.about .bgDeco{width:78%;height:105%;position:absolute;top:-15%;left:0;border-top-right-radius:100px;background-color:white}.about .stext{line-height:2;margin-bottom:4em}.service .imgWrap{position:relative;width:100%}.service .imgWrap img{aspect-ratio:1/0.471;-o-object-fit:cover;object-fit:cover}.service h5{color:white;line-height:1;font-family:"Noto Serif TC",serif;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:1}@media all and (max-width: 575px){.service h5{font-size:1.375em}}@media all and (min-width: 576px){.service h5{font-size:1.625em}}.service .imgBlur{background-color:rgba(103,87,87,0.4);-webkit-filter:brightness(0.8);filter:brightness(0.8);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.service .imgBlur,.service .more,.service h5{position:absolute;top:50%;right:6%;-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);width:34%;aspect-ratio:1/1;-webkit-transition:0.6s;transition:0.6s}.service a{margin-bottom:1em;display:block}@media all and (max-width: 768px){.titleWrap{text-align:center;margin-bottom:3em}.kv .line{-webkit-transform:scale(0.5);transform:scale(0.5);-webkit-transform-origin:top;transform-origin:top}.kv .circle{-webkit-transform:translateX(-50%) scale(0.5);transform:translateX(-50%) scale(0.5);-webkit-transform-origin:top;transform-origin:top;bottom:0}.about .txtDeco{position:absolute;top:-.8em;right:5%}.about .bgDeco{width:calc(100% - 16px);height:95%;top:0;border-top-right-radius:50px}.photoWrap{margin-bottom:12vw}.photoWrap img.pc_use{display:none}.caselist .txtDeco{margin-bottom:24px}.caselist li{margin-bottom:4em}.caselist .infoWrap{padding:0 20px}.caselist .btn.more{margin-bottom:6em}.service .imgBlur{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}@media all and (max-width: 990px){.kv .photo1{width:48%;margin-left:52%;margin-bottom:7vw}.kv .photo2{position:relative;z-index:-1;margin-top:-3vw}.kv .title1{font-size:9vw;padding:0 20px}.kv .title2{padding:0 14px;margin-top:6vw}.kv .title2 span{font-size:5.1vw}.about{padding-top:6em;margin-bottom:6em}.about .row{padding:0}.about .titleWrap .stext{text-align:left;margin-top:4em;padding:0 32px}.about .col-left .imgWrap{width:71.3%;margin-bottom:3em}.about .col-right .imgWrap{width:71.3%;margin-left:28.7%}.service{padding-left:0;padding-right:0}.service .more{display:none}}@media all and (min-width: 769px){.photoWrap .arrow{border:1px solid #900}.photoWrap img.mo_use{display:none}.caselist{margin-top:50px;max-width:1920px}.caselist .titleWrap{aspect-ratio:1/0.15;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.caselist .txtDeco{position:absolute;top:0;right:50%;-webkit-transform:translateX(50%);transform:translateX(50%)}.caselist h5{margin-bottom:0.5em}.caselist li{margin-bottom:3em}.caselist .imgWrap{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%}.caselist .stext{height:6em;line-height:2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:1em}.caselist .infoWrap{padding-right:5%;padding-left:5%}.caselist .btn.more{margin-top:5vw;margin-bottom:10vw}}@media all and (min-width: 769px) and (max-width: 990px){.titleWrap .txtDeco{font-size:18vw}.about{margin-top:12vw}.about .col-left{display:-webkit-box;display:-ms-flexbox;display:flex}.about .col-left .imgWrap{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%}.about .titleWrap{padding-left:5%}.about .titleWrap .stext{padding:0}.about .txtDeco{line-height:1;text-align:right;margin-top:-0.2em;margin-bottom:0.2em}.about .bgDeco{top:0;width:80%;height:90%}}@media all and (min-width: 991px){.titleWrap .txtDeco{font-size:10vw}.kv{width:100%;height:100vh;position:relative}.kv .photo1{width:27vw;position:absolute;top:0;right:0}.kv .photo2{width:64.5vw;position:absolute;top:37%;left:0}.kv .title1{position:absolute;bottom:59%;left:13%;font-size:6.25vw;max-width:10em;z-index:5}.kv .title2{position:absolute;right:13%;bottom:13%;font-size:1.67vw}.kv .sroll{position:absolute;right:40px;bottom:10%;width:80px}.about{margin-top:15vw;margin-bottom:10vw}.about .col-left{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex}.about .col-right{-webkit-box-flex:0;-ms-flex:0 0 41.7%;flex:0 0 41.7%;margin-top:-5em}.about .col-left .titleWrap{padding-left:2vw;padding-right:2vw}.about .stext{max-width:23em;margin-top:8vw}.service{margin:0 auto}.service .list{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;display:-webkit-box;display:-ms-flexbox;display:flex;text-align:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.service a{-webkit-box-flex:0;-ms-flex:0 0 calc(50% - 0.5em);flex:0 0 calc(50% - 0.5em);position:relative}.service a:hover .more{opacity:1}.service a:hover h5{opacity:0}.service a:hover .imgBlur{background-color:rgba(153,0,0,0.5);-webkit-filter:brightness(1.1);filter:brightness(1.1)}.service .more{font-size:20px;letter-spacing:0.2em;font-family:"Noto Serif TC",serif;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:white;opacity:0}.service .more i{width:48px;height:48px;display:block;border-radius:99em;border:1px solid white;margin-top:0.5em;padding-top:0.2em}}@media all and (min-width: 1440px){.about .col-left .titleWrap{padding-left:4.5vw}.caselist li{margin-bottom:1em}.caselist .infoWrap{padding-right:7.3%;padding-left:12.3%}.caselist .stext{height:8em;line-height:2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin-bottom:3em;margin-top:2em}.photoWrap .arrow{width:80px;height:80px;padding-top:1.5%}.photoWrap .arrow svg{-webkit-transform:scale(1.8);transform:scale(1.8)}}
/*# sourceMappingURL=index.css.map */