/* Opening
-----------------------------------------*/
.Opening{
	/* padding-bottom: 80%; アスペクト比　 */
	max-height: calc(100vh - 2em);
	aspect-ratio: 39 / 64; /* or 195 / 304 (短め) */
	/* height: 0; */
	overflow: hidden;
}
.Opening li {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.Opening {
position:relative;
height:auto!important;
background-color: #FFF;
}
.Opening ul li{
  position: relative;
  overflow: hidden;
  width: 100%;
height:auto!important;
  text-align: center;
}
.Opening ul li img.Opening__text{
	width:70%;
	position: absolute;
	top:48%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	z-index: 9;
}
.Opening ul li span {
}
.Opening ul li span img.Opening__img{
  max-width: inherit;
  width: 100%;
  height: auto;
}


/*=================================================================================*/
/** 768px以上　タブレット縦　サイズ画面  **/
@media (min-width : 768px) {
.Opening{
	aspect-ratio: 40 / 21; /* アスペクト比　*/
	max-height: auto;
	width: 100%;
	/* padding-bottom: 43.125%; */
}
.Opening ul li img.Opening__text{
	width:auto;
	top:40%;
}
	
	
}