@charset "UTF-8";

:root {
	--nav-color-1: #de6c8b;
	--nav-color-2: #a9bede;
	--nav-color-3: #79c2b8;
	--nav-color-4: #eea36e;
	--nav-color-5: #eec739;
	--nav-color-6: #9791c1;
	--nav-color-7: #8fcfda;
	--nav-color-8: #aea79a;
	--nav-color-9: #9aaea0;
	--nav-color-10: #b4c070;
	--nav-row-gap: .8em;
}

.jc-sb {
	justify-content: space-between;
}
.settings {
	letter-spacing: 0.1em;
	font-feature-settings: "palt";
}
.table-1 > tbody > tr > th {
	color: #997933;
}
.table-1 > tbody > tr > td {
	padding: 1em 0 1em 1em;
}
.pswp__bg {
	background-color: #f4f2ef;
}

.nav-bis {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	column-gap: 1.2%;
	row-gap: var(--nav-row-gap);
	align-items: stretch;
	padding: 0;
	border: none;

	> li {
		> a {
			display: flex;
			align-items: center;
			height: 100%;
			padding-top: 0.25em;
			padding-bottom: 0.25em;
			border-left-width: 5px;
			font-size: min(3.4vw, 1.4rem);
		}
	}

	> li:nth-child(n + 6) {
		padding-top: var(--nav-row-gap);
		border-top: 1px solid #ddd;
	}
}
.nav-bis::before,
.nav-bis::after { content: normal; }

.nav-bis-1 { border-left-color: var(--nav-color-1) !important; }
.nav-bis-2 { border-left-color: var(--nav-color-2) !important; }
.nav-bis-3 { border-left-color: var(--nav-color-3) !important; }
.nav-bis-4 { border-left-color: var(--nav-color-4) !important; }
.nav-bis-5 { border-left-color: var(--nav-color-5) !important; }
.nav-bis-6 { border-left-color: var(--nav-color-6) !important; }
.nav-bis-7 { border-left-color: var(--nav-color-7) !important; }
.nav-bis-8 { border-left-color: var(--nav-color-8) !important; }
.nav-bis-9 { border-left-color: var(--nav-color-9) !important; }
.nav-bis-10 { border-left-color: var(--nav-color-10) !important; }

.bis {
	word-break: break-all;
	margin-bottom: 4em;
}
.bis-image {
	margin-bottom: 1.6em;
	object-fit: cover;
	img {
		width: 100%;
		height: 100%;
	}
}
.bis-title {
	line-height: 1.5;
	margin: 0 auto .5em;
}
.bis-title a {
	color: #333;
}
.bis-url {
	display: block;
	line-height: 1;
	margin-top: 0.2em;
	color: #999;
	font-size: min(2.9vw, 1.1rem);
}
.bis-text {
	font-size: min(3vw, 1.2rem);
    line-height: 1.7;
	p {
		margin-bottom: 1em;
	}
}
.bis-items,
.bis-services,
.bis-areas {
	margin-bottom: .75em;
	ul {
		list-style: none;
		margin-bottom: 0.2em;
		padding-left: 0;
		font-size: min(3vw, 1.2rem);
	}
	li {
		display: inline;
	}
	li + li::before {
		content: '/';
		margin: 0 0.4em;
	}
	.title {
		margin-bottom: 0.2em;
		font-size: min(3.5vw, 1.3rem);
		color: #8a6d3b;
	}
}
.bis-services,
.bis-areas {
	padding-top: 0.75em;
	border-top: 1px solid #ddd;
}
@media screen and (max-width: 767px) {
	
	.nav-bis {
		grid-template-columns: repeat(2, 1fr);
		column-gap: 4%;

		li {
			float: none;
			width: 100%;
			border-top: none !important;
            padding-top: 0 !important;
		}
		> li {
			margin-bottom: 0;
		}
		> li:nth-child(n + 3) {
			padding-top: var(--nav-row-gap);
			border-top: 1px solid #ddd;
		}
	}
	.nav-bis.footer-links-business-sp {
		display: grid !important;
		gap: 0;
	}
	.separator-1 {
		padding-left: 4vw;
		padding-right: 4vw;
	}
}
@media screen and (min-width: 992px) {
	.bis-head {
		display: flex;
		justify-content: space-between;
	}
	.bis-image {
		width: 45%;
	}
	.bis-texts {
		width: 50%;
	}
}
@media screen and (min-width: 1200px) {
	.bis-container {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		column-gap: 7%;
	}
}