@charset "utf-8";
/* 
#index_mv{
    background-color: #F4FBFC;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: calc(100vh - 100px);
} */
#index_mv {
    position: relative;
    height: calc(100vh - 100px);
    overflow: visible; /* bottom 方向にはみ出しても OK に */

}

#index_mv::after {
	content: "";
	position: absolute;
	bottom: -200px;
	left: 0;
	width: 100%;
	background-color: #F4FBFC;
	padding-bottom: 200px;
	z-index: -1;
}


#index_mv .index_mv_inner{
}


#index_mv .item,
#index_mv .bg_item {
    position: absolute;
	opacity: 0;
	visibility: hidden;
    will-change: transform;
}
#index_mv .item {
    transform-origin: center bottom;
}
#index_mv .bg_item {
    animation-delay: 1.5s;
}
#index_mv .mv_en .bg_item {
    animation-delay: 1s;
}
#index_mv .item_text object{
    position: absolute;
    z-index: 2;
	top: 50%;
	left: 5%;
	transform: translateY(-50%) translateX(-2%);
    width: 24vw;
    color: #000;
    font-weight: bold;
    z-index: 4;
}
#index_mv .item_text.mv_text_en object {
	width: 50vw;
	top: 34%;
}


#index_mv .item_left ,
#index_mv .item_left img{
    top: 40%;
    left: 0%;
    width: 32vw;
    z-index: 1;
}
#index_mv .item_bottom, 
#index_mv .item_bottom img {
	bottom: 5%;
	left: 36%;
	width: 26vw;
	z-index: 1;
}
#index_mv .item_right, 
#index_mv .item_right img {
	position: absolute;
	bottom: 15%;
	right: 0;
	width: 31vw;
	z-index: 1;
}

#index_mv .item_01, 
#index_mv .item_01 img {
	top: 4%;
	left: 1%;
	width: 12vw;
	z-index: 2;
}
#index_mv .item_02, 
#index_mv .item_02 img {
	top: 10%;
	left: 30%;
	width: 9vw;
	z-index: 1;
}
#index_mv .item_03, 
#index_mv .item_03 img {
	top: 1%;
	right: 1%;
	width: 12vw;
	z-index: 2;
}
#index_mv .item_04 ,
#index_mv .item_04 img{
	top: 1%;
	right: 27%;
	width: 18vw;
	z-index: 2;
}
#index_mv .item_05, 
#index_mv .item_05 img {
	top: 37%;
	right: 33%;
	width: 10vw;
	z-index: 1;
}
#index_mv .item_06 ,
#index_mv .item_06 img{
    bottom: 10%;
    right: 22%;
    width: 9vw;
    z-index: 1;
}
#index_mv .item_07 ,
#index_mv .item_07 img{
	bottom: 1%;
	left: 12%;
	width: 12vw;
	z-index: 1;
}
#index_mv .item_08 ,
#index_mv .item_08 img{
	bottom: 38%;
	left: 34%;
	width: 13vw;
	z-index: 2;
}

#index_mv .item_09, 
#index_mv .item_09 img {
	top: 7%;
	right: 45%;
	width: 7.5vw;
}
#index_mv .item_10 ,
#index_mv .item_10 img{
	bottom: 5%;
	left: 5%;
	width: 5vw;
}
#index_mv .item_11 ,
#index_mv .item_11 img{
	bottom: 8%;
	right: 5%;
	width: 9vw;
}
#index_mv .item_12, 
#index_mv .item_12 img {
	bottom: 0%;
	right: 13%;
	width: 6vw;
	opacity: .9;
}
#index_mv .item_13 ,
#index_mv .item_13 img{
	top: 30%;
	right: 42%;
	width: 4vw;
}

