/*
----------------------------------------

header

----------------------------------------
*/


.h1-title {
	display: none;
}

.home .h1-title {
	display: block;
	line-height: 1;
    padding-left: 86px;
}
@media screen and (max-width: 1250px) {
	.home .h1-title {
		padding-left: 59px;
    	font-size: 12px !important;
	}
}
@media screen and (max-width: 750px) {
	.home .h1-title {
		padding-left: 50px;
    	font-size: 10px !important;
	}
}
.header .logo .wp-block-site-logo {
	margin-top: 0;
}



.header {
	position: relative;
	height: 0;
	opacity: 0;
	visibility: hidden;
	z-index: -1;
}

.header.top-nav,
.header.toggle-nav,
.editor-styles-wrapper .header {
	height: initial;
	opacity: 1;
	visibility: visible;
	z-index: 9999;
}

.top-nav .hamburger-menu,
.toggle-nav .nav-menu {
	display: none;
}
.toggle-nav .hamburger-menu {
	display: block;
}

.header > .wp-block-group {
	min-height: 120px;
	gap: 0;
}

.header .logo {
	margin-right: auto;
	padding: 0 var(--wp--preset--spacing--40);
}

.header .logo .wp-block-site-logo {
	width: 365px;
}
@media screen and (max-width: 1250px) {
	.header .logo .wp-block-site-logo {
		width: 250px;
	}
}
@media screen and (max-width: 750px) {
	.header .logo {
		padding: 18px 20px;
	}
	.header .logo .wp-block-site-logo {
		width: 211px;
	}
}

.header .wp-block-site-logo a {
	display: block;
}

.header .logo img {
	transition: all .4s;
}

.home .header .logo img {
	opacity: 0;
}

.home .header .logo .custom-logo-link {
	content: "";
	background-image: url(../img/page/2x/logo-white.png);
	width: 100%;
	height: 100%;
	background-size: contain;
	background-repeat: no-repeat;
}
@media screen and (max-width: 750px) {
	.home .header .logo .custom-logo-link {
		min-width: 211px;
	}
}

.home .wp-block-navigation .wp-block-navigation-item__label {
	color: #ffffff;
}

.sp-logo {
	display: none;
}

.wp-block-group .nav-menu {
	padding: 0 !important;
}

.wp-block-navigation .wp-block-navigation-item.contact {
	display: none;
}

.wp-block-navigation .wp-block-navigation-item__content {
	display: block;
	font-size: var(--wp--preset--font-size--17);
	text-align: left;
	white-space: nowrap;
	padding: .4em;
	position: relative;
	transition: background .2s;
}

.wp-block-navigation .wp-block-navigation__submenu-icon {
	display: none;
}

.wp-block-navigation .has-child .wp-block-navigation-item__content {
	padding-right: 2em !important;
	position: relative;
}

.has-child > .wp-block-navigation-item__content::after {
	font-family: 'Material Symbols Outlined';
	content: '\e5cf';
	display: block;
	line-height: 20px;
	position: absolute;
	top: calc( 50% - 10px );
	right: 8px;
	transition: unset;
}

.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	border: none;
}

.wp-block-navigation__submenu-container .wp-block-navigation-item__content::after {
	font-family: 'Material Symbols Outlined';
	content: '\e5cc';
	line-height: 20px;
	position: absolute;
	top: calc( 50% - 10px );
	right: 8px;
	transition: all .2s;
}

.tel-link {
	position: relative;
}

.tel-link .link-btn {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	text-indent: -200%;
	pointer-events: none;
}

.overlay {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: 0;
	background: var(--wp--preset--color--contrast);
	overflow: hidden;
	text-indent: -9999px;
	opacity: 0;
	visibility: hidden;
	z-index: -1;
	transition: all .4s;
}

.editor-styles-wrapper .header.toggle-nav .overlay {
	display: none !important;
}

.lang-btn {
	background-color: var(--wp--preset--color--light-gray);
	border-radius: 5px;
	padding: 0 .8em;
	gap: .5em;
}

.lang-btn a {
	color: var(--wp--preset--color--contrast);
	font-size: var(--wp--preset--font-size--14);
	font-weight: normal !important;
	white-space: nowrap;
	display: inline-block;
	padding: .2em .2em .3em;
	transition: color .2s, background-color .2s, box-shadow .2s;
}

.lang-btn a.gt-current-lang {
	color: var(--wp--preset--color--primary);
}

.lang-btn a img {
	display: none;
}

.header .mail-btn .wp-block-button__link {
	width: 180px;
    height: 50px;
	display: flex;
	justify-content: center;
	gap: 0;
	align-items: center;
	font-size: var(--wp--preset--font-size--15);
	background-color: var(--wp--preset--color--primary);
	padding: 0;
	font-size: 16px;
	transition: opacity .5s;
}

.header .mail-btn .wp-block-button__link::before {
	content: "";
	display: block;
	width: 22px;
    height: 18px;
	background: url(../img/page/2x/icon-mail.png) center center / contain no-repeat;
}

.contact-block {
	padding-right: 30px;
}

.home .header .contact-block p {
	color: #ffffff !important;
	font-weight: 400;
	letter-spacing: .04em;
}

.home .header .contact-block p a {
	color: #ffffff;
}


/* g-nav
---------------------------------------- */

.wp-block-template-part:has(#g-nav) {
	width: 100%;
}
@media screen and (max-width: 750px) {
	.wp-block-template-part:has(#g-nav) {
		width: auto;
	}
}

.g-nav {
	gap: 1.7em;
}

