.home-article{padding-block:20rem;overflow:hidden}@media (min-width: 768px) and (max-width: 1025px){.home-article{padding-block:10rem}}@media (max-width: 767px){.home-article{padding-block:6.4rem}}@media (max-width: 767px){.home-article>.container{padding-inline:3.4rem}}.home-article-wrap{display:block}.home-article-title-wrap{grid-column:7/-1;display:grid;grid-template-columns:repeat(10,1fr);column-gap:var(--grid-gap);margin-bottom:6rem}@media (max-width: 1025px){.home-article-title-wrap{grid-column:1/-1}}@media (max-width: 767px){.home-article-title-wrap{margin-bottom:4rem}}.home-article-label{grid-column:span 2;align-self:start;color:#787878;padding-block:1.4rem}@media (max-width: 767px){.home-article-label{grid-column:1/-1;margin-bottom:1.2rem;padding-block:0}}.home-article-title{grid-column:span 8;margin-left:-.3rem;max-width:88.3rem;color:var(--cl-black)}@media (max-width: 767px){.home-article-title{grid-column:1/-1;margin-left:0}.home-article-title br{display:none}}@media (max-width: 767px) and (max-width: 767px){.home-article-title>.txt-54{font-size:3.2rem;line-height:1.1em}}.home-article-list{grid-column:7/-1;margin-bottom:6rem}@media (max-width: 1025px){.home-article-list{grid-column:1/-1}}@media (max-width: 767px){.home-article-list{margin-bottom:3.2rem}}.home-article-list-inner{position:relative}.home-article-list-item{display:grid;grid-template-columns:repeat(10,1fr);column-gap:var(--grid-gap);padding-block:3.2rem;position:relative}@media (max-width: 1025px){.home-article-list-item{padding-block:2.4rem}}.home-article-list-item-overlink{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.home-article-list-item>.div-line{background-color:#e9e9e9;position:absolute;left:0}.home-article-list-item>.div-line.top{top:0}.home-article-list-item>.div-line.bot{bottom:0}@media (max-width: 767px){.home-article-list-item>.div-line.bot{display:none}}.home-article-list-item:not(:last-child) .div-line.bot{display:none}.home-article-list-item:hover .home-article-list-item-title{color:var(--cl-primary)}.home-article-list-item-order{grid-column:span 2;align-self:start;color:#787878}@media (max-width: 767px){.home-article-list-item-order{margin-bottom:2rem}}.home-article-list-item-content{grid-column:span 6;display:flex;flex-direction:column;align-items:start}@media (min-width: 768px) and (max-width: 1025px){.home-article-list-item-content{margin-right:0}}@media (max-width: 767px){.home-article-list-item-content{grid-column:1/-1;margin-bottom:2rem;margin-right:0}}.home-article-list-item-title{margin-bottom:1.2rem;color:var(--cl-black);transition:color var(--t)}@media (max-width: 767px){.home-article-list-item-title{grid-column:1/-1}}.home-article-list-item-sub{color:var(--cl-black-60);display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;box-orient:vertical;-webkit-box-orient:vertical;overflow:hidden;max-width:63rem}.home-article-list-item-info{grid-column:span 2;display:flex;flex-direction:column;row-gap:1.2rem}@media (max-width: 767px){.home-article-list-item-info{grid-column:1/-1;flex-direction:row;justify-content:start;padding-left:0;column-gap:1.6rem}}.home-article-list-item-info-item{display:flex;align-items:center;column-gap:2rem;position:relative;z-index:2}@media (max-width: 767px){.home-article-list-item-info-item{column-gap:.8rem}}.home-article-list-item-info-item-ic{flex:none}@media (max-width: 767px){.home-article-list-item-info-item-ic img{--ic-size: 1.4rem !important}}.home-article-list-item-info-item-txt{color:var(--cl-black-80)}@media (max-width: 767px){.home-article-list-item-info-item-txt .txt-14{font-size:1.2rem}}.home-article-thumb{grid-column:1/6;grid-row:2/3;align-self:start;position:relative}@media (max-width: 1025px){.home-article-thumb{display:none}}.home-article-thumb:before{content:"";display:block;width:100%;height:0;pointer-events:none;padding-top:67.6056338028%}.home-article-thumb-wrap{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:.5rem;overflow:hidden;transition:transform var(--t);background-color:var(--cl-black)}.home-article-thumb-inner{display:flex;flex-direction:column;transition:transform var(--t)}.home-article-thumb-item{flex:none;width:100%;height:100%}.home-article-btn{grid-column:9/-1;display:flex}@media (min-width: 768px) and (max-width: 1025px){.home-article-btn{grid-column:3/6}}@media (max-width: 767px){.home-article-btn{grid-column:1/-1;justify-content:center}}
/*# sourceMappingURL=/cdn/shop/t/518/assets/sc-home-article.css.map */