.brand-card .content-main .title,.no-content .text-box .title{font-size:1.25rem;font-weight:500;line-height:1.5;letter-spacing:1px}@media only screen and (max-width: 1024px){.brand-card .content-main .title,.no-content .text-box .title{font-size:1.125rem}}.brand-card .content-main .desc,.no-content .text-box .desc,.common-banner .content-box .desc,.common-banner[data-type=detail] .content-box .desc{font-size:1rem;font-weight:400;line-height:1.8;letter-spacing:1px}@media only screen and (max-width: 1024px){.brand-card .content-main .desc,.no-content .text-box .desc,.common-banner .content-box .desc,.common-banner[data-type=detail] .content-box .desc{font-size:.875rem}}.common-banner .content-box .title{font-size:clamp(2.5rem,-.3571rem + 4.4643vw,5rem);font-weight:400;line-height:1.3;letter-spacing:1px}.common-banner .content-box .subtitle{font-size:2rem;font-size:clamp(1.5rem,.9286rem + .8929vw,2rem);font-weight:400;line-height:1.5;letter-spacing:1px}multipurpose-nav[m4-type=drag] .drag-container .category{font-size:1rem;font-weight:500;line-height:1.5;letter-spacing:1px}@media only screen and (max-width: 1024px){multipurpose-nav[m4-type=drag] .drag-container .category{font-size:.875rem}}.common-banner[data-type=detail] .content-box .title{font-size:clamp(2.25rem,.5357rem + 2.6786vw,3.75rem);font-weight:400;line-height:1.5;letter-spacing:1px}.common-banner[data-type=detail] .content-box .subtitle{font-size:clamp(1.5rem,.9286rem + .8929vw,2rem);font-weight:400;line-height:1.8;letter-spacing:1px}.common-banner[data-type=detail] .content-box .date{font-size:.875rem;font-weight:700;line-height:1;letter-spacing:1px}@media only screen and (max-width: 1024px){.common-banner[data-type=detail] .content-box .date{font-size:.75rem}}.brand-card .content-header .area-item.ellipsis span,.brand-card .content-header .area-item{font-size:.875rem;font-weight:500;line-height:1.5;letter-spacing:1px}@media only screen and (max-width: 1024px){.brand-card .content-header .area-item.ellipsis span,.brand-card .content-header .area-item{font-size:.75rem}}.common-banner[data-type=half]{padding:clamp(1.25rem,.9828rem + .7435vw,1.875rem) 0;display:flex;align-items:start;gap:clamp(1.875rem,.8036rem + 1.6741vw,2.8125rem)}.common-banner[data-type=half] .content-box,.common-banner[data-type=half] .img-box{width:calc((100% - clamp(1.875rem,.8036rem + 1.6741vw,2.8125rem))/2)}.common-banner[data-type=half] .content-box{padding:clamp(3.75rem,-.5357rem + 6.6964vw,7.5rem) 0;display:flex;flex-direction:column;align-items:flex-start;gap:clamp(1.875rem,-.2679rem + 3.3482vw,3.75rem)}.common-banner[data-type=half] .content-box .text-box{gap:clamp(1.875rem,-.2679rem + 3.3482vw,3.75rem)}.common-banner[data-type=half] .content-box .title,.common-banner[data-type=half] .content-box .subtitle,.common-banner[data-type=half] .content-box .desc{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:5}.common-banner[data-type=half] .content-box .desc{max-width:600px}.common-banner[data-type=half] .content-box .circle-button{border-color:var(--bg-color);background-color:var(--text-color);color:var(--bg-color);font-size:.625rem}.common-banner[data-type=half] .img-box{position:relative}.common-banner[data-type=half] .img-box:before{display:block;padding-top:79.7720797721%;content:""}.common-banner[data-type=half] .img-box img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}@media only screen and (max-width: 1024px){.common-banner[data-type=half] .content-box{padding:clamp(1.875rem,-3.75rem + 11.7188vw,3.75rem) 0}}@media only screen and (max-width: 768px){.common-banner[data-type=half]{flex-direction:column-reverse}.common-banner[data-type=half] .content-box,.common-banner[data-type=half] .img-box{width:100%}.common-banner[data-type=half] .content-box{padding:0}.common-banner[data-type=half] .content-box .circle-button{font-size:.5rem}}.common-banner[data-type=full]{padding:calc(var(--side-pixels) * 1px) 0;position:relative;display:flex;align-items:flex-end;min-height:clamp(39.6875rem,29.9349rem + 27.1375vw,62.5rem);min-height:min(clamp(39.6875rem,29.9349rem + 27.1375vw,62.5rem),100dvh - var(--nav-height))}.common-banner[data-type=full][data-theme=light] .content-box{color:var(--text-light-color)}.common-banner[data-type=full][data-theme=light] .content-box .circle-button{border-color:var(--sub-color);background-color:var(--sub-color);color:var(--text-dark-color)}.common-banner[data-type=full][data-theme=dark] .content-box{color:var(--text-dark-color)}.common-banner[data-type=full][data-theme=dark] .content-box .circle-button{border-color:var(--sub-color);background-color:var(--dark-color);color:var(--text-light-color)}.common-banner[data-type=full] .img-box{position:absolute;top:0;left:calc(-1px * var(--side-pixels));z-index:-1;width:100vw;height:100%}.common-banner[data-type=full] .img-box img{width:100%;height:100%;object-fit:cover}.common-banner[data-type=full] .content-box{display:flex;align-items:flex-end;justify-content:space-between;gap:clamp(1.875rem,-.2679rem + 3.3482vw,3.75rem);width:100%}.common-banner[data-type=full] .content-box .text-box{flex-grow:1;gap:clamp(1.875rem,-.2679rem + 3.3482vw,3.75rem);max-width:885px}.common-banner[data-type=full] .content-box .title,.common-banner[data-type=full] .content-box .subtitle,.common-banner[data-type=full] .content-box .desc{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:5}.common-banner[data-type=full] .content-box .circle-button{flex-shrink:0;border-color:var(--sub-color);background-color:var(--dark-color);color:var(--text-light-color);font-size:.625rem}@media only screen and (min-width: 1921px){.common-banner[data-type=full] .img-box{left:calc(-1 * var(--side-pixels) / 1920 * 100vw)}}@media only screen and (max-width: 1024px){.common-banner[data-type=full] .content-box .text-box{max-width:432px}}@media only screen and (max-width: 575px){.common-banner[data-type=full] .content-box{flex-direction:column;align-items:flex-start;justify-content:center}.common-banner[data-type=full] .content-box .circle-button{font-size:.5rem}}.common-banner[data-type=pureText]{padding:120px 0 60px;position:relative;display:flex;align-items:center}.common-banner[data-type=pureText] .content-box{display:flex;flex-direction:column;align-items:center;gap:60px;width:100%;color:var(--text-dark-color)}.common-banner[data-type=pureText] .content-box .text-box{flex-grow:1;align-items:center;gap:60px}.common-banner[data-type=pureText] .content-box .content-title{align-items:center}.common-banner[data-type=pureText] .content-box .title,.common-banner[data-type=pureText] .content-box .subtitle,.common-banner[data-type=pureText] .content-box .desc{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:5}.common-banner[data-type=pureText] .content-box .subtitle{order:-1}.common-banner[data-type=pureText] .content-box .desc{max-width:600px;text-align:center}.common-banner[data-type=pureText] .content-box .circle-button{flex-shrink:0;border-color:var(--sub-color);background-color:var(--dark-color);color:var(--text-light-color);font-size:.625rem}.common-banner[data-type=pureText] .img-box{display:none}.common-banner[data-type=detail]{padding:clamp(1.25rem,.1812rem + 2.974vw,3.75rem) 0;display:flex;align-items:center;gap:clamp(1.875rem,-2.4107rem + 6.6964vw,5.625rem)}.common-banner[data-type=detail] .content-box{flex:1;display:flex;flex-direction:column;align-items:flex-start}.common-banner[data-type=detail] .content-box .text-box{width:100%}.common-banner[data-type=detail] .content-box .text-box:after{margin:30px 0;display:block;order:2;width:100%;height:1px;background:var(--text-color-o2);content:""}.common-banner[data-type=detail] .content-box .title{font-size:2.8125rem}.common-banner[data-type=detail] .content-box .subtitle{font-size:1.5rem}.common-banner[data-type=detail] .content-box .date{order:3}.common-banner[data-type=detail] .content-box .desc{font-size:.875rem;order:3}.common-banner[data-type=detail] .content-box .content-title{order:1}.common-banner[data-type=detail] .img-box{position:relative;width:48.3333333333%}.common-banner[data-type=detail] .img-box:before{display:block;padding-top:66.6666666667%;content:""}.common-banner[data-type=detail] .img-box img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.common-banner[data-type=detail][data-align=left] .content-box{order:1}.common-banner[data-type=detail][data-align=left] .img-box,.common-banner[data-type=detail][data-align=right] .content-box{order:2}.common-banner[data-type=detail][data-align=right] .img-box{order:1}@media only screen and (max-width: 1024px){.common-banner[data-type=detail] .content-box .title{font-size:1.625rem}.common-banner[data-type=detail] .content-box .subtitle{font-size:1rem}.common-banner[data-type=detail] .content-box .date{font-size:.875rem}}@media only screen and (max-width: 575px){.common-banner[data-type=detail]{flex-direction:column-reverse}.common-banner[data-type=detail] .content-box,.common-banner[data-type=detail] .img-box{width:100%}.common-banner[data-type=detail][data-align=left] .content-box,.common-banner[data-type=detail][data-align=left] .img-box,.common-banner[data-type=detail][data-align=right] .content-box,.common-banner[data-type=detail][data-align=right] .img-box{order:initial}}.common-banner .content-box .text-box{display:flex;flex-direction:column;align-items:flex-start}.common-banner .content-box .title{font-size:3.75rem}.common-banner .content-box .subtitle{font-size:1.5rem}.common-banner .content-box .desc{font-size:.875rem}.common-banner .content-box .content-title{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.common-banner .content-box .circle-button .icon-box{transition:transform .4s}@media only screen and (min-width: 1201px){.common-banner .content-box .circle-button:hover .icon-box{transform:translate3d(0,3px,0)}}@media only screen and (max-width: 1024px){.common-banner .content-box .title{font-size:2.375rem}.common-banner .content-box .subtitle{font-size:1.25rem}}section.options-nav{position:sticky;top:0;top:var(--nav-height);z-index:3;background:var(--bg-color);transition:top .6s}section.options-nav.hide{top:calc(-1 * var(--nav-height))}section.options-nav .container{--side-pixels: 60;--total-max-width: calc(1800 + var(--side-pixels) * 2);padding-left:calc(var(--side-pixels) * 1px);padding-right:calc(var(--side-pixels) * 1px);max-width:calc(var(--total-max-width) * 1px);width:100%;margin:0 auto;display:grid;grid-template-columns:repeat(60,1fr)}section.options-nav .container>*{grid-column:1/-1}@media only screen and (min-width: 1921px){section.options-nav .container{padding-left:calc(var(--side-pixels) / 1920 * 100vw);padding-right:calc(var(--side-pixels) / 1920 * 100vw);max-width:calc(var(--total-max-width) / 1920 * 100vw)}}@media only screen and (max-width: 1024px){section.options-nav .container{--side-pixels: 40}}@media only screen and (max-width: 900px){section.options-nav .container{grid-template-columns:repeat(23,1fr)}}@media only screen and (max-width: 768px){section.options-nav .container{--side-pixels: 30}}@media only screen and (max-width: 575px){section.options-nav .container{--side-pixels: 20}}section.options-nav .container multipurpose-nav{width:100%}multipurpose-nav{width:100%}multipurpose-nav[m4-type=drag] .drag-container{padding:30px 0 22px;max-width:100%}multipurpose-nav[m4-type=drag] .drag-container:has(.wrapper.center){padding:30px 20px 22px}multipurpose-nav[m4-type=drag] .drag-container:has(.wrapper.start){padding:30px 20px 22px 0}multipurpose-nav[m4-type=drag] .drag-container:has(.wrapper.end){padding:30px 0 22px 20px}multipurpose-nav[m4-type=drag] .drag-container.scrollable{padding:30px 20px 22px}multipurpose-nav[m4-type=drag] .drag-container .wrapper{padding:0;gap:10px clamp(1.875rem,1.3406rem + 1.487vw,3.125rem)!important}multipurpose-nav[m4-type=drag] .drag-container .item.active .category:after,multipurpose-nav[m4-type=drag] .drag-container .item:hover .category:after{width:100%}multipurpose-nav[m4-type=drag] .drag-container .category{font-size:.875rem;padding:0;color:var(--text-color)}multipurpose-nav[m4-type=drag] .drag-container .category:after{margin-top:6px;position:initial;background:var(--text-color);height:2px;transition:width .4s,background .4s}multipurpose-nav[m4-type=drag] .drag-container .navigation .button{background:transparent;width:12px;transition:none}multipurpose-nav[m4-type=drag] .drag-container .navigation .button div:before{width:10.43px;height:10.43px}multipurpose-nav[m4-type=drag] .drag-container .navigation .button.prev{left:0;transform:translate3d(0,-50%,0)}multipurpose-nav[m4-type=drag] .drag-container .navigation .button.prev div:before{border-top:2px solid var(--text-color);border-left:2px solid var(--text-color)}multipurpose-nav[m4-type=drag] .drag-container .navigation .button.next div:before{border-top:2px solid var(--text-color);border-right:2px solid var(--text-color)}multipurpose-nav[m4-type=drag] .drag-container .navigation .button.prev.hide{opacity:0}multipurpose-nav[m4-type=drag] .drag-container .navigation .button.next.hide{opacity:0}multipurpose-nav [aria-selected=false]{opacity:1}@media only screen and (max-width: 1024px){multipurpose-nav[m4-type=drag] .drag-container .category{font-size:.8125rem}}@media only screen and (max-width: 575px){multipurpose-nav[m4-type=drag] .drag-container{padding:20px 0 15px}multipurpose-nav[m4-type=drag] .drag-container:has(.wrapper.center){padding:20px 20px 15px}multipurpose-nav[m4-type=drag] .drag-container:has(.wrapper.start){padding:20px 20px 15px 0}multipurpose-nav[m4-type=drag] .drag-container:has(.wrapper.end){padding:20px 0 15px 20px}multipurpose-nav[m4-type=drag] .drag-container.scrollable{padding:20px 20px 15px}}@keyframes leaf-flash{0%{opacity:.4}30%{opacity:1}70%{opacity:1}to{opacity:.4}}.no-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;min-height:660px}.no-content .icon-box{display:inline-flex;align-items:center;justify-content:center;width:90px;height:90px}.no-content .leaf{display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;width:60px;height:60px}.no-content .leaf span{display:block;background:var(--base-color);border:1px solid var(--bg-color);width:30px;height:30px;animation:leaf-flash 5s cubic-bezier(.4,0,.6,1) infinite}.no-content .leaf span:nth-child(1){border-radius:0 12px;animation-delay:0s}.no-content .leaf span:nth-child(2){border-radius:12px 0;animation-delay:1.25s}.no-content .leaf span:nth-child(3){border-radius:12px 0;animation-delay:3.75s}.no-content .leaf span:nth-child(4){border-radius:0 12px;animation-delay:2.5s}.no-content .text-box{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.no-content .card-button:after{width:0;transition:width .4s}@media only screen and (min-width: 1201px){.no-content .card-button:hover:after{width:100%}}@media only screen and (max-width: 1200px){.no-content .card-button:after{width:100%}}@media only screen and (max-width: 575px){.no-content{min-height:450px}.no-content .icon-box{width:60px;height:60px}.no-content .leaf{width:40px;height:40px}.no-content .leaf span{width:20px;height:20px}.no-content .leaf span:nth-child(1){border-radius:0 8px}.no-content .leaf span:nth-child(2){border-radius:8px 0}.no-content .leaf span:nth-child(3){border-radius:8px 0}.no-content .leaf span:nth-child(4){border-radius:0 8px}}.brand-card{display:flex;flex-direction:column;gap:30px;width:100%}.brand-card .img-box{position:relative;width:100%;overflow:hidden}.brand-card .img-box:after{display:block;padding-top:66.6666666667%;content:""}.brand-card .img-box.is-hover .hover-img{z-index:2;opacity:1}.brand-card .img-box.is-hover .error{opacity:0;z-index:-1}.brand-card .img-box img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .4s,opacity .4s,z-index .4s}.brand-card .img-box img.img{z-index:1}.brand-card .img-box img.hover-img{z-index:0;opacity:0}.brand-card .img-box img.default-img{z-index:0}.brand-card .img-box img.error{opacity:0;z-index:-1}.brand-card .content-box{display:flex;flex-direction:column;align-items:flex-start;gap:30px;width:100%}.brand-card .content{display:flex;flex-direction:column;gap:10px;width:100%}.brand-card .content-header .area{display:flex;align-items:center;gap:23px;overflow:hidden;white-space:nowrap}.brand-card .content-header .area-item{position:relative;flex-shrink:0;display:inline-flex}.brand-card .content-header .area-item:not(:first-child):before{position:absolute;left:-13px;top:50%;transform:translate3d(0,-50%,0);display:block;background:var(--text-color);width:3px;height:3px;pointer-events:none;opacity:.5;content:""}.brand-card .content-header .area-item.ellipsis{flex:1 0 0;text-overflow:ellipsis}.brand-card .content-header .area-item.ellipsis span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;white-space:normal}.brand-card .content-main{display:flex;flex-direction:column;align-items:start;gap:10px;text-align:left}.brand-card .content-main .title{font-size:1.375rem;display:block;max-width:100%}.brand-card .content-main .desc{font-size:.875rem}.brand-card .content-main .title-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-card .content-main .desc{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3}.brand-card .card-button:after{width:0;transition:width .4s}@media only screen and (min-width: 1201px){.brand-card:hover .card-button:after{width:100%}.brand-card .img-box:hover img.hover-img:not(.error){opacity:1;z-index:2}}@media only screen and (max-width: 1200px){.brand-card .card-button:after{width:100%}}@media only screen and (max-width: 1024px){.brand-card .content-main .title{font-size:1.125rem}.brand-card .content-main .desc{font-size:.875rem}}@media only screen and (max-width: 575px){.brand-card,.brand-card .content-box{gap:20px}.brand-card .content{gap:5px}.brand-card .content-main .title-text{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:initial}}.brands-page{display:block}section.banner .container{--side-pixels: 60;--total-max-width: calc(1800 + var(--side-pixels) * 2);padding-left:calc(var(--side-pixels) * 1px);padding-right:calc(var(--side-pixels) * 1px);max-width:calc(var(--total-max-width) * 1px);width:100%;margin:0 auto;display:grid;grid-template-columns:repeat(60,1fr)}section.banner .container>*{grid-column:1/-1}@media only screen and (min-width: 1921px){section.banner .container{padding-left:calc(var(--side-pixels) / 1920 * 100vw);padding-right:calc(var(--side-pixels) / 1920 * 100vw);max-width:calc(var(--total-max-width) / 1920 * 100vw)}}@media only screen and (max-width: 1024px){section.banner .container{--side-pixels: 40}}@media only screen and (max-width: 900px){section.banner .container{grid-template-columns:repeat(23,1fr)}}@media only screen and (max-width: 768px){section.banner .container{--side-pixels: 30}}@media only screen and (max-width: 575px){section.banner .container{--side-pixels: 20}}section.content .container{--side-pixels: 60;--total-max-width: calc(1800 + var(--side-pixels) * 2);padding-left:calc(var(--side-pixels) * 1px);padding-right:calc(var(--side-pixels) * 1px);max-width:calc(var(--total-max-width) * 1px);width:100%;margin:0 auto;display:grid;grid-template-columns:repeat(60,1fr);padding-top:clamp(1.25rem,.1812rem + 2.974vw,3.75rem);padding-bottom:clamp(7.5rem,5.8968rem + 4.461vw,11.25rem)}section.content .container>*{grid-column:1/-1}@media only screen and (min-width: 1921px){section.content .container{padding-left:calc(var(--side-pixels) / 1920 * 100vw);padding-right:calc(var(--side-pixels) / 1920 * 100vw);max-width:calc(var(--total-max-width) / 1920 * 100vw)}}@media only screen and (max-width: 1024px){section.content .container{--side-pixels: 40}}@media only screen and (max-width: 900px){section.content .container{grid-template-columns:repeat(23,1fr)}}@media only screen and (max-width: 768px){section.content .container{--side-pixels: 30}}@media only screen and (max-width: 575px){section.content .container{--side-pixels: 20}}section.content .card-wrapper{display:flex;flex-wrap:wrap;gap:clamp(3.75rem,2.9484rem + 2.2305vw,5.625rem) clamp(1.875rem,.8036rem + 1.6741vw,2.8125rem)}section.content .brand-card{width:calc((100% - clamp(1.875rem,.8036rem + 1.6741vw,2.8125rem))/2)}@media only screen and (max-width: 575px){section.content .brand-card{width:100%}}