@charset "UTF-8";
@media screen and (max-width:1024px){
#logo-wrap{
background:transparent!important;
}
#spmenu-btn::before,#spmenu-btn span::before,#spmenu-btn::after{
border-color:#666!important;
}
[data-spmenu="true"] #spmenu-btn::before,[data-spmenu="true"] #spmenu-btn::after{
border-color:#333!important;
}
}
.headers-slide{
position:relative;
width:100%;
min-height:100vh;
min-height:830px;
overflow:hidden;
margin:0 auto;
}
@media screen and (max-width:640px){
.headers-slide{
width:100%;
min-height:100vh;
}
}
#headers-text{
width:70%;
position:absolute;
top:40%;
left:50%;
transform:translateX(-50%);
z-index:1;
}
@media screen and (max-width:640px){
#headers-text{
width:90%;
}
}
#headers-heading{
font-size:50px;
color:#fff;
line-height:1.3;
text-align:center;
margin-bottom:0.8em;
}
@media screen and (max-width:640px){
#headers-heading{
font-size:30px;
}
}
#headers-desc{
font-size:26px;
color:#fff;
line-height:1.3;
text-align:center;
max-width:100%;
}
@media screen and (max-width:640px){
#headers-desc{
font-size:16px;
max-width:100%; 
}
}
.slide-image{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-position:center;
background-size:cover;
background-repeat:no-repeat;
opacity:0;
animation:slide-animation 10s linear infinite;
}
.headers-slide .slide-image:nth-child(1){
background-image:url(../img/saku1gr.jpg);
animation-delay:0s;
}
.headers-slide .slide-image:nth-child(2){
background-image:url(../img/saku2bh.jpg);
animation-delay:3.3333s;
}
.headers-slide .slide-image:nth-child(3){
background-image:url(../img/saku3tl.jpg);
animation-delay:6.6666s;
}
.slide-image.cover::after{
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-color:rgba(0,0,0,.4);
}
@keyframes slide-animation{
0%{
opacity:0;
transform:scale(1.1);
}
5%{
opacity:1;
}
33.33%{
opacity:1;
}
38.33%{
opacity:0;
transform:scale(1);
}
100%{
opacity:0;
}
}