@charset "utf-8";
.loading_base {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		background: #fff;
		z-index: 9999;
		display: flex;
		justify-content: center;
		align-items: center;
}
.loading_logo {
		width: 200px;
		position: relative;
		top: -5vh
}
@media(max-width: 767px) {
		.loading_logo {
				width: 120px;
				max-width: inherit;
		}
}
.loading_logo img {
		width: 100%;
		height: auto;
		animation: fadeIn 0.5s linear forwards;
		opacity: 0;
}
@keyframes fadeIn {
		0% {
				opacity: 0;
		}
		100% {
				opacity: 1;
		}
}
/* ================= */
.index_statement {
		padding: 200px 0;
}
.statement_lead_gr {
		padding: 0 40px;
		text-align: center;
}
.statement_lead_gr:lang(en) {
		max-width: 700px;
		margin: 0 auto;
}
.statement_lead_gr p:lang(en) {
		font-family: "Roboto", sans-serif;
		line-height: 2.0
}
.statement_lead_gr p {
		font-family: YakuHanJP, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
		color: #004ea2;
		font-size: 20px;
		line-height: 2.4;
		font-weight: 500;
		transition: transform 1s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.4s;
		transform: translateY(10px);
		opacity: 0;
}
.statement_lead_gr p.isActive {
		opacity: 1;
		transform: translateY(0px);
}
@media(min-width: 768px) {
		.statementSP {
				display: none;
		}
}
@media(max-width: 767px) {
		.statement_lead_gr {
				padding: 0 10px;
		}
		.statement_lead_gr p {
				font-size: 16px;
		}
		.statement_lead_gr p:lang(en) {
				text-align: left;
		}
		.statementPC {
				display: none;
		}
}
/* =============== */
.philosophy_figure_base {
		max-width: 625px;
		margin: 0 auto;
		position: relative;
		transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.philosophy_figure {
		width: 100%;
		transition: opacity 0.8s;
		opacity: 0;
}
.philosophy_figure.isActive {
		opacity: 1;
}
.philosophy_figure_base img {
		width: 100%;
		height: auto;
		opacity: 0;
}
.philosophy_figure_base div {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		transition: opacity 0.75s;
}
.parts-2, .parts-3 {
		opacity: 0;
}
.philosophy_figure_base div.parts-2 {
		transition-delay: 0.4s;
}
.philosophy_figure_base div.parts-3 {
		transition-delay: 0.6s;
}
.isActive .parts-1, .isActive .parts-2, .isActive .parts-3 {
		opacity: 1;
}
/* ================= */
.philosophy_hd {
		line-height: 1;
		font-family: "Inter", sans-serif;
		font-size: 58px;
		font-weight: 520;
		text-align: center;
		color: #004ea2;
		margin: 0 0 70px;
		letter-spacing: -1px
}
.philosophy_link {
		padding: 0 40px 200px;
}
.philosophy_link_flex {
		display: flex;
		justify-content: space-between;
		max-width: 1004px;
		margin: 0 auto;
}
.philosophy_link_bnr {
		width: 325px;
		transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.4s;
		transform: translateX(80px) scale(1.1);
		opacity: 0;
}
.philosophy_link_flex .philosophy_link_bnr:nth-child(2) {
		transition-delay: 0.15s
}
.philosophy_link_flex .philosophy_link_bnr:nth-child(3) {
		transition-delay: 0.3s
}
.isActive .philosophy_link_bnr {
		opacity: 1;
		transform: translateX(0px) scale(1);
}
.philosophy_link_bnr a {
		color: #004ea2;
		text-decoration: none;
}
.networkActive .link_btn_center a, .networkActive .philosophy_link_bnr a {
		color: #fff;
}
.networkActive .philosophy_link .link_btn::after {
		border-color: transparent transparent transparent #fff;
}
.philosophy_link_photo {
		margin: 0 0 28px;
		overflow: hidden;
}
.philosophy_link_photo img {
		width: 100%;
		height: auto;
		transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
@media (hover: hover) {
		.philosophy_link_bnr a:hover img {
				transform: scale(1.1)
		}
}
.philosophy_link_caption {
		position: relative;
		text-align: right;
		padding-right: 52px;
		font-size: 20px;
		font-weight: 500;
}
.philosophy_link_caption .link_btn {
		position: absolute;
		right: 0;
		top: calc(50% - 21px)
}
@media(max-width: 767px) {
		.philosophy_hd {
				font-size: 32px;
				margin: 0 0 65px;
		}
		.philosophy_link {
				padding: 0 20px 80px;
		}
		.philosophy_link_flex {
				display: block;
		}
		.philosophy_link_bnr {
				width: 100%;
				margin: 0 0 10px;
				background: #f5f6f6;
		}
		.philosophy_link_bnr a {
				display: flex;
				align-items: center;
		}
		.philosophy_link_photo {
				width: 120px;
				margin: 0;
		}
		.philosophy_link_caption {
				flex: 1;
				text-align: left;
				padding-right: 52px;
				font-size: 16px;
				padding-left: 15px;
		}
		.philosophy_link_caption .link_btn {
				right: 15px;
		}
}
/* ================= */
.page_container {
		position: relative;
}
.page_container::before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: -1;
		transition: background 0.8s;
}
.networkActive::before {
		background: #004ea2;
}
.network_section {
		color: #fff;
		padding: 80px 40px 200px;
}
.network_hd {
		font-family: "Inter", sans-serif;
		font-weight: 520;
		font-size: 58px;
		text-align: center;
		line-height: 1;
		letter-spacing: -0.03em;
		margin: 0 0 25px;
}
.network_lead {
		font-size: 22px;
		font-weight: 500;
		text-align: center;
		margin: 0 0 20px;
}
.network_marker {
		display: flex;
		justify-content: center;
		list-style: none;
		margin: 0 0 60px;
}
.network_marker li {
		margin: 0 12px;
		padding-left: 19px;
		position: relative;
		font-weight: 500;
}
.network_marker li::before {
		content: '';
		display: block;
		position: absolute;
		left: 0px;
		top: calc(50% - 4px);
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 10px 4px 0 4px;
		opacity: 0;
}
.networkActive .network_marker li::before {
		opacity: 1;
}
.network_marker li.marker_sale::before {
		border-color: #00a0e8 transparent transparent transparent;
}
.network_marker li.marker_product::before {
		border-color: #ed86b3 transparent transparent transparent;
}
.network_marker li.marker_sale-product::before {
		border-color: #8bc020 transparent transparent transparent;
}
.network_marker li.marker_related::before {
		border-color: #f19500 transparent transparent transparent;
}
.network_category {
		max-width: 1004px;
		margin: 0 auto;
		padding: 0 40px;
}
.network_sb {
		text-align: center;
		font-size: 22px;
		font-weight: 600;
		margin: 0 0 25px;
		line-height: 1.8;
}
.network_sb:lang(en) {
		font-weight: 500;
}
.network_icon_gr {
		display: flex;
		justify-content: center;
		margin: 0 auto 80px;
}
.network_icon_item {
		width: 95px;
		text-align: center;
		font-size: 13px;
}
.network_icon_thumb {
		width: 45px;
		margin: 0 auto 7px;
}
.network_icon_thumb img {
		width: 100%;
		height: auto;
}
.network_country_gr {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 0 0 40px;
}
.network_country_item {
		width: 304px;
		margin: 0 0 45px;
		padding: 0 8px 10px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.4);
		position: relative;
}
.network_country_item::after {
		content: '';
		display: block;
		position: absolute;
		bottom: -1px;
		left: 0;
		width: 100%;
		height: 1px;
		transform-origin: left center;
		background: #fff;
		transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
		transform: scaleX(0);
}
.network_country_item.none::after {
		display: none;
}
@media (hover: hover) {
		.network_country_item:hover::after {
				transform: scaleX(1);
		}
}
.network_country_item a {
		color: #fff;
		text-decoration: none;
		display: flex;
		align-items: center;
		position: relative;
}
.network_country_item .item_inner {
		color: #fff;
		text-decoration: none;
		display: flex;
		align-items: center;
		position: relative;
}
.network_country_item a::before, .network_country_item a::after {
		content: '';
		display: block;
		position: absolute;
		width: 10px;
		height: 7px;
}
.network_country_item a::before {
		border: 1px solid #fff;
		top: calc(50% - 4px);
		right: 10px;
}
.network_country_item a::after {
		top: calc(50% - 1px);
		right: 8px;
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
}
.network_country_item ul {
		display: flex;
		align-items: center;
		list-style: none;
}
.network_country_name {
		width: 100px;
		font-weight: 500;
}
.network_country_item ul li {
		margin-right: 5px;
		width: 16px;
}
.network_country_item li.off img {
		opacity: 0.3
}
.network_country_item ul li img {
		width: 100%;
		height: auto;
}
.network_country_item ul li:last-child {
		margin-right: 0;
}
.network_japan_item {
		padding: 0 0 20px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.4);
		position: relative;
}
.network_japan_item::after {
		content: '';
		display: block;
		position: absolute;
		bottom: -1px;
		left: 0;
		width: 100%;
		height: 1px;
		transform-origin: left center;
		background: #fff;
		transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
		transform: scaleX(0);
}
@media (hover: hover) {
		.network_japan_item:hover::after {
				transform: scaleX(1);
		}
}
.network_japan_item a {
		color: #fff;
		text-decoration: none;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding-left: 8px;
}
.network_japan_item .network_country_name {
		font-size: 22px;
		font-weight: 500;
		width: auto;
}
.network_japan_item .link_btn {
		position: relative;
}
.network_japan_item .link_btn::after {
		border-color: transparent transparent transparent #fff;
}
@media(max-width: 1193px) {
		.network_icon_item {
				width: 12.5%;
				font-size: 13px;
		}
		.network_country_item {
				width: calc(50% - 30px)
		}
}
@media(max-width: 767px) {
		.network_hd {
				font-size: 32px;
				margin: 0 0 40px;
		}
		.network_lead {
				font-size: 16px;
		}
		.network_marker_wrap {
				display: flex;
				justify-content: center;
				padding: 0 15px;
		}
		.network_marker:lang(en) {
				display: flex;
				flex-wrap: wrap;
				justify-content: center
		}
		.network_marker li {
				margin: 0 6px;
				font-size: 13px;
				font-weight: 500;
				padding-left: 15px;
		}
		.network_marker li:lang(en) {
				margin: 0 12px 8px 0;
				font-size: 13px;
				font-weight: 500;
				padding-left: 15px;
		}
		.network_sb {
				font-size: 16px;
				font-weight: 500;
				margin: 0 0 25px;
		}
		.network_category {
				padding: 0 20px;
		}
		.network_icon_gr {
				display: flex;
				justify-content: space-between;
				flex-wrap: wrap;
				margin: 0 0 60px;
		}
		.network_icon_item {
				width: 25%;
				font-size: 11px;
				font-weight: 500;
				margin: 0 0 25px;
		}
		.network_icon_thumb {
				width: 100%;
				margin: 0 auto 5px;
				box-sizing: border-box;
				padding: 0 30px;
		}
		.network_country_gr {
				display: block;
				margin: 0 0 50px;
		}
		.network_country_item {
				width: 100%;
				box-sizing: border-box;
				padding-left: 5px;
				padding-right: 5px;
				margin: 0 0 30px
		}
		.network_country_name {
				width: 100px;
				font-size: 15px;
		}
		.network_country_item ul {
				flex: 1;
		}
		.network_country_item ul li {
				margin-right: 5px;
				width: 16px;
				width: calc(calc(100% - 120px) / 7);
		}
		.network_japan_item .network_country_name {
				font-size: 18px;
		}
}
/* ============ */
.initiative_section {
		background: #fff;
		min-height: 400px;
		padding: 120px 40px 200px;
}
.initiative_section_inner {
		max-width: 1004px;
		margin: 0 auto;
}
.initiative_hd {
		color: #004ea2;
		font-size: 40px;
		font-weight: 500;
		text-align: center;
		line-height: 1;
		margin: 0 0 25px;
}
.initiative_lead {
		font-weight: 500;
		line-height: 1.8;
		text-align: center;
		margin: 0 0 60px;
}
.upper_btn_flex {
		max-width: 100%;
		margin: 0 auto 75px;
		display: flex;
		justify-content: space-between;
}
.upper_btn {
		width: calc(calc(100% - 30px) / 3);
		transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.4s;
		transform: translateX(-80px) scale(1.1);
		opacity: 0;
}

