@charset "utf-8";

/*------------------------------
  コラム詳細　.columnDetail
------------------------------*/
/* section構造確認用
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap" rel="stylesheet" />
<link href="../../commonAsset/css/fixApp.css" rel="stylesheet" type="text/css" />
<link href="../../commonAsset/css/common.css" rel="stylesheet" />
<link href="../css/columnDetail.css" rel="stylesheet" type="text/css" />
<style>
.columnDetail-article section {
  background-color: pink;
  padding: 10px;
  margin: 10px;
}
.columnDetail-article section section {
  background-color: lightblue;
}
.columnDetail-article section section section {
  background-color: lightgreen;
}
.columnDetail-article section section section section {
  background-color: lavender;
}
</style>
*/
.header__logo img {
	/* UI更新後削除 */
	display: block;
}

@media (min-width: 1000px) {

	/* UI更新後削除 */
	.sidebar {
		grid-row: 1/2;
	}

	.sticky-div {
		z-index: 1;
	}
}

/*------------------------------
  サイドバー　.sidebar
------------------------------*/
.sidebar a.link-zoomImg {
	width: 240px;
}

/*------------------------------
  ページネーション　.pager
------------------------------*/
.pager {
	margin: 2em auto;
}

.pagination {
	display: flex;
	justify-content: center;
	line-height: 1;
}

