@property --c1{syntax: "<color>"; inherits: true; initial-value: #000;}@property --c2{syntax: "<color>"; inherits: true; initial-value: #000;}section.content .container{padding:clamp(3.125rem,4.16vw,5rem) 0 clamp(5rem,-2.5rem + 13.3333vw,8.125rem);padding-left:var(--side-fr);padding-right:var(--side-fr);display:grid;grid-template-columns:repeat(18,1fr);max-width:calc(1364px + var(--side-fr) * 2);width:calc(100% - 80px);margin:0 auto;gap:clamp(3.125rem,4.16vw,5rem) 0}section.content .container>*{grid-column:1/-1}@media only screen and (max-width: 1200px){section.content .container{width:100%}}@media only screen and (max-width: 900px){section.content .container{padding-left:0;padding-right:0}}@media only screen and (min-width: 1921px){section.content .container{max-width:76.25vw}}section.content .blk[type=article]{position:relative;padding:clamp(3.125rem,4.16vw,5rem) 0 100px;display:grid;grid-template-columns:subgrid;border-radius:20px;background:radial-gradient(362.5% 74.59% at 51.3% 46.86%,#0000000d,#0000 92.08%);box-shadow:0 0 20px #92f3d3cc;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}section.content .blk[type=article] .title-wrap{padding-bottom:clamp(5rem,6.25vw,7.5rem);position:relative;display:flex;flex-direction:column;gap:clamp(1.875rem,2.08vw,2.5rem) 0;grid-column:3/-3}@media only screen and (max-width: 900px){section.content .blk[type=article] .title-wrap{grid-column:2/-2}}section.content .blk[type=article] .title-wrap:after{content:"";width:100%;height:1px;background:#000;position:absolute;bottom:calc(clamp(5rem,6.25vw,7.5rem)/2);left:0;opacity:.5}section.content .blk[type=article] ._articleBlock{grid-column:3/-3}@media only screen and (max-width: 900px){section.content .blk[type=article] ._articleBlock{grid-column:2/-2}}section.content .blk[type=article] .info-content{display:flex;align-items:center;gap:15px}section.content .blk[type=article] .date-circle{width:50px;height:50px;background:#333;box-shadow:0 0 10px #92f3d3cc;color:#fff;display:flex;justify-content:center;align-items:center;border-radius:50%;flex-shrink:0}section.content .blk[type=article] .group{display:flex;align-items:center;justify-content:space-between;gap:0 30px;flex:1}section.content .blk[type=article] .group .year{flex-shrink:0}section.content .blk[type=article] .group .tag-list{max-width:530px;width:calc(100% - 100px);text-align:right;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px 20px;text-transform:uppercase}section.content .blk[type=article] .tag{color:#000;opacity:.6;transition:opacity .4s}@media only screen and (min-width: 1201px){section.content .blk[type=article] .tag:hover{opacity:1}}@media only screen and (max-width: 1200px){section.content .blk[type=article] .tag:active{opacity:1}}section.content .blk[type=article] .social-share{position:absolute;top:0;right:-45px;transform:translate(50%);height:100%;align-items:flex-start}section.content .blk[type=article] .social-share.pc-hide{display:none}@media only screen and (max-width: 1200px){section.content .blk[type=article] .social-share.pc-hide{display:flex}section.content .blk[type=article] .social-share.pc-hide .inner{padding-top:0}}@media only screen and (max-width: 1200px){section.content .blk[type=article] .social-share.mb-hide{display:none}}@media only screen and (max-width: 1200px){section.content .blk[type=article] .social-share{position:relative;height:auto;right:unset;transform:translate(0);grid-column:2/-2}}section.content .blk[type=article] .social-share .inner{display:flex;flex-direction:column;gap:50px;position:sticky;top:0;padding-top:clamp(1.875rem,5.2vw,6.25rem)}@media only screen and (max-width: 1200px){section.content .blk[type=article] .social-share .inner{flex-direction:row;position:relative;top:unset;gap:20px 50px}}@media only screen and (max-width: 767px){section.content .blk[type=article] .social-share .inner{flex-direction:column}}section.content .blk[type=article] .social-share .content-wrap{display:flex;align-items:center;gap:10px;flex-direction:column}section.content .blk[type=article] .social-share .content-wrap .i-box{font-size:1.25rem;transform:rotate(90deg)}section.content .blk[type=article] .social-share .content-wrap .date-text{writing-mode:vertical-lr}@media only screen and (max-width: 1200px){section.content .blk[type=article] .social-share .content-wrap{flex-direction:row}section.content .blk[type=article] .social-share .content-wrap .i-box{transform:rotate(0)}section.content .blk[type=article] .social-share .content-wrap .date-text{writing-mode:unset}}section.content .blk[type=article] .social-share .i-wrap{display:flex;flex-direction:column;gap:25px;font-size:1.5625rem}@media only screen and (max-width: 1200px){section.content .blk[type=article] .social-share .i-wrap{flex-direction:row}}section.content .blk[type=article] .social-share .i-wrap .i-box{width:25px;height:25px;display:flex;justify-content:center;align-items:center}section.content .blk[type=article] .social-share .i-wrap .i-box i{background:linear-gradient(270deg,#00df95 31.98%,#096 68.13%);-webkit-background-clip:text;background-clip:text;opacity:.3;color:#000;transition:color .4s,opacity .4s}@media only screen and (min-width: 1201px) and (min-width: 1201px){section.content .blk[type=article] .social-share .i-wrap .i-box:hover i{color:transparent;opacity:1}}@media only screen and (min-width: 1201px) and (max-width: 1200px){section.content .blk[type=article] .social-share .i-wrap .i-box:active i{color:transparent;opacity:1}}@media only screen and (max-width: 900px){section.content .blk[type=more]{grid-column:2/-2}}section.content .blk[type=more] .title-wrap{text-align:center}section.content .blk[type=more] .content-wrap{display:flex;justify-content:center;margin-top:clamp(1.875rem,2.6vw,3.125rem);gap:clamp(6.25rem,7.8vw,9.375rem);position:relative}@media only screen and (max-width: 900px){section.content .blk[type=more] .content-wrap{flex-direction:column}}section.content .blk[type=more] .content-wrap:has(.item:nth-child(2)):after{content:"";width:1px;height:100%;background:#000;position:absolute;top:0;left:50%;opacity:.2}@media only screen and (max-width: 900px){section.content .blk[type=more] .content-wrap:has(.item:nth-child(2)):after{left:0;top:50%;width:100%;height:1px}}section.content .blk[type=more] .content-wrap .item{width:calc((100% - clamp(6.25rem,7.8vw,9.375rem))/2)}@media only screen and (max-width: 900px){section.content .blk[type=more] .content-wrap .item{width:100%}}@media only screen and (min-width: 1201px) and (min-width: 1201px){section.content .blk[type=more] .content-wrap .item:hover .inner .img-box{opacity:1}section.content .blk[type=more] .content-wrap .item:hover .top .date-circle{background:#333;box-shadow:0 0 10px #92f3d3cc}}@media only screen and (min-width: 1201px) and (max-width: 1200px){section.content .blk[type=more] .content-wrap .item:active .inner .img-box{opacity:1}section.content .blk[type=more] .content-wrap .item:active .top .date-circle{background:#333;box-shadow:0 0 10px #92f3d3cc}}section.content .blk[type=more] .content-wrap .top{display:flex;align-items:center;gap:0 15px}section.content .blk[type=more] .content-wrap .group{display:flex;align-items:center;justify-content:space-between;flex:1;gap:0 15px}section.content .blk[type=more] .content-wrap .group .year{flex-shrink:0}section.content .blk[type=more] .content-wrap .btm{margin-top:5px;padding-left:65px;display:inline-flex}@media only screen and (max-width: 900px){section.content .blk[type=more] .content-wrap .btm{padding-left:0;margin-top:15px}}section.content .blk[type=more] .content-wrap .btm p{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){section.content .blk[type=more] .content-wrap .btm:hover p{color:transparent}}@media only screen and (max-width: 1200px){section.content .blk[type=more] .content-wrap .btm:active p{color:transparent}}section.content .blk[type=more] .date-circle{width:50px;height:50px;background:#00000026;box-shadow:0 0 10px #cfdfdacc;color:#fff;display:flex;justify-content:center;align-items:center;border-radius:50%;flex-shrink:0;transition:background .3s,box-shadow .3s}@media only screen and (max-width: 1200px){section.content .blk[type=more] .date-circle{background:#333;box-shadow:0 0 10px #92f3d3cc}}@media only screen and (max-width: 900px){section.content .blk[type=more] .date-circle .date-text{font-size:1.125rem}}section.content .blk[type=more] .common-button{margin-top:40px;margin-left:auto}section.content .blk[type=more] .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}section.content .blk[type=more] .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}section.content .blk[type=more] .tag{opacity:.6;display:inline-flex;align-items:center;transition:opacity .3s;text-transform:uppercase}section.content .blk[type=more] .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){section.content .blk[type=more] .tag:hover{opacity:1}}@media only screen and (min-width: 1201px) and (max-width: 1200px){section.content .blk[type=more] .tag:active{opacity:1}}section.content .blk[type=more] .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}