.g-nav .nav-menu-wrap {
	gap: 1.1em;
}

.g-nav .wp-block-navigation {
	gap: 0 1.62em;
	color: #ffffff;
}

.nav-animation .g-nav {
	transition: all .4s;
}

.header.toggle-nav .g-nav {
	position: fixed;
	top: 0;
	right: 0;
	opacity: 0;
	visibility: hidden;
	z-index: -1;
	width: 560px;
	height: 100vh;
	max-width: 100%;
	margin: 0;
	padding: 0 0 var(--wp--preset--spacing--40) !important;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start !important;
	gap: 0 !important;
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--contrast);
	transform: translateX( 120% );
	overflow: auto;
}

.hamburger-nav-menu {
	padding-bottom: 0 !important;
	padding-top: 0 !important;
}

.nav-open .header.toggle-nav .g-nav {
	transform: none;
	opacity: 1;
	visibility: visible;
	z-index: 999;
	background-color: var(--wp--preset--color--gray) !important;
}
.header.toggle-nav .sp-logo img {
	opacity: 0;
}

.nav-open .custom-logo-link {
    content: "";
    background-image: url(../img/page/2x/logo-white.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
    background-size: contain;
}

.nav-open p.is-style-arrow-right {
	width: 100%;
	border: none;
	border-bottom: solid 1px rgba(255, 255, 255, 0.2);
}

.nav-open p.is-style-arrow-right::after {
	width: 9px;
    height: 8px;
    top: calc(50% - 4px);
    right: 0;
}

.nav-open .parent {
	width: 100%;
	letter-spacing: .05em;
	line-height: 1;
	padding: 7px;
	font-size: 14px;
	text-align: center;
	letter-spacing: .2em;
	background-color: var(--wp--preset--color--primary);
	color: #ffffff;
}

.nav-open .cat-item a {
	display: block;
	font-size: var(--wp--preset--font-size--15);
	padding: 14px 3em 14px 2.7em;
	position: relative;
}

.nav-open .sub-menu .cat-item a::before {
	content: "";
	width: 14px;
	height: 2px;
	background-color: var(--wp--preset--color--primary);
	position: absolute;
	top: calc(50% - 1px);
	left: 15px;
	z-index: 99;
}
.nav-open .sub-menu .cat-item a::after {
	content: "";
	width: 11px;
	height: 10px;
	right: 0px;
	top: calc(50% - 5px);
    background: url(../img/page/2x/arrow-01.png) center center / contain no-repeat;
    position: absolute;
    transition: all .2s;
}
.nav-open p.is-style-arrow-right {
	font-size: 14px;
	place-content: initial;
	min-height: initial;
	padding: 1.025em 3em 1.025em 0;
}

.nav-open .bottom-nav-wrap {
	gap: 0;
}

.nav-open .sub-menu {
	width: 100%;
	padding-left: 0;
	list-style: none;
}

.nav-open .cat-item {
 	width: 100%;
	border-bottom: solid 1px rgba(255, 255, 255, 0.2);
}

.hamburger-menu {
	padding: 0 20px !important;
	width: 100%;
}

.header.toggle-nav .sp-logo {
	display: flex;
	width: 100%;
	min-height: 72px;
	align-items: center;
	padding: 0 72px 0 0;
}

.header.toggle-nav .sp-logo img {
	width: auto;
	height: 40px;
}

.header.toggle-nav .nav-menu-wrap {
	flex-direction: column-reverse;
	gap: 0 !important;
	width: 100%;
}

.header.toggle-nav .lang-block {
	width: 100%;
	padding: 1.5em 2em;
	background-color: var(--wp--preset--color--secondary);
}

.header.toggle-nav .lang-btn {
	background-color: var(--wp--preset--color--base);
	border-radius: 25px;
	padding: 0;
	flex-direction: row;
	gap: 0;
}

.header.toggle-nav .lang-btn .lang {
	flex: 1;
	line-height: inherit;
}

.header.toggle-nav .lang-btn a {
	font-size: var(--wp--preset--font-size--15);
	line-height: 50px;
	width: 100%;
	padding: 0;
	border-radius: 25px;
}

.header.toggle-nav .lang-btn a.gt-current-lang {
	background-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--base);
	box-shadow: 0 0 5px rgba( 0, 0, 0, .2 );
}

.header.toggle-nav .g-nav .wp-block-site-logo {
	margin-left: 0 !important;
	padding: 0 var(--wp--preset--spacing--30);
}

.header.toggle-nav .g-nav .wp-block-template-part {
	width: 100%;
}

.header.toggle-nav .nav-menu {
	width: 100%;
	padding: 0 !important;
}

.header.toggle-nav .nav-menu .wp-block-page-list {
	flex-direction: column;
	border-top: solid 1px rgba( 255, 255, 255, .25 );
}

.header.toggle-nav .nav-menu .wp-block-navigation__container {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 0;
	border-top: solid 1px rgba( 255, 255, 255, .25 );
}

.header.toggle-nav .nav-menu .wp-block-navigation-item {
	width: 100%;
	border-bottom: solid 1px #e5e5e5;
}

.header.toggle-nav .nav-menu .wp-block-navigation-item__content {
	display: block;
	width: 100%;
	padding: 1.1em 40px 1.1em 80px !important;
	border: none;
	position: relative;
	transition: all .2s;
	background-position: left 20px center;
	background-size: 40px;
	background-repeat: no-repeat;
}

.header.toggle-nav .nav-menu .item .wp-block-navigation-item__content {
	background-image: url(../img/page/2x/icon-item.png);
}

