/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 17 2024 | 04:12:20 */
@charset "UTF-8";
/* CSS Remedy */
@import url("https://fonts.googleapis.com/css2?family=BIZ+UDPGothic:wght@400;700&family=Electrolize&family=Michroma&family=Saira:ital,wght@0,100..900;1,100..900&family=Space+Grotesk:wght@300..700&family=Syne:wght@400..800&family=Tomorrow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
*,
::after,
::before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

html {
	line-sizing: normal;
}

body {
	margin: 0;
}

[hidden] {
	display: none;
}

h1 {
	font-size: 2rem;
}

h2 {
	font-size: 1.5rem;
}

h3 {
	font-size: 1.17rem;
}

h4 {
	font-size: 1rem;
}

h5 {
	font-size: 0.83rem;
}

h6 {
	font-size: 0.67rem;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
	padding: 0;
	margin: 0;
}

pre {
	white-space: pre-wrap;
}

hr {
	border-style: solid;
	border-width: 1px 0 0;
	color: inherit;
	height: 0;
	overflow: visible;
}

audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
	display: block;
	vertical-align: middle;
	max-width: 100%;
}

audio:not([controls]) {
	display: none;
}

picture {
	display: contents;
}

source {
	display: none;
}

canvas,
img,
svg,
video {
	height: auto;
}

audio {
	width: 100%;
}

img {
	border-style: none;
}

svg {
	overflow: hidden;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
	display: block;
}

[type="checkbox"],
[type="radio"] {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
}

a {
	text-decoration: none;
}

ol,
ul,
li {
	list-style: none;
	padding: 0;
	margin: 0;
}

figure {
	padding: 0;
	margin: 0;
}

:root {
	--c-base-black: #3a474f;
	--c-base-black-rgb: 58, 71, 79;
	--c-active-red: #b2142d;
	--c-gree-blue: #00a0dc;
	--c-active-green: #0e6c36;
	--c-smart-black-70: #757e84;
	--c-site-bg: #ebeced;
	--f-BizUDPGothic: "BIZ UDPGothic", sans-serif;
	--f-syne: "Syne", sans-serif;
	--header-z: 10;
	--mv-cont-z: 2;
	--mv-image-z: 1;
}

html {
	font-size: calc(0.409vw + 2.16px);
	scroll-behavior: smooth;
}
@media screen and (max-width: 767.98px) {
	html {
		font-size: 2.666667vw;
	}
}

body {
	width: 100%;
	padding-top: 5.2083333333vw;
	background-color: var(--c-site-bg);
	overflow-x: hidden;
	color: var(--c-base-black);
	font-family: var(--f-BizUDPGothic);
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
}
@media screen and (max-width: 767.98px) {
	body {
		padding-top: 22.4vw;
		overflow-x: hidden;
	}
}

.main {
	display: block;
	width: 100%;
}
@media screen and (max-width: 767.98px) {
	.main {
		overflow-x: hidden;
	}
}

.visually-hidden {
	position: absolute;
	clip: rect(0, 0, 1px, 1px);
	-webkit-clip-path: inset(0px 0px 99.9% 99.9%);
	clip-path: inset(0px 0px 99.9% 99.9%);
	overflow: hidden;
	height: 1px;
	width: 1px;
	padding: 0;
	border: 0;
}

@media screen and (max-width: 767.98px) {
	br[pc] {
		display: none;
	}
}
@media screen and (min-width: 768px) {
	br[sp] {
		display: none;
	}
}

strong {
	font-weight: bold;
}

