@charset "utf-8";
/* masuo-yuai-seikotsuin 院別の上書き（responsive.css の直後に読む）。共通は responsive.css */

/* ---- responsive.css 由来: この院だけの差分（23）＋前後関係を保つための共通規則の再掲（0） ---- */
@media (max-width: 991.98px) {
	.single .mainSection, .archive .mainSection, .category .mainSection {
		width: 100%;
		padding: 0 15px;
	}
}
@media (max-width: 991px) {
	.navbar-brand {
		background: url(../images/ico-parking.png) no-repeat;
		background-size: auto 50px;
		background-position: right bottom;
		padding-right: 60px !important;
	}
}
@media (max-width: 767px) {
	.siteFooter .navbar-brand {
		background: none;
		padding: 0 !important;
		margin: 0 auto;
	}
	.footerMenuHead {
		background: #005c17;
		color: #fff;
		line-height: 1em;
		padding: 15px;
	}
	.home-intro .pagenav li {
		width: 100%;
	}
	.home-intro .pagenav li a {
		min-width: 100%;
	}
	.merit-block > div > div figure img {
		width: 100% !important;
	}
	.mov {
		width: 100%;
		margin: 0 auto;
		height: 200px;
	}
	.access-flow > div:nth-child(2), .access-flow > div:nth-child(4), .access-flow > div:nth-child(6) {
		margin-bottom: 0;
	}
	.access-flow > div:first-child:after, .access-flow > div:nth-child(2):after, .access-flow > div:nth-child(3):after, .access-flow > div:nth-child(4):after, .access-flow > div:nth-child(5):after, .access-flow > div:nth-child(6):after, .access-flow > div:nth-child(7):after {
		content: none;
	}
	.teaser .attention {
		top: 0px;
	}
	.mezzotto_image_list figure {
		width: 48%;
	}
	.headerCaption {
		text-align: center;
	}
	table {
		display: block;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		width: 100%;
		max-width: 100%;
		border-collapse: collapse;
		white-space: nowrap;
		padding-top: 18px;
		position: relative;
		background-image: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)), linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
		background-size: 24px 100%, 24px 100%;
		background-position: left top, right top;
		background-repeat: no-repeat;
		background-attachment: local, local;
	}
	.single-post table::before {
		content: none;
	}
	.single-post table.is-scrollable::before {
		content: "← 横にスクロールできます →";
		position: sticky;
		top: 0;
		left: 0;
		display: block;
		font-size: 12px;
		line-height: 1.4;
		opacity: 0.7;
		white-space: nowrap;
		pointer-events: none;
	}
	.single-post table th, .single-post table td {
		padding: 10px;
	}
	table td:nth-child(2) {
		white-space: normal;
		word-break: break-word;
		min-width: 160px;
	}
	table td:nth-child(3) {
		white-space: normal;
		word-break: break-word;
		min-width: 200px;
	}
	.title-seo {
		margin-bottom: 20px;
	}
	.blog .mainSection-col-two, .single .mainSection-col-two, .archive .mainSection-col-two, .category .mainSection-col-two {
		width: 100%;
	}
}
.related-article-list {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}
@media (min-width: 768px) {
	.related-article-list > div {
		width: calc(25% - 12px);
		margin: 0;
	}
}
