/* Pages Style */

/* mixin */
.page.contents-wrap .inside {
	padding: .8125rem;
	padding-bottom: 2rem;
}

.page.contents-wrap .inside .tk-changeling-neo {
	display: block;
	width: 142.66666%;
	-webkit-transform: scale(.7, 1);
	transform: scale(.7, 1);
	-webkit-transform-origin: top left;
	transform-origin: top left;
	color: #1a65c7;
	font-size: 3rem;
	font-weight: bold;
	line-height: .8;
}

.page.contents-wrap .inside .page-title {
	margin-bottom: 2rem;
	font-size: 1rem;
	font-weight: normal;
	line-height: 1.2;
}

.page.contents-wrap .inside .wraper {
	margin-bottom: 2rem;
	padding: 1rem;
	background-color: #1a65c7;
	text-align: center;
}

.page.contents-wrap .inside .wraper p {
	display: inline-block;
	margin-bottom: 1rem;
	color: #fff;
	text-align: left;
}

.page.contents-wrap .inside .wraper ul {
	display: inline-grid;
	margin: 0;
	padding: 0;
	list-style: none;
	gap: 1rem;
	text-align: left;
}

.page.contents-wrap .inside .wraper ul li .number {
	display: grid;
	grid-template-columns: 36px auto;
	gap: .4rem;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #fff;
}

