@charset "utf-8";

/* all
-------------------------------------------------------------------*/
:root{
	--f12:0.75rem;
	--f14:0.875rem;
	--f18:1.25rem;
	--f19:1.1875rem;
	--f20:1.25rem;
	--f22:1.375rem;
	--hover:background .4s,color .4s,border-color .4s,opacity .4s,text-decoration-color .4s,transform .4s,outline .4s,filter .4s,box-shadow .4s;
	--header: 80px;
	--container:1410px;
	--wide:1680px;
	--inner:2em;
	--fontcolor:#141414;
	--keycolor:#c69c6d;
	--bgcolor:#f0f0e6;
	--accent:#5f96fd;
	--type01:#c344cd;
	--type02:#39d25d;
	--type03:#2e62f4;   
	--reverse:invert(1);
	--white:brightness(0) invert(1);
	--bgcolor2:#e3e3d0;
	--font: "MFW-PA1GothicStdN-Medium", "Noto Sans JP", sans-serif;
	--fontL:"MFW-PA1GothicStdN-Light","Noto Sans JP", sans-serif;
	--fontR:"MFW-PA1GothicStdN-Regular","Noto Sans JP", sans-serif;
	--fontB:"MFW-PA1GothicStdN-Bold","Noto Sans JP", sans-serif;
	--fontEN:"Unbounded", sans-serif;
	--fontM:"MFW-MNewsMPro-Light", "Noto Serif JP", sans-serif;
}
:root img{
	transition:opacity .4s,filter .4s;
}
:root :is(ul,ol,li){
	margin:0;
	padding:0;
	line-height:1.4;
}
body.home p{
	margin-bottom:0;
	line-height:1.4;
}
:root :is(h1,h2,h3,h4,h5){
	margin-block:0;
}
:root :is(a,button),
:root :is(a,button) :is(span,i),
:root :is(a,button):before,
:root :is(a,button):after,
:root :is(a,button) :is(span,i) :before,
:root :is(a,button) :is(span,i):after{
	transition:var(--hover);
}
html {
	background: #FFFFFF;
	color: var(--fontcolor);
	font-family: var(--font);
	font-size: 16px;
	line-height: 1.4;
	scroll-padding:var(--header);
	scroll-behavior:smooth;
	font-optical-sizing: auto;
	font-style: normal;
	letter-spacing:0.1em;
}
html :is([lang="en"],.eng){
	font-family:var(--fontEN);
	font-weight:300;
	letter-spacing:0;
}
html .goti{
	font-family: var(--fontL);
}
html .mincho{
	font-family:var(--fontM);
	font-optical-sizing: auto;
	font-style: normal;
	letter-spacing:-0.03em;
	font-feature-settings:'palt';
}
html .pa1gothicstd{
	font-family: var(--font);
}
html .mnewsmpro{
	font-family: var(--fontM);
}
html .unbounded{
	font-family:var(--fontEN);
}
body {
	width: 100%;
	font-size: 100%;
	text-align: center;
	min-width: var(--container);
	position: relative;
	z-index: 2;
	background:var(--bgcolor);
	font-family: var(--font);
}
main {
	overflow: clip;
	width: 100%;
}
main p{
	font-family: var(--fontL);
}
body img,
body svg {
	max-width: 100%;
	height: auto;
}
*:has(ruby){
	line-height:2;
}
ruby {
	position:relative;
	letter-spacing:0.1em;
	z-index:2;
}
ruby rt{
	position:absolute;
	top:-0.75em;
	font-size:min(0.45em,0.85rem)!important;
	margin:0 auto;
	left:0;
	right:0;
	text-align:center;
	letter-spacing:-0.03em;
	z-index:-1;
}
.sitewrap,
.widewrap{
	width: var(--container);
	/* min-width: var(--container); */
	margin: 0 auto;
	text-align: left;
	box-sizing: border-box;
}
.widewrap{
	max-width: 1800px;
	padding-inline:1em;
	width:auto;
}
*:has( > .sitewrap ){
	width:100%;
	overflow: clip;
}
.center_content {
	text-align:center;
}
.center_content > *{
	margin-inline:auto;
}
.right_content {
	text-align:right;
}
.right_content > *{
	margin-inline:auto 0;
}
@media screen and (max-width:1480px) {
	:root{
		--container:100%;
	}
	html {
		font-size: 12px;
	}
	body,
	.sitewrap {
		width: 100%;
		min-width: 0;
	}
	.sitewrap > * {
		padding-inline:var(--inner);
	}
}
@media screen and (max-width:980px) {
	header#fix_menu .outer-nav{
		display:none;
	}
}
@media screen and (max-width:767px) {
	:root{
		--inner:1.14rem;
		--header: 60px;
	}
	html {
		font-size: 14px;
	}
}
/* header
-------------------------------------------------------------------*/
header#fix_menu {
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;
	right: 0;
	display:flex;
	align-items: center;
	transition: top .4s .2s, background .2s;
	padding: 0em 0em 0em;
	height:var(--header);
	font-family: var(--fontL);
}
header#fix_menu:after{
	content:"";
	display:block;
	inset:0 0 auto;
	height:var(--header);
	background:rgba(240,240,230,0.25);
	position:absolute;
	z-index:-1;
	transition:opacity .2s;
	backdrop-filter: blur(0.25em);
	opacity:0;
}
header#fix_menu.is-active:after{
	opacity:1;
}
header #site_ttl {
	display:flex;
	gap:2em;
	align-items: center;
	margin-inline: 3.5em;
}
header #site_ttl a {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0.5em;
	text-decoration: none;
}
header #site_ttl a img{
	display:block;
	max-width:inherit;
}
header .global-nav{
	margin-left:auto;
	position:relative;
	z-index:1;
	--button: 200px;
	--slide:666px;
	padding-right:var(--button);
	display: block;
}
header .global-nav .outer-nav{
	display: flex;
	align-items: flex-start;
	gap: 1.75em;
	justify-content:flex-end;
}


