@charset "UTF-8";
/* CSS Document */
#career-tr section{
	padding: 4rem 4% 0;
}
#career-tr article{
	padding: 2rem 0 0;
}
.topsite-button {
  display: inline-flex; /* フレックスで中央寄せ */
  align-items: center; /* 縦方向中央 */
  justify-content: center; /* 横方向中央 */
  height: 3rem; /* 高さを決めて左右を半円に */
  margin-top: 3rem;
  padding: 0 5rem; /* 左右の余白 */
  background-color: rgba(0, 123, 148, 1);
  color: #fff; /* 文字色を白 */
  text-decoration: none; /* 下線を消す */
  font-size: 1.6rem;
  font-weight: 400;
  border-radius: 9999px; /* 両端を丸く（ピル型） */
  transition: background .2s ease, transform .2s ease;
}
.topsite-button:hover {
  background-color: rgba(0, 123, 148, 0.85); /* 少し淡く */
  transform: translateX(2px); /* ふわっと */
}
.topsite-button:active {
  transform: translateX(0);
}
.topsite-button:focus {
  outline: 3px solid rgba(0, 123, 148, 0.4);
  outline-offset: 2px;
}
/* 外部リンク矢印 */
/* サイズ、色、太さを制御するためのCSS */
.external-arrow, .internal-arrow {
  flex-shrink: 0;
  /* 矢印全体のサイズを設定 */
  width: 1rem;
  height: 1rem;
  /* デフォルトの色、太さ、線端のスタイルを設定 */
  stroke: var(--green); /* 色の変更 */
  stroke-width: 20; /* 線の太さの変更 */
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.external-arrow.wihte {
  stroke: #fff; /* 色の変更 */
}
/* 矢じりの太さの微調整（オプション） */
.external-arrow .arrowhead {
  /* 矢じり部分の線の太さを、矢印の幹とは別に調整することも可能 */
  /* stroke-width: 6; */
}
/* ホバー時の色の変更（例） */
.external-arrow:hover {
  stroke: var(--green95);
}
/* 内部リンク矢印 */
/* サイズ、色、太さを制御するためのCSS */
/* SVG全体のサイズと、線のデフォルトスタイルを設定 */
.internal-arrow.white {
  stroke: #fff; /* 色の変更 */
}
.topsite-right-item p {
  padding: 2rem 0 0;
}