@charset "utf-8";

.bg-box {
width: 100vw;
height: 100vh;
background-position: center center;
background-size: cover;
display: flex;
align-items: center;
justify-content: center;

}
.bg-box p {
color: white;
font-size: 80px;
font-weight: bold;
text-align: center;
}

.bg-box img {
max-width: 100%;
height: 60vh;
}


/* �t�F�[�h�C��  */

.fade {
animation: fadeIn 2s ease 0s 1 normal;
}
    @keyframes fadeIn { 
        0% {opacity: 0} 
        100% {opacity: 1} 
    }

.fade-slow {
animation: fadeInSlow 8s ease 0s 1 normal;
}
    @keyframes fadeInSlow { 
        0% {opacity: 0} 
        100% {opacity: 1} 
    }

/* モーダルウィンドウ  */
#info{
	display: none;
}
.modaal-container{
    max-width: 600px;
}

.modaal-close:after, 
.modaal-close:before{
	background:#fff;	
}

.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before{
	background:#666;
}
p.info-text {
	margin: 1.0rem 0;
}