@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: 999px) {
  .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: 999px) {
    .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;
}
  @media screen and (max-width: 999px) {
    .mb5 {
      margin-bottom: 1.33vw;
    }
    .mb10 {
      margin-bottom: 2.66vw;
    }
    .mb15 {
      margin-bottom: 4vw;
    }
    .mb20 {
      margin-bottom: 5.33vw;
    }
    .mb25 {
      margin-bottom: 6.66vw;
    }
    .mb35 {
      margin-bottom: 9.33vw;
    }
  }