/*! destyle.css v4.0.0 | MIT License | https://github.com/nicolas-cusan/destyle.css */*,:before,:after {
	box-sizing:border-box;
	border-style:solid;
	border-width:0
}
html {
	line-height:1.15;
	-webkit-text-size-adjust:100%;
	-webkit-tap-highlight-color:transparent
}
body {
	margin:0
}
main {
	display:block
}
p,table,blockquote,address,pre,iframe,form,figure,dl {
	margin:0
}
h1,h2,h3,h4,h5,h6 {
	font-size:inherit;
	font-weight:inherit;
	margin:0
}
ul,ol {
	margin:0;
	padding:0;
	list-style:none
}
dt {
	font-weight:700
}
dd {
	margin-left:0
}
hr {
	box-sizing:content-box;
	height:0;
	overflow:visible;
	border-top-width:1px;
	margin:0;
	clear:both;
	color:inherit
}
pre {
	font-family:monospace,monospace;
	font-size:inherit
}
address {
	font-style:inherit
}
a {
	background-color:transparent;
	text-decoration:none;
	color:inherit
}
abbr[title] {
	text-decoration:underline dotted
}
b,strong {
	font-weight:bolder
}
code,kbd,samp {
	font-family:monospace,monospace;
	font-size:inherit
}
small {
	font-size:80%
}
sub,sup {
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline
}
sub {
	bottom:-.25em
}
sup {
	top:-.5em
}
svg,img,embed,object,iframe {
	vertical-align:bottom
}
button,input,optgroup,select,textarea {
	-webkit-appearance:none;
	appearance:none;
	vertical-align:middle;
	color:inherit;
	font:inherit;
	background:transparent;
	padding:0;
	margin:0;
	border-radius:0;
	text-align:inherit;
	text-transform:inherit
}
button,[type=button],[type=reset],[type=submit] {
	cursor:pointer
}
button:disabled,[type=button]:disabled,[type=reset]:disabled,[type=submit]:disabled {
	cursor:default
}
:-moz-focusring {
	outline:auto
}
select:disabled {
	opacity:inherit
}
option {
	padding:0
}
fieldset {
	margin:0;
	padding:0;
	min-width:0
}
legend {
	padding:0
}
progress {
	vertical-align:baseline
}
textarea {
	overflow:auto
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
	height:auto
}
[type=search] {
	outline-offset:-2px
}
[type=search]::-webkit-search-decoration {
	-webkit-appearance:none
}
::-webkit-file-upload-button {
	-webkit-appearance:button;
	font:inherit
}
[type=number] {
	-moz-appearance:textfield
}
label[for] {
	cursor:pointer
}
details {
	display:block
}
summary {
	display:list-item
}
[contenteditable]:focus {
	outline:auto
}
table {
	border-color:inherit;
	border-collapse:collapse
}
caption {
	text-align:left
}
td,th {
	vertical-align:top;
	padding:0
}
th {
	text-align:left;
	font-weight:700
}
html,body {
	overflow-x:clip
}
body {
	font-family:Noto Sans JP,sans-serif;
	font-size:16px;
	color:#0f1914;
	word-break:normal;
	overflow-wrap:anywhere;
	background-color:#ecebe7;
	line-break:strict
}
@media screen and (max-width: 768px) {
	body {
		min-width:auto;
		font-size:4.2666666667vw
	}
}
body.home .global-header__logo .svg-sprited.svg-logo {
	color:#fff
}
.container {
	width:88.8888888889vw;
	margin:0 auto
}
@media screen and (max-width: 1280px) {
	.container {
		width:auto;
		margin:0 80px
	}
}
@media screen and (max-width: 768px) {
	.container {
		width:89.3333333333vw;
		margin:0 auto
	}
}
img {
	width:100%;
	height:auto
}
svg {
	display:flex;
	width:100%;
	height:100%
}
.scroll-top-line {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:1px;
	pointer-events:none;
	user-select:none
}
[data-only-show=pc] {
	display:block
}
@media screen and (max-width: 768px) {
	[data-only-show=pc] {
		display:none!important
	}
}
[data-only-show=sp] {
	display:none
}
@media screen and (max-width: 768px) {
	[data-only-show=sp] {
		display:block!important
	}
}
.hidden {
	position:absolute!important;
	width:1px!important;
	height:1px!important;
	padding:0!important;
	margin:-1px!important;
	overflow:hidden!important;
	clip:rect(0,0,0,0)!important;
	white-space:nowrap!important;
	border:0!important
}
.button-circle {
	position:relative;
	display:flex;
	width:100%;
	height:100%
}
.button-circle__border {
	position:absolute;
	top:50%;
	left:50%;
	width:60px;
	height:60px;
	border:solid 1px #d4d3cf;
	border-radius:50%;
	transform:translate(-50%,-50%)
}
@media screen and (max-width: 768px) {
	.button-circle__border {
		width:10.6666666667vw;
		height:10.6666666667vw
	}
}
.button-circle__svg {
	position:absolute;
	top:50%;
	left:50%;
	width:60px;
	height:60px;
	color:#d4d3cf;
	background-color:#64a028;
	border-radius:50%;
	transition:transform .3s cubic-bezier(.26,.16,.1,1);
	transform:translate(-50%,-50%) scale(0)
}
@media screen and (max-width: 768px) {
	.button-circle__svg {
		width:10.6666666667vw;
		height:10.6666666667vw
	}
}
@media (hover: hover) and (pointer: fine) {
	.hover-button-circle:hover .button-circle__svg {
		transition:transform .3s cubic-bezier(.18,.89,.32,1.28);
		transform:translate(-50%,-50%) scale(1)
	}
	.hover-button-circle:hover .button-circle__house svg {
		color:#fff;
		transition:transform .3s cubic-bezier(.18,.89,.32,1.28);
		transform:translate(-50%,-50%) rotate(90deg)
	}
}
.button-circle__house {
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	height:100%;
	color:#fff;
	transition:background-color .3s cubic-bezier(.26,.16,.1,1)
}
.button-circle__house svg {
	position:absolute;
	top:50%;
	left:50%;
	width:19px;
	height:20px;
	color:#64a028;
	transition:transform .3s cubic-bezier(.18,.89,.32,1.28);
	transform:translate(-50%,-50%)
}
@media screen and (max-width: 768px) {
	.button-circle__house svg {
		width:2.9333333333vw;
		height:2.6666666667vw
	}
}
.button {
	display:flex;
	align-items:center;
	justify-content:space-between;
	width:100%;
	height:100%;
	padding:0 15px 0 24px;
	font-size:14px;
	color:#0f1914;
	background-color:#fff;
	border-radius:30px;
	transition:background-color .3s cubic-bezier(.26,.16,.1,1)
}
@media (hover: hover) and (pointer: fine) {
	.button:hover {
		background-color:#e7e2d9;
		transition:background-color .3s cubic-bezier(.26,.16,.1,1)
	}
	.button:hover .button__circle {
		transition:transform .3s cubic-bezier(.18,.89,.32,1.28);
		transform:scale(1)
	}
	.button:hover .button__house svg {
		color:#fff;
		transition:transform .3s cubic-bezier(.18,.89,.32,1.28);
		transform:translate(-50%,-50%) rotate(90deg)
	}
}
@media screen and (max-width: 768px) {
	.button {
		padding:0 4vw 0 6.4vw;
		font-size:3.7333333333vw;
		border-radius:8vw
	}
}
.button__circle {
	width:40px;
	height:40px;
	background-color:#64a028;
	border-radius:50%;
	transition:transform .3s cubic-bezier(.26,.16,.1,1);
	transform:scale(0)
}
@media screen and (max-width: 768px) {
	.button__circle {
		width:10.6666666667vw;
		height:10.6666666667vw
	}
}
.button__house {
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#fff;
	transition:background-color .3s cubic-bezier(.26,.16,.1,1)
}
.button__house svg {
	position:absolute;
	top:50%;
	left:50%;
	width:19px;
	height:20px;
	color:#64a028;
	transition:transform .3s cubic-bezier(.18,.89,.32,1.28);
	transform:translate(-50%,-50%)
}
@media screen and (max-width: 768px) {
	.button__house svg {
		width:3.4666666667vw;
		height:3.7333333333vw
	}
}
[data-size=large].button {
	padding:0 20px 0 60px;
	font-size:24px;
	border-radius:60px
}
@media screen and (max-width: 768px) {
	[data-size=large].button {
		padding:0 5.3333333333vw 0 16vw;
		font-size:4.8vw;
		border-radius:16vw
	}
}
[data-size=large].button .button__circle {
	width:80px;
	height:80px
}
@media screen and (max-width: 768px) {
	[data-size=large].button .button__circle {
		width:18.6666666667vw;
		height:18.6666666667vw
	}
}
[data-variant=solid].button {
	border:solid 1px #8b8a87
}
.category {
	display:flex;
	flex-shrink:0;
	gap:4px;
	align-items:center;
	font-size:12px;
	color:#8b8a87
}
@media screen and (max-width: 768px) {
	.category {
		gap:1.0666666667vw;
		font-size:3.2vw
	}
}
.category__circle {
	position:relative;
	top:1px;
	display:flex;
	width:10px;
	height:10px;
	background-color:#0f1914;
	border-radius:50%
}
@media screen and (max-width: 768px) {
	.category__circle {
		width:2.6666666667vw;
		height:2.6666666667vw
	}
}
.category[data-color=fw] .category__circle,.category.fw .category__circle {
	background-color:#64a028
}
.category[data-color=fpw] .category__circle,.category.fpw .category__circle {
	background-color:#c45757
}
.category[data-color=apw] .category__circle,.category.apw .category__circle {
	background-color:#4cafd3
}
.category[data-color=kwr] .category__circle,.category.kwr .category__circle {
	background-color:#b59630
}
.global-footer {
	position:relative;
	overflow:hidden
}
.global-footer__webgl {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	pointer-events:none;
	user-select:none
}
.global-footer__bg {
	position:relative;
	padding:150px 0 98px;
	background-color:#0f1914
}
@media screen and (max-width: 768px) {
	.global-footer__bg {
		padding:15.4666666667vw 0 21.3333333333vw
	}
}
.global-footer__top {
	position:relative;
	display:flex;
	align-items:flex-end;
	justify-content:space-between;
	margin-top:100px
}
@media screen and (max-width: 768px) {
	.global-footer__top {
		display:block;
		margin-top:16vw
	}
}
.global-footer__logo {
	display:flex;
	align-items:center;
	justify-content:center;
	width:206px;
	height:46px;
	margin-top:20px;
	background-color:#fff;
	border-radius:30px
}
.global-footer__logo img {
	width:166px;
	height:20px
}
@media screen and (max-width: 768px) {
	.global-footer__logo {
		width:54.9333333333vw;
		height:12.2666666667vw;
		margin-top:5.3333333333vw;
		border-radius:8vw
	}
	.global-footer__logo img {
		width:44.2666666667vw;
		height:5.3333333333vw
	}
}
.global-footer__button-area {
	position:relative;
	margin-top:90px
}
@media screen and (max-width: 768px) {
	.global-footer__button-area {
		margin-top:77.3333333333vw
	}
}
.global-footer__button {
	width:480px;
	height:120px
}
@media screen and (max-width: 768px) {
	.global-footer__button {
		width:74.6666666667vw;
		height:24vw
	}
}
.global-footer__button+.global-footer__button {
	margin-top:40px
}
.global-footer__nav__list {
	display:flex;
	column-gap:80px
}
@media screen and (max-width: 768px) {
	.global-footer__nav__list {
		display:grid;
		gap:10.6666666667vw
	}
}
.global-footer__copyright {
	margin-top:60px;
	font-size:12px;
	color:#fff
}
@media screen and (max-width: 768px) {
	.global-footer__copyright {
		margin-top:16vw;
		font-size:3.2vw
	}
}
.global-hamburger-menu {
	position:fixed;
	top:0;
	left:0;
	z-index:1100;
	display:flex;
	align-items:center;
	width:100%;
	height:100%;
	overflow:scroll;
	pointer-events:none;
	user-select:none;
	opacity:0;
	transition:opacity .6s cubic-bezier(.26,.16,.1,1)
}
@media screen and (max-width: 768px) {
	.global-hamburger-menu {
		display:flex;
		flex-direction:column;
		gap:10.6666666667vw;
		align-items:flex-start;
		padding:10.6666666667vw 8vw
	}
}
.global-hamburger-menu__bg {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	pointer-events:none;
	user-select:none
}
.global-hamburger-menu__bg video {
	width:100%;
	height:100%;
	object-fit:cover
}
.global-hamburger-menu__close {
	position:fixed;
	right:40px;
	bottom:40px;
	z-index:1;
	display:flex;
	align-items:center;
	justify-content:center;
	width:58px;
	height:58px;
	cursor:pointer;
	border:solid 1px #ffffff;
	border-radius:4px
}
@media screen and (max-width: 768px) {
	.global-hamburger-menu__close {
		right:5.3333333333vw;
		bottom:5.3333333333vw;
		width:16vw;
		height:16vw;
		border-radius:1.0666666667vw
	}
}
.global-hamburger-menu__close svg {
	display:flex;
	width:23px;
	height:23px
}
@media screen and (max-width: 768px) {
	.global-hamburger-menu__close svg {
		width:6.1333333333vw;
		height:6.1333333333vw
	}
}
.is-hamburger-menu-open .global-hamburger-menu {
	pointer-events:auto;
	user-select:auto;
	opacity:1
}
.global-hamburger-menu__contents {
	position:relative;
	padding:0 80px;
	color:#fff
}
@media screen and (max-width: 768px) {
	.global-hamburger-menu__contents {
		display:block;
		padding:0
	}
}
.global-hamburger-menu__title {
	font-family:Bellefair,serif;
	font-size:5.5555555556vw
}
@media screen and (max-width: 768px) {
	.global-hamburger-menu__info {
		padding:0;
		margin-top:19.7333333333vw;
		border:none
	}
}
.global-hamburger-menu__info__logo {
	width:317px;
	margin-top:20px
}
@media screen and (max-width: 768px) {
	.global-hamburger-menu__info__logo {
		width:100%
	}
}
.global-hamburger-menu__info__logo__text {
	font-size:12px
}
.global-hamburger-menu__info__tell-area {
	margin-top:38px
}
@media screen and (max-width: 768px) {
	.global-hamburger-menu__info__tell-area {
		margin-top:9.6vw
	}
}
.global-hamburger-menu__info__tell {
	font-size:14px
}
@media screen and (max-width: 768px) {
	.global-hamburger-menu__info__tell {
		font-size:3.7333333333vw
	}
}
.global-hamburger-menu__info__tell+.global-hamburger-menu__info__tell {
	margin-top:18px
}
@media screen and (max-width: 768px) {
	.global-hamburger-menu__info__tell+.global-hamburger-menu__info__tell {
		margin-top:5.8666666667vw
	}
}
.global-hamburger-menu__info__copyright {
	display:flex;
	margin-top:38px
}
@media screen and (max-width: 768px) {
	.global-hamburger-menu__info__copyright {
		margin-top:9.6vw;
		font-size:3.2vw
	}
}
.global-hamburger-menu__nav {
	margin-top:52px;
	font-size:14px;
	color:#fff
}
@media screen and (max-width: 768px) {
	.global-hamburger-menu__nav {
		padding:0;
		margin:0;
		font-size:3.7333333333vw
	}
}
.global-hamburger-menu__nav__list {
	display:flex;
	flex-wrap:wrap;
	row-gap:2.7777777778vw;
	column-gap:11.1111111111vw
}
@media screen and (max-width: 1280px) {
	.global-hamburger-menu__nav__list {
		column-gap:6.9444444444vw
	}
}
@media screen and (max-width: 768px) {
	.global-hamburger-menu__nav__list {
		display:grid;
		row-gap:8vw;
		column-gap:0
	}
}
.global-hamburger-menu__nav__link {
	display:flex;
	gap:10px;
	align-items:center
}
@media screen and (max-width: 768px) {
	.global-hamburger-menu__nav__link {
		gap:2.6666666667vw
	}
}
.global-hamburger-menu__nav__chevron-right {
	display:flex;
	width:20px;
	height:20px
}
@media screen and (max-width: 768px) {
	.global-hamburger-menu__nav__chevron-right {
		width:5.3333333333vw;
		height:5.3333333333vw
	}
}
.global-hamburger-menu__nav__child {
	display:flex;
	flex-direction:column;
	gap:18px;
	margin-top:18px;
	font-weight:400
}
@media screen and (max-width: 768px) {
	.global-hamburger-menu__nav__child {
		gap:4.8vw;
		margin-top:4.8vw
	}
}
.global-hamburger-menu__nav__child__link {
	display:flex;
	gap:4px;
	align-items:center
}
@media screen and (max-width: 768px) {
	.global-hamburger-menu__nav__child__link {
		gap:1.0666666667vw
	}
}
.global-hamburger-menu__nav__child__blank {
	display:flex;
	width:16px;
	height:16px
}
@media screen and (max-width: 768px) {
	.global-hamburger-menu__nav__child__blank {
		width:4.2666666667vw;
		height:4.2666666667vw
	}
}
.global-hamburger-menu__logo {
	position:absolute;
	bottom:40px;
	left:40px;
	width:338px;
	height:64px;
	color:#fff
}
@media screen and (max-width: 768px) {
	.global-hamburger-menu__logo {
		position:relative;
		bottom:0;
		left:0;
		width:69.3333333333vw;
		height:13.3333333333vw
	}
}
.global-header {
	position:fixed;
	right:40px;
	bottom:40px;
	z-index:1000;
	font-size:14px;
	color:#fff;
	pointer-events:none;
	user-select:none;
	opacity:0;
	transition:opacity .6s cubic-bezier(.26,.16,.1,1)
}
@media screen and (max-width: 1280px) {
	.global-header {
		right:min(5.3333333333vw,40px);
		bottom:min(5.3333333333vw,40px)
	}
}
.global-header__pagetop {
	position:absolute;
	top:-58px;
	right:0;
	display:flex;
	align-items:center;
	justify-content:center;
	width:58px;
	height:58px;
	pointer-events:none;
	user-select:none;
	background-color:#0f1914;
	border-radius:4px;
	opacity:0;
	transition:opacity .6s cubic-bezier(.26,.16,.1,1)
}
.global-header__pagetop svg {
	width:20px;
	height:20px
}
@media screen and (max-width: 1280px) {
	.global-header__pagetop {
		display:none
	}
}
.is-scroll .global-header__pagetop {
	pointer-events:auto;
	user-select:auto;
	opacity:1
}
.global-header__logo {
	position:fixed;
	bottom:40px;
	left:37px;
	z-index:1001;
	display:flex;
	align-items:center;
	width:338px;
	height:64px;
	opacity:0;
	transition:transform .6s cubic-bezier(.43,.05,.17,1),opacity .3s cubic-bezier(.26,.16,.1,1)
}
.global-header__logo__fw {
	position:absolute;
	top:27px;
	display:flex;
	width:45px;
	height:15px;
	pointer-events:none;
	user-select:none;
	opacity:0;
	transition:opacity .3s cubic-bezier(.26,.16,.1,1)
}
.global-header__logo__firstwood {
	position:absolute;
	bottom:.3px;
	left:2.5px;
	display:flex;
	width:338px;
	height:64px;
	opacity:1;
	transition:opacity .3s cubic-bezier(.26,.16,.1,1)
}
@media screen and (max-width: 1280px) {
	.global-header__logo__firstwood {
		opacity:0
	}
}
.global-header__nav {
	display:flex;
	align-items:center
}
.global-header__list {
	position:relative;
	display:flex;
	gap:4px;
	padding:6px;
	background-color:#0f1914cc;
	border-radius:4px;
	transition:padding .6s cubic-bezier(.43,.05,.17,1)
}
@media screen and (max-width: 1280px) {
	.global-header__list {
		display:none
	}
}
.global-header__link {
	display:flex;
	gap:5px;
	align-items:center;
	padding:14px;
	white-space:nowrap;
	background-color:#0f191499;
	border:#0f1914 1px solid;
	border-radius:4px;
	transition:border .3s cubic-bezier(.26,.16,.1,1)
}
.global-header__link .svg-chevron-up {
	width:12px;
	height:12px
}
@media (hover: hover) and (pointer: fine) {
	.global-header__link:hover {
		border:#8b8a87 1px solid
	}
}
.global-header__mega-menu {
	position:absolute;
	top:-62px;
	right:0;
	display:flex;
	gap:12px;
	align-items:center;
	width:780px;
	height:58px;
	padding:0 20px;
	font-size:14px;
	color:#0f1914;
	visibility:hidden;
	background-color:#fff;
	border-radius:5px;
	opacity:0;
	transition:opacity,visibility,.3s cubic-bezier(.26,.16,.1,1)
}
@media (hover: hover) and (pointer: fine) {
	.global-header__item__inner.is-mega-menu:hover .global-header__mega-menu {
		visibility:visible;
		opacity:1
	}
}
.global-header__mega-menu__item__link {
	display:flex;
	gap:4px;
	align-items:center;
	white-space:nowrap
}
.global-header__mega-menu__chevron-right {
	position:relative;
	top:1px;
	display:block;
	width:16px;
	height:16px
}
.global-header__button {
	display:flex;
	align-items:center;
	justify-content:center;
	width:58px;
	height:58px;
	background-color:#fff;
	border-radius:4px
}
@media screen and (max-width: 768px) {
	.global-header__button {
		width:16vw;
		max-width:inherit;
		height:16vw;
		max-height:inherit;
		border-radius:1.0666666667vw
	}
}
@media (hover: hover) and (pointer: fine) {
	.global-header__button:hover .global-header__button__inner span:nth-child(1) {
		opacity:1;
		transform:translateY(-50%)
	}
	.global-header__button:hover .global-header__button__inner span:nth-child(2) {
		transform:translateY(12px)
	}
	.global-header__button:hover .global-header__button__inner span:nth-child(3) {
		transform:translateY(12px)
	}
}
.global-header__button__inner {
	position:relative;
	width:20px;
	height:7px
}
@media screen and (max-width: 1280px) {
	.global-header__button__inner {
		width:5.3333333333vw;
		max-width:20px;
		height:1.8666666667vw;
		max-height:7px
	}
}
@media screen and (max-width: 768px) {
	.global-header__button__inner {
		max-width:inherit;
		max-height:inherit
	}
}
.global-header__button__inner span {
	position:absolute;
	left:0
}
.global-header__button__inner span:not(:first-child) {
	width:100%;
	height:2px;
	background-color:#0f1914
}
@media screen and (max-width: 1280px) {
	.global-header__button__inner span {
		height:.5333333333vw
	}
}
.global-header__button__inner span:nth-child(1) {
	top:50%;
	left:-1px;
	width:22px;
	height:16px;
	opacity:0;
	transition:.3s cubic-bezier(.43,.05,.17,1);
	transform:translateY(-45%) rotate(10deg);
	transform-origin:center bottom
}
.global-header__button__inner span:nth-child(2) {
	top:0;
	transition:transform .3s cubic-bezier(.43,.05,.17,1)
}
.global-header__button__inner span:nth-child(3) {
	bottom:0;
	transition:transform .3s cubic-bezier(.43,.05,.17,1)
}
.is-scroll .global-header__list {
	padding:6px 6px 6px 72px
}
@media screen and (max-width: 1280px) {
	.is-scroll .global-header__list {
		padding:0
	}
}
.is-scroll .global-header__logo {
	width:45px;
	pointer-events:auto;
	user-select:auto;
	transform:translate(calc(var(--vw) * 100 - 968px - var(--scrollbar-width)))
}
@media screen and (max-width: 1280px) {
	.is-scroll .global-header__logo {
		transform:none
	}
}
.is-scroll .global-header__logo__fw {
	opacity:1
}
@media screen and (max-width: 1280px) {
	.is-scroll .global-header__logo__fw {
		opacity:0
	}
}
.is-scroll .global-header__logo__firstwood {
	pointer-events:none;
	user-select:none;
	opacity:0
}
@media screen and (max-width: 1280px) {
	.is-scroll .global-header__logo__firstwood {
		opacity:0
	}
}
.is-op-end .global-header {
	pointer-events:auto;
	user-select:auto;
	opacity:1
}
.is-op-end .global-header__logo {
	opacity:1
}
.global-nav-item+.global-nav-item {
	margin-top:20px
}
@media screen and (max-width: 768px) {
	.global-nav-item+.global-nav-item {
		margin-top:5.3333333333vw
	}
}
.global-nav-item__nav__link {
	display:flex;
	gap:10px;
	align-items:center;
	font-size:16px;
	font-weight:700;
	color:#fff
}
@media screen and (max-width: 768px) {
	.global-nav-item__nav__link {
		gap:2.6666666667vw;
		font-size:3.7333333333vw
	}
}
.global-nav-item__nav__chevron-right {
	display:flex;
	width:20px;
	height:20px
}
@media screen and (max-width: 768px) {
	.global-nav-item__nav__chevron-right {
		width:5.3333333333vw;
		height:5.3333333333vw
	}
}
.global-nav-item__nav__child {
	display:flex;
	flex-direction:column;
	gap:18px;
	margin-top:18px;
	font-size:14px;
	color:#fff;
	opacity:.8
}
@media screen and (max-width: 768px) {
	.global-nav-item__nav__child {
		gap:4.8vw;
		margin-top:4.8vw;
		font-size:3.7333333333vw
	}
}
.global-nav-item__nav__child__link {
	display:flex;
	gap:4px;
	align-items:center
}
@media screen and (max-width: 768px) {
	.global-nav-item__nav__child__link {
		gap:1.0666666667vw
	}
}
.global-nav-item__nav__child__blank {
	display:flex;
	width:16px;
	height:16px
}
@media screen and (max-width: 768px) {
	.global-nav-item__nav__child__blank {
		width:4.2666666667vw;
		height:4.2666666667vw
	}
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
	.global-hamburger-menu .global-nav-item__nav__child {
		gap:1.25vw;
		font-size:.9722222222vw
	}
	.global-hamburger-menu .global-nav-item__nav__chevron-right {
		width:1.3888888889vw;
		height:1.3888888889vw
	}
	.global-hamburger-menu .global-nav-item__nav__link {
		font-size:1.1111111111vw
	}
}
.heading-loop {
	position:relative;
	display:flex;
	justify-content:center;
	width:100%;
	overflow:hidden;
	line-height:1
}
.heading-loop__item {
	flex-shrink:0;
	padding:0 1.3888888889vw;
	font-family:Bellefair,serif;
	font-size:8.3333333333vw;
	color:#fff;
	white-space:nowrap
}
@media screen and (max-width: 768px) {
	.heading-loop__item {
		padding:0 4vw;
		font-size:21.3333333333vw
	}
}
.heading-loop__item:nth-child(odd) {
	animation:heading-loop-odd var(--heading-loop-duration, 20s) var(--heading-loop-delay, -10s) infinite linear;
	animation-play-state:paused
}
.heading-loop__item:nth-child(even) {
	animation:heading-loop-even var(--heading-loop-duration, 20s) infinite linear;
	animation-play-state:paused
}
.heading-loop.is-view .heading-loop__item {
	animation-play-state:running
}
@keyframes heading-loop-odd {
	0% {
		transform:translate(100%)
	}
	to {
		transform:translate(-100%)
	}
}
@keyframes heading-loop-even {
	0% {
		transform:translate(0)
	}
	to {
		transform:translate(-200%)
	}
}
.heading__en {
	display:flex;
	font-family:Bellefair,serif;
	font-size:32px
}
@media screen and (max-width: 768px) {
	.heading__en {
		font-size:8.5333333333vw
	}
}
.heading__ja {
	display:flex;
	margin-top:36px;
	font-size:14px
}
@media screen and (max-width: 768px) {
	.heading__ja {
		margin-top:6.9333333333vw;
		font-size:3.7333333333vw
	}
}
.index-business {
	position:relative;
	margin-top:160px
}
@media screen and (max-width: 768px) {
	.index-business {
		margin-top:37.3333333333vw
	}
}
.index-business__list {
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:1.3888888889vw;
	margin-top:80px
}
@media screen and (max-width: 768px) {
	.index-business__list {
		grid-template-columns:repeat(2,1fr);
		gap:4vw;
		margin-top:10.6666666667vw
	}
}
.index-business__item {
	position:relative;
	overflow:hidden;
	border-radius:.6944444444vw;
	opacity:0;
	transition:opacity .6s cubic-bezier(.26,.16,.1,1),transform .6s cubic-bezier(.43,.05,.17,1);
	transform:translateY(1.6666666667vw)
}
@media (hover: hover) and (pointer: fine) {
	.index-business__item:hover .index-business__item__image {
		transform:scale(1.05)
	}
}
.index-business__item__image {
	width:100%;
	height:100%;
	object-fit:cover;
	transition:transform .6s cubic-bezier(.43,.05,.17,1)
}
.index-business__item:nth-child(1) {
	transition-delay:.1s
}
.index-business__item:nth-child(2) {
	transition-delay:.2s
}
.index-business__item:nth-child(3) {
	transition-delay:.3s
}
.index-business__item:nth-child(4) {
	transition-delay:.4s
}
.is-view .index-business__item {
	opacity:1;
	transform:translateY(0)
}
.index-business__item__text {
	position:absolute;
	bottom:2.0833333333vw;
	left:1.3888888889vw;
	font-size:1.6666666667vw;
	font-weight:600;
	color:#fff
}
@media screen and (max-width: 768px) {
	.index-business__item__text {
		bottom:5.3333333333vw;
		left:2.6666666667vw;
		font-size:4.2666666667vw
	}
}
.index-concept {
	position:relative;
	z-index:1
}
.index-concept__head {
	margin-top:160px
}
@media screen and (max-width: 768px) {
	.index-concept__head {
		margin-top:32vw
	}
}
.index-concept__head__title {
	font-family:Bellefair,serif;
	font-size:4.8611111111vw;
	color:#fff
}
@media screen and (max-width: 1280px) {
	.index-concept__head__title {
		font-size:60px
	}
}
@media screen and (max-width: 768px) {
	.index-concept__head__title {
		font-size:10.6666666667vw
	}
}
.index-concept__head__title__block {
	position:relative;
	display:block;
	width:fit-content
}
.index-concept__head__title__block--hide {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	clip-path:polygon(0 0,0% 0,0% 100%,0% 100%);
	color:#0f1914
}
.index-concept__contents {
	position:relative;
	display:flex;
	gap:13.8888888889vw;
	justify-content:start;
	margin-top:176px;
	margin-left:-6.9444444444vw
}
@media screen and (max-width: 768px) {
	.index-concept__contents {
		flex-direction:column;
		gap:22.4vw;
		margin-top:22.9333333333vw;
		margin-left:0
	}
}
.index-concept__circle__wrapper {
	position:relative;
	width:48.6111111111vw;
	height:48.6111111111vw
}
@media screen and (max-width: 768px) {
	.index-concept__circle__wrapper {
		left:-13.3333333333vw;
		width:93.3333333333vw;
		height:93.3333333333vw
	}
}
.index-concept__circle__slider {
	position:relative;
	z-index:1;
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	height:100%
}
.index-concept__circle__images {
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden;
	border-radius:50%
}
.index-concept__circle__images img {
	position:absolute;
	top:0;
	left:50%;
	transform:translate(-50%) scale(1)
}
.index-concept__circle__image {
	width:117.5%;
	opacity:0;
	transition:opacity .6s cubic-bezier(.43,.05,.17,1)
}
.index-concept__circle__image.is-active {
	opacity:1;
	transition:opacity .6s cubic-bezier(.43,.05,.17,1)
}
.index-concept__circle__segments {
	position:absolute;
	top:50%;
	left:50%;
	width:55.5555555556vw;
	height:55.5555555556vw;
	transform:translate(-50%,-50%) rotate(-30deg)
}
@media screen and (max-width: 768px) {
	.index-concept__circle__segments {
		width:109.3333333333vw;
		height:109.3333333333vw
	}
}
.index-concept__circle__segment {
	fill:#d4d3cf;
	transition:fill .6s cubic-bezier(.43,.05,.17,1)
}
.index-concept__circle__segment.is-active {
	fill:#64a028;
	transition:fill .6s cubic-bezier(.43,.05,.17,1)
}
.index-concept__circle__icon {
	position:absolute;
	top:50%;
	right:-5.2083333333vw;
	z-index:1;
	display:flex;
	align-items:center;
	justify-content:center;
	width:4.1666666667vw;
	height:4.1666666667vw;
	color:#fff;
	background-color:#64a028;
	border-radius:50%;
	opacity:0;
	transition:z-index,opacity .6s cubic-bezier(.43,.05,.17,1);
	transform:translateY(-50%)
}
@media screen and (max-width: 768px) {
	.index-concept__circle__icon {
		right:-11.4666666667vw;
		width:8vw;
		height:8vw
	}
}
.index-concept__circle__icon.is-active {
	z-index:2;
	opacity:1;
	transition:z-index,opacity .6s cubic-bezier(.43,.05,.17,1)
}
.index-concept__circle__icon svg {
	width:2.2222222222vw;
	height:2.2222222222vw
}
@media screen and (max-width: 768px) {
	.index-concept__circle__icon svg {
		width:4.2666666667vw;
		height:4.2666666667vw
	}
}
.index-concept__heading-loop {
	position:absolute;
	top:36.1111111111vw;
	left:6.9444444444vw;
	width:100vw
}
@media screen and (max-width: 768px) {
	.index-concept__heading-loop {
		top:77.3333333333vw;
		left:13.3333333333vw;
		width:100vw
	}
}
.index-concept__desc {
	position:relative;
	display:flex;
	flex-direction:column;
	flex-shrink:0;
	gap:40px;
	width:31.9444444444vw;
	margin-top:2.7777777778vw
}
@media screen and (max-width: 768px) {
	.index-concept__desc {
		gap:8.5333333333vw;
		width:89.3333333333vw;
		margin-inline:auto;
		margin-top:0
	}
}
.index-concept__desc__title {
	font-size:2.2222222222vw;
	font-weight:700;
	line-height:1.8
}
@media screen and (max-width: 768px) {
	.index-concept__desc__title {
		font-size:5.6vw;
		line-height:1
	}
}
.index-concept__desc__text {
	line-height:2em
}
.index-concept__desc__buttons {
	display:flex;
	flex-direction:column;
	gap:20px
}
@media screen and (max-width: 768px) {
	.index-concept__desc__buttons {
		gap:5.3333333333vw
	}
}
.index-concept__desc__button:first-child {
	width:188px;
	height:60px
}
@media screen and (max-width: 768px) {
	.index-concept__desc__button:first-child {
		width:50.1333333333vw;
		height:16vw
	}
}
.index-concept__desc__button:last-child {
	width:244px;
	height:60px
}
@media screen and (max-width: 768px) {
	.index-concept__desc__button:last-child {
		width:65.0666666667vw;
		height:16vw
	}
}
.index-mv {
	position:relative;
	z-index:100;
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	height:100vh;
	overflow:hidden;
	color:#fff
}
@media screen and (max-width: 768px) {
	.index-mv {
		height:calc(var(--vh, 100svh) * 100)
	}
}
.index-mv__webgl {
	position:absolute;
	top:0;
	left:0;
	z-index:100;
	width:100%;
	height:100%;
	pointer-events:none;
	user-select:none
}
.index-mv__icon-area {
	position:absolute;
	top:50%;
	left:50%;
	z-index:100;
	display:flex;
	align-items:center;
	justify-content:center;
	width:200px;
	height:200px;
	overflow:hidden;
	clip-path:polygon(0 0,100% 0,100% 100%,0% 100%);
	transform:translate(-50%,-50%)
}
.index-mv-p1__rect {
	position:absolute;
	left:0;
	width:100%;
	height:5px;
	background-color:#64a028
}
.index-mv-p1__rect--01 {
	top:-5px
}
.index-mv-p1__rect--02 {
	bottom:-5px
}
.index-mv-p2__rect {
	position:absolute;
	width:50%;
	height:10px;
	background-color:#64a028
}
.index-mv-p2__rect--01 {
	top:-10px;
	left:0
}
.index-mv-p2__rect--02 {
	right:0;
	bottom:-10px
}
.index-mv__icon__op {
	position:absolute;
	top:50%;
	left:50%;
	width:60px;
	height:60px;
	color:#0f1914;
	opacity:0;
	transform:translate(-50%,-50%)
}
.index-mv__icon__op:nth-of-type(1) {
	opacity:1
}
.index-mv__circle {
	position:absolute
}
.index-mv__circle--01 {
	top:-9px;
	right:7px;
	width:93px;
	height:63px
}
.index-mv__circle--02 {
	top:calc(50% + 4px);
	right:-5px;
	width:37px;
	height:106px;
	transform:scale(1.04) translateY(-50%)
}
.index-mv__circle--03 {
	right:9px;
	bottom:-10.5px;
	width:93px;
	height:63px;
	transform:rotate(120deg)
}
.index-mv__circle--04 {
	bottom:-9px;
	left:7px;
	width:93px;
	height:63px;
	transform:rotate(180deg)
}
.index-mv__circle--05 {
	top:50%;
	left:-5px;
	width:37px;
	height:106px;
	transform:scale(1.04) translateY(-50%) rotate(180deg)
}
.index-mv__circle--06 {
	top:-10.5px;
	left:9.5px;
	width:93px;
	height:63px;
	transform:rotate(-60deg)
}
.index-mv__contents {
	position:relative;
	z-index:100;
	width:100%;
	height:400px;
	opacity:0;
	transition:opacity 2s cubic-bezier(.26,.16,.1,1)
}
@media screen and (max-width: 768px) {
	.index-mv__contents {
		height:45.6vw
	}
}
.index-mv__copy {
	position:absolute;
	top:10%;
	left:50%;
	width:307px;
	height:149px;
	transform:translate(-50%)
}
@media screen and (max-width: 768px) {
	.index-mv__copy {
		top:-20%;
		width:55.7333333333vw;
		height:26.9333333333vw
	}
}
.index-mv__slides__icon {
	position:absolute;
	top:50%;
	left:50%;
	z-index:100;
	display:flex;
	width:240px;
	height:240px;
	margin:0 auto;
	color:#fff;
	transform:translate(-50%,-50%)
}
@media screen and (max-width: 768px) {
	.index-mv__slides__icon {
		width:48vw;
		height:48vw
	}
}
.index-mv__slides__icon path {
	fill:currentcolor;
	stroke:currentcolor
}
.is-op-end .index-mv__contents {
	opacity:1
}
.index-mv__title {
	position:absolute;
	bottom:120px;
	left:50%;
	z-index:100;
	font-family:Bellefair,serif;
	font-size:7.6388888889vw;
	line-height:1;
	color:#fff;
	white-space:nowrap;
	opacity:0;
	transition:opacity 2s cubic-bezier(.26,.16,.1,1);
	transform:translate(-50%)
}
@media screen and (max-width: 768px) {
	.index-mv__title {
		bottom:32.8vw;
		width:100%;
		font-size:12.8vw;
		line-height:1.2;
		text-align:center;
		white-space:wrap
	}
}
.is-op-end .index-mv__title {
	opacity:1
}
.index-mv__logo__fw {
	position:absolute;
	bottom:6.6666666667vw;
	left:5.3333333333vw;
	z-index:100;
	width:64vw;
	height:12.2666666667vw;
	opacity:0;
	transition:opacity .6s cubic-bezier(.26,.16,.1,1)
}
.is-op-end .index-mv__logo__fw {
	opacity:1
}
.index-news {
	position:relative
}
.index-news__bg {
	padding:200px 0
}
@media screen and (max-width: 768px) {
	.index-news__bg {
		padding:32vw 0
	}
}
.index-news__grid {
	display:grid;
	grid-template-columns:160px 1fr;
	grid-row:1fr 1fr;
	grid-column-gap:180px
}
@media screen and (max-width: 768px) {
	.index-news__grid {
		display:block
	}
}
.index-news__heading {
	grid-row:1/2;
	grid-column:1/2
}
.index-news__button {
	grid-row:2/3;
	grid-column:1/2;
	align-items:flex-end;
	align-self:end;
	width:160px;
	height:60px
}
@media screen and (max-width: 768px) {
	.index-news__button {
		width:42.6666666667vw;
		height:16vw;
		margin-top:10.6666666667vw
	}
}
.index-news__list {
	grid-row:1/3;
	grid-column:2/3
}
@media screen and (max-width: 768px) {
	.index-news__list {
		margin-top:15.4666666667vw
	}
}
.index-news__item {
	border-top:1px solid #8b8a87
}
.index-news__item:last-of-type {
	border-bottom:1px solid #8b8a87
}
.index-news__link {
	display:grid;
	grid-template-rows:auto auto;
	grid-template-columns:100px 1fr;
	gap:20px;
	align-items:center;
	padding:38px 0;
	transition:background-color,padding,.6s cubic-bezier(.26,.16,.1,1)
}
@media (hover: hover) and (pointer: fine) {
	.index-news__link:hover {
		padding:38px 20px;
		background-color:#e7e2d9;
		transition:background-color,padding,.6s cubic-bezier(.26,.16,.1,1)
	}
}
@media screen and (max-width: 768px) {
	.index-news__link {
		display:flex;
		flex-direction:column;
		gap:4.2666666667vw;
		align-items:flex-start;
		padding:8vw 0 7.4666666667vw
	}
}
.index-news__categories {
	display:flex;
	flex-wrap:wrap;
	gap:10px
}
@media screen and (max-width: 768px) {
	.index-news__categories {
		position:relative
	}
}
.index-news__date {
	flex-shrink:0;
	font-family:Bellefair,serif;
	font-size:14px;
	color:#8b8a87
}
@media screen and (max-width: 768px) {
	.index-news__date {
		font-size:3.7333333333vw
	}
}
.index-news__title {
	grid-column:1/3;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
	overflow:hidden
}
@media screen and (max-width: 768px) {
	.index-news__title {
		display:-webkit-box;
		-webkit-box-orient:vertical;
		-webkit-line-clamp:2;
		overflow:hidden;
		grid-column:none;
		line-height:1.6
	}
}
.index-pickup {
	position:relative;
	height:250vh;
	margin-bottom:160px
}
@media screen and (max-width: 768px) {
	.index-pickup {
		height:auto;
		margin-bottom:16vw
	}
}
.index-pickup__inner {
	position:sticky;
	top:-26px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	height:100vh;
	margin-left:5.55555vw
}
@media screen and (max-width: 768px) {
	.index-pickup__inner {
		top:auto;
		height:auto;
		margin-inline:5.55555vw
	}
}
.index-pickup__list {
	position:relative;
	height:calc(var(--vh, 1vh) * 50);
	margin-top:78px
}
@media screen and (max-width: 768px) {
	.index-pickup__list {
		display:flex;
		flex-direction:column;
		gap:5.3333333333vw;
		height:auto;
		padding-bottom:0;
		margin-top:16vw
	}
}
.index-pickup__item {
	display:flex;
	max-width:840px;
	border-radius:10px;
	box-shadow:0 5px 15px #0000000d
}
@media screen and (max-width: 1280px) {
	.index-pickup__item {
		width:90%
	}
}
@media screen and (max-width: 768px) {
	.index-pickup__item {
		position:unset;
		top:unset;
		flex-direction:column-reverse;
		width:100%
	}
}
.index-pickup__item:nth-child(1) {
	position:absolute;
	top:0;
	left:0;
	width:100%
}
@media screen and (max-width: 768px) {
	.index-pickup__item:nth-child(1) {
		position:relative;
		top:0;
		left:unset
	}
}
.index-pickup__item:nth-child(2) {
	position:absolute;
	top:40px;
	left:90%;
	width:100%
}
@media screen and (max-width: 768px) {
	.index-pickup__item:nth-child(2) {
		position:relative;
		top:0;
		left:unset
	}
}
.index-pickup__item:nth-child(3) {
	position:absolute;
	top:80px;
	left:95%;
	width:100%
}
@media screen and (max-width: 768px) {
	.index-pickup__item:nth-child(3) {
		position:relative;
		top:0;
		left:unset
	}
}
.index-pickup__item__desc {
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	width:40%;
	height:calc(var(--vh, 1vh) * 50);
	min-height:440px;
	padding-block:60px;
	padding-inline:40px;
	background-color:#fff;
	border-top-left-radius:10px;
	border-bottom-left-radius:10px
}
@media screen and (max-width: 768px) {
	.index-pickup__item__desc {
		gap:5.3333333333vw;
		justify-content:start;
		width:100%;
		height:auto;
		min-height:auto;
		padding-block:8vw;
		padding-inline:5.3333333333vw;
		border-top-left-radius:0;
		border-bottom-right-radius:10px;
		border-bottom-left-radius:10px
	}
}
.index-pickup__item__head {
	display:flex;
	flex-direction:column;
	gap:40px
}
@media screen and (max-width: 768px) {
	.index-pickup__item__head {
		gap:5.3333333333vw
	}
}
.index-pickup__item__categories {
	position:relative;
	display:grid;
	gap:10px
}
@media screen and (max-width: 768px) {
	.index-pickup__item__categories {
		gap:2.6666666667vw
	}
}
.index-pickup__item__title {
	font-size:24px;
	font-weight:600;
	line-height:1.6em
}
@media screen and (max-width: 768px) {
	.index-pickup__item__title {
		font-size:5.6vw
	}
}
.index-pickup__item__button {
	width:160px;
	height:60px
}
@media screen and (max-width: 768px) {
	.index-pickup__item__button {
		width:42.6666666667vw;
		height:16vw
	}
}
.index-pickup__item__image {
	width:520px;
	height:calc(var(--vh, 1vh) * 50);
	min-height:440px;
	object-fit:cover;
	background-color:#8b8a87;
	border-top-right-radius:10px;
	border-bottom-right-radius:10px
}
@media screen and (max-width: 768px) {
	.index-pickup__item__image {
		width:100%;
		height:53.3333333333vw;
		min-height:auto;
		border-top-left-radius:10px;
		border-top-right-radius:10px;
		border-bottom-right-radius:0
	}
}
.index-recruit {
	position:relative;
	height:250vh;
	color:#fff
}
.index-recruit__inner {
	position:sticky;
	top:0;
	display:flex;
	align-items:center;
	justify-content:center;
	height:100vh;
	clip-path:inset(8.3333333333vw 5.5555555556vw round 15px)
}
@media screen and (max-width: 1280px) {
	.index-recruit__inner {
		clip-path:inset(80px round 15px)
	}
}
@media screen and (max-width: 768px) {
	.index-recruit__inner {
		clip-path:inset(9.3333333333vw 5.3333333333vw round 2.1333333333vw)
	}
}
.index-recruit__title {
	flex-shrink:0;
	width:280px;
	padding-top:130px;
	padding-right:52px;
	padding-left:60px
}
@media screen and (max-width: 768px) {
	.index-recruit__title {
		width:89.3333333333vw;
		padding-block:16vw;
		padding-inline:0;
		margin-inline:auto;
		overflow:hidden
	}
}
.index-recruit__title h2 {
	transform:translate(100px,4.1666666667vw)
}
@media screen and (max-width: 768px) {
	.index-recruit__title h2 {
		transform:translate(5.3333333333vw,1.3333333333vw)
	}
}
.index-recruit__contents {
	display:flex;
	width:100vw;
	height:100vh;
	min-height:500px;
	margin:0 auto;
	overflow:hidden;
	background-color:#0f1914
}
@media screen and (max-width: 1280px) {
	.index-recruit__contents {
		width:1024px;
		height:100vh
	}
}
@media screen and (max-width: 768px) {
	.index-recruit__contents {
		flex-direction:column;
		width:100vw;
		margin:0 auto
	}
}
.index-recruit__pointer {
	position:fixed;
	top:-100px;
	left:-100px;
	z-index:1;
	pointer-events:none;
	transition:transform .6s cubic-bezier(.18,.89,.32,1.28)
}
.index-recruit__pointer__inner {
	display:flex;
	flex-direction:column;
	gap:10px;
	align-items:center;
	justify-content:center;
	width:140px;
	height:140px;
	color:#64a028;
	background-color:#ffffffb3;
	border-radius:50%;
	box-shadow:0 5px 15px #0000000d;
	transition:transform .6s cubic-bezier(.26,.16,.1,1);
	transform:scale(0)
}
.index-recruit__pointer.is-show .index-recruit__pointer__inner {
	transition:transform .6s cubic-bezier(.18,.89,.32,1.28);
	transform:scale(1)
}
.index-recruit__pointer__text {
	padding-top:15px;
	font-family:Bellefair,serif;
	font-size:14px;
	line-height:1.6em;
	color:#0f1914
}
.index-recruit__pointer__icon {
	display:block;
	width:14px;
	height:14px
}
.index-recruit__slider__wrapper {
	position:relative;
	width:100%;
	overflow:hidden
}
.index-recruit__slider {
	position:relative;
	display:flex;
	gap:15px;
	width:100%;
	height:100vh
}
@media screen and (max-width: 768px) {
	.index-recruit__slider {
		height:85vh;
		transform:translate(-16vw)
	}
}
.index-recruit__slider__inner {
	position:absolute;
	left:0;
	display:flex;
	flex-direction:column;
	gap:16px
}
.index-recruit__slider__inner:nth-child(odd) {
	top:0;
	transform:translateY(0)
}
.index-recruit__slider__inner:nth-child(even) {
	bottom:0;
	transform:translateY(0)
}
.index-recruit__slider__inner:nth-child(1) {
	left:calc(0vw + 0px)
}
@media screen and (max-width: 1280px) {
	.index-recruit__slider__inner:nth-child(1) {
		left:0
	}
}
@media screen and (max-width: 768px) {
	.index-recruit__slider__inner:nth-child(1) {
		left:calc(0vw + 0px)
	}
}
.index-recruit__slider__inner:nth-child(2) {
	left:calc(18.8340277778vw + 15px)
}
@media screen and (max-width: 1280px) {
	.index-recruit__slider__inner:nth-child(2) {
		left:286.21px
	}
}
@media screen and (max-width: 768px) {
	.index-recruit__slider__inner:nth-child(2) {
		left:calc(42.6666666667vw + 15px)
	}
}
.index-recruit__slider__inner:nth-child(3) {
	left:calc(37.6680555556vw + 30px)
}
@media screen and (max-width: 1280px) {
	.index-recruit__slider__inner:nth-child(3) {
		left:572.42px
	}
}
@media screen and (max-width: 768px) {
	.index-recruit__slider__inner:nth-child(3) {
		left:calc(85.3333333333vw + 30px)
	}
}
.index-recruit__slider__inner:nth-child(4) {
	left:calc(56.5020833333vw + 45px)
}
@media screen and (max-width: 1280px) {
	.index-recruit__slider__inner:nth-child(4) {
		left:858.63px
	}
}
@media screen and (max-width: 768px) {
	.index-recruit__slider__inner:nth-child(4) {
		left:calc(128vw + 45px)
	}
}
.index-recruit__slider__inner:nth-child(5) {
	left:calc(75.3361111111vw + 60px)
}
@media screen and (max-width: 1280px) {
	.index-recruit__slider__inner:nth-child(5) {
		left:1144.84px
	}
}
@media screen and (max-width: 768px) {
	.index-recruit__slider__inner:nth-child(5) {
		left:calc(170.6666666667vw + 60px)
	}
}
.index-recruit__slider__inner:nth-child(6) {
	left:calc(94.1701388889vw + 75px)
}
@media screen and (max-width: 1280px) {
	.index-recruit__slider__inner:nth-child(6) {
		left:1431.05px
	}
}
@media screen and (max-width: 768px) {
	.index-recruit__slider__inner:nth-child(6) {
		left:calc(213.3333333333vw + 75px)
	}
}
.index-recruit__list {
	display:flex;
	flex-direction:column;
	gap:15px;
	transform:translateY(0)
}
.index-recruit__slider__inner:nth-child(odd) .index-recruit__list {
	animation:infinity-up-scroll 50s infinite linear;
	animation-play-state:paused
}
.is-view .index-recruit__slider__inner:nth-child(odd) .index-recruit__list {
	animation-play-state:running
}
.index-recruit__slider__inner:nth-child(even) .index-recruit__list {
	animation:infinity-down-scroll 50s infinite linear;
	animation-play-state:paused
}
.is-view .index-recruit__slider__inner:nth-child(even) .index-recruit__list {
	animation-play-state:running
}
@keyframes infinity-up-scroll {
	0% {
		transform:translateY(0)
	}
	to {
		transform:translateY(calc(-100% - 15px))
	}
}
@keyframes infinity-down-scroll {
	0% {
		transform:translateY(0)
	}
	to {
		transform:translateY(calc(100% + 15px))
	}
}
.index-recruit__item {
	flex-shrink:0;
	overflow:hidden
}
@media screen and (min-width: 1280px) {
	.index-recruit__item {
		width:18.8340277778vw;
		height:26.4847222222vw;
		border-radius:.7638888889vw
	}
}
@media screen and (max-width: 1280px) {
	.index-recruit__item {
		width:271.21px;
		height:381.38px;
		border-radius:11px
	}
}
@media screen and (max-width: 768px) {
	.index-recruit__item {
		width:42.6666666667vw;
		height:60vw;
		border-radius:2.9333333333vw
	}
}
.index-recruit__item__image {
	width:100%;
	height:100%;
	object-fit:cover
}
.index-sustainable {
	position:relative;
	width:88.8888888889vw;
	height:31.9444444444vw;
	margin:160px auto;
	overflow:hidden;
	border-radius:.6944444444vw
}
@media screen and (max-width: 768px) {
	.index-sustainable {
		width:89.3333333333vw;
		height:56vw;
		margin:32vw auto;
		border-radius:2.6666666667vw
	}
}
@media (hover: hover) and (pointer: fine) {
	.index-sustainable__link:hover .index-sustainable__bg {
		transform:scale(1.05)
	}
}
.index-sustainable__bg {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	transition:transform .6s cubic-bezier(.43,.05,.17,1)
}
.index-sustainable__bg img {
	width:100%;
	height:100%;
	object-fit:cover
}
.index-sustainable__text {
	position:absolute;
	bottom:30px;
	left:20px;
	font-size:24px;
	font-weight:700;
	color:#fff
}
@media screen and (max-width: 768px) {
	.index-sustainable__text {
		bottom:5.3333333333vw;
		left:2.6666666667vw;
		font-size:4.2666666667vw
	}
}