/*padding*/
.pa10{
padding: 10px;
}
.pa20{
padding: 20px;
}
.hi_10{
margin: 10px 0;
}
.hi_20px{
margin: 20px 0;
}
.hi_30px{
padding: 30px 0;
}
.hi_60px{
padding: 60px 0;
}
/*font*/
.bbb{
font-weight: bold;
}
.b110{
font-size: 110%;
font-weight: bold;
}
.b120{
font-weight: bold;
font-size: 120%;
}
.te_cen{
text-align: center;
}
.te_left{
text-align: left;
}
.fs90{
font-size: 90%;
}
.fs85{
font-size: 85%;
}
.fs80{
font-size: 80%;
}
.fs70{
font-size: 70%;
}


/*color*/
.aka{
color: red;
}
.li_glay{
color: gray;
}
.ba_col{
color: #007C9A;
}
.kuro{
color: #000000;
}


/*flexbox*/
.flex_normal{
display: flex;
justify-content: center;
flex-direction: row;
align-items: center;
flex-wrap: wrap;
}
.flex_column{
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;	
}
.flex70{
width: 68%;
}
.flex60{
width: 58%;
}
.flex50{
width: 48%;
}
.flex40{
width: 38%;
}
.flex30{
width: 27%;
}
.flex25{
width: 23%;
}
.flex20{
width: 18%;
}
/*width*/
.w_9{
width: 90%;
margin: 0 auto;
}
.w_80{
width: 80%;
margin: 0 auto;
}
.w_70{
width: 70%;
margin: 0 auto;
}
.w_60{
width: 60%;
margin: 0 auto;
}
.w_40{
width: 40%;
margin: 0 auto;
}
@media screen and (max-width: 1024px) {
.flex30{
width: 32%;
}	
}
@media screen and (max-width: 960px) {
}

@media screen and (max-width: 479px) {
.w_80{
width: 90%;
margin: 0 auto;
}
.w_70{
width: 90%;
margin: 0 auto;
}
.w_60{
width: 90%;
margin: 0 auto;
}
/*flexbox*/
.flex_normal{
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
flex-wrap: wrap;
}

.flex50,.flex30{
width: 90%;
}
.pa20{
padding: 10px;
}
	
}