body{display:flex;flex-direction:column;min-height:100vh;background:var(--color-neutral-000)}main{flex:1;display:flex;flex-direction:column;width:100%}.section-header{display:flex;flex-direction:column;align-items:center;gap:var(--gp-48);width:100%;overflow:hidden;background:var(--color-neutral-000);border-bottom:1px solid var(--color-neutral-300)}.section-header .headline-container{display:flex;flex-direction:column;align-items:flex-start;gap:var(--gp-48);width:100%;max-width:var(--wd-container);box-sizing:border-box;padding:var(--pd-72) var(--pd-container) var(--pd-32)}.section-header .headline-container .header-nav-breadCrumb{display:flex;align-items:center;gap:var(--gp-8)}.section-header .headline-container .header-nav-breadCrumb .text-header-nav{font-family:var(--ff-default);font-size:var(--fs-16);font-weight:var(--fw-sbld);line-height:1;letter-spacing:-.015em;color:var(--color-neutral-900)}.section-header .headline-container .headline-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:var(--gp-24);width:100%}.section-header .headline-container .headline-wrapper .headline--md{width:100%;font-family:var(--ff-default);font-size:var(--fs-48);font-weight:var(--fw-ebld);line-height:1.45;letter-spacing:-.025em;color:var(--color-neutral-900)}.section-content{display:flex;width:100%;overflow:hidden;background:var(--color-neutral-000)}.section-content .item-container{display:flex;flex-direction:column;align-items:center;width:100%}.section-content .item-container .item-wrapper{display:grid;column-gap:var(--gp-4);row-gap:var(--gp-40);max-width:var(--wd-container);width:100%;box-sizing:border-box;padding:var(--pd-48) var(--pd-container);overflow:hidden;background:var(--color-neutral-000)}@media (min-width: 767px){.section-content .item-container .item-wrapper{grid-template-columns:repeat(4,1fr);column-gap:var(--gp-16);row-gap:var(--gp-48)}}.section-content .item-container .item-wrapper .item-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--gp-16);width:100%;box-sizing:border-box;padding-bottom:var(--pd-32);border-bottom:1px solid var(--color-neutral-300)}@media (min-width: 767px){.section-content .item-container .item-wrapper .item-card{width:100%;padding-bottom:0;border-bottom:none;position:relative}.section-content .item-container .item-wrapper .item-card:before{content:"";width:100%;height:100%;border-radius:var(--cn-12);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#0000000d;mix-blend-mode:darken;z-index:-1;opacity:0;transition:width .3s ease,height .3s ease,opacity .3s ease}.section-content .item-container .item-wrapper .item-card:hover{z-index:10}.section-content .item-container .item-wrapper .item-card:hover:before{width:110%;height:110%;opacity:1}.section-content .item-container .item-wrapper .item-card:hover .img-box img{transform:scale(1.15)}.section-content .item-container .item-wrapper .item-card:hover .item-title--md{color:var(--color-sub-500)}}.section-content .item-container .item-wrapper .item-card .img-box{width:100%;aspect-ratio:1/1;border-radius:var(--cn-12);overflow:hidden}@media screen and (min-width: 767px){.section-content .item-container .item-wrapper .item-card .img-box{max-width:291px;border-radius:var(--cn-8)}}.section-content .item-container .item-wrapper .item-card .img-box img{width:100%;object-fit:cover;object-position:center}@media screen and (min-width: 767px){.section-content .item-container .item-wrapper .item-card .img-box img{transition:transform .3s ease}}.section-content .item-container .item-wrapper .item-card .text-container{display:flex;flex-direction:column;gap:var(--gp-16);width:100%;box-sizing:border-box;padding:0 var(--pd-2)}@media screen and (min-width: 767px){.section-content .item-container .item-wrapper .item-card .text-container{justify-content:space-between;align-items:stretch}}.section-content .item-container .item-wrapper .item-card .text-container .text-box{display:flex;flex-direction:column;gap:var(--gp-8)}@media screen and (min-width: 767px){.section-content .item-container .item-wrapper .item-card .text-container .text-box .item-title--md{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;text-overflow:ellipsis;overflow:hidden}}.section-content .item-container .item-wrapper .item-card .text-container .text-box .desc--md{display:-webkit-box;width:100%;overflow:hidden;font-size:var(--fs-20);font-weight:var(--fw-reg);line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis}@media screen and (min-width: 767px){.section-content .item-container .item-wrapper .item-card .text-container .text-box .desc--md{font-size:var(--fs-18)}}.section-content .item-container .item-wrapper .item-card .text-container .comment-container{display:flex;justify-content:space-between;align-items:center;width:100%}.section-content .item-container .item-wrapper .item-card .text-container .comment-container .comment-wrapper{display:flex;gap:var(--gp-12);width:100%}.section-content .item-container .item-wrapper .item-card .text-container .comment-container .comment-wrapper .comment-box{display:flex;align-items:center;gap:var(--gp-2)}.section-content .item-container .item-wrapper .item-card .text-container .comment-container .comment-wrapper .comment-box .icon-box{display:flex;flex-direction:column;justify-content:center;align-items:center;width:28px;height:28px}@media screen and (min-width: 767px){.section-content .item-container .item-wrapper .item-card .text-container .comment-container .comment-wrapper .comment-box .icon-box{width:24px;height:24px}}.section-content .item-container .item-wrapper .item-card .text-container .comment-container .comment-wrapper .comment-box .icon-box img{width:100%;object-fit:cover;object-position:center}.section-content .item-container .item-wrapper .item-card .text-container .comment-container .comment-wrapper .comment-box .icon-like img{width:84%}.section-content .item-container .item-wrapper .item-card .text-container .comment-container .comment-wrapper .comment-box .icon-comment img{width:82%}.section-content .item-container .item-wrapper .item-card .text-container .comment-container .comment-wrapper .comment-box .comment-text{display:flex;flex-direction:column;align-items:flex-start}.section-content .item-container .item-wrapper .item-card .text-container .comment-container .comment-wrapper .comment-box .comment-text .text--sm{width:100%}