@charset "UTF-8";

/* ********** ユーティリティ ********** */
/* PC/SPオンリー */
.u-pconly {
  display: block;
}
br.u-pconly {
  display: inline-block;
}
.u-sponly {
  display: none;
}
/* フレックスボックス */
.u-fjc {
  justify-content: center;
}
.u-fjs {
  justify-content: space-between;
}
.u-fje {
  justify-content: flex-end;
}
.u-fja {
  justify-content: space-around;
}
.u-fac {
  align-items: center;
}
.u-fas {
  align-items: flex-start;
}
.u-fae {
  align-items: flex-end;
}
/* 幅指定 */
[class*="u-w9"],
[class*="u-w8"],
[class*="u-w7"],
[class*="u-w6"],
[class*="u-w5"],
[class*="u-w4"],
[class*="u-w3"],
[class*="u-w2"],
[class*="u-w1"] {
  margin-right: auto;
  margin-left: auto;
}
[class*="u-w90"] {
  max-width: 1296px;
  width: 90%;
}
.u-w90--nl {
  max-width: none;
  width: 90%;
}
[class*="u-w85"] {
  max-width: 1224px;
  width: 85%;
}
[class*="u-w80"] {
  max-width: 1152px;
  width: 80%;
}
[class*="u-w75"] {
  max-width: 1080px;
  width: 75%;
}
[class*="u-w70"] {
  max-width: 1008px;
  width: 70%;
}
[class*="u-w65"] {
  max-width: 936px;
  width: 65%;
}
[class*="u-w60"] {
  max-width: 864px;
  width: 60%;
}
[class*="u-w55"] {
  max-width: 792px;
  width: 55%;
}
[class*="u-w50"] {
  max-width: 720px;
  width: 50%;
}
[class*="u-w45"] {
  max-width: 648px;
  width: 45%;
}
[class*="u-w40"] {
  max-width: 576px;
  width: 40%;
}
[class*="u-w35"] {
  max-width: 504px;
  width: 35%;
}
[class*="u-w30"] {
  max-width: 432px;
  width: 30%;
}
[class*="u-w25"] {
  max-width: 360px;
  width: 25%;
}
[class*="u-w20"] {
  max-width: 288px;
  width: 20%;
}
[class*="u-w15"] {
  max-width: 216px;
  width: 15%;
}
[class*="u-w10"] {
  max-width: 144px;
  width: 10%;
}
.u-w100 {
  max-width: 1440px;
  width: 100%;
}
.u-w90--l,
.u-w85--l,
.u-w80--l,
.u-w75--l,
.u-w70--l,
.u-w65--l,
.u-w60--l,
.u-w55--l,
.u-w50--l,
.u-w45--l,
.u-w40--l,
.u-w35--l,
.u-w30--l,
.u-w25--l,
.u-w20--l,
.u-w15--l,
.u-w10--l {
  margin-left: 0;
}
.u-w90--r,
.u-w85--r,
.u-w80--r,
.u-w75--r,
.u-w70--r,
.u-w65--r,
.u-w60--r,
.u-w55--r,
.u-w50--r,
.u-w45--r,
.u-w40--r,
.u-w35--r,
.u-w30--r,
.u-w25--r,
.u-w20--r,
.u-w15--r,
.u-w10--r {
  margin-right: 0;
}