eader #NavWrap{
}
header #NavWrap .scroll_wrap{
	display:flex;
	gap: 0;
	position: relative;
	z-index: 2;
}
header .ac_hover{
	cursor:pointer;
	/* margin-top:2em; */
	border-radius:2em;
	transition:border-radius .2s;
	text-align:left;
	border-radius:5em;
	overflow:hidden;
	width:var(--width);
	background:var(--keycolor);
	position:fixed;
	right:1.5em;
	font-weight: 600;
}
header .ac_hover dt{
	display:flex;
	align-items:center;
	padding: 1em 1.5em 1em 1.75em;
	gap:1em;
	background:var(--keycolor);
	justify-content:space-between;
}
header .ac_hover dt i{
	width:1em;
	height:2px;
	background:#fff;
	position:relative;
	transition:transform .2s;
}
header .ac_hover dt i:after{
	content:"";
	display:block;
	width:1em;
	height:2px;
	background:#fff;
	transform:rotate(90deg);
	transition:transform .2s;
}
header .ac_hover dd{
	max-height:0;
	overflow:hidden;
	transition:max-height .2s,padding .2s;
	padding-block:0;
	width:var(--width);
}
header .ac_hover dd a{
	display:flex;
	padding:0.5em 1.75em;
	justify-content:space-between;
	align-items:center;
	gap:0.5em;
	white-space:nowrap;
}
header#fix_menu .ac_hover dd a{
	color: inherit;	
}
header .ac_hover dd a:after{
	content:"";
	display:block;
	width:0.5em;
	height:0.5em;
	border-top:solid 2px #fff;
	border-right:solid 2px #fff;
	transform:rotate(45deg);
}

header .ac_hover:hover{
	border-radius:0.25em;
}
header .ac_hover:hover dt i{
	transform:rotate(180deg)
}
header .ac_hover:hover dt i:after{
	transform:rotate(180deg)
}
header .ac_hover:hover dd{
	border-radius:0.25em;
	max-height:7em;
	padding-block:0em 1em;
}


@media (any-hover: hover) {
	header .drop_menu > a:hover{
		filter: invert(1);
	}
}
header #NavWrap .translate_wrap dd{
	display:none;
}
header #NavWrap ul{
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	align-items:flex-start;
	z-index: -1;
	gap: 1em;
}
header #NavWrap ul li{
	display:flex;
	align-items:center;
	flex-direction: column;
	justify-content:center;
	letter-spacing: 0.06em;
	font-weight: 400;
	z-index: 2;
}
header #NavWrap ul li.home{
	display:none;
}
header #NavWrap ul li > :is(p,a){
	display:flex;
	gap: 0;
	align-items:center;
	justify-content:center;
	cursor:pointer;
	padding: 0.75em 0.5em;
	font-family: var(--fontR);
}
header #NavWrap ul li.drop_wrap {
	z-index:1;
	cursor:pointer;
}
header #NavWrap ul li > :is(p,a){
	position:relative;
	z-index:1;
}

