@charset "utf-8";

@import url("style-s.css?v=1.2.0") only screen and (max-width: 736px);
@import url("style.css?v=1.2.0") only screen and (min-width: 737px);

#wrapper{
	opacity: 0;
	transition: all 1.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
#wrapper.active{
	opacity: 1;
}
main{
	overflow: hidden;
}


/* ===========================================
/* 1. オープニング専用のカーテン（修正箇所）
/* =========================================== */
main .keyVisual > .blue-curtain.opening {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #133373;
    z-index: 9999;
    transform: scaleX(1);
    transform-origin: right;
    transition: transform 1.2s cubic-bezier(0.8, 0, 0.2, 1);
}
main .keyVisual > .blue-curtain.opening.is-hidden {
    transform: scaleX(0);
    visibility: hidden;
    transition-delay: 0s, 1.2s;
    transition-property: transform, visibility;
}
main .keyVisual > figure.first-message{
	position: absolute;
	left: 10%;
	right: 10%;
	top: 50%;
	z-index: 10000;
	transform: translateY(-50%);
	opacity: 1.0;
	visibility: visible;
	transition: 0.5s ease-in-out;
}
main .keyVisual > figure.first-message.close{
	opacity: 0;
	visibility: hidden;
}