.page.contents-wrap .inside .wraper ul li .number::before {
	content: "";
	display: block;
	grid-column: 1/2;
	grid-row: 1/2;
	width: 36px;
	height: 36px;
	background-color: #fff;
	-webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2033%2035%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23403d3c%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22_%E3%83%A1%E3%83%8B%E3%83%A5%E3%83%BC_x2F_%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88%22%20data-name%3D%22%E3%83%A1%E3%83%8B%E3%83%A5%E3%83%BC_x2F_%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88%22%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M21.89%2C19.84c.34%2C0%2C.68.06%2C1.04.18l7.8%2C2.76c.33.12.63.29.91.51.28.22.52.48.72.77.2.29.35.61.47.97s.17.71.17%2C1.08c0%2C.25-.03.53-.1.83-.07.3-.15.61-.24.92-.09.32-.19.63-.3.93-.11.31-.21.59-.3.85-.34.96-.76%2C1.78-1.27%2C2.46-.51.68-1.1%2C1.23-1.76%2C1.66-.66.43-1.4.75-2.21.94-.81.19-1.69.29-2.62.29-2.22%2C0-4.37-.31-6.43-.92-2.06-.61-3.99-1.47-5.79-2.59-1.8-1.11-3.43-2.45-4.9-4.01-1.47-1.56-2.73-3.29-3.78-5.19-1.05-1.91-1.86-3.95-2.44-6.14-.58-2.19-.87-4.46-.87-6.82v-.88c0-.88.12-1.7.37-2.47.24-.77.59-1.47%2C1.03-2.11.44-.64.98-1.2%2C1.6-1.69.62-.49%2C1.31-.88%2C2.07-1.19.22-.09.48-.19.76-.31.29-.12.58-.23.88-.33.3-.1.6-.19.89-.26.29-.07.55-.11.79-.11.35%2C0%2C.69.06%2C1.02.18.33.12.63.28.91.49.28.21.52.47.73.76.21.3.37.62.48.96l2.6%2C8.28c.11.38.17.75.17%2C1.1%2C0%2C.5-.06.93-.19%2C1.29s-.31.68-.55.95c-.24.27-.53.51-.86.71-.33.2-.7.38-1.1.54-.23.09-.47.17-.72.24-.25.08-.48.17-.69.29-.07.04-.14.12-.2.23-.06.11-.09.21-.09.29%2C0%2C.15.04.27.13.36.09.09.17.17.25.26l6.75%2C7.14c.08.09.16.18.24.27.08.09.19.14.33.14.08%2C0%2C.17-.03.28-.1.1-.06.17-.14.22-.21.11-.23.2-.47.27-.73.07-.26.15-.51.23-.75.15-.42.32-.81.51-1.16s.41-.66.67-.91c.25-.25.55-.45.9-.59.34-.14.75-.21%2C1.22-.21ZM25.03%2C32.66c.56%2C0%2C1.1-.09%2C1.62-.28.52-.19%2C1-.44%2C1.43-.77.43-.33.81-.73%2C1.13-1.19.32-.46.57-.98.76-1.54.17-.52.32-1.05.44-1.59.12-.54.25-1.08.39-1.62l-9.89-3.49-.84%2C3.21c-.18.19-.36.38-.54.55-.17.17-.36.33-.55.46-.19.13-.4.24-.63.32-.23.08-.48.11-.75.11-.48%2C0-.89-.11-1.22-.32-.34-.22-.66-.5-.98-.84l-6.6-7c-.33-.35-.59-.69-.8-1.04-.2-.35-.3-.78-.3-1.3%2C0-.57.13-1.07.39-1.48.26-.41.59-.79.99-1.14l3.03-.88-3.31-10.5c-.51.15-1.02.29-1.53.41s-1.01.28-1.5.46c-.53.19-1.02.46-1.45.8-.44.34-.82.74-1.13%2C1.2s-.55.97-.73%2C1.52c-.17.55-.26%2C1.12-.26%2C1.72v.88c0%2C2.15.26%2C4.22.79%2C6.21.52%2C1.99%2C1.26%2C3.84%2C2.22%2C5.57.95%2C1.72%2C2.1%2C3.3%2C3.44%2C4.72%2C1.34%2C1.42%2C2.82%2C2.63%2C4.45%2C3.64%2C1.63%2C1.01%2C3.38%2C1.8%2C5.25%2C2.35%2C1.87.56%2C3.82.83%2C5.85.83h.83Z%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
	mask-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2033%2035%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23403d3c%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22_%E3%83%A1%E3%83%8B%E3%83%A5%E3%83%BC_x2F_%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88%22%20data-name%3D%22%E3%83%A1%E3%83%8B%E3%83%A5%E3%83%BC_x2F_%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88%22%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M21.89%2C19.84c.34%2C0%2C.68.06%2C1.04.18l7.8%2C2.76c.33.12.63.29.91.51.28.22.52.48.72.77.2.29.35.61.47.97s.17.71.17%2C1.08c0%2C.25-.03.53-.1.83-.07.3-.15.61-.24.92-.09.32-.19.63-.3.93-.11.31-.21.59-.3.85-.34.96-.76%2C1.78-1.27%2C2.46-.51.68-1.1%2C1.23-1.76%2C1.66-.66.43-1.4.75-2.21.94-.81.19-1.69.29-2.62.29-2.22%2C0-4.37-.31-6.43-.92-2.06-.61-3.99-1.47-5.79-2.59-1.8-1.11-3.43-2.45-4.9-4.01-1.47-1.56-2.73-3.29-3.78-5.19-1.05-1.91-1.86-3.95-2.44-6.14-.58-2.19-.87-4.46-.87-6.82v-.88c0-.88.12-1.7.37-2.47.24-.77.59-1.47%2C1.03-2.11.44-.64.98-1.2%2C1.6-1.69.62-.49%2C1.31-.88%2C2.07-1.19.22-.09.48-.19.76-.31.29-.12.58-.23.88-.33.3-.1.6-.19.89-.26.29-.07.55-.11.79-.11.35%2C0%2C.69.06%2C1.02.18.33.12.63.28.91.49.28.21.52.47.73.76.21.3.37.62.48.96l2.6%2C8.28c.11.38.17.75.17%2C1.1%2C0%2C.5-.06.93-.19%2C1.29s-.31.68-.55.95c-.24.27-.53.51-.86.71-.33.2-.7.38-1.1.54-.23.09-.47.17-.72.24-.25.08-.48.17-.69.29-.07.04-.14.12-.2.23-.06.11-.09.21-.09.29%2C0%2C.15.04.27.13.36.09.09.17.17.25.26l6.75%2C7.14c.08.09.16.18.24.27.08.09.19.14.33.14.08%2C0%2C.17-.03.28-.1.1-.06.17-.14.22-.21.11-.23.2-.47.27-.73.07-.26.15-.51.23-.75.15-.42.32-.81.51-1.16s.41-.66.67-.91c.25-.25.55-.45.9-.59.34-.14.75-.21%2C1.22-.21ZM25.03%2C32.66c.56%2C0%2C1.1-.09%2C1.62-.28.52-.19%2C1-.44%2C1.43-.77.43-.33.81-.73%2C1.13-1.19.32-.46.57-.98.76-1.54.17-.52.32-1.05.44-1.59.12-.54.25-1.08.39-1.62l-9.89-3.49-.84%2C3.21c-.18.19-.36.38-.54.55-.17.17-.36.33-.55.46-.19.13-.4.24-.63.32-.23.08-.48.11-.75.11-.48%2C0-.89-.11-1.22-.32-.34-.22-.66-.5-.98-.84l-6.6-7c-.33-.35-.59-.69-.8-1.04-.2-.35-.3-.78-.3-1.3%2C0-.57.13-1.07.39-1.48.26-.41.59-.79.99-1.14l3.03-.88-3.31-10.5c-.51.15-1.02.29-1.53.41s-1.01.28-1.5.46c-.53.19-1.02.46-1.45.8-.44.34-.82.74-1.13%2C1.2s-.55.97-.73%2C1.52c-.17.55-.26%2C1.12-.26%2C1.72v.88c0%2C2.15.26%2C4.22.79%2C6.21.52%2C1.99%2C1.26%2C3.84%2C2.22%2C5.57.95%2C1.72%2C2.1%2C3.3%2C3.44%2C4.72%2C1.34%2C1.42%2C2.82%2C2.63%2C4.45%2C3.64%2C1.63%2C1.01%2C3.38%2C1.8%2C5.25%2C2.35%2C1.87.56%2C3.82.83%2C5.85.83h.83Z%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
}

