@charset "UTF-8";

/*
//  2023年2月更新分 より
//  SCSSの利用廃止・追記分はこちらに記述
// ============================================= */


/*
//  カスタム変数
// --------------------------------------------- */
:root {
  --color-red: #ed2b00;
  --color-orange: #ee7a00;
  --color-yellow: #ffde00;
  --color-blue: #0070ee;
  --color-green: #090;
  --color-paleGray: #f3f3f3;
  --color-lightGray: #ccc;
  --color-gray: #999;
  --color-darkGray: #555;
  --color-black: #222;
}

/*
//  汎用パーツ
// --------------------------------------------- */

/*  フォーカスのアウトライン表示
// --------------------------------------------- */
body *:focus-visible,
a:focus-visible img {
  outline: 2px solid #0095ff;
  outline-offset: -2px;
}

/*  スクリーンリーダー用テキスト
// --------------------------------------------- */
.screen-reader-text,
.u-screenReaderText {
  position: absolute;
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  margin: -1px;
  padding: 0;
  overflow: hidden;
  width: 1px;
  height: 1px;
  word-wrap: normal !important;
}

/*  背景つきエリア
// --------------------------------------------- */
.c-hasBgArea {
  --bg-color: var(--color-paleGray);

  background-color: var(--bg-color);
  padding: 2.4rem 1.8rem;
}


/*  リンクボタン
// --------------------------------------------- */
@media (max-width: 480px) {
  a.c-btn--gray,
  .c-btn--gray a {
    min-width: unset;
    width: 100%;
  }
}


/*
//  ヘッダー
// --------------------------------------------- */
.l-mainHeader__pages a {
  display: block;
}


/*
//  トップページ
// --------------------------------------------- */

/*  KV キャッチなし
// --------------------------------------------- */
.pg-mv--nocatch .pg-mv__slider,
.pg-mv--nocatch .pg-mv__slideImg {
  width: 100%;
}
.pg-mv--nocatch .pg-mv__content {
  display: grid;
  place-items: center;
  padding: 1.5rem;
}
.pg-mv--nocatch .pg-mv__catchCopy {
  position: static;
  right: unset;
  bottom: unset;
  margin-top: 80px;
  filter: drop-shadow(0 4px 10px rgba(0,0,0,0.33));
  width: 460px;
}

@media (max-width: 768px) {
  .pg-mv--nocatch .pg-mv__slider::after {
    display: none;
  }
  .pg-mv--nocatch .pg-mv__slideImg {
    background-size: cover;
  }

  .pg-mv--nocatch .pg-mv__catchCopy {
    width: 480px;
  }
}
@media (max-width: 480px) {
  .pg-mv--nocatch .pg-mv__catchCopy {
    margin-top: 60px;
    width: 300px;
  }
}

/*  トップメッセージ調整
// --------------------------------------------- */
@media (max-width: 1080px) {
  .pg-messagePhoto {
    top: 0;
  }
}

/*  YouTubeとTwitterの枠を調整
// --------------------------------------------- */
.pg-snsGrid {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (min-width: 841px) {
  .pg-snsGrid {
    gap: 24px;
  }
}


/*
//  事業セクション
// --------------------------------------------- */
.pg-sectionChart__img img:hover {
  opacity: 1;
}


/*
//  ニュース
// --------------------------------------------- */
.pg-postsBody__snsBtns {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 1.5rem;
}
.pg-postsBody__snsBtns li {
  margin: 0;
  line-height: 1;
}

@media (max-width: 480px) {
  .pg-postsBody__shareBlock {
    padding: 20px 10px 10px;
  }
}

.navigation.pagination .screen-reader-text {
  display: revert;
}