/*
l-contents
page-support__main
l-section
usp-lh-2
u-hide--tab
o-fit__body
js-simulator
js-simulator-input
js-simulator-btn
js-simulator-result-body
js-simulator-result-value
 */

@media (min-width: 768px) {
	.l-section + .l-section {
		margin: 104px auto 0;
	}
}

.l-contents {
	padding: 0 5.172%;
}

@media (max-width: 767px) {
	.l-contents {
		padding: 0 5.333vw;
	}
}

.l-contents + .l-contents {
	margin: 80px auto 0;
}

.page-support__main {
	position: relative;
	padding: 104px 0 0;
}

@media (max-width: 767px) {
	.page-support__main {
		padding: 48px 0 0;
	}
}

html:has(.page-officelab) {
	font-size: 4.102564vw;
	background: #fffffc;
}

@media (min-width: 768px) {
	html:has(.page-officelab) {
		font-size: 1.11111111vw;
	}
}

@media (min-width: 1441px) {
	html:has(.page-officelab) {
		font-size: 100%
	}
}

.page-officelab-mv__contents, .page-officelab-support, .page-officelab-simulator, .page-officelab-map, .page-officelab-point__contents, .page-officelab-qa {
	max-width: 1440px;
	margin: 0 auto;
}

.page-officelab-case-intro {
	border: 0.1563rem solid #231815;
	border-radius: 0.9375rem;
	margin: 0 0 2.25rem;
	padding: 2rem 1.8125rem 1.6875rem;
}

@media (min-width: 768px) {
	.page-officelab-case-intro {
		display: flex;
		flex-flow: row-reverse;
		align-items: center;
		justify-content: space-between;
		border-radius: 1.875rem;
		margin: 0 0 4.5rem;
		border-width: 0.1875rem;
		padding: 2.5rem 3.125rem 2.5rem 2.8125rem;
	}
}

@media (min-width: 768px) {
	.page-officelab-case-intro__list {
		width: 28.25rem;
	}
}

.page-officelab-case-intro__item {
	font-size: 0.75rem;
	letter-spacing: 0.02em;
	line-height: 2;
	font-feature-settings: "palt" 0;
	padding: 0 0 0 1em;
	text-indent: -1em;
}

@media (min-width: 768px) {
	.page-officelab-case-intro__item {
		font-size: 1rem;
		letter-spacing: 0;
		line-height: 2;
	}
}

.page-officelab-case-intro__picture, .page-officelab-case-intro__picture--one, .page-officelab-case-intro__picture--two {
	position: relative;
}

.page-officelab-case-intro__picture--one {
	width: 11.4063rem;
	margin: 0 3.438rem 1.625rem 2.3438rem;
	aspect-ratio: 260/121;
}

@media (min-width: 768px) {
	.page-officelab-case-intro__picture--one {
		width: 16.5625rem;
		margin: 0;
	}
}

.page-officelab-case-intro__picture--two {
	width: 12.3438rem;
	margin: 0 3.5rem 1.625rem 1.4063rem;
	aspect-ratio: 230/107;
}

@media (min-width: 768px) {
	.page-officelab-case-intro__picture--two {
		width: 16.4375rem;
		margin: 0;
	}
}

.page-officelab-case-intro__picture--three {
	width: 12.3438rem;
	margin: 0 3.5rem 1.625rem 1.4063rem;
	aspect-ratio: 230/107;
}

@media (min-width: 768px) {
	.page-officelab-case-intro__picture--three {
		width: 16.4375rem;
		margin: 0;
	}
}

.page-officelab-case-support__block {
	position: relative;
}

.page-officelab-case-support__block + .page-officelab-case-support__block {
	margin: 3.125rem 0 0;
}

@media (min-width: 768px) {
	.page-officelab-case-support__block + .page-officelab-case-support__block {
		margin: 4.375rem 0 0;
	}
}

