@font-face {
	font-family: "mini-wakuwaku";
	src: url("../fonts/mini-wakuwaku/mini-wakuwaku.otf") format("opentype");
}
header {
	-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .2);
	box-shadow: 0 0 0 0 rgba(0, 0, 0, .2);
	padding: 2rem 1em 0;
	position: sticky;
	top: 0;
	left: 0;
	z-index: 9999;
	-webkit-transition: background .3s, -webkit-box-shadow .3s;
	transition: background .3s, -webkit-box-shadow .3s;
	transition: background .3s, box-shadow .3s;
	transition: background .3s, box-shadow .3s, -webkit-box-shadow .3s;
}
@media all and (min-width: 1024px) {
	header.js-is-scroll {
		background: rgba(255, 255, 255, .75);
		-webkit-box-shadow: 1rem 0 .5rem 0 rgba(0, 0, 0, .2);
		box-shadow: 1rem 0 .5rem 0 rgba(0, 0, 0, .2);
	}
}
@media all and (max-width: 1023px) {
	.front header, .under header {
		padding: 0;
	}
}
@media all and (max-width: 1023px) {
	.front header {
		width: 100%;
		max-height: 100%;
		background: rgba(0, 0, 0, .75) url(../img/dummy/common/header_bg_sp@2x.png) no-repeat center/cover;
		position: fixed;
		overflow-y: auto;
		display: none;
	}
}
@media all and (max-width: 1023px) {
	.under header {
		background: var(--c_white);
	}
}
header > .wrapper {
	max-width: 123rem;
	margin: auto;
}
header > .wrapper .head-grid-wrap {
	display: grid;
	grid-template-columns: auto auto;
	grid-template-rows: auto auto;
	gap: 2rem 0;
	grid-template-areas: "logo-wrap sub-nav-wrap" "main-nav-wrap main-nav-wrap";
}
@media all and (max-width: 1023px) {
	header > .wrapper .head-grid-wrap {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-flow: column;
		flex-flow: column;
		gap: 0;
	}
}
header > .wrapper .head-grid-wrap .logo-wrap {
	grid-area: logo-wrap;
}
@media all and (max-width: 1023px) {
	header > .wrapper .head-grid-wrap .logo-wrap {
		min-height: 5rem;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		padding: 0 6rem 0 1rem;
	}
}
header > .wrapper .head-grid-wrap .logo-wrap .logo {
	width: 100%;
	max-width: 42.8rem;
}
@media all and (max-width: 1023px) {
	header > .wrapper .head-grid-wrap .logo-wrap .logo {
		max-width: 30.5rem;
	}
}
header > .wrapper .head-grid-wrap .logo-wrap .logo picture {
	width: 100%;
}
header > .wrapper .head-grid-wrap .logo-wrap .logo picture img {
	width: 100%;
}
header > .wrapper .head-grid-wrap .sp-contents-wrap {
	display: contents;
}
@media all and (max-width: 1023px) {
	.front header > .wrapper .head-grid-wrap .sp-contents-wrap, .under header > .wrapper .head-grid-wrap .sp-contents-wrap {
		width: 100%;
		border-top: .1rem solid var(--c_white);
		padding: 2rem;
	}
}
@media all and (max-width: 1023px) {
	.front header > .wrapper .head-grid-wrap .sp-contents-wrap {
		display: block;
	}
}
@media all and (max-width: 1023px) {
	.under header > .wrapper .head-grid-wrap .sp-contents-wrap {
		max-height: calc(100svh - 100%);
		background: rgba(0, 0, 0, .75) url(../img/dummy/common/header_bg_sp@2x.png) no-repeat center/cover;
		position: absolute;
		top: 100%;
		left: 0;
		overflow-y: auto;
		display: none;
	}
}
header > .wrapper .head-grid-wrap .sp-contents-wrap .main-nav-wrap {
	grid-area: main-nav-wrap;
}
header > .wrapper .head-grid-wrap .sp-contents-wrap .main-nav-wrap .main-nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}
@media all and (max-width: 1023px) {
	header > .wrapper .head-grid-wrap .sp-contents-wrap .main-nav-wrap .main-nav {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-flow: column;
		flex-flow: column;
	}
}
header > .wrapper .head-grid-wrap .sp-contents-wrap .main-nav-wrap .main-nav > li {
	position: relative;
}
header > .wrapper .head-grid-wrap .sp-contents-wrap .main-nav-wrap .main-nav > li::after {
	content: "";
	width: 0;
	height: 1.5em;
	border-left: .1rem solid var(--c_txt);
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	translate: 0 -50%;
}
@media all and (max-width: 1023px) {
	header > .wrapper .head-grid-wrap .sp-contents-wrap .main-nav-wrap .main-nav > li::after {
		content: none;
	}
}
header > .wrapper .head-grid-wrap .sp-contents-wrap .main-nav-wrap .main-nav > li:first-child::before {
	content: "";
	width: 0;
	height: 1.5em;
	border-left: .1rem solid var(--c_txt);
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	translate: 0 -50%;
}
@media all and (max-width: 1023px) {
	header > .wrapper .head-grid-wrap .sp-contents-wrap .main-nav-wrap .main-nav > li:first-child::before {
		content: none;
	}
}
header > .wrapper .head-grid-wrap .sp-contents-wrap .main-nav-wrap .main-nav > li > a, header > .wrapper .head-grid-wrap .sp-contents-wrap .main-nav-wrap .main-nav > li > p {
	min-width: 16.4rem;
	font-weight: 300;
	text-align: center;
}
@media all and (max-width: 1023px) {
	header > .wrapper .head-grid-wrap .sp-contents-wrap .main-nav-wrap .main-nav > li > a, header > .wrapper .head-grid-wrap .sp-contents-wrap .main-nav-wrap .main-nav > li > p {
		color: var(--c_white);
	}
}
@media all and (min-width: 1024px) {
	header > .wrapper .head-grid-wrap .sp-contents-wrap .main-nav-wrap .main-nav > li > a, header > .wrapper .head-grid-wrap .sp-contents-wrap .main-nav-wrap .main-nav > li > p {
		-webkit-transition: all .3s;
		transition: all .3s;
	}
	header > .wrapper .head-grid-wrap .sp-contents-wrap .main-nav-wrap .main-nav > li:hover > a, header > .wrapper .head-grid-wrap .sp-contents-wrap .main-nav-wrap .main-nav > li:hover > p, header > .wrapper .head-grid-wrap .sp-contents-wrap .main-nav-wrap .main-nav > li:focus-within > a, header > .wrapper .head-grid-wrap .sp-contents-wrap .main-nav-wrap .main-nav > li:focus-within > p {
		color: var(--c_theme_primary);
		border-color: var(--c_theme_primary);
	}
}
header > .wrapper .head-grid-wrap .sp-contents-wrap .main-nav-wrap .main-nav li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column;
	flex-flow: column;
	-webkit-box-pack: stretch;
	-ms-flex-pack: stretch;
	justify-content: stretch;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}