#index_mv .fig_01,
#index_mv .fig_01 img{
	top: 0%;
	left: 0%;
	width: 23vw;
    z-index: 1;
}
#index_mv .fig_02, 
#index_mv .fig_02 img {
	top: 0%;
	left: 25%;
	width: 5vw;
    z-index: 2;
}
#index_mv .fig_03, 
#index_mv .fig_03 img {
	top: 6%;
	left: 31%;
	width: 3.5vw;
    z-index: 2;
}
#index_mv .fig_04, 
#index_mv .fig_04 img {
	top: 17%;
	left: 46%;
	width: 3vw;
	z-index: 2;
}
#index_mv .fig_05, 
#index_mv .fig_05 img {
	top: 13%;
	right: 24%;
	width: 26vw;
	z-index: 1;
}
#index_mv .fig_06, 
#index_mv .fig_06 img {
	top: 9%;
	right: 1%;
	width: 14vw;
	z-index: 1;
}
#index_mv .fig_07, 
#index_mv .fig_07 img {
	top: 14%;
	right: 1%;
	width: 3.5vw;
	z-index: 1;
}
#index_mv .fig_08, 
#index_mv .fig_08 img {
	top: 53%;
	right: 36%;
	width: 3.2vw;
	z-index: 2;
}
#index_mv .fig_09, 
#index_mv .fig_09 img {
	top: 47%;
	right: 33%;
	width: 5.2vw;
	z-index: 1;
}
#index_mv .fig_10, 
#index_mv .fig_10 img {
	bottom: 0%;
	left: 10%;
	width: 26vw;
	z-index: 1;
}
#index_mv .fig_11,
#index_mv .fig_11 img {
	bottom: 0%;
	right: 43%;
	width: 6vw;
	z-index: 2;
}
#index_mv .fig_12, 
#index_mv .fig_12 img {
	bottom: 2%;
	right: 0%;
	width: 26vw;
	z-index: 1;
}
#index_mv .fig_13, 
#index_mv .fig_13 img {
	bottom: 15%;
	right: 36%;
	width: 9vw;
	z-index: 2;
}

#index_mv .parts_01, 
#index_mv .parts_01 img {
	top: 2%;
	left: 48%;
	width: 1vw;
	z-index: 2;
}
#index_mv .parts_02, 
#index_mv .parts_02 img {
	top: 4%;
	right: 25%;
	width: 1vw;
	z-index: 2;
}
#index_mv .parts_03, 
#index_mv .parts_03 img {
	top: 12%;
	right: 36%;
	width: 1.2vw;
	z-index: 2;
}
#index_mv .parts_04, 
#index_mv .parts_04 img {
	top: 12%;
	right: 11%;
	width: 1vw;
	z-index: 2;
}
#index_mv .parts_05, 
#index_mv .parts_05 img {
	top: 28%;
	right: 27%;
	width: 1.2vw;
	z-index: 2;
}
#index_mv .parts_06, 
#index_mv .parts_06 img {
	top: 23%;
	left: 42%;
	width: 1vw;
	z-index: 2;
}
#index_mv .parts_07, 
#index_mv .parts_07 img {
	top: 38%;
	left: 40%;
	width: 1vw;
	z-index: 2;
}
#index_mv .parts_08, 
#index_mv .parts_08 img {
	top: 34%;
	left: 31%;
	width: 1.2vw;
	z-index: 2;
}
#index_mv .parts_09, 
#index_mv .parts_09 img {
	top: 38%;
	right: 31%;
	width: 1vw;
	z-index: 2;
}
#index_mv .parts_10, 
#index_mv .parts_10 img {
	top: 58%;
	right: 29%;
	width: 1vw;
	z-index: 2;
}
#index_mv .parts_11, 
#index_mv .parts_11 img {
	bottom: 34%;
	left: 13%;
	width: 1vw;
	z-index: 2;
}
#index_mv .parts_12, 
#index_mv .parts_12 img {
	bottom: 32%;
	left: 20%;
	width: 1vw;
	z-index: 2;
}
#index_mv .parts_13, 
#index_mv .parts_13 img {
	bottom: 32%;
	left: 32%;
	width: 1.2vw;
	z-index: 2;
}
#index_mv .parts_14, 
#index_mv .parts_14 img {
	bottom: 25%;
	right: 35%;
	width: 1vw;
	z-index: 2;
}
#index_mv .parts_15, 
#index_mv .parts_15 img {
	bottom: 20%;
	right: 3%;
	width: 1vw;
	z-index: 2;
}
#index_mv .parts_16, 
#index_mv .parts_16 img {
	bottom: 21%;
	right: 18%;
	width: 1.2vw;
	z-index: 2;
}
#index_mv .parts_17, 
#index_mv .parts_17 img {
	bottom: 7%;
	right: 32%;
	width: 1vw;
	z-index: 2;
}
#index_mv .parts_18, 
#index_mv .parts_18 img {
	bottom: 2%;
	left: 12%;
	width: 1.2vw;
	z-index: 2;
}
#index_mv .parts_19, 
#index_mv .parts_19 img {
	bottom: 6%;
	left: 31%;
	width: 1vw;
	z-index: 2;
}
#index_mv .parts_20, 
#index_mv .parts_20 img {
	bottom: 2%;
	right: 6%;
	width: 1vw;
	z-index: 2;
}

