@property --c1{syntax: "<color>"; inherits: true; initial-value: #000;}@property --c2{syntax: "<color>"; inherits: true; initial-value: #000;}.unit-banner{position:relative;--side-fr: 50px}.unit-banner[type=overview] .container{min-height:clamp(28.125rem,19.8529rem + 14.7059vw,37.5rem)}.unit-banner[type=detail] .container{min-height:clamp(21.875rem,19.1176rem + 4.902vw,25rem)}.unit-banner .bg{position:absolute;top:0;left:0;z-index:-1;grid-column:1/-1;width:100%;height:100%}.unit-banner .bg img{width:100%;height:100%;object-fit:cover}.unit-banner .container{padding-bottom:clamp(3.125rem,1.4706rem + 2.9412vw,5rem);padding-left:var(--side-fr);padding-right:var(--side-fr);max-width:calc(1364px + var(--side-fr) * 2);width:100%;margin:0 auto;display:grid;grid-template-columns:repeat(18,1fr);align-items:end}.unit-banner .text-box{grid-column:1/-1;display:flex;flex-direction:column;gap:20px;max-width:682px}.unit-banner .text-box[data-theme=light] .block-subtitle,.unit-banner .text-box[data-theme=light] .unit-title{color:#fff}.unit-banner .text-box[data-theme=dark] .block-subtitle{background:linear-gradient(270deg,#00df95 31.98%,#096 68.13%);background-clip:text;-webkit-background-clip:text;color:transparent}.unit-banner .text-box[data-theme=dark] .unit-title{color:#000}@media only screen and (min-width: 1921px){.unit-banner .container{max-width:76.25vw;--side-fr: calc(50 / 1920 * 100vw)}}@media only screen and (max-width: 900px){.unit-banner{--side-fr: 20px}.unit-banner .text-box{grid-column:2/-2}.unit-banner .text-box .block-subtitle{font-size:1rem}}multipurpose-nav{width:100%;max-height:45px}multipurpose-nav[m4-type=drag] .drag-container{padding:0;max-width:100%}multipurpose-nav[m4-type=drag] .drag-container:has(.wrapper.center){padding:0 30px}multipurpose-nav[m4-type=drag] .drag-container:has(.wrapper.start){padding:0 30px 0 0}multipurpose-nav[m4-type=drag] .drag-container:has(.wrapper.end){padding:0 0 0 30px}multipurpose-nav[m4-type=drag] .drag-container .wrapper{padding:0;gap:10px 50px!important}multipurpose-nav[m4-type=drag] .drag-container .wrapper.center{-webkit-mask-image:linear-gradient(270deg,rgba(255,255,255,0),#fff 120px,#fff calc(100% - 120px),rgba(255,255,255,0));mask-image:linear-gradient(270deg,#fff0,#fff 120px,#fff calc(100% - 120px),#fff0)}multipurpose-nav[m4-type=drag] .drag-container .wrapper.start{-webkit-mask-image:linear-gradient(270deg,rgba(255,255,255,0),#fff 120px,#fff);mask-image:linear-gradient(270deg,#fff0,#fff 120px,#fff)}multipurpose-nav[m4-type=drag] .drag-container .wrapper.end{-webkit-mask-image:linear-gradient(90deg,rgba(255,255,255,0),#fff 120px,#fff);mask-image:linear-gradient(90deg,#fff0,#fff 120px,#fff)}multipurpose-nav[m4-type=drag] .drag-container .item.active .category,multipurpose-nav[m4-type=drag] .drag-container .item:hover .category{color:#12b57f}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{padding:12px 0;font-size:.9375rem;font-weight:500;line-height:1.4;letter-spacing:initial;transition:color .4s}multipurpose-nav[m4-type=drag] .drag-container .category:after{background:linear-gradient(270deg,#00df95 31.98%,#096 68.13%);height:3px}multipurpose-nav[m4-type=drag] .drag-container .navigation .button{background:transparent;width:6px}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 #848484;border-left:2px solid #848484}multipurpose-nav[m4-type=drag] .drag-container .navigation .button.next div:before{border-top:2px solid #848484;border-right:2px solid #848484}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}@media only screen and (max-width: 900px){multipurpose-nav[m4-type=drag] .drag-container:has(.wrapper.center){padding:0 15px}multipurpose-nav[m4-type=drag] .drag-container:has(.wrapper.start){padding:0 15px 0 0}multipurpose-nav[m4-type=drag] .drag-container:has(.wrapper.end){padding:0 0 0 15px}multipurpose-nav[m4-type=drag] .drag-container .wrapper{gap:10px 25px!important}multipurpose-nav[m4-type=drag] .drag-container .wrapper.center{-webkit-mask-image:linear-gradient(270deg,rgba(255,255,255,0),#fff 50px,#fff calc(100% - 50px),rgba(255,255,255,0));mask-image:linear-gradient(270deg,#fff0,#fff 50px,#fff calc(100% - 50px),#fff0)}multipurpose-nav[m4-type=drag] .drag-container .wrapper.start{-webkit-mask-image:linear-gradient(270deg,rgba(255,255,255,0),#fff 50px,#fff);mask-image:linear-gradient(270deg,#fff0,#fff 50px,#fff)}multipurpose-nav[m4-type=drag] .drag-container .wrapper.end{-webkit-mask-image:linear-gradient(90deg,rgba(255,255,255,0),#fff 50px,#fff);mask-image:linear-gradient(90deg,#fff0,#fff 50px,#fff)}multipurpose-nav[m4-type=drag] .drag-container .category{padding:8px 0}}@media only screen and (max-width: 768px){multipurpose-nav[m4-type=drag] .drag-container{max-width:647px}}.nav-box{display:flex;flex-direction:column}.nav-box:after{display:block;margin:60px 0;width:100%;height:1px;background:#0000001a;content:""}@media only screen and (max-width: 900px){.nav-box:after{margin:40px 0}}.news-list-box{display:flex;flex-wrap:wrap}.news-list-box .pic-box{flex-shrink:0;position:relative;overflow:hidden}.news-list-box .pic-box:after{content:"";display:block}.news-list-box .pic-box img{position:absolute;width:100%;height:100%;object-fit:cover}.news-list-box .item{padding-bottom:40px;border-bottom:1px solid rgba(0,0,0,.2);width:100%}.news-list-box .item:not(:first-child){margin-top:50px}@media only screen and (min-width: 1201px) and (min-width: 1201px){.news-list-box .item:hover .inner .img-box{opacity:1}.news-list-box .item:hover .top .date-circle{background:#333;box-shadow:0 0 10px #92f3d3cc}}@media only screen and (min-width: 1201px) and (max-width: 1200px){.news-list-box .item:active .inner .img-box{opacity:1}.news-list-box .item:active .top .date-circle{background:#333;box-shadow:0 0 10px #92f3d3cc}}@media only screen and (max-width: 1200px){.news-list-box .item:not(:has(.img-box .pic-box)) .img-box{display:none}}.news-list-box .item .inner{display:flex;align-items:center;justify-content:space-between;position:relative}@media only screen and (max-width: 1200px){.news-list-box .item .inner{gap:30px}}@media only screen and (max-width: 767px){.news-list-box .item .inner{flex-direction:column}}.news-list-box .item .inner .img-box{position:absolute;width:100%;max-width:300px;top:50%;transform:translateY(-50%);right:230px;opacity:0;transition:opacity .5s;flex-shrink:0}@media only screen and (max-width: 1200px){.news-list-box .item .inner .img-box{position:relative;opacity:1;top:unset;right:unset;transform:translate(0);max-width:clamp(12.5rem,20.83vw,15.625rem);order:1}}@media only screen and (max-width: 767px){.news-list-box .item .inner .img-box{max-width:300px}.news-list-box .item .inner .img-box:not(:has(.pic-box)){display:none}}@media only screen and (max-width: 767px){.news-list-box .item .inner .img-box{order:0;max-width:300px}}.news-list-box .item .inner .img-box .pic-box{border-radius:20px;width:100%}@media only screen and (max-width: 767px){.news-list-box .item .inner .img-box .pic-box{border-radius:10px}}.news-list-box .item .inner .img-box .pic-box:after{display:block;padding-top:65.6765676568%;content:""}.news-list-box .item .inner-left{max-width:55.6%;width:100%}@media only screen and (max-width: 1200px){.news-list-box .item .inner-left{order:2}}@media only screen and (max-width: 767px){.news-list-box .item .inner-left{max-width:100%;order:1}}@media only screen and (max-width: 1200px){.news-list-box .item .inner-right{order:3}}@media only screen and (max-width: 767px){.news-list-box .item .inner-right{order:2;margin-left:auto}}.news-list-box .item .top{display:flex;align-items:center;gap:0 15px}.news-list-box .item .top .date-circle{width:50px;height:50px;flex-shrink:0;background:#00000026;box-shadow:0 0 10px #cfdfdacc;color:#fff;display:flex;justify-content:center;align-items:center;border-radius:50%;transition:background .3s,box-shadow .3s}@media only screen and (max-width: 1200px){.news-list-box .item .top .date-circle{background:#333;box-shadow:0 0 10px #92f3d3cc}}@media only screen and (max-width: 900px){.news-list-box .item .top .date-circle .date-text{font-size:1.125rem}}.news-list-box .item .top .group{display:flex;align-items:center;gap:0 30px}@media only screen and (max-width: 767px){.news-list-box .item .top .group{flex:1;justify-content:space-between}}.news-list-box .item .top .group .year{flex-shrink:0}.news-list-box .item .tag-list{display:flex;display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;-webkit-line-clamp:1}.news-list-box .item .tag-list:not(:has(.tag:nth-child(2))) .tag{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;-webkit-line-clamp:1}.news-list-box .item .tag{opacity:.6;display:inline-flex;align-items:center;transition:opacity .3s}.news-list-box .item .tag .category{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;-webkit-line-clamp:1}@media only screen and (min-width: 1201px) and (min-width: 1201px){.news-list-box .item .tag:hover{opacity:1}}@media only screen and (min-width: 1201px) and (max-width: 1200px){.news-list-box .item .tag:active{opacity:1}}.news-list-box .item .tag:not(:last-child):after{content:"";width:5px;height:5px;background:#000;opacity:.4;border-radius:50%;display:block;margin:0 clamp(.625rem,1.04vw,1.25rem);flex-shrink:0}.news-list-box .item .btm{padding-left:65px;margin-top:5px;display:inline-flex}@media only screen and (max-width: 767px){.news-list-box .item .btm{padding-left:0;margin-top:15px}}.news-list-box .item .btm h3{background:linear-gradient(270deg,#00df95 31.98%,#096 68.13%);background-clip:text;-webkit-background-clip:text;transition:color .5s;display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}@media only screen and (min-width: 1201px){.news-list-box .item .btm:hover h3{color:transparent}}@media only screen and (max-width: 1200px){.news-list-box .item .btm:active h3{color:transparent}}.container{--side-fr: 50px}@media only screen and (max-width: 900px){.container{--side-fr: 20px}}section.options-nav .container{padding:clamp(1.875rem,2.08vw,2.5rem) var(--side-fr);display:grid;grid-template-columns:repeat(18,1fr);max-width:calc(1364px + var(--side-fr) * 2);width:100%;margin:0 auto;gap:30px 0}section.options-nav .container>*{grid-column:1/-1}@media only screen and (max-width: 900px){section.options-nav .container{padding:clamp(1.875rem,2.08vw,2.5rem) 40px}}section.options-nav .paragraph{grid-column:1/-1;max-width:610px}@media only screen and (min-width: 1921px){section.options-nav .container{max-width:76.25vw}}section.content .container{padding:clamp(1.875rem,2.08vw,2.5rem) var(--side-fr) clamp(5rem,-2.5rem + 13.3333vw,8.125rem);display:grid;grid-template-columns:repeat(18,1fr);max-width:calc(1364px + var(--side-fr) * 2);width:100%;margin:0 auto;gap:30px 0}section.content .container>*{grid-column:1/-1}@media only screen and (max-width: 900px){section.content .container{padding:clamp(1.875rem,2.08vw,2.5rem) 40px clamp(5rem,-2.5rem + 13.3333vw,8.125rem);padding-top:0}}section.content .more-button{margin:50px auto 0;position:relative;background:#f3f3f3;border-radius:50%;width:50px;height:50px;cursor:pointer}section.content .more-button:after,section.content .more-button:before{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);display:block;background:#848484;transition:transform .4s;content:""}section.content .more-button:after{width:14px;height:1px}section.content .more-button:before{width:1px;height:14px}@media only screen and (min-width: 1201px){section.content .more-button:hover:before,section.content .more-button:hover:after{transform:translate3d(-50%,-50%,0) rotate(180deg)}}