header > .wrapper .head-grid-wrap .sp-contents-wrap .main-nav-wrap .main-nav li a, header > .wrapper .head-grid-wrap .sp-contents-wrap .main-nav-wrap .main-nav li p {
	font-size: 1.7rem;
	border-bottom: .3rem solid transparent;
	padding: .5em 1rem;
}
@media all and (max-width: 1023px) {
	header > .wrapper .head-grid-wrap .sp-contents-wrap .main-nav-wrap .main-nav li a, header > .wrapper .head-grid-wrap .sp-contents-wrap .main-nav-wrap .main-nav li p {
		text-align: left;
		color: var(--c_white);
		border: none;
		padding: .5em 3rem .5em 0;
	}
}
header > .wrapper .head-grid-wrap .sp-contents-wrap .main-nav-wrap .main-nav li.parent-item {
	position: relative;
}
@media all and (min-width: 1024px) {
	header > .wrapper .head-grid-wrap .sp-contents-wrap .main-nav-wrap .main-nav li.parent-item:hover .child-list, header > .wrapper .head-grid-wrap .sp-contents-wrap .main-nav-wrap .main-nav li.parent-item:focus-within .child-list {
		display: block;
	}
}
@media all and (max-width: 1023px) {
	header > .wrapper .head-grid-wrap .sp-contents-wrap .main-nav-wrap .main-nav li.parent-item.active .icon-toggle-obj-sp::before, header > .wrapper .head-grid-wrap .sp-contents-wrap .main-nav-wrap .main-nav li.parent-item.active .icon-toggle-obj-sp::after {
		rotate: 180deg;
	}
	header > .wrapper .head-grid-wrap .sp-contents-wrap .main-nav-wrap .main-nav li.parent-item.active .icon-toggle-obj-sp::after {
		opacity: 0;
	}
}
header > .wrapper .head-grid-wrap .sp-contents-wrap .main-nav-wrap .main-nav li.parent-item > a, header > .wrapper .head-grid-wrap .sp-contents-wrap .main-nav-wrap .main-nav li.parent-item > p {
	position: relative;
	z-index: 1;
}
header > .wrapper .head-grid-wrap .sp-contents-wrap .main-nav-wrap .main-nav li.parent-item .child-list {
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	max-width: none;
	min-width: 25rem;
	background: var(--c_white);
	padding: 1em 0 0;
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
}
@media all and (min-width: 1024px) {
	header > .wrapper .head-grid-wrap .sp-contents-wrap .main-nav-wrap .main-nav li.parent-item .child-list {
		-webkit-transition: all .3s;
		transition: all .3s;
	}
}
@media all and (max-width: 1023px) {
	header > .wrapper .head-grid-wrap .sp-contents-wrap .main-nav-wrap .main-nav li.parent-item .child-list {
		width: 100%;
		background: none;
		padding: 0;
		position: static;
	}
}
header > .wrapper .head-grid-wrap .sp-contents-wrap .main-nav-wrap .main-nav li.parent-item .child-list li:not(.child-ttl) + li {
	border-top: .1rem solid var(--bdr_gray);
}
@media all and (max-width: 1023px) {
	header > .wrapper .head-grid-wrap .sp-contents-wrap .main-nav-wrap .main-nav li.parent-item .child-list li:not(.child-ttl) + li {
		border: none;
	}
}
header > .wrapper .head-grid-wrap .sp-contents-wrap .main-nav-wrap .main-nav li.parent-item .child-list li.child-ttl {
	border-bottom: .1rem solid var(--c_theme_primary);
}
@media all and (max-width: 1023px) {
	header > .wrapper .head-grid-wrap .sp-contents-wrap .main-nav-wrap .main-nav li.parent-item .child-list li.child-ttl {
		border: none;
		position: relative;
	}
}
header > .wrapper .head-grid-wrap .sp-contents-wrap .main-nav-wrap .main-nav li.parent-item .child-list li.child-ttl a, header > .wrapper .head-grid-wrap .sp-contents-wrap .main-nav-wrap .main-nav li.parent-item .child-list li.child-ttl p {
	font-size: 1.5rem;
	font-weight: 500;
	color: var(--c_theme_primary);
}
@media all and (min-width: 1024px) {
	header > .wrapper .head-grid-wrap .sp-contents-wrap .main-nav-wrap .main-nav li.parent-item .child-list li.child-ttl a, header > .wrapper .head-grid-wrap .sp-contents-wrap .main-nav-wrap .main-nav li.parent-item .child-list li.child-ttl p {
		pointer-events: none;
	}
}
@media all and (max-width: 1023px) {
	header > .wrapper .head-grid-wrap .sp-contents-wrap .main-nav-wrap .main-nav li.parent-item .child-list li.child-ttl a, header > .wrapper .head-grid-wrap .sp-contents-wrap .main-nav-wrap .main-nav li.parent-item .child-list li.child-ttl p {
		color: var(--c_white);
		padding-right: 3rem;
	}
}
header > .wrapper .head-grid-wrap .sp-contents-wrap .main-nav-wrap .main-nav li.parent-item .child-list li a, header > .wrapper .head-grid-wrap .sp-contents-wrap .main-nav-wrap .main-nav li.parent-item .child-list li p {
	font-size: 1.3rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 1rem;
	padding: 1em 2rem;
}
@media all and (max-width: 1023px) {
	header > .wrapper .head-grid-wrap .sp-contents-wrap .main-nav-wrap .main-nav li.parent-item .child-list li a, header > .wrapper .head-grid-wrap .sp-contents-wrap .main-nav-wrap .main-nav li.parent-item .child-list li p {
		padding: 1em 0 1em 1em;
	}
}
header > .wrapper .head-grid-wrap .sp-contents-wrap .main-nav-wrap .main-nav li.parent-item .child-list li a span.icon-arrow-obj, header > .wrapper .head-grid-wrap .sp-contents-wrap .main-nav-wrap .main-nav li.parent-item .child-list li p span.icon-arrow-obj {
	width: 1em;
	height: 1em;
	text-indent: 100%;
	display: block;
	position: relative;
	overflow: hidden;
	aspect-ratio: 1/1;
}
header > .wrapper .head-grid-wrap .sp-contents-wrap .main-nav-wrap .main-nav li.parent-item .child-list li a span.icon-arrow-obj::before, header > .wrapper .head-grid-wrap .sp-contents-wrap .main-nav-wrap .main-nav li.parent-item .child-list li p span.icon-arrow-obj::before {
	content: "";
	width: 50%;
	height: 50%;
	border-top: .1rem solid var(--c_txt);
	border-right: .1rem solid var(--c_txt);
	position: absolute;
	top: 50%;
	left: 50%;
	translate: -50% -50%;
	rotate: 45deg;
}
@media all and (min-width: 1024px) {
	header > .wrapper .head-grid-wrap .sp-contents-wrap .main-nav-wrap .main-nav li.parent-item .child-list li a span.icon-arrow-obj::before, header > .wrapper .head-grid-wrap .sp-contents-wrap .main-nav-wrap .main-nav li.parent-item .child-list li p span.icon-arrow-obj::before {
		-webkit-transition: all .3s;
		transition: all .3s;
	}
}
@media all and (max-width: 1023px) {
	header > .wrapper .head-grid-wrap .sp-contents-wrap .main-nav-wrap .main-nav li.parent-item .child-list li a span.icon-arrow-obj::before, header > .wrapper .head-grid-wrap .sp-contents-wrap .main-nav-wrap .main-nav li.parent-item .child-list li p span.icon-arrow-obj::before {
		border-color: var(--c_white);
	}
}
@media all and (min-width: 1024px) {
	header > .wrapper .head-grid-wrap .sp-contents-wrap .main-nav-wrap .main-nav li.parent-item .child-list li a {
		-webkit-transition: all .3s;
		transition: all .3s;
	}
	header > .wrapper .head-grid-wrap .sp-contents-wrap .main-nav-wrap .main-nav li.parent-item .child-list li a:hover, header > .wrapper .head-grid-wrap .sp-contents-wrap .main-nav-wrap .main-nav li.parent-item .child-list li a:focus-within {
		color: var(--c_theme_primary);
	}
	header > .wrapper .head-grid-wrap .sp-contents-wrap .main-nav-wrap .main-nav li.parent-item .child-list li a:hover span.icon-arrow-obj::before, header > .wrapper .head-grid-wrap .sp-contents-wrap .main-nav-wrap .main-nav li.parent-item .child-list li a:focus-within span.icon-arrow-obj::before {
		border-color: var(--c_theme_primary);
	}
}
header > .wrapper .head-grid-wrap .sp-contents-wrap .main-nav-wrap .main-nav .icon-toggle-obj-sp, header > .wrapper .head-grid-wrap .sp-contents-wrap .main-nav-wrap .main-nav .icon-arrow-obj-sp {
	width: 2rem;
	height: 2rem;
	text-indent: 100%;
	border: .1rem solid var(--c_white);
	border-radius: 100vw;
	position: absolute;
	top: 50%;
	right: 0;
	translate: 0 -50%;
	overflow: hidden;
}
@media all and (min-width: 1024px) {
	header > .wrapper .head-grid-wrap .sp-contents-wrap .main-nav-wrap .main-nav .icon-toggle-obj-sp, header > .wrapper .head-grid-wrap .sp-contents-wrap .main-nav-wrap .main-nav .icon-arrow-obj-sp {
		display: none;
	}
}
header > .wrapper .head-grid-wrap .sp-contents-wrap .main-nav-wrap .main-nav .icon-toggle-obj-sp::before, header > .wrapper .head-grid-wrap .sp-contents-wrap .main-nav-wrap .main-nav .icon-toggle-obj-sp::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	translate: -50% -50%;
	background: var(--c_white);
	-webkit-transition: all .3s;
	transition: all .3s;
}
header > .wrapper .head-grid-wrap .sp-contents-wrap .main-nav-wrap .main-nav .icon-toggle-obj-sp:before {
	width: .8rem;
	height: .1rem;
}
header > .wrapper .head-grid-wrap .sp-contents-wrap .main-nav-wrap .main-nav .icon-toggle-obj-sp::after {
	width: .1rem;
	height: .8rem;
}
header > .wrapper .head-grid-wrap .sp-contents-wrap .main-nav-wrap .main-nav .icon-arrow-obj-sp::before {
	content: "";
	width: .5rem;
	height: .5rem;
	border-top: .1rem solid var(--c_white);
	border-right: .1rem solid var(--c_white);
	position: absolute;
	top: 50%;
	left: 50%;
	translate: calc(-50% - .1rem) -50%;
	rotate: 45deg;
}
header > .wrapper .head-grid-wrap .sp-contents-wrap .sub-nav-wrap {
	grid-area: sub-nav-wrap;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 2.5rem .5rem;
}
@media all and (max-width: 1023px) {
	header > .wrapper .head-grid-wrap .sp-contents-wrap .sub-nav-wrap {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-flow: column;
		flex-flow: column;
		padding-top: 5rem;
		position: relative;
	}
}
@media all and (max-width: 1023px) {
	header > .wrapper .head-grid-wrap .sp-contents-wrap .sub-nav-wrap::before {
		content: "";
		width: calc(100vw - var(--scrollbar));
		height: 0;
		border-top: .1rem solid var(--c_white);
		position: absolute;
		top: 2rem;
		left: -2rem;
	}
}
header > .wrapper .head-grid-wrap .sp-contents-wrap .sub-nav-wrap .sp-sub-nav-contents-wrap {
	display: contents;
}
@media all and (max-width: 1023px) {
	header > .wrapper .head-grid-wrap .sp-contents-wrap .sub-nav-wrap .sp-sub-nav-contents-wrap {
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-flow: column-reverse;
		flex-flow: column-reverse;
		gap: 2.5rem .5rem;
	}
}
header > .wrapper .head-grid-wrap .sp-contents-wrap .sub-nav-wrap .main-nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}
@media all and (max-width: 1023px) {
	header > .wrapper .head-grid-wrap .sp-contents-wrap .sub-nav-wrap .main-nav {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-flow: column;
		flex-flow: column;
	}
}
header > .wrapper .head-grid-wrap .sp-contents-wrap .sub-nav-wrap .main-nav > li {
	position: relative;
}
header > .wrapper .head-grid-wrap .sp-contents-wrap .sub-nav-wrap .main-nav > li::after {
	content: "";
	width: 0;
	height: 1.5em;
	border-left: .1rem solid var(--c_txt);
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	translate: 0 -50%;
}
@media all and (max-width: 1023px) {
	header > .wrapper .head-grid-wrap .sp-contents-wrap .sub-nav-wrap .main-nav > li::after {
		content: none;
	}
}
header > .wrapper .head-grid-wrap .sp-contents-wrap .sub-nav-wrap .main-nav > li:first-child::before {
	content: "";
	width: 0;
	height: 1.5em;
	border-left: .1rem solid var(--c_txt);
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	translate: 0 -50%;
}
@media all and (max-width: 1023px) {
	header > .wrapper .head-grid-wrap .sp-contents-wrap .sub-nav-wrap .main-nav > li:first-child::before {
		content: none;
	}
}
header > .wrapper .head-grid-wrap .sp-contents-wrap .sub-nav-wrap .main-nav > li > a, header > .wrapper .head-grid-wrap .sp-contents-wrap .sub-nav-wrap .main-nav > li > p {
	min-width: 16.4rem;
	font-weight: 300;
	text-align: center;
}
@media all and (max-width: 1023px) {
	header > .wrapper .head-grid-wrap .sp-contents-wrap .sub-nav-wrap .main-nav > li > a, header > .wrapper .head-grid-wrap .sp-contents-wrap .sub-nav-wrap .main-nav > li > p {
		color: var(--c_white);
	}
}
@media all and (min-width: 1024px) {
	header > .wrapper .head-grid-wrap .sp-contents-wrap .sub-nav-wrap .main-nav > li > a, header > .wrapper .head-grid-wrap .sp-contents-wrap .sub-nav-wrap .main-nav > li > p {
		-webkit-transition: all .3s;
		transition: all .3s;
	}
	header > .wrapper .head-grid-wrap .sp-contents-wrap .sub-nav-wrap .main-nav > li:hover > a, header > .wrapper .head-grid-wrap .sp-contents-wrap .sub-nav-wrap .main-nav > li:hover > p, header > .wrapper .head-grid-wrap .sp-contents-wrap .sub-nav-wrap .main-nav > li:focus-within > a, header > .wrapper .head-grid-wrap .sp-contents-wrap .sub-nav-wrap .main-nav > li:focus-within > p {
		color: var(--c_theme_primary);
		border-color: var(--c_theme_primary);
	}
}
header > .wrapper .head-grid-wrap .sp-contents-wrap .sub-nav-wrap .main-nav li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column;
	flex-flow: column;
	-webkit-box-pack: stretch;
	-ms-flex-pack: stretch;
	justify-content: stretch;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}