.header.toggle-nav .nav-menu .case .wp-block-navigation-item__content {
	background-image: url(../img/page/2x/icon-case.png);
}

.header.toggle-nav .nav-menu .guide .wp-block-navigation-item__content {
	background-image: url(../img/page/2x/icon-guide.png);
}

.header.toggle-nav .nav-menu .news .wp-block-navigation-item__content {
	background-image: url(../img/page/2x/icon-news.png);
}

.header.toggle-nav .nav-menu .company .wp-block-navigation-item__content {
	background-image: url(../img/page/2x/icon-company.png);
}

.header.toggle-nav .nav-menu .faq .wp-block-navigation-item__content {
	background-image: url(../img/page/2x/icon-faq.png);
}

.header.toggle-nav .nav-menu .contact .wp-block-navigation-item__content {
	background-image: url(../img/page/2x/icon-contact.png);
}


.header.toggle-nav .nav-menu .wp-block-navigation-item.contact {
	display: block;
}

.header.toggle-nav .nav-menu .wp-block-navigation-item__content::after {
	content: "";
	width: 20px;
	height: 20px;
	background: url(../img/page/2x/arrow-01-color.png) center center / contain no-repeat;
	position: absolute;
	top: calc( 50% - 10px );
	right: 20px;
	transition: all .2s;
}

.header.toggle-nav .has-child > .wp-block-navigation-item__content::after {
	content: '\e145';
	right: 16px !important;
}

.nav-open .header.toggle-nav .has-child > .wp-block-navigation-item__content.open {
	background: var( --wp--preset--color--secondary ) !important;
}

.nav-open .header.toggle-nav .has-child > .wp-block-navigation-item__content.open::after {
	content: '\e15b';
}

.header.toggle-nav .nav-menu .wp-block-navigation__submenu-container {
	display: none;
	width: 100%;
	position: relative;
	left: 0;
	height: initial;
	visibility: visible;
	opacity: 1;
}

.header.toggle-nav .nav-menu .wp-block-navigation__submenu-container .wp-block-navigation-item {
	border: none;
	border-top: solid 1px var( --wp--preset--color--gray ) !important;
}

.header.toggle-nav .g-nav .wp-block-template-part {
	display: block;
}

.header.toggle-nav .g-nav .wp-block-template-part .btn-set {
	width: 100%;
	align-items: stretch;
	padding: var( --wp--preset--spacing--40) var(--wp--preset--spacing--30) !important;
	gap: var(--wp--preset--spacing--20);
}
.header.toggle-nav .contact-block {
	width: 100%;
    background: transparent;
    flex-direction: column;
	gap: 0;
	padding-top: 0 !important;
}
.header.toggle-nav .tel-block {
	margin-top: 30px;
}

.header.toggle-nav .contact-block p {
	line-height: 1;
	padding-top: 12px;
}

.header.toggle-nav .contact-block .is-style-tel-icon {
	font-size: 30px !important;
    transform: translate(-5px, 6px);
	line-height: inherit;
	padding-top: 0;
}
.header.toggle-nav .contact-block .is-style-tel-icon a {
	color: #ffffff;
}

.header.toggle-nav .is-style-tel-icon::before {
	width: 20px;
    height: 20px;
}

.header.toggle-nav .tel-block::after {
	content: "";
	width: 18px;
	height: 13px;
	background-image: url(../img/page/2x/right-arrow-g.png);
	position: absolute;
	background-size: contain;
	background-repeat: no-repeat;
	top: calc(50% - 9px);
	transform: rotate(270deg);
	right: 2px;
	transition: all .2s;
}

.header.toggle-nav p {
	color: #ffffff !important;
	font-weight: 500;
}

.header.toggle-nav p.is-style-arrow-right {
	padding: 18px 3em 18px 0;
}

.header.toggle-nav .g-nav .btn-set > * {
	flex: 1;
}

.header.toggle-nav .g-nav .btn-set .link-to-cover-and-group-blocks:has( .tel-link ) {
	padding: var( --wp--preset--spacing--20) var( --wp--preset--spacing--20) var(--wp--preset--spacing--20);
	border: solid 1px rgba( 255, 255, 255, .25 );
	color: var( --wp--preset--color--base);
	position: relative;
	transition: all .2s;
}

.header.toggle-nav .g-nav .btn-set .is-style-tel-icon {
	color: var( --wp--preset--color--base) !important;
}

.header.toggle-nav .g-nav .btn-set .is-style-tel-icon::before {
	color: var( --wp--preset--color--base );
}

.home .header .is-style-tel-icon::before {
	width: 30px;
	height: 30px;
	transform: translateY( -18% );
	background: url(../img/page/2x/icon-phone.png) center center / contain no-repeat;
}

.header .tel-text01 {
	display: none;
}
.header.toggle-nav .tel-text01{
	display: block;
	font-size: 14px;
	color: var(--wp--preset--color--primary);
}

.header.toggle-nav .btn-set .wp-block-buttons {
	justify-content: center;
}

.header.toggle-nav .g-nav .btn-set .wp-block-button {
	width: 100%;
	height: 100%;
	border-right: solid 1px var(--wp--preset--color--primary);
    border-bottom: solid 1px var(--wp--preset--color--primary);
	max-width: 300px;
}

.header.toggle-nav .g-nav .btn-set .is-style-mail-btn .wp-block-button__link {
	min-height: 50px;
    display: flex;
	justify-content: center; 
    letter-spacing: .16em;
    line-height: 1.5;
    padding-right: 2.2em;
    padding-left: 2.2em;
    position: relative;
    transform: translate(-5px, -5px);
    background-color: var(--wp--preset--color--primary);
}