.page-officelab-case-support__heading {
	color: #fffffc;
	background: #231815;
	font-size: 0.875rem;
	letter-spacing: 0.02em;
	line-height: 1.1429;
	border-radius: 0.3125rem;
	height: 2.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

@media (min-width: 768px) {
	.page-officelab-case-support__heading {
		font-size: 1.5rem;
		border-radius: 0.625rem;
		height: 3.75rem;
	}
}

.page-officelab-case-support__list {
	padding: 1.875rem 0.9375rem 0;
}

@media (min-width: 768px) {
	.page-officelab-case-support__list {
		display: flex;
		flex-flow: wrap;
		justify-content: center;
		padding: 3.125rem 0 0;
	}
}

.page-officelab-case-support__item {
	position: relative;
	width: 19.0625rem;
	height: 12.8125rem;
	background: #fffffc;
	display: flex;
	justify-content: center;
	align-items: center;
}

@media (min-width: 768px) {
	.page-officelab-case-support__item {
		width: 25rem;
		height: 15.625rem;
	}
}

@media (min-width: 768px) {
	.page-officelab-case-support__item:nth-of-type(2n) {
		margin-left: 2.5rem;
	}
}

@media (max-width: 767px) {
	.page-officelab-case-support__item:nth-of-type(n+2) {
		margin-top: 1.875rem;
	}
}

@media (min-width: 768px) {
	.page-officelab-case-support__item:nth-of-type(n+3) {
		margin-top: 3.125rem;
	}
}

.page-officelab-case-support__picture--01 {
	width: 11.4688rem;
	margin: 0 1.5rem 0 0;
}

@media (min-width: 768px) {
	.page-officelab-case-support__picture--01 {
		width: 13.8125rem;
		margin: 0 1.9375rem 0 0;
	}
}

.page-officelab-case-support__picture--02 {
	width: 11.5313rem;
}

@media (min-width: 768px) {
	.page-officelab-case-support__picture--02 {
		width: 14rem;
	}
}

.page-officelab-case-support__picture--03 {
	width: 12.5625rem;
}

@media (min-width: 768px) {
	.page-officelab-case-support__picture--03 {
		width: 15.8125rem;
	}
}

.page-officelab-case-support__picture--04 {
	width: 10.2813rem;
}

@media (min-width: 768px) {
	.page-officelab-case-support__picture--04 {
		width: 12.4375rem;
	}
}

.page-officelab-case-support__picture--05 {
	width: 4.25rem;
}

@media (min-width: 768px) {
	.page-officelab-case-support__picture--05 {
		width: 5.25rem;
	}
}

.page-officelab-case-support__picture--06 {
	width: 9.375rem;
}

@media (min-width: 768px) {
	.page-officelab-case-support__picture--06 {
		width: 11.375rem;
	}
}

.page-officelab-case-support__picture--07 {
	width: 6.75rem;
}

@media (min-width: 768px) {
	.page-officelab-case-support__picture--07 {
		width: 9rem;
	}
}

.page-officelab-case-support__picture--08 {
	width: 8.4375rem;
	padding: 0 0 60px;
}

@media (min-width: 768px) {
	.page-officelab-case-support__picture--08 {
		width: 12.125rem;
		padding: 0 0 70px;
	}
}

.page-officelab-case-support__picture--09 {
	width: 8.1875rem;
}

@media (min-width: 768px) {
	.page-officelab-case-support__picture--09 {
		width: 10.8125rem;
	}
}

.page-officelab-case-support__picture--10 {
	width: 10.5rem;
}

@media (min-width: 768px) {
	.page-officelab-case-support__picture--10 {
		width: 14.25rem;
	}
}

.page-officelab-case-support__picture--09, .page-officelab-case-support__picture--10 {
	padding: 0 0 1.0938rem;
}

@media (min-width: 768px) {
	.page-officelab-case-support__picture--09, .page-officelab-case-support__picture--10 {
		padding: 0 0 1.125rem;
	}
}

.page-officelab-case-support__desc {
	text-align: center;
	font-size: 1.125rem;
	letter-spacing: 0;
	line-height: 0.7778;
	font-weight: 700;
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
}

@media (min-width: 768px) {
	.page-officelab-case-support__desc {
		font-size: 1.5rem;
		line-height: 1.3333;
	}
}

.page-officelab-case-support__note {
	font-size: 0.75rem;
	letter-spacing: 0;
	line-height: 1.4583;
	margin: 0.2813rem 0 0;
	display: block;
}

@media (min-width: 768px) {
	.page-officelab-case-support__note {
		margin: 0.25rem 0 0;
		font-size: 1rem;
		line-height: 1.5;
	}
}

.page-officelab-case-support__icon {
	display: block;
	position: absolute;
	top: -0.9375rem;
	right: -0.9375rem;
	width: 6.25rem;
	z-index: 1;
}

@media (min-width: 768px) {
	.page-officelab-case-support__icon {
		width: 7.5rem;
		top: -1.875rem;
		right: -1.25rem;
	}
}

.page-officelab-case-support__arrow {
	height: 3.75rem;
	background: url("../images/officelab/icon-arrow.svg") 50% 50%/1.0231rem no-repeat;
}

@media (min-width: 768px) {
	.page-officelab-case-support__arrow {
		height: 6.5rem;
		background-size: 2.0463rem;
	}
}

.page-officelab-case-support__result {
	background: #fffffc;
	border: 10px solid #e11313;
	border-radius: 0.9375rem;
	padding: 1.5625rem 0 2.0313rem;
	text-align: center;
	width: 19.6875rem;
	margin: 0 auto;
}

@media (min-width: 768px) {
	.page-officelab-case-support__result {
		border-radius: 1.875rem;
		display: flex;
		justify-content: space-between;
		align-items: baseline;
		width: 100%;
		padding: 35px 50px 45px;
	}
}

.page-officelab-case-support__result-sub {
	font-size: 0.875rem;
	letter-spacing: 0;
	line-height: 1.2143;
	margin: 0 0 1.0625rem;
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 500;
}

@media (min-width: 768px) {
	.page-officelab-case-support__result-sub {
		font-size: 1.5rem;
		line-height: 1.2083;
		margin: 0;
	}
}

.page-officelab-case-support__result-sub--bold {
	font-size: 1.2857em;
	font-weight: 500;
}

@media (min-width: 768px) {
	.page-officelab-case-support__result-sub--bold {
		font-size: 1.5em;
	}
}

.page-officelab-case-support__result-main {
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 900;
	font-size: 1.25rem;
	letter-spacing: 0;
	line-height: 1.5;
}

@media (min-width: 768px) {
	.page-officelab-case-support__result-main {
		font-size: 2.25rem;
		line-height: 1.111;
	}
}

.page-officelab-case-support__result-main--num {
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 700;
	font-size: 1.5em;
	margin: 0 0.1528em 0 0;
	vertical-align: -0.0278em;
}

@media (min-width: 768px) {
	.page-officelab-case-support__result-main--num {
		font-size: 2em;
		margin: 0 0.2083em;
		vertical-align: -0.0694em;
	}
}

.page-officelab-case-support__caption {
	margin: 0.7813rem 0 0;
	text-align: center;
	font-size: 0.5rem;
	letter-spacing: 0;
	line-height: 2;
}

@media (min-width: 768px) {
	.page-officelab-case-support__caption {
		margin: 1.125rem 0 0;
		font-size: 0.75rem;
		line-height: 1.6667;
	}
}

.page-officelab-case {
	background-color: #fce800;
	position: relative;
}

@media (min-width: 768px) {
	.page-officelab-case::after {
		content: "";
		background-color: #fce800;
		width: 100vw;
		height: 100%;
		position: absolute;
		top: 0;
		left: -50%;
		z-index: -2;
	}
}

.page-officelab-case__contents {
	padding-top: 2.0938rem;
	padding-bottom: 2.5rem;
}

@media (min-width: 768px) {
	.page-officelab-case__contents {
		padding-top: 6.25rem;
		padding-bottom: 7.5rem;
	}
}

.page-officelab-case__contents:nth-of-type(n+2) {
	border-top: 0.3125rem solid #fffffc;
	position: relative;
}

@media (min-width: 768px) {
	.page-officelab-case__contents:nth-of-type(n+2) {
		border-top: 0.25rem solid #fffffc;
	}
}

@media (min-width: 768px) {
	.page-officelab-case__contents:nth-of-type(n+2)::after {
		content: "";
		background-color: #fffffc;
		width: 100vw;
		height: 0.25rem;
		position: absolute;
		top: -0.25rem;
		left: -50%;
		z-index: -1;
	}
}

.page-officelab-case__contents + .page-officelab-case__contents {
	margin: 0;
}

.page-officelab-case__head {
	margin: 0 0 2.3125rem;
}

@media (min-width: 768px) {
	.page-officelab-case__head {
		margin: 0 0 6.25rem;
	}
}

.page-officelab-case__head-inner {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	padding: 0 4.6394rem 0 0;
	margin: 0 auto 1.0938rem;
}

.page-officelab-case__head-sub {
	width: 4.6394rem;
	height: 3.0244rem;
	background: url("../images/officelab/case-bubble.svg") 0 0/contain no-repeat;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 0 0.625rem;
	margin: 0 0 0.625rem;
	font-size: 0.75rem;
	letter-spacing: 0.02em;
}

@media (min-width: 768px) {
	.page-officelab-case__head-sub {
		font-size: 1rem;
		width: 8.5331rem;
		height: 5.5625rem;
		padding: 0 0 1.25rem;
		margin: 0 0 1.25rem;
	}
}

.page-officelab-case__head-main {
	font-family: "Barlow Condensed", sans-serif;
	font-size: 0.75rem;
	letter-spacing: 0;
	line-height: 1.2083;
	margin: 0 0 0 -0.25rem;
	font-weight: 500;
}

@media (min-width: 768px) {
	.page-officelab-case__head-main {
		font-size: 1.5rem;
		margin: 0 0 0 -0.25rem;
	}
}

.page-officelab-case__head-main--bold {
	font-size: 1.5em;
	font-weight: 500;
}

@media (min-width: 768px) {
	.page-officelab-case__body {
		width: 52.5rem;
		margin: 0 auto;
	}
}

.page-officelab-footer {
	background: #707070;
	color: #fffffc;
	text-align: center;
	font-size: 0.625rem;
	letter-spacing: 0;
	line-height: 2;
}

@media (min-width: 768px) {
	.page-officelab-footer {
		font-size: 0.75rem;
		line-height: 2.3333;
	}
}

.page-officelab-footer__contents {
	padding-top: 2.4063rem;
	padding-bottom: 0.625rem;
}

@media (min-width: 768px) {
	.page-officelab-footer__contents {
		padding-top: 6.25rem;
		padding-bottom: 1.75rem;
	}
}

.page-officelab-footer__upper {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin: 0 0 2.3438rem;
}

@media (min-width: 768px) {
	.page-officelab-footer__upper {
		width: 32.5rem;
		margin: 0 auto 5.3125rem;
	}
}

.page-officelab-footer__item,
.page-officelab-footer__link {
	font-size: 0.875rem;
	letter-spacing: 0;
	line-height: 1.4286;
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: center;
	width: 9.375rem;
	height: 9.375rem;
	border-radius: 50%;
	border: 0.1875rem solid #fffffc;
	background: #fffffc;
	color: #231815;
	padding: 0 0 0.625rem;
}

@media (min-width: 768px) {
	.page-officelab-footer__item,
	.page-officelab-footer__link {
		font-size: 1.5rem;
		line-height: 1.5;
		width: 15rem;
		height: 15rem;
		padding: 0 0 1.25rem;
		border-width: 3px;
	}
}

.page-officelab-footer__link {
	font-weight: 900;
	text-decoration: none;
	background: #fce800;
	border-color: #fce800;
	transition: background-color 0.4s;
}

@media (hover: hover) and (pointer: fine) {
	.page-officelab-footer__link:hover {
		background-color: #fffffc;
	}
}

.page-officelab-footer__item-anchor {
	text-decoration: underline;
}

@media (hover: hover) and (pointer: fine) {
	.page-officelab-footer__item-anchor:hover {
		text-decoration: none;
	}
}

.page-officelab-footer__item-icon--soshiki,
.page-officelab-footer__item-icon--note {
	display: block;
	width: 2.1875rem;
	height: 2.2188rem;
	margin: 0 0 0.7813rem;
	background-position: 50% 50%;
	background-size: contain;
	background-repeat: no-repeat;
}

@media (min-width: 768px) {
	.page-officelab-footer__item-icon--soshiki,
	.page-officelab-footer__item-icon--note {
		width: 3.8125rem;
		height: 3.8125rem;
		margin: 0 0 1.25rem;
	}
}

.page-officelab-footer__item-icon--soshiki {
	background-image: url("../images/officelab/icon-soshiki.svg");
}

.page-officelab-footer__item-icon--note {
	background-image: url("../images/officelab/icon-soshiki.svg");
}

.page-officelab-footer__logos {
	margin: 60px 0 0;
}

@media (min-width: 768px) {
	.page-officelab-footer__logos {
		margin: 60px 100px 0;
	}
}

.page-officelab-footer__logo-list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0 4%;
}