.page.contents-wrap .inside .wraper ul li .number .tel {
	color: #fff;
	font-family: "din-2014-narrow", sans-serif;
	font-size: 3.2rem;
	font-style: normal;
	font-weight: bold;
	line-height: .9;
}

.page.contents-wrap .inside .wraper ul li .number .time {
	grid-column: 2/3;
	grid-row: 2/3;
	color: #fff;
	line-height: 1.2;
	text-align: center;
}

.page.contents-wrap .inside .wraper ul li:last-child a {
	display: block;
	padding: .625rem;
	border: 1px solid #fff;
	color: #fff;
	line-height: 1.2;
	text-align: center;
}

.page.contents-wrap .inside #form h3 {
	margin-bottom: 1.5rem;
	font-size: clamp(24px, 2.4vw, 36px);
	line-height: 1.2;
}

.page.contents-wrap .inside #form p {
	margin-bottom: 1.5rem;
}

.page.contents-wrap .inside #form form .form-table {
	display: block;
	margin-bottom: 1rem;
}

.page.contents-wrap .inside #form form .form-table tbody {
	display: grid;
	gap: .8125rem;
}

.page.contents-wrap .inside #form form .form-table tbody tr {
	display: block;
}

.page.contents-wrap .inside #form form .form-table tbody tr th {
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 4px;
}

.page.contents-wrap .inside #form form .form-table tbody tr th em {
	display: inline-block;
	padding: 3px 6px;
	border-radius: 3px;
	background-color: #f00;
	color: #fff;
	font-size: 10px;
	font-style: normal;
	line-height: 1.2;
}

.page.contents-wrap .inside #form form .form-table tbody tr td {
	display: block;
}

.page.contents-wrap .inside #form form .form-table tbody tr td input,
.page.contents-wrap .inside #form form .form-table tbody tr td textarea {
	width: 100%;
}

.page.contents-wrap .send-check p label {
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: .5rem;
}

.page.contents-wrap .send-check p label input {
	display: none;
}

.page.contents-wrap .send-check p label input:checked ~ i::before {
	content: "";
	display: block;
	position: absolute;
	top: 45%;
	left: 50%;
	width: 20px;
	height: 8px;
	-webkit-transform: translate(-50%, -50%) rotate(-45deg);
	transform: translate(-50%, -50%) rotate(-45deg);
	border-bottom: 2px solid #403d3c;
	border-left: 3px solid #403d3c;
}

.page.contents-wrap .send-check p label i {
	display: block;
	position: relative;
	width: 1.5rem;
	height: 1.5rem;
	border: 1px solid #ddd;
	border-radius: 3px;
	background-color: #eee;
}

.page.contents-wrap .send {
	display: flex;
	gap: 1rem;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 2rem;
}

.page.contents-wrap .send .input-btn input {
	display: inline-flex;
	position: relative;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: .8125rem 2rem;
	border: 3px solid #1a65c7;
	border-radius: 32px;
	background-color: #1a65c7;
	background-repeat: no-repeat;
	background-position: right 7px center;
	background-size: 1.875rem 1.875rem;
	color: #fff;
	font-size: 1.0625rem;
	line-height: 1.2;
	cursor: pointer;
}

.page.contents-wrap .send .reset-btn input {
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: .4rem 1rem;
	border: 3px solid #1a65c7;
	border-radius: 32px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: right 7px center;
	background-size: 1.875rem 1.875rem;
	color: #1a65c7;
	font-size: .8125rem;
	line-height: 1.2;
	cursor: pointer;
}

.page.contents-wrap .inside #form.confirmation form .form-table tbody tr:nth-last-of-type(1) {
	display: none;
}

.page.contents-wrap .inside .text-block h3 {
	margin-bottom: 1.5rem;
	font-size: 1.5rem;
	line-height: 1.2;
}

.page.contents-wrap .inside .text-block p {
	margin-bottom: 1rem;
}

.page.contents-wrap .inside .text-block .reg-btn {
	margin-top: 3rem;
}