.header.toggle-nav .g-nav .btn-set .is-style-mail-btn .wp-block-button__link::before {
	transform: translateY( 0 );
}

.header.toggle-nav .tel-link .link-btn {
	pointer-events: auto;
}

.header.toggle-nav .mail-btn .wp-block-button__link {
	width: 100%;
	height: auto;
	flex-direction: row;
	font-size: var(--wp--preset--font-size--17);
	line-height: 1.5;
	padding: var(--wp--preset--spacing--20) 4em;
	position: relative;
}

.header.toggle-nav .mail-btn .wp-block-button__link::before {
	width: 25px;
    height: 25px;
    top: calc(50% - 12.5px);
	left: var(--wp--preset--spacing--30);
}

.header.toggle-nav .overlay {
	display: block;
}

.header.toggle-nav .service-footer-item h3 a {
	font-weight: 500;
	padding: 14px 2.6em 14px 2.4em;
	display: block;
	font-size: var(--wp--preset--font-size--14);
	position: relative;
}
.header.toggle-nav .service-footer-item {
	padding: 0;
	width: 100%;
}
.header.toggle-nav .service-footer-item li {
	padding: 0;
	border-bottom: solid 1px rgba(255, 255, 255, 0.2);
	margin: 0 !important;
}
.header.toggle-nav .service-footer-item h3 {
	padding-left: 0;
}
.header.toggle-nav .service-footer-item li:not(:first-child) {
	margin-top: 0 !important;
}
.header.toggle-nav .service-footer-item h3::before {
	content: none;
}
.header.toggle-nav .service-footer-item h3 a::before {
	content: "";
	width: 14px;
	height: 2px;
	background-color: var(--wp--preset--color--primary);
	position: absolute;
	top: calc(50% - 1px);
	left: 15px;
	z-index: 99;
}
.header.toggle-nav .service-footer-item h3 a::after {
	content: "";
	width: 9px;
	height: 8px;
	background: url(../img/page/2x/arrow-01.png) center center / contain no-repeat;
	position: absolute;
	top: calc(50% - 5px);
	right: 0px;
	transition: all .2s;
}
@media screen and (min-width: 751px) {
	.header.toggle-nav .service-footer-item h3 a:hover::after {
		right: -5px;
	}
}

.nav-open .overlay {
	opacity: .8;
	visibility: visible;
	z-index: 9;
}

.header .g-nav .wp-block-template-part:has( > .sns-btn-set ) {
	display: none;
}

.header.toggle-nav .wp-block-navigation .wp-block-navigation-item {
	flex-direction: column;
}

.header.toggle-nav .wp-block-navigation:not(.has-text-color) .wp-block-navigation__submenu-container {
	display: none;
	width: 100% !important;
	position: relative;
	height: auto;
	opacity: 1;
	visibility: visible;
	border: none !important;
}

.header.toggle-nav .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	justify-content: flex-start;
	padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--40) !important;
	font-size: var(--wp--preset--font-size--16);
}

.header.toggle-nav .btn-set {
	width: 100%;
}

.header.toggle-nav .g-nav .wp-block-template-part:has( > .sns-btn-set ) {
	display: block;
}

.header.toggle-nav .g-nav .sns-btn-set {
	display: flex;
	width: 100%;
	justify-content: center;
	padding: 0 var(--wp--preset--spacing--20) !important;
	gap: var(--wp--preset--spacing--20);
}

.header.toggle-nav .sns-btn-set .has-global-padding {
	padding: 0 !important;
}

.header.toggle-nav .g-nav .sns-btn-set a {
	width: 48px;
	height: 48px;
	padding: 8px;
	background: rgba( 255, 255, 255, .24 );
}

@media screen and ( max-width: 999px ) {

	.header > .wp-block-group {
		min-height: 72px;
	}

	.header .logo img {
		height: auto;
		max-height: 40px !important;
		width: auto;
	}

}

@media screen and ( max-width: 750px ) {

	.header > .wp-block-group {
		min-height: 60px;
	}

	.home .header .logo img {
		height: 30.8px;
	}
	.header .logo img {
		height: 24.8px;    
		max-height: 30px !important;
	}

	.header .btn-set {
		flex-direction: column;
	}

	.header.toggle-nav .sp-logo {
		min-height: 60px;
	}

	.header.toggle-nav .sp-logo img {
		height: 26.6px;
	}
	.header.toggle-nav .g-nav .wp-block-site-logo {
		padding-left: 20px !important;
	}

	.sns-btn-set a {
		width: 40px;
		height: 40px;
	}

	.header .btn-set .tel-link .link-btn,
	.header .btn-set .is-style-mail-btn .wp-element-button {
		min-height: 72px;
	}

	.header.toggle-nav .nav-menu .wp-block-navigation-item__content {
		padding-left: 62px !important;
		background-position: left 1em center;
		background-size: 30px;
	}

	.header.toggle-nav .nav-menu .wp-block-navigation-item__content::after {
		width: 18px;
		height: 18px;
	}

	.header.toggle-nav .lang-block {
		padding: 1.7em 2.5em;
	}

	.header.toggle-nav .lang-btn {
		border-radius: 20px;
	}

	.header.toggle-nav .lang-btn a {
		line-height: 40px;
		border-radius: 20px;
	}
	.header.toggle-nav .g-nav .btn-set .is-style-mail-btn .wp-block-button__link {
		display: flex;
	}
	.header.toggle-nav .g-nav .btn-set .is-style-mail-btn .wp-block-button__link::before {
		position: relative;
		left: inherit;
		width: 25px;
    	height: 25px;
	}

}


