@charset "utf-8";
/* CSS Document */
.main_info_grid {
	width: 90%;
	display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: auto;
}

.main_info_grid li,
.main_info_grid2 li{
    padding: 0.5rem;
} 

.main_info_item:nth-child(1) {
    grid-row: 1/2;
    grid-column: 1/2;
}
.main_info_item:nth-child(2) {
    grid-row: 1/2;
    grid-column: 2/3;
}

.main_info_item:nth-child(3) {
    grid-row: 1/2;
    grid-column: 3/4;
}

.main_info_item:nth-child(4) {
    grid-row: 1/2;
    grid-column: 4/5;
}
.main_info_item:nth-child(5) {
    grid-row: 1/2;
    grid-column:5/6;
}
.main_info_item:nth-child(6) {
    grid-row: 2/3;
    grid-column: 1/2;
    padding-top: 1.5em;
}

.main_info_item:nth-child(7) {
    grid-row: 2/3;
    grid-column: 2/3;
    padding-top: 1.5em;
}
.main_info_item:nth-child(8) {
    grid-row: 2/3;
    grid-column: 3/4;
    padding-top: 1.5em;
}

.main_info_item:nth-child(9) {
    grid-row: 2/3;
    grid-column: 4/5;
    padding-top: 1.5em;
}
.main_info_item:nth-child(10) {
    grid-row: 2/3;
    grid-column: 5/6;
    padding-top: 1.5em;
}

.main_info_grid2 {
	width: 90%;
	display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto;
}

.main_info_item2:nth-child(1) {
    grid-row: 1/2;
    grid-column: 1/2;
}
.main_info_item2:nth-child(2) {
    grid-row: 1/2;
    grid-column: 2/3;
}
.main_info_item2:nth-child(3) {
    grid-row: 1/2;
    grid-column: 3/4;
}
.main_info_item2:nth-child(4) {
    grid-row: 2/3;
    grid-column: 1/2;
}
.main_info_item2:nth-child(5) {
    grid-row: 2/3;
    grid-column: 2/3;
}
.main_info_item2:nth-child(6) {
    grid-row: 2/3;
    grid-column: 3/4;
}


@media screen and (max-width: 1200px) {
  .main_info_grid {
	width: 95%;
	display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: auto;
}

    
.main_info_grid li,
.main_info_grid2 li {
    padding: 0.4rem;
} 


.main_info_item:nth-child(1) {
    grid-row: 1/2;
    grid-column: 1/5;
}    
.main_info_item:nth-child(2) {
    grid-row: 1/2;
    grid-column: 5/9;
}

.main_info_item:nth-child(3) {
    grid-row: 1/2;
    grid-column: 9/13;
}
    
.main_info_item:nth-child(4) {
    grid-row: 2/3;
    grid-column: 9/13;
    padding-top: 1.5em;
}
    
.main_info_item:nth-child(5) {
    grid-row: 2/3;
    grid-column: 5/9;
   padding-top: 1.5em;
}
    
 .main_info_item:nth-child(6) {
    grid-row: 2/3;
    grid-column: 1/5;
}
.main_info_item:nth-child(7) {
    grid-row: 3/4;
    grid-column: 1/4;
    padding-top: 0; 
} 
.main_info_item:nth-child(8) {
    grid-row: 3/4;
    grid-column: 4/7;
    padding-top: 0; 
}
.main_info_item:nth-child(9) {
    grid-row: 3/4;
    grid-column: 7/10;
    padding-top: 0; 
}
.main_info_item:nth-child(10) {
    grid-row: 3/4;
    grid-column: 10/13;
    padding-top: 0; 
}
    
.main_info_grid2 {
	width: 95%;
	display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto;
}

.main_info_item2:nth-child(1) {
    grid-row: 1/2;
    grid-column: 1/2;
}
.main_info_item2:nth-child(2) {
    grid-row: 1/2;
    grid-column: 2/3;
}
.main_info_item2:nth-child(3) {
    grid-row: 1/2;
    grid-column: 3/4;
}

.main_info_item2:nth-child(4) {
    grid-row: 2/3;
    grid-column: 1/2;
}
.main_info_item2:nth-child(5) {
    grid-row: 2/3;
    grid-column: 2/3;
}
.main_info_item2:nth-child(6) {
    grid-row: 2/3;
    grid-column: 3/4;
}	
}




/*@media screen and (max-width: 799px) {
.main_info_grid2 {
	width: 95%;
	display: block;
}
}*/

@media screen and (max-width: 480px) {
  .main_info_grid {
	width: 90%;
	display: block;
}
   .main_info_grid2 {
	width: 95%;
	display: block;
} 
    
    .main_info_grid li {
    padding: 0.3rem;
}
    .sp_mat32 {
        margin-top: 1.5rem;
    }
    
    .main_info_item:nth-child(4) {
    padding-top: 0;   
} 
    .main_info_item:nth-child(5) {
    padding-top: 0;   
} 
    
}