header #NavWrap .scroll_content :is(li.drop_wrap:hover > p,li > a:hover):before{
	opacity:0;
	visibility:visible;
	transform:scale(5);
}
header #NavWrap .scroll_content :is(li.drop_wrap:hover > p,li > a:hover):after{
	opacity:1;
}
header #NavWrap{
	transition:background .4s;
	position:fixed;
	right:calc(var(--slide) * -1);
	top:0;
	bottom:0;
	background: rgba(255,255,255,0.25);
	width:var(--slide);
	transition: .2s;
	z-index:1;
	padding-top:calc(var(--header) + 1.5em);
	padding-left:100px;
	backdrop-filter: blur(1.25em);
}
header:has(#switch:checked) #NavWrap{
	right:0;
}
header #NavWrap ul li.drop_wrap:hover .drop_child{
	opacity:1;
	transition:.4s;
	pointer-events:auto;
}
header #NavWrap ul li.drop_wrap ul a{
	white-space:nowrap;
	padding: 0.865em 1em;
	max-height:0;
	overflow:clip;
	transition:.2s;
}
header #NavWrap ul li.drop_wrap .parent{
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	align-items:flex-start;
	text-align:left;
	flex-grow: 1;
}
header #NavWrap ul li.drop_wrap .parent .ttl{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	gap:0.25em;
	margin-bottom: 1.5em;
	font-weight:600;
}
header #NavWrap ul li.drop_wrap .parent .ttl [lang="en"]{
	font-size:2.25rem;
	font-weight:700;
	line-height:1;
}
header #NavWrap ul li.drop_wrap .parent .ttl [lang="ja"]{
	font-size:0.75rem;
}
header #NavWrap ul li.drop_wrap .parent a{
	display:flex;
	gap:1em;
	align-items:center;
	font-weight: 500;
}
header #NavWrap ul li.drop_wrap .parent .dot{
	content:"";
	height:1.75em;
	display:flex;
	align-items:center;
	justify-content:center;
	aspect-ratio:1 / 1;
	background:var(--green);
	border-radius:50%;
	position:relative;
	z-index:1;
}
header #NavWrap ul li.drop_wrap .parent .dot:after{
	content:"";
	display:block;
	position:absolute;
	inset:10px;
	background:var(--green);
	border:solid var(--fontcolor) 4px;
	z-index:2;
	border-radius:50%;
	transition:inset .2s, border-width .2s;
}
header #NavWrap ul li.drop_wrap .parent a:hover .dot:after{
	inset:0;
	border-width:11px;
}
header #NavWrap ul li.drop_wrap:hover ul a{
	max-height: 40px;
}
header #switch {
	position: absolute;
	width: 0;
	opacity: 0;
	z-index:-1;
}
header label[for="switch"] {
	--base:var(--accent);
	--sub:#fff;
	display:flex;
	background:var(--base);
	color:var(--sub);
	padding: 0.675em 1.25em;
	border-radius:2em;
	gap: 0.5em;
	align-items:center;
	font-size:0.75rem;
	border:solid 1px var(--accent);
	position:fixed;
	right:2em;
	top:calc(var(--header) / 2);
	transform:translateY(-50%);
	transition:var(--hover);
	z-index:2;
}
header label[for="switch"] b{
	font-weight:inherit;
	width:4.5em;
}
header label[for="switch"] .open,
header:has(#switch:checked) label[for="switch"] .close{
	display:block;
}
header label[for="switch"] .close,
header:has(#switch:checked) label[for="switch"] .open{
	display:none;
}