@media (min-width: 768px) {
	.page-officelab-footer__logo-list {
		grid-template-columns: repeat(3, 1fr);
	}
}

.page-officelab-footer__logo {
	margin: 4% 0;
}

.page-officelab-footer__logo-link {
	text-decoration: underline;
	color: #fffffc;
	line-height: 1.5;
}

@media (hover: hover) and (pointer: fine) {
	.page-officelab-footer__logo-link:hover {
		text-decoration: none;
	}
}

.page-officelab-footer__logo-body {
	width: 100%;
	border: 4px solid #aaa;
	border-radius: 10px;
	background: #aaa;
}

.page-officelab-footer__logo-desc {
	font-size: 0.6rem;
	text-align: center;
	margin: 20px 0;
}

@media (min-width: 768px) {
	.page-officelab-footer__logo-desc {
		font-size: 1rem;
	}
}

.page-officelab-footer__copyright {
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 700;
	font-size: 0.5rem;
}

@media (min-width: 768px) {
	.page-officelab-footer__copyright {
		font-size: 0.75rem;
	}
}

.page-officelab-logos__desc {
	font-size: 1rem;
	line-height: 1.7rem;
	text-align: center;
	margin: 20px 0;
}

@media (min-width: 768px) {
	.page-officelab-logos__desc {
		font-size: 1.2rem;
		text-align: center;
		margin: 20px 0;
	}
}

.page-officelab-logos__list {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
}

