/* ==========================================================================
   Author's custom styles
   ========================================================================== */

@media (min-width: 1020px) {/******************* デスクトップ以上STA *******************/

.container {
    width: 77%;
}

.container_top{
  width: 90%;  
}

.container_work{
  width: 60%;  
}
.container_rec{
  width: 40%;  
}
.container_topic{
  width: 40%;  
}
.col_menu,
.col_flow,
.col_1,
.col_2,
.col_3,
.col_4,
.col_5,
.col_6,
.col_7,
.col_8,
.col_9,
.col_10,
.col_11,
.col_12 {
float: left;
}
.col_12 {
  width: 100%;
}
.col_11 {
  width: 91.66666666666666%;
}
.col_10 {
  width: 83.33333333333333%;
}
.col_9 {
  width: 75%;
}
.col_8 {
  width: 66.66666666666666%;
}
.col_7 {
  width: 58.333333333333336%;
}
.col_6 {
  width: 50%;
}
.col_5 {
  width: 41.66666666666667%;
}
.col_4 {
  width: 33.3334%;
}
.col_3 {
  width: 25%;
}
.col_flow {
  width: 20%;
}
.col_2 {
  width: 16.666666666666666%;
}
.col_menu {
  width: 20%;
}
.col_1 {
  width: 8.333333333333332%;
}




.float_right{
  float: right;
}

.float_center{
  float: center;
}

















}/******************* デスクトップ以上END *******************/