@charset "UTF-8";
/**
 * イージングプロパティ
 * https://github.com/dmnsgn/sass-easing
 */
/**
 * メディアクエリ
 * @param {string} $mode - max または min
 * @param {number} $width - 設定値
 */
/**
 * メディアクエリ PC
 * @param {number} [$width:$breakpoin] - 設定値
 */
/**
 * メディアクエリ SP
 * @param {number} [$width:$breakpoin] - 設定値
 */
/**
 * メディアクエリによるIE11ハック
 */
/**
 * Google Fonts の読み込み
 * @param {string} $family - フォント名（要URLエンコード）
 * @param {array} [$weights:(400,700)] - ウェイト
 */
/**
 * Noto Sans JP
 * @param {array} [$weights:(400,700)] - ウェイト
 */
/**
 * Noto Serif JP
 * @param {array} [$weights:(400,700)] - ウェイト
 */
/**
 * Lato
 * @param {array} [$weights:(400,700)] - ウェイト
 */
/**
 * Roboto
 * @param {array} [$weights:(400)] - ウェイト
 */
/**
 * VW計算
 * @param {string} $property  - プロパティ
 * @param {number} $value - 基準となる値
 * @param {number} $basewidth - 基準となるウィンドウ幅
 * @param {number} [$maxwidth:0] - 拡大を停止するウィンドウ幅
 * @param {number} [$minwidth:0] - 縮小を停止するウィンドウ幅
 */
/**
 * 三角形
 * @param {string} $direction - 三角の向き 上:T / 下:B / 左:L / 右:R
 * @param {number} $w - 幅
 * @param {number} $h - 高さ
 * @param {string} $color - 色
 */
/**
 * ローディングアニメーション
 * @param {number} $size - 円のサイズ
 * @param {number} $thickness - 円の枠線の太さ
 * @param {string} $backcolor - 円の色
 * @param {string} $forecolor - 円の強調色
 * @param {string} [$duration=1] - アニメーションのスピード（単位は秒:s）
 */