@media (min-width: 768px) {
	.page-officelab-logos__list {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
}

@media (max-width: 767px) {
	.page-officelab-map {
		padding-bottom: 3.125rem;
	}
}

.page-officelab-map__head {
	text-align: center;
	margin: 0 0 2.8125rem;
}

@media (min-width: 768px) {
	.page-officelab-map__head {
		text-align: center;
		margin: 0 0 2.8125rem;
	}
}

.page-officelab-map__heading {
	font-size: 1.2rem;
	line-height: 2rem;
}

@media (min-width: 768px) {
	.page-officelab-map__heading {
		font-size: 2.25rem;
		line-height: 3.5rem;
	}
}

.page-officelab-map__head-desc {
	font-size: 1.25rem;
	margin: 1rem 0 0.9688rem;
}

.page-officelab-map__bubble {
	width: 100%;
	text-align: center;
	margin: 0 auto;
}

@media (min-width: 768px) {
	.page-officelab-map__bubble {
		width: 70%;
	}
}

.page-officelab-map__text-01 {
	font-size: 2rem;
	text-align: center;
}

@media (min-width: 768px) {
	.page-officelab-map__text-01 {
		font-size: 3rem;
	}
}

.page-officelab-map__text-02 {
	font-size: 1rem;
	text-align: center;
	margin: 15px 0 20px;
}

@media (min-width: 768px) {
	.page-officelab-map__text-02 {
		font-size: 1.3rem;
	}
}

.page-officelab-map__text-03 {
	font-size: 1.6rem;
	text-align: center;
	letter-spacing: 2px;
}

@media (min-width: 768px) {
	.page-officelab-map__text-03 {
		font-size: 2.2rem;
	}
}

.page-officelab-map__text-04 {
	font-size: 1rem;
	line-height: 1.7rem;
	text-align: center;
	margin: 20px 0;
}

@media (min-width: 768px) {
	.page-officelab-map__text-04 {
		font-size: 1.2rem;
	}
}

.page-officelab-map__lower-desc {
	width: 100%;
	font-size: 0.9rem;
	padding: 15px;
	font-weight: bold;
	text-align: center;
	border: 6px solid #f9e74d;
	border-radius: 14px;
	margin: 30px auto;
}

@media (min-width: 768px) {
	.page-officelab-map__lower-desc {
		width: 70%;
		font-size: 1.5rem;
		text-align: center;
		letter-spacing: 1px;
	}
}

.page-officelab-map__lower-cat-img {
	width: 60px;
	margin: 0;
	vertical-align: middle;
}

@media (min-width: 768px) {
	.page-officelab-map__lower-cat-img {
		width: 80px;
		margin: 0 15px;
	}
}

.page-officelab-map-svg a {
	text-decoration: underline;
}

@media (hover: hover) and (pointer: fine) {
	.page-officelab-map-svg a:hover {
		pointer-events: all;
	}
}


.page-officelab-mv {
	background-color: #fce800;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 900;
	position: relative;
}

@media (min-width: 768px) {
	.page-officelab-mv::after {
		content: "";
		background-color: #fce800;
		width: 100vw;
		height: 100%;
		position: absolute;
		top: 0;
		left: -50%;
		z-index: -2;
	}
}

.page-officelab-mv__contents {
	padding-top: 45px;
	padding-bottom: 90px;
	display: grid;
	grid-template-columns: 1fr;
	position: relative;
}

@media (min-width: 768px) {
	.page-officelab-mv__contents {
		padding-top: 100px;
		padding-bottom: 118px;
		grid-template-columns: 575px calc(100% - 625px);
	}
}

.page-officelab-mv__heading {
	font-size: 34px;
	letter-spacing: 0.2em;
	line-height: 1.6;
	margin: 0 0 20px;
	white-space: nowrap;
}

@media (min-width: 768px) {
	.page-officelab-mv__heading {
		font-size: 60px;
		line-height: 1.5;
		margin: 0 0 40px;
	}
}

.page-officelab-mv__desc {
	font-size: 14px;
	letter-spacing: 0.02em;
	line-height: 2.1;
}

@media (min-width: 768px) {
	.page-officelab-mv__desc {
		font-size: 20px;
		line-height: 2;
	}
}

.page-officelab-mv__tags {
	display: flex;
	flex-flow: wrap;
	width: 100%;
	margin: 32px -8px -8px;
}

@media (max-width: 767px) {
	.page-officelab-mv__tags {
		width: 95%;
		position: absolute;
		bottom: 30px;
	}
}

.page-officelab-mv__tag {
	font-size: 12px;
	letter-spacing: 0;
	line-height: 1.458;
	background: #fffffc;
	border-radius: 5px;
	padding: 3px 6px;
	margin: 4px;
}

@media (min-width: 768px) {
	.page-officelab-mv__tag {
		font-size: 16px;
		line-height: 1.5;
		border-radius: 10px;
		padding: 8px 16px;
		margin: 8px;
	}
}

@media (min-width: 768px) {
	.page-officelab-mv__picture {
		margin: 60px 0 0;
	}
}

.page-officelab-point {
	background-color: #fce800;
	position: relative;
}

@media (min-width: 768px) {
	.page-officelab-point::after {
		content: "";
		background-color: #fce800;
		width: 100vw;
		height: 100%;
		position: absolute;
		top: 0;
		left: -50%;
		z-index: -2;
	}
}

.page-officelab-point__contents {
	padding-top: 2.1875rem;
	padding-bottom: 3.125rem;
}

@media (min-width: 768px) {
	.page-officelab-point__contents {
		padding-top: 5rem;
		padding-bottom: 12.5rem;
	}
}

.page-officelab-point__heading {
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 900;
	font-size: 1.5rem;
	letter-spacing: 0.1em;
	text-align: center;
	margin: 0 0 2.125rem;
	line-height: 2;
}

@media (min-width: 768px) {
	.page-officelab-point__heading {
		font-size: 2.25rem;
		margin: 0 0 7.6875rem;
		line-height: 0.6;
	}
}

.page-officelab-point__heading--bold {
	font-weight: inherit;
	font-size: 1.875rem;
	line-height: 1;
}

@media (min-width: 768px) {
	.page-officelab-point__heading--bold {
		font-size: 3rem;
	}
}

.page-officelab-point__heading--italic {
	position: relative;
	display: inline-block;
}

.page-officelab-point__heading--italic::after {
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	background: #fffffc;
	border-radius: 50%;
	position: absolute;
	top: -14px;
	left: 50%;
	transform: translateX(-50%);
}

@media (min-width: 768px) {
	.page-officelab-point__heading--italic::after {
		top: -24px;
		width: 20px;
		height: 20px;
	}
}

.page-officelab-point__block {
	background: #fffffc;
	border-radius: 1rem;
	padding: 1.5625rem 1.875rem 1.875rem;
}

@media (min-width: 768px) {
	.page-officelab-point__block {
		border-radius: 2rem;
		padding: 3.75rem 5rem 4.625rem;
	}
}

.page-officelab-point__block + .page-officelab-point__block {
	margin-top: 2.5rem;
}

.page-officelab-point__block-head {
	margin: 0 0 1.25rem;
	text-align: center;
}

@media (min-width: 768px) {
	.page-officelab-point__block-head {
		margin: 0 0 3.75rem;
	}
}

.page-officelab-point__sub-text {
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 700;
	margin: 0 0 1.25rem;
	font-size: 1rem;
	letter-spacing: 0.08em;
	line-height: 1.1875;
	padding: 0 0.0938rem;
	border-bottom: 0.25rem solid #fce800;
	display: inline-block;
}

@media (min-width: 768px) {
	.page-officelab-point__sub-text {
		margin: 0 0 1.875rem;
		font-size: 1.5rem;
		border-width: 0 0 0.5rem;
	}
}

.page-officelab-point__sub-text--num {
	font-size: 1.25em;
}

@media (min-width: 768px) {
	.page-officelab-point__sub-text--num {
		font-size: 1.3333em;
	}
}

.page-officelab-point__main-text {
	font-weight: 900;
	font-size: 1.125rem;
	letter-spacing: 0.02em;
	line-height: 1.6667;
}

@media (min-width: 768px) {
	.page-officelab-point__main-text {
		font-size: 2rem;
	}
}

.page-officelab-point__block-main {
	font-size: 0.8125rem;
	letter-spacing: 0;
	line-height: 1.8462;
	display: grid;
	grid-template-columns: 1fr;
	gap: 20px;
}

@media (min-width: 768px) {
	.page-officelab-point__block-main {
		font-size: 1rem;
		line-height: 2;
		grid-template-columns: calc(100% - 410px) 360px;
		justify-content: center;
		gap: 50px;
	}
}

.page-officelab-point__block-img {
	border: 1px solid #fce800;
}

.page-officelab-point__caption-list {
	font-size: 0.5rem;
	letter-spacing: 0.02em;
	line-height: 1.5;
	margin: 1.25rem 0 0;
}

@media (min-width: 768px) {
	.page-officelab-point__caption-list {
		font-size: 0.75rem;
		line-height: 2;
		margin: 1.25rem 0 0;
	}
}

@media (max-width: 767px) {
	.page-officelab-qa {
		margin-top: 3.125rem;
		padding-bottom: 3.125rem;
	}
}

.page-officelab-qa__head {
	text-align: center;
	margin: 0 0 2.8125rem;
}

@media (min-width: 768px) {
	.page-officelab-qa__head {
		margin: 0 0 5rem;
	}
}

.page-officelab-qa__title {
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 500;
	font-size: 2.625rem;
	margin: 0 0 0.9688rem;
}

@media (min-width: 768px) {
	.page-officelab-qa__title {
		font-size: 5.25rem;
		line-height: 1.2024;
		margin: 0 0 1.9375rem;
	}
}

.page-officelab-qa__title--sm {
	font-size: 0.7143em;
}

.page-officelab-qa__heading {
	font-weight: 900;
	font-size: 1.125rem;
	letter-spacing: 0.1em;
	line-height: 1.4444;
}

@media (min-width: 768px) {
	.page-officelab-qa__heading {
		font-size: 2.25rem;
	}
}

.page-officelab-qa__question::before,
.page-officelab-qa__answer::before {
	font-family: "Barlow Condensed", sans-serif;
	content: "Q.";
	font-size: 1.875rem;
	letter-spacing: 0;
	line-height: 1.2;
	font-weight: 500;
	padding: 0 0.6875rem 0.3125rem 0;
}

@media (min-width: 768px) {
	.page-officelab-qa__question::before,
	.page-officelab-qa__answer::before {
		font-size: 3rem;
		padding: 0 1.5625rem 0.625rem 0;
	}
}

.page-officelab-qa__question {
	font-weight: 900;
	font-size: 0.875rem;
	letter-spacing: 0;
	line-height: 1.4286;
	border: 0.1563rem solid #fce800;
	border-radius: 0.9375rem;
	padding: 0.875rem 1.25rem;
	display: flex;
	align-items: center;
}

@media (min-width: 768px) {
	.page-officelab-qa__question {
		border-radius: 1.875rem;
		padding: 1.125rem 3.75rem;
		font-size: 1.5rem;
		line-height: 1.4583;
		border-width: 0.3125rem;
	}
}

.page-officelab-qa__question::before {
	content: "Q.";
}

.page-officelab-qa__question:nth-of-type(n+2) {
	margin-top: 1.625rem;
}

@media (min-width: 768px) {
	.page-officelab-qa__question:nth-of-type(n+2) {
		margin-top: 4.0625rem;
	}
}

.page-officelab-qa__answer {
	padding: 0.875rem 1.25rem;
	border: 0.1563rem solid transparent;
	font-size: 0.875rem;
	letter-spacing: 0;
	line-height: 1.4286;
	display: flex;
	margin: 0 0 0.625rem;
}

@media (min-width: 768px) {
	.page-officelab-qa__answer {
		padding: 1.125rem 3.75rem;
		border: 0.3125rem solid transparent;
		font-size: 1.5rem;
		line-height: 1.4583;
		margin: 0 0 1.25rem;
		align-items: center;
	}
}

.page-officelab-qa__answer::before {
	content: "A.";
}

@media (min-width: 768px) {
	.page-officelab-qa__answer::before {
		padding-bottom: 0;
	}
}

.page-officelab-qa__anchor {
	margin: 0 0.25rem 0 0;
	text-decoration: underline;
}

@media (hover: hover) and (pointer: fine) {
	.page-officelab-qa__anchor:hover {
		text-decoration: none;
	}
}

.page-officelab-qa__anchor::after {
	content: "";
	display: inline-block;
	width: 1.625em;
	height: 1.375em;
	background: url("../images/officelab/icon-blank.svg") 50% 50%/contain no-repeat;
	vertical-align: -0.25em;
	margin: 0 0 0 0.25em;
}

.page-officelab-qa__desc {
	flex: 1 1;
}

@media (max-width: 767px) {
	.page-officelab-simulator {
		padding: 3.75rem 0 3.125rem;
	}
}

.page-officelab-simulator__body {
	width: 19.8125rem;
	margin: 0 auto;
	border: 0.125rem solid #000;
	position: relative;
	padding: 2.5rem 1.5625rem 1.5625rem;
}

@media (min-width: 768px) {
	.page-officelab-simulator__body {
		border-width: 3px;
		padding: 5rem 3.125rem 6.4375rem;
		width: 100%;
	}
}

.page-officelab-simulator__bubble {
	position: absolute;
	background: url("../images/officelab/simulator-bubble.svg") 50% 50%/contain no-repeat #fffffc;
	width: 13.4375rem;
	height: 4.1563rem;
	top: -2.0781rem;
	left: calc(50% - 6.7188rem);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.625rem;
	letter-spacing: 0.02em;
	padding: 0 0 0.4688rem;
}

@media (min-width: 768px) {
	.page-officelab-simulator__bubble {
		width: 22.1875rem;
		height: 6.8125rem;
		top: -3.4063rem;
		left: calc(50% - 11.0938rem);
		font-size: 1rem;
		padding: 0 0 0.75rem;
	}
}

.page-officelab-simulator__upper {
	text-align: center;
}

.page-officelab-simulator__heading {
	font-size: 1.125rem;
	letter-spacing: 0.02em;
	line-height: 1.6667;
}

@media (min-width: 768px) {
	.page-officelab-simulator__heading {
		font-size: 2.25rem;
		letter-spacing: 0.1em;
		line-height: 1.4444;
	}
}

.page-officelab-simulator__sub-text {
	font-size: 0.625rem;
	letter-spacing: 0.02em;
	line-height: 1.45;
	margin: 0.375rem 0 0;
}

@media (min-width: 768px) {
	.page-officelab-simulator__sub-text {
		font-size: 1.25rem;
		line-height: 1.45;
		margin: 0.625rem 0 0;
	}
}

.page-officelab-simulator__main {
	margin: 2.5rem -1.5625rem 0 0;
	display: flex;
	flex-flow: wrap;
	align-items: center;
}

@media (min-width: 768px) {
	.page-officelab-simulator__main {
		max-width: 28.125rem;
		margin: 3.75rem auto 0;
		padding: 0 0 0 1.125rem;
	}
}

.page-officelab-simulator__subject:nth-child(n+3),
.page-officelab-simulator__desc:nth-child(n+3) {
	margin-top: 0.6563rem;
}

@media (min-width: 768px) {
	.page-officelab-simulator__subject:nth-child(n+3),
	.page-officelab-simulator__desc:nth-child(n+3) {
		margin-top: 1rem;
	}
}

.page-officelab-simulator__subject {
	width: 7.0625rem;
	height: 1.5rem;
	font-size: 0.75rem;
	letter-spacing: 0.02em;
	line-height: 1.4583;
}

@media (min-width: 768px) {
	.page-officelab-simulator__subject {
		width: 11.25rem;
		height: 2.25rem;
		font-size: 1.25rem;
	}
}

.page-officelab-simulator__subject--sup {
	font-size: 0.6em;
	vertical-align: super;
}

.page-officelab-simulator__desc {
	width: 10.8125rem;
	height: 1.5rem;
	display: flex;
	align-items: center;
}

@media (min-width: 768px) {
	.page-officelab-simulator__desc {
		width: 15.75rem;
		height: 2.25rem;
	}
}

.page-officelab-simulator__input-text {
	margin: 0 0 0 0.5rem;
}

@media (min-width: 768px) {
	.page-officelab-simulator__input-text {
		width: 2.5rem;
		margin: 0 0 0 0.5rem;
	}
}

.page-officelab-simulator__input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	outline: 0;
	background: #e0e0e0;
	width: 8.2188rem;
	font-size: 0.625rem;
	letter-spacing: 0;
	line-height: 1.45;
	padding: 0.2813rem 0.6875rem;
	border-radius: 0.25rem;
	font-weight: 400;
}