.pagination li {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.pagination-next {
	background: #fff url("../svg/ico-arrow_right.svg") no-repeat center right 0.5em / 1em auto;
	padding: 0.5em 2em 0.5em 1em;
	border-right: 1px solid #ccc;
	border-radius: 0 8px 8px 0;
}

.pagination-pre {
	background: #fff url("../svg/ico-arrow_left.svg") no-repeat center left 0.5em / 1em auto;
	padding: 0.5em 1em 0.5em 2em;
	border-left: 1px solid #ccc;
	border-radius: 8px 0 0 8px;
}

.pagination-index {
	background-color: #fff;
	padding: 0.5em 1em;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

/*------------------------------
  記事下　.append
------------------------------*/
.append-consultant, .append-whitePaper {
	margin-bottom: 2em;
}

.append-consultant .ttl-corner_line, .append-whitePaper .ttl-corner_line {
	margin-bottom: 0;
}

.append-consultant-profile, .append-whitePaper-summary {
	background: #fff;
	padding: 1em;
	margin-bottom: 1em;
}

.append-consultant-profile h4, .append-whitePaper-summary h4 {
	margin-bottom: 1em;
	color: #11bdbd;
	text-align: center;
}

.append-consultant-profile img, .append-consultant-profile table, .append-whitePaper-summary img {
	margin: 0 auto 1em auto;
}

@media (min-width: 1000px) {
	.append-consultant-profile h4, .append-whitePaper-summary h4 {
		text-align: left;
	}

	.append-consultant-profile img, .append-consultant-profile table, .append-whitePaper-summary img {
		margin: 0 0 1em 0;
	}
}

.append-consultant-profile table {
	width: 100%;
}

.group-guide a.btn-arrow_right:hover .label-yellow {
	color: #11bdbd;
}

.append-whitePaper-summary ul {
	margin-bottom: 1em;
}

.append-seminar, .append-column {
	margin-bottom: 1.5em;
}

.append-seminar-list, .append-column-list {
	margin-top: 0.5em;
}

.append-seminar-list li:not(:last-child), .append-column-list li:not(:last-child) {
	margin-bottom: 1em;
}

@media (min-width: 1000px) {
	.append-seminar-list, .append-column-list {
		display: flex;
		flex-wrap: wrap;
		gap: 20px;
	}

	.append-seminar-list li, .append-column-list li {
		width: calc(50% - 10px);
		margin-bottom: 0;
	}
}

.append-seminar-list li a, .append-column-list li a {
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
}

.append-seminar img, .append-column img {
	margin-right: 1em;
}

@media (min-width: 1000px) {
	.append-seminar img, .append-column img {
		width: 200px;
	}
}

.append-seminar-title {
	display: block;
}

.append-consultant .tbl-border th {
	text-align: left;
}

/*------------------------------
  目次　.nav-toc
------------------------------*/
.nav-toc {
	background-color: #f5f5f5;
	border-radius: 8px;
	padding: 1em 1.5em;
	margin: 2em auto;
}

.nav-toc summary {
	text-align: center;
	font-weight: bold;
	color: #11bdbd;
	font-size: 1.5em;
	background: url("../svg/ico-expand_more.svg")no-repeat right center / 1em auto;
}

.nav-toc details[open] summary {
	background: url("../svg/ico-expand_less.svg")no-repeat right center / 1em auto;
}

.nav-toc-ol {
	margin-top: 2em;
	font-size: 0.9em;
}

.nav-toc-ol a {
	color: #4d4d4d;
	font-weight: bold;
}

.nav-toc-ol li {
	background: url("../svg/ico-pencil.svg#gray") no-repeat left 0 top 0.3em / 1em auto;
	padding-left: 1.5em;
	margin-bottom: 1em;
}

.nav-toc-ol_child {
	margin: 0.5em 0;
}

.nav-toc-ol_child a {
	font-weight: normal;
}

.nav-toc-ol_child li {
	background: url("../svg/ico-next.svg") no-repeat left 0 top 0.4em / 0.8em auto;
	padding-left: 1.5em;
	margin-bottom: 0.2em;
}

/*------------------------------
  記事本文　.columnDetail-article
------------------------------*/
.columnDetail-article {
	max-width: 920px;
}

.columnDetail-article time {
	display: block;
}

.columnDetail-article .ttl-page {
	margin-top: 0.3em;
}

@media screen and (min-width: 768px) {
	.columnDetail-article time {
		display: inline-block;
		margin-right: 1em;
	}

	.columnDetail-article .ttl-page {
		margin-top: 0;
	}
}

.img-eyecatch {
	width: auto;
	max-height: 320px;
}

.img-eyecatch, .img-article {
	display: block;
	margin: 0 auto 1em auto;
}

.columnDetail-author {
	display: flex;
	align-items: center;
	border-top: 1px dashed #ccc;
	border-bottom: 1px dashed #ccc;
	padding: 0.5em;
	margin: 1em 0;
}

.columnDetail-author h4 {
	white-space: nowrap;
}

.columnDetail-author p {
	width: 100%;
}

.author-PlariTown {
	background: url("/assets/images/favicon-32x32.png") no-repeat left center / 1.2em auto;
	padding-left: 1.5em;
}

.area-bg_blue-border,
.area-label-bg_gray,
.area-label-bg_yellow {
	margin-bottom: 1em;
}

.columnDetail-article section > h2.ttl {
	background: url("../img/ico-pencil.svg") no-repeat left 0 top 0.3em / 1em auto;
	padding: 0 0 0.2em 1.5em;
	border-bottom: 2px solid #11bdbd;
	font-size: 1.5em;
	margin-bottom: 0.5em;
}

.columnDetail-article .ttl-bg_lightBlue {
	/*1-1 h4*/
	font-size: 1.2rem;
}

.columnDetail-article .ttl-border_dash_b {
	/*1-1-1 h5*/
	font-size: 1.1rem;
}

.columnDetail-article a.link-zoomImg {
	/*width: 920px;*/
	margin-bottom: 1em;
}

.columnDetail-article cite {
	font-style: normal;
}

.columnDetail-article section {
	margin-top: 5em;
}

.columnDetail-article section section {
	margin-top: 3em;
}

.columnDetail-article section section section {
	margin-top: 2em;
}

.columnDetail-article .columnDetail-intro {
	margin-top: 0;
}

.tbl-heading {
	width: 100%;
}

.tbl-heading th {
	background-color: #11bdbd;
	color: #fff;
	text-align: center;
}

.tbl-heading td {
	background-color: #eafcfb;
	vertical-align: top;
}

/* table セルの幅 */
.tbl-defaultStyle .cell-w10 {
	width: 10%;
}

.tbl-defaultStyle .cell-w15 {
	width: 15%;
}

.tbl-defaultStyle .cell-w20 {
	width: 20%;
}

.tbl-defaultStyle .cell-w25 {
	width: 25%;
}

.tbl-defaultStyle .cell-w30 {
	width: 30%;
}

.tbl-defaultStyle .cell-w33 {
	width: 33.333%;
}

.tbl-defaultStyle .cell-w40 {
	width: 40%;
}

.tbl-defaultStyle .cell-w50 {
	width: 50%;
}

/* スマートフォン：横スクロール可能なtable
wrapperに `.tbl-scrollX` を指定
例： <div class="tbl-scrollX"><table>...</table></div>
*/
@media screen and (max-width: 767px) {
	.tbl-scrollX {
		overflow-x: scroll;
		margin-bottom: 1em;
	}

	.tbl-scrollX table {
		width: 100%;
		min-width: 768px;
		margin-bottom: 0;
	}
}

/* ol 順序付きリスト要素 丸数字 */
ol.list-encircledStyle {
	margin: 1em 0;
	counter-reset: count;
	list-style: none;
}

ol.list-encircledStyle li {
	position: relative;
	margin-left: calc(1.75 * 0.75 * 1em);
	text-indent: calc(-1.75 * 0.75 * 1em);
}

ol.list-encircledStyle li:not(:last-child) {
	margin-bottom: 0.5em;
}

ol.list-encircledStyle li::before {
	content: counter(count);
	counter-increment: count;
	background-color: #11bdbd;
	border-radius: 50%;
	box-sizing: border-box;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	height: 1.5em;
	width: 1.5em;
	min-width: 1.5em;
	min-height: 1.5em;
	color: #fff;
	font-size: 0.75em;
	font-weight: normal;
	text-indent: 0;
	margin-right: 0.25em;
}

.area-link_DXform a.btn-mail:hover .label-yellow {
	color: #11bdbd;
}

@media screen and (min-width: 768px) {
	.area-link_DXform .btn-mail {
		white-space: nowrap;
		background-size: auto 2em;
		background-position: top right;
		padding-left: 1em;
		margin: 0;
	}
}

.list-flow {
	margin: 1em 0;
}

.list-flow > li {
	border: 3px solid #ccc;
	padding: 1em;
	position: relative;
	margin-bottom: 2em;
}

.list-flow > li:not(:last-child)::after {
	content: "▼";
	position: absolute;
	bottom: -1.8em;
	left: 50%;
	transform: translateX(-50%);
}

/*------------------------------
  記事別
------------------------------*/
.column36-checkList {}

.column36-checkList h3 {
	background-color: #11bdbd;
	color: #fff;
	padding: 0.5em;
}

.column36-checkList ul {
	margin-top: 0.5em;
}

.column36-checkList ul li {
	margin-bottom: 0.5em;
	border-bottom: 1px solid #11bdbd;
	padding: 0 0.5em 0.5em 0.5em;
}

.column36-checkList ul li::before {
	content: "□";
	color: #11bdbd;
	font-weight: bold;
	margin-right: 0.3em;
}

.column36-checkList ul li:not(:last-child) {}