/* Slider */
.slick-slider {
	position: relative;
	display: block;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0;
}
.slick-list:focus {
	outline: none;
}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slick-track {
	position: relative;
	left: 0;
	top: 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.slick-track:before, .slick-track:after {
	content: "";
	display: table;
}
.slick-track:after {
	clear: both;
}
.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	float: left;
	height: 100%;
	min-height: 1px;
	display: none;
}
[dir=rtl] .slick-slide {
	float: right;
}
.slick-slide img {
	display: block;
}
.slick-slide.slick-loading img {
	display: none;
}
.slick-slide.dragging img {
	pointer-events: none;
}
.slick-initialized .slick-slide {
	display: block;
}
.slick-loading .slick-slide {
	visibility: hidden;
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
}

.slick-arrow.slick-hidden {
	display: none;
}

/* Slider */
/* Icons */
@font-face {
	font-family: "slick";
	font-weight: normal;
	font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
	position: absolute;
	display: block;
	height: 20px;
	width: 20px;
	line-height: 0px;
	font-size: 0px;
	cursor: pointer;
	color: transparent;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	padding: 0;
	border: none;
	outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
	outline: none;
	color: transparent;
}
.slick-prev:before,
.slick-next:before {
	font-family: "slick";
	font-size: 20px;
	line-height: 1;
	color: white;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

[dir=rtl] .slick-prev {
	left: auto;
}
[dir=rtl] .slick-next {
	right: auto;
}
/* Dots */
.slick-dots {
	position: absolute;
	bottom: -25px;
	list-style: none;
	display: block;
	text-align: center;
	padding: 0;
	margin: 0;
	width: 100%;
}
.slick-dots li {
	position: relative;
	display: inline-block;
	height: 20px;
	width: 20px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer;
}
.slick-dots li button {
	border: 0;
	background: transparent;
	display: block;
	height: 20px;
	width: 20px;
	outline: none;
	line-height: 0px;
	font-size: 0px;
	color: transparent;
	cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
	outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
	opacity: 1;
}
.slick-dots li.slick-active button:before {
	color: black;
	opacity: 0.75;
}

.is-fade > *:not(.is-not) {
	opacity: 0;
	-webkit-transform: translateY(30px);
	        transform: translateY(30px);
	-webkit-transition: translateY 0.6s, opacity 0.6s;
	transition: translateY 0.6s, opacity 0.6s;
	-webkit-transition-timing-function: cubic-bezier(0.37, 0, 0.63, 1);
	        transition-timing-function: cubic-bezier(0.37, 0, 0.63, 1);
}
.is-fade > .is-not {
	-webkit-transition: translateY 0.6s, opacity 0.6s;
	transition: translateY 0.6s, opacity 0.6s;
	-webkit-transition-timing-function: cubic-bezier(0.37, 0, 0.63, 1);
	        transition-timing-function: cubic-bezier(0.37, 0, 0.63, 1);
}
.is-fade.fadeIn > * {
	opacity: 1;
	-webkit-transform: translateY(0);
	        transform: translateY(0);
}

.is-fade > *:not(.is-not):nth-child(0) {
	-webkit-transition-delay: 100ms;
	        transition-delay: 100ms;
}

.is-fade > *:not(.is-not):nth-child(1) {
	-webkit-transition-delay: 220ms;
	        transition-delay: 220ms;
}

.is-fade > *:not(.is-not):nth-child(2) {
	-webkit-transition-delay: 340ms;
	        transition-delay: 340ms;
}

.is-fade > *:not(.is-not):nth-child(3) {
	-webkit-transition-delay: 460ms;
	        transition-delay: 460ms;
}

.is-fade > *:not(.is-not):nth-child(4) {
	-webkit-transition-delay: 580ms;
	        transition-delay: 580ms;
}

.is-fade > *:not(.is-not):nth-child(5) {
	-webkit-transition-delay: 700ms;
	        transition-delay: 700ms;
}

.is-fade > *:not(.is-not):nth-child(6) {
	-webkit-transition-delay: 820ms;
	        transition-delay: 820ms;
}

.is-fade > *:not(.is-not):nth-child(7) {
	-webkit-transition-delay: 940ms;
	        transition-delay: 940ms;
}

.is-fade > *:not(.is-not):nth-child(8) {
	-webkit-transition-delay: 1060ms;
	        transition-delay: 1060ms;
}

.is-fade > *:not(.is-not):nth-child(9) {
	-webkit-transition-delay: 1180ms;
	        transition-delay: 1180ms;
}

.is-fade > *:not(.is-not):nth-child(10) {
	-webkit-transition-delay: 1300ms;
	        transition-delay: 1300ms;
}

.is-fade > *:not(.is-not):nth-child(11) {
	-webkit-transition-delay: 1420ms;
	        transition-delay: 1420ms;
}

.is-fade > *:not(.is-not):nth-child(12) {
	-webkit-transition-delay: 1540ms;
	        transition-delay: 1540ms;
}

.is-fade > *:not(.is-not):nth-child(13) {
	-webkit-transition-delay: 1660ms;
	        transition-delay: 1660ms;
}

.is-fade > *:not(.is-not):nth-child(14) {
	-webkit-transition-delay: 1780ms;
	        transition-delay: 1780ms;
}

.is-fade > *:not(.is-not):nth-child(15) {
	-webkit-transition-delay: 1900ms;
	        transition-delay: 1900ms;
}

.is-fade > *:not(.is-not):nth-child(16) {
	-webkit-transition-delay: 2020ms;
	        transition-delay: 2020ms;
}

.is-fade > *:not(.is-not):nth-child(17) {
	-webkit-transition-delay: 2140ms;
	        transition-delay: 2140ms;
}

.is-fade > *:not(.is-not):nth-child(18) {
	-webkit-transition-delay: 2260ms;
	        transition-delay: 2260ms;
}

.is-fade > *:not(.is-not):nth-child(19) {
	-webkit-transition-delay: 2380ms;
	        transition-delay: 2380ms;
}

.is-fade > *:not(.is-not):nth-child(20) {
	-webkit-transition-delay: 2500ms;
	        transition-delay: 2500ms;
}

.box-fade {
	opacity: 0;
	-webkit-transform: translateY(30px);
	        transform: translateY(30px);
	-webkit-transition: all 0.6s cubic-bezier(0.37, 0, 0.63, 1);
	transition: all 0.6s cubic-bezier(0.37, 0, 0.63, 1);
}
.box-fade.fadeIn {
	opacity: 1;
	-webkit-transform: translateY(0);
	        transform: translateY(0);
}

.p_hover a:hover {
	opacity: 0.7;
}

.svg.c_white svg {
	fill: #fff;
}
.svg.c_black svg {
	fill: #000;
}

.img-fit img {
	width: 100%;
	height: 100%;
	-o-object-position: 50% 50%;
	   object-position: 50% 50%;
	-o-object-fit: cover;
	   object-fit: cover;
}

.replace_img {
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50% 50%;
}

.l_tel {
	pointer-events: none;
}

@media screen and (max-width: 800px) {
	.l_tel {
		pointer-events: auto;
	}
}
@-webkit-keyframes slide_loop {
	0% {
		-webkit-transform: translateX(0);
		        transform: translateX(0);
	}
	100% {
		-webkit-transform: translateX(-50%);
		        transform: translateX(-50%);
	}
}
@keyframes slide_loop {
	0% {
		-webkit-transform: translateX(0);
		        transform: translateX(0);
	}
	100% {
		-webkit-transform: translateX(-50%);
		        transform: translateX(-50%);
	}
}
@-webkit-keyframes rotate {
	0% {
		-webkit-transform: rotate(0);
		        transform: rotate(0);
	}
	100% {
		-webkit-transform: rotate(360deg);
		        transform: rotate(360deg);
	}
}
@keyframes rotate {
	0% {
		-webkit-transform: rotate(0);
		        transform: rotate(0);
	}
	100% {
		-webkit-transform: rotate(360deg);
		        transform: rotate(360deg);
	}
}
.area {
	color: #fff;
	font-size: var(--font-size12);
	height: 28px;
	border-radius: 30px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.c_hitoyoshi {
	background-color: var(--c_blue);
}
.c_hitoyoshi._txt {
	color: var(--c_blue);
}
@media screen and (min-width: 801px) {
	[class*=_list_item]:has(.c_hitoyoshi) a:hover {
		color: var(--c_blue);
	}
	[class*=_list_item]:has(.c_hitoyoshi) a:hover span {
		border-color: var(--c_blue);
	}
}

.c_nishiki {
	background-color: #A44042;
}
.c_nishiki._txt {
	color: #A44042;
}
@media screen and (min-width: 801px) {
	[class*=_list_item]:has(.c_nishiki) a:hover {
		color: #A44042;
	}
	[class*=_list_item]:has(.c_nishiki) a:hover span {
		border-color: #A44042;
	}
}

.c_taragi {
	background-color: #3CA156;
}
.c_taragi._txt {
	color: #3CA156;
}
@media screen and (min-width: 801px) {
	[class*=_list_item]:has(.c_taragi) a:hover {
		color: #3CA156;
	}
	[class*=_list_item]:has(.c_taragi) a:hover span {
		border-color: #3CA156;
	}
}

.c_yunomae {
	background-color: #AC7F5E;
}
.c_yunomae._txt {
	color: #AC7F5E;
}
@media screen and (min-width: 801px) {
	[class*=_list_item]:has(.c_yunomae) a:hover {
		color: #AC7F5E;
	}
	[class*=_list_item]:has(.c_yunomae) a:hover span {
		border-color: #AC7F5E;
	}
}

.c_mizukami {
	background-color: #3C5384;
}
.c_mizukami._txt {
	color: #3C5384;
}
@media screen and (min-width: 801px) {
	[class*=_list_item]:has(.c_mizukami) a:hover {
		color: #3C5384;
	}
	[class*=_list_item]:has(.c_mizukami) a:hover span {
		border-color: #3C5384;
	}
}

.c_sagara {
	background-color: var(--c_purple);
}
.c_sagara._txt {
	color: var(--c_purple);
}
@media screen and (min-width: 801px) {
	[class*=_list_item]:has(.c_sagara) a:hover {
		color: var(--c_purple);
	}
	[class*=_list_item]:has(.c_sagara) a:hover span {
		border-color: var(--c_purple);
	}
}

.c_itsuki {
	background-color: var(--c_yellow);
}
.c_itsuki._txt {
	color: var(--c_yellow);
}
@media screen and (min-width: 801px) {
	[class*=_list_item]:has(.c_itsuki) a:hover {
		color: var(--c_yellow);
	}
	[class*=_list_item]:has(.c_itsuki) a:hover span {
		border-color: var(--c_yellow);
	}
}

.c_yamae {
	background-color: var(--c_red);
}
.c_yamae._txt {
	color: var(--c_red);
}
@media screen and (min-width: 801px) {
	[class*=_list_item]:has(.c_yamae) a:hover {
		color: var(--c_red);
	}
	[class*=_list_item]:has(.c_yamae) a:hover span {
		border-color: var(--c_red);
	}
}

.c_kuma {
	background-color: var(--c_key1);
}
.c_kuma._txt {
	color: var(--c_key1);
}
@media screen and (min-width: 801px) {
	[class*=_list_item]:has(.c_kuma) a:hover {
		color: var(--c_key1);
	}
	[class*=_list_item]:has(.c_kuma) a:hover span {
		border-color: var(--c_key1);
	}
}

.c_asagiri {
	background-color: #84895E;
}
.c_asagiri._txt {
	color: #84895E;
}
@media screen and (min-width: 801px) {
	[class*=_list_item]:has(.c_asagiri) a:hover {
		color: #84895E;
	}
	[class*=_list_item]:has(.c_asagiri) a:hover span {
		border-color: #84895E;
	}
}

.cmn_btn {
	height: 64px;
}
.cmn_btn._blue:not(._inv) a {
	color: var(--c_blue);
	border-color: var(--c_blue);
}
.cmn_btn._blue:not(._inv) a ._arrow {
	background-color: var(--c_blue);
}
@media screen and (min-width: 801px) {
	.cmn_btn._blue:not(._inv) a:hover {
		color: #fff;
		background-color: var(--c_blue);
	}
	.cmn_btn._blue:not(._inv) a:hover ._arrow {
		background-color: #fff;
	}
}
.cmn_btn._purple:not(._inv) a {
	color: var(--c_purple);
	border-color: var(--c_purple);
}
.cmn_btn._purple:not(._inv) a ._arrow {
	background-color: var(--c_purple);
}
@media screen and (min-width: 801px) {
	.cmn_btn._purple:not(._inv) a:hover {
		color: #fff;
		background-color: var(--c_purple);
	}
	.cmn_btn._purple:not(._inv) a:hover ._arrow {
		background-color: #fff;
	}
}
.cmn_btn._yellow:not(._inv) a {
	color: var(--c_yellow);
	border-color: var(--c_yellow);
}
.cmn_btn._yellow:not(._inv) a ._arrow {
	background-color: var(--c_yellow);
}
@media screen and (min-width: 801px) {
	.cmn_btn._yellow:not(._inv) a:hover {
		color: #fff;
		background-color: var(--c_yellow);
	}
	.cmn_btn._yellow:not(._inv) a:hover ._arrow {
		background-color: #fff;
	}
}
.cmn_btn._red:not(._inv) a {
	color: var(--c_red);
	border-color: var(--c_red);
}
.cmn_btn._red:not(._inv) a ._arrow {
	background-color: var(--c_red);
}
@media screen and (min-width: 801px) {
	.cmn_btn._red:not(._inv) a:hover {
		color: #fff;
		background-color: var(--c_red);
	}
	.cmn_btn._red:not(._inv) a:hover ._arrow {
		background-color: #fff;
	}
}
.cmn_btn._green:not(._inv) a {
	color: var(--c_key1);
	border-color: var(--c_key1);
}
.cmn_btn._green:not(._inv) a ._arrow {
	background-color: var(--c_key1);
}
@media screen and (min-width: 801px) {
	.cmn_btn._green:not(._inv) a:hover {
		color: #fff;
		background-color: var(--c_key1);
	}
	.cmn_btn._green:not(._inv) a:hover ._arrow {
		background-color: #fff;
	}
}
.cmn_btn a {
	font-size: var(--font-size15);
	font-weight: 500;
	width: 100%;
	height: 100%;
	background-color: #fff;
	border-width: 1px;
	border-style: solid;
	border-radius: 64px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.cmn_btn a ._arrow {
	width: 12px;
	height: 10px;
	display: block;
	margin-top: 1px;
	background-color: #000;
	-webkit-mask-image: url(../img/common/ico_arrow.svg);
	        mask-image: url(../img/common/ico_arrow.svg);
	-webkit-mask-repeat: no-repeat;
	        mask-repeat: no-repeat;
	-webkit-mask-size: 100%;
	        mask-size: 100%;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
@media screen and (min-width: 801px) {
	.cmn_btn a:hover {
		color: #fff;
	}
	.cmn_btn a:hover ._arrow {
		background-color: #fff;
	}
	.cmn_btn a:hover ._arrow:not(._left) {
		translate: 5px 0;
	}
	.cmn_btn a:hover ._arrow._left {
		translate: -5px 0;
	}
}
.cmn_btn:not(._left) a {
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.cmn_btn:not(._left) a ._arrow {
	margin-left: 16px;
}
.cmn_btn._inv a {
	border-color: #fff;
}
@media screen and (min-width: 801px) {
	.cmn_btn._inv a:hover {
		border-color: #fff;
	}
}
.cmn_btn._inv._blue a {
	color: #fff;
	background-color: var(--c_blue);
	border-color: var(--c_blue);
}
.cmn_btn._inv._blue a ._arrow {
	background-color: #fff;
}
@media screen and (min-width: 801px) {
	.cmn_btn._inv._blue a:hover {
		color: var(--c_blue);
		background-color: #fff;
	}
	.cmn_btn._inv._blue a:hover ._arrow {
		background-color: var(--c_blue);
	}
}
.cmn_btn._inv._purple a {
	color: #fff;
	background-color: var(--c_purple);
	border-color: var(--c_purple);
}
.cmn_btn._inv._purple a ._arrow {
	background-color: #fff;
}
@media screen and (min-width: 801px) {
	.cmn_btn._inv._purple a:hover {
		color: var(--c_purple);
		background-color: #fff;
	}
	.cmn_btn._inv._purple a:hover ._arrow {
		background-color: var(--c_purple);
	}
}
.cmn_btn._inv._yellow a {
	color: #fff;
	background-color: var(--c_yellow);
	border-color: var(--c_yellow);
}
.cmn_btn._inv._yellow a ._arrow {
	background-color: #fff;
}
@media screen and (min-width: 801px) {
	.cmn_btn._inv._yellow a:hover {
		color: var(--c_yellow);
		background-color: #fff;
	}
	.cmn_btn._inv._yellow a:hover ._arrow {
		background-color: var(--c_yellow);
	}
}
.cmn_btn._inv._red a {
	color: #fff;
	background-color: var(--c_red);
	border-color: var(--c_red);
}
.cmn_btn._inv._red a ._arrow {
	background-color: #fff;
}
@media screen and (min-width: 801px) {
	.cmn_btn._inv._red a:hover {
		color: var(--c_red);
		background-color: #fff;
	}
	.cmn_btn._inv._red a:hover ._arrow {
		background-color: var(--c_red);
	}
}
.cmn_btn._inv._green a {
	color: #fff;
	background-color: var(--c_key1);
	border-color: var(--c_key1);
}
.cmn_btn._inv._green a ._arrow {
	background-color: #fff;
}
@media screen and (min-width: 801px) {
	.cmn_btn._inv._green a:hover {
		color: var(--c_key1);
		background-color: #fff;
	}
	.cmn_btn._inv._green a:hover ._arrow {
		background-color: var(--c_key1);
	}
}
.cmn_btn._left a {
	padding: 0 30px;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

@media screen and (max-width: 800px) {
	.cmn_btn a {
		font-size: var(--font-size14);
	}
}
.slick_arrow_wrap {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.slick-prev,
.slick-next {
	width: 46px;
	height: 56px;
	position: relative;
	inset: auto;
	border-radius: 56px;
	background-color: #DAE8E4;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-transform: none;
	        transform: none;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
@media screen and (min-width: 801px) {
	.slick-prev:hover,
	.slick-next:hover {
		background-color: var(--c_key1);
		scale: 1.1;
	}
	.slick-prev:hover::before,
	.slick-next:hover::before {
		background-color: #fff;
	}
}
.slick-prev::before,
.slick-next::before {
	width: 12px;
	height: 10px;
	content: "";
	display: block;
	margin-top: 1px;
	background-color: #000;
	-webkit-mask-image: url(../img/common/ico_arrow.svg);
	        mask-image: url(../img/common/ico_arrow.svg);
	-webkit-mask-repeat: no-repeat;
	        mask-repeat: no-repeat;
	-webkit-mask-size: 100%;
	        mask-size: 100%;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.slick-prev::before {
	scale: -1;
}

.slick-dots {
	position: relative;
	inset: auto;
}
.slick-dots li {
	width: 8px;
	height: 8px;
	margin: 0 8px;
	background-color: #ABABAB;
	border-radius: 8px;
	-webkit-transition: all 1s;
	transition: all 1s;
}
.slick-dots li.slick-active {
	width: 48px;
	background-color: #333;
}
.slick-dots li button {
	width: 100%;
	height: 100%;
}

.breadcrumb {
	margin: 12px auto 78px;
}
.breadcrumb ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.breadcrumb ul li {
	font-size: var(--font-size14);
	-ms-flex-negative: 0;
	    flex-shrink: 0;
}
.breadcrumb ul li:has(a) {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.breadcrumb ul li:has(a)::after {
	width: 4px;
	height: 4px;
	content: "";
	display: block;
	margin: -2px 16px 0;
	background-color: #5DBFA3;
	border-radius: 50%;
}
.breadcrumb ul li a {
	color: #9d9d9d;
}
.breadcrumb ul li a::after {
	width: 100%;
	height: 1px;
	content: "";
	display: block;
	margin-top: 3px;
	background-color: #9d9d9d;
	-webkit-transform: scaleX(0);
	        transform: scaleX(0);
	-webkit-transform-origin: right center;
	        transform-origin: right center;
	-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.33, 1, 0.68, 1);
	transition: -webkit-transform 0.4s cubic-bezier(0.33, 1, 0.68, 1);
	transition: transform 0.4s cubic-bezier(0.33, 1, 0.68, 1);
	transition: transform 0.4s cubic-bezier(0.33, 1, 0.68, 1), -webkit-transform 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
@media screen and (min-width: 801px) {
	.breadcrumb ul li a:hover::after {
		-webkit-transform: scaleX(1);
		        transform: scaleX(1);
		-webkit-transform-origin: left center;
		        transform-origin: left center;
	}
}

@media screen and (min-width: 1541px) {
	.breadcrumb {
		width: 88.2544%;
	}
}
@media screen and (max-width: 1540px) {
	.breadcrumb {
		width: min(90%, 1360px);
	}
}
@media screen and (max-width: 800px) {
	.breadcrumb {
		width: 100%;
		overflow-x: auto;
		white-space: nowrap;
		margin-top: 0;
		margin-bottom: 25px;
		padding-bottom: 10px;
		scrollbar-color: #EFEFEF #EFEFEF;
	}
	.breadcrumb ul {
		padding-left: 4.359vw;
	}
	.breadcrumb ul li {
		font-size: var(--font-size9);
	}
	.breadcrumb ul li:has(a)::after {
		margin: -4px 10px 0;
	}
	.breadcrumb ul li:last-child {
		padding-right: 4.359vw;
	}
}
.page_title {
	color: var(--c_key1);
	margin: 0 auto 58px;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 0px 1fr 0px 1fr 0px 1fr 0px 1fr;
	grid-template-columns: repeat(5, 1fr);
	gap: 0px;
}
.page_title h1 {
	font-size: clamp(46px, 4.9231vw, 64px);
	font-weight: 500;
	-ms-grid-row: 2;
	-ms-grid-row-span: 1;
	-ms-grid-column: 1;
	-ms-grid-column-span: 4;
	grid-area: 2/1/3/5;
}
.page_title .parent {
	font-size: clamp(22px, 2.4616vw, 32px);
	font-weight: 500;
	-ms-grid-row: 1;
	-ms-grid-row-span: 1;
	-ms-grid-column: 1;
	-ms-grid-column-span: 4;
	grid-area: 1/1/2/5;
	padding-bottom: 16px;
}
.page_title .en {
	font-family: "Outfit", sans-serif;
	font-weight: 400;
	font-size: clamp(12px, 1.3847vw, 18px);
	text-transform: uppercase;
	letter-spacing: 0.04em;
	margin-top: auto;
	margin-left: auto;
	-ms-grid-row: 1;
	-ms-grid-row-span: 2;
	-ms-grid-column: 4;
	-ms-grid-column-span: 2;
	grid-area: 1/4/3/6;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.page_title .en::before, .page_title .en::after {
	font-weight: 400;
	font-size: 1.4445em;
	font-weight: 100;
	display: block;
	translate: 0 -0.07em;
}
.page_title .en::before {
	content: "(";
	margin-right: 13px;
}
.page_title .en::after {
	content: ")";
	margin-left: 13px;
}

@media screen and (min-width: 1541px) {
	.page_title {
		width: 88.2544%;
	}
}
@media screen and (max-width: 1540px) {
	.page_title {
		width: min(90%, 1360px);
	}
}
@media screen and (max-width: 800px) {
	.page_title {
		width: 91.2821%;
		margin-bottom: 25px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	}
	.page_title h1 {
		font-size: var(--font-size32);
		letter-spacing: -0.04em;
		margin-bottom: 15px;
	}
	.page_title h1.tier1 {
		font-size: var(--font-size36);
	}
	.page_title .parent {
		font-size: var(--font-size16);
		width: 100%;
		padding-bottom: 6px;
		-webkit-box-ordinal-group: 0;
		    -ms-flex-order: -1;
		        order: -1;
	}
	.page_title .en {
		font-size: var(--font-size11);
		margin: 0 0 0 4px;
	}
	.page_title .en::before, .page_title .en::after {
		font-size: var(--font-size13);
	}
	.page_title .en::before {
		margin-right: 5px;
	}
	.page_title .en::after {
		margin-left: 5px;
	}
}
.ph {
	text-align: center;
	margin: 0 auto;
}
.ph > .img {
	margin-bottom: 154px;
	-webkit-mask-image: url(../img/common/ph_mask.svg);
	        mask-image: url(../img/common/ph_mask.svg);
	-webkit-mask-repeat: no-repeat;
	        mask-repeat: no-repeat;
	-webkit-mask-size: cover;
	        mask-size: cover;
}
.ph .copy {
	color: var(--c_key1);
	font-size: var(--font-size40);
	font-weight: 500;
	line-height: 1.525;
	position: relative;
	margin: 24px 0 40px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}
.ph .copy::before, .ph .copy::after {
	width: 0.85em;
	aspect-ratio: 34/26;
	content: "";
	display: block;
	position: absolute;
	background-image: url(../img/common/parts_ph_quot.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: cover;
}
.ph .copy::before {
	top: 0;
	left: 0;
	translate: -54px 12px;
}
.ph .copy::after {
	right: 0;
	bottom: 0;
	scale: -1 1;
	margin-top: auto;
	translate: 34px -5px;
}
.ph > .txt {
	font-size: var(--font-size17);
	line-height: 2;
	letter-spacing: 0.04em;
}

.hl_wl {
	color: var(--c_key1);
	font-size: var(--font-size40);
	font-weight: 600;
	text-align: center;
	letter-spacing: 0.04em;
	margin-bottom: 48px;
	padding-bottom: 43px;
	background-image: url(../img/common/parts_hl_wl.png);
	background-repeat: no-repeat;
	background-position: 50% 100%;
	background-size: 208px auto;
}

.cmn_desc {
	font-size: var(--font-size16);
	text-align: center;
	line-height: 2;
	letter-spacing: 0.04em;
}

@media screen and (min-width: 1541px) {
	.ph {
		width: 88.7087%;
	}
}
@media screen and (max-width: 1540px) {
	.ph {
		width: min(90%, 1367px);
	}
}
@media screen and (max-width: 800px) {
	.ph {
		width: 90.5129%;
		text-align: left;
		margin-top: -16px;
	}
	.ph > .img {
		aspect-ratio: 706/586;
		margin-bottom: 38px;
		-webkit-mask-image: url(../img/common/ph_mask_sp.svg);
		        mask-image: url(../img/common/ph_mask_sp.svg);
	}
	.ph > .img img {
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		   object-fit: cover;
	}
	.ph .copy {
		font-size: var(--font-size34);
		line-height: 1.3971;
		margin-top: 0;
		margin-bottom: 30px;
	}
	.ph .copy::before, .ph .copy::after {
		display: none;
	}
	.ph > .txt {
		font-size: var(--font-size16);
		line-height: 2.0625;
		letter-spacing: 0;
		margin: 0 auto;
	}
	.hl_wl {
		font-size: var(--font-size26);
		line-height: 1.3077;
		margin-bottom: 25px;
		padding-bottom: 14px;
		background-size: 100px auto;
	}
	.cmn_desc {
		font-size: var(--font-size14);
		text-align: left;
		line-height: 1.8;
		letter-spacing: 0;
	}
}
.box_search {
	position: relative;
	margin: 0 auto 60px;
}
.box_search h2 {
	font-size: var(--font-size24);
	font-weight: 500;
	margin-top: 86px;
	margin-bottom: 38px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.box_search h2::before {
	width: 20px;
	aspect-ratio: 1/1;
	content: "";
	display: block;
	margin-right: 14px;
	background-image: url(../img/common/ico_search.svg);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100%;
}
.box_search .btn_toggle {
	width: 48px;
	aspect-ratio: 1/1;
	cursor: pointer;
	display: block;
	position: absolute;
	top: -12px;
	right: 0;
	background-color: var(--c_key1);
	border-radius: 50%;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.box_search .btn_toggle::before, .box_search .btn_toggle::after {
	width: 14px;
	height: 1px;
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	background-color: #fff;
	translate: -50% -50%;
}
.box_search .btn_toggle::after {
	rotate: 90deg;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.box_search .btn_toggle:hover {
	scale: 1.1;
}
.box_search:has(.is-open) .btn_toggle::after {
	rotate: 0deg;
}
.box_search:not(:has(.box_search_inner)) dl {
	background-color: #fff;
}
.box_search_inner {
	padding-bottom: 63px;
	background-color: #fff;
	display: none;
}
.box_search dl {
	padding: 60px 6.0295%;
	border-radius: 16px;
}
.box_search dl div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
}
.box_search dl div:not(:last-child) {
	margin-bottom: 28px;
}
.box_search dl dt {
	font-size: var(--font-size18);
	font-weight: 500;
	width: clamp(200px, 19.853%, 270px);
	margin-right: 4.4118%;
	padding-right: 2.9412%;
	border-right: 1px solid #CBCBCB;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.box_search dl dt.icon::before {
	width: 19px;
	aspect-ratio: 1/1;
	content: "";
	display: block;
	margin-right: 8px;
	background-image: url(../img/common/ico_search.svg);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100%;
}
.box_search dl dd ul {
	margin-top: -14px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
.box_search dl dd ul li {
	margin: 14px 0 0 8px;
}
.box_search dl dd ul li a {
	font-size: var(--font-size16);
	height: 36px;
	display: block;
	padding: 0 16px;
	border: 1px solid #C5C5C5;
	border-radius: 36px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.box_search dl dd ul li a.current {
	color: #fff;
	background-color: var(--c_key1);
	border-color: var(--c_key1);
}
@media screen and (min-width: 801px) {
	.box_search dl dd ul li a:hover {
		color: #fff;
		background-color: var(--c_key1);
		border-color: var(--c_key1);
	}
}
.box_search dl dd .box_check {
	margin-top: -14px;
	padding: 6px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
}
.box_search dl dd .box_check label {
	position: relative;
	cursor: pointer;
	margin: 14px 0 0 8px;
}
.box_search dl dd .box_check label input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}
.box_search dl dd .box_check label input:checked + span {
	color: #fff;
	background-color: var(--c_key1);
	border-color: var(--c_key1);
}
.box_search dl dd .box_check label span {
	font-size: var(--font-size16);
	display: inline-block;
	padding: 8px 16px 10px;
	border: 1px solid #C5C5C5;
	border-radius: 999px;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.box_search .box_btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.box_search .box_btn button {
	font-size: var(--font-size16);
	width: 268px;
	height: 63px;
	cursor: pointer;
	border-radius: 8px;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	margin: 0 10px;
}
.box_search .box_btn button._reset {
	border: 1px solid #C5C5C5;
	background-color: #fff;
}
.box_search .box_btn button._submit {
	color: #fff;
	background-color: var(--c_key1);
}
@media screen and (min-width: 801px) {
	.box_search .box_btn button:hover {
		opacity: 0.7;
	}
}

@media screen and (max-width: 800px) {
	.box_search {
		display: block;
		margin-bottom: 25px;
		border-radius: 8px;
	}
	.box_search h2 {
		font-size: var(--font-size14);
		margin-top: 43px;
		margin-bottom: 17px;
	}
	.box_search h2::before {
		width: 14px;
		margin-right: 4px;
	}
	.box_search .btn_toggle {
		width: 24px;
		top: -5px;
	}
	.box_search .btn_toggle::before, .box_search .btn_toggle::after {
		width: 7px;
	}
	.box_search_inner {
		padding-bottom: 30px;
	}
	.box_search dl {
		padding: 25px 12px;
		border-radius: 8px;
	}
	.box_search dl div {
		display: block;
	}
	.box_search dl dt {
		font-size: var(--font-size14);
		width: 100%;
		margin: 0 0 17px;
		padding: 0;
		border-right: none;
		-webkit-box-pack: start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
	}
	.box_search dl dt::before {
		width: 14px;
	}
	.box_search dl dd ul {
		margin-top: -6px;
		margin-left: -8px;
	}
	.box_search dl dd ul li {
		margin: 6px 0 0 8px;
	}
	.box_search dl dd ul li a {
		font-size: var(--font-size12);
		height: 32px;
	}
	.box_search dl dd .box_check {
		margin: -4px 0 0 -4px;
	}
	.box_search dl dd .box_check label {
		margin: 4px 0 0 4px;
	}
	.box_search dl dd .box_check label span {
		font-size: var(--font-size12);
		padding: 8px 15px 10px;
	}
	.box_search .box_btn {
		margin-top: 5px;
	}
	.box_search .box_btn button {
		font-size: var(--font-size12);
		width: 82.229%;
		height: 44px;
	}
	.box_search .box_btn button._reset {
		margin-bottom: 10px;
	}
}
.search_notice {
	font-size: var(--font-size18);
	font-weight: 500;
	text-align: center;
	padding-top: 40px;
}

@media screen and (max-width: 800px) {
	.search_notice {
		font-size: var(--font-size14);
	}
}
.pagination {
	color: var(--c_key1);
	font-size: var(--font-size16);
	width: min(74.1667%, 890px);
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.pagination_num {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.pagination .page-numbers:not(.prev, .next) {
	font-family: "Outfit", sans-serif;
	font-weight: 400;
	font-weight: 400;
	width: 46px;
	height: 46px;
	display: block;
	background-color: #fff;
	border: 1px solid var(--c_key1);
	border-radius: 50%;
	margin: 0 8px;
	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;
}
.pagination .page-numbers:not(.prev, .next).current {
	color: #fff;
	background-color: var(--c_key1);
}
@media screen and (min-width: 801px) {
	.pagination .page-numbers:not(.prev, .next):not(span):hover {
		color: #fff;
		background-color: var(--c_key1);
	}
}
.pagination .page-numbers.dots {
	background-color: transparent;
	border: none;
}
.pagination .page-numbers.prev, .pagination .page-numbers.next {
	text-decoration: underline;
	text-underline-offset: 2px;
	position: relative;
	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;
}
.pagination .page-numbers.prev::before, .pagination .page-numbers.prev::after, .pagination .page-numbers.next::before, .pagination .page-numbers.next::after {
	width: 64px;
	height: 26px;
	display: block;
	content: "";
}
.pagination .page-numbers.prev::before, .pagination .page-numbers.next::before {
	background-color: #fff;
	border: 1px solid var(--c_key1);
	border-radius: 13px;
	-webkit-transition: background-color 0.4s cubic-bezier(0.33, 1, 0.68, 1);
	transition: background-color 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
.pagination .page-numbers.prev::after, .pagination .page-numbers.next::after {
	position: absolute;
	top: 0;
	background-color: var(--c_key1);
	-webkit-mask-image: url(../img/common/ico_arrow.svg);
	        mask-image: url(../img/common/ico_arrow.svg);
	-webkit-mask-repeat: no-repeat;
	        mask-repeat: no-repeat;
	-webkit-mask-position: 50% 50%;
	        mask-position: 50% 50%;
	-webkit-mask-size: 12px;
	        mask-size: 12px;
	-webkit-transition: background-color 0.4s cubic-bezier(0.33, 1, 0.68, 1);
	transition: background-color 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
.pagination .page-numbers.prev.prev::before, .pagination .page-numbers.next.prev::before {
	margin-right: 20px;
}
.pagination .page-numbers.prev.prev::after, .pagination .page-numbers.next.prev::after {
	left: 0;
	scale: -1;
}
.pagination .page-numbers.prev.next::before, .pagination .page-numbers.next.next::before {
	-webkit-box-ordinal-group: 3;
	    -ms-flex-order: 2;
	        order: 2;
	margin-left: 20px;
}
.pagination .page-numbers.prev.next::after, .pagination .page-numbers.next.next::after {
	right: 0;
}
.pagination .page-numbers.prev.disabled, .pagination .page-numbers.next.disabled {
	pointer-events: none;
	opacity: 0.5;
}
@media screen and (min-width: 801px) {
	.pagination .page-numbers.prev:not(span):hover::before, .pagination .page-numbers.next:not(span):hover::before {
		background-color: var(--c_key1);
	}
	.pagination .page-numbers.prev:not(span):hover::after, .pagination .page-numbers.next:not(span):hover::after {
		background-color: #fff;
	}
}

@media screen and (max-width: 800px) {
	.pagination {
		font-size: var(--font-size10);
		width: 84.6154%;
		margin-bottom: 80px;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	.pagination_num {
		width: 100%;
		margin: 16px auto 0;
		-webkit-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        order: 2;
	}
	.pagination .page-numbers:not(.prev, .next) {
		font-size: var(--font-size11);
		width: 26px;
		height: 26px;
		margin: 0 4px;
	}
	.pagination .page-numbers.prev::before, .pagination .page-numbers.prev::after, .pagination .page-numbers.next::before, .pagination .page-numbers.next::after {
		width: 90px;
		height: 38px;
		border-radius: 38px;
	}
	.pagination .page-numbers.prev::after, .pagination .page-numbers.next::after {
		-webkit-mask-size: 10px;
		        mask-size: 10px;
	}
	.pagination .page-numbers.prev.prev::before, .pagination .page-numbers.next.prev::before {
		margin-right: 12px;
	}
	.pagination .page-numbers.prev::next::before, .pagination .page-numbers.next::next::before {
		margin-left: 12px;
	}
}
.entry_detail {
	margin: 0 auto 200px;
}
.entry_detail_title {
	padding-top: 20px;
}
.entry_detail_title .tag {
	width: 100%;
	margin-bottom: 16px;
	-webkit-box-ordinal-group: -1;
	    -ms-flex-order: -2;
	        order: -2;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
.entry_detail_title .tag span {
	font-size: var(--font-size17);
	height: 46px;
	margin-bottom: 8px;
	padding: 0 25px;
	border-radius: 46px;
}
.entry_detail_title .tag span:not(:last-child) {
	margin-right: 8px;
}
.entry_detail_title .tag span:not(.area) {
	border: 1px solid #333;
}
.entry_detail_title .tag .type {
	background-color: #fff;
	border-color: #333;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.entry_detail_title .tag .type.c_hitoyoshi {
	color: var(--c_blue);
	border-color: var(--c_blue);
}
.entry_detail_title .tag .type.c_nishiki {
	color: #A44042;
	border-color: #A44042;
}
.entry_detail_title .tag .type.c_taragi {
	color: #3CA156;
	border-color: #3CA156;
}
.entry_detail_title .tag .type.c_yunomae {
	color: #AC7F5E;
	border-color: #AC7F5E;
}
.entry_detail_title .tag .type.c_mizukami {
	color: #3C5384;
	border-color: #3C5384;
}
.entry_detail_title .tag .type.c_sagara {
	color: var(--c_purple);
	border-color: var(--c_purple);
}
.entry_detail_title .tag .type.c_itsuki {
	color: var(--c_yellow);
	border-color: var(--c_yellow);
}
.entry_detail_title .tag .type.c_yamae {
	color: var(--c_red);
	border-color: var(--c_red);
}
.entry_detail_title .tag .type.c_kuma {
	color: var(--c_key1);
	border-color: var(--c_key1);
}
.entry_detail_title .tag .type.c_asagiri {
	color: #84895E;
	border-color: #84895E;
}
.entry_detail_title .condition {
	width: 100%;
	margin-bottom: 24px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-ordinal-group: 0;
	    -ms-flex-order: -1;
	        order: -1;
}
.entry_detail_title .condition span {
	font-size: var(--font-size16);
	margin-bottom: 1em;
}
.entry_detail_title .condition span:not(:last-child)::after {
	content: "|";
	margin: 0 0.5em;
}
.entry_detail_cont {
	font-size: var(--font-size16);
	line-height: 2;
	margin-bottom: 80px;
}
.entry_detail_cont .thumbnail {
	aspect-ratio: 1130/640;
	overflow: hidden;
	margin-bottom: 80px;
	border-radius: 16px;
}
.entry_detail_cont .thumbnail img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}
.entry_detail_cont a {
	color: var(--c_key1);
	text-decoration: underline;
}
.entry_detail_cont h3 {
	font-size: var(--font-size32);
	font-weight: 600;
	line-height: 1.5;
	margin-bottom: 1em;
	padding: 5px 10px 14px 60px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.15);
	background-image: url(../img/relocate/interview/ico_hl.png);
	background-repeat: no-repeat;
	background-position: 0 10px;
	background-size: 48px;
}
.entry_detail_cont h4 {
	font-size: var(--font-size24);
	font-weight: 500;
	line-height: 1.5;
	margin-bottom: 1em;
	padding: 18px 20px;
	background-color: #F3F1EF;
	border-radius: 8px;
}
.entry_detail_cont h5 {
	font-size: var(--font-size20);
	font-weight: 500;
	line-height: 1.5;
	position: relative;
	margin-bottom: 1em;
	padding: 13px 24px 13px 26px;
}
.entry_detail_cont h5::before {
	width: 8px;
	height: 100%;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background-color: var(--c_key1);
	border-radius: 8px;
}
.entry_detail_cont .wp-image,
.entry_detail_cont .wp-caption {
	max-width: 92.0354%;
	margin: 0 auto 1em;
}
.entry_detail_cont .wp-image img,
.entry_detail_cont .wp-caption img {
	border-radius: 8px;
}
.entry_detail_cont .column_img {
	max-width: 92.0354%;
	margin: 0 auto 1em;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-radius: 8px;
}
.entry_detail_cont .column_img .wp-image,
.entry_detail_cont .column_img .wp-caption {
	width: 100%;
	margin: 0;
}
.entry_detail_cont .column_img .wp-image img,
.entry_detail_cont .column_img .wp-caption img {
	border-radius: 0;
}
.entry_detail_cont .column_img img {
	border-radius: 0;
}
.entry_detail_cont_info {
	margin-top: 80px;
}
.entry_detail_cont_info h2 {
	font-size: var(--font-size24);
	font-weight: 500;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.entry_detail_cont_info h2 span {
	-ms-flex-negative: 0;
	    flex-shrink: 0;
}
.entry_detail_cont_info h2::before {
	width: 29px;
	height: 32px;
	content: "";
	display: block;
	margin-right: 12px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100%;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
}
.entry_detail_cont_info h2::after {
	width: 100%;
	height: 1px;
	content: "";
	display: block;
	margin-left: 40px;
	background-color: #333;
}
.entry_detail_cont_info dl {
	font-size: var(--font-size16);
	line-height: 2;
	width: 84.0708%;
	margin-left: auto;
}
.entry_detail_cont_info dl div {
	padding: 24px 0;
	border-bottom: 1px solid #D9D9D9;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.entry_detail_cont_info dl div dt {
	font-weight: 500;
	width: 17.8948%;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
}
.entry_detail_cont_access {
	margin-top: 80px;
}
.entry_detail_cont_access h2 {
	font-size: var(--font-size24);
	font-weight: 500;
	margin-bottom: 60px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.entry_detail_cont_access h2 span {
	-ms-flex-negative: 0;
	    flex-shrink: 0;
}
.entry_detail_cont_access h2::before {
	width: 29px;
	height: 32px;
	content: "";
	display: block;
	margin-right: 12px;
	background-image: url(../img/common/ico_info01.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100%;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
}
.entry_detail_cont_access h2::after {
	width: 100%;
	height: 1px;
	content: "";
	display: block;
	margin-left: 40px;
	background-color: #333;
}
.entry_detail_cont_access .map {
	text-align: right;
	width: 79.2036%;
	margin: 0 auto;
}
.entry_detail_cont_access .map iframe {
	width: 100%;
	height: auto;
	aspect-ratio: 895/480;
}
.entry_detail_cont_access .map a::after {
	width: 16px;
	aspect-ratio: 1/1;
	content: "";
	display: inline-block;
	margin: 0 0 -2px 6px;
	background-image: url(../img/common/ico_blank.svg);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100%;
}
@media screen and (min-width: 801px) {
	.entry_detail_cont_access .map a:hover {
		opacity: 0.7;
	}
}
.entry_detail .cmn_btn {
	text-align: center;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.entry_detail .cmn_btn a {
	width: auto;
	padding: 0 48px;
	border-width: 2px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}
.entry_detail .cmn_btn a ._arrow {
	width: 19.5px;
	height: 19.5px;
	margin: 2px 0 0 7px;
	-webkit-mask-image: url(../img/common/ico_arrow02.svg);
	        mask-image: url(../img/common/ico_arrow02.svg);
}
.entry_detail .cmn_btn a ._arrow._left {
	scale: -1;
	margin: 2px 7px 0 0;
	-webkit-box-ordinal-group: 0;
	    -ms-flex-order: -1;
	        order: -1;
}

@media screen and (min-width: 1541px) {
	.entry_detail {
		width: 73.3291%;
	}
}
@media screen and (max-width: 1540px) {
	.entry_detail {
		width: min(90%, 1130px);
	}
}
@media screen and (max-width: 800px) {
	.entry_detail {
		width: 91.2821%;
		margin-bottom: 80px;
	}
	.entry_detail_title {
		padding-top: 0;
	}
	.entry_detail_title .tag {
		margin-bottom: 12px;
	}
	.entry_detail_title .tag span {
		font-size: var(--font-size11);
		height: 24px;
		padding: 0 12px;
	}
	.entry_detail_title .tag span:not(:last-child) {
		margin-right: 4px;
	}
	.entry_detail_title .condition {
		margin-bottom: 12px;
	}
	.entry_detail_title .condition span {
		font-size: var(--font-size12);
		margin-bottom: 0.7em;
	}
	.entry_detail_title .condition span:not(:last-child)::after {
		margin: 0 0.4em;
	}
	.entry_detail_cont {
		margin-bottom: 40px;
	}
	.entry_detail_cont .thumbnail {
		aspect-ratio: 704/682;
		margin-bottom: 30px;
		border-radius: 8px;
	}
	.entry_detail_cont .thumbnail img {
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		   object-fit: cover;
	}
	.entry_detail_cont h3 {
		font-size: var(--font-size19);
		line-height: 1.4211;
		padding: 5px 20px 10px 30px;
		background-size: 22px;
	}
	.entry_detail_cont h4 {
		font-size: var(--font-size18);
		line-height: 1.5334;
		padding: 8px 32px 8px 12px;
	}
	.entry_detail_cont h5 {
		font-size: var(--font-size17);
		line-height: 1.5715;
		padding: 0 20px 0 14px;
	}
	.entry_detail_cont h5::before {
		width: 4px;
	}
	.entry_detail_cont .wp-image,
	.entry_detail_cont .wp-caption {
		max-width: 100%;
	}
	.entry_detail_cont .wp-image img,
	.entry_detail_cont .wp-caption img {
		border-radius: 4px;
	}
	.entry_detail_cont_info {
		margin: 40px 0;
	}
	.entry_detail_cont_info h2 {
		font-size: var(--font-size19);
	}
	.entry_detail_cont_info h2::before {
		width: 21px;
		height: 23px;
		margin-right: 5px;
	}
	.entry_detail_cont_info h2::after {
		margin-left: 10px;
	}
	.entry_detail_cont_info dl {
		font-size: var(--font-size13);
		line-height: 1.5385;
		width: 92.6967%;
		margin: 0 auto;
	}
	.entry_detail_cont_info dl div {
		padding: 20px 0;
		display: block;
	}
	.entry_detail_cont_info dl div dt {
		width: 100%;
		margin-bottom: 4px;
	}
	.entry_detail_cont_access {
		margin-top: 40px;
	}
	.entry_detail_cont_access h2 {
		font-size: var(--font-size19);
		margin-bottom: 20px;
	}
	.entry_detail_cont_access h2::before {
		width: 21px;
		height: 23px;
		margin-right: 5px;
	}
	.entry_detail_cont_access h2::after {
		margin-left: 10px;
	}
	.entry_detail_cont_access .map {
		text-align: center;
		width: 92.6967%;
		margin: 0 auto;
	}
	.entry_detail_cont_access .map iframe {
		aspect-ratio: 1/1;
		margin-bottom: 20px;
	}
	.entry_detail .cmn_btn {
		height: 55px;
	}
	.entry_detail .cmn_btn a {
		padding: 0 60px;
		border-width: 1px;
	}
}
/* ========================================

trial

======================================== */
.trial_list_item a {
	display: block;
}
@media screen and (min-width: 801px) {
	.trial_list_item a:hover {
		color: var(--c_key1);
	}
	.trial_list_item a:hover .box_img .img img {
		scale: 1.05;
	}
}
.trial_list_item .box_img {
	aspect-ratio: 1/1;
	overflow: hidden;
	position: relative;
	margin-bottom: 16px;
	border-radius: 16px;
}
.trial_list_item .box_img img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	-webkit-transition: all 0.8s cubic-bezier(0.33, 1, 0.68, 1);
	transition: all 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.trial_list_item .box_img .plan {
	font-size: var(--font-size18);
	font-weight: 500;
	height: 48px;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 0 20px;
	background-color: #F6FAEF;
	border-top-right-radius: 16px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.trial_list_item .box_img .plan::before {
	width: 16px;
	aspect-ratio: 1/1;
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #F6FAEF;
	-webkit-mask-image: url(../img/common/parts_round.svg);
	        mask-image: url(../img/common/parts_round.svg);
	-webkit-mask-repeat: no-repeat;
	        mask-repeat: no-repeat;
	-webkit-mask-size: 100%;
	        mask-size: 100%;
	translate: 0 -100%;
}
.trial_list_item .area {
	font-weight: 400;
	height: 30px;
	margin-bottom: 12px;
	padding: 0 12px;
}
.trial_list_item .tit {
	font-size: var(--font-size18);
	font-weight: 500;
	line-height: 1.875;
}

@media screen and (max-width: 800px) {
	.trial_list_item .box_img {
		border-radius: 8px;
	}
}
.interview_list {
	padding-top: 23px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
@media screen and (min-width: 801px) {
	.interview_list_item a:hover {
		color: #FF6464;
	}
	.interview_list_item a:hover .box_img .img img {
		scale: 1.05;
	}
	.interview_list_item a:hover:not(:has(.area)) .prof .since {
		border-color: #FF6464;
	}
}
.interview_list_item .box_img {
	aspect-ratio: 370/480;
	overflow: hidden;
	position: relative;
	border-radius: 8px;
}
.interview_list_item .box_img img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	-webkit-transition: all 0.8s cubic-bezier(0.33, 1, 0.68, 1);
	transition: all 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.interview_list_item .box_img .area {
	font-size: var(--font-size13);
	height: 30px;
	position: absolute;
	top: 11px;
	left: 11px;
	padding: 0 10px;
}
.interview_list_item_cont {
	padding: 20px 0;
}
.interview_list_item_cont .prof {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.interview_list_item_cont .prof .since {
	font-size: var(--font-size13);
	height: 32px;
	margin-right: 4px;
	margin-bottom: 11px;
	padding: 0 13px;
	background-color: #fff;
	border: 1px solid #333;
	border-radius: 30px;
	-webkit-transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
	transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
}
.interview_list_item_cont .prof .name {
	font-size: var(--font-size18);
	font-weight: 500;
	margin-bottom: 11px;
	margin-left: 13px;
}
.interview_list_item_cont .tit {
	font-size: var(--font-size20);
	font-weight: 500;
	line-height: 1.5556;
}

@media screen and (max-width: 800px) {
	.interview_list {
		padding-top: 0;
	}
	.interview_list_item .box_img .area {
		font-size: var(--font-size11);
		height: 23px;
		top: 9px;
		left: 9px;
	}
	.interview_list_item_cont {
		padding: 7px 0 0;
	}
	.interview_list_item_cont .prof {
		margin-bottom: 0;
	}
	.interview_list_item_cont .prof .since {
		height: 26px;
		font-size: var(--font-size9);
		margin-bottom: 8px;
		padding: 0 10px;
	}
	.interview_list_item_cont .prof .name {
		font-size: var(--font-size13);
		margin: 0 0 6px;
	}
	.interview_list_item_cont .prof .name small {
		font-size: var(--font-size10);
	}
	.interview_list_item_cont .tit {
		font-size: var(--font-size12);
		line-height: 1.4167;
	}
}
/* ========================================

home

======================================== */
.home_list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
.home_list_item {
	overflow: hidden;
	background-color: #fff;
	border-radius: 16px;
}
.home_list_item a {
	display: block;
}
@media screen and (min-width: 801px) {
	.home_list_item a:hover {
		color: #FF6464;
	}
	.home_list_item a:hover .box_img .img img {
		scale: 1.05;
	}
	.home_list_item a:hover .home_list_item_cont .name .label {
		color: inherit;
	}
}
.home_list_item .box_img {
	position: relative;
}
.home_list_item .box_img .img {
	aspect-ratio: 430/298;
	overflow: hidden;
	display: block;
}
.home_list_item .box_img .img img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	-webkit-transition: all 0.8s cubic-bezier(0.33, 1, 0.68, 1);
	transition: all 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.home_list_item .box_img .area {
	font-size: var(--font-size13);
	height: 34px;
	position: absolute;
	top: 16px;
	left: 18px;
	padding: 0 16px;
}
.home_list_item_cont {
	padding: 28px 25px 36px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.home_list_item .name {
	width: 100%;
	margin-bottom: 22px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.home_list_item .name .label {
	color: var(--c_key1);
	font-size: var(--font-size12);
	height: 28px;
	margin-right: 18px;
	padding: 0 8px;
	border: 1px solid var(--c_key1);
	border-radius: 4px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.home_list_item .name h3 {
	font-size: var(--font-size18);
	font-weight: 500;
	line-height: 1.5556;
}
.home_list_item .address {
	width: 100%;
	font-size: var(--font-size16);
	line-height: 1.125;
	margin-bottom: 16px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
}
.home_list_item .address::before {
	width: 13.75px;
	aspect-ratio: 13.75/17.5;
	display: block;
	content: "";
	margin-right: 17px;
	margin-left: 2px;
	background-image: url(../img/common/ico_pin.svg);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: cover;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
}
.home_list_item .unit {
	font-family: "Outfit", sans-serif;
	font-weight: 400;
	font-size: var(--font-size15);
	letter-spacing: 0.06em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.home_list_item .unit::before {
	width: 18.75px;
	aspect-ratio: 18.75/15.63;
	display: block;
	content: "";
	margin-right: 14px;
	background-image: url(../img/common/ico_home.svg);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: cover;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
}
.home_list_item .unit::after {
	font-size: var(--font-size14);
	content: "|";
	margin: 0 15px;
}
.home_list_item .rent {
	font-size: var(--font-size16);
	margin-top: -2px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.home_list_item .rent em {
	font-family: "Outfit", sans-serif;
	font-weight: 400;
	font-size: var(--font-size24);
	font-weight: 500;
	margin: 2px 8px 0;
}

@media screen and (max-width: 800px) {
	.home_list_item {
		border-radius: 8px;
	}
	.home_list_item .box_img .img {
		aspect-ratio: 350/220;
	}
	.home_list_item .box_img .area {
		font-size: var(--font-size12);
		height: 26px;
		top: 10px;
		left: 10px;
		padding: 0 12px;
	}
	.home_list_item_cont {
		padding: 21px 21px 30px;
	}
	.home_list_item_cont .name {
		margin-bottom: 12px;
	}
	.home_list_item_cont .name .label {
		height: 26px;
		margin-right: 13px;
		padding: 0 9px;
	}
	.home_list_item_cont .address {
		margin-bottom: 11px;
		font-size: var(--font-size14);
	}
}
.footer {
	margin-top: -77px;
}

@media screen and (max-width: 800px) {
	.footer {
		margin-top: -27px;
	}
}
/* ========================================

kv

======================================== */
.kv {
	position: relative;
	margin: 20px 0 0;
	z-index: 3;
}
.kv:has(.slick-initialized) > .illust {
	opacity: 1;
}
.kv:has(.slick-initialized) > .illust._02 {
	translate: 0 0;
}
.kv::before {
	width: 415px;
	width: 26.9481vw;
	aspect-ratio: 415/314;
	content: "";
	display: block;
	position: absolute;
	top: -50px;
	left: 6.2988vw;
	background-image: url(../img/top/kv_bg.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: cover;
}
.kv_slide {
	position: relative;
	opacity: 0;
	-webkit-transition: opacity 1s;
	transition: opacity 1s;
	z-index: 2;
}
.kv_slide.slick-initialized {
	opacity: 1;
}
.kv_slide_item {
	position: relative;
}
.kv_slide_item.add-animation a ._arrow {
	opacity: 1;
}
.kv_slide_item.add-animation .kv_slide_item_img img {
	-webkit-animation: zoomUp 10s linear 0s normal both;
	        animation: zoomUp 10s linear 0s normal both;
}
.kv_slide_item.add-animation .kv_slide_item_cont .title {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.kv_slide_item.add-animation .kv_slide_item_cont .desc span em {
	translate: 0 0;
}
.kv_slide_item_img {
	max-width: 90.7793%;
	height: clamp(600px, 48.052vw, 100vh - 220px);
	margin: 0 auto;
	-webkit-mask-image: url(../img/top/kv_mask.svg);
	        mask-image: url(../img/top/kv_mask.svg);
	-webkit-mask-repeat: no-repeat;
	        mask-repeat: no-repeat;
	-webkit-mask-size: 100%;
	        mask-size: 100%;
}
.kv_slide_item_img img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	scale: 1;
	-webkit-transition: scale 8s;
	transition: scale 8s;
}
.kv_slide_item_cont {
	container-type: inline-size;
	width: min(45vw, 540px);
	position: absolute;
	left: 2.5975vw;
	bottom: 4.026vw;
}
.kv_slide_item_cont._blue a {
	background-color: var(--c_blue);
}
.kv_slide_item_cont._blue a .desc {
	color: var(--c_blue);
}
.kv_slide_item_cont._purple a {
	background-color: var(--c_purple);
}
.kv_slide_item_cont._purple a .desc {
	color: var(--c_purple);
}
.kv_slide_item_cont._yellow a {
	background-color: var(--c_yellow);
}
.kv_slide_item_cont._yellow a .desc {
	color: var(--c_yellow);
}
.kv_slide_item_cont._red a {
	background-color: var(--c_red);
}
.kv_slide_item_cont._red a .desc {
	color: var(--c_red);
}
.kv_slide_item_cont._green a {
	background-color: var(--c_key1);
}
.kv_slide_item_cont._green a .desc {
	color: var(--c_key1);
}
.kv_slide_item_cont a {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	padding: 7.4074074074cqw 0 7.4074074074cqw 3.7037037037cqw;
	border-radius: 8px;
	background-image: url(../img/top/kv_cont_bg.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	z-index: 2;
}
.kv_slide_item_cont a ._arrow {
	width: 27px;
	aspect-ratio: 1/1;
	display: block;
	position: absolute;
	top: 50%;
	right: 14px;
	border: 1px solid #fff;
	border-radius: 50%;
	translate: 0 -50%;
	opacity: 0;
	-webkit-transition: opacity 0.6s, background-color 0.4s cubic-bezier(0.33, 1, 0.68, 1);
	transition: opacity 0.6s, background-color 0.4s cubic-bezier(0.33, 1, 0.68, 1);
	-webkit-transition-delay: opacity 0.6s;
	        transition-delay: opacity 0.6s;
}
.kv_slide_item_cont a ._arrow::before {
	width: 100%;
	height: 100%;
	content: "";
	display: block;
	background-color: #fff;
	-webkit-mask-image: url(../img/common/ico_arrow.svg);
	        mask-image: url(../img/common/ico_arrow.svg);
	-webkit-mask-repeat: no-repeat;
	        mask-repeat: no-repeat;
	-webkit-mask-position: 50% 50%;
	        mask-position: 50% 50%;
	-webkit-mask-size: 10px;
	        mask-size: 10px;
}
.kv_slide_item_cont a > .illust {
	display: none;
}
@media screen and (min-width: 801px) {
	.kv_slide_item_cont a:hover ._arrow {
		-webkit-animation: kv_hover 1s;
		        animation: kv_hover 1s;
		-webkit-transition-timing-function: cubic-bezier(0.65, 0, 0.35, 1);
		        transition-timing-function: cubic-bezier(0.65, 0, 0.35, 1);
	}
	.kv_slide_item_cont a:hover .kv_slide_item_cont::before {
		top: 10px;
		left: 10px;
	}
}
.kv_slide_item_cont .title {
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
	clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
	-webkit-transition: clip-path 1.2s cubic-bezier(0.33, 1, 0.68, 1);
	transition: clip-path 1.2s cubic-bezier(0.33, 1, 0.68, 1);
	-webkit-transition-delay: 0.6s;
	        transition-delay: 0.6s;
}
.kv_slide_item_cont .title .main {
	font-size: 10.3703703704cqw;
	font-weight: 500;
}
.kv_slide_item_cont .title .sub {
	font-size: 2.5925925926cqw;
	line-height: 1.5715;
	margin-left: 15px;
}
.kv_slide_item_cont .desc {
	margin-top: 28px;
}
.kv_slide_item_cont .desc > span {
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: block;
}
.kv_slide_item_cont .desc > span em {
	font-size: 4.0740740741cqw;
	letter-spacing: 0.02em;
	display: inline-block;
	padding: 0.2728em 0.3637em 0.3637em;
	background-color: #fff;
	border-radius: 4px;
	translate: 0 100%;
	-webkit-transition: translate 0.8s cubic-bezier(0.33, 1, 0.68, 1);
	transition: translate 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.kv_slide_item_cont .desc > span:nth-child(1) em {
	-webkit-transition-delay: 0.5s;
	        transition-delay: 0.5s;
}
.kv_slide_item_cont .desc > span:nth-child(2) em {
	-webkit-transition-delay: 0.7s;
	        transition-delay: 0.7s;
}
.kv_slide_item_cont .desc > span:not(:last-child) {
	margin-bottom: 8px;
}
.whats .kv_dots_wrap {
	width: 100%;
	position: absolute;
	top: 98px;
	left: 0;
	z-index: 5;
}
.whats .kv_dots_wrap .slick-dots {
	margin-top: 54px;
}
.whats .kv_dots_wrap .slick-dots li {
	width: 44px;
	height: 11.5px;
	position: relative;
	margin: 0 7px;
	background-color: #DCDCDC;
	-webkit-mask-image: url(../img/top/kv_dots.svg);
	        mask-image: url(../img/top/kv_dots.svg);
	-webkit-mask-repeat: no-repeat;
	        mask-repeat: no-repeat;
	-webkit-mask-size: 100%;
	        mask-size: 100%;
}
.whats .kv_dots_wrap .slick-dots li::before {
	width: 100%;
	height: 100%;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background-color: var(--c_key1);
	scale: 0 1;
	-webkit-transform-origin: 0 0;
	        transform-origin: 0 0;
	-webkit-transition: all 1s;
	transition: all 1s;
}
.whats .kv_dots_wrap .slick-dots li.slick-active {
	width: 44px;
}
.whats .kv_dots_wrap .slick-dots li.slick-active::before {
	scale: 1 1;
}

.kv .scroll {
	position: absolute;
	right: 2.9871vw;
	top: 50%;
	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-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	translate: 0 -50%;
	z-index: 2;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}
.kv .scroll .txt {
	color: var(--c_key1);
	text-transform: uppercase;
	-webkit-writing-mode: vertical-rl;
	    -ms-writing-mode: tb-rl;
	        writing-mode: vertical-rl;
	letter-spacing: 0.31em;
	width: 30px;
	height: 80px;
	border: 1px solid var(--c_key1);
	border-radius: 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-ordinal-group: 0;
	    -ms-flex-order: -1;
	        order: -1;
}
.kv .scroll::before {
	width: 1px;
	height: 24px;
	content: "";
	display: block;
	background-color: var(--c_key1);
}
.kv .scroll::after {
	width: 10px;
	height: 10px;
	content: "";
	display: block;
	background-color: var(--c_key1);
	border-radius: 50%;
	translate: 0 -24px;
	-webkit-animation: scroll 2.6s cubic-bezier(0.33, 1, 0.68, 1) infinite;
	        animation: scroll 2.6s cubic-bezier(0.33, 1, 0.68, 1) infinite;
}
.kv .illust {
	display: block;
	position: absolute;
	opacity: 0;
	-webkit-transition: opacity 1s;
	transition: opacity 1s;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	pointer-events: none;
}
.kv .illust._01 {
	width: min(9.3706%, 131px);
	top: -23px;
	left: 50%;
	margin-left: 17.5325vw;
	z-index: 2;
	-webkit-transition: opacity 0.8s, translate 1s;
	transition: opacity 0.8s, translate 1s;
	-webkit-transition-delay: 0.2s;
	        transition-delay: 0.2s;
	offset-path: path("M100,25.5c-0.4-2-0.6-10-6.6-10c-6,0-11,6.5-12.6,10c-0.6-3.4-1-16.7-10.9-16.7s-18.3,10.9-21,16.7C48,20.3,47.5,0,32.2,0S4.1,16.7,0,25.5");
	-webkit-animation: illust01_move 24s linear infinite;
	        animation: illust01_move 24s linear infinite;
	-webkit-animation-delay: 0.6s;
	        animation-delay: 0.6s;
	-webkit-transform-origin: 50% 100%;
	        transform-origin: 50% 100%;
	offset-distance: 0%;
	offset-rotate: 0deg;
}
.kv .illust._01 span {
	display: block;
	-webkit-transform-origin: center;
	        transform-origin: center;
	-webkit-animation: illust01_frip 24s linear infinite;
	        animation: illust01_frip 24s linear infinite;
}
.kv .illust._02 {
	width: min(12.3033%, 172px);
	top: 51px;
	right: 28px;
	z-index: 1;
	translate: -30px 0;
	-webkit-transition: opacity 0.8s, translate 1s;
	transition: opacity 0.8s, translate 1s;
	-webkit-transition-delay: 0.3s;
	        transition-delay: 0.3s;
}
.kv .illust._03 {
	width: min(8.9414%, 125px);
	bottom: calc(min(20.8334vw, 244px) + 4.026vw - 18px);
	left: min(4.5834%, 55px);
	z-index: 2;
	translate: 0 0;
	-webkit-transition: opacity 0.8s;
	transition: opacity 0.8s;
	-webkit-transition-delay: 0.2s;
	        transition-delay: 0.2s;
	-webkit-animation: illust03_move 20s cubic-bezier(0.85, 0, 0.15, 1) infinite;
	        animation: illust03_move 20s cubic-bezier(0.85, 0, 0.15, 1) infinite;
}
.kv .illust._04 {
	width: min(15.8083%, 221px);
	top: -19px;
	left: 50%;
	margin-left: 33.4416vw;
	z-index: 1;
}
.kv .illust._05 {
	width: min(20.6724%, 289px);
	left: 36px;
	bottom: -62px;
}

@-webkit-keyframes illust01_move {
	0% {
		offset-distance: 0%;
		offset-rotate: 0deg;
	}
	6% {
		offset-distance: 100%;
	}
	10% {
		offset-distance: 100%;
	}
	16% {
		offset-distance: 0%;
	}
	100% {
		offset-distance: 0%;
	}
}

@keyframes illust01_move {
	0% {
		offset-distance: 0%;
		offset-rotate: 0deg;
	}
	6% {
		offset-distance: 100%;
	}
	10% {
		offset-distance: 100%;
	}
	16% {
		offset-distance: 0%;
	}
	100% {
		offset-distance: 0%;
	}
}
@-webkit-keyframes illust01_frip {
	0% {
		-webkit-transform: rotateY(0deg);
		        transform: rotateY(0deg);
	}
	10% {
		-webkit-transform: rotateY(0deg);
		        transform: rotateY(0deg);
	}
	11% {
		-webkit-transform: rotateY(180deg);
		        transform: rotateY(180deg);
	}
	19% {
		-webkit-transform: rotateY(180deg);
		        transform: rotateY(180deg);
	}
	20% {
		-webkit-transform: rotateY(0deg);
		        transform: rotateY(0deg);
	}
	100% {
		-webkit-transform: rotateY(0deg);
		        transform: rotateY(0deg);
	}
}
@keyframes illust01_frip {
	0% {
		-webkit-transform: rotateY(0deg);
		        transform: rotateY(0deg);
	}
	10% {
		-webkit-transform: rotateY(0deg);
		        transform: rotateY(0deg);
	}
	11% {
		-webkit-transform: rotateY(180deg);
		        transform: rotateY(180deg);
	}
	19% {
		-webkit-transform: rotateY(180deg);
		        transform: rotateY(180deg);
	}
	20% {
		-webkit-transform: rotateY(0deg);
		        transform: rotateY(0deg);
	}
	100% {
		-webkit-transform: rotateY(0deg);
		        transform: rotateY(0deg);
	}
}
@-webkit-keyframes illust03_move {
	0%, 10%, 12%, 14%, 100% {
		translate: 0 0;
	}
	11%, 13% {
		translate: 0 -30px;
	}
}
@keyframes illust03_move {
	0%, 10%, 12%, 14%, 100% {
		translate: 0 0;
	}
	11%, 13% {
		translate: 0 -30px;
	}
}
@-webkit-keyframes zoomUp {
	0% {
		-webkit-transform: scale(1);
		        transform: scale(1);
	}
	100% {
		-webkit-transform: scale(1.15);
		        transform: scale(1.15);
	}
}
@keyframes zoomUp {
	0% {
		-webkit-transform: scale(1);
		        transform: scale(1);
	}
	100% {
		-webkit-transform: scale(1.15);
		        transform: scale(1.15);
	}
}
@-webkit-keyframes kv_hover {
	0%, 100% {
		opacity: 1;
		translate: 0 -50%;
	}
	50% {
		opacity: 0;
		translate: 10px -50%;
	}
	51% {
		opacity: 0;
		translate: -10px -50%;
	}
}
@keyframes kv_hover {
	0%, 100% {
		opacity: 1;
		translate: 0 -50%;
	}
	50% {
		opacity: 0;
		translate: 10px -50%;
	}
	51% {
		opacity: 0;
		translate: -10px -50%;
	}
}
@-webkit-keyframes scroll {
	0% {
		opacity: 0;
		translate: 0 -24px;
	}
	45%, 55% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		translate: 0 0;
	}
}
@keyframes scroll {
	0% {
		opacity: 0;
		translate: 0 -24px;
	}
	45%, 55% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		translate: 0 0;
	}
}
@media screen and (max-width: 800px) {
	.kv {
		margin: 0;
	}
	.kv::before {
		width: 288px;
		aspect-ratio: 288/130;
		top: -19px;
		left: 0;
		background-image: url(../img/top/kv_bg_sp.png);
	}
	.kv_slide_item {
		padding-bottom: 59px;
	}
	.kv_slide_item.add-animation .kv_slide_item_cont a .illust {
		opacity: 1;
	}
	.kv_slide_item_img {
		max-width: 93.8462%;
		height: unset;
		aspect-ratio: 366/400;
		-webkit-mask-image: url(../img/top/kv_mask_sp.svg);
		        mask-image: url(../img/top/kv_mask_sp.svg);
	}
	.kv_slide_item_cont {
		width: min(79.4872vw, 350px);
		left: 10px;
		bottom: 0;
	}
	.kv_slide_item_cont a {
		padding: 15px 0 12px 10px;
		border-radius: 4px;
	}
	.kv_slide_item_cont a ._arrow {
		right: 10px;
		scale: 0.8889;
		-webkit-transform-origin: 100% 50%;
		        transform-origin: 100% 50%;
	}
	.kv_slide_item_cont a .illust {
		display: block;
		position: absolute;
		bottom: 50%;
		opacity: 0;
		-webkit-transition: opacity 0.4s;
		transition: opacity 0.4s;
		-webkit-transition-delay: 1s;
		        transition-delay: 1s;
	}
	.kv_slide_item_cont a .illust._region {
		width: 57px;
		left: 211px;
		margin-bottom: 6px;
	}
	.kv_slide_item_cont a .illust._job {
		width: 53px;
		left: 172px;
		margin-bottom: 7px;
	}
	.kv_slide_item_cont a .illust._relocate {
		width: 39px;
		left: 240px;
		margin-bottom: 6px;
	}
	.kv_slide_item_cont a .illust._life {
		width: 69px;
		left: 134px;
		margin-bottom: 7px;
	}
	.kv_slide_item_cont a .illust._home {
		width: 63px;
		left: 134px;
		margin-bottom: 7px;
	}
	.kv_slide_item_cont .title .main {
		font-size: var(--font-size37);
		letter-spacing: 0.04em;
	}
	.kv_slide_item_cont .title .sub {
		display: none;
	}
	.kv_slide_item_cont .desc {
		margin-top: 14px;
	}
	.kv_slide_item_cont .desc > span em {
		font-size: var(--font-size15);
		letter-spacing: 0;
		padding: 3.5px 4px;
	}
	.kv_slide_item_cont .desc > span:not(:last-child) {
		margin-bottom: 5px;
	}
	.whats .kv_dots_wrap {
		top: -9px;
	}
	.whats .kv_dots_wrap .slick-dots {
		margin-top: 15px;
	}
	.whats .kv_dots_wrap .slick-dots li {
		width: 26px;
		height: 7px;
		margin: 0 4px;
	}
	.whats .kv_dots_wrap .slick-dots li.slick-active {
		width: 26px;
	}
	.kv .scroll {
		display: none;
	}
	.kv .illust._01 {
		width: 101px;
		top: auto;
		left: 4px;
		margin-left: 0;
		bottom: -97px;
		-webkit-animation: unset;
		        animation: unset;
		offset-path: unset;
	}
	.kv .illust._01 span {
		-webkit-animation: unset;
		        animation: unset;
	}
	.kv .illust._02 {
		width: 84px;
		top: auto;
		right: 6px;
		bottom: -60px;
	}
	.kv .illust._03, .kv .illust._04, .kv .illust._05 {
		display: none;
	}
}
/* ========================================

whats

======================================== */
.whats {
	position: relative;
	margin-top: -123px;
	z-index: 4;
}
.whats.box-fade {
	opacity: 1;
	-webkit-transform: translateY(0);
	        transform: translateY(0);
}
.whats.fadeIn::before {
	clip-path: polygon(0 0, 100% 202px, 100% 100%, 0% 100%);
}
.whats.fadeIn .whats_inner::before {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
.whats.fadeIn .whats_cont {
	opacity: 1;
}
.whats.fadeIn .whats_illust {
	opacity: 1;
}
.whats::before {
	width: 100%;
	height: calc(100% - 170px);
	content: "";
	display: block;
	position: absolute;
	top: 164px;
	left: 0;
	background-color: #F9EDDB;
	clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
	z-index: 0;
	-webkit-transition: clip-path 2s cubic-bezier(0.68, -0.6, 0.32, 1.6);
	transition: clip-path 2s cubic-bezier(0.68, -0.6, 0.32, 1.6);
	-webkit-transform-origin: 0% 0%;
	        transform-origin: 0% 0%;
}
.whats::after {
	width: 100%;
	height: 58px;
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #DDF1F7;
	-webkit-mask-image: url(../img/common/parts_wave.png);
	        mask-image: url(../img/common/parts_wave.png);
	-webkit-mask-repeat: repeat-x;
	        mask-repeat: repeat-x;
	-webkit-mask-position: 116px 0;
	        mask-position: 116px 0;
	-webkit-mask-size: 482px 100%;
	        mask-size: 482px 100%;
	scale: 1 -1;
	translate: 0 100%;
}
.whats_inner {
	position: absolute;
	top: 0;
	right: 50%;
	margin: 0 auto;
	padding: 452px 0 120px;
	z-index: 3;
	translate: 50% 0%;
}
.whats_cont {
	width: min(50vw, 680px);
	container-type: inline-size;
	opacity: 0;
	-webkit-transition: opacity 1.2s cubic-bezier(0.68, -0.6, 0.32, 1.6);
	transition: opacity 1.2s cubic-bezier(0.68, -0.6, 0.32, 1.6);
	-webkit-transition-delay: 1s;
	        transition-delay: 1s;
}
.whats_cont .en {
	position: relative;
	margin-bottom: 18px;
	margin-left: 15px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.whats_cont .en::before {
	width: 39px;
	aspect-ratio: 78/16;
	display: block;
	content: "";
	position: absolute;
	top: -16px;
	left: 3px;
	background-color: var(--c_red);
	-webkit-mask-image: url(../img/top/whats_en_deco.png);
	        mask-image: url(../img/top/whats_en_deco.png);
	-webkit-mask-repeat: no-repeat;
	        mask-repeat: no-repeat;
	-webkit-mask-position: 0 0;
	        mask-position: 0 0;
	-webkit-mask-size: cover;
	        mask-size: cover;
}
.whats_cont .en span {
	font-family: "Outfit", sans-serif;
	font-weight: 400;
	color: var(--c_key1);
	font-size: var(--font-size15);
	letter-spacing: 0.04em;
}
.whats_cont .en span::before, .whats_cont .en span::after {
	font-weight: 400;
	font-size: var(--font-size26);
	font-weight: 100;
	display: inline-block;
	translate: 0 2px;
}
.whats_cont .en span::before {
	content: "(";
	margin-right: 13px;
}
.whats_cont .en span::after {
	content: ")";
	margin-left: 13px;
}
.whats_cont h2 {
	color: var(--c_key1);
	font-size: 8.2352941176cqw;
	font-weight: 600;
	margin-bottom: 46px;
}
.whats_cont .desc {
	font-size: var(--font-size16);
	line-height: 2;
	letter-spacing: 0.04em;
	width: min(80%, 540px);
	margin-bottom: 30px;
}
.whats_bnr {
	max-width: 440px;
}
.whats_bnr:not(:last-child) {
	margin-bottom: 16px;
}
.whats_bnr a {
	width: 100%;
	height: 100%;
	position: relative;
	padding: 16px;
	background-color: #fff;
	border-radius: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.whats_bnr a::before {
	width: 20px;
	aspect-ratio: 1/1;
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 18px;
	background-color: var(--c_key1);
	-webkit-mask-image: url(../img/common/ico_arrow02.svg);
	        mask-image: url(../img/common/ico_arrow02.svg);
	-webkit-mask-repeat: no-repeat;
	        mask-repeat: no-repeat;
	-webkit-mask-position: 50% 50%;
	        mask-position: 50% 50%;
	-webkit-mask-size: 100%;
	        mask-size: 100%;
	translate: 0 -50%;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
@media screen and (min-width: 801px) {
	.whats_bnr a:hover::before {
		-webkit-animation: kv_hover 1s;
		        animation: kv_hover 1s;
	}
	.whats_bnr a:hover .img img {
		scale: 1.05;
	}
}
.whats_bnr .img {
	width: 130px;
	overflow: hidden;
	margin-right: 14px;
	border-radius: 4px;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
}
.whats_bnr .img img {
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.whats_bnr_cont .tit {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 10px;
}
.whats_bnr_cont .txt {
	font-size: 13px;
	line-height: 1.5385;
}
@media screen and (min-width: 801px) {
	.whats_bnr._region a:hover {
		color: var(--c_key1);
	}
}
.whats_bnr._region .whats_bnr_cont .tit {
	color: var(--c_key1);
}
.whats_bnr._life a::before {
	background-color: var(--c_blue);
}
@media screen and (min-width: 801px) {
	.whats_bnr._life a:hover {
		color: var(--c_blue);
	}
}
.whats_bnr._life .whats_bnr_cont .tit {
	color: var(--c_blue);
}
.whats_illust {
	width: 100%;
	height: clamp(1276px, 82.8572vw, 9999px);
	overflow: hidden;
	position: relative;
	z-index: 2;
	opacity: 0;
	-webkit-transition: opacity 1.2s cubic-bezier(0.68, -0.6, 0.32, 1.6);
	transition: opacity 1.2s cubic-bezier(0.68, -0.6, 0.32, 1.6);
	-webkit-transition-delay: 1s;
	        transition-delay: 1s;
}
.whats_illust::before {
	width: 100%;
	height: 116px;
	display: block;
	content: "";
	position: absolute;
	top: 273px;
	left: 0;
	background-image: url(../img/top/whats_bg_text.png);
	background-repeat: repeat-x;
	background-position: 0 0;
	background-size: auto 100%;
	-webkit-animation: whats_bg_loop linear 30s infinite;
	        animation: whats_bg_loop linear 30s infinite;
	z-index: 0;
	-webkit-transition: opacity 1s, clip-path 2s cubic-bezier(0.68, -0.6, 0.32, 1.6);
	transition: opacity 1s, clip-path 2s cubic-bezier(0.68, -0.6, 0.32, 1.6);
	z-index: 0;
}
.whats_illust::after {
	width: 100%;
	height: 100%;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(../img/top/whats_illust_yama.png);
	background-repeat: no-repeat;
	background-position: 12.8572vw 0;
	background-size: auto 100%;
	z-index: 1;
}
.whats_illust_bg {
	height: clamp(1276px, 82.8572vw, 9999px);
	position: relative;
	z-index: 1;
	background-image: url(../img/top/whats_illust_yama_.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: auto 100%;
	display: none;
}
.whats_illust_map {
	width: min(72.2078vw, 86%);
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: 118px;
	translate: 0 -50%;
	z-index: 2;
}
@media screen and (min-width: 1541px) {
	.whats_illust_map {
		margin-top: 7.6624vw;
	}
}
.whats_illust_map span {
	display: block;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}
.whats_illust_map ._map img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	-o-object-position: 0% 100%;
	   object-position: 0% 100%;
}
.whats_illust_map [class^=p_] {
	position: absolute;
}
.whats_illust_map .p_01 {
	width: 9.1559vw;
	top: 3.7013vw;
	left: 42.6624vw;
	-webkit-animation: p_01 5s infinite forwards cubic-bezier(0.33, 1, 0.68, 1);
	        animation: p_01 5s infinite forwards cubic-bezier(0.33, 1, 0.68, 1);
}
.whats_illust_map .p_02 {
	width: 6.1689vw;
	top: 12.3377vw;
	left: 40.3897vw;
	-webkit-transform-origin: 80% 100%;
	        transform-origin: 80% 100%;
	-webkit-animation: p_shake 5s infinite forwards cubic-bezier(0.33, 1, 0.68, 1);
	        animation: p_shake 5s infinite forwards cubic-bezier(0.33, 1, 0.68, 1);
	-webkit-animation-delay: 2.5s;
	        animation-delay: 2.5s;
}
.whats_illust_map .p_03 {
	width: 6.6234vw;
	top: 16.1689vw;
	left: 50.1299vw;
	-webkit-animation: p_shake 5s infinite forwards cubic-bezier(0.33, 1, 0.68, 1);
	        animation: p_shake 5s infinite forwards cubic-bezier(0.33, 1, 0.68, 1);
	-webkit-animation-delay: 2.5s;
	        animation-delay: 2.5s;
}
.whats_illust_map .p_04 {
	width: 3.8962vw;
	top: 14.4156vw;
	left: 61.1689vw;
	-webkit-transform-origin: 80% 100%;
	        transform-origin: 80% 100%;
	-webkit-animation: p_shake 5s infinite forwards cubic-bezier(0.33, 1, 0.68, 1);
	        animation: p_shake 5s infinite forwards cubic-bezier(0.33, 1, 0.68, 1);
}
.whats_illust_map .p_05 {
	width: 2.9221vw;
	top: 19.2858vw;
	left: 39.6104vw;
	-webkit-animation: p_shake 5s infinite forwards cubic-bezier(0.33, 1, 0.68, 1);
	        animation: p_shake 5s infinite forwards cubic-bezier(0.33, 1, 0.68, 1);
	-webkit-animation-delay: 2.5s;
	        animation-delay: 2.5s;
}
.whats_illust_map .p_06 {
	width: 4.5455vw;
	top: 19.6104vw;
	left: 45.3897vw;
	-webkit-animation: p_bounce 5s infinite forwards cubic-bezier(0.33, 1, 0.68, 1);
	        animation: p_bounce 5s infinite forwards cubic-bezier(0.33, 1, 0.68, 1);
}
.whats_illust_map .p_07 {
	width: 5vw;
	top: 20.5845vw;
	left: 55.1949vw;
	-webkit-animation: p_shake 5s infinite forwards cubic-bezier(0.33, 1, 0.68, 1);
	        animation: p_shake 5s infinite forwards cubic-bezier(0.33, 1, 0.68, 1);
}
.whats_illust_map .p_08 {
	width: 2.7923vw;
	top: 24.4156vw;
	left: 62.5325vw;
	-webkit-animation: p_bounce 5s infinite forwards cubic-bezier(0.33, 1, 0.68, 1);
	        animation: p_bounce 5s infinite forwards cubic-bezier(0.33, 1, 0.68, 1);
	-webkit-animation-delay: 2.5s;
	        animation-delay: 2.5s;
}
.whats_illust_map .p_09 {
	width: 6.1689vw;
	top: 24.026vw;
	left: 30vw;
	-webkit-animation: p_shake 5s infinite forwards cubic-bezier(0.33, 1, 0.68, 1);
	        animation: p_shake 5s infinite forwards cubic-bezier(0.33, 1, 0.68, 1);
}
.whats_illust_map .p_10 {
	width: 2.078vw;
	top: 28.4416vw;
	left: 50.9741vw;
	-webkit-animation: p_bounce 5s infinite forwards cubic-bezier(0.33, 1, 0.68, 1);
	        animation: p_bounce 5s infinite forwards cubic-bezier(0.33, 1, 0.68, 1);
	-webkit-animation-delay: 2.5s;
	        animation-delay: 2.5s;
}
.whats_illust_map .p_11 {
	width: 2.7273vw;
	top: 32.6624vw;
	left: 29.2208vw;
	-webkit-animation: p_bounce 5s infinite forwards cubic-bezier(0.33, 1, 0.68, 1);
	        animation: p_bounce 5s infinite forwards cubic-bezier(0.33, 1, 0.68, 1);
	-webkit-animation-delay: 2.5s;
	        animation-delay: 2.5s;
}
.whats_illust_map .p_12 {
	width: 5.1299vw;
	top: 31.9481vw;
	left: 37.2078vw;
	-webkit-animation: p_bounce 5s infinite forwards cubic-bezier(0.33, 1, 0.68, 1);
	        animation: p_bounce 5s infinite forwards cubic-bezier(0.33, 1, 0.68, 1);
}
.whats_illust_map .p_13 {
	width: 4.4156vw;
	top: 38.8312vw;
	left: 47.2078vw;
	-webkit-animation: p_shake 5s infinite forwards cubic-bezier(0.33, 1, 0.68, 1);
	        animation: p_shake 5s infinite forwards cubic-bezier(0.33, 1, 0.68, 1);
	-webkit-animation-delay: 2.5s;
	        animation-delay: 2.5s;
}
.whats_illust_map .p_14 {
	width: 7.078vw;
	top: 37.2078vw;
	left: 53.8962vw;
	-webkit-animation: p_bounce 5s infinite forwards cubic-bezier(0.33, 1, 0.68, 1);
	        animation: p_bounce 5s infinite forwards cubic-bezier(0.33, 1, 0.68, 1);
}
.whats_illust_map .p_15 {
	width: 5.1299vw;
	top: -0.974vw;
	left: 52.2728vw;
	-webkit-animation: p_cloud1 8s infinite alternate cubic-bezier(0.36, 0, 0.64, 1);
	        animation: p_cloud1 8s infinite alternate cubic-bezier(0.36, 0, 0.64, 1);
}
.whats_illust_map .p_16 {
	width: 6.3637vw;
	top: 19.9351vw;
	left: 23.6364vw;
	-webkit-animation: p_cloud2 5s infinite alternate cubic-bezier(0.36, 0, 0.64, 1);
	        animation: p_cloud2 5s infinite alternate cubic-bezier(0.36, 0, 0.64, 1);
	-webkit-animation-delay: 1.5s;
	        animation-delay: 1.5s;
}
.whats_illust_map .p_17 {
	width: 4.8702vw;
	top: 42.1429vw;
	left: 30.8442vw;
	-webkit-animation: p_cloud1 6s infinite alternate cubic-bezier(0.36, 0, 0.64, 1);
	        animation: p_cloud1 6s infinite alternate cubic-bezier(0.36, 0, 0.64, 1);
}
.whats_illust_map .p_18 {
	width: 8.5065vw;
	top: 44.3507vw;
	left: 57.9871vw;
	-webkit-animation: p_01 5s infinite forwards cubic-bezier(0.33, 1, 0.68, 1);
	        animation: p_01 5s infinite forwards cubic-bezier(0.33, 1, 0.68, 1);
	-webkit-animation-delay: 2.5s;
	        animation-delay: 2.5s;
}
.whats_slide {
	width: 100%;
	overflow: hidden;
	position: relative;
	padding: 113px 0 60px;
	background-color: #DDF1F7;
}
.whats_slide_wrap {
	position: relative;
	z-index: 2;
}
.whats_slide_wrap::before, .whats_slide_wrap::after {
	width: 100%;
	content: "";
	display: block;
	position: absolute;
	left: 0;
	background-color: #DDF1F7;
	-webkit-mask-image: url(../img/common/parts_wave.png);
	        mask-image: url(../img/common/parts_wave.png);
	-webkit-mask-repeat: repeat-x;
	        mask-repeat: repeat-x;
	z-index: 1;
}
.whats_slide_wrap::before {
	height: 66px;
	top: 0;
	-webkit-mask-position: -104px 0;
	        mask-position: -104px 0;
	-webkit-mask-size: 644px 100%;
	        mask-size: 644px 100%;
	translate: 0 -100%;
}
.whats_slide_wrap::after {
	height: 58px;
	bottom: 2px;
	-webkit-mask-position: -126px 0;
	        mask-position: -126px 0;
	-webkit-mask-size: 482px 100%;
	        mask-size: 482px 100%;
	translate: 0 -100%;
}
.whats_slide_wrap .illust {
	display: block;
	position: absolute;
	z-index: 2;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}
.whats_slide_wrap .illust._01 {
	width: 191px;
	top: -46px;
	right: 281px;
}
.whats_slide_wrap .illust._01::before {
	width: 142px;
	aspect-ratio: 284/86;
	content: "";
	display: block;
	position: absolute;
	top: 40px;
	right: -153px;
	background-image: url(../img/top/whats_slide_illust01_txt.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100% auto;
	-webkit-animation: illust01 3s steps(2) infinite;
	        animation: illust01 3s steps(2) infinite;
}
.whats_slide_wrap .illust._02 {
	width: 74px;
	right: 123px;
	bottom: -112px;
}
.whats_slide_wrap .illust._02::before {
	width: 135px;
	aspect-ratio: 1/1;
	content: "";
	display: block;
	position: absolute;
	top: 50px;
	left: -170px;
	background-image: url(../img/top/whats_slide_illust02_txt.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100% auto;
	-webkit-animation: rotate linear 40s infinite;
	        animation: rotate linear 40s infinite;
}
.whats_slide_inner {
	width: calc(20.7793vw * 4 + 24.3507vw * 2 + 46.6884vw * 2 + 160px);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-animation: slide_loop linear 80s infinite;
	        animation: slide_loop linear 80s infinite;
}
.whats_slide .img {
	margin-right: 20px;
	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: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.whats_slide .img img {
	border-radius: 16px;
}
.whats_slide .img._01 {
	width: 20.7793vw;
}
.whats_slide .img._03 {
	width: 21.039vw;
}
.whats_slide .img._02 {
	width: 375px;
	width: 24.3507vw;
}
.whats_slide .img._04 {
	width: 719px;
	width: 46.6884vw;
}

@-webkit-keyframes whats_bg_loop {
	0% {
		background-position: 0 0;
	}
	100% {
		background-position: -1370px 0;
	}
}

@keyframes whats_bg_loop {
	0% {
		background-position: 0 0;
	}
	100% {
		background-position: -1370px 0;
	}
}
@-webkit-keyframes whats_bg_loop_sp {
	0% {
		background-position: 0 0;
	}
	100% {
		background-position: -650px 0;
	}
}
@keyframes whats_bg_loop_sp {
	0% {
		background-position: 0 0;
	}
	100% {
		background-position: -650px 0;
	}
}
@-webkit-keyframes illust01 {
	0% {
		rotate: 0deg;
	}
	to {
		rotate: -8deg;
	}
}
@keyframes illust01 {
	0% {
		rotate: 0deg;
	}
	to {
		rotate: -8deg;
	}
}
@-webkit-keyframes whats_hover {
	0%, 100% {
		opacity: 1;
		translate: 0 -50%;
	}
	50% {
		opacity: 0;
		translate: 6px -50%;
	}
	51% {
		opacity: 0;
		translate: -6px -50%;
	}
}
@keyframes whats_hover {
	0%, 100% {
		opacity: 1;
		translate: 0 -50%;
	}
	50% {
		opacity: 0;
		translate: 6px -50%;
	}
	51% {
		opacity: 0;
		translate: -6px -50%;
	}
}
@-webkit-keyframes p_01 {
	0%, 26%, 100% {
		-webkit-transform: translate(0, 0) rotate(0);
		        transform: translate(0, 0) rotate(0);
	}
	5%, 8%, 20% {
		-webkit-transform: translate(0, -15%) rotate(0);
		        transform: translate(0, -15%) rotate(0);
	}
	10%, 16% {
		-webkit-transform: translate(0, -15%) rotate(10deg);
		        transform: translate(0, -15%) rotate(10deg);
	}
	13%, 18% {
		-webkit-transform: translate(0, -15%) rotate(-10deg);
		        transform: translate(0, -15%) rotate(-10deg);
	}
}
@keyframes p_01 {
	0%, 26%, 100% {
		-webkit-transform: translate(0, 0) rotate(0);
		        transform: translate(0, 0) rotate(0);
	}
	5%, 8%, 20% {
		-webkit-transform: translate(0, -15%) rotate(0);
		        transform: translate(0, -15%) rotate(0);
	}
	10%, 16% {
		-webkit-transform: translate(0, -15%) rotate(10deg);
		        transform: translate(0, -15%) rotate(10deg);
	}
	13%, 18% {
		-webkit-transform: translate(0, -15%) rotate(-10deg);
		        transform: translate(0, -15%) rotate(-10deg);
	}
}
@-webkit-keyframes p_shake {
	0%, 20%, 35%, 100% {
		-webkit-transform: translate(0, 0) rotate(0);
		        transform: translate(0, 0) rotate(0);
	}
	5%, 15% {
		-webkit-transform: translate(0, 0) rotate(-6deg);
		        transform: translate(0, 0) rotate(-6deg);
	}
	10% {
		-webkit-transform: translate(0, 0) rotate(6deg);
		        transform: translate(0, 0) rotate(6deg);
	}
}
@keyframes p_shake {
	0%, 20%, 35%, 100% {
		-webkit-transform: translate(0, 0) rotate(0);
		        transform: translate(0, 0) rotate(0);
	}
	5%, 15% {
		-webkit-transform: translate(0, 0) rotate(-6deg);
		        transform: translate(0, 0) rotate(-6deg);
	}
	10% {
		-webkit-transform: translate(0, 0) rotate(6deg);
		        transform: translate(0, 0) rotate(6deg);
	}
}
@-webkit-keyframes p_bounce {
	0%, 20%, 35%, 100% {
		-webkit-transform: translate(0, 0);
		        transform: translate(0, 0);
	}
	5%, 15% {
		-webkit-transform: translate(0, -6px);
		        transform: translate(0, -6px);
	}
	10% {
		-webkit-transform: translate(0, 6px);
		        transform: translate(0, 6px);
	}
}
@keyframes p_bounce {
	0%, 20%, 35%, 100% {
		-webkit-transform: translate(0, 0);
		        transform: translate(0, 0);
	}
	5%, 15% {
		-webkit-transform: translate(0, -6px);
		        transform: translate(0, -6px);
	}
	10% {
		-webkit-transform: translate(0, 6px);
		        transform: translate(0, 6px);
	}
}
@-webkit-keyframes p_cloud1 {
	0% {
		-webkit-transform: translate(0, 0);
		        transform: translate(0, 0);
	}
	100% {
		-webkit-transform: translate(50px, 0);
		        transform: translate(50px, 0);
	}
}
@keyframes p_cloud1 {
	0% {
		-webkit-transform: translate(0, 0);
		        transform: translate(0, 0);
	}
	100% {
		-webkit-transform: translate(50px, 0);
		        transform: translate(50px, 0);
	}
}
@-webkit-keyframes p_cloud2 {
	0% {
		-webkit-transform: translate(0, 0);
		        transform: translate(0, 0);
	}
	100% {
		-webkit-transform: translate(-30px, 0);
		        transform: translate(-30px, 0);
	}
}
@keyframes p_cloud2 {
	0% {
		-webkit-transform: translate(0, 0);
		        transform: translate(0, 0);
	}
	100% {
		-webkit-transform: translate(-30px, 0);
		        transform: translate(-30px, 0);
	}
}
@media screen and (min-width: 1541px) {
	.whats_inner {
		width: 88.2544%;
	}
}
@media screen and (max-width: 1540px) {
	.whats_inner {
		width: min(90%, 1360px);
	}
}
@media screen and (max-width: 1000px) {
	.whats {
		margin-top: 9px;
	}
	.whats_inner {
		width: 100%;
		position: relative;
		inset: auto;
		margin-bottom: 46px;
		padding: 220px 0 0;
		translate: 0 0;
	}
	.whats_inner::before {
		width: 100%;
		height: 55px;
		display: block;
		content: "";
		position: absolute;
		top: 120px;
		left: 0;
		background-image: url(../img/top/whats_bg_text.png);
		background-repeat: repeat-x;
		background-position: 0 0;
		background-size: auto 100%;
		-webkit-animation: whats_bg_loop_sp linear 30s infinite;
		        animation: whats_bg_loop_sp linear 30s infinite;
		z-index: 1;
		-webkit-transition: opacity 1s, clip-path 2s cubic-bezier(0.68, -0.6, 0.32, 1.6);
		transition: opacity 1s, clip-path 2s cubic-bezier(0.68, -0.6, 0.32, 1.6);
	}
	.whats_cont {
		width: 80.5129%;
		margin: 0 auto;
	}
	.whats_cont .desc {
		width: 100%;
	}
	.whats_bnr {
		width: 100%;
	}
	.whats_illust {
		height: auto;
		aspect-ratio: 780/1326;
	}
	.whats_illust::before {
		display: none;
	}
	.whats_illust::after {
		background-image: url(../img/top/whats_illust_yama_sp.png);
		background-position: 0 0;
	}
	.whats_illust_map {
		width: 100%;
		top: 10.5129vw;
		right: 0;
		margin-top: 0;
		translate: 0 0;
	}
	.whats_illust .p_01 {
		width: 20vw;
		top: 34.6154vw;
		left: 70.2565vw;
	}
	.whats_illust .p_02 {
		width: 14.1026vw;
		top: 56.6667vw;
		left: 41.0257vw;
	}
	.whats_illust .p_03 {
		width: 12.8206vw;
		top: 71.7949vw;
		left: 52.0513vw;
	}
	.whats_illust .p_04 {
		width: 8.9744vw;
		top: 67.6924vw;
		left: 75.3847vw;
	}
	.whats_illust .p_05 {
		width: 7.4359vw;
		top: 75.8975vw;
		left: 31.7949vw;
	}
	.whats_illust .p_06 {
		width: 12.3077vw;
		top: 78.718vw;
		left: 45.8975vw;
	}
	.whats_illust .p_07 {
		width: 11.2821vw;
		top: 75.8975vw;
		left: 62.3077vw;
	}
	.whats_illust .p_08 {
		width: 7.1795vw;
		top: 86.6667vw;
		left: 80.5129vw;
	}
	.whats_illust .p_09 {
		width: 12.5642vw;
		top: 86.6667vw;
		left: 13.5898vw;
	}
	.whats_illust .p_10 {
		display: none;
	}
	.whats_illust .p_11 {
		width: 7.1795vw;
		top: 105.6411vw;
		left: 11.0257vw;
	}
	.whats_illust .p_12 {
		width: 11.7949vw;
		top: 101.0257vw;
		left: 26.4103vw;
	}
	.whats_illust .p_13 {
		width: 11.2821vw;
		top: 115.6411vw;
		left: 46.9231vw;
	}
	.whats_illust .p_14 {
		width: 16.4103vw;
		top: 113.5898vw;
		left: 62.0513vw;
	}
	.whats_illust .p_15 {
		width: 11.7949vw;
		top: 23.077vw;
		left: 80.2565vw;
	}
	.whats_illust .p_16 {
		width: 15.6411vw;
		top: 14.1026vw;
		left: 62.3077vw;
	}
	.whats_illust .p_17 {
		width: 11.2821vw;
		top: 81.7949vw;
		left: 3.3334vw;
	}
	.whats_illust .p_18 {
		width: 18.9744vw;
		top: 120.7693vw;
		left: 5.6411vw;
	}
}
@media screen and (max-width: 800px) {
	.whats {
		margin-top: 9px;
		z-index: 2;
	}
	.whats.fadeIn::before {
		clip-path: polygon(0 0, 100% 113px, 100% 100%, 0% 100%);
	}
	.whats::after {
		height: 22px;
		-webkit-mask-size: 202px 100%;
		        mask-size: 202px 100%;
		-webkit-mask-position: left calc(50% - 101px) top 0%;
		        mask-position: left calc(50% - 101px) top 0%;
	}
	.whats::before {
		height: 100%;
		top: 0;
	}
	.whats_inner {
		width: 100%;
		position: relative;
		inset: auto;
		margin-bottom: 46px;
		padding: 220px 0 0;
		translate: 0 0;
	}
	.whats_inner::before {
		width: 100%;
		height: 55px;
		display: block;
		content: "";
		position: absolute;
		top: 120px;
		left: 0;
		background-image: url(../img/top/whats_bg_text.png);
		background-repeat: repeat-x;
		background-position: 0 0;
		background-size: auto 100%;
		-webkit-animation: whats_bg_loop_sp linear 30s infinite;
		        animation: whats_bg_loop_sp linear 30s infinite;
		z-index: 1;
		-webkit-transition: opacity 1s, clip-path 2s cubic-bezier(0.68, -0.6, 0.32, 1.6);
		transition: opacity 1s, clip-path 2s cubic-bezier(0.68, -0.6, 0.32, 1.6);
	}
	.whats_cont {
		width: 80.5129%;
		margin: 0 auto;
	}
	.whats_cont .en {
		margin-bottom: 11px;
		margin-left: -2px;
	}
	.whats_cont .en::before {
		left: -1px;
	}
	.whats_cont .en span {
		font-size: var(--font-size14);
	}
	.whats_cont h2 {
		font-size: var(--font-size48);
		line-height: 1.2;
		position: relative;
		margin-bottom: 22px;
	}
	.whats_cont h2::before {
		width: 80px;
		aspect-ratio: 202/200;
		content: "";
		display: block;
		position: absolute;
		right: -9.7435vw;
		bottom: 0;
		background-image: url(../img/top/whats_hl_illust.png);
		background-repeat: repeat-x;
		background-position: 0 0;
		background-size: auto 100%;
	}
	.whats_cont .desc {
		line-height: 1.75;
		letter-spacing: 0.02em;
		margin-bottom: 24px;
	}
	.whats_cont .cmn_btn {
		width: 274px;
	}
	.whats_bnr {
		max-width: none;
	}
	.whats_bnr a {
		padding: 15px 7px;
		padding-right: 40px;
		border-radius: 4px;
	}
	.whats_bnr a::before {
		right: 12px;
	}
	.whats_bnr .img {
		width: 94px;
		margin-right: 8px;
	}
	.whats_bnr_cont .tit {
		font-size: var(--font-size18);
		margin-bottom: 8px;
	}
	.whats_bnr_cont .txt {
		font-size: var(--font-size12);
		line-height: 1.5;
	}
	.whats_illust::before {
		display: none;
	}
	.whats_illust_map {
		width: 100%;
		height: auto;
	}
	.whats_slide {
		padding: 100px 0 57px;
	}
	.whats_slide_wrap::before {
		height: 22px;
		-webkit-mask-size: 202px 100%;
		        mask-size: 202px 100%;
		-webkit-mask-position: 50% 0%;
		        mask-position: 50% 0%;
	}
	.whats_slide_wrap::after {
		height: 22px;
		bottom: 35px;
		-webkit-mask-size: 202px 100%;
		        mask-size: 202px 100%;
		-webkit-mask-position: 50% 0%;
		        mask-position: 50% 0%;
	}
	.whats_slide_wrap .illust._01 {
		width: 110px;
		top: 19px;
		left: 22px;
	}
	.whats_slide_wrap .illust._01::before {
		width: 117px;
		top: 20px;
		left: 131px;
	}
	.whats_slide_wrap .illust._02 {
		width: 49px;
		right: 49px;
		bottom: -63px;
	}
	.whats_slide_wrap .illust._02::before {
		width: 98px;
		top: 42px;
		left: -112px;
	}
	.whats_slide_inner {
		width: calc(53.8462vw * 4 + 62.3077vw * 2 + 119.4872vw * 2 + 128px);
	}
	.whats_slide_inner .img {
		margin-right: 16px;
	}
	.whats_slide_inner .img._01 {
		width: 53.077vw;
	}
	.whats_slide_inner .img._03 {
		width: 53.8462vw;
	}
	.whats_slide_inner .img._02 {
		width: 62.3077vw;
	}
	.whats_slide_inner .img._04 {
		width: 119.4872vw;
	}
}
/* ========================================

trial

======================================== */
.trial {
	position: relative;
	padding: 210px 0 224px;
	background-color: #F6FAEF;
}
.trial_inner {
	margin-left: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
}
.trial_hl {
	width: 186px;
	width: 12.8276%;
	position: relative;
	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;
}
.trial_hl h2 {
	color: var(--c_key1);
	font-size: var(--font-size56);
	font-weight: 600;
	margin-bottom: 47px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	    -ms-flex-direction: row-reverse;
	        flex-direction: row-reverse;
}
.trial_hl h2 span {
	-webkit-writing-mode: vertical-rl;
	    -ms-writing-mode: tb-rl;
	        writing-mode: vertical-rl;
	height: 5em;
	display: block;
}
.trial_hl h2 span:nth-child(2) {
	margin-top: 1em;
	margin-right: 16px;
}
.trial_hl .illust {
	width: 80px;
	position: relative;
	margin-bottom: 44px;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}
.trial_hl .illust::before {
	width: 73px;
	aspect-ratio: 146/128;
	content: "";
	display: block;
	position: absolute;
	top: -13px;
	left: -89px;
	background-image: url(../img/top/trial_illust01_txt.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100% auto;
	-webkit-animation: illust01 3s steps(2) infinite;
	        animation: illust01 3s steps(2) infinite;
	-webkit-transform-origin: 80% 100%;
	        transform-origin: 80% 100%;
}
.trial_hl .slick_arrow_wrap .slick-prev {
	margin-right: 12px;
}
.trial_main {
	width: 79.3104%;
}
.trial .desc {
	font-size: var(--font-size16);
	line-height: 2;
	letter-spacing: 0.04em;
	width: min(90%, 850px);
	margin-bottom: 48px;
	margin-left: 10px;
}
.trial_list {
	opacity: 0;
	-webkit-transition: opacity 1s;
	transition: opacity 1s;
}
.trial_list.slick-initialized {
	opacity: 1;
}
.trial_list_item {
	width: min(34.3334vw, 412px);
	margin-right: min(3.3334vw, 40px);
}
.trial_list_item .tit {
	font-size: var(--font-size20);
	line-height: 1.55;
}
.trial .cmn_btn {
	width: 432px;
	height: 74px;
	margin: 70px auto 0;
}

@media screen and (min-width: 1541px) {
	.trial_inner {
		width: 94.0948%;
	}
}
@media screen and (max-width: 1540px) {
	.trial_inner {
		width: min(90%, 1450px);
	}
}
@media screen and (max-width: 800px) {
	.trial {
		padding: 136px 0 157px;
	}
	.trial::after {
		width: 204px;
		left: -22px;
		bottom: -7px;
		background-color: #B2D2C9;
	}
	.trial_inner {
		width: 100%;
		display: block;
	}
	.trial_hl {
		width: auto;
		position: absolute;
		left: 6.6667vw;
		z-index: 1;
	}
	.trial_hl::before {
		width: 70px;
		height: 131px;
		aspect-ratio: unset;
		right: 29px;
		bottom: 82px;
		background-position: 100% 0%;
		background-size: auto 100%;
	}
	.trial_hl h2 {
		font-size: var(--font-size40);
		margin-bottom: 22px;
	}
	.trial_hl h2 span:nth-child(2) {
		margin-right: 10px;
	}
	.trial_hl .illust {
		width: 70px;
		translate: -2px 0;
	}
	.trial_hl .illust::before {
		display: none;
	}
	.trial_main {
		width: 100%;
	}
	.trial_main .desc {
		line-height: 1.875;
		letter-spacing: 0;
		width: calc(100% - 122px - 14.359vw);
		min-height: 326px;
		margin-left: auto;
		margin-bottom: 52px;
		margin-right: 7.6924vw;
	}
	.trial_list_item {
		width: min(78.4616vw, 459px);
		margin-right: min(5.6411vw, 33px);
		translate: 3.3334vw 0;
	}
	.trial_list_item .box_img .plan {
		height: 43px;
		padding: 0 13px;
	}
	.trial_list_item h3 {
		line-height: 1.4375;
	}
	.trial_list .slick-dots {
		margin-top: 29px;
	}
	.trial .cmn_btn {
		width: 260px;
		height: 56px;
		margin-top: 32px;
	}
}
.hl_en {
	font-family: "Outfit", sans-serif;
	font-weight: 400;
	color: #fff;
	font-size: var(--font-size17);
	font-weight: 300;
	letter-spacing: 0.06em;
	position: relative;
	height: 31px;
	padding: 0 46px 0 21px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	rotate: -6deg;
}
.hl_en::before {
	width: 100%;
	height: 100%;
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background-color: var(--c_red);
	clip-path: polygon(0% 0%, 100% 0%, calc(100% - 34px) 100%, 12px 100%);
	z-index: -1;
}
.hl_en::after {
	width: 39px;
	aspect-ratio: 78/22;
	display: block;
	content: "";
	position: absolute;
	top: -30px;
	left: 6px;
	background-color: var(--c_red);
	-webkit-mask-image: url(../img/top/parts_hl_en.png);
	        mask-image: url(../img/top/parts_hl_en.png);
	-webkit-mask-repeat: no-repeat;
	        mask-repeat: no-repeat;
	-webkit-mask-position: 0 0;
	        mask-position: 0 0;
	-webkit-mask-size: cover;
	        mask-size: cover;
}

@media screen and (max-width: 800px) {
	.hl_en {
		font-size: var(--font-size18);
		letter-spacing: 0.08em;
		margin-left: 13px;
		margin-bottom: 36px;
		padding-right: 36px;
	}
	.hl_en::after {
		top: -33px;
	}
}
/* ========================================

interview

======================================== */
.interview {
	position: relative;
	padding: 95px 0 68px;
	background-color: #C5E2E2;
	z-index: 3;
}
.interview::before, .interview::after {
	width: 100%;
	height: 60px;
	content: "";
	display: block;
	position: absolute;
	left: 0;
	background-image: url(../img/top/interview_bg_top.svg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.interview::before {
	top: 0;
	translate: 0 -100%;
}
.interview::after {
	bottom: 0;
	background-image: url(../img/top/interview_bg_bottom.svg);
	translate: 0 100%;
}
.interview_inner {
	position: relative;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
}
.interview_inner::before {
	width: min(38.8334vw, 466px);
	aspect-ratio: 934/348;
	content: "";
	display: block;
	position: absolute;
	top: -95px;
	left: -119px;
	background-color: #C5DED7;
	-webkit-mask-image: url(../img/top/trial_bg.png);
	        mask-image: url(../img/top/trial_bg.png);
	-webkit-mask-repeat: no-repeat;
	        mask-repeat: no-repeat;
	-webkit-mask-position: 0 0;
	        mask-position: 0 0;
	-webkit-mask-size: 100% auto;
	        mask-size: 100% auto;
	z-index: -1;
	translate: 0 -100%;
}
.interview_list {
	margin-top: 8px;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.interview_list_wrap {
	width: min(59.6947%, 782px);
	position: relative;
	z-index: 1;
}
.interview_list_item {
	width: 47.3146%;
	margin-bottom: 40px;
}
.interview aside {
	width: clamp(290px, 30.4546vw, 335px);
	position: sticky;
	top: 130px;
	left: 0;
	padding-left: 10px;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
}
.interview aside::before {
	width: min(13.585vw, 144px);
	aspect-ratio: 288/232;
	content: "";
	display: block;
	position: absolute;
	top: -7px;
	left: min(22.3572vw, 313px);
	background-image: url(../img/top/interview_illust02.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: cover;
	pointer-events: none;
}
.interview aside .cmn_btn {
	width: 272px;
	height: 64px;
	margin-top: 72px;
}
.interview .hl_en {
	margin-bottom: 21px;
	margin-left: -15px;
}
.interview .hl_en::after {
	background-color: var(--c_blue);
}
.interview_hl {
	margin-bottom: 53px;
	position: relative;
	z-index: 1;
}
.interview_hl h2 {
	color: var(--c_blue);
	font-size: var(--font-size46);
	font-weight: 500;
	line-height: 1.3044;
	letter-spacing: 0.1em;
	margin-bottom: 27px;
}
.interview_hl .desc {
	font-size: var(--font-size16);
	text-align: justify;
	line-height: 2;
	letter-spacing: 0.04em;
}
.interview .illust._01 {
	width: min(13.1667vw, 158px);
	position: absolute;
	top: -43px;
	right: 38px;
	translate: 0 -100%;
}
.interview .illust._01::before {
	width: min(24.8485%, 41px);
	aspect-ratio: 1/1;
	content: "";
	display: block;
	position: absolute;
	top: 20px;
	right: -26px;
	background-image: url(../img/top/interview_illust01_parts01.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: cover;
	-webkit-animation: rotate02 2s steps(6) infinite;
	        animation: rotate02 2s steps(6) infinite;
	-webkit-animation: rotate02 2s infinite;
	        animation: rotate02 2s infinite;
	-webkit-animation-delay: 0.2s;
	        animation-delay: 0.2s;
	opacity: 0;
}
.interview .illust._01::after {
	width: min(20%, 33px);
	aspect-ratio: 66/60;
	content: "";
	display: block;
	position: absolute;
	top: 68px;
	right: -5px;
	background-image: url(../img/top/interview_illust01_parts02.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: cover;
	-webkit-animation: rotate02 2s steps(6) infinite;
	        animation: rotate02 2s steps(6) infinite;
	-webkit-animation: rotate02 2s infinite;
	        animation: rotate02 2s infinite;
	opacity: 0;
}

@media screen and (min-width: 1541px) {
	.interview_inner {
		width: 88.2544%;
		width: 85.0098%;
	}
}
@media screen and (max-width: 1540px) {
	.interview_inner {
		width: min(90%, 1360px);
		width: min(90%, 1310px);
	}
}
@-webkit-keyframes rotate02 {
	0% {
		opacity: 0;
		scale: 0.6;
		rotate: 0deg;
		translate: 0 0;
	}
	50% {
		opacity: 1;
		scale: 1;
	}
	100% {
		opacity: 0;
		scale: 1.2;
		rotate: 30deg;
		translate: 6px -10px;
	}
}
@keyframes rotate02 {
	0% {
		opacity: 0;
		scale: 0.6;
		rotate: 0deg;
		translate: 0 0;
	}
	50% {
		opacity: 1;
		scale: 1;
	}
	100% {
		opacity: 0;
		scale: 1.2;
		rotate: 30deg;
		translate: 6px -10px;
	}
}
@media screen and (max-width: 800px) {
	.interview {
		padding: 90px 0 70px;
	}
	.interview::before {
		height: 15px;
	}
	.interview::after {
		height: 15px;
		background-image: url(../img/top/interview_bg_top.svg);
		scale: -1;
	}
	.interview_inner {
		width: 100%;
		display: block;
	}
	.interview_inner::before {
		width: 194px;
		top: -96px;
		left: -17px;
		background-color: #B2D2C9;
	}
	.interview aside {
		width: 82.0513%;
		margin: 0 auto;
		padding-left: 0;
		position: unset;
	}
	.interview aside::before {
		display: none;
	}
	.interview .hl_en {
		margin-bottom: 17px;
	}
	.interview_hl {
		margin-bottom: 64px;
	}
	.interview_hl h2 {
		font-size: var(--font-size40);
		letter-spacing: 0;
		margin-bottom: 7px;
	}
	.interview_hl .desc {
		line-height: 1.75;
		letter-spacing: 0;
	}
	.interview_list {
		-webkit-box-pack: start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
		opacity: 0;
		-webkit-transition: opacity 1s;
		transition: opacity 1s;
	}
	.interview_list.slick-initialized {
		opacity: 1;
	}
	.interview_list_wrap {
		width: 100vw;
	}
	.interview_list_item {
		width: min(72.8206vw, 426px);
		margin-right: 0;
		margin-left: 5.1283vw;
		margin-bottom: 0;
		translate: 5.1283vw 0;
	}
	.interview_list_item_cont {
		padding: 14px 0 20px;
	}
	.interview_list_item_cont .prof .since {
		font-size: var(--font-size11);
	}
	.interview_list_item_cont .prof .name {
		font-size: var(--font-size16);
	}
	.interview_list_item_cont .tit {
		font-size: var(--font-size18);
		line-height: 1.75;
	}
	.interview_list .slick-dots {
		margin-top: 3px;
	}
	.interview .cmn_btn {
		width: 256px;
		height: 56px;
		margin: 39px auto 0;
	}
	.interview .illust {
		pointer-events: none;
	}
	.interview .illust._01 {
		width: 162px;
		overflow: hidden;
		top: -6px;
		right: 36px;
		right: 0;
	}
	.interview .illust._01 img {
		width: 77.7778%;
	}
	.interview .illust._01::before {
		width: 16.0494%;
		top: 19px;
		right: 2px;
	}
	.interview .illust._01::after {
		width: 12.3457%;
		top: 52px;
		right: 18px;
	}
}
/* ========================================

job

======================================== */
.job {
	position: relative;
	padding: 296px 0 112px;
	background-color: var(--c_key1);
	z-index: 2;
}
.job::before {
	width: 100%;
	height: 116px;
	display: block;
	content: "";
	position: absolute;
	top: 174px;
	left: 0;
	background-image: url(../img/top/job_bg_txt.png);
	background-repeat: repeat-x;
	background-position: 0 0;
	background-size: auto 100%;
	-webkit-animation: job_bg_loop linear 30s infinite;
	        animation: job_bg_loop linear 30s infinite;
}
.job::after {
	width: 100%;
	height: 77px;
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	background-image: url(../img/common/parts_wave.png);
	background-repeat: repeat-x;
	background-position: center top;
	background-size: auto 100%;
	scale: -1;
	translate: 0 100%;
}
.job_inner {
	margin: 0 auto;
}
.job .hl_en {
	margin-left: 3px;
	margin-bottom: 25px;
}
.job .hl_en::after {
	background-color: #fff;
}
.job_hl {
	color: #fff;
	margin-bottom: 53px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.job_hl h2 {
	font-size: var(--font-size48);
	font-weight: 500;
	line-height: 1.1667;
	margin-left: 14px;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
}
.job_hl .desc {
	font-size: var(--font-size16);
	line-height: 1.875;
	letter-spacing: 0.02em;
	margin-top: 1px;
	margin-left: clamp(20px, 2.5975vw, 40px);
	padding-left: clamp(20px, 2.5975vw, 40px);
	border-left: 1px solid #fff;
}
.job_list {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.job_list::before {
	width: min(11.3433%, 152px);
	aspect-ratio: 304/352;
	content: "";
	display: block;
	position: absolute;
	right: 6.6716%;
	bottom: -110px;
	background-image: url(../img/top/job_illust01.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: cover;
	pointer-events: none;
}
.job_list_item {
	width: 48.3871%;
	margin-bottom: 30px;
}
.job_list_item a {
	width: 100%;
	height: 100%;
	padding: 12px;
	background-color: #fff;
	border-radius: 8px;
	-webkit-box-shadow: 10px 10px 0 #067C5B;
	        box-shadow: 10px 10px 0 #067C5B;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
@media screen and (min-width: 801px) {
	.job_list_item a:hover {
		color: #FF6464;
	}
	.job_list_item a:hover .img img {
		scale: 1.05;
	}
}
.job_list_item .img {
	width: clamp(160px, 15.3847vw, 200px);
	aspect-ratio: 1/1;
	overflow: hidden;
	margin-bottom: auto;
	border-radius: 8px;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
}
.job_list_item .img img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	-webkit-transition: all 0.8s cubic-bezier(0.33, 1, 0.68, 1);
	transition: all 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.job_list_item_cont {
	margin: 0 min(2.4616vw, 32px);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
.job_list_item_cont .tag {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
.job_list_item_cont .tag .area,
.job_list_item_cont .tag .type {
	font-size: var(--font-size12);
	height: 28px;
	padding: 0 10px;
	border-radius: 30px;
	margin-right: 6px;
	margin-bottom: 6px;
	-webkit-transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
	transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.job_list_item_cont .tag .type {
	border: 1px solid #212121;
}
.job_list_item_cont h3 {
	font-size: var(--font-size18);
	font-weight: 600;
	line-height: 1.5556;
	width: 100%;
	margin: calc(1.1112em - 4px) 0 0.8334em;
}
.job_list_item_cont .txt {
	font-size: var(--font-size15);
	font-weight: 500;
	line-height: 1.2;
	width: 100%;
}
.job .cmn_btn {
	width: 320px;
	margin: 50px auto 0;
}
.job .cmn_btn a {
	color: var(--c_key1);
	border-color: #fff !important;
}
.job .cmn_btn a ._arrow {
	background-color: var(--c_key1);
}
@media screen and (min-width: 801px) {
	.job .cmn_btn a:hover {
		color: #fff;
		background-color: var(--c_red);
		border-color: var(--c_red) !important;
	}
	.job .cmn_btn a:hover ._arrow {
		background-color: #fff;
	}
}

@-webkit-keyframes job_bg_loop {
	0% {
		background-position: 0 0;
	}
	100% {
		background-position: -1820px 0;
	}
}

@keyframes job_bg_loop {
	0% {
		background-position: 0 0;
	}
	100% {
		background-position: -1820px 0;
	}
}
@-webkit-keyframes job_bg_loop_sp {
	0% {
		background-position: 0 0;
	}
	100% {
		background-position: -1398px 0;
	}
}
@keyframes job_bg_loop_sp {
	0% {
		background-position: 0 0;
	}
	100% {
		background-position: -1398px 0;
	}
}
@media screen and (min-width: 1541px) {
	.job_inner {
		width: 88.514%;
	}
}
@media screen and (max-width: 1540px) {
	.job_inner {
		width: min(90%, 1364px);
	}
}
@media screen and (max-width: 1000px) {
	.job_list_item {
		width: 100%;
	}
}
@media screen and (max-width: 800px) {
	.job {
		padding: 170px 0 62px;
	}
	.job::before {
		height: 56px;
		top: 102px;
		-webkit-animation: job_bg_loop_sp linear 30s infinite;
		        animation: job_bg_loop_sp linear 30s infinite;
	}
	.job::after {
		height: 20px;
		background-size: 201px 100%;
	}
	.job_inner {
		width: 93.8462%;
		position: relative;
	}
	.job .hl_en {
		margin-bottom: 18px;
		margin-left: 8px;
	}
	.job_hl {
		width: 90.164%;
		display: block;
		margin: 0 auto 34px;
	}
	.job_hl h2 {
		font-size: var(--font-size40);
		line-height: 1.2;
		letter-spacing: 0;
		margin-bottom: 20px;
		margin-left: -2px;
	}
	.job_hl .desc {
		font-size: var(--font-size16);
		letter-spacing: 0;
		line-height: 1.75;
		margin-left: 0;
		padding-left: 0;
		border-left: none;
	}
	.job_list {
		position: unset;
	}
	.job_list::before {
		width: 91px;
		top: -16px;
		right: 45px;
		bottom: auto;
	}
	.job_list_item {
		margin-bottom: 17px;
	}
	.job_list_item a {
		padding: 7px;
		-webkit-box-shadow: 6px 6px 0 #067C5B;
		        box-shadow: 6px 6px 0 #067C5B;
	}
	.job_list_item .img {
		width: 115px;
	}
	.job_list_item_cont {
		margin: 0 16px;
	}
	.job_list_item_cont .tag .area,
	.job_list_item_cont .tag .type {
		font-size: var(--font-size9);
		height: 16px;
		margin: 0 2px 4px;
		padding: 0 6px 1px;
	}
	.job_list_item_cont h3 {
		font-size: var(--font-size14);
		line-height: 1.5;
		margin: 6px 0 6px;
	}
	.job_list_item_cont .txt {
		font-size: var(--font-size11);
		line-height: 1.3637;
	}
	.job .cmn_btn {
		width: 232px;
		margin-top: 40px;
	}
}
/* ========================================

home

======================================== */
.home {
	padding: 252px 0 194px;
	position: relative;
	background-image: url(../img/top/home_bg.svg);
	background-repeat: no-repeat;
	background-position: 50% 0%;
	background-size: 100% max(100%, 1815px);
	z-index: 0;
}
.home::after {
	width: 143px;
	aspect-ratio: 286/400;
	content: "";
	display: block;
	position: absolute;
	top: 123px;
	left: calc(50% + 25.3897%);
	background-image: url(../img/top/home_illust01.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100%;
}
.home_inner {
	margin: 0 auto;
}
.home_inner::before {
	width: 77px;
	aspect-ratio: 154/350;
	content: "";
	display: block;
	position: absolute;
	bottom: 117px;
	left: 3.052%;
	background-image: url(../img/top/home_illust02.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100%;
	pointer-events: none;
}
.home .hl_en {
	margin-bottom: 28px;
	margin-left: -10px;
}
.home_hl {
	margin-bottom: 62px;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 0px 1fr 0px 1fr 0px 1fr 0px 1fr;
	grid-template-columns: repeat(5, 1fr);
	gap: 0px;
}
.home_hl h2 {
	color: var(--c_key1);
	font-size: var(--font-size64);
	font-weight: 500;
	letter-spacing: 0.02em;
	margin-bottom: 30px;
	margin-left: -7px;
	-ms-grid-row: 1;
	-ms-grid-row-span: 1;
	-ms-grid-column: 1;
	-ms-grid-column-span: 4;
	grid-area: 1/1/2/5;
}
.home_hl .desc {
	font-size: var(--font-size16);
	line-height: 1.875;
	letter-spacing: 0.02em;
	width: min(100%, 950px);
	padding-right: 60px;
	-ms-grid-row: 2;
	-ms-grid-row-span: 1;
	-ms-grid-column: 1;
	-ms-grid-column-span: 4;
	grid-area: 2/1/3/5;
}
.home_hl .cmn_btn {
	width: 272px;
	margin-top: auto;
	margin-left: auto;
	-ms-grid-row: 1;
	-ms-grid-row-span: 2;
	-ms-grid-column: 5;
	-ms-grid-column-span: 1;
	grid-area: 1/5/3/6;
}
.home_list_item {
	width: 31.525%;
	margin-bottom: 40px;
}
@media screen and (min-width: 801px) {
	.home_list_item:not(:nth-child(3n)) {
		margin-right: 2.7127%;
	}
}

@media screen and (min-width: 1541px) {
	.home_inner {
		width: 88.514%;
	}
}
@media screen and (max-width: 1540px) {
	.home_inner {
		width: min(90%, 1364px);
	}
}
@media screen and (max-width: 1000px) {
	.home_list_item {
		width: 48%;
	}
}
@media screen and (max-width: 800px) {
	.home {
		padding: 114px 0 120px;
		background-color: #F6FAEF;
		background-image: url(../img/top/home_bg_sp.svg);
		background-size: 100% auto;
	}
	.home::after {
		width: 91px;
		top: 63px;
		left: calc(50% + 20.7693%);
		z-index: -1;
	}
	.home_inner {
		width: 89.7436%;
	}
	.home_inner::before {
		display: none;
	}
	.home_hl {
		width: 97.1429%;
		display: block;
		margin: 0 auto 31px;
	}
	.home_hl h2 {
		font-size: var(--font-size40);
		letter-spacing: 0;
		margin-bottom: 16px;
		margin-left: 2px;
	}
	.home_hl .desc {
		font-size: var(--font-size16);
		letter-spacing: 0;
		width: 94.1177%;
		padding-right: 0;
	}
	.home_list_item {
		width: 100%;
		margin-bottom: 28px;
	}
	.home_list_item_cont {
		padding: 21px 21px 30px;
	}
	.home_list_item_cont .name {
		margin-bottom: 12px;
	}
	.home_list_item_cont .name .label {
		height: 26px;
		margin-right: 13px;
		padding: 0 9px;
	}
	.home .cmn_btn {
		width: 254px;
		margin: 0 auto;
	}
}