/* ==========================================
   1. 全体の基本フォント設定（今風のゴシック体に統一）
   ========================================== */
* {
	font-family: "Noto Sans JP", "Helvetica Neue", Arial, sans-serif !important;
}

.page-title {
	font-weight: 700;
}

.page-header .page-title {
	font-size: 1.0rem;
}

.nav-menu a:before, .entry-footer a:before, .entry-meta a:before, .author-box a:before, body #infinite-handle span:before, .comments-area .nav-links a:before, .comment-author a:before, .comment-content a:before, .comment-reply-link:before, .comment-form a:before, .paging-navigation a:before, .category-filter a:before, .single-additional a:before, .sd-social-text ul li a:after, .portfolio-archive .entry-title a:before {
	top: 110%;
}

/* ==========================================
   2. テーマ標準のレスポンシブ設定
   ========================================== */
@media only screen and (min-width: 1365px) {
	.jetpack-portfolio-template-default.split-layout .hentry {
		padding-right: 0;
		max-width: calc(100% - 388px);
	}
}

@media only screen and (min-width: 1281px) {
	.post-template-default .featured-image img, .post-template-default .single-format-video .featured-image, .post-template-default .content-area .aligncenter, .post-template-default .content-area .alignnone {
		max-width: 100%;
	}
}

@media only screen and (min-width: 1025px) {    
	.listing .featured-image + .content-wrapper, .listing .entry-video-wrapper + .content-wrapper, .listing .entry-gallery + .content-wrapper {
		width: calc(100% - 30%);
	}
	.listing .entry-header, .listing .entry-content {
		max-width: 100%;
	}
	.blog .site-content,
	.page-id-20589 .site-content,
	.page-id-88 .site-content,
	.page-id-2381 .site-content,
	.single .site-content {
		width: 960px;
		margin: 0 auto;
		padding-left: 0;
		padding-right: 0;
	}
	.jetpack-portfolio-template-default .site-content {
		width: 80%;
		max-width: 1356px;
	}
	.page-template-default .page {
		max-width: 100%;
	}
	.post-template-default .hentry {
		max-width: 100%;
		width: 100%;
	}
	.jetpack-portfolio-template-default.split-layout .hentry {
		padding-right: 0;
		max-width: calc(100% - 308px);
	}
}

/* ==========================================
   3. 各パーツの微調整（サイズ・行間・太さ）
   ========================================== */

/* 英語キャッチコピー：ゴシック本来の美しさで極太にし、行間を詰める */
h1 b {
	display: block !important;
	font-weight: 800 !important; /* ゴシック体の美しい極太ウエイトに */
	line-height: 1.1 !important;
	margin-bottom: 14px !important;
}

/* 日本語キャッチコピーの行間調整 */
h1 span {
	display: block !important;
	line-height: 1.4 !important;
}

/* 01-05のタイトル：ゴシックの太字にしてサイズを調整 */
h2 span {
	font-weight: 600 !important;
	font-size: 15pt !important;
}

/* 01-05の本文のサイズ調整 */
p span {
	font-size: 12pt !important;
}

/* ==========================================
   4. スマホ用：マトリクス表（2列版）の縦積みカード化
   ========================================== */
@media screen and (max-width: 767px) {
	table.matrix-table, 
	table.matrix-table thead, 
	table.matrix-table tbody, 
	table.matrix-table th, 
	table.matrix-table td, 
	table.matrix-table tr {
		display: block !important;
		width: 100% !important;
		box-sizing: border-box;
	}
	
	table.matrix-table thead {
		display: none !important;
	}
	
	table.matrix-table {
		border: none !important;
		margin: 40px 0 !important;
	}
	
	table.matrix-table tbody tr {
		margin-bottom: 24px !important;
		border: 1px solid #000000 !important;
		padding: 20px !important;
		background: #ffffff !important;
	}
	
	table.matrix-table tbody td {
		border: none !important;
		padding: 0 !important;
		margin-bottom: 16px;
	}
	table.matrix-table tbody td:last-child {
		margin-bottom: 0;
	}
	
	table.matrix-table tbody td:nth-child(1) {
		font-size: 16pt !important;
		border-bottom: 1px solid #e0e0e0 !important;
		padding-bottom: 12px !important;
		margin-bottom: 16px;
		background-color: transparent !important;
	}
	
	table.matrix-table tbody td:nth-child(2)::before {
		content: "▼ 対応業務内容";
		display: block;
		font-size: 11pt;
		font-weight: bold;
		color: #000000;
		margin-bottom: 8px;
	}
	
	table.matrix-table tbody td ul {
		padding-left: 16px !important;
		margin: 0 !important;
	}
}

/* 表の中身（要件定義など）の文字サイズ調整 */
table.matrix-table td span {
	font-size: 10pt !important; /* 👈 ここで好きなサイズに変更可能 */
}