/*==================================================
R1 TECHNOLOGIES
Case Detail + WordPress Editor Content
==================================================*/


/*==================================================
現場改善事例 詳細ページ
==================================================*/

.case-detail{
	width:100%;
	max-width:1150px;
	margin:0 auto;
	padding:0;
	color:#333;
}


/*--------------------------------------------------
Header
--------------------------------------------------*/

.case-detail__header{
	width:100%;
	margin:0 0 38px;
}

.case-detail__date{

	font-family:"Noto Sans",sans-serif;
	font-size:16px;
	font-weight:600;
	line-height:1.2em;
	color:#333;
}

.case-detail__company{
	margin:0 0 6px;

	font-family:"Noto Sans",sans-serif;
	font-size:18px;
	font-weight:600;
	line-height:2em;
	color:#1A5B91;
}

.case-detail__title{
	margin:0;

	font-family:"Noto Sans",sans-serif;
	font-size:25px;
	font-weight:600;
	line-height:1.55;
	color:#333;
}


/*--------------------------------------------------
Thumbnail
--------------------------------------------------*/

.case-detail__image{
	width:80%;
	max-width:80%;
	margin:0 auto 50px;
}

.case-detail__image img{
	display:block;
	width:100%;
	max-width:100%;
	height:auto;
	object-fit:cover;
}


/*--------------------------------------------------
Content
--------------------------------------------------*/

.case-detail__content{
	width:100%;
}


/*==================================================
WordPress Editor Content
==================================================*/

.wp-content{
	font-family:"Noto Sans",sans-serif;
	font-size:18px;
	font-weight:500;
	line-height:2em;
	color:#333;
}


/*--------------------------------------------------
Paragraph
--------------------------------------------------*/

.wp-content p{
	margin:0 0 2em;
}


/*==================================================
Headings
==================================================*/


/*--------------------------------------------------
H2
大見出し
--------------------------------------------------*/

.wp-content h2{
	position:relative;

	margin:68px 0 26px;
	padding:15px 16px 15px 20px;

	font-size:22px;
	font-weight:700;
	line-height:1.5;
	color:#333;

	background:#F5F8FC;
	border-radius:4px;
}

.wp-content h2::before{
	content:"";

	position:absolute;
	left:0;
	top:0;
	bottom:0;

	width:5px;

	background:#1A5B91;
	border-radius:4px 0 0 4px;
}


/*--------------------------------------------------
H3
中見出し
--------------------------------------------------*/

.wp-content h3{
	position:relative;

	margin:50px 0 20px;
	padding:0 0 10px;

	font-size:20px;
	font-weight:700;
	line-height:1.6;
	color:#333;
}

.wp-content h3::after{
	content:"";

	position:absolute;
	left:0;
	bottom:0;

	width:70px;
	height:2px;

	background:#1A5B91;
}


/*--------------------------------------------------
H4
小見出し
--------------------------------------------------*/

.wp-content h4{
	position:relative;

	margin:38px 0 16px;
	padding-left:14px;

	font-size:17px;
	font-weight:700;
	line-height:1.6;
	color:#333;
}

.wp-content h4::before{
	content:"";

	position:absolute;
	left:0;
	top:.25em;

	width:3px;
	height:1.5em;

	background:#1A5B91;
	border-radius:2px;
}


/*--------------------------------------------------
H5 / H6
--------------------------------------------------*/

.wp-content h5{
	margin:30px 0 14px;

	font-size:16px;
	font-weight:700;
	line-height:1.7;
	color:#333;
}

.wp-content h6{
	margin:26px 0 12px;

	font-size:15px;
	font-weight:700;
	line-height:1.7;
	color:#333;
}


/*==================================================
Images
==================================================*/

.wp-content figure,
.wp-content .wp-block-image{
	width:80%;
	max-width:80%;
	margin:36px auto;
	padding-bottom:20px;
}

.wp-content img{
	display:block;
	width:100%;
	max-width:100%;
	height:auto;
}

.wp-content figcaption{
	margin-top:8px;

	font-size:13px;
	font-weight:500;
	line-height:1.7;
	color:#777;

	text-align:center;
}


/*==================================================
Lists
==================================================*/

.wp-content ul,
.wp-content ol{
	margin:0 0 2em;
	padding-left:1.5em;
}

.wp-content ul{
	list-style:disc;
}

.wp-content ol{
	list-style:decimal;
}

.wp-content li{
	margin-bottom:.6em;
}


/*==================================================
Links
==================================================*/

.wp-content a{
	color:#1A5B91;

	text-decoration:underline;
	text-underline-offset:3px;

	transition:opacity .3s ease;
}

.wp-content a:hover{
	opacity:.7;
}


/*==================================================
Blockquote
==================================================*/

.wp-content blockquote{
	margin:40px 0;
	padding:22px 26px;

	background:#F7F9FB;
	border-left:4px solid #1A5B91;
}

.wp-content blockquote p:last-child{
	margin-bottom:0;
}


/*==================================================
Tables
==================================================*/

.wp-content table{
	width:100%;
	margin:40px 0;

	border-collapse:collapse;
}

.wp-content th,
.wp-content td{
	padding:14px 16px;
	border:1px solid #DDD;
	vertical-align:top;
}

.wp-content th{
	background:#F5F8FC;
	font-weight:700;
}


/*==================================================
Horizontal Rule
==================================================*/

.wp-content hr{
	margin:50px 0;

	border:0;
	border-top:1px solid #DDD;
}


/*==================================================
Code
==================================================*/