header label[for="switch"] span{
	display:flex;
	width: 2.9175em;
	height: 1px;
	position:relative;
}
header label[for="switch"] span:before,
header label[for="switch"] span:after{
	content:"";
	display:block;
	width:100%;
	height: 1px;
	background:var(--sub);
	position:absolute;
	inset:0;
	margin-top:-2px;
	transition:background .2s,transform .2s, margin .2s;
	transform-origin:50% 50%;
}
header label[for="switch"] span:after{
	margin-top:2px;
}
header label[for="switch"]:hover{
	--base:#fff;
	--sub:var(--accent);
}
header:has(#switch:checked) label[for="switch"] span:before{
	transform:rotate(-15deg);
	margin-top:0;
}
header:has(#switch:checked) label[for="switch"] span:after{
	transform:rotate(15deg);
	margin-top:0;
}
header #NavWrap ul li :is(a,p){
	transition:var(--hover);
	font-weight:inherit;
}
header #NavWrap ul li a i.eng{
	display:flex;
	background:var(--fontcolor);
	color:#fff;
	font-size:0.75rem;
	padding: 0.475em 0em;
	border-radius:1.5em;
	overflow:hidden;
	transition:padding .2s, margin .2s,transform .2s .1s,opacity .2s;
	transform:scale(0);
	opacity:0;
	margin-left:-1em;
}
header #NavWrap ul li a span[lang="ja"]{
	font-size:1.75rem;
}
header #NavWrap ul li a [lang="en"]{
	font-weight:300;
	overflow:hidden;
	height:1em;
	line-height:1;
	margin-top:0.65em;
	transition:transform .2s,opacity .4s .2s;
	opacity:0;
}
:is(header,footer) .submenu {
	display:flex;
	height:127px;
}
:is(header,footer) .submenu > a{
	display:flex;
	flex-direction:column;
	width:157px;
	gap:0.65em;
	text-decoration:none;
	--maincolor:#eff7f5;
	--subcolor:#000;
	--icon:invert(-1);
	background:var(--maincolor);
	color:var(--subcolor);
	align-items:center;
	justify-content:center;
}
:is(header,footer) .submenu > a[href*="contact"]{
	--maincolor:#000;
	--subcolor:#fff;
}
:is(header,footer) .submenu > a span{
	min-width:6em;
}
:is(header,footer) .submenu a img{
	filter:var(--reverse);
	display:block;
}
:is(header,footer) .submenu a span{
	display:block;
	margin:0;
}
@media (any-hover: hover) {
	:is(header,footer) .submenu a:hover{
		background:var(--dgreen);
		text-decoration:none;
		color:var(--maincolor);
	}
	:is(header,footer) .submenu a[href*="contact"]:hover{
		color:var(--maincolor);
		background:var(--green);
	}
	:is(header,footer) .submenu a:hover img{
		filter:var(--icon);
	}
	header #NavWrap .scroll_content > li > a:hover,
	header #NavWrap .scroll_content > li > p a:hover{
		text-decoration-color:transparent;
	}
	header #NavWrap ul li a:hover i.eng{
		padding-inline:1.1685em;
		transform:scale(1);
		opacity:1;
		margin-left:0;
	}
	header #NavWrap ul li a:hover [lang="ja"]{
		margin-inline:0.75rem
	}
	header #NavWrap ul li a:hover [lang="en"]{
		max-width:fit-content;
		opacity:1;
		transform:scale(1);
	}
}
@media screen and (max-width:1680px) {
	header#fix_menu{
		padding-inline: 2em 0;
	}
	header #site_ttl{
		margin-inline:0;
	}
	main{
		padding-top:var(--header)
	}
}
@media screen and (max-width:767px) {
	header:has(#switch:checked) #site_ttl a img{
		filter:none;
	}
	header#fix_menu{
		padding: 1rem var(--inner);
		align-items: center;
		height:var(--header);
	}
	header #site_ttl{
		text-align: left;
		padding:0;
		position:fixed;
		z-index: 1;
		margin: 0;
		gap: 1.5em;
	}
	header #site_ttl a img{
		width:80px;
	}
	header #switch ~ label {
		gap:0.5em;
		padding-inline:1em;
		right: var(--inner);
	}
	header label[for="switch"] span{
		width:2em;
	}
	header .global-nav{
		--slide: 100%;
		display: block;
	}
	header #NavWrap{
		padding-left: 0;
		background: rgba(255, 255, 255, 0.75);
		padding-top: var(--header);
	}
	header #NavWrap ul{
		gap:0;
		width:100%;
		border-bottom: solid 1px #333;
	}
	header #NavWrap ul li{
		border-top:solid 1px #333;
		width:100%;
		align-items:flex-start;
	}
	header #NavWrap ul li :is(a,p){
	width: 100%;
	justify-content: flex-start;
	padding: 1em;
	}
	header #NavWrap ul li a i.eng{
		max-width:fit-content;
		padding-inline:1.1685em;
		font-size:0.5rem;
		opacity: 1;
		transform: none;
		margin: 0;
	}
	header #NavWrap ul li a [lang="en"]{
		max-width:fit-content;
		font-size:0.75rem;
		margin-top:0.25em;
		opacity: 1;
	}
	header #NavWrap ul li a [lang="ja"]{
		margin-inline:0.75rem
	}
	header #NavWrap ul li a span[lang="ja"]{
		font-size:1rem;
	}
}
/* contents
-------------------------------------------------------------------*/

