@charset "utf-8";
.loading_base {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		z-index: 9999;
		background: #fff;
}
header {
		pointer-events: none;
		transition: opacity 0.8s;
		transition-delay: 0.8s;
		opacity: 0;
}
header.isStart {
		opacity: 1;
		pointer-events: all;
}
.sp_nav {
		pointer-events: none;
		transition: opacity 0.8s;
		transition-delay: 0.8s;
		opacity: 0;
}
.sp_nav.isStart {
		opacity: 1;
		pointer-events: all;
}
.kv_logo {
		transition: opacity 0.8s;
		opacity: 0;
}
.kv_footer {
		transition: opacity 0.8s;
		transition-delay: 1.2s;
		opacity: 0;
}
.isStart .kv_logo, .isStart .kv_footer {
		opacity: 1;
}
/* ========== */
.circle::before {
		transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.5s;
		transform: scale(0);
		opacity: 0;
}
.isActive .circle::before {
		transform: scale(1);
		opacity: 1;
}
.philosophy_catch {
		opacity: 0;
		transition: opacity 0.8s 0.2s;
}
.philosophy_caption {
		opacity: 0;
		transition: opacity 0.8s 0.4s;
}
.isActive .philosophy_catch, .isActive .philosophy_caption {
		opacity: 1;
}
/* ========== */
.business_figure div img {
		opacity: 0;
		transition: opacity 0.8s;
}
.business_figure .item_caption {
		opacity: 0;
		transition: opacity 0.7s;
}
.business_figure div.item-1 img {
		transition-delay: 0.25s
}
.business_figure div.item-2 img {
		transition-delay: 0.35s
}
.business_figure div.item-3 img {
		transition-delay: 0.45s
}
.business_figure div.item-1_txt img {
		transition-delay: 0.55s
}
.business_figure div.item-1_branch img {
		transition-delay: 0.7s
}
.business_figure .item_caption.caption-1 {
		transition-delay: 1s
}
.business_figure div.item-2_txt img {
		transition-delay: 0.65s
}
.business_figure div.item-2_branch img {
		transition-delay: 0.8s
}
.business_figure .item_caption.caption-2 {
		transition-delay: 1.1s
}
.business_figure div.item-3_txt img {
		transition-delay: 0.75s
}
.business_figure div.item-3_branch img {
		transition-delay: 0.9s
}
.business_figure .item_caption.caption-3 {
		transition-delay: 1.2s
}
.business_figure.isActive div img, .business_figure.isActive .item_caption {
		opacity: 1;
}
.tbl_line .left::before, .tbl_line .right::before, .company_inner tr th::after {
		transform: scaleX(0)
}
.company_inner th::after, .tbl_line::before, .tbl_line .left::before {
		transform-origin: left center;
		transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
		transition-delay: 0.5s;
		transform: scaleX(0)
}
.tbl_line .right::before, .company_inner td::after {
		transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
		transition-delay: 0.8s;
		transform: scaleX(0);
}
.tbl_line.fadeInNmlActive .left::before, .tbl_line.fadeInNmlActive .right::before, .company_inner tr.tableTrActive th::after, .company_inner tr.tableTrActive td::after {
		transform: scaleX(1)
}
/* ========== */
.tableTr {
		transition: opacity 0.4s;
		opacity: 0;
}
.tableTrActive {
		opacity: 1
}
/* ========== */
.fadeInNml {
		opacity: 0;
		transition: opacity 0.5s;
}
.fadeInNmlActive {
		opacity: 1;
}