@media (min-width: 768px) {
	.page-officelab-simulator__input {
		width: 12.5rem;
		font-size: 1rem;
		line-height: 1.5;
	}
}

.page-officelab-simulator__input:-webkit-input-placeholder, .page-officelab-simulator__input:-webkit-input-placeholder-shown {
	color: #acacac;
	font-size: 0.625rem;
	letter-spacing: 0;
	line-height: 1;
}

@media (min-width: 768px) {
	.page-officelab-simulator__input:-webkit-input-placeholder, .page-officelab-simulator__input:-webkit-input-placeholder-shown {
		font-size: 1rem;
	}
}

.page-officelab-simulator__input:-moz-placeholder, .page-officelab-simulator__input:-moz-placeholder-shown {
	color: #acacac;
	font-size: 0.625rem;
	letter-spacing: 0;
	line-height: 1;
}

@media (min-width: 768px) {
	.page-officelab-simulator__input:-moz-placeholder, .page-officelab-simulator__input:-moz-placeholder-shown {
		font-size: 1rem;
	}
}

.page-officelab-simulator__input:-ms-input-placeholder, .page-officelab-simulator__input:-ms-input-placeholder-shown {
	color: #acacac;
	font-size: 0.625rem;
	letter-spacing: 0;
	line-height: 1;
}

@media (min-width: 768px) {
	.page-officelab-simulator__input:-ms-input-placeholder, .page-officelab-simulator__input:-ms-input-placeholder-shown {
		font-size: 1rem;
	}
}

.page-officelab-simulator__input::-ms-input-placeholder, .page-officelab-simulator__input::-ms-input-placeholder-shown {
	color: #acacac;
	font-size: 0.625rem;
	letter-spacing: 0;
	line-height: 1;
}

@media (min-width: 768px) {
	.page-officelab-simulator__input::-ms-input-placeholder, .page-officelab-simulator__input::-ms-input-placeholder-shown {
		font-size: 1rem;
	}
}

.page-officelab-simulator__input::placeholder, .page-officelab-simulator__input:placeholder-shown {
	color: #acacac;
	font-size: 0.625rem;
	letter-spacing: 0;
	line-height: 1;
}

@media (min-width: 768px) {
	.page-officelab-simulator__input::placeholder, .page-officelab-simulator__input:placeholder-shown {
		font-size: 1rem;
	}
}

.page-officelab-simulator__radio + .page-officelab-simulator__radio {
	margin: 0 0 0 1rem;
}

@media (min-width: 768px) {
	.page-officelab-simulator__radio + .page-officelab-simulator__radio {
		margin: 0 0 0 1.375rem;
	}
}

.page-officelab-simulator__radio-input {
	position: absolute;
	opacity: 0;
}

.page-officelab-simulator__radio-input:checked + .page-officelab-simulator__radio-label::before {
	background-color: #000;
	box-shadow: inset 0 0 0 0.25rem #e0e0e0;
}

@media (min-width: 768px) {
	.page-officelab-simulator__radio-input:checked + .page-officelab-simulator__radio-label::before {
		box-shadow: inset 0 0 0 0.375rem #e0e0e0;
	}
}

.page-officelab-simulator__radio-label {
	display: flex;
	align-items: center;
	cursor: pointer;
}

.page-officelab-simulator__radio-label::before {
	content: "";
	background: #e0e0e0;
	border-radius: 100%;
	display: inline-block;
	width: 1rem;
	height: 1rem;
	position: relative;
	margin-right: 0.375rem;
	cursor: pointer;
	transition: 250ms;
}

@media (min-width: 768px) {
	.page-officelab-simulator__radio-label::before {
		width: 1.5rem;
		height: 1.5rem;
		margin: 0 0.5rem 0 0;
	}
}

.page-officelab-simulator__radio-label:empty::before {
	margin-right: 0;
}

.page-officelab-simulator__btn {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: 0;
	border: none;
	margin: 1.5625rem auto 0;
	font-size: 0.625rem;
	font-weight: 700;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #231815;
	color: #fffffc;
	width: 14.6875rem;
	height: 2.5rem;
	border-radius: 1.25rem;
	cursor: pointer;
	transition-duration: 0.4s;
	transition-property: background-color;
}

@media (min-width: 768px) {
	.page-officelab-simulator__btn {
		font-size: 1rem;
		width: 21.25rem;
		height: 3.75rem;
		border-radius: 1.875rem;
		margin-top: 2.5rem;
	}
}

@media (hover: hover) and (pointer: fine) {
	.page-officelab-simulator__btn:hover {
		background: #656565;
	}
}

.page-officelab-simulator__btn[disabled] {
	pointer-events: none;
}

.page-officelab-simulator__result {
	text-align: center;
	margin: 2.5rem 0 0;
}

@media (min-width: 768px) {
	.page-officelab-simulator__result {
		margin: 3.75rem 0 0;
	}
}

.page-officelab-simulator__result-body {
	display: none;
}