@media screen and ( min-width: 780px ) {

	.header .logo a:hover img {
		transform: scale( 1.05 );
	}

	.g-nav .nav-menu .wp-block-navigation-item__content:hover {
		background-color: var(--wp--preset--color--secondary);
		color: var(--wp--preset--color--contrast) !important;
	}

	.home .g-nav .nav-menu .wp-block-navigation-item__content:hover {
		background-color: #8c8c8c61;
	}

	.header.toggle-nav .g-nav .nav-menu .wp-block-navigation-item__content:hover::after {
		right: 15px;
	}

	.header.toggle-nav .g-nav .btn-set .link-to-cover-and-group-blocks:has( .tel-link ):hover {
		background: var( --wp--preset--color--base );
		color: var( --wp--preset--color--contrast);
	}

	.header.toggle-nav .g-nav .btn-set .link-to-cover-and-group-blocks:has( .tel-link ):hover .is-style-tel-icon {
		color: var( --wp--preset--color--primary ) !important;
	}

	.header.toggle-nav .g-nav .btn-set .link-to-cover-and-group-blocks:has( .tel-link ):hover .is-style-tel-icon::before {
		color: var( --wp--preset--color--primary );
	}

	.header.toggle-nav .g-nav .btn-set .is-style-mail-btn .wp-block-button__link:hover::before {
		color: var( --wp--preset--color--secondary );
	}

	.wp-block-navigation .wp-block-navigation-item:hover > .wp-block-navigation-item__content {
		color: var( --wp--preset--color--primary );
	}

	.wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover {
		background: var( --wp--preset--color--light-gray );
	}

	.wp-block-navigation__submenu-container .wp-block-navigation-item__conten:hover::after {
		right: 4px;
	}

	.has-child > .wp-block-navigation-item__content.open:hover {
		background: rgba( 255, 255, 255, .24 ) !important;
	}

	.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover {
		background: var( --wp--preset--color--light-gray );
	}

	.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover::after {
		right: 8px;
	}

	.header .mail-btn .wp-block-button__link:hover {
		filter: contrast(125%);	
	}

	.lang-btn a:hover {
		color: var(--wp--preset--color--primary);
	}

}


/*
----------------------------------------

toggle-btn

----------------------------------------
*/

.wp-block-template-part:has( > .toggle-btn ) {
	display: block;
	margin: 0;
	padding: 0;
	position: fixed !important;
	top: 0;
	right: 0;
	opacity: 0;
	visibility: hidden;
	z-index: -1;
}

.toggle-nav .wp-block-template-part:has( > .toggle-btn ) {
	opacity: 1;
	visibility: visible;
	z-index: 9999;
}

.toggle-btn {
	width: 72px;
	height: 72px;
	background: var(--wp--preset--color--primary);
	cursor: pointer;
	margin: 0;
	padding: 0;
	transition: all .2s;
}

.toggle-btn p {
	overflow: hidden;
	text-indent: -9999px;
	position: static !important;
	pointer-events: none !important;
}

.toggle-btn::before,
.toggle-btn p::before,
.toggle-btn p::after {
	content: '';
	display: block;
	position: absolute;
	left: 24px;
	right: 24px;
	height: 2px;
	background: var( --wp--preset--color--base );
	transition: all .2s;
}

.toggle-btn::before {
	top: calc( 50% - 11px );
}

.toggle-btn p::before {
	top: calc( 50% - 1px );
}

.toggle-btn p::after {
	top: calc( 50% + 9px );
}

/*
.nav-open .toggle-btn {
	background: var( --wp--preset--color--secondary );
}
*/

.nav-open .toggle-btn .btn {
	background: transparent;
}

.nav-open .toggle-btn span {
	background: var( --wp--preset--color--base );
}

.nav-open .toggle-btn::before {
	-webkit-transform: translateY( 10px ) rotate( -45deg );
	transform: translateY( 10px ) rotate( -45deg );
}

.nav-open .toggle-btn p::before {
	opacity: 0;
}

.nav-open .toggle-btn p::after {
	-webkit-transform: translateY( -10px ) rotate( 45deg );
	transform: translateY( -10px ) rotate( 45deg );
}

@media screen and ( max-width: 750px ) {

	.toggle-btn {
		width: 61px;
		height: 61px;
	}

	.toggle-btn::before,
	.toggle-btn p::before,
	.toggle-btn p::after {
		content: '';
		display: block;
		position: absolute;
		left: 12px;
		right: 12px;
		height: 2px;
		transition: all .2s;
	}

}

@media screen and ( min-width: 780px ) {

	.toggle-btn:hover::before,
	.toggle-btn:hover p::before,
	.toggle-btn:hover p::after {
		right: 16px;
		left: 16px;
	}

}


/*
----------------------------------------

.header-01

----------------------------------------
*/

.page .header-01 {
	display: none;
}

.page .header-01.top-nav,
.page .header-01.toggle-nav {
	display: block;
}

