@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;
}
.u-fw90 {
  width: 90%;
}
.u-fw80 {
  width: 80%;
}
.u-fw70 {
  width: 70%;
}
.u-fw60 {
  width: 60%;
}
.u-fw50 {
  width: 50%;
}
.u-fw40 {
  width: 40%;
}
.u-fw30 {
  width: 30%;
}
.u-fw20 {
  width: 20%;
}
.u-fw10 {
  width: 10%;
}
/* 幅指定 */
.u-w90--nl {
  width: 90%;
}
.u-w90 {
  max-width: 1364px;
  width: 90%;
}
.u-w80 {
  max-width: 1240px;
  width: 80%;
}
.u-w70 {
  max-width: 992px;
  width: 70%;
}
.u-w60 {
  max-width: 992px;
  width: 60%;
}
.u-w50 {
  max-width: 868px;
  width: 50%;
}
/* 上下パディング */
.u-ptb90 {
  padding: 90px 0;
}
.u-ptb80 {
  padding: 80px 0;
}
.u-ptb70 {
  padding: 70px 0;
}
.u-ptb60 {
  padding: 60px 0;
}
.u-ptb50 {
  padding: 50px 0;
}
.u-ptb40 {
  padding: 40px 0;
}
.u-ptb30 {
  padding: 30px 0;
}
.u-ptb20 {
  padding: 20px 0;
}
.u-ptb10 {
  padding: 10px 0;
}
.u-ptb120 {
  padding: 120px 0;
}
.u-ptb110 {
  padding: 110px 0;
}
.u-ptb100 {
  padding: 100px 0;
}
/* パディングトップ */
.u-pt90 {
  padding-top: 90px;
}
.u-pt80 {
  padding-top: 80px;
}
.u-pt70 {
  padding-top: 70px;
}
.u-pt60 {
  padding-top: 60px;
}
.u-pt50 {
  padding-top: 50px;
}
.u-pt40 {
  padding-top: 40px;
}
.u-pt30 {
  padding-top: 30px;
}
.u-pt20 {
  padding-top: 20px;
}
.u-pt10 {
  padding-top: 10px;
}
.u-pt120 {
  padding-top: 120px;
}
.u-pt110 {
  padding-top: 110px;
}
.u-pt100 {
  padding-top: 100px;
}
/* パディングボトム */
.u-pb90 {
  padding-bottom: 90px;
}
.u-pb80 {
  padding-bottom: 80px;
}
.u-pb70 {
  padding-bottom: 70px;
}
.u-pb60 {
  padding-bottom: 60px;
}
.u-pb50 {
  padding-bottom: 50px;
}
.u-pb40 {
  padding-bottom: 40px;
}
.u-pb30 {
  padding-bottom: 30px;
}
.u-pb20 {
  padding-bottom: 20px;
}
.u-pb10 {
  padding-bottom: 10px;
}
.u-pb120 {
  padding-bottom: 120px;
}
.u-pb110 {
  padding-bottom: 110px;
}
.u-pb100 {
  padding-bottom: 100px;
}
/* 上下マージン */
.u-mtb90 {
  margin-top: 90px;
  margin-bottom: 90px;
}
.u-mtb80 {
  margin-top: 80px;
  margin-bottom: 80px;
}
.u-mtb70 {
  margin-top: 70px;
  margin-bottom: 70px;
}
.u-mtb60 {
  margin-top: 60px;
  margin-bottom: 60px;
}
.u-mtb50 {
  margin-top: 50px;
  margin-bottom: 50px;
}
.u-mtb40 {
  margin-top: 40px;
  margin-bottom: 40px;
}
.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-mtb120 {
  margin-top: 120px;
  margin-bottom: 120px;
}
.u-mtb110 {
  margin-top: 110px;
  margin-bottom: 110px;
}
.u-mtb100 {
  margin-top: 100px;
  margin-bottom: 100px;
}
/* マージントップ */
.u-mt90 {
  margin-top: 90px;
}
.u-mt80 {
  margin-top: 80px;
}
.u-mt70 {
  margin-top: 70px;
}
.u-mt60 {
  margin-top: 60px;
}
.u-mt50 {
  margin-top: 50px;
}
.u-mt40 {
  margin-top: 40px;
}
.u-mt30 {
  margin-top: 30px;
}
.u-mt20 {
  margin-top: 20px;
}
.u-mt10 {
  margin-top: 10px;
}
.u-mt120 {
  margin-top: 120px;
}
.u-mt110 {
  margin-top: 110px;
}
.u-mt100 {
  margin-top: 100px;
}
/* マージンボトム */
.u-mb90 {
  margin-bottom: 90px;
}
.u-mb80 {
  margin-bottom: 80px;
}
.u-mb70 {
  margin-bottom: 70px;
}
.u-mb60 {
  margin-bottom: 60px;
}
.u-mb50 {
  margin-bottom: 50px;
}
.u-mb40 {
  margin-bottom: 40px;
}
.u-mb30 {
  margin-bottom: 30px;
}
.u-mb20 {
  margin-bottom: 20px;
}
.u-mb10 {
  margin-bottom: 10px;
}
.u-mb120 {
  margin-bottom: 120px;
}
.u-mb110 {
  margin-bottom: 110px;
}
.u-mb100 {
  margin-bottom: 100px;
}
/* 背景カラー */
.u-cgray {
  background: #eee;
}
.u-cwhite {
  background: #fff;
}
.u-innovative {
  background: #00aeef;
}