/*****PC*****/
@media screen and (min-width: 1025px) {

}
/*****TAB*****/
@media screen and (max-width: 1024px) {
	main#index {
		padding-top: 48px;
	}
	#index_mv::after {
		bottom: -100px;
		padding-bottom: 100px;
	}
    #index_mv .item_text object {
        top: 30%;
        left: 5%;
        transform: translateY(-30%) translateX(-2%);
        width: 63vw;
    }
    #index_mv .item_text.mv_text_en object {
        width: 63vw;
    }
    #index_mv .item_left ,
    #index_mv .item_left img{
        top: 35%;
        left: 0%;
        width: 60vw;
    }
	#index_mv .item_bottom, 
	#index_mv .item_bottom img {
		top: 44%;
		right: 5%;
		left: auto;
		transform: none;
		width: 24vw;
	}
    #index_mv .item_right ,
    #index_mv .item_right img{
        top: auto;
        bottom: 0%;
        right: 0%;
        width: 40vw;
    }
	#index_mv .item_01, 
	#index_mv .item_01 img {
		top: 0%;
		left: 1%;
		width: 23vw;
		z-index: 1;
	}
    #index_mv .item_02 ,
    #index_mv .item_02 img{
        top: 2%;
        left: auto;
        width: 8vw;
        right: 25%;
    }
    #index_mv .item_03 ,
    #index_mv .item_03 img{
        top: auto;
        right: 1%;
        width: 15vw;
        z-index: 1;
        bottom: 30%;
    }
	#index_mv .item_04, 
	#index_mv .item_04 img {
		top: 12%;
		right: 2%;
		width: 25vw;
		z-index: 1;
	}
    #index_mv .item_05 ,
    #index_mv .item_05 img{
        top: auto;
        right: auto;
        width: 15vw;
        bottom: 3%;
        left: 23%;
    }
	#index_mv .item_06, 
	#index_mv .item_06 img {
		bottom: auto;
		right: 5%;
		width: 15vw;
		top: 30%;
	}
    #index_mv .item_07 ,
    #index_mv .item_07 img{
        bottom: 11%;
        left: 33%;
        width: 21vw;
        z-index: 1;
    }
	#index_mv .item_08, 
	#index_mv .item_08 img {
		bottom: auto;
		left: auto;
		width: 12vw;
		right: 25%;
		top: 42%;
	}

	#index_mv .item_09, 
	#index_mv .item_09 img {
		top: 4%;
		right: 16%;
		width: 12vw;
	}
    #index_mv .item_10 ,
    #index_mv .item_10 img{
        bottom: 41%;
        left: 7%;
        width: 8vw;
        z-index: 2;
    }
    #index_mv .item_11 ,
    #index_mv .item_11 img{
        bottom: 11%;
        right: auto;
        width: 11vw;
        left: 10%;
    }
    #index_mv .item_12 ,
    #index_mv .item_12 img{
        bottom: 7%;
        right: auto;
        width: 8vw;
        opacity: .9;
        left: 5%;
    }
	#index_mv .item_13, 
	#index_mv .item_13 img {
		top: 50%;
		right: 35%;
		width: 7vw;
		z-index: 2;
	}
	#index_mv .fig_01, 
	#index_mv .fig_01 img {
		top: 0%;
		left: 0%;
		width: 43vw;
		z-index: 0;
	}
	#index_mv .fig_02, 
	#index_mv .fig_02 img {
		top: 0%;
		left: auto;
		width: 7vw;
		z-index: 2;
		right: 26vw;
	}
	#index_mv .fig_05, 
	#index_mv .fig_05 img {
		top: 25%;
		right: 0;
		width: 36vw;
		z-index: 1;
	}
	#index_mv .fig_06, 
	#index_mv .fig_06 img {
		top: 62%;
		right: 1%;
		width: 14vw;
		z-index: 1;
	}
	#index_mv .fig_10, 
	#index_mv .fig_10 img {
		bottom: 35%;
		left: 0;
		width: 40vw;
		z-index: 2;
	}
	#index_mv .fig_11, 
	#index_mv .fig_11 img {
		bottom: 5%;
		right: 60%;
		width: 8vw;
		z-index: 2;
	}

}

