@charset "utf-8";
/*===========================================================================

　CMS（コンテンツ管理システム）によって自動出力される記事部分のスタイルをまとめます。
	
===========================================================================*/

#tinymce {
	display:block;
	padding:40px;
}

/* Block: コンポーネントのルート */
.cms-box {
}

/*
 * Block: お知らせ情報エリア
 */
.cms-info {
  display: flex;
  align-items: center;
  padding: var(--s-5);
  background-color: var(--color-bg-light);
}

/* Element: cms-info内の時間表示 */
.cms-info__time {
  font-size: var(--text-14);
  line-height: 1;
	margin-right: var(--s-3);
}

/* Element: cms-info内のリンク */
.cms-info__link {
  display: inline-block;
}

/*
 * Block: 記事タイトル
 */
.cms-ttl {
  margin-top: var(--s-5);
}

/*
 * Block: 記事本文エリア
 * (CMSから出力されるHTMLを想定した実用的な記述)
 */
.cms-kiji{
	}

.cms-kiji table {
}

.cms-kiji th,
.cms-kiji td {
	vertical-align:middle;
	padding:revert-layer;
}
.cms-kiji th {
}
.cms-kiji td img{
	/*
	width: 100%;
	aspect-ratio: 4 / 3;
	-o-object-fit: cover;
	object-fit: cover;
	display: block;
	margin: 0 auto;
	*/
}

.cms-kiji ul,
.cms-kiji ol {
  padding: 0 0 0 var(--s-5);
}

.cms-kiji ul {
  list-style: disc;
}

.cms-kiji ol {
  list-style: revert;
}

.cms-kiji hr {
	margin-top:var(--s-3);
	margin-bottom:var(--s-3);
	border-color: #ddd;
}

.cms-kiji img {
	display: block;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.cms-kiji a {
  font-weight: 700;
  color: var(--color-primary);
  text-decoration: underline;
}

.cms-table-responsive-1{
	}
.cms-table-responsive-2{
	}
@media (max-width: 768px) {
	/*1行にする*/
	.cms-table-responsive-1,
	.cms-table-responsive-1 tbody,
	.cms-table-responsive-1 tr{
		display:block;
		width:100%;
	}
	.cms-table-responsive-1 th,
	.cms-table-responsive-1 td{
		display:block;
		width:100% !important;
		box-sizing:border-box;
	}
	/*2行にする*/
	.cms-table-responsive-2 {
		display: block;
		width: 100%;
	}
	.cms-table-responsive-2 tbody {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 16px;
		width: 100%;
	}
	.cms-table-responsive-2 tr {
		display: contents;
	}
	.cms-table-responsive-2 td {
		display: block;
		width:100% !important;
		box-sizing: border-box;
		vertical-align: top;
		padding: 0;
	}
	.cms-table-responsive-2 td img {
		display: block;
		width:100% !important;
		height: auto;
	}
	.cms-table-responsive-2 td p {
		margin: 8px 0 0;
	}
}