.latest-section{padding-bottom:6rem;padding-top:6rem}@media screen and (max-width:768px){.latest-section{padding-bottom:5rem;padding-top:5rem}}.latest-section .post-listing{display:flex;flex-wrap:wrap;gap:4.4rem min(2.9vw,4rem)}@media screen and (max-width:1042px){.latest-section .post-listing{gap:4rem 3.2rem}}@media screen and (max-width:768px){.latest-section .post-listing{display:block}}.latest-section .post-listing .post-list{flex:0 0 calc(33.33333% - min(2.9vw, 4rem)*2/3)}@media screen and (max-width:1042px){.latest-section .post-listing .post-list{flex:0 0 calc(50% - 1.6rem)}}@media screen and (max-width:768px){.latest-section .post-listing .post-list:not(:last-child){margin-bottom:4rem}}.col2-container{padding:10rem 0 6rem}@media screen and (min-width:769px){.col2-container{display:flex;justify-content:space-between}.col2-container .main-content{width:calc(100% - 336px - min(6.4vw, 8.8rem))}}.col2-container .head-section h1{font-size:3.6rem;font-weight:500;letter-spacing:.02em;line-height:1.4;margin:0}.col2-container .head-section .tag-list{align-items:center;display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:2rem 0 0;padding:0}.col2-container .head-section .tag-list li{display:contents}.col2-container .head-section .tag-list a{align-items:center;border:1px solid #c4c4c4;color:#6e6e6e;display:inline-flex;font-size:1.1rem;letter-spacing:.04em;padding:2px 4px 0;text-decoration:none}.col2-container .head-section .head-row{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-top:1rem}.col2-container .head-section .head-row .left{align-items:center;color:#6e6e6e;display:flex;flex-wrap:wrap;font-size:1.2rem;gap:9px;letter-spacing:.04em;margin:0}.col2-container .head-section .head-row .left .author{display:flex;gap:5px}.col2-container .head-section .head-row .left .author .slash:last-child{display:none}.col2-container .head-section .head-row .sns-btn{align-items:center;display:flex;gap:8px;width:9.4rem}.col2-container .head-section .head-row .sns-btn a{align-items:center;background:#000;display:flex;height:2.6rem;justify-content:center;width:2.6rem}.col2-container .post-data{margin-top:4rem}.col2-container .post-data .featured-image img{aspect-ratio:16/9;width:100%}.col2-container .post-body{margin-top:2rem}.col2-container .post-body p{color:#3b3b3b;font-size:1.6rem;line-height:1.8;margin:0}.col2-container .post-body p+p{margin-top:2rem}.col2-container .post-body h2{font-size:2.6rem;font-weight:500;letter-spacing:.02em}.col2-container .post-body h2,.col2-container .post-body h3{font-family:IBM Plex Sans JP,sans-serif;line-height:1.6;margin-bottom:2rem;margin-top:5rem}.col2-container .post-body h3{font-size:2rem;font-weight:600}.col2-container .post-body h3:before{background:currentcolor;content:"";display:inline-block;height:1px;margin-right:1.4rem;vertical-align:middle;width:4rem}.col2-container .post-body h4{font-size:1.8rem;margin-bottom:2rem}.col2-container .post-body h4,.col2-container .post-body h5{font-family:IBM Plex Sans JP,sans-serif;font-weight:600;line-height:1.6;margin-top:4rem}.col2-container .post-body h5{font-size:1.6rem;margin-bottom:1.2rem}.col2-container .post-body h5:after{background:currentcolor;content:"";display:block;height:1px;margin-top:1rem;width:3rem}.col2-container .post-body h6{font-family:IBM Plex Sans JP,sans-serif;font-size:1.6rem;font-weight:600;line-height:1.6;margin-bottom:1.2rem;margin-top:4rem}.col2-container .post-body ol,.col2-container .post-body ul{color:#3b3b3b;display:flex;flex-direction:column;font-size:1.4rem;gap:2px;line-height:1.8;margin:2rem 0;padding-left:2.4rem}.col2-container .post-body ol ol,.col2-container .post-body ol ul,.col2-container .post-body ul ol,.col2-container .post-body ul ul{display:flex;flex-direction:column;gap:2px;margin:2px 0 0;padding-left:2.4rem}.col2-container .post-body ol ul,.col2-container .post-body ul ul{list-style:circle}.col2-container .post-body ol ol,.col2-container .post-body ul ol{list-style:lower-alpha}.col2-container .post-body ul{list-style:disc}.col2-container .post-body ol{list-style:decimal}.col2-container .sidebar{margin-top:60px;width:100%}@media screen and (min-width:769px){.col2-container .sidebar{height:100%;margin-top:0;position:sticky;top:100px;width:336px}}