@media (min-width: 768px) {
	.page-officelab-simulator__result-body {
		font-size: 3.75rem;
		max-width: 33.375rem;
		margin: 0 auto;
		padding: 0 0 0.25rem;
	}
}

.page-officelab-simulator__result-text {
	font-size: 0.75rem;
	letter-spacing: 0.02em;
	line-height: 1.4583;
	margin: 0 0 0.75rem;
}

@media (min-width: 768px) {
	.page-officelab-simulator__result-text {
		font-size: 1.5rem;
		margin: 0 0 0.25rem;
	}
}

.page-officelab-simulator__result-price {
	font-size: 2.25rem;
	letter-spacing: 0.02em;
	line-height: 1.1944;
	background: #ff7600;
	border-radius: 0.3125rem;
	color: #fffffc;
	padding: 0.75rem 0;
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 700;
}

@media (min-width: 768px) {
	.page-officelab-simulator__result-price {
		font-size: 3.75rem;
		max-width: 33.375rem;
		margin: 0 auto;
		padding: 0 0 0.25rem;
	}
}

.page-officelab-simulator__lower {
	text-align: center;
	margin: 0.75rem 0 0;
	font-size: 0.75rem;
	letter-spacing: 0.02em;
	line-height: 1.5;
}

@media (min-width: 768px) {
	.page-officelab-simulator__lower {
		font-size: 1.5rem;
		line-height: 1.5;
	}
}

.page-officelab-simulator__lower-sub {
	display: block;
	margin: 1.25rem 0 0;
	font-size: 0.6667em;
}

@media (min-width: 768px) {
	.page-officelab-simulator__lower-sub {
		margin: 1rem 0 0;
		font-size: 0.5em;
	}
}

@media (max-width: 767px) {
	.page-officelab-support__contents {
		padding-bottom: 3.125rem;
	}
}

.page-officelab-support__heading {
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 900;
	margin: 0 0 42px;
	font-size: 24px;
	letter-spacing: 0.1em;
	text-align: center;
	line-height: 1.7083;
}

@media (min-width: 768px) {
	.page-officelab-support__heading {
		line-height: 2;
		font-size: 60px;
		margin: 0 0 84px;
	}
}

.page-officelab-support__heading--bold {
	font-weight: inherit;
	line-height: 1;
}

@media (min-width: 768px) {
	.page-officelab-support__heading--bold {
		font-size: inherit;
	}
}

.page-officelab-support__heading--italic {
	position: relative;
	display: inline-block;
}

.page-officelab-support__heading--italic::before {
	content: "";
	background: #fce800;
	border-radius: 50%;
	width: 12px;
	height: 12px;
	position: absolute;
	top: -12px;
	left: 50%;
	transform: translateX(-50%);
}

@media (min-width: 768px) {
	.page-officelab-support__heading--italic::before {
		top: -20px;
		width: 20px;
		height: 20px;
	}
}

.page-officelab-support__heading--italic-sans {
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 36px;
	line-height: 1;
	vertical-align: -2px;
	margin: 0 3px;
	position: relative;
	display: inline-block;
}

@media (min-width: 768px) {
	.page-officelab-support__heading--italic-sans {
		font-size: 96px;
		line-height: 0.8;
		vertical-align: -7px;
		margin: 0 5px;
	}
}

.page-officelab-support__heading--italic-sans::before {
	content: "";
	background: #fce800;
	border-radius: 50%;
	width: 12px;
	height: 12px;
	position: absolute;
	top: -12px;
	left: 50%;
	transform: translateX(-50%);
}

@media (min-width: 768px) {
	.page-officelab-support__heading--italic-sans::before {
		top: -20px;
		width: 20px;
		height: 20px;
	}
}

.page-officelab-support__two-column {
	display: grid;
	grid-template-columns: 1fr;
	gap: 30px;
}

@media (min-width: 768px) {
	.page-officelab-support__two-column {
		grid-template-columns: 1fr 1fr;
		gap: 60px;
	}
}

.page-officelab-support__subject {
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 900;
	position: relative;
	z-index: 0;
}

.page-officelab-support__subject--one {
	width: 19.4688rem;
	height: 17.25rem;
	margin: 0 auto 2.9063rem;
}

@media (min-width: 768px) {
	.page-officelab-support__subject--one {
		width: 30.625rem;
		height: 27.1875rem;
		margin: 0 0 2.5625rem -1.875rem;
	}
}

.page-officelab-support__subject--two {
	width: 19.4688rem;
	height: 17rem;
	margin: 1.4375rem auto 2.6563rem;
}

@media (min-width: 768px) {
	.page-officelab-support__subject--two {
		width: 30.625rem;
		height: 26.8125rem;
		margin: 0 0 2.9375rem -1.875rem;
	}
}

.page-officelab-support__subject-body {
	display: grid;
	grid-template: 1fr/1fr;
	background: url("../images/officelab/support-bubble-01.svg") 0 0/contain no-repeat;
	width: 12.25rem;
	height: 10.387rem;
}

@media (min-width: 768px) {
	.page-officelab-support__subject-body {
		width: 19.3125rem;
		height: 16.375rem;
	}
}

.page-officelab-support__subject-body::before {
	grid-row: 1/2;
	grid-column: 1/2;
}

.page-officelab-support__subject-inner {
	grid-row: 1/2;
	grid-column: 1/2;
	padding: 0 0 0.9375rem;
	font-size: 1rem;
	letter-spacing: 0.02em;
	line-height: 1.4688;
	display: flex;
	align-items: center;
	justify-content: center;
}

@media (min-width: 768px) {
	.page-officelab-support__subject-inner {
		font-size: 1.5rem;
		line-height: 1.6667;
		padding: 0 0 1.25rem;
	}
}

.page-officelab-support__subject-inner--two {
	line-height: 1.4286;
}

.page-officelab-support__subject-text {
	text-align: center;
}

.page-officelab-support__subject-text--bold {
	font-size: 1.25em;
	font-weight: inherit;
}

@media (min-width: 768px) {
	.page-officelab-support__subject-text--bold {
		font-size: 1.3333em;
	}
}

.page-officelab-support__subject-text--num {
	font-size: 1.875em;
	line-height: 1;
	vertical-align: -0.0533em;
	margin: 0 0.0933em;
}

@media (min-width: 768px) {
	.page-officelab-support__subject-text--num {
		font-size: 1.875em;
	}
}

.page-officelab-support__subject-picture {
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	display: block;
	overflow: hidden;
}

.page-officelab-support__subject-picture--one {
	width: 14.8009rem;
}

@media (min-width: 768px) {
	.page-officelab-support__subject-picture--one {
		width: 23.3087rem;
	}
}

.page-officelab-support__subject-picture--one::before {
	padding: 0 0 57.0864%;
}

.page-officelab-support__subject-picture--two {
	width: 12.1875rem;
}

@media (min-width: 768px) {
	.page-officelab-support__subject-picture--two {
		width: 19.0625rem;
	}
}

.page-officelab-support__subject-picture--two::before {
	padding: 0 0 107.1429%;
}

.page-officelab-support__detail {
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	z-index: 1;
	background: #fce800;
	border-radius: 0.9375rem;
	padding: 3.4375rem 1.5625rem 2.5rem;
	position: relative;
	font-size: 0.8125rem;
	letter-spacing: 0;
	line-height: 1.8462;
}

@media (min-width: 768px) {
	.page-officelab-support__detail {
		font-size: 1rem;
		line-height: 2;
		border-radius: 1.875rem;
		height: calc(100% - 30.625rem);
		padding: 5.75rem 3.75rem 3.75rem;
	}
}

.page-officelab-support__detail::before {
	display: block;
	position: absolute;
	top: -2.3438rem;
	left: calc(50% - 2.3438rem);
	content: "";
	background: url("../images/officelab/support-icon.svg") 50% 50%/0.6609rem no-repeat #fffffc;
	width: 4.6875rem;
	height: 4.6875rem;
	border-radius: 50%;
	border: 0.3125rem solid #fce800;
}

