@charset “UTF-8”;
/*eye*/

.slide-eye-item div{
/*height: 100vh;*//*jsか検討中*/
width: 100%;
background-attachment: scroll;
background-size: cover !important;
background-repeat: no-repeat;
/*background: red;*/
}

.slide-eye-item div:nth-of-type(1){
background: url(./img_share/image02.webp);
background-position:top 60%  left 50%;
}

.slide-eye-item div:nth-of-type(2){
background: url(./img_share/eyeimg01_220715.webp);
background-position: top 50%  left 45%;
}

.slide-eye-item div:nth-of-type(3){
background: url(./img_share/image02.webp);
background-position:top 60%  left 50%;
}

.slide-eye-item div:nth-of-type(4){
background: url(./img_share/eyeimg01_220715.webp);
background-position: top 50%  left 45%;
}


.infomaskbackground{
position: fixed;
top: 0;
left: 0;
width: 100vw;
z-index:9998;
background: #fff;
display: none;
}

.infomask{
position: fixed;
top: 0;
left: 0;
background: #fff;
 width: 100vw;
 /*height: 100vh;*/
 display: none;
 z-index: 9999;
 /*position: relative;*/
  }


.infomask2{
position: fixed;
top: 0;
right:0;
background: #fff;
 width: 100vw;
 height: 100vh;
 display: none;
 z-index: 9999;
 /*position: relative;*/
  }

#infomask_cont{
position: absolute;
left: 50%;
top:50%;
width: 100%;
transform: translate(-50%,-50%);

}

#infomask_cont p{
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
text-align: center;
font-size: 3rem;
margin:35px auto 0;
}

.infomask #infomask_cont img{
    width:46%;
    margin:auto 27% 0;
}
.infomask2 #infomask_cont img{
    width:26%;
    margin:auto 37% 0;
}



@media screen and (max-width: 1024px) { 
#infomask_cont p{
  font-size: 2.0rem;  
}
}/**/

@media screen and (max-width: 896px) { 
#infomask_cont p{
font-size: 1.8rem;
}  
}/**/

@media screen and (max-width: 480px) {
#infomask_cont p{
  font-size: 1.0rem; 
  margin:25px auto 0; 
}
}/**/