.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:10px}@media(max-width:768px){.blogPostContent h3{font-size:18px}}.blogPostContent p{margin-bottom:20px}.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 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}.blogPostBackLink{display:inline-flex;align-items:center;gap:8px;color:#143189;font-weight:500;text-decoration:none;padding:12px 24px;border:2px solid #143189;border-radius:30px;transition:all .3s ease}.blogPostBackLink:hover{opacity:1;background:#143189;color:#fff}.blogPostBackLink:before{content:"←"}