/* 上下パディング */
.u-ptb90 {
  padding-top: calc(90 * var(--px));
  padding-bottom: calc(90 * var(--px));
}
.u-ptb80 {
  padding-top: calc(80 * var(--px));
  padding-bottom: calc(90 * var(--px));
}
.u-ptb70 {
  padding-top: calc(70 * var(--px));
  padding-bottom: calc(70 * var(--px));
}
.u-ptb60 {
  padding-top: calc(60 * var(--px));
  padding-bottom: calc(60 * var(--px));
}
.u-ptb50 {
  padding-top: calc(50 * var(--px));
  padding-bottom: calc(50 * var(--px));
}
.u-ptb40 {
  padding-top: calc(40 * var(--px));
  padding-bottom: calc(40 * var(--px));
}
.u-ptb30 {
  padding-top: calc(30 * var(--px));
  padding-bottom: calc(30 * var(--px));
}
.u-ptb20 {
  padding-top: calc(20 * var(--px));
  padding-bottom: calc(20 * var(--px));
}
.u-ptb10 {
  padding-top: calc(10 * var(--px));
  padding-bottom: calc(10 * var(--px));
}
.u-ptb120 {
  padding-top: calc(120 * var(--px));
  padding-bottom: calc(120 * var(--px));
}
.u-ptb110 {
  padding-top: calc(110 * var(--px));
  padding-bottom: calc(110 * var(--px));
}
.u-ptb100 {
  padding-top: calc(100 * var(--px));
  padding-bottom: calc(100 * var(--px));
}
/* パディングトップ */
.u-pt90 {
  padding-top: calc(90 * var(--px));
}
.u-pt80 {
  padding-top: calc(80 * var(--px));
}
.u-pt70 {
  padding-top: calc(70 * var(--px));
}
.u-pt60 {
  padding-top: calc(60 * var(--px));
}
.u-pt50 {
  padding-top: calc(50 * var(--px));
}
.u-pt40 {
  padding-top: calc(40 * var(--px));
}
.u-pt30 {
  padding-top: calc(30 * var(--px));
}
.u-pt20 {
  padding-top: calc(20 * var(--px));
}
.u-pt10 {
  padding-top: calc(10 * var(--px));
}
.u-pt120 {
  padding-top: calc(120 * var(--px));
}
.u-pt110 {
  padding-top: calc(110 * var(--px));
}
.u-pt100 {
  padding-top: calc(100 * var(--px));
}
/* パディングボトム */
.u-pb90 {
  padding-bottom: calc(90 * var(--px));
}
.u-pb80 {
  padding-bottom: calc(80 * var(--px));
}
.u-pb70 {
  padding-bottom: calc(70 * var(--px));
}
.u-pb60 {
  padding-bottom: calc(60 * var(--px));
}
.u-pb50 {
  padding-bottom: calc(50 * var(--px));
}
.u-pb40 {
  padding-bottom: calc(40 * var(--px));
}
.u-pb30 {
  padding-bottom: calc(30 * var(--px));
}
.u-pb20 {
  padding-bottom: calc(20 * var(--px));
}
.u-pb10 {
  padding-bottom: calc(10 * var(--px));
}
.u-pb120 {
  padding-bottom: calc(120 * var(--px));
}
.u-pb110 {
  padding-bottom: calc(110 * var(--px));
}
.u-pb100 {
  padding-bottom: calc(100 * var(--px));
}
/* 上下マージン */
.u-mtb90 {
  margin-top: calc(90 * var(--px));
  margin-bottom: calc(90 * var(--px));
}
.u-mtb80 {
  margin-top: calc(80 * var(--px));
  margin-bottom: calc(80 * var(--px));
}
.u-mtb70 {
  margin-top: calc(70 * var(--px));
  margin-bottom: calc(70 * var(--px));
}
.u-mtb60 {
  margin-top: calc(60 * var(--px));
  margin-bottom: calc(60 * var(--px));
}
.u-mtb50 {
  margin-top: calc(50 * var(--px));
  margin-bottom: calc(50 * var(--px));
}
.u-mtb40 {
  margin-top: calc(40 * var(--px));
  margin-bottom: calc(40 * var(--px));
}
.u-mtb30 {
  margin-top: calc(30 * var(--px));
  margin-bottom: calc(30 * var(--px));
}
.u-mtb20 {
  margin-top: calc(20 * var(--px));
  margin-bottom: calc(20 * var(--px));
}
.u-mtb10 {
  margin-top: calc(10 * var(--px));
  margin-bottom: calc(10 * var(--px));
}
.u-mtb120 {
  margin-top: calc(120 * var(--px));
  margin-bottom: calc(120 * var(--px));
}
.u-mtb110 {
  margin-top: calc(110 * var(--px));
  margin-bottom: calc(110 * var(--px));
}
.u-mtb100 {
  margin-top: calc(100 * var(--px));
  margin-bottom: calc(100 * var(--px));
}
/* マージントップ */
.u-mt90 {
  margin-top: calc(90 * var(--px));
}
.u-mt80 {
  margin-top: calc(80 * var(--px));
}
.u-mt70 {
  margin-top: calc(70 * var(--px));
}
.u-mt60 {
  margin-top: calc(60 * var(--px));
}
.u-mt50 {
  margin-top: calc(50 * var(--px));
}
.u-mt40 {
  margin-top: calc(40 * var(--px));
}
.u-mt30 {
  margin-top: calc(30 * var(--px));
}
.u-mt20 {
  margin-top: calc(20 * var(--px));
}
.u-mt10 {
  margin-top: calc(10 * var(--px));
}
.u-mt120 {
  margin-top: calc(120 * var(--px));
}
.u-mt110 {
  margin-top: calc(110 * var(--px));
}
.u-mt100 {
  margin-top: calc(100 * var(--px));
}
/* マージンボトム */
.u-mb90 {
  margin-bottom: calc(90 * var(--px));
}
.u-mb80 {
  margin-bottom: calc(80 * var(--px));
}
.u-mb70 {
  margin-bottom: calc(70 * var(--px));
}
.u-mb60 {
  margin-bottom: calc(60 * var(--px));
}
.u-mb50 {
  margin-bottom: calc(50 * var(--px));
}
.u-mb40 {
  margin-bottom: calc(40 * var(--px));
}
.u-mb30 {
  margin-bottom: calc(30 * var(--px));
}
.u-mb20 {
  margin-bottom: calc(20 * var(--px));
}
.u-mb10 {
  margin-bottom: calc(10 * var(--px));
}
.u-mb120 {
  margin-bottom: calc(120 * var(--px));
}
.u-mb110 {
  margin-bottom: calc(110 * var(--px));
}
.u-mb100 {
  margin-bottom: calc(100 * var(--px));
}
/* 背景カラー */
.u-cgray {
  background: #eee;
}
.u-cwhite {
  background: #fff;
}
/* フォント */
.u-ffe {
  font-family: "Outfit", sans-serif;

  /* font-family: 'Roboto Condensed', sans-serif;  */
}
.u-tac {
  text-align: center;
}
.u-tar {
  text-align: right;
}
/* アイコン */
.u-pdf:before,
.u-word:before,
.u-excel:before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  display: inline-block;
}
.u-pdf:before {
  content: "\f1c1";
  color: #f13232;
}
.u-word:before {
  content: "\f1c2";
  color: #014fd1;
}
.u-excel:before {
  content: "\f1c3";
  color: #009546;
}
/* **************************************************************** */
/* ********************** スマートフォン対応 ************************* */