header > .wrapper .head-grid-wrap .sp-contents-wrap .sub-nav-wrap .main-nav li a, header > .wrapper .head-grid-wrap .sp-contents-wrap .sub-nav-wrap .main-nav li p {
	font-size: 1.7rem;
	border-bottom: .3rem solid transparent;
	padding: .5em 1rem;
}
@media all and (max-width: 1023px) {
	header > .wrapper .head-grid-wrap .sp-contents-wrap .sub-nav-wrap .main-nav li a, header > .wrapper .head-grid-wrap .sp-contents-wrap .sub-nav-wrap .main-nav li p {
		text-align: left;
		color: var(--c_white);
		border: none;
		padding: .5em 3rem .5em 0;
	}
}
header > .wrapper .head-grid-wrap .sp-contents-wrap .sub-nav-wrap .main-nav li.parent-item {
	position: relative;
}
@media all and (min-width: 1024px) {
	header > .wrapper .head-grid-wrap .sp-contents-wrap .sub-nav-wrap .main-nav li.parent-item:hover .child-list, header > .wrapper .head-grid-wrap .sp-contents-wrap .sub-nav-wrap .main-nav li.parent-item:focus-within .child-list {
		display: block;
	}
}
@media all and (max-width: 1023px) {
	header > .wrapper .head-grid-wrap .sp-contents-wrap .sub-nav-wrap .main-nav li.parent-item.active .icon-toggle-obj-sp::before, header > .wrapper .head-grid-wrap .sp-contents-wrap .sub-nav-wrap .main-nav li.parent-item.active .icon-toggle-obj-sp::after {
		rotate: 180deg;
	}
	header > .wrapper .head-grid-wrap .sp-contents-wrap .sub-nav-wrap .main-nav li.parent-item.active .icon-toggle-obj-sp::after {
		opacity: 0;
	}
}
header > .wrapper .head-grid-wrap .sp-contents-wrap .sub-nav-wrap .main-nav li.parent-item > a, header > .wrapper .head-grid-wrap .sp-contents-wrap .sub-nav-wrap .main-nav li.parent-item > p {
	position: relative;
	z-index: 1;
}
header > .wrapper .head-grid-wrap .sp-contents-wrap .sub-nav-wrap .main-nav li.parent-item .child-list {
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	max-width: none;
	min-width: 25rem;
	background: var(--c_white);
	padding: 1em 0 0;
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
}
@media all and (min-width: 1024px) {
	header > .wrapper .head-grid-wrap .sp-contents-wrap .sub-nav-wrap .main-nav li.parent-item .child-list {
		-webkit-transition: all .3s;
		transition: all .3s;
	}
}
@media all and (max-width: 1023px) {
	header > .wrapper .head-grid-wrap .sp-contents-wrap .sub-nav-wrap .main-nav li.parent-item .child-list {
		width: 100%;
		background: none;
		padding: 0;
		position: static;
	}
}
header > .wrapper .head-grid-wrap .sp-contents-wrap .sub-nav-wrap .main-nav li.parent-item .child-list li:not(.child-ttl) + li {
	border-top: .1rem solid var(--bdr_gray);
}
@media all and (max-width: 1023px) {
	header > .wrapper .head-grid-wrap .sp-contents-wrap .sub-nav-wrap .main-nav li.parent-item .child-list li:not(.child-ttl) + li {
		border: none;
	}
}
header > .wrapper .head-grid-wrap .sp-contents-wrap .sub-nav-wrap .main-nav li.parent-item .child-list li.child-ttl {
	border-bottom: .1rem solid var(--c_theme_primary);
}
@media all and (max-width: 1023px) {
	header > .wrapper .head-grid-wrap .sp-contents-wrap .sub-nav-wrap .main-nav li.parent-item .child-list li.child-ttl {
		border: none;
		position: relative;
	}
}
header > .wrapper .head-grid-wrap .sp-contents-wrap .sub-nav-wrap .main-nav li.parent-item .child-list li.child-ttl a, header > .wrapper .head-grid-wrap .sp-contents-wrap .sub-nav-wrap .main-nav li.parent-item .child-list li.child-ttl p {
	font-size: 1.5rem;
	font-weight: 500;
	color: var(--c_theme_primary);
}
@media all and (min-width: 1024px) {
	header > .wrapper .head-grid-wrap .sp-contents-wrap .sub-nav-wrap .main-nav li.parent-item .child-list li.child-ttl a, header > .wrapper .head-grid-wrap .sp-contents-wrap .sub-nav-wrap .main-nav li.parent-item .child-list li.child-ttl p {
		pointer-events: none;
	}
}
@media all and (max-width: 1023px) {
	header > .wrapper .head-grid-wrap .sp-contents-wrap .sub-nav-wrap .main-nav li.parent-item .child-list li.child-ttl a, header > .wrapper .head-grid-wrap .sp-contents-wrap .sub-nav-wrap .main-nav li.parent-item .child-list li.child-ttl p {
		color: var(--c_white);
		padding-right: 3rem;
	}
}
header > .wrapper .head-grid-wrap .sp-contents-wrap .sub-nav-wrap .main-nav li.parent-item .child-list li a, header > .wrapper .head-grid-wrap .sp-contents-wrap .sub-nav-wrap .main-nav li.parent-item .child-list li p {
	font-size: 1.3rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 1rem;
	padding: 1em 2rem;
}
@media all and (max-width: 1023px) {
	header > .wrapper .head-grid-wrap .sp-contents-wrap .sub-nav-wrap .main-nav li.parent-item .child-list li a, header > .wrapper .head-grid-wrap .sp-contents-wrap .sub-nav-wrap .main-nav li.parent-item .child-list li p {
		padding: 1em 0 1em 1em;
	}
}
header > .wrapper .head-grid-wrap .sp-contents-wrap .sub-nav-wrap .main-nav li.parent-item .child-list li a span.icon-arrow-obj, header > .wrapper .head-grid-wrap .sp-contents-wrap .sub-nav-wrap .main-nav li.parent-item .child-list li p span.icon-arrow-obj {
	width: 1em;
	height: 1em;
	text-indent: 100%;
	display: block;
	position: relative;
	overflow: hidden;
	aspect-ratio: 1/1;
}
header > .wrapper .head-grid-wrap .sp-contents-wrap .sub-nav-wrap .main-nav li.parent-item .child-list li a span.icon-arrow-obj::before, header > .wrapper .head-grid-wrap .sp-contents-wrap .sub-nav-wrap .main-nav li.parent-item .child-list li p span.icon-arrow-obj::before {
	content: "";
	width: 50%;
	height: 50%;
	border-top: .1rem solid var(--c_txt);
	border-right: .1rem solid var(--c_txt);
	position: absolute;
	top: 50%;
	left: 50%;
	translate: -50% -50%;
	rotate: 45deg;
}
@media all and (min-width: 1024px) {
	header > .wrapper .head-grid-wrap .sp-contents-wrap .sub-nav-wrap .main-nav li.parent-item .child-list li a span.icon-arrow-obj::before, header > .wrapper .head-grid-wrap .sp-contents-wrap .sub-nav-wrap .main-nav li.parent-item .child-list li p span.icon-arrow-obj::before {
		-webkit-transition: all .3s;
		transition: all .3s;
	}
}
@media all and (max-width: 1023px) {
	header > .wrapper .head-grid-wrap .sp-contents-wrap .sub-nav-wrap .main-nav li.parent-item .child-list li a span.icon-arrow-obj::before, header > .wrapper .head-grid-wrap .sp-contents-wrap .sub-nav-wrap .main-nav li.parent-item .child-list li p span.icon-arrow-obj::before {
		border-color: var(--c_white);
	}
}
@media all and (min-width: 1024px) {
	header > .wrapper .head-grid-wrap .sp-contents-wrap .sub-nav-wrap .main-nav li.parent-item .child-list li a {
		-webkit-transition: all .3s;
		transition: all .3s;
	}
	header > .wrapper .head-grid-wrap .sp-contents-wrap .sub-nav-wrap .main-nav li.parent-item .child-list li a:hover, header > .wrapper .head-grid-wrap .sp-contents-wrap .sub-nav-wrap .main-nav li.parent-item .child-list li a:focus-within {
		color: var(--c_theme_primary);
	}
	header > .wrapper .head-grid-wrap .sp-contents-wrap .sub-nav-wrap .main-nav li.parent-item .child-list li a:hover span.icon-arrow-obj::before, header > .wrapper .head-grid-wrap .sp-contents-wrap .sub-nav-wrap .main-nav li.parent-item .child-list li a:focus-within span.icon-arrow-obj::before {
		border-color: var(--c_theme_primary);
	}
}
header > .wrapper .head-grid-wrap .sp-contents-wrap .sub-nav-wrap .main-nav .icon-toggle-obj-sp, header > .wrapper .head-grid-wrap .sp-contents-wrap .sub-nav-wrap .main-nav .icon-arrow-obj-sp {
	width: 2rem;
	height: 2rem;
	text-indent: 100%;
	border: .1rem solid var(--c_white);
	border-radius: 100vw;
	position: absolute;
	top: 50%;
	right: 0;
	translate: 0 -50%;
	overflow: hidden;
}
@media all and (min-width: 1024px) {
	header > .wrapper .head-grid-wrap .sp-contents-wrap .sub-nav-wrap .main-nav .icon-toggle-obj-sp, header > .wrapper .head-grid-wrap .sp-contents-wrap .sub-nav-wrap .main-nav .icon-arrow-obj-sp {
		display: none;
	}
}
header > .wrapper .head-grid-wrap .sp-contents-wrap .sub-nav-wrap .main-nav .icon-toggle-obj-sp::before, header > .wrapper .head-grid-wrap .sp-contents-wrap .sub-nav-wrap .main-nav .icon-toggle-obj-sp::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	translate: -50% -50%;
	background: var(--c_white);
	-webkit-transition: all .3s;
	transition: all .3s;
}
header > .wrapper .head-grid-wrap .sp-contents-wrap .sub-nav-wrap .main-nav .icon-toggle-obj-sp:before {
	width: .8rem;
	height: .1rem;
}
header > .wrapper .head-grid-wrap .sp-contents-wrap .sub-nav-wrap .main-nav .icon-toggle-obj-sp::after {
	width: .1rem;
	height: .8rem;
}
header > .wrapper .head-grid-wrap .sp-contents-wrap .sub-nav-wrap .main-nav .icon-arrow-obj-sp::before {
	content: "";
	width: .5rem;
	height: .5rem;
	border-top: .1rem solid var(--c_white);
	border-right: .1rem solid var(--c_white);
	position: absolute;
	top: 50%;
	left: 50%;
	translate: calc(-50% - .1rem) -50%;
	rotate: 45deg;
}

