.blog-post-container{box-sizing:content-box;max-width:960px}.blog-post-container .main-content{padding-right:40px;width:calc(100% - 260px)}@media screen and (max-width:768px){.blog-post-container .main-content{padding-right:0;width:100%}}.blog-post-container .sidebar{flex-shrink:0;width:260px}@media screen and (max-width:768px){.blog-post-container .sidebar{margin-top:48px;width:100%}}.blog-post-container .title-content{color:#62502b;font-size:3.6rem;margin-bottom:16px}@media screen and (max-width:768px){.blog-post-container .title-content{font-size:3rem}}.blog-post-container .meta-content{align-items:center;display:flex;justify-content:space-between}.blog-post-container .meta-content .date{font-size:1.6rem;margin:0}.blog-post-container .meta-content .author{align-items:center;color:inherit;column-gap:8px;display:flex;font-size:1.6rem;justify-content:flex-start;line-height:1.5;text-decoration:none}.blog-post-container .meta-content .author p{margin:0}.blog-post-container .meta-content .author .avatar{flex:0 0 auto;width:40px}.blog-post-container .meta-content .author .avatar img{aspect-ratio:1/1;border-radius:50%}.blog-post-container .tag-list{align-items:center;display:flex;flex-wrap:wrap;gap:8px;line-height:0;list-style:none;margin-bottom:0;margin-top:16px;padding:0}.blog-post-container .tag-list a{background-color:#f4e9d4;border-radius:4px;color:#a88744;display:block;font-size:1.4rem;font-weight:700;line-height:1;padding:4px 8px;text-decoration:none;transition:background-color .3s ease-out,color .3s ease-out}.blog-post-container .tag-list a:hover{background-color:#a88744;color:#fff;opacity:1}.blog-post-container .featured-image{margin-top:32px}.blog-post-container .post .content{margin-top:24px}.post-body p{font-size:1.8rem;line-height:1.7;margin-bottom:1.77em}.post-body h2{color:#a88744;font-family:YuMincho,serif;font-size:3.2rem;font-weight:600;margin-bottom:.75em;padding-bottom:10px;position:relative}.post-body h2:before{background-color:#a88744;width:80px;z-index:1}.post-body h2:after,.post-body h2:before{bottom:0;content:"";display:inline-block;height:3px;left:0;position:absolute}.post-body h2:after{background-color:#ddd;width:100%}@media screen and (max-width:768px){.post-body h2{font-size:2.6rem;margin-bottom:.9em}}.post-body h3{background-color:#faf4e8;border-radius:6px;font-family:YuMincho,serif;font-size:2.6rem;font-weight:600;padding:.6em .6em .6em 1.46em;position:relative}@media screen and (max-width:768px){.post-body h3{font-size:2.2rem}}.post-body h3:before{background-color:#cdba93;border-radius:3px;content:"";display:inline-block;height:calc(100% - 1.2em);left:0;margin-left:.6em;position:absolute;top:.6em;width:6px}.post-body h4{font-size:2.2rem;text-decoration:underline;-webkit-text-decoration-color:#faf4e8;text-decoration-color:#faf4e8;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-decoration-thickness:.5em;text-underline-offset:-.2em}@media screen and (max-width:768px){.post-body h4{font-size:2rem}}.post-body h5{font-size:2rem;padding-left:.8em;position:relative}@media screen and (max-width:768px){.post-body h5{font-size:1.8rem}}.post-body h5:before{background-color:#cdba93;border-radius:2px;content:"";display:inline-block;height:100%;left:0;position:absolute;top:0;width:6px}.post-body blockquote{background-color:#f2f2f2;border-radius:6px;margin-left:0;margin-right:0;padding:1.8em 3.16em;position:relative}.post-body blockquote:before{left:14px;top:16px}.post-body blockquote:after,.post-body blockquote:before{content:url(https://23961337.fs1.hubspotusercontent-na1.net/hubfs/23961337/hakuai.co.jp/hakuai2024/assets/images/common/icon-quote.png);position:absolute}.post-body blockquote:after{bottom:16px;right:14px;transform:rotate(180deg)}.post-body blockquote p{color:#666;font-size:1.6rem;line-height:1.7;margin:0}.post-body table{border-collapse:collapse}.post-body table td,.post-body table th{border:1px solid #c8ae77;font-size:1.8rem;line-height:1.8;padding:16px}.post-body table th{background-color:#a88744;color:#fff;font-weight:700}.post-body ul{list-style:none;padding:0}.post-body ul li{display:flex;padding-left:20px;position:relative}.post-body ul li:before{background-color:#a88744;border-radius:50%;content:"";display:inline-block;flex-shrink:0;height:14px;left:0;margin-right:6px;position:absolute;top:.5em;width:14px}.post-body ol{padding-left:1.2em}.post-body ol li::marker{color:#a88744;font-weight:700}