.blogPostMain{padding-top:60px}@media(max-width:768px){.blogPostMain{padding-top:40px}}.blogPost{max-width:800px;margin:0 auto}.blogPostHeader{padding:0 20px}.blogPostHeaderContainer{max-width:800px;margin:0 auto}.blogPostMeta{display:flex;align-items:center;gap:10px;margin-bottom:20px;flex-wrap:wrap}.blogPostCategory{background:#143189;color:#fff;font-size:12px;padding:5px 12px;border-radius:20px;font-weight:500}.blogPostDate{font-size:14px;color:#666}.blogPostReadingTime{font-size:14px;color:#757575}.blogPostReadingTime:before{content:"・";margin-right:4px}.blogPostTitle{font-size:32px;font-weight:700;line-height:1.4;color:#333}@media(max-width:768px){.blogPostTitle{font-size:24px}}.blogPostTags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.blogPostTag{font-size:13px;color:#143189;background:rgba(20,49,137,.1);padding:4px 10px;border-radius:4px}@media(max-width:768px){.blogPostTag{font-size:12px;padding:2px 8px}}.blogPostThumbnail{max-width:800px;margin:0 auto}.blogPostThumbnail img{width:100%;height:auto;display:block}.blogPostBody{padding:60px 20px}@media(max-width:768px){.blogPostBody{padding:40px 20px}}.blogPostContent{font-size:16px;line-height:1.9;color:#333}.blogPostContent h2{font-size:24px;font-weight:700;margin-top:60px;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #143189}@media(max-width:768px){.blogPostContent h2{font-size:20px}}.blogPostContent h3{font-size:20px;font-weight:700;margin-top:40px;margin-bottom:20px}@media(max-width:768px){.blogPostContent h3{font-size:18px}}.blogPostContent h4,.blogPostContent h5,.blogPostContent h6{font-size:18px;font-weight:700;margin-top:30px;margin-bottom:20px}@media(max-width:768px){.blogPostContent h4,.blogPostContent h5,.blogPostContent h6{font-size:16px}}.blogPostContent p{margin:20px 0}.blogPostContent ol,.blogPostContent ul{margin-bottom:20px;padding-left:30px}@media(max-width:768px){.blogPostContent ol,.blogPostContent ul{padding-left:20px}}.blogPostContent li{margin-bottom:8px}.blogPostContent strong{font-weight:700;color:#143189}.blogPostContent a{color:#143189;text-decoration:underline}.blogPostContent a:hover{text-decoration:none}.blogPostContent blockquote{margin:30px 0;padding:20px 30px;background:#f8f9fa;border-left:4px solid #143189;font-style:italic;color:#666}.blogPostContent blockquote p{margin:0}.blogPostContent img{max-width:100%;height:auto;border-radius:5px;margin:20px 0}.blogPostContent code{background:#f8f9fa;padding:2px 6px;border-radius:4px;font-size:14px;font-family:monospace}.blogPostContent pre{background:#343434;color:#fff;padding:20px;border-radius:5px;overflow-x:auto;margin:20px 0}.blogPostContent pre code{background:none;padding:0;color:inherit}.blogPostContent table{width:100%;border-collapse:collapse;margin:20px 0}.blogPostContent table td,.blogPostContent table th{border:1px solid #eee;padding:10px 12px;text-align:left}.blogPostContent table th{background:#f8f9fa;font-weight:700}.blogPostFooter{padding:0 20px 100px;text-align:center}.blogPostAppDownload{margin-bottom:40px;padding:40px 20px;background:#f8f9fa;border-radius:5px}.blogPostAppDownloadText{font-size:16px;font-weight:500;color:#333;margin-bottom:20px}.blogPostAppButtons{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap}.blogPostAppButtons a{display:inline-block;transition:opacity .3s ease}.blogPostAppButtons a:hover{opacity:.8}.blogPostNav{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px;margin-bottom:40px;text-align:left}@media(max-width:768px){.blogPostNav{grid-template-columns:1fr}}.blogPostNavLink{display:flex;flex-direction:column;gap:6px;padding:20px;border:1px solid #eee;border-radius:5px;text-decoration:none;color:#333;transition:border-color .3s ease,background-color .3s ease}.blogPostNavLink:hover{border-color:#143189;background-color:#f8f9fa;opacity:1}.blogPostNavPrev .blogPostNavLabel:before{content:"← "}.blogPostNavNext{text-align:right}.blogPostNavNext .blogPostNavLabel:after{content:" →"}@media(max-width:768px){.blogPostNavNext{text-align:left}.blogPostNavNext .blogPostNavLabel:after{content:none}.blogPostNavNext .blogPostNavLabel:before{content:"→ "}}.blogPostNavLabel{font-size:12px;color:#666;font-weight:500}.blogPostNavTitle{font-size:14px;font-weight:500;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.blogPostBackLink{position:relative;display:inline-flex;justify-content:center;align-items:center;gap:8px;color:#143189;text-decoration:none;padding:12px 24px;border:2px solid #143189;border-radius:5px;overflow:hidden;transition:color .3s ease}.blogPostBackLink span,.blogPostBackLink:before{position:relative;z-index:1}.blogPostBackLink:after{content:"";position:absolute;top:-1px;left:0;width:130%;height:calc(100% + 2px);-webkit-clip-path:polygon(0 0,80% 0,100% 100%,0 100%);clip-path:polygon(0 0,80% 0,100% 100%,0 100%);background-color:#143189;transform:translateX(-100%);transition:transform .4s ease}.blogPostBackLink:hover{color:#fff!important;opacity:1}.blogPostBackLink:hover:after{transform:translateX(0)}.blogPostBackLink:before{content:"←"}