.border-heading {
  padding-bottom: 15px;
  position: relative;
}
.border-heading::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #D5D5D5;
  position: absolute;
  left: 0;
  bottom: 0;
}
.border-heading::after {
  content: "";
  display: block;
  width: 100px;
  height: 1px;
  background: #01AEAC;
  position: absolute;
  left: 0;
  bottom: 0;
}
@media screen and (max-width: 767px) {
  .border-heading::after {
    width: 21.3333333333vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  .border-heading::after {
    width: 163.6266666667px;
  }
}

.news-detail .news__detail-container {
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .news-detail .news__detail-container {
    margin-top: 80px;
    max-width: 860px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .news-detail .news__detail-container {
    padding-left: 5.3333333333%;
    padding-right: 5.3333333333%;
  }
}
.news-detail .news__detail-container img {
  display: inline;
}
.news-detail .news__detail-container .borderlink {
  color: var(--accentBlue);
}
@media (hover: hover) and (pointer: fine) {
  .news-detail .news__detail-container .borderlink:hover {
    color: #00aeac;
  }
}
.news-detail .news__detail-container .textlink {
  transition: color 0.3s ease;
  text-decoration: underline;
}
@media (hover: hover) and (pointer: fine) {
  .news-detail .news__detail-container .textlink:hover {
    color: #00aeac;
  }
}
.news-detail .news__detail-container .imagelink {
  transition: opacity 0.3s ease;
}
.news-detail .news__detail-container .imagelink img {
  display: block;
}
@media (hover: hover) and (pointer: fine) {
  .news-detail .news__detail-container .imagelink:hover {
    opacity: 0.8;
  }
}
.news-detail .news__detail-container .imagelink__center {
  display: inline-block;
  transition: opacity 0.3s ease;
}
@media (hover: hover) and (pointer: fine) {
  .news-detail .news__detail-container .imagelink__center:hover {
    opacity: 0.8;
  }
}
.news-detail .news__detail-header .news__detail-head {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-shrink: 0;
  position: relative;
  top: 2px;
}
.news-detail .news__detail-header .news__detail-date {
  font-size: 14px;
  font-weight: bold;
  color: #909090;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .news-detail .news__detail-header .news__detail-date {
    min-width: 95px;
  }
}
@media screen and (max-width: 767px) {
  .news-detail .news__detail-header .news__detail-date {
    min-width: 75px;
    font-size: 12px;
  }
}
.news-detail .news__detail-header .news__detail-tag {
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .news-detail .news__detail-header .news__detail-tag {
    width: 80px;
    height: 23px;
  }
}
@media screen and (max-width: 767px) {
  .news-detail .news__detail-header .news__detail-tag {
    width: 70px;
    height: 20px;
    font-size: 10px;
  }
}
.news-detail .news__detail-header .news__detail-heading {
  font-weight: bold;
  font-size: 22px;
  line-height: 1.5;
  margin-top: 15px;
}
@media screen and (max-width: 767px) {
  .news-detail .news__detail-header .news__detail-heading {
    margin-top: 10px;
    font-size: 18px;
    line-height: 1.5;
  }
}
.news-detail .news__detail-main {
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .news-detail .news__detail-main {
    margin-top: 20px;
  }
}
.news-detail .news__detail-main p {
  margin: 30px 0;
}
@media screen and (max-width: 767px) {
  .news-detail .news__detail-main p {
    margin: 20px 0;
  }
}
.news-detail .news__detail-main picture {
  margin: 30px 0;
}
@media screen and (max-width: 767px) {
  .news-detail .news__detail-main picture {
    margin: 20px 0;
  }
}
.news-detail .news__detail-main .center {
  text-align: center;
}
.news-detail .news__detail-main .bold {
  font-weight: bold;
}
.news-detail .news__detail-main .sub-title {
  margin: 30px 0 10px;
}
@media screen and (max-width: 767px) {
  .news-detail .news__detail-main .sub-title {
    margin: 20px 0 10px;
  }
}
.news-detail .news__detail-main .sub-title + * {
  margin-top: 0;
}
.news-detail .news__detail-main .caption {
  margin-top: 10px;
  font-size: 12px;
}
.news-detail .news__detail-main .image-wrapper {
  display: flex;
  justify-content: center;
}
.news-detail .news__detail-main .image-wrapper picture:not(:first-child) {
  margin-left: 10px;
}
.news-detail .news__detail-main .image-wrapper picture {
  margin-bottom: 0;
}
.news-detail .news__detail-footer {
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  .news-detail .news__detail-footer {
    margin-top: 40px;
  }
}
.news-detail .news__detail-footer .pdf-btn-wrapper {
  display: flex;
  justify-content: flex-end;
}
.news-detail .news__detail-footer .pdf-btn-wrapper + .btn-wrapper {
  margin-top: 60px;
}
.news-detail .news__detail-footer .pdf-btn-wrapper .pdf-btn {
  width: 217px;
  height: 38px;
}
.news-detail .news__detail-footer .pdf-btn-wrapper .pdf-btn .link {
  font-size: 12px;
}
.news-detail .news__detail-footer .pdf-btn-wrapper .pdf-btn .link i {
  font-size: 18px;
}
.news-detail .news__detail-footer .btn-wrapper {
  display: flex;
  justify-content: center;
}
.news-detail .news__detail-footer .btn-wrapper .bg-white {
  width: 295px;
  height: 60px;
}
.news-detail .news__detail-footer .btn-wrapper .bg-white::after {
  content: "\e90b";
  right: auto;
  left: 20px;
}
.news-detail .news__table {
  max-width: 680px;
  width: 100%;
  margin: 0 auto;
  border-collapse: collapse;
  border: 1px solid #ccc;
  line-height: 1.4;
}
.news-detail .news__table th {
  border: 1px solid #ccc;
  padding: 10px 0;
}
.news-detail .news__table td {
  border: 1px solid #ccc;
  padding: 10px 0;
  text-align: center;
}
.news-detail .news__table .table__header {
  background: #0539A5;
  color: #fff;
}
.news-detail .news__table .table__footer {
  background: #F4F4F7;
}

[data-target=info] .news__block-tag {
  background: #2250AF;
}
[data-target=info] .news__detail-tag {
  background: #2250AF;
}
[data-target=info] .information__cat {
  background: #2250AF;
}

[data-target=company] .news__block-tag {
  background: #09015A;
}
[data-target=company] .news__detail-tag {
  background: #09015A;
}
[data-target=company] .information__cat {
  background: #09015A;
}

[data-target=recruit] .news__block-tag {
  background: #22A09F;
}
[data-target=recruit] .news__detail-tag {
  background: #22A09F;
}
[data-target=recruit] .information__cat {
  background: #22A09F;
}