.copy_style {
}
.copy_style .copy{
	font-size:1.5em;
	letter-spacing:0;
	line-height:1.2;
	margin-bottom:1em;
}
.copy_style .small{
	font-size:0.6em;
	display: block;
	margin-block: 0.25em 0;
}

/* footer
-------------------------------------------------------------------*/

#footer {
	position: relative;
	z-index: 10;
	background:var(--keycolor);
	color:#fff;
	padding: 6.875em 0 2.3125em;
	font-family: var(--fontL);
}
#footer .footer-menu,
#footer .foot_links{
	display:flex;
	justify-content: flex-start;
}
#footer .footer-menu{
	gap: 7.5em;
	align-items:flex-start;
}
#footer .copy_style a{
	display:block;
	width:fit-content;
}
#footer .foot_links{
	flex-direction:column;
	max-width: 964px;
	flex-grow:1;
}
#footer .foot_links > ul{
	display:flex;
	align-items: flex-start;
	justify-content: flex-start;
	width: 100%;
	gap: 2.25em 5%;
	flex-wrap:wrap;
}
#footer .foot_links a{
	font-weight:400;
}
#footer .foot_links > ul > li{
	flex-basis:30%;
}
#footer .foot_links > ul > li.common-link{
}
#footer .foot_links .drop_wrap .child{
	gap: 0.5em 2em;
	display:flex;
	flex-wrap:wrap;
	align-items: flex-start;
	flex-direction:column;
	margin-top:1.65em;
}
#footer .foot_links p{
	font-size:1.125rem;
}
#footer .foot_links .ttl {
	min-width:7.5em;
	margin-bottom: 0;
}
#footer .foot_links .ttl a{
	display:flex;
	gap:0.5em;
	justify-content:space-between;
	align-items:center;
	width:100%;
	font-size:1.25rem;
	min-height: 2.75em;
	border-bottom:solid 1px#fff;
}
#footer .foot_links .ttl a:hover{
	background:#fff;
	color:var(--keycolor);
	text-decoration-color:transparent;
}
#footer .foot_links .ttl a:hover > span{
	transform:translateX(1em);
}
#footer .foot_links .ttl a:hover > i{
	transform:translateX(-0.5em);
}

#footer .foot_links .child ul{
	min-width: 0;
	display:flex;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 0.5em 2.5em;
	flex-wrap: wrap;
	flex-direction:column;
}
#footer .foot_links .child li{
	margin-bottom: 0.5em;
	position:relative;
	display:block;
	white-space: nowrap;
}
#footer .foot_links .child li a{
	display:inline-block;
}
#footer .foot_links .child li a:hover{
	transform:translateX(0.75em);
	color:#fff;
}

#footer .foot_links p:before{
	background:#fff;
	height:2px;
	top:0.75em;
}
#footer .foot_end{
	margin-top: 7.0em;
}
#footer .foot_end .sublink{
	display:flex;
	gap: 3em;
	display:flex;
	justify-content:center;
	border-top:solid 1px #fff;
	padding-top:2em;
}
#footer .foot_end .sublink li{
	display:flex;
	gap:2em;
	align-items:center;
	color:var(--dgreen);
}
#footer .foot_end .sublink a i{
	font-size:1.25em;
	transform:rotate(-45deg);
	display:inline-block;
	vertical-align:middle;
	margin-left:0.25em;
}
#footer .foot_end .sublink a:hover{
	color:#fff;
	transform:translateY(-0.25em)
}


