@charset "utf-8";
.rwd {
}
.container {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  margin:0px 0px 0px 0px;
}

.indexbox {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  margin:10px 10px 10px 10px;
}

.c0 {
    width: 0.5%;
}
.c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8 {
	width: 98%;
}

.p0 {
    width: 3%;
 }  
.p1 {
    width: 78%;
    margin: 10px 10px 10px 10px;	
 }   
.T0 {
	width: 100%;
	align: center;
 }
.TM {
	width: 500px;
	align: center;
 }    
.TC {
	width: 260px;
	align: right;
 }     
.T1 {
	width: 387px;
	align: center;
 } 
.T2 {
	width: 305px;
	align: left;
 }    

@media (min-width: 480px) {
 .c0 {
    width: 1.2%;
  }
 .c1 {
    width: 40%;
  }
 .c2 {
	width: 55%;
  }
 .c3 {
	width: 96%;
	height: auto;	
    margin: 20px;
  }
 .c4, .c5, .c6, .c7 {
    width: 23%;
	height: auto;
  }
 .c8 {
	width: 16%;
    margin: 10px 2px 2px 2px;
  }
 .p0 {
    width: 3%;
  }  
 .p1 {
    width: 78%;
    margin: 5% 6% 15px 12%;
	align: center;
  }    
 .T0 {
	width: 100%;
	margin: 0px 0px 0px 0px;	
	align: center;
  }    
 .T1 {
	width: 387px;
    margin:0px 0px 0px 10%;	
	align: center;
  }    
 .T2 {
	width: 305px;
    margin:0px 0px 4% 20%;	
	align: center;
  }   
 .TM {
	width: 485px;
    margin:0px 0px 0px 0px;		
	align: center;
  }    
 .TC {
	width: 260px;
    margin:-30px 0px 20px 53%;		
	align: right;
  }    
}

@media (min-width: 480px) {
  .container {
    width: 100%;
	align: center;
    justify-content: space-between;		
  }
  .indexbox {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }  
}



@media (min-width: 760px) {
 .c0 {
    width: 1.5%;
  }
 .c1 {
    width: 40%;
  }
 .c2 {
	width: 55%;
  }
 .c3 {
	width: 96%;
    margin: 20px;
  }
 .c4, .c5, .c6, .c7 {
    width: 23%;
	height: auto;
  }
 .c8 {
	width: 16%;
    margin: 10px 2px 2px 2px;
  }
 .p0 {
    width: 2%;
  }  
 .p1 {
    width: 40%;
    margin: 15px 4% 15px 6%;
  }   
 .T0 {
	width: 100%;
	margin: 0px 0px 0px 0px;
	align: center;
  }   
 .T1 {
	width: 387px;
    margin:0px -50px 0px 5%;	
	align: right;	
  }    
 .T2 {
	width: 305px;
    margin:0px 3% 0px -4px;	
	align: left;
  }   
 .TM {
	width: 485px;
    margin:0px 0px 0% 0px;	
	align: left;
  }    
 .TC {
	width: 260px;
    margin:0px 0% 0% 0px;	
	align: left;
  }     
}

@media (min-width: 760px) {
  .container {
    width: 100%;
    justify-content: space-between;		
    margin-left: auto;
    margin-right: auto;
  }
  .indexbox {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }  
}



@media (min-width: 1024px) {
 .c0 {
    width: 1.5%;
  }
 .c1 {
    width: 25%;
  }
 .c2 {
	width: 36%;
  }
 .c3 {
	width: 28%;
    margin: 20px;
  }
 .c4, .c5, .c6, .c7 {
    width: 22%;
	height: auto;
    margin: 10px 2px 2px 2px;
  }
 .c8 {
	width: 16%;
    margin: 10px 2px 2px 2px;
  }
 .p0 {
    width: 2%;
  }  
 .p1 {
    width: 25%;
    margin: 15px 2% 15px 2%;
  }   
 .T0 {
	width: 1024px;
	align: center;
  }   
 .T1 {
	width: 387px;
    margin:0px 0px 0px 150px;	
	align: right;
  }    
 .T2 {
	width: 305px;
    margin:0px 183px 8% -3px;		
	align: left;
  }  
 .TM {
	width: 50%;
	align: center;
  }    
 .TC {
	width: 260px;
	margin: 0px 0px 0px 20px;	
	align: right;
  }   
}

@media (min-width: 1024px) {
  .container {
    width: 1024px;
    justify-content: space-between;		
    margin-left: auto;
    margin-right: auto;
  }
  .indexbox {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }  
}