@charset "UTF-8";

/* ++++++++++++++++++++++++++++++
interview page
++++++++++++++++++++++++++++++ */
@media screen and (min-width:769px), print{
	#mainHeader { padding-bottom: 620px; }
	#lowerBox { margin-top: -545px; }
}
@media screen and (max-width:768px){
}

/* archive */
@media screen and (min-width:769px), print{
	.archive .wBox { padding-bottom: 395px; }
	#postList li + li { margin-top: 100px; }
	#postList a {
		display: flex;
		justify-content: space-between;
	}
	#postList .thumb {
		width: 280px;
		border-radius: 0 20px;
	}
	#postList .text {
		padding-top: 30px;
		width: calc(100% - 320px);
	}
	#postList .text .number {
		font-size: 12px;
		margin-bottom: 0.5em;
	}
	.pagerCont { margin-top: 195px; }
}
@media screen and (max-width:768px){
}

/* article */
#postCont #mainVis {
	position: relative;
	border: solid #fff;
}
#postCont #mainVis .number {
	color: #8246aa;
	line-height: 1;
	position: absolute;
}
#postCont #mainVis .number span {
	display: inline-block;
	vertical-align: middle;
}
#postHeader #postTitle,
#postHeader #person { color: #8246aa; }
#postContents { border-top: 1px solid #c8c8c8; }
#postContents .block .blockTitle { color: #6633cc; }
#postContents .block .sub {
	color: #9d298c;
	font-family: "Noto Sans JP", sans-serif;
}
@media screen and (min-width:769px), print{
	.article #mainHeader { padding-bottom: 400px; }
	.article #lowerBox { margin-top: -305px; }
	#postCont {
		max-width: 1000px;
		margin-inline: auto;
		box-sizing: border-box;
	}
	#postCont #mainVis {
		border-width: 10px;
		margin-right: 200px;
	}
	#postCont #mainVis .number {
		top: -33px;
		left: -10px;
		font-size: 16px;
	}
	#postCont #mainVis .number span {
		font-size: 40px;
		margin-bottom: 10px;
	}
	#postHeader #postTitle {
		font-size: 28px;
		margin-top: 35px;
	}
	#postHeader #person {
		font-size: 16px;
		margin-top: 30px;
	}
	#postHeader #mainText { margin-top: 30px; }

	#postContents {
		margin-top: 90px;
		padding-bottom: 400px;
	}
	#postContents .block {
		display: flex;
	}
	#postContents .block > * {
		padding-block: 50px;
		box-sizing: border-box;
	}
	#postContents .block:last-of-type > * { padding-bottom: 0; }
	#postContents .block .main {
		width: calc(100% - 300px);
		padding-right: 50px;
	}
	#postContents .block .main > * + * { margin-top: 35px; }
	#postContents .block .main > * + .blockTitle { margin-top: 45px; }
	#postContents .block .blockTitle { font-size: 18px; }
	#postContents .block .blockText > * + * { margin-top: 2em; }
	#postContents .block .sub {
		width: 300px;
		line-height: 25px;
		padding-left: 50px;
		border-left: 1px solid #c8c8c8;
	}
}
@media screen and (max-width:768px){
	#postCont #mainVis { border-width: 4px; }
	#postCont #mainVis .number {
		top: -14px;
		left: -4px;
		font-size: 8px;
		span {
			font-size: 20px;
			margin-bottom: 3px;
		}
	}
	#postHeader #postTitle {
		font-size: 18px;
		line-height: 36px;
		margin-top: 24px;
	}
	#postHeader #person {
		font-size: 12px;
		margin-top: 8px;
	}
	#postHeader #mainText {
		font-size: 12px;
		margin-top: 15px;
	}
	#postContents {
		margin-top: 50px;
		padding-bottom: 50px;
		border-bottom: 1px solid #c8c8c8;
		.block {
			padding-top: 50px;
			.image {
				padding-inline: 25px;
			}
			* + .blockTitle { margin-top: 45px; }
			.blockText {
				font-size: 12px;
				& > * + * { margin-top: 2em; }
			}
			* + .blockText {
				margin-top: 35px;
			}
			.sub {
				font-size: 12px;
				margin-top: 37px;
			}
		}
	}
	.block + .block {
		margin-top: 50px;
		border-top: 1px solid #c8c8c8;
	}
}