/*****SP*****/
@media screen and (max-width: 767px) {
	#index_mv {
		max-height: 650px;
	}
	#index_mv::after {
		bottom: 50px;
		padding-bottom: 50px;
	}
	#index_mv .item_text object {
		top: 32%;
		left: 5%;
		transform: translateY(-35%) translateX(-2%);
		width: 70vw;
	}
	#index_mv .item_text.mv_text_en object{
		width: 90vw;
		top: 25%;
	}
    #index_mv .item_left ,
    #index_mv .item_left img{
        top: 35%;
        left: 0%;
        width: 60vw;
    }
	#index_mv .item_bottom, 
	#index_mv .item_bottom img {
		top: 44%;
		right: 5%;
		left: auto;
		transform: none;
		width: 24vw;
	}
	#index_mv .item_right, 
	#index_mv .item_right img {
		top: auto;
		bottom: 4%;
		right: 0%;
		width: 40vw;
	}
	#index_mv .item_01, 
	#index_mv .item_01 img {
		top: 0%;
		left: 3%;
		width: 30vw;
	}
	#index_mv .item_02, 
	#index_mv .item_02 img {
		top: 0%;
		left: auto;
		width: 15vw;
		right: 25%;
	}
    #index_mv .item_03 ,
    #index_mv .item_03 img{
        top: auto;
        right: 1%;
        width: 15vw;
        z-index: 1;
        bottom: 30%;
    }
	#index_mv .item_04, 
	#index_mv .item_04 img {
		top: 12%;
		right: 2%;
		width: 25vw;
		z-index: 1;
	}
	#index_mv .item_05, 
	#index_mv .item_05 img {
		top: auto;
		right: auto;
		width: 25vw;
		bottom: 8%;
		left: 30%;
	}
	#index_mv .item_06, 
	#index_mv .item_06 img {
		bottom: auto;
		right: 3%;
		width: 20vw;
		top: 28%;
	}
	#index_mv .item_07, 
	#index_mv .item_07 img {
		bottom: 20%;
		left: 34%;
		width: 30vw;
		z-index: 1;
	}
	#index_mv .item_08, 
	#index_mv .item_08 img {
		bottom: auto;
		left: auto;
		width: 14vw;
		right: 21%;
		top: 42%;
	}
	#index_mv .item_09, 
	#index_mv .item_09 img {
		top: 4%;
		right: 12%;
		width: 19vw;
	}
	#index_mv .item_10, 
	#index_mv .item_10 img {
		bottom: 41%;
		left: 7%;
		width: 12vw;
		z-index: 2;
	}
	#index_mv .item_11, 
	#index_mv .item_11 img {
		bottom: 10%;
		right: auto;
		width: 16vw;
		left: 7%;
	}
	#index_mv .item_12, 
	#index_mv .item_12 img {
		bottom: 18%;
		right: auto;
		width: 12vw;
		opacity: .9;
		left: 19vw;
	}
	#index_mv .item_13, 
	#index_mv .item_13 img {
		top: 48%;
		right: 37%;
		width: 10vw;
		z-index: 2;
	}
	#index_mv .fig_01, 
	#index_mv .fig_01 img {
		top: -3%;
		left: 0%;
		width: 43vw;
		z-index: 0;
	}
	#index_mv .fig_02, 
	#index_mv .fig_02 img {
		top: -4%;
		left: auto;
		width: 14vw;
		z-index: 2;
		right: 26vw;
	}
	#index_mv .fig_03, 
	#index_mv .fig_03 img {
		top: auto;
		left: 52%;
		width: 10.5vw;
		z-index: 2;
		bottom: 7%;
	}
	#index_mv .fig_04, 
	#index_mv .fig_04 img {
		top: 2%;
		left: 46%;
		width: 5vw;
		z-index: 2;
	}
	#index_mv .fig_05, 
	#index_mv .fig_05 img {
		top: 25%;
		right: 0;
		width: 36vw;
		z-index: 1;
	}
	#index_mv .fig_06, 
	#index_mv .fig_06 img {
		top: 62%;
		right: 1%;
		width: 18vw;
		z-index: 1;
	}
	#index_mv .fig_07, 
	#index_mv .fig_07 img {
		top: 67%;
		right: 3%;
		width: 5.5vw;
		z-index: 0;
	}
	#index_mv .fig_08, 
	#index_mv .fig_08 img {
		top: auto;
		right: 45.5%;
		width: 6.2vw;
		z-index: 2;
		bottom: 5.5%;
	}
	#index_mv .fig_10, 
	#index_mv .fig_10 img {
		bottom: 26%;
		left: -10%;
		width: 52vw;
		z-index: 2;
	}
	#index_mv .fig_11, 
	#index_mv .fig_11 img {
		bottom: 0%;
		right: 62%;
		width: 9vw;
		z-index: 2;
	}
	#index_mv .fig_12, 
	#index_mv .fig_12 img {
		bottom: 3%;
		right: 0%;
		width: 41vw;
		z-index: 1;
	}
	#index_mv .fig_13, 
	#index_mv .fig_13 img {
		bottom: 14%;
		right: 34%;
		width: 14vw;
		z-index: 2;
	}
	#index_mv .parts_01, #index_mv .parts_01 img,
	#index_mv .parts_02, #index_mv .parts_02 img,
	#index_mv .parts_03, #index_mv .parts_03 img,
	#index_mv .parts_04, #index_mv .parts_04 img,
	#index_mv .parts_05, #index_mv .parts_05 img,
	#index_mv .parts_06, #index_mv .parts_06 img,
	#index_mv .parts_07, #index_mv .parts_07 img,
	#index_mv .parts_08, #index_mv .parts_08 img,
	#index_mv .parts_09, #index_mv .parts_09 img,
	#index_mv .parts_10, #index_mv .parts_10 img,
	#index_mv .parts_11, #index_mv .parts_11 img,
	#index_mv .parts_12, #index_mv .parts_12 img,
	#index_mv .parts_13, #index_mv .parts_13 img,
	#index_mv .parts_14, #index_mv .parts_14 img,
	#index_mv .parts_15, #index_mv .parts_15 img,
	#index_mv .parts_16, #index_mv .parts_16 img,
	#index_mv .parts_17, #index_mv .parts_17 img,
	#index_mv .parts_18, #index_mv .parts_18 img,
	#index_mv .parts_19, #index_mv .parts_19 img,
	#index_mv .parts_20, #index_mv .parts_20 img{
		width: 2vw;
	}
}
@media screen and (max-width: 500px) {
	#index_mv {
		height: 600px;
	}
	#index_mv .item_01, #index_mv .item_01 img {
		top: -6%;
	}
	#index_mv .item_02, #index_mv .item_02 img {
		top: -6%;
	}
	#index_mv .item_text object {
		top: 50vw;
		width: 60vw;
	}
}
@media screen and (max-width: 400px) {
	#index_mv {
		height: 600px;
	}
	#index_mv .item_01, #index_mv .item_01 img {
		top: -4%;
	}
	#index_mv .item_02, #index_mv .item_02 img {
		top: -4%;
	}
}
@media screen and (max-height: 750px) {
	#index_mv .item_01, #index_mv .item_01 img {
		top: 2%;
	}
	#index_mv .item_02, #index_mv .item_02 img {
		top: 2%;
	}
}
@media screen and (max-height: 700px) {
	#index_mv .item_01, #index_mv .item_01 img {
		top: 4%;
	}
	#index_mv .item_02, #index_mv .item_02 img {
		top: 4%;
	}
}
@media screen and (max-width: 350px) {
	#index_mv .item_01, #index_mv .item_01 img {
		top: 8%;
	}
	#index_mv .item_02, #index_mv .item_02 img {
		top: 7%;
	}
}

@media (768px <= width < 1024px) {

}