.banner-slider{clip-path:polygon(0 0,0 0,0 100%,0% 100%)}.banner-slider .banner-slider__slide.anim img{transition-property:transform,opacity;transition-duration:15s;transform:scale(1.1) translate(-2%)}.banner-slider .banner-slider__slide img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transform:scale(1.1) translate(2%);aspect-ratio:39/25}@media screen and (min-width: 768px){.banner-slider .banner-slider__slide img{aspect-ratio:192/70}}.page-info{letter-spacing:1px}.page-info .page-info__title{font-size:28px;margin-bottom:16px}@media screen and (min-width: 1280px){.page-info .page-info__title{font-size:48px}}.page-info .page-info__project-name{font-size:14px;margin-bottom:32px}@media screen and (min-width: 1280px){.page-info .page-info__project-name{margin-bottom:0;font-size:18px}}.project-info{background-color:#f7f8f8;padding-inline:30px;padding-block:64px}@media screen and (min-width: 1280px){.project-info{padding-inline:0;padding-block:168px}.project-info .wrapper{max-width:1600px;display:flex;justify-content:space-between;align-items:flex-end}}.project-info .project-info__tp-container{margin-bottom:64px}@media screen and (min-width: 1280px){.project-info .project-info__tp-container{margin-bottom:0}}.project-info .project-info__tp-container .page-info__en{font-size:12px;color:#4d4d4d;word-break:break-all}@media screen and (min-width: 768px){.project-info .project-info__tp-container .page-info__en{font-size:13px}}@media screen and (min-width: 1280px){.project-info .project-info__tp-container .page-info__en{display:none}.project-info .project-info__content{display:flex;flex-direction:column;width:50%}}.project-info .project-info__content .page-info__en{display:none}@media screen and (min-width: 1280px){.project-info .project-info__content .page-info__en{letter-spacing:1px;line-height:1.2;font-size:14px;display:block;margin-bottom:48px}}@media screen and (min-width: 1440px){.project-info .project-info__content .page-info__en{font-size:16px}}.project-info .project-info__content .project-info__container{display:flex;justify-content:space-between;flex-direction:column}@media screen and (min-width: 576px){.project-info .project-info__content .project-info__container{flex-direction:row;align-items:flex-end}}.project-info .project-info__content .project-info__content__text-container{margin-bottom:24px}@media screen and (min-width: 576px){.project-info .project-info__content .project-info__content__text-container{width:50%}}@media screen and (min-width: 1280px){.project-info .project-info__content .project-info__content__text-container{margin-bottom:0}}.project-info .project-info__content .project-info__content__text-container .project-info__slogan{font-size:16px;margin-bottom:24px;line-height:1.5}@media screen and (min-width: 1280px){.project-info .project-info__content .project-info__content__text-container .project-info__slogan{word-break:keep-all;font-size:18px}}.project-info .project-info__content .project-info__content__text-container .project-info__outline{line-height:1.8;letter-spacing:1px;font-weight:300;font-size:13px}@media screen and (min-width: 1280px){.project-info .project-info__content .project-info__content__text-container .project-info__outline{word-break:keep-all;font-size:14px}}.project-info .project-info__content .project-info__cover-container{width:100%;max-width:320px}@media screen and (min-width: 576px){.project-info .project-info__content .project-info__cover-container{width:40%}}.project-info .project-info__content .project-info__cover-container .cover-container__img-container{position:relative;padding-bottom:133%;margin-left:auto}.project-info .project-info__content .project-info__cover-container img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.project-content{background-color:#fff;padding-inline:30px;padding-block:64px}@media screen and (min-width: 1280px){.project-content{padding-block:192px}}.project-content .wrapper{max-width:1280px}@media screen and (min-width: 1280px){.project-content .wrapper{display:flex}.project-content__main-slider.tp{display:none}}.project-content__main-slider.pc{display:none}@media screen and (min-width: 1280px){.project-content__main-slider.pc{display:block}.project-content__main-slider{width:60%}}.project-content__main-slider .project-content__main-slider__img-container{position:relative;width:100%;padding-bottom:75%}.project-content__main-slider .project-content__main-slider__img-container img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media screen and (min-width: 1280px){.project-content__group{width:40%;display:flex;flex-direction:column;justify-content:space-between;margin-left:16px}}.project-content__group .project-content__sub-slider{margin-top:16px}@media screen and (min-width: 1280px){.project-content__group .project-content__sub-slider.tp{display:none}}.project-content__group .project-content__sub-slider.pc{display:none}.project-content__group .project-content__sub-slider.pc .project-content__sub-slider__slide{padding:0 5px}.project-content__group .project-content__sub-slider.pc .project-content__sub-slider__slide:first-child{padding:0 5px 0 0}.project-content__group .project-content__sub-slider.pc .project-content__sub-slider__slide:last-child{padding:0 0 0 5px}@media screen and (min-width: 1280px){.project-content__group .project-content__sub-slider.pc{display:block}.project-content__group .project-content__sub-slider{margin-top:0;width:100%}}.project-content__group .project-content__sub-slider .project-content__sub-slider__slide{cursor:pointer}.project-content__group .project-content__sub-slider .project-content__sub-slider__slide:hover .project-content__sub-slider__img-container .img-overlay-container,.project-content__group .project-content__sub-slider .project-content__sub-slider__slide:hover .project-content__sub-slider__img-container .img-overlay-indicator,.project-content__group .project-content__sub-slider .project-content__sub-slider__slide.swiper-slide-thumb-active .project-content__sub-slider__img-container img{opacity:1}.project-content__group .project-content__sub-slider .project-content__sub-slider__slide .project-content__sub-slider__img-container{position:relative;width:100%;padding-bottom:100%}.project-content__group .project-content__sub-slider .project-content__sub-slider__slide .project-content__sub-slider__img-container img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:.5;transition:opacity .3s ease-in-out}@media screen and (min-width: 1280px){.project-content__group .project-content__sub-slider .project-content__sub-slider__slide .project-content__sub-slider__img-container img{opacity:1}}.project-content__group .project-content__text{margin-top:64px;line-height:1.6;letter-spacing:1px;font-weight:300;font-size:13px}@media screen and (min-width: 1280px){.project-content__group .project-content__text{margin-top:0;font-size:14px}}.img-overlay-container{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;background-color:#82393b80;mix-blend-mode:multiply;transition:opacity .3s ease-in-out}.img-overlay-indicator{position:absolute;top:50%;left:50%;height:50%;aspect-ratio:1/1;transform:translate(-50%,-50%);background-color:#82393b;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;opacity:0;transition:opacity .3s ease-in-out;color:#fff}@media screen and (min-width: 576px){.img-overlay-indicator{gap:8px}}@media screen and (min-width: 768px){.img-overlay-indicator{gap:12px}}.img-overlay-indicator .img-overlay-indicator__arrow{width:8px;stroke:#fff}@media screen and (min-width: 375px){.img-overlay-indicator .img-overlay-indicator__arrow{width:10px}}@media screen and (min-width: 768px){.img-overlay-indicator .img-overlay-indicator__arrow{width:12px}}.img-overlay-indicator .img-overlay-indicator__text{text-align:center;font-size:8px;letter-spacing:1px}@media screen and (min-width: 375px){.img-overlay-indicator .img-overlay-indicator__text{font-size:10px}}@media screen and (min-width: 768px){.img-overlay-indicator .img-overlay-indicator__text{font-size:12px}}.project-detail{padding-inline:30px;padding-block:64px;background-color:#82393b}@media screen and (min-width: 1280px){.project-detail{padding-block:128px}}.project-detail .wrapper{max-width:1280px}@media screen and (min-width: 1024px){.project-detail .wrapper{display:flex}}.project-detail .project-detail__section-container{margin-bottom:64px}.project-detail .project-detail__section-container .project-detail__title{color:#fff;font-size:28px;letter-spacing:1px;line-height:1.2;margin-bottom:48px}.project-detail .project-detail__section-container .project-detail__btn-container{display:flex;gap:16px}.project-detail .project-detail__section-container .project-detail__btn-container .square-btn-container{gap:8px;padding:4px 8px 5px}.project-detail .project-detail__section-container .project-detail__btn-container .project-detail__list-btn:hover{background-color:#fff}.project-detail .project-detail__section-container .project-detail__btn-container .project-detail__list-btn:hover .square-btn:before,.project-detail .project-detail__section-container .project-detail__btn-container .project-detail__list-btn:hover .square-btn:after{color:#4d4d4d}.project-detail .project-detail__section-container .project-detail__btn-container .project-detail__list-btn:hover .icon{stroke:#4d4d4d}.project-detail .project-detail__section-container .project-detail__btn-container .project-detail__edm-btn{background-color:#fff}.project-detail .project-detail__section-container .project-detail__btn-container .project-detail__edm-btn .icon{stroke:#4d4d4d}.project-detail .project-detail__section-container .project-detail__btn-container .project-detail__edm-btn .square-btn:before,.project-detail .project-detail__section-container .project-detail__btn-container .project-detail__edm-btn .square-btn:after{color:#4d4d4d}.project-detail .project-detail__section-container .project-detail__btn-container .project-detail__edm-btn:hover{background-color:#4d4d4d}.project-detail .project-detail__section-container .project-detail__btn-container .project-detail__edm-btn:hover .square-btn:before,.project-detail .project-detail__section-container .project-detail__btn-container .project-detail__edm-btn:hover .square-btn:after{color:#fff}.project-detail .project-detail__section-container .project-detail__btn-container .project-detail__edm-btn:hover .icon{stroke:#fff}.project-detail .project-detail__container{display:grid;gap:32px;grid-template-columns:repeat(1,1fr)}@media screen and (min-width: 768px){.project-detail .project-detail__container{display:flex}}@media screen and (min-width: 1024px){.project-detail .project-detail__container{max-width:70%;margin-inline:auto 0}}@media screen and (min-width: 1280px){.project-detail .project-detail__container{margin-inline:auto 0;gap:56px}}.project-detail .project-detail__container .project-detail__grid-col{display:flex;flex-direction:column;gap:32px;width:-moz-fit-content;width:fit-content}.project-detail .project-detail__container .project-detail__grid-col:last-of-type{flex-shrink:0}.project-detail .project-detail__container .project-detail__grid-col .project-detail__grid-col__item{display:flex;flex-direction:column;gap:16px;color:#fff;font-weight:300}@media screen and (min-width: 1024px){.project-detail .project-detail__container .project-detail__grid-col .project-detail__grid-col__item{flex-direction:row;gap:48px}}.project-detail .project-detail__container .project-detail__grid-col .project-detail__grid-col__item .project-detail__col-item__title{opacity:.7;font-family:Noto Sans TC}@media screen and (min-width: 1024px){.project-detail .project-detail__container .project-detail__grid-col .project-detail__grid-col__item .project-detail__col-item__title{min-width:90px;text-align:justify;position:relative}.project-detail .project-detail__container .project-detail__grid-col .project-detail__grid-col__item .project-detail__col-item__title:after{width:100%;display:inline-block;content:""}}.project-detail .project-detail__container .project-detail__grid-col .project-detail__grid-col__item .project-detail__col-item__value{letter-spacing:1px;line-height:1.2;font-family:Noto Sans TC}