@media screen and ( max-width: 1200px ) {

	#nav-menu.has-global-padding {
		padding: 0;
	}

	.header-01 .g-nav {
		gap: var(--wp--preset--spacing--20);
	}

	.header-01 .btn-set {
		gap: var(--wp--preset--spacing--20);
	}

	.header-01 .is-style-mail-btn {
		line-height: .5;
	}

	.header-01:not( .toggle-nav ) .is-style-mail-btn a {
		width: 54px;
		height: 54px;
		padding: 0;
		overflow: hidden;
		text-indent: -300px;
		position: relative;
	}

	.header-01:not( .toggle-nav ) .is-style-mail-btn a::before {
		display: block;
		text-indent: 0;
		position: absolute;
		top: 18px;
		right: 0;
		bottom: 0;
		left: 15px;
		text-align: center;
		margin: 0;
		line-height: 54px;
		transform: none;
		font-size: var(--wp--preset--font-size--40);
		font-variation-settings:
			'wght' 200;
	}

}


@media screen and ( max-width: 1000px ) {

	.nav-menu .wp-block-navigation__container {
		display: flex;
		max-width: 100%;
		gap: 0;
	}
}


/*
----------------------------------------

.header-02

----------------------------------------
*/

.page .header-02 {
	display: none;
}

.page .header-02.top-nav,
.page .header-02.toggle-nav {
	display: block;
}

.header-02 .g-nav {
	background: var( --wp--preset--color--primary );
	color: var( --wp--preset--color--base );
}

.header-02 .g-nav .wp-block-template-part:has( > .btn-set ),
.header-02 .g-nav .sns-btn-set {
	display: none !important;
}

.header-02.has-global-padding > .alignfull {
	margin-block-start: 0;
	margin-right: calc( var(--wp--preset--spacing--30) * -1 );
	margin-left: calc( var(--wp--preset--spacing--30) * -1 );
}

.header-02.toggle-nav .g-nav .wp-block-template-part:has( > .btn-set ),
.header-02.toggle-nav .g-nav .sns-btn-set {
	display: flex !important;
}

@media screen and ( max-width: 1600px ) {

	.lang-btn {
		flex-direction: column;
		gap: 0;
		padding: .2em .8em;
	}

	.lang-btn .lang {
		line-height: 1.5;
	}

	.nav-menu .wp-block-navigation__container {
		display: flex;
		gap: .05em;
        flex-wrap: wrap;
        max-width: 312px;
	}

}

@media screen and ( max-width: 1200px ) {

	.nav-menu .wp-block-navigation__container {
		gap: .2em .4em;
	}

	.top-nav .wp-block-navigation .wp-block-navigation-item__content {
		font-size: var(--wp--preset--font-size--15);
	}

}

@media screen and ( max-width: 1000px ) {

	.header-02 .wp-block-template-part:has( > .btn-set ),
	.header-02 .sns-btn-set {
		display: none;
	}

}

@media screen and ( min-width: 780px ) {

	.header-02 .wp-block-navigation .wp-block-navigation-item:hover > .wp-block-navigation-item__content {
		border-bottom-color: var( --wp--preset--color--secondary );
	}

}


/*
----------------------------------------

.header-03

----------------------------------------
*/

.editor-styles-wrapper .header-03 .g-nav {
	position: relative !important;
	right: auto;
	opacity: 1 !important;
	visibility: visible !important;
	z-index: 1 !important;
	transform: none;
}

.editor-styles-wrapper .header-03 .toggle-btn::before,
.editor-styles-wrapper .header-03 .toggle-btn p::before,
.editor-styles-wrapper .header-03 .toggle-btn p::after {
	background: var( --wp--preset--color--base );
}

.editor-styles-wrapper .header-03 .g-nav .sns-btn-set .wp-block-image > div {
	width: 48px !important;
	height: 48px !important;
}

.header-03 .toggle-btn {
	background: transparent;
}

.header-03 .toggle-btn::before,
.header-03 .toggle-btn p::before,
.header-03 .toggle-btn p::after {
	background: var( --wp--preset--color--contrast );
	filter: none;
}

.header-03.active .toggle-btn {
	background: var( --wp--preset--color--primary );
}

.header-03.active .toggle-btn::before,
.header-03.active .toggle-btn p::before,
.header-03.active .toggle-btn p::after {
	background: var( --wp--preset--color--primary );
	filter: invert( 100% ) grayscale( 100% ) contrast( 200 );
}

.nav-open .header-03 .toggle-btn {
	background: var( --wp--preset--color--primary );
}

.nav-open .header-03 .toggle-btn::before,
.nav-open .header-03 .toggle-btn p::before,
.nav-open .header-03 .toggle-btn p::after {
	background: var( --wp--preset--color--primary );
	filter: invert( 100% ) grayscale( 100% ) contrast( 200 );
}


/*
----------------------------------------

.header-04

----------------------------------------
*/

.editor-styles-wrapper .header-04 .g-nav {
	position: relative !important;
	right: auto;
	opacity: 1 !important;
	visibility: visible !important;
	z-index: 1 !important;
	transform: none;
}

.editor-styles-wrapper .header-04 .toggle-btn::before,
.editor-styles-wrapper .header-04 .toggle-btn p::before,
.editor-styles-wrapper .header-04 .toggle-btn p::after {
	background: var( --wp--preset--color--base );
}

.editor-styles-wrapper .header-04 .g-nav .sns-btn-set .wp-block-image > div {
	width: 48px !important;
	height: 48px !important;
}

.header-04 .toggle-btn {
	background: transparent;
}

.header-04 .toggle-btn::before,
.header-04 .toggle-btn p::before,
.header-04 .toggle-btn p::after {
	background: var( --wp--preset--color--contrast );
	filter: none;
}

.header-04.active .toggle-btn {
	background: var( --wp--preset--color--primary );
}

