@charset "UTF-8";

body {
	overflow-x: visible;
	overflow-y: visible;
}
#container {
	padding-bottom: 40px !important;
}
.contents {
	padding-bottom: 0;
}
a:hover {
	text-decoration: underline;
}
a.dft {
	color: revert;
}

.sus-sub:hover {
	display:block;
}
section.nopb {
	padding-bottom: 0;
}

/* clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.show_pc {
	display: block;
}
.show_sp {
	display: none;
}

.main_visual {
text-align: center;
	margin-bottom: 80px;
}
.main_visual img {
}

.main_wrap {
	margin: 0 auto;
	max-width: 980px;
}
.column_wrap {
	margin: 40px auto 0;
	max-width: 900px;
}

main {
	width: 100%;
}
#container .contents {
	width: auto;
}
	#container .contents section {
		margin-bottom: 60px;
	}

		.column_top {
			display: flex;
		}
			.column_top .leftimg {
				margin-right: 20px;
				width: 240px;
			}
			.column_top .righttxt {
				margin-top: 10px;
				width: calc(100% - 260px);
			}
				.column_top .righttxt p {
					margin-bottom: 1em;
					line-height: 1.7;
					font-size: 1.6rem;
				}

		.column_heading {
			font-size: 24px;
			font-size: 2.4rem;
			border-bottom: solid 1px #000;
			padding-bottom: 4px;
		}
		.column_content {
		}
		.column_content.twocl {
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;
			gap: 20px;
		}
			.column_content a {
				display: flex;
				gap: 20px;
				margin-top: 30px;
				text-decoration: none;
				transition: all .3s linear;
			}
			.column_content.twocl a {
				gap: 15px;
				width: 48.5%;
			}
				.column_image {
					display: grid;
					place-content: center;
					width: 312px;
					text-align: center;
				}
				.column_content.twocl .column_image {
					width: 188px;
					flex-shrink: 0;
				}
					.column_image img {
						object-fit: contain;
						border: solid 1px #ddd;
					}
				.column_body {
					width: 70%;
				}
					.column_title {
						font-size: 2.4rem;
						margin-top: 6px;
					}
					.column_content.twocl .column_title {
						margin-top: 10px;
						font-size: 1.6rem;
					}
					.column_date {
						margin-top: 6px;
						font-size: 1.2rem;
					}
					.column_text {
						margin-top: 10px;
						font-size: 1.6rem;
					}

/* �•ʃy�[�W */
.cldate {
	margin-bottom: 10px;
}
.column-title {
	padding: 30px 0;
	font-size: 3rem;
	line-height: 1.25;
}
#container .contents section.column_container {
	margin-bottom: 40px;
	font-size: 1.6rem;
}
#container .contents section.column_container02 {
	margin-bottom: 100px;
	font-size: 1.6rem;
}
#container .contents section.column_container02:last-child {
	margin-bottom: 0;
}
	.sub_block {
	}
	.column-subtitle {
		margin-bottom: 5px;
		font-size: 2.0rem;
		font-weight: normal;
	}
	.column-index ul {
		margin-left: 2em;
		list-style: none;
	}
		.column-index ul li a {
			text-decoration: none;
		}
	.column-contents {
		margin-left: 2em;
	}
		.column-contents a {
			text-decoration: underline;
		}
		.column-contents a:hover {
		}
	ul.image_flex {
		display: flex;
		gap: 10px 10px;
		margin-top: 20px;
	}
		ul.image_flex li {
			height: 200px;
			text-align: center;
		}
		ul.image_flex.li5 li {
			width: 20%;
		}
		ul.image_flex.li4 li {
			width: 25%;
		}
		ul.image_flex.li3 li {
			width: 33%;
		}
		ul.image_flex.li2 li {
			width: 50%;
		}
			ul.image_flex li img {
				height: 200px;
				object-fit: contain;
			}

#container .contents section {
	font-size: 1.6rem;
}
.top_visual {
	margin: 0 auto 60px;
	width: 100%;
}
.column_h1block {
	margin-top: 0;
}
	.column_h1title {
		margin-bottom: 30px;
		font-size: 2.8rem;
		font-weight: bold;
	}
.column_h2block {
	margin-top: 100px;
}
	.column_h2title {
		position: relative;
		margin-bottom: 30px;
		border-bottom: 5px solid #000000;
		font-size: 2.8rem;
		font-weight: bold;
	}
	.column_h2title::before {
		position: absolute;
		content: '';
		width: 80px;
		left: 0;
		bottom: -5px;
		border-bottom: 5px solid #e30602;
	}
.column_h3block {
	margin-top: 60px;
}
	.column_h3title {
		margin-top: 60px;
		margin-bottom: 30px;
		border-bottom: 2px solid #e30602;
		font-size: 2.2rem;
		font-weight: bold;
	}
