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

@media screen and (max-width: 896px){
	
/*----------------------------------------
 column
----------------------------------------*/

.col_1_sp{
width: 8.33%;
}

.col_2_sp{
width: 16.66%;
}

.col_3_sp{
width: 25%;
}

.col_4_sp{
width: 33.33%;
}

.col_5_sp{
width: 41.66%;
}

.col_6_sp{
width: 50%;
}

.col_7_sp{
width: 58.33%;
}

.col_8_sp{
width: 66.66%;
}

.col_9_sp{
width: 75%;
}

.col_10_sp{
width: 83.33%;
}

.col_11_sp{
width: 91.66%;
}

.col_12_sp{
width: 100%;
}

}



@media screen and (min-width : 897px) {

/*----------------------------------------
 column
----------------------------------------*/

.col_1{
width: 8.33%;
}

.col_2{
width: 16.66%;
}

.col_3{
width: 25%;
}

.col_4{
width: 33.33%;
}

.col_5{
width: 41.66%;
}

.col_6{
width: 50%;
}

.col_7{
width: 58.33%;
}

.col_8{
width: 66.66%;
}

.col_9{
width: 75%;
}

.col_10{
width: 83.33%;
}

.col_11{
width: 91.66%;
}

.col_12{
width: 100%;
}

}