#nav-toggle, #nav-toggle span {
	width: 100%;
	display: block;
	-webkit-transition: all .4s;
	transition: all .4s;
	z-index: 9999;
}

#nav-toggle {
	width: 5rem;
	height: 5rem;
	background: var(--c_theme_primary);
	position: fixed;
	top: 0;
	right: 0;
	display: none;
	cursor: pointer;
}
@media all and (max-width: 1023px) {
	#nav-toggle {
		display: block;
	}
}
#nav-toggle > span {
	width: 3rem;
	height: .2rem;
	background: var(--c_white);
	position: absolute;
	left: 50%;
	rotate: 0;
	translate: -50% -50%;
}
#nav-toggle > span:nth-of-type(1) {
	top: 25%;
}
#nav-toggle > span:nth-of-type(2) {
	top: 50%;
}
#nav-toggle > span:nth-of-type(3) {
	width: 1.8rem;
	bottom: 25%;
	translate: calc(-50% - .6rem) -50%;
}
#nav-toggle.active {
	background: transparent;
	right: calc(var(--scrollbar));
}
.under #nav-toggle.active > span {
	background: var(--c_theme_primary);
}
#nav-toggle.active > span:nth-of-type(1) {
	top: 50%;
	translate: -50% -50%;
	rotate: -45deg;
}
#nav-toggle.active > span:nth-of-type(2) {
	width: 0;
	rotate: 0;
}
#nav-toggle.active > span:nth-of-type(3) {
	width: 3rem;
	top: 50%;
	translate: -50% -50%;
	rotate: 45deg;
}