.introVDO{
	position: absolute;
  
    width: 50%;
    Z-INDEX: 3;
} 
.divVDO{
	width: 100%;
	padding-bottom: 56%;
	position:relative;
	box-shadow: 0px 3px 6px #797979;
	background-color:#bcb5b5;
}
.divVDO iframe{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}
.introTEXT{
	position: absolute;
	top: 10%;
	width: calc( 50% + 50px );
	height:80%;
	right: -50px;
    Z-INDEX: 2;

background-image: linear-gradient(to bottom, rgba(255,255,255,0.5),rgba(255,255,255,0.5),rgba(255,255,255,0.5),rgba(255,255,255,0.5), rgba(255,255,255,0));
   
}
.introTEXT div{
	font: normal normal bold 50px/67px Segoe UI;
	letter-spacing: 0px;
	color: #78491F;
	font-size: 1.8em;
	line-height: 1.2em;
	font-weight: bold;
	    text-shadow: 1px 1px #ffd4ac;
	text-align: right;
}

.introTEXT div span{
    display: block;
    position: relative;
    width: fit-content;
    text-align: left;
    margin: 20px auto;
    white-space: nowrap;
}
.index_part{
	position:relative;
  padding-bottom: 30%;
}
.introARTICON{
	background-image:url('/images/articon_white.png');
    width: 180px;
    height: 40%;
    position: absolute;
    bottom: 10%;
    left: calc( 50% - 40px );
    background-size: contain;
    background-position: bottom left;
    /* padding-right: 100%; */
    z-index: 5;
    drop-shadow: 0px 3px 6px #00000059;
    filter: drop-shadow(5px 5px 5px #808080);
}