#box-index-image{
	width: 100vw;
	height: 50vh;
	overflow: hidden;
}

#logo-image{
    position: absolute;
    height: 20vh;
    content: url("../images/MASSAGE  BODYFIT/MediumSquareLogo.png");
    margin: -3vh 0 0 2vw;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
} 

#index-image{    
	width: 210vw;
	min-width: 810px;
    position: relative;
    right: 80vw;
    z-index: -1;
    bottom: 1vh;
    background: #d9d9da;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}


#fadeout-index-image {
    position: absolute;
    height: 12vh;
    top: 52vh;
    width: 100vw;
    z-index: -1;
    background: -webkit-linear-gradient( rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70% );
    background-image: -moz-linear-gradient( rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70% );
    background-image: -o-linear-gradient( rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70% );
    background-image: linear-gradient( rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70% );
    background-image: -ms-linear-gradient( rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70% );
} 
  

#box-index-text{
    position: relative;
    padding: 0 5vw;
    text-align: center;
    font-family:'Noto Serif JP', sans-serif;
} 

#index-text-header{
	font-size: 4vw;
    margin-bottom: 2.4vh;
    font-weight: bold;
     text-shadow: 1px 2px #c2bab0;
}

#index-text{
	font-size: 3.5vw;
	margin-bottom: 1vh;
}

#index-text-ending{
	font-size: 3.5vw;
}


#index-text-signature{
	font-size: 7.5vw;
	font-family: "Snell Roundhand",'Dancing Script';
	position: relative;
    bottom: 0.6vh;
}