.banner{width:100%;height:41.666vw;position:relative;overflow:hidden}.banner .banner-inner{position:absolute;left:var(--page-padding);bottom:6.25rem}.banner .banner-inner .title{font-size:3.375rem;font-weight:500;line-height:4.375rem;text-transform:capitalize;letter-spacing:.03em;color:#fff}.page-main{padding:10.1875rem var(--page-padding) 12.875rem;background-color:#fff}.intro-hd{margin-bottom:11.25rem}.intro-hd .title{width:47.5%;font-size:2.75rem;font-weight:500;line-height:4rem;letter-spacing:.03em;color:#000}.intro-hd .desc{flex:1;width:0;margin-left:5rem;font-size:1.125rem;font-weight:normal;line-height:2;text-align:justify;letter-spacing:-0.02em;color:#666}.mt-card{display:flex;align-items:center}.mt-card:nth-child(even){flex-direction:row-reverse}.mt-card:nth-child(even) .mt-card-info{margin-left:0;margin-right:5rem}.mt-card:first-child .mt-card-info{padding-bottom:12.5rem}.mt-card+.mt-card{margin-top:-6.875rem}.mt-card .photo{width:47.5%;height:48.4375vw}.mt-card .mt-card-info{flex:1;width:0;margin-left:5rem;padding:0 1.375rem}.mt-card .mt-card-info .title{font-size:2rem;font-weight:500;line-height:1;text-transform:capitalize;color:#000}.mt-card .mt-card-info .content{margin-top:2.5rem;font-size:1.125rem;font-weight:normal;line-height:2;text-align:justify;letter-spacing:-0.02em;color:#666}.mt-card .mt-card-info .selection-box{margin-top:5rem}.mt-card .mt-card-info .selection-title{font-size:1.5rem;font-weight:500;line-height:2rem;color:#000}.mt-card .mt-card-info .selection-list{margin-top:1.875rem;flex-wrap:wrap;gap:.9375rem}.mt-card .mt-card-info .style-item{display:inline-flex;align-items:center;justify-content:center;width:4.375rem;height:4.375rem;flex:0 0 4.375rem;position:relative}.mt-card .mt-card-info .style-item+.style-item{margin-left:0}.style-item{padding:0;border:0;background:rgba(0,0,0,0);cursor:pointer;opacity:1;transition:transform .2s cubic-bezier(0.2, 0, 0, 1)}.style-item::after{content:none !important}.style-item:active{transform:scale(0.96)}.style-item:focus-visible{outline:2px solid #ff4958;outline-offset:3px}.material-swatch{display:block;width:4.375rem;height:4.375rem;position:relative}.material-swatch::before,.material-swatch::after{content:"";display:block;position:absolute;opacity:0;clip-path:polygon(50% 0, 93.3% 25%, 93.3% 75%, 50% 100%, 6.7% 75%, 6.7% 25%);transition:opacity .18s ease}.material-swatch::before{inset:0;background:#ff4958}.material-swatch::after{inset:.25rem;background:#fff}.material-swatch img{display:block;width:3.3125rem;height:3.3125rem;object-fit:cover;position:absolute;left:50%;top:50%;z-index:2;transform:translate(-50%, -50%);clip-path:polygon(50% 0, 93.3% 25%, 93.3% 75%, 50% 100%, 6.7% 75%, 6.7% 25%)}.style-item.active .material-swatch::before,.style-item.active .material-swatch::after{opacity:1}.mt-card>.photo{overflow:hidden}.mt-card>.photo img.is-material-image-fade{animation:material-image-fade .3s ease-in-out both;will-change:opacity}@keyframes material-image-fade{0%{opacity:1}48%{opacity:0}52%{opacity:0}100%{opacity:1}}@media screen and (max-width: 800px){.banner{height:80vw}.banner .banner-inner{position:absolute;left:5.3333vw;bottom:1.25rem}.banner .banner-inner .title{font-size:5.8667vw;font-weight:500;line-height:8vw;letter-spacing:0}.page-main{padding:17.3333vw 4vw;background-color:#fff}.intro-hd{flex-direction:column;margin-bottom:10.6667vw}.intro-hd .title{width:100%;font-size:5.3333vw;font-weight:500;line-height:9.0667vw;letter-spacing:0em;color:#000}.intro-hd .desc{flex:none;width:100%;margin-left:0;margin-top:4vw;font-size:2.9333vw;font-weight:normal;line-height:5.3333vw;text-align:justify;letter-spacing:0em;color:#666}.mt-card{display:block;position:relative}.mt-card:nth-child(even) .mt-card-info{margin-left:0;margin-right:0}.mt-card:first-child .mt-card-info{padding-bottom:0}.mt-card+.mt-card{margin-top:16vw}.mt-card .photo{width:100%;height:112vw}.mt-card .mt-card-info{flex:none;width:100%;margin-left:0;padding:0;margin-top:5.3333vw}.mt-card .mt-card-info .title{font-size:4.2667vw;font-weight:500;line-height:2;color:#000;text-align:center}.mt-card .mt-card-info .content{margin-top:4vw;font-size:2.9333vw;font-weight:normal;line-height:6.4vw;text-align:justify;letter-spacing:0em;color:#666}.mt-card .mt-card-info .selection-box{margin-top:0;position:absolute;top:98.1333vw;left:50%;transform:translateX(-50%);z-index:10}.mt-card .mt-card-info .selection-title{display:none}.mt-card .mt-card-info .selection-list{margin-top:0}.mt-card .mt-card-info .style-item{width:6.4vw;height:6.4vw;position:relative}.mt-card .mt-card-info .style-item+.style-item{margin-left:2.4vw}.mt-card .mt-card-info .style-item.active::after{width:7.2667vw;height:8.4vw;background:url("/src/images/libs/metrail/type_selection_white.png") no-repeat top left/100% 100%}}