a.pagetop{
	position:absolute;
	bottom:1em;
	right:1em;
	border:solid 1px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:0.5em;
	background:var(--fontcolor);
	font-weight:600;
	letter-spacing:0.03em;
	flex-direction:column;
	gap:0.5em;
	font-size:var(--f12);
	padding:1.5em 0.5em;
	transition:var(--hover);
	color:#fff;	
}
a.pagetop:before{
	content:"";
	display:block;
	width:0.5em;
	height:0.5em;
	border-top:solid 2px #fff;
	border-right:solid 2px #fff;
	transform:rotate(-45deg);
	transition:border-color .4s;
}
a.pagetop span{
	display:block;
}
@media (any-hover: hover) {
	a.pagetop:hover{
		transform:translateY(-0.5em);
		text-decoration-color:transparent;
		background:#fff;
		color:var(--fontcolor);
	}
	a.pagetop:hover:before{
		border-color:var(--fontcolor);
	}
	#footer a:hover{
		color:#000;
	}
}
@media screen and (max-width:1480px) {
	#footer .copy_style img{
		max-width:120px;
	}
}
@media screen and (max-width:1200px) {
	#footer{
		padding: 3em 0 6em;
	}

	#footer .sitewrap{
		flex-wrap:wrap;
		justify-content: flex-start;
		gap:1.5em;
	}
	#footer .sitewrap .site_data{
		display:flex;
		align-items: center;
		gap:2em;
	}
	#footer .sitewrap .site_data address{
		margin:0;
	}
	#footer .foot_links{
		gap:1.5em;
		max-width:100%;
	}
}
@media screen and (max-width:767px) {
	#footer {
		padding-block:4.0em 2em;
		position: relative;
	}
	#footer .widewrap{
		padding-inline:var(--inner);
	}
	#footer .foot_links{
	}
	#footer .copy_style{
		font-size:1em;
	}
	#footer .copy_style .copy{
		margin-bottom: 0.75em;
	}
	#footer .copy_style a{
		width:102px;
		margin-top:2.5em;
	}
	a.pagetop{
		padding-block:1.5em;
		gap:0.5em;
		bottom:8em;
		right:2em;
	}
	a.pagetop:before{
		border-width:1px;
	}
	#footer .copy_style img{
		max-width:80px;
	}
	#footer .foot_end .sublink{
		flex-direction:column;
		gap:0.5em;
		align-items:center;
		font-size:0.875rem;
	}
	#footer .foot_links > ul{
		gap:1.0em;
	}
	#footer .foot_links > ul > li{
		flex-basis:100%;
		font-size:0.875rem;
	}
	#footer .foot_links .ttl a{
		font-size:1rem;
	}
	#footer .foot_links .child ul{
		flex-direction:row;
		font-size:0.75rem;
		gap:0em 4%;
		width:100%;
	}
	#footer .foot_links .drop_wrap .child{
		margin-top:0.5em;
	}
	#footer .foot_end{
		margin-top:5em;
	}
	#footer .foot_links .child ul li{
		flex-basis:48%;
		width:auto;
	}
	#footer .foot_links .child ul li a{
		padding-block:0.5em;
		border-bottom:dotted 1px rgba(255,255,255,0.5);
		width:100%;
	}
}
#mouse-stalker {
	display:flex;
	align-items:center;
	justify-content:center;
	position: absolute;
	inset:0;
	margin:auto;
	border-radius: 50%;
	pointer-events: none;
	z-index: 5;
	color: #fff;
	overflow:hidden;
	width:2em;
	height:2em;
	background:#000;
	opacity: 1;
	transition: width 0.3s ease, height 0.3s ease, opacity 0.3s ease;
	opacity:1;
	width:229px;
	height:229px;
}

#mouse-stalker .intxt{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 0em;
	position:relative;
	z-index:2;
	line-height:1;
}
#mouse-stalker .intxt b{
	font-size:3.23em;
	line-height:1;
	font-weight:300;
	margin-block:0.25em 0.125em;
	display:block;
}
#mouse-stalker .intxt i{
	font-size:2em;
	font-weight:600;
}
#mouse-stalker:after{
	content:"";
	display:block;
	animation-name: roll;
	animation-timing-function: linear;
	animation-duration: 12s;
	animation-iteration-count: infinite;
	position:absolute;
	inset:0;
	margin:auto;	
	background:url(../img/home/btn-office.png) no-repeat 50% 50% / 229px;
	z-index:1;
}
#mouse-stalker > *{
	opacity:1;
}
#mouse-stalker.is-active > *{
	opacity:1;
}
#mouse-stalker.is-active {
	opacity:1;
	width:229px;
	height:229px;
}
@media (hover: none) and (pointer: coarse) {
	#mouse-stalker {
		display:none;
	}
}
@media screen and (max-width:1680px) {
	#mouse-stalker.is-active{
		width:150px;
		height:150px;
	}
	#mouse-stalker:after{
		background-size:contain;
	}
	#mouse-stalker{
		/* font-size:min(1vw,0.875rem); */
	}
}
/* print
-------------------------------------------------------------------*/
*html body {
	zoom:60%;
}