@charset "utf-8";
/* CSS Document */

/*グリッドレイアウトシステム*/
@media(min-width: 800px){

.column2-wrapper{
display: grid;
grid-template-columns: 1fr 1fr;
margin: 32px auto;
gap: 20PX;
}
.mt-0{
margin-top: 0;
}
.column2-3-wrapper{
display: grid;
grid-template-columns: 2fr 3fr;
margin: 32px auto;
gap: 20PX;
}

}
@media(min-width: 801px){
}


/*グリッドレイアウトシステムここまで*/


@media(max-width: 800px){

.section-page-navi{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 20px;
}
}
@media(min-width: 801px){

.section-page-navi{
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 20px;
}
}
.section-page-navi a{
color: var(--black)
}
.section-page-navi a:hover{
font-weight: 600;
transform: scale(1.1);
}