.subttl {
	display: inline-block;
	margin-top: 40px;
	margin-bottom: 10px;
	padding: 5px 10px;
	background-color: #444444;
	color: #FFFFFF;
}
.column_h1block p,
.column_h2block p {
	margin-bottom: 1.5em;
	font-size: 1.6rem;
}
.column_img800 {
	margin: 0 auto 60px;
	width: 100%;
	max-width: 800px;
}
.column_img650 {
	margin: 0 auto 60px;
	width: 100%;
	max-width: 600px;
}
.column_img525 {
	margin: 0 auto 60px;
	width: 100%;
	max-width: 525px;
}
.column_index {
	margin: 60px 60px;
	padding: 25px 40px;
	border: 0.5px solid #EFEFEF;
}
.marker {
	font-weight: bold;
	background: linear-gradient(transparent 50%, rgba(255, 252, 107, 0.69) 50%);
}
	.column_index__title {
		font-size: 2.0rem;
	}
		.column_index__list {
			margin: 35px 0 0 50px;
		}
			.column_index__list li {
				padding: 20px 0 0 0;
			}
			.column_index__list li:first-child {
				padding-top: 0;
			}
				.column_index__list li a {
					position: relative;
					text-decoration: none;
				}
				.column_index__list li a:hover {
					text-decoration: underline;
				}
					.column_index__number {
						position: absolute;
						top: -7px;
						left: -35px;
						display: inline-block;
						color: #7f7f7f;
						background: #f2f2f2;
						padding: 3px 6px;
					}

.border_list {
	margin: 35px 45px;
	padding: 40px 60px;
	border: 0.5px solid #000000;
	background-color: #EEF6FF;
}
	.border_list > p {
		margin-bottom: 1em;
		margin-left: 1em;
		text-indent: -1em;
	}
	.border_list > p.ttl_border_list {
		margin-bottom: 1em;
		margin-left: 0;
		text-indent: 0;
	}
	.border_list > p:last-child {
		margin-bottom: 0;
	}
	.border_list > p {
		margin-bottom: 1em;
		margin-left: 1em;
		text-indent: -1em;
	}
	.border_list > p.nomb {
		margin-bottom: 0;
	}
	.border_list ul {
	}
		.border_list li {
			margin-bottom: 0.5em;
			margin-left: 1em;
			text-indent: -1em;
		}
		.border_list .idt02 li {
			margin-bottom: 0.5em;
			margin-left: 1.5em;
			text-indent: -1.5em;
		}
		.border_list li:last-child {
			margin-bottom: 0;
		}
		.border_list li.noindent {
			margin-left: 0;
			text-indent: 0;
		}
		.border_list li.ligroup {
			margin-bottom: 1em;
			margin-left: 0;
			text-indent: 0;
		}
			.border_list li.ligroup p {
				margin-bottom: 0;
				margin-left: 1em;
				text-indent: -1em;
			}
			.border_list li.ligroup p.ttl_border_list {
				margin-left: 0;
				text-indent: 0;
			}
p.column_note {
	font-size: 1.3rem;
}

.column_table {
	margin: 2em auto;
	width: 100%;
}
	.column_table table {
		border: 1px solid #000000;
		border-collapse: collapse;
	}
		.column_table th,
		.column_table td {
			padding: 5px 10px;
			border: 1px solid #000000;
		}
		.column_table th {
			background-color: #EEF6FF;
			font-weight: bold;
		}
		.column_table td.ttl {
			background-color: #F2F2F2;
		}


footer {
	padding-top: 0px;
}

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

	main .column_wrap {
		width: auto;
		padding: 0 15px;
	}
	.column_index {
		margin: 60px 0 0;
		padding: 40px 20px;
	}
	.border_list {
		margin: 40px 0;
		padding: 40px 20px;
	}

	#container .contents {
		padding: 0;
	}
	section.nopb {
		padding-bottom: 0;
	}

	.show_pc {
		display: none;
	}
	.show_sp {
		display: block;
	}

	main {
		padding-top: 0;
		min-width: 0;
	}
		main .main_wrap {
			width: auto;
			padding: 0 15px;
		}

	.main_visual {
		margin-bottom: 50px;
	}
		.column_top {
			flex-direction: column-reverse;
			gap: 13px;
		}
			.column_top .leftimg {
				margin-right: 0;
				width: auto;
				text-align: center;
			}
			.column_top .righttxt {
				margin-top: 0;
				width: auto;
			}

		.column_content-two {
			display: flex;
		}
			.column_content a {
				flex-direction: column;
				gap: 10px;
				margin-top: 20px;
			}
			.column_content.twocl a {
				flex-direction: row;
				width: auto;
			}
				.column_image {
					width: 100%;
				}
				.column_content.twocl .column_image {
					width: 167px;
				}
					.column_image img {
						object-fit: contain;
					}
				.column_body {
					width: auto;
				}
				.column_content.twocl .column_body {
					margin-top: -5px;
				}
					.column_title {
						font-size: 2.1rem;
						line-height: 1.4;
					}
					.column_content.twocl .column_title {
						line-height: 1.5;
						margin-top: 7px;
					}
					.column_date {
					}
					.column_text {
					}

}