:root{
--primary-color:#2563eb;
--primary-light:#dbeafe;
--primary-dark:#1e40af;
--text-color:#333;
--bg-color:#f9fafb;
--white:#fff;}
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Hiragino Kaku Gothic ProN',Meiryo,sans-serif;line-height:1.8;color:var(--text-color);background:var(--bg-color);}
.container{max-width:1200px;margin:0 auto;padding:0 20px;}
.site-header{background:var(--primary-color);color:var(--white);padding:20px 0;}
.site-header .container{display:flex;justify-content:space-between;align-items:center;}
.site-title{font-size:1.8rem;}
.site-title a{color:var(--white);text-decoration:none;}
.main-nav a{color:var(--white);text-decoration:none;margin-left:20px;}
.main-nav a:hover{text-decoration:underline;}
main{padding:40px 0;}
section{margin-bottom:40px;}
section h2{font-size:1.5rem;margin-bottom:20px;padding-bottom:10px;border-bottom:3px solid var(--primary-color);}
.article-list,.category-list{list-style:none;background:var(--white);border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,0.1);}
.article-item,.category-item{border-bottom:1px solid #eee;}
.article-item:last-child,.category-item:last-child{border-bottom:none;}
.article-item a,.category-item a{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;color:var(--text-color);text-decoration:none;transition:background 0.3s;}
.article-item a:hover,.category-item a:hover{background:var(--primary-light);}
.list-title{flex:1;font-size:0.95rem;}
.list-category{padding:4px 12px;background:var(--primary-light);color:var(--primary-dark);font-size:0.85rem;border-radius:4px;margin-left:15px;white-space:nowrap;}
.article-count{color:#666;margin-bottom:20px;}
.article-content{background:var(--white);padding:40px;border-radius:8px;}
.article-title{font-size:1.8rem;margin-bottom:10px;color:var(--primary-dark);}
.article-category{margin-bottom:30px;color:#666;}
.article-category a{color:var(--primary-color);}
.article-content p{margin-bottom:20px;}
.banner-section{margin-top:40px;padding-top:30px;border-top:1px solid #eee;text-align:center;}
.banner-image{max-width:100%;height:auto;border-radius:8px;}
.pr-label{margin-top:10px;font-size:0.9rem;color:#999;}
.contact-table{width:100%;background:var(--white);border-collapse:collapse;}
.contact-table th,.contact-table td{padding:15px 20px;border-bottom:1px solid #eee;text-align:left;}
.contact-table th{width:150px;background:var(--primary-light);color:var(--primary-dark);}
.contact-table a{color:var(--primary-color);}
.site-footer{background:#333;color:var(--white);padding:30px 0;text-align:center;}
.social-links{margin-bottom:15px;}
.social-link{display:inline-block;margin:0 10px;color:var(--white);text-decoration:none;}
.social-link:hover{text-decoration:underline;}
@media(max-width:768px){
.site-header .container{flex-direction:column;text-align:center;}
.main-nav{margin-top:15px;}
.main-nav a{margin:0 10px;}
.article-content{padding:20px;}
.article-item a{flex-direction:column;align-items:flex-start;}
.list-category{margin-left:0;margin-top:8px;}
.contact-table th{width:100px;}}