/* 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;
}

/* ========================================

ph

======================================== */
.ph {
	position: relative;
	z-index: 1;
}
@media screen and (min-width: 801px) {
	.ph._region::before {
		width: 112px;
		width: min(8.96vw, 112px);
		aspect-ratio: 224/254;
		content: "";
		display: block;
		position: absolute;
		right: 50%;
		top: 50%;
		margin-top: 14.7769%;
		margin-right: 38.1859%;
		background-image: url(../img/region/ph_illust01.png);
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: 100% auto;
		z-index: -1;
	}
	.ph._region::after {
		width: min(9.28vw, 116px);
		aspect-ratio: 234/284;
		content: "";
		display: block;
		position: absolute;
		left: 50%;
		top: 50%;
		margin-top: 14.2649%;
		margin-left: 37.8932%;
		background-image: url(../img/region/ph_illust02.png);
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: 100% auto;
		z-index: -1;
		-webkit-transform-origin: 50% 100%;
		        transform-origin: 50% 100%;
		-webkit-animation: ilst01 4.5s infinite forwards cubic-bezier(0.33, 1, 0.68, 1);
		        animation: ilst01 4.5s infinite forwards cubic-bezier(0.33, 1, 0.68, 1);
	}
	.ph._region .copy {
		font-size: var(--font-size48);
		font-size: clamp(38px, 4vw, 48px);
		line-height: 1.375;
	}
	.ph._region .copy::before, .ph._region .copy::after {
		width: 0.6769em;
	}
	.ph._region .copy::before {
		translate: -5px 12px;
	}
	.ph._region .copy::after {
		translate: 25px -7px;
	}
}
.ph._region .bnr_area {
	max-width: 895px;
	margin: 110px auto 0;
}
.ph._region .bnr_area a {
	color: var(--c_key1);
	font-size: var(--font-size18);
	text-align: center;
	text-decoration: underline;
	text-underline-offset: 2px;
	display: block;
}
@media screen and (min-width: 801px) {
	.ph._region .bnr_area a:hover {
		opacity: 0.7;
	}
}
.ph._region .bnr_area .img {
	display: block;
	margin-bottom: 34px;
}
.ph._region .bnr_area .txt ._arrow {
	width: 12px;
	height: 10px;
	display: inline-block;
	margin-top: 1px;
	background-color: var(--c_key1);
	margin-left: 10px;
	-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 (max-width: 800px) {
	.ph._region .bnr_area {
		width: 100%;
		margin-top: 54px;
	}
	.ph._region .bnr_area a {
		font-size: var(--font-size14);
	}
	.ph._region .bnr_area .img {
		margin-bottom: 15px;
	}
	.ph._region .bnr_area .txt {
		font-size: var(--font-size14);
	}
	.ph._region .bnr_area .txt ._arrow {
		scale: 0.5;
		-webkit-transform-origin: 0% 50%;
		        transform-origin: 0% 50%;
	}
	.ph._areas .copy {
		font-size: var(--font-size28);
		line-height: 1.5715;
	}
}
/* ========================================

theme

======================================== */
.theme {
	counter-reset: number 0;
	position: relative;
	margin-top: 220px;
	background-color: #F9EDDB;
	z-index: 2;
}
.theme::before {
	width: 100%;
	height: 50px;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #F9EDDB;
	-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: 50% 0;
	        mask-position: 50% 0;
	-webkit-mask-size: 516px 100%;
	        mask-size: 516px 100%;
	translate: 0 -100%;
}
.theme_inner {
	position: relative;
	margin: 0 auto;
	padding: 124px 0 390px;
}
.theme_inner::before {
	width: 86px;
	aspect-ratio: 172/226;
	content: "";
	display: block;
	position: absolute;
	top: -68px;
	left: 50%;
	margin-left: 27.5001%;
	background-image: url(../img/region/theme_illust01.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100% auto;
}
.theme h2 {
	font-size: var(--font-size34);
	font-weight: 500;
	text-align: center;
	letter-spacing: 0.04em;
	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;
}
.theme h2::before, .theme h2::after {
	width: 47px;
	aspect-ratio: 47/22;
	content: "";
	display: inline-block;
	background-image: url(../img/common/parts_quot.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: cover;
}
.theme h2::before {
	translate: -29px 2px;
}
.theme h2::after {
	translate: 29px 2px;
}
.theme .en {
	font-family: "Outfit", sans-serif;
	font-weight: 400;
	font-size: var(--font-size16);
	text-align: center;
	letter-spacing: 0.04em;
	margin: 20px 0 57px;
}
.theme nav {
	position: relative;
	margin: 0 auto 75px;
	z-index: 1;
}
.theme nav ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
@media screen and (min-width: 801px) {
	.theme nav ul li {
		aspect-ratio: 558/200;
	}
	.theme nav ul li:not(:last-child) {
		margin-right: 28px;
	}
}
.theme nav ul li a {
	color: #fff;
	font-size: var(--font-size20);
	letter-spacing: 0.04em;
	cursor: pointer;
	width: 100%;
	height: 100%;
	-webkit-mask-image: url(../img/life/life_nav_btn_bg.png);
	        mask-image: url(../img/life/life_nav_btn_bg.png);
	-webkit-mask-repeat: no-repeat;
	        mask-repeat: no-repeat;
	-webkit-mask-position: 50% 50%;
	        mask-position: 50% 50%;
	-webkit-mask-size: 100% 100%;
	        mask-size: 100% 100%;
	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;
}
.theme nav ul li a::after {
	width: 12px;
	height: 10px;
	content: "";
	display: block;
	margin-left: 11px;
	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: 12px;
	        mask-size: 12px;
	rotate: 90deg;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
@media screen and (min-width: 801px) {
	.theme nav ul li a:hover {
		opacity: 0.7;
	}
	.theme nav ul li a:hover::after {
		translate: 0 5px;
	}
}
.theme nav ul li:nth-child(1) a {
	background-color: var(--c_key1);
}
.theme nav ul li:nth-child(2) a {
	background-color: var(--c_blue);
}
.theme nav ul li:nth-child(3) a {
	background-color: var(--c_red);
}
.theme nav ul li:nth-child(4) a {
	background-color: var(--c_purple);
}
.theme_cat {
	position: relative;
	margin: -120px auto;
	padding-top: 120px;
}
.theme_cat#cat01 .theme_cat_slide .slick-dots li::before {
	background-color: var(--c_key1);
}
.theme_cat#cat01 .theme_cat_main_tit {
	color: var(--c_key1);
}
.theme_cat#cat01 .theme_cat_main_tit .illust {
	width: min(14.1667vw, 170px);
}
.theme_cat#cat01 .theme_cat_main_tit .illust span {
	-webkit-animation: ilst_cat01 5s infinite forwards cubic-bezier(0.33, 1, 0.68, 1);
	        animation: ilst_cat01 5s infinite forwards cubic-bezier(0.33, 1, 0.68, 1);
}
.theme_cat#cat01 .theme_cat_main_cont .copy::after {
	background-color: var(--c_key1);
}
.theme_cat#cat01 .theme_cat_main_cont .pickup::before, .theme_cat#cat01 .theme_cat_main_cont .pickup::after {
	background-image: url(../img/region/theme_cat01_pickup_bg.png);
}
.theme_cat#cat01 .theme_cat_main_cont .pickup dl::before, .theme_cat#cat01 .theme_cat_main_cont .pickup dl::after {
	background-image: url(../img/region/theme_cat01_pickup_bg.png);
}
.theme_cat#cat01 .theme_cat_main_cont .pickup dl div::before {
	background-color: var(--c_key1);
}
.theme_cat#cat01 .theme_cat_main_cont .pickup dl dt {
	color: var(--c_key1);
}
.theme_cat#cat01 .theme_cat_main_cont .pickup dl dt span::before, .theme_cat#cat01 .theme_cat_main_cont .pickup dl dt span::after {
	background-color: var(--c_key1);
}
.theme_cat#cat01 .theme_cat_main_cont .pickup dl dd a {
	background-color: var(--c_key1);
	border-color: var(--c_key1);
}
@media screen and (min-width: 801px) {
	.theme_cat#cat01 .theme_cat_main_cont .pickup dl dd a:hover {
		color: var(--c_key1);
		background-color: #fff;
	}
	.theme_cat#cat01 .theme_cat_main_cont .pickup dl dd a:hover::after {
		background-color: var(--c_key1);
	}
}
.theme_cat#cat02 .theme_cat_slide .slick-dots li::before {
	background-color: var(--c_blue);
}
.theme_cat#cat02 .theme_cat_main_tit {
	color: var(--c_blue);
}
.theme_cat#cat02 .theme_cat_main_tit .illust {
	width: min(10.75vw, 129px);
}
.theme_cat#cat02 .theme_cat_main_tit .illust span {
	-webkit-animation: ilst_cat02 5s infinite forwards cubic-bezier(0.33, 1, 0.68, 1);
	        animation: ilst_cat02 5s infinite forwards cubic-bezier(0.33, 1, 0.68, 1);
}
.theme_cat#cat02 .theme_cat_main_cont .copy::after {
	background-color: var(--c_blue);
}
.theme_cat#cat02 .theme_cat_main_cont .pickup::before, .theme_cat#cat02 .theme_cat_main_cont .pickup::after {
	background-image: url(../img/region/theme_cat02_pickup_bg.png);
}
.theme_cat#cat02 .theme_cat_main_cont .pickup dl::before, .theme_cat#cat02 .theme_cat_main_cont .pickup dl::after {
	background-image: url(../img/region/theme_cat02_pickup_bg.png);
}
.theme_cat#cat02 .theme_cat_main_cont .pickup dl div::before {
	background-color: var(--c_blue);
}
.theme_cat#cat02 .theme_cat_main_cont .pickup dl dt {
	color: var(--c_blue);
}
.theme_cat#cat02 .theme_cat_main_cont .pickup dl dt span::before, .theme_cat#cat02 .theme_cat_main_cont .pickup dl dt span::after {
	background-color: var(--c_blue);
}
.theme_cat#cat02 .theme_cat_main_cont .pickup dl dd a {
	background-color: var(--c_blue);
	border-color: var(--c_blue);
}
@media screen and (min-width: 801px) {
	.theme_cat#cat02 .theme_cat_main_cont .pickup dl dd a:hover {
		color: var(--c_blue);
		background-color: #fff;
	}
	.theme_cat#cat02 .theme_cat_main_cont .pickup dl dd a:hover::after {
		background-color: var(--c_blue);
	}
}
.theme_cat#cat03 .theme_cat_slide .slick-dots li::before {
	background-color: var(--c_red);
}
.theme_cat#cat03 .theme_cat_main_tit {
	color: var(--c_red);
}
.theme_cat#cat03 .theme_cat_main_tit .illust {
	width: min(12.3334vw, 148px);
}
.theme_cat#cat03 .theme_cat_main_tit .illust span {
	-webkit-animation: ilst_cat03 5s infinite forwards cubic-bezier(0.33, 1, 0.68, 1);
	        animation: ilst_cat03 5s infinite forwards cubic-bezier(0.33, 1, 0.68, 1);
}
.theme_cat#cat03 .theme_cat_main_cont .copy::after {
	background-color: var(--c_red);
}
.theme_cat#cat03 .theme_cat_main_cont .pickup::before, .theme_cat#cat03 .theme_cat_main_cont .pickup::after {
	background-image: url(../img/region/theme_cat03_pickup_bg.png);
}
.theme_cat#cat03 .theme_cat_main_cont .pickup dl::before, .theme_cat#cat03 .theme_cat_main_cont .pickup dl::after {
	background-image: url(../img/region/theme_cat03_pickup_bg.png);
}
.theme_cat#cat03 .theme_cat_main_cont .pickup dl div::before {
	background-color: var(--c_red);
}
.theme_cat#cat03 .theme_cat_main_cont .pickup dl dt {
	color: var(--c_red);
}
.theme_cat#cat03 .theme_cat_main_cont .pickup dl dt span::before, .theme_cat#cat03 .theme_cat_main_cont .pickup dl dt span::after {
	background-color: var(--c_red);
}
.theme_cat#cat03 .theme_cat_main_cont .pickup dl dd a {
	background-color: var(--c_red);
	border-color: var(--c_red);
}
@media screen and (min-width: 801px) {
	.theme_cat#cat03 .theme_cat_main_cont .pickup dl dd a:hover {
		color: var(--c_red);
		background-color: #fff;
	}
	.theme_cat#cat03 .theme_cat_main_cont .pickup dl dd a:hover::after {
		background-color: var(--c_red);
	}
}
.theme_cat#cat04 .theme_cat_slide .slick-dots li::before {
	background-color: var(--c_purple);
}
.theme_cat#cat04 .theme_cat_main_tit {
	color: var(--c_purple);
}
.theme_cat#cat04 .theme_cat_main_tit .illust {
	width: min(11.9167vw, 143px);
}
.theme_cat#cat04 .theme_cat_main_tit .illust span {
	-webkit-animation: ilst_cat04 5s infinite forwards cubic-bezier(0.33, 1, 0.68, 1);
	        animation: ilst_cat04 5s infinite forwards cubic-bezier(0.33, 1, 0.68, 1);
}
.theme_cat#cat04 .theme_cat_main_cont .copy::after {
	background-color: var(--c_purple);
}
.theme_cat#cat04 .theme_cat_main_cont .pickup::before, .theme_cat#cat04 .theme_cat_main_cont .pickup::after {
	background-image: url(../img/region/theme_cat04_pickup_bg.png);
}
.theme_cat#cat04 .theme_cat_main_cont .pickup dl::before, .theme_cat#cat04 .theme_cat_main_cont .pickup dl::after {
	background-image: url(../img/region/theme_cat04_pickup_bg.png);
}
.theme_cat#cat04 .theme_cat_main_cont .pickup dl div::before {
	background-color: var(--c_purple);
}
.theme_cat#cat04 .theme_cat_main_cont .pickup dl dt {
	color: var(--c_purple);
}
.theme_cat#cat04 .theme_cat_main_cont .pickup dl dt span::before, .theme_cat#cat04 .theme_cat_main_cont .pickup dl dt span::after {
	background-color: var(--c_purple);
}
.theme_cat#cat04 .theme_cat_main_cont .pickup dl dd a {
	background-color: var(--c_purple);
	border-color: var(--c_purple);
}
@media screen and (min-width: 801px) {
	.theme_cat#cat04 .theme_cat_main_cont .pickup dl dd a:hover {
		color: var(--c_purple);
		background-color: #fff;
	}
	.theme_cat#cat04 .theme_cat_main_cont .pickup dl dd a:hover::after {
		background-color: var(--c_purple);
	}
}
.theme_cat:not(:last-of-type) {
	margin-bottom: 165px;
}
.theme_cat:nth-of-type(odd) .theme_cat_main_cont .copy {
	margin-left: auto;
}
.theme_cat:nth-of-type(even) .theme_cat_main {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	    -ms-flex-direction: row-reverse;
	        flex-direction: row-reverse;
}
.theme_cat:nth-of-type(even) .theme_cat_main_tit {
	margin-right: 20px;
}
.theme_cat::before {
	width: 100vw;
	height: 100%;
	content: "";
	display: block;
	position: absolute;
	right: 50%;
	background-repeat: no-repeat;
	background-position: 50% 0%;
	background-size: 1540px auto;
	translate: 50% 0%;
	z-index: -1;
}
.theme_cat#cat01::before {
	top: -98px;
	background-image: url(../img/region/theme_cat01_bg.png);
}
.theme_cat#cat02::before {
	top: 58px;
	background-image: url(../img/region/theme_cat02_bg.png);
}
.theme_cat#cat03::before {
	top: 123px;
	background-image: url(../img/region/theme_cat03_bg.png);
}
.theme_cat#cat04::before {
	top: 50px;
	background-image: url(../img/region/theme_cat04_bg.png);
}
.theme_cat_slide {
	position: relative;
	opacity: 0;
	z-index: 1;
}
.theme_cat_slide .img {
	overflow: hidden;
	border-radius: 16px;
}
.theme_cat_main {
	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;
	z-index: 2;
}
.theme_cat_main .slide_dots_wrap {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.theme_cat_main .slide_dots_wrap .slick-dots {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: -51px;
}
.theme_cat_main .slide_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%;
}
.theme_cat_main .slide_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;
}
.theme_cat_main .slide_dots_wrap .slick-dots li.slick-active {
	width: 44px;
}
.theme_cat_main .slide_dots_wrap .slick-dots li.slick-active::before {
	scale: 1 1;
}
.theme_cat_main_tit {
	color: var(--c_key1);
	position: relative;
	margin-top: -46px;
}
.theme_cat_main_tit::before {
	font-family: "Outfit", sans-serif;
	font-weight: 400;
	font-size: var(--font-size120);
	font-weight: 500;
	text-align: center;
	letter-spacing: 0.04em;
	counter-increment: number 1;
	content: counter(number, decimal-leading-zero);
	display: block;
	margin-bottom: 0.55em;
}
.theme_cat_main_tit h3 {
	-webkit-writing-mode: vertical-rl;
	    -ms-writing-mode: tb-rl;
	        writing-mode: vertical-rl;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
.theme_cat_main_tit h3 small {
	font-size: var(--font-size25);
	font-weight: 500;
	letter-spacing: 0.3em;
	margin-left: 22px;
}
.theme_cat_main_tit h3 span {
	font-size: var(--font-size64);
	font-weight: 600;
	letter-spacing: 0.12em;
}
.theme_cat_main_tit .illust {
	position: absolute;
	right: 50%;
	bottom: 0;
	translate: 50% calc(60px + 100%);
}
.theme_cat_main_tit .illust span {
	display: block;
	-webkit-transition-delay: 50% 100%;
	        transition-delay: 50% 100%;
}
.theme_cat_main_cont {
	max-width: 1100px;
}
.theme_cat_main_cont .copy {
	color: #fff;
	font-size: var(--font-size28);
	text-align: center;
	line-height: 1.3215;
	letter-spacing: 0.04em;
	max-width: 255px;
	aspect-ratio: 510/354;
	position: relative;
	margin: -118px -78px 86px 0;
	padding: 11px 0 0 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;
}
.theme_cat_main_cont .copy::after {
	width: 100%;
	height: 100%;
	content: "";
	display: block;
	position: absolute;
	inset: 0;
	background-color: var(--c_key1);
	-webkit-mask-image: url(../img/region/theme_copy_bg.png);
	        mask-image: url(../img/region/theme_copy_bg.png);
	-webkit-mask-repeat: no-repeat;
	        mask-repeat: no-repeat;
	-webkit-mask-position: 0 0;
	        mask-position: 0 0;
	-webkit-mask-size: 100%;
	        mask-size: 100%;
	z-index: -1;
}
.theme_cat_main_cont .copy span {
	display: inline-block;
}
.theme_cat_main_cont .txt {
	font-size: var(--font-size16);
	line-height: 2.125;
	letter-spacing: 0.04em;
	margin-bottom: 86px;
}
.theme_cat_main_cont .pickup {
	position: relative;
}
.theme_cat_main_cont .pickup::before, .theme_cat_main_cont .pickup::after {
	width: 50%;
	height: 50%;
	content: "";
	display: block;
	position: absolute;
	left: 0;
	background-image: url(../img/region/theme_cat01_pickup_bg.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 666px auto;
	z-index: -1;
}
.theme_cat_main_cont .pickup::before {
	top: 0;
}
.theme_cat_main_cont .pickup::after {
	bottom: 0;
	background-position: 0 100%;
}
.theme_cat_main_cont .pickup dl::before, .theme_cat_main_cont .pickup dl::after {
	width: 50%;
	height: 50%;
	content: "";
	display: block;
	position: absolute;
	right: 0;
	background-image: url(../img/region/theme_cat01_pickup_bg.png);
	background-repeat: no-repeat;
	background-size: 666px auto;
	z-index: -1;
}
.theme_cat_main_cont .pickup dl::before {
	top: 0;
	background-position: 100% 0;
}
.theme_cat_main_cont .pickup dl::after {
	bottom: 0;
	background-position: 100% 100%;
}
.theme_cat_main_cont .pickup dl div {
	position: relative;
	padding: 30px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
}
.theme_cat_main_cont .pickup dl div::before {
	color: #fff;
	font-size: var(--font-size15);
	text-align: center;
	line-height: 1.1334;
	letter-spacing: 0.1em;
	white-space: pre;
	width: clamp(72px, 7.2728vw, 80px);
	aspect-ratio: 160/142;
	content: "PICK\aUP";
	display: block;
	position: absolute;
	top: -36px;
	left: -5px;
	background-color: var(--c_key1);
	-webkit-mask-image: url(../img/region/theme_pickup_icon.png);
	        mask-image: url(../img/region/theme_pickup_icon.png);
	-webkit-mask-repeat: no-repeat;
	        mask-repeat: no-repeat;
	-webkit-mask-position: 0 0;
	        mask-position: 0 0;
	-webkit-mask-size: 100%;
	        mask-size: 100%;
	rotate: -8deg;
	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;
}
.theme_cat_main_cont .pickup dl dt {
	color: var(--c_key1);
	font-weight: 600;
	font-size: var(--font-size19);
	text-align: center;
	line-height: 1.4737;
	width: 265px;
	width: 39.8497%;
	padding: 24px 0 24px 8px;
	border-right: 2px dotted #AFAFAF;
	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;
}
.theme_cat_main_cont .pickup dl dt span {
	position: relative;
}
.theme_cat_main_cont .pickup dl dt span::before, .theme_cat_main_cont .pickup dl dt span::after {
	width: 15px;
	width: 0.7895em;
	aspect-ratio: 15/11;
	content: "";
	display: block;
	position: absolute;
	background-color: var(--c_key1);
	-webkit-mask-image: url(../img/region/theme_parts_quot.png);
	        mask-image: url(../img/region/theme_parts_quot.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;
}
.theme_cat_main_cont .pickup dl dt span::before {
	top: 1px;
	left: -20px;
}
.theme_cat_main_cont .pickup dl dt span::after {
	scale: -1 1;
	right: -5px;
	bottom: 1px;
}
.theme_cat_main_cont .pickup dl dt > .txt {
	font-size: var(--font-size17);
	line-height: 2;
	letter-spacing: 0.04em;
}
.theme_cat_main_cont .pickup dl dd {
	width: min(100% - 283px, 305px);
	margin: 0 auto;
	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;
}
.theme_cat_main_cont .pickup dl dd a {
	color: #fff;
	font-size: var(--font-size15);
	line-height: 1.25;
	font-weight: 500;
	letter-spacing: 0.02em;
	height: 60px;
	padding: 0 26px;
	background-color: var(--c_key1);
	border: 1px solid #000;
	border-radius: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.theme_cat_main_cont .pickup dl dd a:not(:last-child) {
	margin-bottom: 12px;
}
.theme_cat_main_cont .pickup dl dd a::after {
	width: 16px;
	aspect-ratio: 1/1;
	content: "";
	display: inline-block;
	margin-top: -1px;
	background-color: #fff;
	-webkit-mask-image: url(../img/common/ico_blank.svg);
	        mask-image: url(../img/common/ico_blank.svg);
	-webkit-mask-repeat: no-repeat;
	        mask-repeat: no-repeat;
	-webkit-mask-position: 0 0;
	        mask-position: 0 0;
	-webkit-mask-size: 100%;
	        mask-size: 100%;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
}

@media screen and (min-width: 1541px) {
	.theme_inner {
		width: 88.2544%;
	}
	.theme nav {
		width: 893px;
	}
	.theme nav ul li {
		width: 279px;
	}
	.theme_cat {
		width: 82.7942%;
		width: 88.2353%;
	}
	.theme_cat_main {
		width: 95%;
	}
	.theme_cat_main_cont {
		width: 55.4167%;
	}
}
@media screen and (min-width: 801px) and (max-width: 1540px) {
	.theme_inner {
		width: min(90%, 1360px);
	}
	.theme nav ul li {
		width: min(31.2431%, 279px);
	}
	.theme_cat {
		width: min(100%, 1200px);
	}
	.theme_cat:nth-of-type(odd) .theme_cat_main {
		width: calc(100% - 72px);
	}
	.theme_cat:nth-of-type(odd) .theme_cat_main_tit {
		margin-left: -30px;
	}
	.theme_cat:nth-of-type(odd) .theme_cat_main_cont .copy {
		margin-left: auto;
		margin-right: calc(-36px - 7.0677%);
	}
	.theme_cat:nth-of-type(even) .theme_cat_main {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		    -ms-flex-direction: row-reverse;
		        flex-direction: row-reverse;
	}
	.theme_cat:nth-of-type(even) .theme_cat_main_tit {
		margin-right: -20px;
	}
	.theme_cat:nth-of-type(even) .theme_cat_main_cont .copy {
		margin-left: calc(-36px - 7.0677%);
	}
	.theme_cat_main {
		width: min(100%, 1140px);
		width: 95%;
	}
	.theme_cat_main_tit {
		width: 165px;
	}
	.theme_cat_main_cont {
		width: min(100% - 170px, 665px);
	}
	.theme_cat_main_cont .copy {
		container-type: inline-size;
		width: min(19.6154vw, 255px);
		margin-top: -17.7443%;
		padding-left: 0;
	}
	.theme_cat_main_cont .copy span {
		font-size: 10.9803921569cqw;
		margin-left: 14.1177%;
	}
}
@media screen and (max-width: 800px) {
	.theme {
		margin-top: 93px;
	}
	.theme::before {
		height: 22px;
		-webkit-mask-size: 212px 100%;
		        mask-size: 212px 100%;
	}
	.theme_inner {
		width: 90.2565%;
		padding: 74px 0 250px;
	}
	.theme_inner::before {
		width: 43px;
		top: 0;
		margin-left: 31.25%;
	}
	.theme h2 {
		font-size: var(--font-size21);
		letter-spacing: 0;
	}
	.theme h2::before, .theme h2::after {
		width: 35px;
	}
	.theme h2::before {
		translate: -20px 2px;
	}
	.theme h2::after {
		translate: 21px 2px;
	}
	.theme .en {
		font-size: var(--font-size12);
		margin: 16px 0 23px;
	}
	.theme nav {
		width: calc(min(48.8637%, 172px) * 2 + 2.2728%);
		margin-bottom: 20px;
	}
	.theme nav ul {
		margin: 0 auto;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	}
	.theme nav ul li {
		width: min(48.8637%, 172px);
		aspect-ratio: 344/100;
		margin-bottom: 10px;
	}
	.theme nav ul li a {
		font-size: var(--font-size13);
		letter-spacing: 0em;
		-webkit-mask-image: url(../img/life/life_nav_btn_bg_sp.png);
		        mask-image: url(../img/life/life_nav_btn_bg_sp.png);
	}
	.theme_cat {
		margin-top: -90px;
		padding-top: 90px;
	}
	.theme_cat#cat01 .theme_cat_main_tit h3 span {
		height: 5.5em;
	}
	.theme_cat#cat01 .theme_cat_main_tit .illust {
		width: 85px;
	}
	.theme_cat#cat01 .theme_cat_main_cont .txt {
		min-height: 330px;
	}
	.theme_cat#cat02 .theme_cat_main_tit h3 span {
		height: 5.5em;
	}
	.theme_cat#cat02 .theme_cat_main_tit .illust {
		width: 72px;
	}
	.theme_cat#cat02 .theme_cat_main_cont .txt {
		min-height: 330px;
	}
	.theme_cat#cat03 .theme_cat_main_tit h3 span {
		height: 3.3em;
	}
	.theme_cat#cat03 .theme_cat_main_tit .illust {
		width: 74px;
	}
	.theme_cat#cat03 .theme_cat_main_cont .txt {
		min-height: 250px;
	}
	.theme_cat#cat04 .theme_cat_main_tit h3 span {
		height: 4.4em;
	}
	.theme_cat#cat04 .theme_cat_main_tit .illust {
		width: 72px;
	}
	.theme_cat#cat04 .theme_cat_main_cont .txt {
		min-height: 300px;
	}
	.theme_cat:not(:last-of-type) {
		margin-bottom: 50px;
	}
	.theme_cat:nth-of-type(odd) .theme_cat_main_cont .copy {
		left: 0;
	}
	.theme_cat:nth-of-type(even) .theme_cat_main {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		    -ms-flex-direction: row-reverse;
		        flex-direction: row-reverse;
	}
	.theme_cat:nth-of-type(even) .theme_cat_main_tit {
		margin-right: 0;
	}
	.theme_cat:nth-of-type(even) .theme_cat_main_cont .copy {
		margin-left: -20px;
	}
	.theme_cat:nth-of-type(even) .theme_cat_main_cont .txt {
		margin-right: auto;
		margin-left: 0;
	}
	.theme_cat#cat01::before {
		top: -165px;
		background-image: url(../img/region/theme_cat01_bg_sp.png);
		background-size: 471px;
	}
	.theme_cat#cat02::before {
		top: 20px;
		background-image: url(../img/region/theme_cat02_bg_sp.png);
		background-size: 471px;
	}
	.theme_cat#cat03::before {
		top: 120px;
		background-image: url(../img/region/theme_cat02_bg_sp.png);
		background-size: 471px;
	}
	.theme_cat#cat04::before {
		top: 126px;
		background-image: url(../img/region/theme_cat02_bg_sp.png);
		background-size: 471px;
	}
	.theme_cat_slide .img {
		aspect-ratio: 704/480;
		border-radius: 4px;
	}
	.theme_cat_slide .img img {
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		   object-fit: cover;
	}
	.theme_cat_main {
		width: calc(100% - 20px);
		position: relative;
	}
	.theme_cat_main .slide_dots_wrap .slick-dots {
		bottom: -28px;
	}
	.theme_cat_main .slide_dots_wrap .slick-dots li {
		width: 22px;
		height: 6px;
		margin: 0 4px;
	}
	.theme_cat_main .slide_dots_wrap .slick-dots li.slick-active {
		width: 26px;
	}
	.theme_cat_main_tit {
		width: auto;
		position: absolute;
		top: 0;
		margin-top: -26px;
		margin-left: 0;
	}
	.theme_cat_main_tit::before {
		font-family: "Outfit", sans-serif;
		font-weight: 400;
		font-size: var(--font-size60);
		margin-bottom: 0.5em;
	}
	.theme_cat_main_tit h3 small {
		font-size: var(--font-size20);
		margin-left: 5px;
	}
	.theme_cat_main_tit h3 span {
		font-size: var(--font-size40);
		letter-spacing: 0.1em;
		margin-left: 3px;
	}
	.theme_cat_main_tit .illust {
		translate: 50% calc(25px + 100%);
	}
	.theme_cat_main_cont {
		width: 100%;
	}
	.theme_cat_main_cont .copy {
		font-size: var(--font-size14);
		width: 113px;
		margin: -40px -20px 23px auto;
		padding: 6px 0 0 16px;
	}
	.theme_cat_main_cont .txt {
		font-size: var(--font-size14);
		text-align: justify;
		line-height: 1.7858;
		letter-spacing: 0;
		width: calc(100% - 100px);
		margin-left: auto;
		margin-bottom: 35px;
	}
	.theme_cat_main_cont .pickup {
		max-width: 654px;
		margin: 0 auto;
	}
	.theme_cat_main_cont .pickup::before, .theme_cat_main_cont .pickup::after {
		background-size: 333px;
	}
	.theme_cat_main_cont .pickup dl::before, .theme_cat_main_cont .pickup dl::after {
		background-size: 333px;
	}
	.theme_cat_main_cont .pickup dl div {
		padding: 17px 0;
	}
	.theme_cat_main_cont .pickup dl div::before {
		font-size: var(--font-size8);
		width: 59px;
		top: -24px;
		left: -10px;
	}
	.theme_cat_main_cont .pickup dl dt {
		font-size: var(--font-size12);
		line-height: 1.3334;
		width: 145px;
		width: min(41.1932%, 220px);
		padding: 22px 0 22px 14px;
		border-width: 1px;
		-ms-flex-negative: 0;
		    flex-shrink: 0;
	}
	.theme_cat_main_cont .pickup dl dt span::before, .theme_cat_main_cont .pickup dl dt span::after {
		width: 7.5px;
	}
	.theme_cat_main_cont .pickup dl dt span::before {
		left: -9px;
	}
	.theme_cat_main_cont .pickup dl dt span::after {
		right: 2px;
	}
	.theme_cat_main_cont .pickup dl dd {
		width: min(100% - 145px, 294px);
		width: min(100% - min(41.1932%, 220px), 340px);
		margin: 0 auto;
		padding: 0 21px;
	}
	.theme_cat_main_cont .pickup dl dd a {
		font-size: var(--font-size11);
		line-height: 1.25;
		letter-spacing: 0;
		height: auto;
		padding: 13px 16px;
	}
	.theme_cat_main_cont .pickup dl dd a::after {
		width: 10px;
		margin: 0;
	}
	.theme_cat_main_cont .pickup dl dd a:not(:last-child) {
		margin-bottom: 7px;
	}
}
@-webkit-keyframes ilst01 {
	0%, 20%, 100% {
		-webkit-transform: rotate(0);
		        transform: rotate(0);
	}
	5%, 15% {
		-webkit-transform: rotate(-3deg);
		        transform: rotate(-3deg);
	}
	10% {
		-webkit-transform: rotate(3deg);
		        transform: rotate(3deg);
	}
}
@keyframes ilst01 {
	0%, 20%, 100% {
		-webkit-transform: rotate(0);
		        transform: rotate(0);
	}
	5%, 15% {
		-webkit-transform: rotate(-3deg);
		        transform: rotate(-3deg);
	}
	10% {
		-webkit-transform: rotate(3deg);
		        transform: rotate(3deg);
	}
}
@-webkit-keyframes ilst_cat01 {
	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 ilst_cat01 {
	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 ilst_cat02 {
	0%, 20%, 35%, 100% {
		-webkit-transform: translate(0, 0) rotate(0);
		        transform: translate(0, 0) rotate(0);
	}
	5%, 15% {
		-webkit-transform: translate(0, -10px) rotate(0);
		        transform: translate(0, -10px) rotate(0);
	}
	10% {
		-webkit-transform: translate(0, 6px) rotate(0);
		        transform: translate(0, 6px) rotate(0);
	}
	25% {
		-webkit-transform: translate(0, 0) rotate(-6deg);
		        transform: translate(0, 0) rotate(-6deg);
	}
	30% {
		-webkit-transform: translate(0, 0) rotate(6deg);
		        transform: translate(0, 0) rotate(6deg);
	}
}
@keyframes ilst_cat02 {
	0%, 20%, 35%, 100% {
		-webkit-transform: translate(0, 0) rotate(0);
		        transform: translate(0, 0) rotate(0);
	}
	5%, 15% {
		-webkit-transform: translate(0, -10px) rotate(0);
		        transform: translate(0, -10px) rotate(0);
	}
	10% {
		-webkit-transform: translate(0, 6px) rotate(0);
		        transform: translate(0, 6px) rotate(0);
	}
	25% {
		-webkit-transform: translate(0, 0) rotate(-6deg);
		        transform: translate(0, 0) rotate(-6deg);
	}
	30% {
		-webkit-transform: translate(0, 0) rotate(6deg);
		        transform: translate(0, 0) rotate(6deg);
	}
}
@-webkit-keyframes ilst_cat03 {
	0%, 25%, 100% {
		-webkit-transform: rotate(0);
		        transform: rotate(0);
	}
	5%, 15% {
		-webkit-transform: rotate(-3deg);
		        transform: rotate(-3deg);
	}
	10% {
		-webkit-transform: rotate(3deg);
		        transform: rotate(3deg);
	}
}
@keyframes ilst_cat03 {
	0%, 25%, 100% {
		-webkit-transform: rotate(0);
		        transform: rotate(0);
	}
	5%, 15% {
		-webkit-transform: rotate(-3deg);
		        transform: rotate(-3deg);
	}
	10% {
		-webkit-transform: rotate(3deg);
		        transform: rotate(3deg);
	}
}
@-webkit-keyframes ilst_cat04 {
	0%, 25%, 100% {
		-webkit-transform: rotate(0);
		        transform: rotate(0);
	}
	5%, 15% {
		-webkit-transform: rotate(3deg);
		        transform: rotate(3deg);
	}
	10% {
		-webkit-transform: rotate(-3deg);
		        transform: rotate(-3deg);
	}
}
@keyframes ilst_cat04 {
	0%, 25%, 100% {
		-webkit-transform: rotate(0);
		        transform: rotate(0);
	}
	5%, 15% {
		-webkit-transform: rotate(3deg);
		        transform: rotate(3deg);
	}
	10% {
		-webkit-transform: rotate(-3deg);
		        transform: rotate(-3deg);
	}
}
/* ========================================

map

======================================== */
.map {
	position: relative;
	margin: 220px 0 0;
	background-color: #F9EDDB;
	z-index: 1;
}
.map::before {
	width: 100%;
	content: "";
	display: block;
	position: absolute;
	left: 0;
	background-color: #F9EDDB;
	-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: 50% 0;
	        mask-position: 50% 0;
}
.map::before {
	height: 50px;
	top: 0;
	-webkit-mask-size: 535px 100%;
	        mask-size: 535px 100%;
	translate: 0 -100%;
}
.map_inner {
	position: relative;
	margin: 0 auto;
	padding: 162px 0 146px;
}
.map h2 {
	width: 345px;
	width: 24.2958%;
	position: absolute;
	top: 181px;
	left: 30px;
	z-index: 2;
}
.map .illust {
	width: 91.6902%;
	position: relative;
	margin-left: auto;
	z-index: 1;
}

@media screen and (min-width: 1541px) {
	.map_inner {
		width: 88.2544%;
		width: 92.148%;
	}
}
@media screen and (max-width: 1540px) {
	.map_inner {
		width: min(94%, 1420px);
	}
}
@media screen and (max-width: 800px) {
	.map {
		margin-top: 72px;
	}
	.map::before {
		height: 22px;
		-webkit-mask-size: 212px 100%;
		        mask-size: 212px 100%;
	}
	.map::after {
		-webkit-mask-position: calc(50% - 106px) 100%;
		        mask-position: calc(50% - 106px) 100%;
	}
	.map_inner {
		width: 94.6154%;
		padding: 62px 0 50px;
	}
	.map h2 {
		width: 95.935%;
		position: relative;
		inset: auto;
		margin: 0 auto 25px;
	}
	.map .illust {
		width: 100%;
	}
}
/* ========================================

areas

======================================== */
.areas {
	position: relative;
	background-color: var(--c_base);
	z-index: 2;
}
.areas::before {
	width: 100%;
	height: 44px;
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background-color: var(--c_base);
	-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: calc(50% + 220px) 0;
	        mask-position: calc(50% + 220px) 0;
	-webkit-mask-size: 430px 100%;
	        mask-size: 430px 100%;
	translate: 0 -100%;
	z-index: -1;
}
.areas_inner {
	width: min(96.1039%, 2000px);
	margin: 0 auto;
	padding: 120px 0 88px;
	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;
}
.areas_nav {
	width: max(20.0676%, 220px);
	position: sticky;
	top: 184px;
	left: 0;
	margin-bottom: 90px;
}
.areas_nav::before, .areas_nav::after {
	width: 50%;
	height: 50%;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	background-image: url(../img/region/areas/areas_nav_bg.png);
	background-repeat: no-repeat;
	background-size: 297px auto;
	z-index: 0;
}
.areas_nav::before {
	left: 0;
	background-position: 0 0;
}
.areas_nav::after {
	right: 0;
	background-position: 100% 0;
}
.areas_nav_inner {
	position: relative;
	padding: 36px 0 23px;
	z-index: 1;
}
.areas_nav_inner::before, .areas_nav_inner::after {
	width: 50%;
	height: 50%;
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	background-image: url(../img/region/areas/areas_nav_bg.png);
	background-repeat: no-repeat;
	background-size: 297px auto;
	z-index: 0;
}
.areas_nav_inner::before {
	left: 0;
	background-position: 0 100%;
}
.areas_nav_inner::after {
	right: 0;
	background-position: 100% 100%;
}
.areas_nav .hl {
	color: var(--c_key1);
	font-size: var(--font-size18);
	letter-spacing: 0.08em;
	font-weight: 600;
	margin-bottom: 12px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.areas_nav .hl::before {
	width: 28px;
	aspect-ratio: 28/25;
	content: "";
	display: block;
	margin-right: 8px;
	background-image: url(../img/region/areas/areas_nav_hl_icon.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100% auto;
}
.areas_nav ul {
	width: 78.7879%;
	margin: 0 auto;
	position: relative;
	z-index: 2;
}
.areas_nav ul li:not(:last-child) a {
	border-bottom: 1px dotted #D9D9D9;
}
.areas_nav ul li a {
	color: #737373;
	font-size: var(--font-size15);
	font-weight: 500;
	text-align: center;
	width: 100%;
	height: 49px;
	display: block;
	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;
}
@media screen and (min-width: 801px) {
	.areas_nav ul li a:hover {
		color: var(--c_key1);
		font-weight: 600;
	}
}
.areas_nav .illust {
	width: 126px;
	position: absolute;
	top: 20px;
	left: 50%;
	margin-left: -21.8855%;
	translate: 0 -100%;
	z-index: -1;
}
.areas_nav .illust::before {
	width: 115px;
	aspect-ratio: 230/220;
	content: "";
	display: block;
	position: absolute;
	top: -107px;
	left: -61px;
	background-image: url(../img/region/areas/areas_nav_illust01_parts.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100% auto;
	-webkit-animation: hl_parts 3s steps(2) infinite;
	        animation: hl_parts 3s steps(2) infinite;
	-webkit-transform-origin: 61.3044% 100%;
	        transform-origin: 61.3044% 100%;
}
.areas_main {
	width: min(68.3784%, 100% - max(20.0676%, 220px));
	width: min(68.3784%, 100% - max(20.0676%, 220px) - 80px);
	margin-right: 3.919%;
}
.areas_main_item {
	margin-top: -120px;
	margin-bottom: 43px;
	padding-top: 120px;
}
.areas_main_item#hitoyoshi h2 {
	background-color: var(--c_blue);
}
.areas_main_item#nishiki h2 {
	background-color: #A44042;
}
.areas_main_item#taragi h2 {
	background-color: #3CA156;
}
.areas_main_item#yunomae h2 {
	background-color: #AC7F5E;
}
.areas_main_item#mizukami h2 {
	background-color: #3C5384;
}
.areas_main_item#sagara h2 {
	background-color: var(--c_purple);
}
.areas_main_item#itsuki h2 {
	background-color: var(--c_yellow);
}
.areas_main_item#yamae h2 {
	background-color: var(--c_red);
}
.areas_main_item#kuma h2 {
	background-color: var(--c_key1);
}
.areas_main_item#asagiri h2 {
	background-color: #84895E;
}
.areas_main_item h2 {
	color: #fff;
	font-size: var(--font-size24);
	font-weight: 500;
	letter-spacing: 0.04em;
	height: 72px;
	margin-bottom: 30px;
	padding-left: 33px;
	border-radius: 60px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.areas_main_item .desc {
	font-size: var(--font-size16);
	line-height: 2;
	letter-spacing: 0.04em;
	margin: 0 20px 60px 10px;
}
.areas_main_item dl {
	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;
}
.areas_main_item dl div {
	width: 30.8301%;
	margin-bottom: 55px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
.areas_main_item dl dt {
	font-size: var(--font-size22);
	line-height: 1.4;
	font-weight: 600;
	margin-bottom: 13px;
}
.areas_main_item dl dd.img {
	overflow: hidden;
	margin-bottom: 20px;
	border-radius: 16px;
	-webkit-box-ordinal-group: 0;
	    -ms-flex-order: -1;
	        order: -1;
}
.areas_main_item dl dd.txt {
	font-size: var(--font-size15);
	line-height: 2;
}

@-webkit-keyframes hl_parts {
	0% {
		rotate: 0deg;
	}
	to {
		rotate: -8deg;
	}
}

@keyframes hl_parts {
	0% {
		rotate: 0deg;
	}
	to {
		rotate: -8deg;
	}
}
@media screen and (max-width: 800px) {
	.areas::before {
		height: 22px;
		-webkit-mask-size: 212px 100%;
		        mask-size: 212px 100%;
	}
	.areas_inner {
		width: 91.2821%;
		display: block;
		padding: 72px 0 120px;
	}
	.areas_nav {
		width: 100%;
		max-width: 678px;
		position: relative;
		inset: auto;
		margin: 0 auto 38px;
	}
	.areas_nav::before, .areas_nav::after {
		background-image: url(../img/region/areas/areas_nav_bg_sp.png);
		background-size: 355px auto;
	}
	.areas_nav_inner {
		padding: 31px 0 21px;
	}
	.areas_nav_inner::before, .areas_nav_inner::after {
		background-image: url(../img/region/areas/areas_nav_bg_sp.png);
		background-size: 355px auto;
	}
	.areas_nav .hl {
		width: 78.0899%;
		margin: 0 auto 10px;
		padding-bottom: 10px;
		border-bottom: 1px dotted #D9D9D9;
	}
	.areas_nav .hl::before {
		width: 23px;
		margin-right: 6px;
	}
	.areas_nav ul {
		width: 78.0899%;
		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;
	}
	.areas_nav ul li[data-order="1"] {
		-webkit-box-ordinal-group: 2;
		    -ms-flex-order: 1;
		        order: 1;
	}
	.areas_nav ul li[data-order="1"] {
		width: 34.5324%;
	}
	.areas_nav ul li[data-order="2"] {
		-webkit-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        order: 2;
	}
	.areas_nav ul li[data-order="3"] {
		-webkit-box-ordinal-group: 4;
		    -ms-flex-order: 3;
		        order: 3;
	}
	.areas_nav ul li[data-order="4"] {
		-webkit-box-ordinal-group: 5;
		    -ms-flex-order: 4;
		        order: 4;
	}
	.areas_nav ul li[data-order="4"] {
		width: 34.5324%;
	}
	.areas_nav ul li[data-order="5"] {
		-webkit-box-ordinal-group: 6;
		    -ms-flex-order: 5;
		        order: 5;
	}
	.areas_nav ul li[data-order="6"] {
		-webkit-box-ordinal-group: 7;
		    -ms-flex-order: 6;
		        order: 6;
	}
	.areas_nav ul li[data-order="7"] {
		-webkit-box-ordinal-group: 8;
		    -ms-flex-order: 7;
		        order: 7;
	}
	.areas_nav ul li[data-order="7"] {
		width: 34.5324%;
	}
	.areas_nav ul li[data-order="8"] {
		-webkit-box-ordinal-group: 9;
		    -ms-flex-order: 8;
		        order: 8;
	}
	.areas_nav ul li[data-order="9"] {
		-webkit-box-ordinal-group: 10;
		    -ms-flex-order: 9;
		        order: 9;
	}
	.areas_nav ul li[data-order="10"] {
		-webkit-box-ordinal-group: 11;
		    -ms-flex-order: 10;
		        order: 10;
	}
	.areas_nav ul li[data-order="10"] {
		width: 34.5324%;
	}
	.areas_nav ul li {
		width: 24.4605%;
		height: auto;
	}
	.areas_nav ul li:not(:last-child) a {
		border-bottom: none;
	}
	.areas_nav ul li a {
		font-size: var(--font-size13);
		height: auto;
		padding: 10px 0;
		-webkit-box-pack: start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
	}
	.areas_nav ul li a::before {
		width: 12px;
		aspect-ratio: 1/1;
		content: "";
		display: inline-block;
		margin-right: 5px;
		margin-bottom: -2px;
		background-color: var(--c_key1);
		-webkit-mask-image: url(../img/common/ico_arrow02.svg);
		        mask-image: url(../img/common/ico_arrow02.svg);
		background-repeat: no-repeat;
		-webkit-mask-size: 100%;
		        mask-size: 100%;
		rotate: 90deg;
	}
	.areas_nav .illust {
		width: 76px;
		top: 10px;
		left: 50%;
		margin-left: -30px;
	}
	.areas_nav .illust::before {
		width: 90px;
		top: -32px;
		left: -85px;
	}
	.areas_main {
		width: 100%;
	}
	.areas_main_item {
		margin-top: -90px;
		padding-top: 90px;
	}
	.areas_main_item h2 {
		font-size: var(--font-size16);
		height: 56px;
		margin-bottom: 17px;
		padding-left: 18px;
	}
	.areas_main_item .desc {
		font-size: var(--font-size14);
		line-height: 1.7858;
		margin: 0 0 24px;
	}
	.areas_main_item dl {
		display: block;
	}
	.areas_main_item dl div {
		width: 100%;
		margin-bottom: 32px;
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 32.3034% 5.618% 1fr;
		grid-template-columns: 32.3034% 1fr;
		-ms-grid-rows: auto 1fr;
		grid-template-rows: auto 1fr;
		-webkit-column-gap: 5.618%;
		   -moz-column-gap: 5.618%;
		        column-gap: 5.618%;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: start;
	}
	.areas_main_item dl div > *:nth-child(1) {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	.areas_main_item dl div > *:nth-child(2) {
		-ms-grid-row: 1;
		-ms-grid-column: 3;
	}
	.areas_main_item dl div > *:nth-child(3) {
		-ms-grid-row: 2;
		-ms-grid-column: 1;
	}
	.areas_main_item dl div > *:nth-child(4) {
		-ms-grid-row: 2;
		-ms-grid-column: 3;
	}
	.areas_main_item dl dt {
		font-size: var(--font-size16);
		margin-bottom: 6px;
		-ms-grid-column: 2;
		grid-column: 2;
		-ms-grid-row: 1;
		grid-row: 1;
	}
	.areas_main_item dl dd.img {
		width: 100%;
		margin-bottom: 0;
		-ms-grid-column: 1;
		grid-column: 1;
		-ms-grid-row: 1;
		-ms-grid-row-span: 2;
		grid-row: 1/3;
		border-radius: 8px;
	}
	.areas_main_item dl dd.txt {
		font-size: var(--font-size12);
		line-height: 1.5455;
		letter-spacing: -0.04em;
		-ms-grid-column: 2;
		grid-column: 2;
		-ms-grid-row: 2;
		grid-row: 2;
	}
}