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

/* ----------------------------------------------------
   index setting
------------------------------------------------------- */

/*---- logo ----*/

header .logo {
    width: 25%;
    text-align: center;
}
header .logo.scroll{
    width: 20%;
}

header .logo img {
    width: 80%;
}

/* bnr :
--------------------------------------------*/	
.bnr h2{
    text-align: center;
}

.bnr ul{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.bnr ul::after {
    content: '';
    width: 100%;
}

.bnr ul li:nth-child(n+4) {
    order: 1;
}

.bnr ul li:nth-child(3n+1) a{
    margin: 0 0 1rem 0;
}

@media screen and (max-width: 500px){
	
.sp_bnr ul li{
    width: 32%;
	margin: 0 0 1% 1%;
}
	
.sp_bnr ul li a{
    width: 100%;
	margin: 0;
}
	
.sp_bnr ul li:nth-child(3n+1){
    margin: 0 0 1% 0;
}

.sp_bnr ul li:nth-child(3n+1) a{
    margin: 0;
}

}
#about .a_left{
    width: 90%;
}
#about .a_right{
    margin: -3rem 0rem 2rem;
    width: 100%;
    padding: 5rem 2rem 2rem;
}
#about .a_right p{
    margin-bottom: 1rem;
}


/* t_banner :
--------------------------------------------*/	
.t_banner{
	display: block;
}
.t_banner p{
	width: 90%;
	background: var(--gray-color3);
	border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
	margin: 0 auto 1rem;
}