@charset "UTF-8";
/*******
2026
**********/
#grand02.g2026 {
    background: url(../images/2026/grand02-bg2026.jpg) center top no-repeat;
	background-size: cover;
}
#grand02.g2026 .grand02-inner img {
	width: 100%;
    max-width: 811px;
}
.g2026 .grand02-inner {
    background: rgba(101, 192, 187, 0.9);
}
.grand-bannar {
    background: url(../images/2026/grand02-bg2026.png) center top no-repeat;
    background-size: cover;
}
.grand-bannar-inner {
    padding: 40px 10px 20px;
    background: rgba(101, 192, 187, 0.9);
}
#bannar01 a {
    color: #fff;
    background-image: linear-gradient(90deg, rgba(101, 192, 187, 0), rgba(101, 192, 187, 1) 64%);
}
#bannar02 a {
    color: #fff;
    background-image: linear-gradient(270deg, rgba(101, 192, 187, 0), rgba(101, 192, 187, 1) 64%);
}

@media screen and (max-width: 768px) {
.grand-bannar-inner {
    padding: 40px 20px 60px;
    background: rgba(101, 192, 187, 0.9);
}
}



.ga2026 .top-main-left.just-main {
    background: #F5F5F5;
}
.ga2026 .scroll02 a {
    color: #32227A;
}
@media screen and (min-width: 769px) {
    .ga2026 .top-main {
        background: url(../images/2026/main2026.jpg) center center no-repeat;
        position: fixed;
        background-size: cover;
        z-index: -1;
        transition: all .5s;
    }
}
@media screen and (max-width: 768px) {
    .ga2026 .top-main {
        background: url(../images/2026/main2026-sp.jpg) center top no-repeat;
        position: fixed;
        background-size: cover;
    }
}


.about-navi{
	height: 90vh;
	overflow: auto;
}
@media screen and (max-width: 768px) {
.about-navi{
	height: 80vh;
}
}

@media  (min-width: 769px) {
	.achive2026 .ab-story .inner{
		padding-left: 90px;
	}
	
}