/*padding*/
.pa10{padding: 10px;}
.pa20{padding: 20px;}
.hi_10{margin: 10px 0;}
.hi_20px{margin: 20px 0;}
.hi_30px{padding: 30px 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_90{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;}
/*container*/
.normal_container{padding: 30px 0;}
.blue_container{background-image: linear-gradient(45deg, rgba(0,124,154,0.2) 0%,rgba(62,175,205,0.2) 100%);padding: 30px 0;}
@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;}
.normal_container{padding: 20px 0;}
}