.test {
	background-color: #fff;
}

.red {
	color: #c00;
}

.page-links li>a.page-numbers {
	padding-bottom: 0;
	border-bottom: none;
}

.page-links li>.page-numbers {
	border-radius: 4px;
}

#cboxTitle {
	bottom: 30px;
	padding: 5px;
	color: #fff;
	text-align: left;
	background-color: rgb(0 0 0 / 60%);
}

.prevNext-nav {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	padding-top: 40px;
}

.prevNext-nav>.item {
	padding: 2px 10px;
}

.prevNext-nav>.item a {
	display: flex;
	padding: 12px 4px;
	color: #fff;
	background-color: #26c;
	border-radius: 4px;
}

.prevNext-nav>.item.-next a {
	text-align: right;
}

.prevNext-nav>.item .-next {
	padding-left: 1em;
}

.prevNext-nav>.item .-prev {
	padding-right: 1em;
}

.prevNext-nav>.item .-ellipsis {
	width: 200px;
	max-width: 80vw;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.post-type-archive-news .sect-block a,
.home .sect-block.-news a {
	padding-bottom: 0;
	border-bottom: none;
}

.post-type-archive-news .sect-block .button-block a,
.home .sect-block.-news .button-block a {
	padding-bottom: .5em;
}

.post-type-archive-news .role-article a,
.home .sect-block.-news .title a {
	padding-bottom: .125em;
	line-height: 1.5;
	border-bottom: 1px dotted currentcolor;
}

.ut-card {
	justify-content: flex-start;
}

.single-casestudy_post .block-footer>.button-block {
	padding-top: 40px;
}

.button-block .button.-back {
	min-width: 160px;
	height: 40px;
}

.button-block .button.-back::before {
	flex: 0 0 20px;
	width: 20px;
	height: 20px;
	transform: rotate(180deg);
}

.fnav-area>.title {
	margin-bottom: .5em;
}

.js-toggleSwitch {
	cursor: pointer;
}

.js-toggleArea {
	display: none;
}

.post-type-archive-faq_post .sect-block .inner+.inner {
	margin-top: 40px;
}

.post-type-archive-faq_post .faqArea>div {
	padding: 1em 0;
	border-bottom: 1px dotted currentcolor;
}

.post-type-archive-faq_post .faqArea>div dd>.inner {
	margin: 2em 0 1em;
}

.post-type-archive-faq_post .faqArea>div dt,
.post-type-archive-faq_post .faqArea>div dd>.inner {
	display: flex;
}

.post-type-archive-faq_post .faqArea>div dt::before,
.post-type-archive-faq_post .faqArea>div dd>.inner::before {
	display: flex;
	flex: 0 0 30px;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	margin-top: -.25em;
	margin-right: 1em;
	font-size: 24px;
	font-weight: bold;
	border: solid 1px #26c;
	border-radius: 100px;
}

.post-type-archive-faq_post .faqArea>div dt::before {
	color: #fff;
	content: 'Q';
	background-color: #26c;
}

.post-type-archive-faq_post .faqArea>div dd>.inner::before {
	color: #26c;
	content: 'A';
}

.sns-area {
	margin: 40px auto 0;
	text-align: center;
}

.sns-area img {
	width: 36px;
	height: 36px;
}

.page-storage-garage .sect-block.-s02 .linkBtn:first-child {
	background-image: url(../img/stotage3_240518.jpg);
}

.page-recruit .sect-block.-s02 {
	padding: 40px 0;
	margin-right: calc(50% - 50vw);
	margin-left: calc(50% - 50vw);
	background-color: #f5f0e6;
}

.page-recruit .sect-block.-s02 .title {
	margin-bottom: 1em;
	/* font-size: 20px; */
}

.page-recruit .sect-block.-s02 .body {
	line-height: 1.75;
}

.page-recruit .sect-block.-s02 .body p+p {
	margin-top: 1em;
}

.button.-history,
.button.-company {
	background-color: #99dd99;
	width: 70%;
	min-width: 300px;
	height: 70px;
	margin: 10px auto;

}

.button.-entry::before,
.button.-tab::before,
.button.-history::before,
.button.-company::before {
	display: none;
}

.button.-history {
	background-color: #bb99dd;
}

.button.-entry {
	background-color: #ffaa44;
	width: fit-content;
	padding: 1em;
	margin: auto;
	font-size: 16px;
}

.enployment-block>.inner {
	border: solid 1px #999;
	border-radius: 1em;
	padding: .5em;
}

.employment-list {
	display: flex;
	justify-content: space-around;
	width: 100%;
	gap: 10px;
	max-width: 1064px;
	margin: auto;
}

.employment-list>.item {
	flex: 0 0 30%;
}

.employment-list>.item>.button {
	transition: all 0.5s;
	font-size: 16px;
}

.employment-list>.item.is-active>.button {
	transform: translateY(20px);
	background-color: #ddeeff;
	color: #2266cc;
}

.enployment-block>.inner .ut-heading.-heading2 .title {
	font-size: 20px;
	margin-top: 1em;
}

.button.-tab {
	background-color: #77bbcc;
	width: 100%;
	height: 70px;
	margin: 0;
	padding: 5px;
}

.flow-table {
	display: none;
}

.flow-block {
	display: block;
}

.flow-block>.inner>.item {
	background-color: #fff;
	border-radius: 1em;
	padding: 1em;
	margin: 1em 0;
	overflow: hidden;
}

.flow-block>.inner>.item>.title {
	margin: -1em -1em 0;
	padding: 1em;
	text-align: center;
	background-color: #2266cc;
	color: #fff;
}

.time-table>.item {
	display: flex;
	padding-top: .5em;
}

.time-table>.item+.item {
	border-top: dotted 2px #eee;
}

.time-table>.item>.time {
	flex: 0 0 4em;
	font-weight: bold;
}

.comment-block {
	/* border-top: 1px solid #2266cc;
	padding-top: 1em; */
	margin-top: 1em;
}

.comment-block>.title {
	background-color: #fff;
	border: dotted 1px #2266cc;
	color: #2266cc;
	text-align: center;
	font-weight: bold;
	padding: .25em;
	border-radius: 100px;
}

@media standard,
print,
screen and (min-width: 769px) {

	.button.-history,
	.button.-company {
		width: auto;
	}

	.button.-entry {
		font-size: 24px;
	}

	.enployment-block>.inner {
		border-radius: 1em;
		padding: 2em;
	}

	.enployment-block>.inner .ut-heading.-heading2 .title {
		font-size: 32px;
	}

	.employment-list,
	.about-buttons {
		display: flex;
		justify-content: space-around;
		width: 100%;
		gap: 10px;
		max-width: 1064px;
		margin: auto;
	}

	.flow-block {
		display: none;
	}

	.flow-block>.inner {
		display: flex;
		gap: 10px;
		justify-content: space-around;
	}

	.flow-block>.inner>.item {
		flex: 0 0 30%;
		margin: 0;
	}

	.flow-table {
		display: block;
	}

	.flow-table>.inner {
		border-collapse: separate;
		border-spacing: 4px 0;
		border: none;
	}

	.flow-table>.inner th,
	.flow-table>.inner td {
		border: none;
		vertical-align: top;
	}

	.flow-table>.inner td.comment {
		background-color: #fff;
		padding: 0 .25em 1em;
		border-radius: 0 0 1em 1em;
	}

	.flow-table>.inner td.gyomu {
		background-color: #fff;
		border-bottom: dotted 2px #eee;
		padding: .25em .5em;
	}

	.flow-table>.inner th.time {
		width: 8%;
		text-align: right;
		padding: .25em;
		padding-left: 0;
	}

	.flow-table>.inner th.gyomu {
		width: 23%;
		background-color: #2266cc;
		color: #fff;
		font-weight: bold;
		padding: 1em;
		border-radius: 1em 1em 0 0;
	}

	.page-recruit .block-body {
		margin-bottom: 40px;
	}

	.employment-list>.item>.button {
		font-size: 24px;
	}

}