.upper_btn_flex .upper_btn:nth-child(2) {
		transition-delay: 0.15s
}
.upper_btn_flex .upper_btn:nth-child(3) {
		transition-delay: 0.3s
}
.isActive .upper_btn {
		transform: translateX(0px) scale(1);
		opacity: 1;
}
.upper_btn a, .upper_btn .comingsoon_btn {
		display: flex;
		align-items: center;
		height: 120px;
		background: #f5f6f6;
		padding: 0 25px;
		color: #004ea2;
		text-decoration: none;
		position: relative;
}
.upper_btn .comingsoon_btn .upper_btn_caption, .upper_btn .comingsoon_btn img, .upper_btn .comingsoon_btn .link_btn {
		opacity: 0.1
}
.upper_btn a::before, .upper_btn .comingsoon_btn::before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: none;
		transform-origin: left center;
		transform: scaleX(0);
}
.upper_btn a .link_btn, .upper_btn .comingsoon_btn .link_btn {
		position: absolute;
		right: 15px;
		top: calc(50% - 20px)
}
.upper_btn_thumb {
		width: 60px;
		margin-right: 10px;
		position: relative;
		z-index: 5;
}
.upper_btn_thumb img {
		width: 100%;
		height: auto;
		transition: opacity 0.2s;
}
.upper_btn_thumb::before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 60px;
		height: 60px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 60px;
		transition: opacity 0.2s;
		opacity: 0;
}
.upper_btn-1::before {
		background-image: url("https://www.kai-group.com/contents_file/global/n_images/index_upper_btn-1_on.png");
}
.upper_btn-2::before {
		background-image: url("https://www.kai-group.com/contents_file/global/n_images/index_upper_btn-2_on.png");
}
.upper_btn-3::before {
		background-image: url("https://www.kai-group.com/contents_file/global/n_images/index_upper_btn-3_on.png");
}
.upper_btn_caption {
		font-size: 20px;
		font-weight: 500;
		line-height: 1.6;
		flex: 1;
		z-index: 5;
}
@media (hover: hover) {
		.upper_btn a:hover::before {
				transform: scaleX(1);
				transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
				background: #004ea2;
		}
		.upper_btn a:hover {
				color: #fff;
		}
		.upper_btn a:hover .link_btn::after {
				border-color: transparent transparent transparent #fff;
		}
		.upper_btn a:hover .upper_btn_thumb img {
				opacity: 0;
		}
		.upper_btn a:hover .upper_btn_thumb::before {
				opacity: 1
		}
}
.ec_bnr {
		max-width: 1000px;
		margin: 0 auto;
		transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.4s;
		transform: translateX(80px) scale(1.1);
		opacity: 0;
		background: #004ea2;
}
.ec_bnr.isActive {
		transform: translateX(0px) scale(1);
		opacity: 1;
}
.ec_bnr img {
		width: 100%;
		height: auto;
		transition: opacity 0.4s;
}
.ec_bnr a {
		color: #fff;
		text-decoration: none;
}
.ec_bnr_caption {
		font-size: 20px;
		font-weight: 500;
		height: 80px;
		display: flex;
		align-items: center;
		position: relative;
		padding: 0 40px;
}
.ec_bnr_caption .ec_bnr_circle {
		position: absolute;
		top: 20px;
		right: 40px;
		width: 40px;
		height: 40px;
		transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
.ec_bnr_circle_in {
		position: absolute;
		top: 0;
		left: 0;
		border: 1px solid #fff;
		width: 40px;
		height: 40px;
		border-radius: 50%;
		transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
.ec_bnr_circle::before, .ec_bnr_circle::after {
		content: '';
		display: block;
		position: absolute;
		width: 10px;
		height: 7px;
		transition: border 0.2s;
}
.ec_bnr_circle::before {
		border: 1px solid #fff;
		top: 15.5px;
		left: 14px
}
.ec_bnr_circle::after {
		top: 18.5px;
		left: 17px;
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
}
@media (hover: hover) {
		.ec_bnr a:hover img {
				opacity: 0.7;
		}
		.ec_bnr a:hover .ec_bnr_circle_in {
				border-color: #fff;
				transform: scale(1.3);
		}
}
@media(max-width: 767px) {
		.ec_bnr_caption .ec_bnr_circle {
				top: 12px;
				right: 18px;
				width: 36px;
				height: 36px;
		}
		.ec_bnr_circle_in {
				width: 36px;
				height: 36px;
		}
		.ec_bnr_circle::before {
				top: 14px;
				left: 13px;
		}
		.ec_bnr_circle::after {
				top: 17px;
				left: 16px;
		}
}
/* ============ */
.index_footer_bnr {
		display: flex;
		justify-content: space-between;
		border-top: 1px solid #dadce0;
}
.index_footer_bnr, .index_footer_bnr_item {
		height: 380px;
}
@media(min-width: 1600px) {
		.index_footer_bnr, .index_footer_bnr_item {
				height: 20vw;
		}
}
.index_footer_bnr_item {
		width: 50%;
		position: relative;
		cursor: pointer;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
}
.index_footer_bnr .index_footer_bnr_item:first-child {
		border-right: 1px solid #dadce0;
}
.index_footer_bnr_item::before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		transition: opacity 0.3s;
		opacity: 0;
		z-index: 0;
}
.index_footer_bnr_item::after {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #fff;
		transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
		transform-origin: right center;
}
.index_footer_bnr_item.factmagazine::before {
		background-image: url("https://www.kai-group.com/contents_file/global/n_images/index_footer_fact.jpg")
}
.index_footer_bnr_item.factory::before {
		background-image: url("https://www.kai-group.com/contents_file/global/n_images/index_footer_factory.jpg")
}
@media (hover: hover) {
		.index_footer_bnr_item:hover::before {
				opacity: 1;
		}
		.index_footer_bnr_item:hover::after {
				transform: scaleX(0);
		}
}
.index_footer_bnr_item_inner {
		position: relative;
		z-index: 5;
		padding-left: 10px;
		padding-right: 10px;
}
.index_footer_bnr_item_inner h4 {
		font-family: "Inter", sans-serif;
		font-weight: 500;
		font-size: 32px;
		line-height: 1;
		margin: 0 0 25px;
		transition: color 0.3s;
		letter-spacing: -0.03em;
}
.index_footer_bnr_item_inner p {
		line-height: 2;
		transition: color 0.3s;
		margin: 0 0 40px;
		font-size: 16px;
		font-weight: 500;
}
@media(max-width: 840px) {
		.index_footer_bnr_item_inner p {
				font-size: 15px;
		}
}
@media (hover: hover) {
		.index_footer_bnr_item:hover .index_footer_bnr_item_inner h4, .index_footer_bnr_item:hover .index_footer_bnr_item_inner p {
				color: #fff;
		}
}
.footer_bnr_link_wrap {
		display: flex;
		justify-content: center;
}
.footer_bnr_link {
		font-size: 16px;
		font-weight: 500;
}
.footer_bnr_link a {
		color: #004ea2;
		text-decoration: none;
		transition: color 0.3s;
		display: inline-block;
		padding-right: 30px;
		position: relative;
}
.footer_bnr_link a .footer_bnr_link_arw {
		position: absolute;
		width: 40px;
		height: 40px;
		pointer-events: none;
		right: -30px;
		top: calc(50% - 20px);
}
.footer_bnr_link_arw .footer_bnr_link_arw_circle {
		position: absolute;
		border-radius: 50%;
		border: 1px solid #cbdbeb;
		top: 0;
		left: 0;
		width: 40px;
		height: 40px;
		transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
.footer_bnr_link_arw::before, .footer_bnr_link_arw::after {
		content: '';
		display: block;
		position: absolute;
		width: 10px;
		height: 7px;
		transition: border 0.2s;
}
.footer_bnr_link_arw::before {
		border: 1px solid #004ea2;
		top: 15.5px;
		left: 14px
}
.footer_bnr_link_arw::after {
		top: 18.5px;
		left: 17px;
		border-right: 1px solid #004ea2;
		border-bottom: 1px solid #004ea2;
}
@media (hover: hover) {
		.index_footer_bnr_item:hover .footer_bnr_link a {
				color: #fff;
		}
		.index_footer_bnr_item:hover .footer_bnr_link_arw::before, .index_footer_bnr_item:hover .footer_bnr_link_arw::after {
				border-color: #fff
		}
		.index_footer_bnr_item:hover .footer_bnr_link_arw_circle {
				border-color: #fff;
				transform: scale(1.3);
		}
}
@media(min-width: 840px) {
		.tabletBrExtra {
				display: none;
		}
}
@media(max-width: 840px) {
		.upper_btn a, .upper_btn .comingsoon_btn {
				height: 100px;
				padding: 0 15px;
		}
		.upper_btn_thumb {
				width: 50px;
				margin-right: 5px;
		}
		.upper_btn_caption {
				font-size: 16px;
		}
}
@media(max-width: 767px) {
		.initiative_section {
				padding: 100px 20px;
		}
		.initiative_hd {
				font-size: 24px;
				margin: 0 0 30px;
		}
		.initiative_lead {
				font-size: 14px;
		}
		.upper_btn_flex {
				display: block;
		}
		.upper_btn_flex:lang(en) {
				max-width: inherit;
				width: 100%;
		}
		.upper_btn {
				width: 100%;
				margin: 0 0 12px;
		}

		.upper_btn_thumb {
				width: 50px;
				margin-right: 15px;
		}
		.upper_btn_caption {
				font-size: 16px;
		}
		.tabletBrExtra {
				display: none;
		}
		.ec_bnr_caption {
				font-size: 16px;
				height: 60px;
				padding: 0 25px;
		}
		.index_footer_bnr {
				display: block;
		}
		.index_footer_bnr_item_inner {
				padding: 15px;
		}
		.index_footer_bnr_item {
				width: 100%;
				display: flex;
				align-items: center;
				justify-content: center;
		}
		.index_footer_bnr {
				height: auto;
		}
		.index_footer_bnr_item {
				height: 250px;
		}
		.index_footer_bnr_item.factmagazine {
				background: url("https://www.kai-group.com/contents_file/global/n_images/index_footer_fact.jpg") no-repeat center center;
				background-size: cover;
		}
		.index_footer_bnr_item.factory {
				background: url("https://www.kai-group.com/contents_file/global/n_images/index_footer_factory.jpg") no-repeat center center;
				background-size: cover;
		}
		.index_footer_bnr_item::before, .index_footer_bnr_item::after {
				display: none;
		}
		.index_footer_bnr_item .index_footer_bnr_item_inner h4, .index_footer_bnr_item .index_footer_bnr_item_inner p {
				color: #fff;
		}
		.index_footer_bnr_item_inner h4 {
				font-size: 24px;
				font-weight: 520;
				margin: 0 0 15px;
		}
		.index_footer_bnr_item_inner p {
				text-align: left;
				font-size: 14px;
				margin: 0 0 15px
		}
		.index_footer_bnr_item_inner p br {
				display: none;
		}
		.footer_bnr_link {
				font-size: 15px;
		}
		.footer_bnr_link a {
				color: #fff;
				padding-right: 45px;
		}
		.footer_bnr_link a .footer_bnr_link_arw {
				width: 36px;
				height: 36px;
				right: 0;
				top: calc(50% - 17.5px);
		}
		.footer_bnr_link_arw .footer_bnr_link_arw_circle {
				border: 1px solid #fff;
				width: 36px;
				height: 36px;
		}
		.footer_bnr_link_arw::before, .footer_bnr_link_arw::after {
				width: 10px;
				height: 7px;
		}
		.footer_bnr_link_arw::before {
				border: 1px solid #fff;
				top: 14px;
				left: 13px
		}
		.footer_bnr_link_arw::after {
				top: 17px;
				left: 16px;
				border-right: 1px solid #fff;
				border-bottom: 1px solid #fff;
		}
}
/* =============== */
.comingsoon_cover {
		position: relative;
}
.comingsoon_cover::before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(76, 87, 104, 0.2);
		mix-blend-mode: multiply;
		z-index: 10
}
.comingsoon_cover::after {
		content: 'Coming Soon...';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;
		color: #fff;
		z-index: 20;
		font-family: "Inter", sans-serif;
		font-weight: 500;
		font-size: 13px;
		text-align: center;
}
/* ===== MODAL ===== */
#sp_modal_strage .area_detail {
		display: none;
}