@charset "UTF-8";

/* Infomation 
---------------------------------------------------------------------
File Name : emergency.css
Create date :  2025/09/02

// Braek Points
// PC
@media screen and (max-width: 979px) {
}
// Phone
@media screen and (max-width: 767px) {
}
---------------------------------------------------------------------
*/


/* --------------------------------
	emergencyArea
-------------------------------- */

.has_emergency .emergencyArea {
	background: var(--color-glb-tygred-01);
	width: 100%;
	height: var(--px50);
	overflow: hidden;
	display: flex;
	align-items: center;
}
.has_emergency .emergencyArea .inner {
	width: 100%;
	margin: 0 auto;
	text-align: left;
	margin-inline: auto;
	overflow: clip;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: start;
	align-items: center;
}
.has_emergency .emergencyArea a {
	color: #fff;
	text-decoration: none;
}
.has_emergency .emergencyArea a:hover {
	color: var(--color-glb-hoverred-01);
}
.has_emergency .emergencyArea p {
	color: #fff;
	line-height: 150%;
}
.has_emergency .emergencyArea .emergency-head {
	padding-right: var(--px40);
	background-color: var(--color-glb-tygred-01);
	z-index: 2;
}
.has_emergency .emergencyArea .emergency-text {
	width: fit-content;
	white-space: nowrap;
	z-index: 1;
}
.has_emergency .emergencyArea .text-marquee {
	padding-left: 100%;
	animation: anim-marquee-left 10s linear infinite;
}
@keyframes anim-marquee-left {
	100% { transform: translateX(-100%); }
}
@media screen and (max-width: 767px) {
	.has_emergency .emergencyArea .emergency-head {
		padding-right: var(--px20);
	}
}


/* --------------------------------
	globalHamburgers
-------------------------------- */
.has_emergency header .globalHamburgers {
	top: var(--px50);
}


/* --------------------------------
	globalMenuArea
-------------------------------- */
/*
.has_emergency .globalMenuArea {
	top: var(--px50);
	max-height: calc(100vh - var(--px50));
}
@media screen and (max-width: 767px) {
	.has_emergency .globalMenuArea {
		top: var(--px104);
		max-height: calc(100vh - var(--px104));
	}
}
*/
@media screen and (max-width: 767px) {
	.has_emergency .globalMenuArea {
		opacity: 0;
	}
	.has_emergency .globalMenuArea.active {
		opacity: 1;
	}


/* --------------------------------
	home-side-floating-area
-------------------------------- */
.has_emergency .home-side-floating-area {
}
@media screen and (max-width: 767px) {
	.has_emergency .home-side-floating-area .mask {
		clip-path: inset(calc((452 / 400) * 100vw + var(--px54) + var(--px50)) 0px 0px 0px);
	}
}