.wp-content pre{
	margin:36px 0;
	padding:18px;

	overflow-x:auto;

	background:#F5F5F5;

	font-size:14px;
	line-height:1.8;
}

.wp-content code{
	font-family:monospace;
}


/*==================================================
R1 Editor Decorations
==================================================*/


/*--------------------------------------------------
POINT BOX
--------------------------------------------------*/

.wp-content .r1-point-box{
	position:relative;

	margin:40px 0;
	padding:24px 26px;

	background:#F5F8FC;

	border:1px solid #D9E5EF;
	border-radius:6px;
}

.wp-content .r1-point-box::before{
	content:"POINT";

	display:block;

	margin-bottom:10px;

	font-size:12px;
	font-weight:700;
	line-height:1.4;
	letter-spacing:.08em;

	color:#1A5B91;
}

.wp-content .r1-point-box > *:last-child{
	margin-bottom:0;
}


/*--------------------------------------------------
RESULT BOX
--------------------------------------------------*/

.wp-content .r1-result-box{
	position:relative;

	margin:40px 0;
	padding:24px 26px 24px 32px;

	background:#FFF;

	border:1px solid #D7DEE5;
	border-radius:6px;
}

.wp-content .r1-result-box::before{
	content:"";

	position:absolute;
	left:0;
	top:0;
	bottom:0;

	width:5px;

	background:#1A5B91;
	border-radius:6px 0 0 6px;
}

.wp-content .r1-result-box > *:last-child{
	margin-bottom:0;
}


/*--------------------------------------------------
NOTE BOX
--------------------------------------------------*/

.wp-content .r1-note-box{
	margin:40px 0;
	padding:22px 24px;

	background:#FAFBFC;

	border:1px solid #E1E5E9;
	border-radius:6px;
}

.wp-content .r1-note-box > *:last-child{
	margin-bottom:0;
}


/*--------------------------------------------------
LEAD
--------------------------------------------------*/

.wp-content .r1-lead{
	margin:0 0 40px;

	font-size:18px;
	font-weight:700;
	line-height:1.9;

	color:#333;
}


/*==================================================
1000px以下
==================================================*/

@media screen and (max-width:1000px){

	.case-detail{
		padding-left:20px;
		padding-right:20px;
	}

}


/*==================================================
Smartphone
==================================================*/

@media screen and (max-width:767px){

	.case-detail{
		padding-left:10px;
		padding-right:10px;
	}


	/*--------------------------------------------------
	Header
	--------------------------------------------------*/

	.case-detail__header{
		margin-bottom:26px;
	}

	.case-detail__date{
		font-size:12px;
	}

	.case-detail__company{
		margin-bottom:4px;
		font-size:14px;
	}

	.case-detail__title{
		font-size:18px;
		line-height:1.55;
	}


	/*--------------------------------------------------
	Thumbnail
	--------------------------------------------------*/

	.case-detail__image{
		width:100%;
		max-width:100%;
		margin-bottom:34px;
	}


	/*--------------------------------------------------
	Content
	--------------------------------------------------*/

	.wp-content{
		font-size:14px;
		font-weight:500;
		line-height:2em;
	}

	.wp-content p{
		margin-bottom:1.8em;
	}


	/*--------------------------------------------------
	H2
	--------------------------------------------------*/

	.wp-content h2{
		margin:48px 0 20px;
		padding:9px 12px 9px 16px;

		font-size:18px;
		line-height:1.5;
	}

	.wp-content h2::before{
		width:4px;
	}


	/*--------------------------------------------------
	H3
	--------------------------------------------------*/

	.wp-content h3{
		margin:38px 0 16px;
		padding-bottom:8px;

		font-size:16px;
		line-height:1.55;
	}

	.wp-content h3::after{
		width:50px;
		height:2px;
	}


	/*--------------------------------------------------
	H4
	--------------------------------------------------*/

	.wp-content h4{
		margin:30px 0 14px;
		padding-left:12px;

		font-size:15px;
		line-height:1.6;
	}

	.wp-content h4::before{
		width:3px;
	}


	/*--------------------------------------------------
	H5 / H6
	--------------------------------------------------*/

	.wp-content h5{
		font-size:14px;
	}

	.wp-content h6{
		font-size:14px;
	}


	/*--------------------------------------------------
	Images
	--------------------------------------------------*/

	.wp-content figure,
	.wp-content .wp-block-image{
		width:100%;
		max-width:100%;
		margin:26px auto;
	}

	.wp-content figcaption{
		font-size:11px;
	}


	/*--------------------------------------------------
	Boxes
	--------------------------------------------------*/

	.wp-content .r1-point-box,
	.wp-content .r1-result-box,
	.wp-content .r1-note-box{
		margin:28px 0;
		padding:18px 16px;
	}

	.wp-content .r1-result-box{
		padding-left:22px;
	}

	.wp-content .r1-lead{
		margin-bottom:28px;

		font-size:16px;
		line-height:1.8;
	}


	/*--------------------------------------------------
	Blockquote
	--------------------------------------------------*/

	.wp-content blockquote{
		margin:26px 0;
		padding:16px 18px;
	}


	/*--------------------------------------------------
	Table
	--------------------------------------------------*/

	.wp-content table{
		display:block;
		width:100%;
		margin:28px 0;

		overflow-x:auto;
		-webkit-overflow-scrolling:touch;
	}

	.wp-content th,
	.wp-content td{
		padding:10px 12px;
		white-space:nowrap;
	}


	/*--------------------------------------------------
	HR
	--------------------------------------------------*/

	.wp-content hr{
		margin:34px 0;
	}

}