.header-04.active .toggle-btn::before,
.header-04.active .toggle-btn p::before,
.header-04.active .toggle-btn p::after {
	background: var( --wp--preset--color--primary );
	filter: invert( 100% ) grayscale( 100% ) contrast( 200 );
}

.nav-open .header-04 .toggle-btn {
	background: var( --wp--preset--color--primary );
}

.nav-open .header-04 .toggle-btn::before,
.nav-open .header-04 .toggle-btn p::before,
.nav-open .header-04 .toggle-btn p::after {
	background: var( --wp--preset--color--primary );
	filter: invert( 100% ) grayscale( 100% ) contrast( 200 );
}

.header-04 .nav-menu {
	gap: 0;
}

.header-04 .block-editor-block-list__block:has( > .sns-btn-set ) {
	width: 100%;
}

/* 開閉メニュー無効化 */

.header-04 .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
	display: block !important;
	background: var( --wp--preset--color--primary ) !important;
	color: var( --wp--preset--color--base ) !important;
	list-style: none;
	padding: 0 var(--wp--preset--spacing--30) var(--wp--preset--spacing--20);
	width: 100%;
	border: none;
}

.g-nav.open-nav .nav-menu .wp-block-navigation-item__content {
	display: block;
	width: 100%;
	font-size: var(--wp--preset--font-size--16);
	text-align: left;
	color: var( --wp--preset--color--base );
	padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--40) var(--wp--preset--spacing--20) var(--wp--preset--spacing--30) !important;
	border: none;
	position: relative;
	transition: background-color .2s;
}

.g-nav.open-nav .nav-menu .wp-block-navigation-item__content::after {
	font-family: 'Material Symbols Outlined';
	content: '\e5cc';
	line-height: 20px;
	position: absolute;
	top: calc( 50% - 10px );
	right: 16px;
	transition: all .2s;
}

.g-nav.open-nav .nav-menu .wp-block-navigation__submenu-container .wp-block-navigation-item {
	border: none !important;
}

.g-nav.open-nav .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	padding: var(--wp--preset--spacing--10) var(--wp--preset--spacing--10) var(--wp--preset--spacing--10) 30px !important;
	position: relative;
}

.g-nav.open-nav .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content::before {
	content: '';
	width: 10px;
	height: 2px;
	background: var( --wp--preset--color--base );
	position: absolute;
	top: calc( 50%  - 1px );
	left: 10px;
}

.g-nav.open-nav .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content::after {
	display: none;
}

@media screen and ( min-width: 780px ) {

	.g-nav.open-nav .nav-menu .wp-block-navigation-item__content:hover {
		background: rgba( 255, 255, 255, .24 );
	}

	.g-nav.open-nav .nav-menu .wp-block-navigation-item__content:hover::after {
		right: 10px !important;
	}

}


/*
----------------------------------------

.header-05

----------------------------------------
*/

.editor-styles-wrapper .header-05 .g-nav-wrap {
	transform: none !important;
}

header:has( .header-05 ) {
	min-height: initial;
}

header:has( .header-05 ) + main,
header:has( .header-05 ) + main + footer {
	padding-left: 280px;
}

.header-05 {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	z-index: 9999;
	opacity: 1;
	visibility: visible;
	z-index: 9999;
	height: 100%;
}

.header-05 > .wp-block-group {
	height: 100%;
}

.header-05 .g-nav-wrap {
	width: 280px;
	height: 100%;
	overflow: auto;
	background: var( --wp--preset--color--primary );
	color: var( --wp--preset--color--base );
	flex-wrap: nowrap;
}


.header-05 .g-nav-wrap a {
	color: var(--wp--preset--color--base);
}

.header-05 .logo {
	margin: 0;
	width: 100%;
	text-align: center;
	border-bottom: solid 1px rgba( 255, 255, 255, .25 );
}

.header-05 .wp-block-template-part:has( .g-nav ) {
	width: 100%;	
}

.header-05 .g-nav {
	width: 100%;
	height: calc( 100% - 160px );
	flex-direction: column;
	gap: 0;
}

.header-05 .g-nav .wp-block-template-part {
	width: 100%;
}

.header-05 .g-nav .wp-block-template-part:has( .nav-menu ) {
	margin-bottom: auto;
}

.header-05 .g-nav .nav-menu {
	padding: 0;
}

.header-05 .wp-block-navigation__container {
	width: 100%;
	flex-direction: column;
}

.header-05 .wp-block-navigation .wp-block-navigation-item {
	display: block;
	width: 100%;
	border-bottom: solid 1px rgba( 255, 255, 255, .25 );
}

.header-05 .wp-block-navigation .wp-block-navigation-item__content {
	border-width: 0;
}

.header-05 .is-style-tel-icon,
.header-05 .is-style-tel-icon::before {
	color: var( --wp--preset--color--base ) !important;
}

.header-05 .g-nav .btn-set .is-style-mail-btn .wp-block-button__link {
	display: flex;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
	border: solid 1px var( --wp--preset--color--secondary );
	background: var( --wp--preset--color--secondary );
	color: var( --wp--preset--color--base );
}

.header-05 .g-nav .btn-set .is-style-mail-btn .wp-block-button__link::before {
	transform: translateY( 0 );
}

.header-05 .nav-menu .wp-block-navigation-item__content::after {
	font-family: 'Material Symbols Outlined';
	content: '\e5cc';
	line-height: 20px;
	position: absolute;
	top: calc( 50% - 10px );
	right: 16px;
	transition: all .2s;
}