@media screen and (min-width: 768px) {
	.header {
		position: fixed;
		top: -40px;
		left: 0;
		width: 100vw;
		height: 5.2083333333vw;
		z-index: var(--header-z);
	}
	.header .header_inner {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		width: 93.75vw;
		padding-top: 2.0833333333vw;
		margin: 0 auto;
	}
	.header .header_logo {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		gap: 0 1.25vw;
	}
	.header .logo_image {
		width: 12.28125vw;
	}
	.header .logo_text {
		width: 16.875vw;
		opacity: 1;
		-webkit-transition: opacity 0.3s ease-in-out;
		transition: opacity 0.3s ease-in-out;
	}
	.header .header_menu {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		padding: 0 0.2083333333vw 0 1.0416666667vw;
		background-color: rgba(255, 255, 255, 0.4);
		border-radius: 9999rem;
		overflow: hidden;
		-webkit-backdrop-filter: blur(60px);
		backdrop-filter: blur(60px);
	}
	.header .header_menu_list {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		height: 100%;
		margin: 0;
	}
	.header .header_menu_link {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		height: 100%;
		padding: 0 1.0416666667vw;
	}
	.header .header_menu_item_text {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		color: var(--c-base-black);
		font-family: var(--f-syne);
		font-size: 1.6rem;
		font-weight: 600;
		letter-spacing: 0.04em;
		line-height: 1.5;
		text-transform: uppercase;
		white-space: nowrap;
	}
	.header .header_menu-contact {
		padding: 0.2083333333vw 0;
		margin-left: 1.0416666667vw;
	}
	.header .contact_link {
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		padding: 0.2083333333vw 0.2083333333vw 0.2083333333vw 1.25vw;
		background-color: var(--c-base-black);
		border-radius: 9999rem;
	}
	.header .contact_link .-copy {
		padding-top: 0.1041666667vw;
		color: white;
		font-family: var(--f-syne);
		font-size: 1.6rem;
		font-weight: 600;
		letter-spacing: 0.04em;
		line-height: 1.5;
		text-transform: uppercase;
	}
	.header .contact_link .-icon {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		width: 2.2916666667vw;
		aspect-ratio: 1/1;
		margin-left: 0.8333333333vw;
		background-color: white;
		border-radius: 50%;
	}
	.header .contact_link .-icon svg {
		width: 54.5454545455%;
		aspect-ratio: 1/1;
		stroke: var(--c-base-black);
	}
	.header .menu-button {
		display: none;
	}
	.header[js-is-floating="true"] .logo_text {
		opacity: 0;
	}
}
@media screen and (max-width: 767.98px) {
	.header {
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		padding: 4.2666666667vw;
		z-index: var(--header-z);
	}
	.header::before {
		position: absolute;
		content: "";
		width: 100%;
		height: 100%;
		background-color: var(--c-base-black);
		opacity: 0;
		top: 0;
		left: 0;
		pointer-events: none;
	}
	.header .header_inner {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr 13.201320132%;
		grid-template-columns: 1fr 13.201320132%;
		-ms-grid-rows: auto 1fr;
		grid-template-rows: auto 1fr;
		grid-template-areas: "_a _b" "_c _c";
		width: 100%;
		padding: 2.915451895% 5.8309037901%;
		border-radius: 9999rem;
	}
	.header .header_inner .header_logo {
		grid-area: _a;
	}
	.header .header_inner .menu-button {
		grid-area: _b;
	}
	.header .header_inner .header_menu {
		grid-area: _c;
	}
	.header .header_logo {
		display: block;
	}
	.header .logo_image {
		width: 32.5333333333vw;
		margin-top: 1.3333333333vw;
	}
	.header .logo_text {
		width: 68.8vw;
		height: auto;
		margin-top: 3.7333333333vw;
		opacity: 1;
		-webkit-transition: opacity 0.3s ease-in-out;
		transition: opacity 0.3s ease-in-out;
	}
	.header .header_menu {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		width: 100%;
	}
	.header .header_menu_list {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 2.6666666667vw 0;
		padding: 2.6666666667vw 0;
	}
	.header .header_menu_list li {
		display: block;
		width: 100%;
	}
	.header .header_menu_link {
		display: block;
	}
	.header .header_menu_item_text {
		color: var(--c-base-black);
		font-family: var(--f-syne);
		font-size: 3.2rem;
		font-weight: 600;
		letter-spacing: 0.04em;
		text-transform: uppercase;
	}
	.header .header_menu-contact {
		margin-bottom: 2.6666666667vw;
	}
	.header .contact_link {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		padding: 10.1333333333vw 6.4vw 9.0666666667vw 11.7333333333vw;
		background-color: var(--c-base-black);
		border-radius: 8vw;
	}
	.header .contact_link .-copy {
		color: white;
		font-family: var(--f-syne);
		font-size: 3.2rem;
		font-weight: 600;
		letter-spacing: 0.04em;
		line-height: 1.5;
		text-transform: uppercase;
	}
	.header .contact_link .-icon {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		width: 11.7333333333vw;
		aspect-ratio: 1/1;
		background-color: white;
		border-radius: 50%;
	}
	.header .contact_link .-icon svg {
		width: 54.5454545455%;
		aspect-ratio: 1/1;
		stroke: var(--c-base-black);
	}
	.header .menu-button {
		position: relative;
		display: block;
		width: 10.6666666667vw;
		aspect-ratio: 1/1;
		padding: 0;
		margin: 0;
		background: none;
		border: 0;
	}
	.header .menu-button [js-open-obj],
	.header .menu-button [js-close-obj] {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		aspect-ratio: 1/1;
		-webkit-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	.header .menu-button [js-open-obj]::before,
	.header .menu-button [js-open-obj]::after,
	.header .menu-button [js-close-obj]::before,
	.header .menu-button [js-close-obj]::after {
		position: absolute;
		content: "";
		height: 4px;
		background-color: var(--c-base-black);
	}
	.header .menu-button [js-open-obj]::before {
		width: 100%;
		top: 37.5%;
		right: 0;
	}
	.header .menu-button [js-open-obj]::after {
		width: 72.5%;
		top: 57.5%;
		right: 0;
	}
	.header .menu-button [js-close-obj]::before {
		width: 72.5%;
		top: 50%;
		left: 50%;
		-webkit-transform-origin: center;
		-ms-transform-origin: center;
		transform-origin: center;
		-webkit-transform: translate(-50%, -50%) rotate(-45deg);
		-ms-transform: translate(-50%, -50%) rotate(-45deg);
		transform: translate(-50%, -50%) rotate(-45deg);
	}
	.header .menu-button [js-close-obj]::after {
		width: 72.5%;
		top: 50%;
		left: 50%;
		-webkit-transform-origin: center;
		-ms-transform-origin: center;
		transform-origin: center;
		-webkit-transform: translate(-50%, -50%) rotate(45deg);
		-ms-transform: translate(-50%, -50%) rotate(45deg);
		transform: translate(-50%, -50%) rotate(45deg);
	}
	.header[js-is-floating="true"] .header_inner {
		background-color: rgba(255, 255, 255, 0.6);
		-webkit-backdrop-filter: blur(60px);
		backdrop-filter: blur(60px);
	}
	.header[js-is-floating="true"] .logo_text {
		height: 0;
		margin-top: 0;
		opacity: 0;
	}
	.header[js-is-open="false"] .menu-button [js-open-obj] {
		opacity: 1;
		pointer-events: auto;
	}
	.header[js-is-open="false"] .menu-button [js-close-obj] {
		opacity: 0;
		pointer-events: none;
	}
	.header[js-is-open="false"] .header_menu {
		display: none;
	}
	.header[js-is-open="true"] {
		min-height: 100vh;
		min-height: calc(var(--vh, 1vh) * 100);
		height: calc(var(--vh, 1vh) * 100);
	}
	.header[js-is-open="true"]::before {
		opacity: 0.4;
	}
	.header[js-is-open="true"] .header_inner {
		height: 100%;
		background-color: rgba(255, 255, 255, 0.6);
		border-radius: 8vw;
		-webkit-backdrop-filter: blur(60px);
		backdrop-filter: blur(60px);
	}
	.header[js-is-open="true"] .logo_text {
		height: auto;
		margin-top: 3.7333333333vw;
		opacity: 1;
	}
	.header[js-is-open="true"] .menu-button [js-open-obj] {
		opacity: 0;
		pointer-events: none;
	}
	.header[js-is-open="true"] .menu-button [js-close-obj] {
		opacity: 1;
		pointer-events: auto;
	}
	.header[js-is-open="true"] .header_menu {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
}
@media screen and (max-width: 767.98px) {
	.header .header_inner .header_logo {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	.header .header_inner .menu-button {
		-ms-grid-row: 1;
		-ms-grid-column: 2;
	}
	.header .header_inner .header_menu {
		-ms-grid-row: 2;
		-ms-grid-column: 1;
		-ms-grid-column-span: 2;
	}
}

.footer {
	width: 100%;
	padding-bottom: 6.25vw;
	background-color: var(--c-site-bg);
}
@media screen and (max-width: 767.98px) {
	.footer {
		padding-bottom: 16%;
	}
}

.footer_inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	max-width: 1200px;
	padding-top: 1.25vw;
	margin: 0 auto;
	text-align: center;
}
@media screen and (max-width: 767.98px) {
	.footer_inner {
		position: relative;
		display: block;
		width: 100%;
		padding: 0 5.3333333333%;
		margin-top: -8%;
		z-index: 1;
		text-align: center;
	}
}

.footer_logo_list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	gap: 0 3.125vw;
}
@media screen and (max-width: 767.98px) {
	.footer_logo_list {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 7.1641791045vw 0;
		margin-bottom: 11.9402985075%;
	}
	.footer_logo_list .footer_logo_image {
		width: 50%;
	}
	.footer_logo_list .logo-mkd-holdings img {
		width: 89.8203592814%;
	}
	.footer_logo_list .logo-mkd-creativeone img {
		width: 98.2035928144%;
	}
	.footer_logo_list .logo-gree img {
		width: 62.2754491018%;
	}
	.footer_logo_list .logo-gree-lifestyle img {
		width: 64.6706586826%;
	}
}

.footer_nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 0 3.125vw;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 1.0416666667vw;
}
@media screen and (max-width: 767.98px) {
	.footer_nav {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 3.5820895522vw 7.1641791045vw;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-bottom: 4.776119403%;
	}
}
.footer_nav a {
	position: relative;
	display: block;
	padding: 4px 0;
	overflow: hidden;
	color: var(--c-base-black);
	font-size: 1.4rem;
	line-height: 1;
	white-space: nowrap;
}
.footer_nav a::before,
.footer_nav a::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 1px;
	background: var(--c-base-black);
	bottom: 0;
	left: 0;
	-webkit-transition: -webkit-transform 0.3s ease-in-out;
	transition: -webkit-transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.footer_nav a::before {
	-webkit-transform: translateX(calc(-100% - 40px));
	-ms-transform: translateX(calc(-100% - 40px));
	transform: translateX(calc(-100% - 40px));
}
.footer_nav a::after {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}
@media (hover: hover) {
	.footer_nav a:hover::before {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
	.footer_nav a:hover::after {
		-webkit-transform: translateX(calc(100% + 40px));
		-ms-transform: translateX(calc(100% + 40px));
		transform: translateX(calc(100% + 40px));
	}
}

.copyright {
	color: var(--c-smart-black-70);
	font-size: 1.38rem;
	line-height: 1.7142857143;
	text-align: center;
}
@media screen and (max-width: 767.98px) {
	.copyright {
		text-align: center;
	}
}

.wall {
	position: relative;
	width: 100%;
	overflow: hidden;
}
/*
.wall #lottie_pattern {
	position: absolute;
	display: block;
	width: 120%;
	height: auto;
	margin-top: -3.8541666667vw;
	opacity: 0.5;
}
@media screen and (max-width: 767.98px) {
	.wall #lottie_pattern {
		width: 366%;
		margin-top: -12%;
	}
} */
.biglogo {
	position: relative;
	height: 60%;
	bottom: 300px;
	margin-bottom: -265px;
}
/* @media screen and (max-width: 767.98px) {
	.wall .-biglogo {
		padding: 53.3333333333% 0 29.3333333333%;
	}
} */
/* .wall .-biglogo img {
	width: 100%;
	height: auto;
} */

[js-rotate-anime] [js-rotate-anime-text] {
	overflow: hidden;
}
[js-rotate-anime] [data-letter] {
	position: relative;
	display: inline-block;
}
[js-rotate-anime] [data-letter]::after {
	position: absolute;
	content: attr(data-letter);
	top: 100%;
	left: 0;
}

[js-typing-anime]::after {
	content: "";
	display: inline-block;
	width: 0.5208333333vw;
	height: 4.4270833333vw;
	margin-left: 0.3125vw;
	background-color: var(--c-base-black);
	-webkit-animation: blink ease 1s infinite;
	animation: blink ease 1s infinite;
}
@media screen and (max-width: 767.98px) {
	[js-typing-anime]::after {
		height: 8vw;
	}
}

@-webkit-keyframes blink {
	0%,
	100% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
}

@keyframes blink {
	0%,
	100% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
}
[js-glitch-typing-text] {
	position: relative;
	padding-left: 1.4444444444em;
	color: var(--c-active-green);
	font-family: var(--f-syne);
	font-size: 1.8rem;
	font-weight: bold;
	letter-spacing: 0.06em;
	line-height: 1.2222222222;
	text-transform: uppercase;
}
[js-glitch-typing-text]::before {
	position: absolute;
	content: "";
	display: block;
	width: 0.8888888889em;
	aspect-ratio: 1/1;
	background: url(../img/mkd2.png) no-repeat center/cover;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.sec_contact {
	width: 100%;
	padding: 5.2083333333% 0;
	background-color: var(--c-active-green);
	border-radius: 0 0 40px 40px;
	text-align: center;
}
@media screen and (max-width: 767.98px) {
	.sec_contact {
		padding: 21.3333333333% 4.2666666667%;
	}
}

.sec_contact_copy {
	margin-bottom: 2.0833333333vw;
	color: white;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
}
@media screen and (max-width: 767.98px) {
	.sec_contact_copy {
		margin-bottom: 10.6666666667%;
		line-height: 1.9;
	}
}

.sec_contact_link {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0 auto;
	padding: 0.4166666667vw 0.4166666667vw 0.4166666667vw 4.1666666667vw;
	background-color: white;
	border-radius: 9999rem;
}
@media screen and (max-width: 767.98px) {
	.sec_contact_link {
		width: 100%;
		padding: 1.166180758% 1.166180758% 1.166180758% 5.8309037901%;
	}
}
.sec_contact_link .-copy {
	color: var(--c-base-black);
	font-family: var(--f-syne);
	font-size: 4.8rem;
	font-weight: 500;
	letter-spacing: 0.04em;
	line-height: 1.5;
	text-transform: uppercase;
}
@media screen and (max-width: 767.98px) {
	.sec_contact_link .-copy {
		font-size: 2.8rem;
	}
}
.sec_contact_link .-icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 7.0833333333vw;
	aspect-ratio: 1/1;
	margin-left: 2.0833333333vw;
	background-color: var(--c-base-black);
	border-radius: 50%;
}
.sec_contact_link .-icon svg {
	width: 58.8235294118%;
	aspect-ratio: 1/1;
	stroke: white;
}
@media screen and (max-width: 767.98px) {
	.sec_contact_link .-icon {
		width: 20.4081632653%;
		margin-left: 0;
	}
	.sec_contact_link .-icon svg {
		width: 57.1428571429%;
	}
}

/**
 * 繝医ャ繝嶺ｻ･螟悶�繝壹�繧ｸ縺ｧ隱ｭ縺ｿ霎ｼ縺ｾ繧後ｋcss
 */
.breadcrum_wrapper {
	padding-block: 4.1666666667vw 5.2083333333vw;
}
@media screen and (max-width: 767.98px) {
	.breadcrum_wrapper {
		padding-block: 14.9333333333vw 16vw;
	}
}

.breadcrumb {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 0 2.5vw;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: start;
	width: 84.375vw;
	margin: 0 auto;
}
@media screen and (max-width: 767.98px) {
	.breadcrumb {
		-webkit-column-gap: 12.8vw;
		-moz-column-gap: 12.8vw;
		column-gap: 12.8vw;
		width: 100%;
		padding-left: 4.2666666667vw;
		padding-right: 4.2666666667vw;
	}
}
.breadcrumb li + li {
	position: relative;
}
.breadcrumb li + li::before {
	position: absolute;
	content: "";
	display: block;
	width: 1px;
	height: 0.78125vw;
	background-color: var(--c-base-black);
	opacity: 0.3;
	top: 0;
	left: -1.25vw;
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
@media screen and (max-width: 767.98px) {
	.breadcrumb li + li::before {
		height: 4vw;
		left: -6.4vw;
	}
}
.breadcrumb .pagelink {
	position: relative;
	display: block;
	overflow: hidden;
}
.breadcrumb .pagelink::before,
.breadcrumb .pagelink::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 1px;
	background: var(--c-base-black);
	bottom: 0;
	left: 0;
	-webkit-transition: -webkit-transform 0.3s ease-in-out;
	transition: -webkit-transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.breadcrumb .pagelink::before {
	-webkit-transform: translateX(calc(-100% - 40px));
	-ms-transform: translateX(calc(-100% - 40px));
	transform: translateX(calc(-100% - 40px));
}
.breadcrumb .pagelink::after {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}
@media (hover: hover) {
	.breadcrumb .pagelink:hover::before {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
	.breadcrumb .pagelink:hover::after {
		-webkit-transform: translateX(calc(100% + 40px));
		-ms-transform: translateX(calc(100% + 40px));
		transform: translateX(calc(100% + 40px));
	}
}
.breadcrumb .pagename {
	font-size: 1.4rem;
	color: var(--c-base-black);
}

.page_header {
	padding-bottom: 3.125vw;
}
@media screen and (max-width: 767.98px) {
	.page_header {
		padding-bottom: 16vw;
	}
}

.page_heading {
	position: relative;
	width: 84.375vw;
	padding-bottom: 9.375vw;
	margin-inline: auto;
	color: var(--c-active-green);
	font-size: 1.8rem;
	font-weight: bold;
	letter-spacing: 0.06em;
}
.page_heading::after {
	position: absolute;
	content: attr(data-en);
	display: block;
	color: var(--c-base-black);
	font-family: var(--f-syne);
	font-size: 13rem;
	font-weight: 500;
	text-transform: uppercase;
	bottom: 0;
	left: 0;
}
@media screen and (max-width: 767.98px) {
	.page_heading {
		width: 91.4666666667vw;
		padding-bottom: 25.6vw;
	}
	.page_heading::after {
		font-size: 6rem;
	}
}

.page_content {
	width: 100%;
	border-radius: 2.0833333333vw 2.0833333333vw 0 0;
}
@media screen and (max-width: 767.98px) {
	.page_content {
		border-radius: 10.6666666667vw 10.6666666667vw 0 0;
	}
}

.page_content_inner {
	margin-inline: auto;
}
@media screen and (min-width: 768px) {
	.page_content_inner.-w-880-pc {
		width: 45.8333333333vw;
	}
}
@media screen and (max-width: 1043px) {
	.page_content_inner.-w-880-pc {
		width: 84.3720038351vw;
	}
}
@media screen and (min-width: 768px) {
	.page_content_inner.-w-1620-pc {
		width: 84.375vw;
	}
}
@media screen and (max-width: 767.98px) {
	.page_content_inner.-w-343-sp {
		width: 91.4666666667vw;
	}
}