.u-professional {
  background: #5081a5;
}
.u-liblue {
  background: #0062b2;
}
.u-linavy {
  background: #124a7b;
}

.u-lipurple {
  background: #6c2363;
}
.u-lired {
  background: #c7000a;
}
.u-liorange {
  background: #e56800;
}
.u-ligold {
  background: #bb8e00;
}
.u-liyellow {
  background: #fcc800;
}
.u-ligreen {
  background: #006030;
}
.u-lilightgray {
  background: #dce2e6;
}
.u-ligray {
  background: #9fa0a0;
}
.u-bgarrow-1 {
  background: url(/recruit/career/assets/images/original/recruit-career-bgarrow1.png);
  background-repeat: no-repeat;
  background-size: contain;
}
.u-bgarrow-2 {
  background: url(/recruit/career/assets/images/original/recruit-career-bgarrow2.png);
  background-repeat: no-repeat;
  background-size: contain;
}
.u-bgarrow-3 {
  background: url(/recruit/career/assets/images/original/recruit-career-bgarrow3.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right top;
}
/* フォント */
.u-ffe {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: bold;
}
.u-tac {
  text-align: center;
}
.u-fwb {
  font-weight: bold;
}
/* アイコン */
.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;
}

.u-fcprofessional {
  color: #5081a5;
}
.u-gradient__text {
  background: linear-gradient(45deg, rgba(84, 127, 159, 1) 0%, rgba(200, 214, 221, 1) 100%); /* グラデーションの色を設定 */
  -webkit-background-clip: text; /* Webkit系ブラウザでのテキストクリップ */
  -webkit-text-fill-color: transparent; /* テキストの塗りつぶしを透明にする */
  background-clip: text; /* その他のブラウザ対応 */
  color: transparent; /* テキストの色を透明に */
}
img.u-ofcon {
  object-fit: contain;
  font-family: "object-fit: contain;, 
}  

/* **************************************************************** */
/* ********************** スマートフォン対応 ************************* */

@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;
  }
  /* 幅 */
  .u-w90--nl,
  .u-w90,
  .u-w80,
  .u-w70,
  .u-w60,
  .u-w50 {
    width: 92%;
  }
  /* 上下パディング */
  .u-ptb120,
  .u-ptb110,
  .u-ptb100,
  .u-ptb90,
  .u-ptb80,
  .u-ptb70 {
    padding: 60px 0;
  }
  .u-ptb60,
  .u-ptb50 {
    padding: 40px 0;
  }
  /* パディングトップ */
  .u-pt120,
  .u-pt110,
  .u-pt100,
  .u-pt90,
  .u-pt80,
  .u-pt70 {
    padding-top: 60px;
  }
  .u-pt60,
  .u-pt50 {
    padding-top: 40px;
  }
  /* パディングボトム */
  .u-pb120,
  .u-pb110,
  .u-pb100,
  .u-pb90,
  .u-pb80,
  .u-pb70 {
    padding-bottom: 60px;
  }
  .u-pb60,
  .u-pb50 {
    padding-bottom: 40px;
  }
  /* 上下マージン */
  .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-mt120,
  .u-mt110,
  .u-mt100,
  .u-mt90,
  .u-mt80,
  .u-mt70 {
    margin-top: 60px;
  }
  .u-mt60,
  .u-mt50 {
    margin-top: 40px;
  }
  /* マージンボトム */
  .u-mb120,
  .u-mb110,
  .u-mb100,
  .u-mb90,
  .u-mb80,
  .u-mb70 {
    margin-bottom: 60px;
  }
  .u-mb60,
  .u-mb50 {
    margin-bottom: 40px;
  }
}