.header-05 .wp-block-template-part .btn-set {
	width: 100%;
	flex-direction: column;
	gap: var(--wp--preset--spacing--20) !important;
	padding: var(--wp--preset--spacing--20) 0 !important;
}

.header-05 .wp-block-template-part .btn-set .is-style-mail-btn .wp-element-button {
	min-height: initial;
}

.header-05 .btn-set * {
	width: 100%;
}

.header-05 .btn-set .is-style-mail-btn {
	padding: 0 var(--wp--preset--spacing--20);
}

.header-05 .wp-block:has( > .sns-btn-set ) {
	width: 100%;
}

.header-05 .g-nav .sns-btn-set {
	display: flex;
	justify-content: center;
	width: 100%;
	justify-content: center;
	padding: 0 var(--wp--preset--spacing--20) !important;
}

.header-05 .g-nav .sns-btn-set .has-global-padding {
	padding: 0 !important;
}

.header-05 .g-nav .sns-btn-set a {
	background: rgba( 255, 255, 255, .24 );
}

.header-05 .wp-block-navigation__submenu-container.wp-block-navigation-submenu {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	opacity: 0;
	visibility: hidden;
	z-index: -1;
	width: 280px !important;
	background: var( --wp--preset--color--contrast );
	color: var( --wp--preset--color--base );
	border: none;
	transition: all .4s;
}

.header-05 .has-child .wp-block-navigation__submenu-container.wp-block-navigation-submenu {
	transition: all .4s;
	height: auto;
}

.header-05 .has-child:hover .wp-block-navigation__submenu-container.wp-block-navigation-submenu {
	left: 280px;
	opacity: 1;
	visibility: visible;
}

@media screen and ( max-width: 1000px ) {

	.header-05 .wp-block-template-part:has( > .toggle-btn ) {
		opacity: 1;
		visibility: visible;
		z-index: 9999;
	}

	header:has( .header-05 ) + main,
	header:has( .header-05 ) + main + footer {
		padding-left: 0;
	}

	.header-05 .g-nav-wrap {
		transform: translateX( -100% );
		transition: all .4s;
	}

	.header-05 .overlay {
		display: block;
		z-index: -2;
	}

	.nav-open .header-05 .g-nav-wrap {
		transform: none;
	}

}

@media screen and ( max-width: 750px ) {

	.header-05 {
		right: 0;
	}

	.header-05 .g-nav-wrap {
		width: 100%;
	}

	.header-05 .logo {
		text-align: left;
		padding: .8rem !important;
	}

	.header-05 .logo img {
		width: auto !important;
		max-height: 40px;
	}

	.header-05 .g-nav {
		height: auto;
	}

	.header-05 .wp-block-navigation .wp-block-navigation-item__content {
		font-size: var(--wp--preset--font-size--20);
		text-align: center;
		padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40) !important;
	}

	.header-05 .g-nav .wp-block-template-part:has( .nav-menu ) {
		margin-bottom: 0;
	}

	.header-05 .has-child > .wp-block-navigation-item__content::after {
		content: '\e145';
		right: 16px !important;
	}

	.header-05 .has-child > .wp-block-navigation-item__content.open::after {
		content: '\e15b';
	}

	.header-05 .wp-block-navigation .wp-block-navigation-item {
		flex-direction: column;
	}

	.header-05 .wp-block-navigation:not(.has-text-color) .wp-block-navigation__submenu-container {
		display: none;
		width: 100% !important;
		position: relative;
		height: auto;
		opacity: 1;
		visibility: visible;
		transition: none !important;
	}

	.header-05 .has-child > .wp-block-navigation-item__content.open {
		background: var( --wp--preset--color--contrast) !important;
	}

	.header-05 .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
		justify-content: center;
	}

	.header-05 .wp-block-navigation__submenu-container.wp-block-navigation-submenu {
		background: var( --wp--preset--color--base );
		color: var( --wp--preset--color--contrast );
		bottom: auto;
		left: 0 !important;
		z-index: 1;
	}

	.header-05 .g-nav .wp-block-template-part .btn-set {
		width: 100%;
		align-items: stretch;
		padding: var( --wp--preset--spacing--40) var(--wp--preset--spacing--20) !important;
		gap: var(--wp--preset--spacing--20);
	}

	.header-05 .g-nav .btn-set .tel-link {
		padding: var( --wp--preset--spacing--20) var( --wp--preset--spacing--20) var(--wp--preset--spacing--20);
		border: solid 1px rgba( 255, 255, 255, .25 );
		position: relative;
		transition: all .2s;
	}

	.header-05 .btn-set .is-style-mail-btn {
		padding: 0;
	}

	.header-05 .btn-set .tel-link .link-btn,
	.header-05 .wp-block-template-part .btn-set .is-style-mail-btn .wp-element-button {
		font-size: var(--wp--preset--font-size--20);
		min-height: 72px;
	}

}

@media screen and ( min-width: 780px ) {

	.header-05 .g-nav .nav-menu .wp-block-navigation-submenu:hover > .wp-block-navigation-item__content {
		background: rgba( 255, 255, 255, .24 );
	}

	.header-05 .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover {
		background: rgba( 255, 255, 255, .08 );
	}

	.header-05 .g-nav .btn-set .is-style-mail-btn .wp-block-button__link:hover {
		background: var( --wp--preset--color--base );
		color: var( --wp--preset--color--secondary );
	}

	.header-05 .g-nav .btn-set .is-style-mail-btn .wp-block-button__link:hover::before {
		color: var( --wp--preset--color--secondary );
	}

}