* {font-family:Noto Serif JP, "Times New Roman", Times, serif !important;
}
.page-title{
	font-weight: 500;
}
.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%;
}
@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);
		}
}
/* 指定した場所だけをゴシック体にする設定 */
h1, h1 span,
p, p span,
tbody td, tbody td span,
table + span {
	font-family: "Noto Sans JP", "Helvetica Neue", Arial, sans-serif !important;
}


/* 英語キャッチコピーの行間をキュッと詰める */
h1 b {
	display: block !important;      /* 英語の後にきれいに改行を入れる */
	line-height: 1.1 !important;   /* &#x1f448; ここに直接、狭めの行間を指定しました */
	margin-bottom: 16px !important; /* 英語と下の日本語との間の隙間を程よくあける */
}
h1 span {
	display: block !important;
	line-height: 1.4 !important; /* 日本語が2行になったときの行間を狭く調整 */
}

h2 span {
	font-weight: bold !important;
	-webkit-text-stroke: 0.6px #000000; /*  文字の輪郭に黒い線を足して肉厚にする */
}

h2 span {
	font-size: 14pt !important; /*  タイトルの文字サイズを少し小さくする */
}

p span {
	font-size: 12pt !important; /*  本文の文字サイズを少し小さくする */
}


* {
	font-family: Noto Serif JP, "Times New Roman", Times, serif !important;
}

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

.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%;
}

@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);
	}
}

/* 指定した場所だけをゴシック体にする設定 */
h1, h1 span,
p, p span,
tbody td, tbody td span,
table + span {
	font-family: "Noto Sans JP", "Helvetica Neue", Arial, sans-serif !important;
}

/* 英語キャッチコピーの行間をキュッと詰める */
h1 b {
	display: block !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: bold !important;
	-webkit-text-stroke: 1px #000000;
	font-size: 15pt !important;
}

/* 01-05の本文を少し小さく調整 */
p span {
	font-size: 14pt !important;
}


/* ==========================================
   スマホの時は【マトリクス表（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;
    }
    
    /* 2番目のセル（対応業務）の前に、CSSでラベルを自動挿入 */
    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;
    }
}