@media screen and (max-width: 810px) {
  /* PC/SPオンリー */
  .u-sponly {
    display: block;
  }
  br.u-sponly {
    display: inline-block;
  }
  .u-pconly,
  br.u-pconly {
    display: none;
  }
  /* 幅 */
  [class*="u-w1"],
  [class*="u-w9"],
  [class*="u-w8"],
  [class*="u-w7"],
  [class*="u-w6"],
  [class*="u-w5"],
  [class*="u-w4"],
  [class*="u-w3"],
  [class*="u-w2"] {
    width: 94%;
    max-width: 94%;
  }
  [class*="u-w1"],
  [class*="u-w9"],
  [class*="u-w8"],
  [class*="u-w7"],
  [class*="u-w6"],
  [class*="u-w5"],
  [class*="u-w4"],
  [class*="u-w3"],
  [class*="u-w2"] {
    margin-right: auto;
    margin-left: auto;
    padding-right: unset;
    padding-left: unset;
  }
  /* 上下パディング */
  .u-ptb120,
  .u-ptb110,
  .u-ptb100,
  .u-ptb90,
  .u-ptb80,
  .u-ptb70 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .u-ptb60,
  .u-ptb50 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .u-ptb40,
  .u-ptb30 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .u-ptb20 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .u-ptb10 {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  /* パディングトップ */
  .u-pt120,
  .u-pt110,
  .u-pt100,
  .u-pt90,
  .u-pt80,
  .u-pt70 {
    padding-top: 60px;
  }
  .u-pt60,
  .u-pt50 {
    padding-top: 40px;
  }
  .u-pt40,
  .u-pt30 {
    padding-top: 30px;
  }
  .u-pt20 {
    padding-top: 20px;
  }
  .u-pt10 {
    padding-top: 10px;
  }
  /* パディングボトム */
  .u-pb120,
  .u-pb110,
  .u-pb100,
  .u-pb90,
  .u-pb80,
  .u-pb70 {
    padding-bottom: 60px;
  }
  .u-pb60,
  .u-pb50 {
    padding-bottom: 40px;
  }
  .u-pb40,
  .u-pb30 {
    padding-bottom: 30px;
  }
  .u-pb20 {
    padding-bottom: 20px;
  }
  .u-pb10 {
    padding-bottom: 10px;
  }
  /* 上下マージン */
  .u-mtb120,
  .u-mtb110,
  .u-mtb100,
  .u-mtb90,
  .u-mtb80,
  .u-mtb70 {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .u-mtb60,
  .u-mtb50 {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .u-mtb40,
  .u-mtb30 {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .u-mtb20 {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .u-mtb10 {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  /* マージントップ */
  .u-mt120,
  .u-mt110,
  .u-mt100,
  .u-mt90,
  .u-mt80,
  .u-mt70 {
    margin-top: 60px;
  }
  .u-mt60,
  .u-mt50 {
    margin-top: 40px;
  }
  .u-mt40,
  .u-mt30 {
    margin-top: 30px;
  }
  .u-mt20 {
    margin-top: 20px;
  }
  .u-mt10 {
    margin-top: 10px;
  }
  /* マージンボトム */
  .u-mb120,
  .u-mb110,
  .u-mb100,
  .u-mb90,
  .u-mb80,
  .u-mb70 {
    margin-bottom: 60px;
  }
  .u-mb60,
  .u-mb50 {
    margin-bottom: 40px;
  }
  .u-mb40,
  .u-mb30 {
    margin-bottom: 30px;
  }
  .u-mb20 {
    margin-bottom: 20px;
  }
  .u-mb10 {
    margin-bottom: 10px;
  }
}