@media (min-width: 768px) {
	.page-officelab-support__detail::before {
		width: 6.25rem;
		height: 6.25rem;
		border-width: 0.625rem;
		background-size: 0.9375rem;
		top: -3.125rem;
		left: calc(50% - 3.125rem);
	}
}

.page-officelab-support__lead {
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	font-size: 1.125rem;
	letter-spacing: 0.02em;
	line-height: 1.6667;
	text-align: center;
}

@media (min-width: 768px) {
	.page-officelab-support__lead {
		font-size: 1.25rem;
		line-height: 1.6;
	}
}

.page-officelab-support__block {
	margin: 1.875rem 0 0;
	position: relative;
}

@media (min-width: 768px) {
	.page-officelab-support__block {
		margin: 3.75rem 0 0;
	}
}

.page-officelab-support__block:first-of-type {
	margin: 2.5rem 0 0;
}

@media (min-width: 768px) {
	.page-officelab-support__block:first-of-type {
		margin: 5.625rem 0 0;
	}
}

.page-officelab-support__block + .page-officelab-support__block {
	padding: 1.875rem 0 0;
}

@media (min-width: 768px) {
	.page-officelab-support__block + .page-officelab-support__block {
		padding: 3.125rem 0 0;
	}
}

.page-officelab-support__block + .page-officelab-support__block::after {
	display: block;
	content: "";
	position: absolute;
	border: none;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 0.0938rem;
	margin: auto;
	background: url("../images/officelab/support-border-dash.svg") 0 0/0.3125rem repeat-x;
}

@media (min-width: 768px) {
	.page-officelab-support__block + .page-officelab-support__block::after {
		height: 0.1875rem;
		background-size: 0.625rem;
	}
}

.page-officelab-support__block-head {
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 900;
	height: 2.5rem;
	display: flex;
	align-items: center;
	margin: 0 0 1rem;
}

@media (min-width: 768px) {
	.page-officelab-support__block-head {
		margin: 0 0 1.5rem;
		height: 3.75rem;
	}
}

.page-officelab-support__block-head--one, .page-officelab-support__block-head--two, .page-officelab-support__block-head--three {
	margin: 0 0 1.3125rem;
}

@media (min-width: 768px) {
	.page-officelab-support__block-head--one, .page-officelab-support__block-head--two, .page-officelab-support__block-head--three {
		margin: 0 0 2.125rem;
	}
}

.page-officelab-support__block-num {
	background: #000;
	color: #fffffc;
	font-size: 1.5rem;
	border-radius: 50%;
	margin: 0 0.5rem 0 0;
	width: 2.5rem;
	height: 2.5rem;
	font-style: normal;
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
}

@media (min-width: 768px) {
	.page-officelab-support__block-num {
		font-size: 1.75rem;
		margin: 0 1rem 0 0;
		width: 3.75rem;
		height: 3.75rem;
	}
}

.page-officelab-support__block-heading {
	font-size: 1.5rem;
	letter-spacing: 0.08em;
	line-height: 1.4583;
	margin: -0.9375rem 0;
}

@media (min-width: 768px) {
	.page-officelab-support__block-heading {
		font-size: 2rem;
		line-height: 1.4375;
		margin: -1.875rem 0;
	}
}

.page-officelab-support__block-heading--sm {
	font-size: 1.125rem;
	letter-spacing: 0.08em;
	line-height: 1.4444;
}

@media (min-width: 768px) {
	.page-officelab-support__block-heading--sm {
		font-size: 1.5rem;
		line-height: 1.4583;
	}
}

.page-officelab-support__block-heading--xl {
	font-size: 0.7778em;
	display: block;
	letter-spacing: 0.08em;
}

@media (min-width: 768px) {
	.page-officelab-support__block-heading--xl {
		font-size: 0.8333em;
	}
}

.page-officelab-support__block-heading--xxl {
	display: block;
	font-size: 0.5833em;
	letter-spacing: 0.08em;
}

@media (min-width: 768px) {
	.page-officelab-support__block-heading--xxl {
		font-size: 0.625em;
	}
}

.page-officelab-support__block-heading--num {
	font-size: 1.25em;
	line-height: 1;
	margin: 0 0.0667em;
	font-style: normal;
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 700;
}

@media (min-width: 768px) {
	.page-officelab-support__block-heading--num {
		font-size: 1.5em;
		vertical-align: -0.0833em;
	}
}

.page-officelab-support__block-heading--num-md {
	font-size: 1.5556em;
	line-height: 1;
	margin: 0 0.0667em;
	font-style: normal;
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 700;
}

@media (min-width: 768px) {
	.page-officelab-support__block-heading--num-md {
		font-size: 2em;
		vertical-align: -0.0833em;
	}
}

