@charset "UTF-8";
/* ===================================================================
CSS information

 File Name  : util.css
 Style Info : 案件に依存せず汎用的に使うClassを定義
=================================================================== */
*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.inline {
  display:inline;
}
.inline_block {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.block {
  display:block;
}
.flex {
  display: flex;
}
/* 横逆順 */
.fx_r_reverse {
  flex-direction: row-reverse;
}
/* 縦逆順 */
.fx_c_reverse {
  flex-direction: column-reverse;
}
/*アイテム折返し*/
.fx_wrap {
  flex-wrap: wrap;
}
/* 等間隔に配置 */
.fx_between {
  justify-content: space-between;
}
/* センターに配置 */
.fx_center {
  justify-content: center;
}
/* 右側に配置 */
.fx_end {
  justify-content: flex-end;
}
/*上下中央寄せ*/
.fx_all_center {
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.table_cell {
  display: table-cell;
  vertical-align: middle;
}
.fr {
  float: right;
}
.fl {
  float: left;
}
.tC {
  text-align: center;
}
.tR {
  text-align: right;
}
.pc_none {
  display:none;
}
.clearfix:after {
  content: ""; 
  display: block; 
  clear: both;
}
.alpha:hover {
  opacity: 0.7;
}
.no_alpha {
  opacity: 1!important;
}

@media screen and (max-width: 899px) {
  .pc_none {
    display:block;
  }
  .sp_none {
    display:none;
  }
  .fl,.fr {
    box-sizing:border-box;
    width:100%!important;
    float:none!important;
  }
  .sp_block {
    display: block;
  }
}

.nolink {
  pointer-events: none;
}
.pc_nolink {
  pointer-events: none;
}
  @media screen and (max-width: 899px) {
    .pc_nolink {
      pointer-events: painted;
    }
  }

.mb5 {
  margin-bottom: 5px;
}
.mb10 {
  margin-bottom: 10px;
}
.mb15 {
  margin-bottom: 15px;
}
.mb20 {
  margin-bottom: 20px;
}
.mb25 {
  margin-bottom: 25px;
}
.mb30 {
  margin-bottom: 30px;
}
.mb35 {
  margin-bottom: 35px;
}
.mb40 {
  margin-bottom: 40px;
}
.mb45 {
  margin-bottom: 45px;
}
.mb50 {
  margin-bottom: 50px;
}
.mt5 {
  margin-top: 5px;
}
.mt10 {
  margin-top: 10px;
}
.mt15 {
  margin-top: 15px;
}
.mt20 {
  margin-top: 20px;
}
.mt25 {
  margin-top: 25px;
}
.mt30 {
  margin-top: 30px;
}
.mt35 {
  margin-top: 35px;
}
.mt40 {
  margin-top: 40px;
}
.mt45 {
  margin-top: 45px;
}
.mt50 {
  margin-top: 50px;
}
  @media screen and (max-width: 899px) {
    .mb5 {
      margin-bottom: 1.33vw;
    }
    .mb10 {
      margin-bottom: 2.66vw;
    }
    .mb15 {
      margin-bottom: 4vw;
    }
    .mb20 {
      margin-bottom: 5.33vw;
    }
    .mb25 {
      margin-bottom: 6.66vw;
    }
    .mb30 {
      margin-bottom: 8vw;
    }
    .mb35 {
      margin-bottom: 9.33vw;
    }
    .mb40 {
      margin-bottom: 10.66vw;
    }
    .mb45 {
      margin-bottom: 11.99vw;
    }
    .mb50 {
      margin-bottom: 13.33vw;
    }
    .mt5 {
      margin-top: 1.33vw;
    }
    .mt10 {
      margin-top: 2.66vw;
    }
    .mt15 {
      margin-top: 4vw;
    }
    .mt20 {
      margin-top: 5.33vw;
    }
    .mt25 {
      margin-top: 6.66vw;
    }
    .mt30 {
      margin-top: 8vw;
    }
    .mt35 {
      margin-top: 9.33vw;
    }
    .mt40 {
      margin-top: 10.66vw;
    }
    .mt45 {
      margin-top: 11.99vw;
    }
    .mt50 {
      margin-top: 13.33vw;
    }
  }

.mb55 {
  margin-bottom: 55px;
}
.mb60 {
  margin-bottom: 60px;
}
.mb65 {
  margin-bottom: 65px;
}
.mb70 {
  margin-bottom: 70px;
}
.mb75 {
  margin-bottom: 75px;
}
.mb80 {
  margin-bottom: 80px;
}
.mb85 {
  margin-bottom: 85px;
}
.mb90 {
  margin-bottom: 90px;
}
.mb95 {
  margin-bottom: 95px;
}
.mb100 {
  margin-bottom: 100px;
}
.mt55 {
  margin-top: 55px;
}
.mt60 {
  margin-top: 60px;
}
.mt65 {
  margin-top: 65px;
}
.mt70 {
  margin-top: 70px;
}
.mt75 {
  margin-top: 75px;
}
.mt80 {
  margin-top: 80px;
}
.mt85 {
  margin-top: 85px;
}
.mt90 {
  margin-top: 90px;
}
.mt95 {
  margin-top: 95px;
}
.mt100 {
  margin-top: 100px;
}
@media screen and (max-width: 899px) {
  .mb55 {
    margin-bottom: 14.66vw;
  }
  .mb60 {
    margin-bottom: 16vw;
  }
  .mb65 {
    margin-bottom: 17.33vw;
  }
  .mb70 {
    margin-bottom: 18.66vw;
  }
  .mb75 {
    margin-bottom: 20vw;
  }
  .mb80 {
    margin-bottom: 21.33vw;
  }
  .mb85 {
    margin-bottom: 22.66vw;
  }
  .mb90 {
    margin-bottom: 24vw;
  }
  .mb95 {
    margin-bottom: 25.33vw;
  }
  .mb100 {
    margin-bottom: 26.66vw;
  }
  .mt55 {
    margin-top: 14.66vw;
  }
  .mt60 {
    margin-top: 16vw;
  }
  .mt65 {
    margin-top: 17.33vw;
  }
  .mt70 {
    margin-top: 18.66vw;
  }
  .mt75 {
    margin-top: 20vw;
  }
  .mt80 {
    margin-top: 21.33vw;
  }
  .mt85 {
    margin-top: 22.66vw;
  }
  .mt90 {
    margin-top: 24vw;
  }
  .mt95 {
    margin-top: 25.33vw;
  }
  .mt100 {
    margin-top: 26.66vw;
  }
}