.page.contents-wrap .inside .text-block .reg-btn a {
	display: inline-flex;
	position: relative;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: .8125rem 2rem;
	border: 3px solid #1a65c7;
	border-radius: 32px;
	background-color: #1a65c7;
	background-repeat: no-repeat;
	background-position: right 7px center;
	background-size: 1.875rem 1.875rem;
	color: #fff;
	font-size: 1.0625rem;
	line-height: 1.2;
}

.page.contents-wrap .inside .text-block .reg-btn a:hover {
	text-decoration: none;
}

.pp-block {
	max-width: 968px;
	margin: auto;
	padding-bottom: clamp(85px, 8.5vw, 128px);
}

.pp-block .midashi {
	margin-bottom: clamp(53px, 5.3vw, 80px);
	color: #1a65c7;
	font-size: clamp(24px, 2.4vw, 36px);
	text-align: center;
}

.pp-block .margin {
	margin-top: clamp(32px, 3.2vw, 48px);
	border: none;
}

.pp-block .komoku {
	color: #1a65c7;
	font-size: 20px;
}

@media screen and (min-width: 47.5em) {

	.page.contents-wrap .inside .wraper ul {
		display: flex;
		gap: 2rem;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
}

@media screen and (min-width: 62.5em) {

	.contact-page #hb-menu ~ .header-block .inner .header-line {
		z-index: 2;
	}

	.contact-page #hb-menu ~ .header-block .inner .global-nav .inner ul li a::after {
		bottom: .75rem;
		height: 4px;
	}

	.topic-path {
		padding: 1rem 5vw;
	}

	.page.contents-wrap .inside {
		padding: 2rem 5vw 3.5rem;
	}

	.page.contents-wrap .inside .wraper,
	.page.contents-wrap .inside #form {
		max-width: 1000px;
		margin: 0 auto 3rem;
	}

	.page.contents-wrap .inside .page-title {
		margin-bottom: 3rem;
	}

	.page.contents-wrap .inside #form form .form-table {
		display: table;
		width: 100%;
		margin-bottom: 2rem;
	}

	.page.contents-wrap .inside #form form .form-table tbody {
		display: table-row-group;
	}

	.page.contents-wrap .inside #form form .form-table tbody tr:first-child th,
	.page.contents-wrap .inside #form form .form-table tbody tr:first-child td {
		border-top: 1px solid #eee;
	}

	.page.contents-wrap .inside #form form .form-table tbody tr {
		display: table-row;
	}

	.page.contents-wrap .inside #form form .form-table tbody tr th {
		display: table-cell;
		position: relative;
		margin-bottom: initial;
		padding: 1rem;
		border-bottom: 1px solid #eee;
	}

	.page.contents-wrap .inside #form form .form-table tbody tr th em {
		position: absolute;
		top: 50%;
		right: 1rem;
		-webkit-transform: translate(0%, -50%);
		transform: translate(0%, -50%);
	}

	.page.contents-wrap .inside #form form .form-table tbody tr td {
		display: table-cell;
		padding: 1rem;
		border-bottom: 1px solid #eee;
	}

	.page.contents-wrap .inside #form .note {
		text-align: center;
	}

	.page.contents-wrap .inside #form .note p {
		display: inline-block;
		text-align: left;
	}

	.page.contents-wrap .inside #form .send-check {
		text-align: center;
	}

	.page.contents-wrap .inside #form .send-check p {
		display: inline-block;
	}

	.page.contents-wrap .inside .text-block {
		max-width: 1000px;
		margin: 0 auto 3rem;
	}
}

@media screen and (min-width: 77.5em) {

	.topic-path {
		padding: 1.5rem 5vw;
	}

	.page.contents-wrap .inside {
		padding: 3rem 5vw 4.45rem;
	}

	.page.contents-wrap .inside .page-title {
		margin-bottom: 4rem;
	}
}

@media screen and (min-width: 87.5em) {

	.contact-page #hb-menu ~ .header-block .inner .global-nav .inner ul li a:hover {
		padding: 1rem;
	}

	.contact-page #hb-menu ~ .header-block .inner .header-line .site-title {
		font-size: 1.75rem;
	}

	.topic-path {
		padding: 2rem 10.26vw;
	}

	.page.contents-wrap .inside {
		padding: 3.5rem 10.26vw 5.4rem;
	}

	.page.contents-wrap .inside .page-title {
		margin-bottom: 5rem;
		font-size: 1.0625rem;
	}

	.page.contents-wrap .inside .tk-changeling-neo {
		font-size: 4.4375rem;
	}

	.page.contents-wrap .inside #form p {
		font-size: 1.125rem;
	}

	.page.contents-wrap .send .input-btn input {
		font-size: 1.125rem;
	}
}