.page-officelab-support__block-picture {
	background: #fffffc;
	width: 100%;
	margin: 1rem 0 0;
	padding: 20px 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

@media (min-width: 768px) {
	.page-officelab-support__block-picture {
		margin: 1.5rem 0 0;
		padding: 38px 0;
	}
}

.page-officelab-support__block-img--1 {
	width: 82.54%;
}

.page-officelab-support__block-img--2 {
	width: 89.52%;
}

.page-officelab-support__foot {
	text-align: center;
	margin: 2.5rem 0 0;
}

@media (min-width: 768px) {
	.page-officelab-support__foot {
		margin: 3rem 0 0;
	}
}

.page-officelab-support__foot-lead {
	font-size: 1.125rem;
	letter-spacing: 0;
	line-height: 1.6667;
	margin: 0 0 1.9375rem;
}

@media (min-width: 768px) {
	.page-officelab-support__foot-lead {
		font-size: 1.5rem;
		line-height: 1.5;
		margin: 0 0 3.3125rem;
	}
}

.page-officelab-support__foot-picture {
	width: 14.625rem;
	margin: 0 auto;
}

@media (min-width: 768px) {
	.page-officelab-support__foot-picture {
		width: 20rem;
	}
}

.page-officelab-support__foot-picture::before {
	padding: 0 0 49.3631%;
}

.page-officelab-support__btn {
	background: #231815;
	color: #fffffc;
	letter-spacing: 0.08em;
	line-height: 1.75;
	text-decoration: none;
	border: 0.1875rem solid #231815;
	transition-property: background-color, border-color, color;
	transition-duration: 0.4s;
	text-align: center;
	margin: 1rem 0 0;
	width: 100%;
	height: 3rem;
	border-radius: 1.5rem;
	font-size: 0.6875rem;
	display: flex;
	align-items: center;
	justify-content: center;
	white-space: nowrap;
}

@media (min-width: 768px) {
	.page-officelab-support__btn {
		margin: 3rem 0 0;
		border-width: 3px;
		font-size: 0.75rem;
		height: 3.75rem;
		border-radius: 1.875rem;
	}
}

@media (hover: hover) and (pointer: fine) {
	.page-officelab-support__btn:hover {
		color: #231815;
		background-color: #fffffc;
		border-color: #fce800;
	}
}

.page-officelab-support__btn::after {
	content: "";
	background: url("../images/officelab/icon-blank.svg") 0 0/contain no-repeat;
	width: 1.625rem;
	height: 1.375rem;
	margin: 0 0 0 0.9688rem;
}

.page-officelab-support__contact {
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	color: #fffffc;
	display: flex;
	justify-content: center;
	align-items: center;
	letter-spacing: 0.08em;
	line-height: 1.75;
	text-decoration: none;
	border: 0.1875rem solid #231815;
	transition-property: background-color, border-color, color;
	transition-duration: 0.4s;
	margin: 3.125rem auto 0;
	width: 100%;
	height: 3.75rem;
	border-radius: 1.875rem;
	font-size: 0.75rem;
	padding: 0 0 0.125rem 1.25rem;
	background: url("../images/officelab/icon-contact.svg") top 50% left 1.5625rem/1.4375rem no-repeat #231815;
	white-space: nowrap;
}

@media (min-width: 768px) {
	.page-officelab-support__contact {
		max-width: 37.5rem;
		margin: 6.25rem auto 0;
		font-size: 2rem;
		width: 37.5rem;
		height: 7.5rem;
		border-radius: 3.75rem;
		border-width: 3px;
		background-position: top 50% left 3.75rem;
		background-size: 2.875rem;
		padding: 0 0 0.25rem 2.5rem;
	}
}

@media (hover: hover) and (pointer: fine) {
	.page-officelab-support__contact:hover {
		color: #231815;
		background-color: #fffffc;
		border-color: #fce800;
	}
}

.page-officelab-support__more {
	margin-top: 50px;
	position: relative;
	border: 4px solid #000;
	border-radius: 10px;
	padding: 14px;
	font-size: 110%;
	text-align: center;
}

.page-officelab-support__bubble {
	position: absolute;
	top: -45px;
	left: -25px;
	width: 100px;
}

.page-officelab {
	font-weight: 700;
	font-size: 16px;
	letter-spacing: 0.06em;
	line-height: 2;
	color: #231815;
	font-feature-settings: "palt" 1;
	-webkit-text-size-adjust: 100%;
}

@media (max-width: 767px) {
	.page-officelab {
		font-size: 12px;
		line-height: 1.2;
	}
}

.page-officelab__heading {
	font-size: 1.5rem;
	letter-spacing: 0.1em;
	line-height: 1.5;
	text-align: center;
}

@media (min-width: 768px) {
	.page-officelab__heading {
		font-size: 2.25rem;
		line-height: 2.3056;
	}
}

.page-officelab__heading--bold {
	font-weight: inherit;
	font-size: 1.875rem;
	line-height: 1;
}

@media (min-width: 768px) {
	.page-officelab__heading--bold {
		font-size: 3rem;
	}
}

.page-officelab__heading--italic {
	font-style: normal;
	display: inline-flex;
	flex-flow: column-reverse;
	align-items: center;
}

.page-officelab__heading--italic::after {
	content: "";
	display: block;
	width: 0.625rem;
	height: 0.625rem;
	margin: 0 auto 0.125rem;
	background: #ffc600;
	border-radius: 50%;
}

@media (min-width: 768px) {
	.page-officelab__heading--italic::after {
		width: 1.25rem;
		height: 1.25rem;
		margin: 0 0 0.375rem;
	}
}

.page-officelab__contact {
	margin: 43px 0 0;
}

.page-officelab__contact-btn {
	width: 17.8125rem;
	margin: 0 auto;
}

@media (min-width: 768px) {
	.page-officelab__contact-btn {
		width: 21.25rem;
	}
}

.page-officelab__contact-btn:nth-of-type(n+2) {
	margin: 10px auto 0;
}

.page-officelab__contact-btn--lg {
	margin: 70px auto 0;
}

.page-officelab__contact-btn--lg:nth-of-type(n+2) {
	margin: 30px auto 0;
}

@media (min-width: 768px) {
	.page-officelab__contact-btn--lg:nth-of-type(n+2) {
		margin: 20px auto 0;
	}
}

.page-officelab__btn--blank {
	background: #231815;
	color: #fffffc;
	letter-spacing: 0.08em;
	line-height: 1.75;
	text-decoration: none;
	border: 0.1875rem solid #231815;
	transition-property: background-color, border-color, color;
	transition-duration: 0.4s;
	width: 100%;
	height: 3rem;
	border-radius: 1.5rem;
	font-size: 0.6875rem;
	display: flex;
	align-items: center;
	justify-content: center;
	white-space: nowrap;
}

@media (min-width: 768px) {
	.page-officelab__btn--blank {
		border-width: 3px;
		font-size: 0.75rem;
		height: 3.75rem;
		border-radius: 1.875rem;
	}
}

@media (hover: hover) and (pointer: fine) {
	.page-officelab__btn--blank:hover {
		color: #231815;
		background-color: #fffffc;
		border-color: #fce800;
	}
}

.page-officelab__btn--blank::after {
	content: "";
	background: url("../images/officelab/icon-blank.svg") 0 0/contain no-repeat;
	width: 1.1197rem;
	height: 0.9472rem;
	margin: 0 0 0 0.6875rem;
}

@media (min-width: 768px) {
	.page-officelab__btn--blank::after {
		width: 1.625rem;
		height: 1.375rem;
		margin: 0 0 0 0.9688rem;
	}
}

.page-officelab__btn--contact {
	color: #fffffc;
	display: flex;
	justify-content: center;
	align-items: center;
	letter-spacing: 0.08em;
	line-height: 1.75;
	text-decoration: none;
	border: 0.1875rem solid #231815;
	transition-property: background-color, border-color, color;
	transition-duration: 0.4s;
	width: 100%;
	height: 3.75rem;
	border-radius: 1.875rem;
	font-size: 0.75rem;
	padding: 0 0 0.125rem 1.25rem;
	margin: 0 auto;
	background: url("../images/officelab/icon-contact.svg") top 50% left 1.5625rem/1.4375rem no-repeat #231815;
	white-space: nowrap;
}

@media (min-width: 768px) {
	.page-officelab__btn--contact {
		border-width: 3px;
		font-size: 2rem;
		width: 37.5rem;
		height: 7.5rem;
		border-radius: 3.75rem;
		background-position: top 50% left 3.75rem;
		background-size: 2.875rem;
		padding: 0 0 0.25rem 2.5rem;
	}
}

@media (hover: hover) and (pointer: fine) {
	.page-officelab__btn--contact:hover {
		color: #231815;
		background-color: #fffffc;
		border-color: #fce800;
	}
}

.page-officelab__btn--pdf {
	background: #231815;
	color: #fffffc;
	display: flex;
	justify-content: center;
	align-items: center;
	letter-spacing: 0.08em;
	line-height: 1.75;
	text-decoration: none;
	border: 0.1875rem solid #231815;
	transition-property: background-color, border-color, color;
	transition-duration: 0.4s;
	width: 100%;
	height: 3.75rem;
	border-radius: 1.875rem;
	font-size: 0.75rem;
	padding: 0 0 0.125rem 1.25rem;
	margin: 0 auto;
	white-space: nowrap;
}

@media (min-width: 768px) {
	.page-officelab__btn--pdf {
		border-width: 3px;
		font-size: 2rem;
		width: 37.5rem;
		height: 7.5rem;
		border-radius: 3.75rem;
		padding: 0 0 0.25rem 2.5rem;
	}
}

@media (hover: hover) and (pointer: fine) {
	.page-officelab__btn--pdf:hover {
		color: #231815;
		background-color: #fffffc;
		border-color: #fce800;
	}
}

.page-officelab__btn--pdf::after {
	content: "";
	background: url("../images/officelab/icon-blank.svg") 0 0/contain no-repeat;
	width: 1.1197rem;
	height: 0.9472rem;
	margin: 0 0 0 0.6875rem;
}

@media (min-width: 768px) {
	.page-officelab__btn--pdf::after {
		width: 1.625rem;
		height: 1.375rem;
		margin: 0 0 0 0.9688rem;
	}
}


.cls-1 {
	fill: #f9e74d;
	stroke: #fffffc;
	stroke-width: 1px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.cls-1 text {
	fill: #000;
	stroke: #000;
	stroke-width: 0.26px;
	font-size: 20px;
	text-align: center;
}

@media (min-width: 768px) {
	.cls-1 text {
		font-size: 15px;
	}
}

@media (hover: hover) and (pointer: fine) {
	.cls-1:hover {
		fill: #000;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	.cls-1:hover text {
		fill: #f9e74d;
		stroke: #f9e74d;
		font-weight: bold;
	}
}

.cls-2 {
	fill: #dcdddd;
	stroke: #fffffc;
	stroke-width: 1px;
}

.cls-2 text {
	fill: #838383;
	stroke: #838383;
	stroke-width: 0.26px;
	font-size: 12px;
	text-align: center;
}

@media (min-width: 768px) {
	.cls-2 text {
		font-size: 10px;
	}
}


@media (max-width: 767px) {
	.usp-lh-2 {
		line-height: 2;
	}
}

@media (max-width: 1023px) {
	.u-hide--tab {
		display: inline;
	}
}

@media (min-width: 1024px) {
	.u-hide--tab {
		display: none;
	}
}

.o-fit__body {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 50%;
}