@charset "UTF-8";
/*================================================================
 *FILE          :page-company.css
 *DESCRIPTION   :resetはressを使用。環境変数とmixinは_mixin.scss内に記述。
                 それぞれfoundationよりインポート。
 *AUTHOR        :
 *--------------------------------------------------------------
 *(C)
=================================================================*/
/* フォント定設
-----------------------------------------------------------------*/
@font-face {
  font-family: 'MyYuGothicM';
  font-weight: normal;
  src: local("YuGothic-Medium"), local("Yu Gothic Medium"), local("YuGothic-Regular");
  /* 游ゴシックMediumが存在しないWindows8.1用 */ }

@font-face {
  font-family: 'MyYuGothicM';
  font-weight: bold;
  src: local("YuGothic-Bold"), local("Yu Gothic Bold");
  /* PostScript Nameを認識できないChrome用にFull Nameを指定 */ }

/*================================================================
 *FILE					:_components.scss
 *DESCRIPTION   :全ページ共通コンポーネント カスタムCSS
 *AUTHOR				:
 *--------------------------------------------------------------
 *(C)
=================================================================*/
/* 共通パーツ
-----------------------------------------------------------------*/
/*
next 矢印
------------------------------------*/
/*
ボタン
------------------------------------*/
/*
タグ
------------------------------------*/
/*
card
------------------------------------*/
/*
モーダル
------------------------------------*/
/*
チェックボックス
------------------------------------*/
/*
ページャー
------------------------------------*/
/*
jobカード
------------------------------------*/
/*
スワイパー ページャー
------------------------------------*/
/*
アーカイブ記事
------------------------------------*/
/*
シングル記事
------------------------------------*/
/*
 banner
------------------------------------*/
/*
 pickup_icon
------------------------------------*/
.c-arrow {
  -webkit-transition: background-color 0.3s cubic-bezier(0.18, 0.06, 0.23, 1);
  transition: background-color 0.3s cubic-bezier(0.18, 0.06, 0.23, 1);
  background-color: rgba(var(--changing-color), 1);
  --color-primary: rgba(var(--changing-color), $opacity);
  --color-secondary: rgba(var(--changing-color), $opacity);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-negative: 0;
  flex-shrink: 0; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .c-arrow {
      width: 30px;
      height: 30px; }
      .c-arrow.c-arrow-big {
        width: 41px;
        height: 41px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .c-arrow {
      width: 41px;
      height: 41px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .c-arrow.c-arrow-small {
      width: 20px;
      height: 20px; } }
  .c-arrow.c-arrow-blackStraight {
    background-color: #1A1A1A; }
    @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
      .c-arrow.c-arrow-blackStraight {
        width: 41px;
        height: 41px; } }
  .c-arrow.c-arrow_big {
    width: 41px;
    height: 41px; }

.c-arrow_svg {
  fill: #1A1A1A; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .c-arrow_svg {
      width: 12px;
      height: 9px; }
      .c-arrow-big .c-arrow_svg {
        width: 14px;
        height: 11px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .c-arrow_svg {
      width: 14px;
      height: 11px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .c-arrow-small .c-arrow_svg {
      width: 10px;
      height: 7px; } }
  .c-arrow-blackStraight .c-arrow_svg {
    fill: #fff; }

.c-arrow_send {
  width: 15px;
  height: 15px;
  fill: #1A1A1A;
  translate: -1px 1px; }

.c-button {
  background-color: #1A1A1A;
  position: relative;
  text-align: center;
  padding: 21px 21px 20px;
  display: block;
  cursor: pointer; }
  .c-button::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    -webkit-transition: height 0.3s ease;
    transition: height 0.3s ease; }
  .c-button.c-buttonHoverWhite::before {
    background-color: #fff; }
  .c-button.c-buttonHoverBlue::before {
    background-color: rgba(var(--changing-color), 1); }
  @media (hover: hover) {
    .c-button:hover::before {
      height: 100%; }
    .c-button:hover.c-buttonHoverWhite .c-button_text {
      color: #1A1A1A !important; }
    .c-button:hover.c-buttonHoverWhite .c-button_icon {
      fill: #1A1A1A !important; }
    .c-button:hover.c-buttonHoverBlue .c-button_text {
      color: #1A1A1A !important; }
    .c-button:hover.c-buttonHoverBlue .c-button_icon {
      fill: #1A1A1A !important; } }
  .c-button.c-button-blue {
    -webkit-transition: background-color 0.3s cubic-bezier(0.18, 0.06, 0.23, 1);
    transition: background-color 0.3s cubic-bezier(0.18, 0.06, 0.23, 1);
    background-color: rgba(var(--changing-color), 1);
    --color-primary: rgba(var(--changing-color), $opacity);
    --color-secondary: rgba(var(--changing-color), $opacity); }
    @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
      .c-button.c-button-blue {
        padding: 15px 20px; } }
  .c-button.c-button-white {
    background-color: #fff;
    border: 1px solid #1A1A1A; }
    @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
      .c-button.c-button-white {
        padding: 15px 20px; } }
  .c-button.c-button_small {
    padding: 15px 20px; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .c-button.c-button_thin {
      padding: 10px 20px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .c-button.c-button_thin {
      padding: 12px 20px; } }

.c-button_text {
  color: #fff;
  font-weight: 900;
  font-size: 20px;
  letter-spacing: 0.1em;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  position: relative;
  z-index: 10; }
  .c-button-blue .c-button_text,
  .c-button-white .c-button_text {
    color: #1A1A1A; }
  .c-button_small .c-button_text {
    font-size: 14px; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .c-button_thin .c-button_text {
      font-size: 14px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .c-button_thin .c-button_text {
      font-size: 16px; } }

.c-button_icon {
  position: absolute;
  right: 21px;
  top: 50%;
  translate: 0 -50%;
  fill: #fff;
  width: 14px;
  height: 10px;
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  z-index: 20; }
  .c-button-blue .c-button_icon,
  .c-button-white .c-button_icon {
    fill: #1A1A1A; }
  .c-button_icon.c-button_icon_prev {
    left: 21px; }

.c-tag_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .c-tag_wrap {
      gap: 8px 8px;
      margin-top: 19px;
      position: relative;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .c-tag_wrap.is-hidden {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .c-tag_wrap {
      gap: 7px 9px;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }
  .c-tag_wrap.c-tag_wrap_card {
    margin-top: 16px; }

@media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
  .c-tags_wrap-top {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 0 calc(20 / 375 * 100vw);
    margin-inline: calc(-20 / 375 * 100vw);
    overflow-x: auto;
    scrollbar-width: none; }
    .c-tags_wrap-top::-webkit-scrollbar {
      display: none; } }

.c-tag {
  border: 1px solid #1A1A1A;
  border-radius: 50px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  cursor: pointer; }
  .c-tag.c-tag-blue {
    border: 1px solid;
    -webkit-transition: border-color 0.3s cubic-bezier(0.18, 0.06, 0.23, 1);
    transition: border-color 0.3s cubic-bezier(0.18, 0.06, 0.23, 1);
    border-color: rgba(var(--changing-color), 1);
    --color-primary: rgba(var(--changing-color), $opacity);
    --color-secondary: rgba(var(--changing-color), $opacity);
    background-color: #fff;
    -webkit-transition: border-color 0.3s ease, background-color 0.3s ease;
    transition: border-color 0.3s ease, background-color 0.3s ease; }
    @media (hover: hover) {
      .c-tag.c-tag-blue:hover {
        -webkit-transition: background-color 0.3s cubic-bezier(0.18, 0.06, 0.23, 1);
        transition: background-color 0.3s cubic-bezier(0.18, 0.06, 0.23, 1);
        background-color: rgba(var(--changing-color), 1);
        --color-primary: rgba(var(--changing-color), $opacity);
        --color-secondary: rgba(var(--changing-color), $opacity); }
        .c-tag.c-tag-blue:hover .c-tag_text {
          color: #1A1A1A; }
        .c-tag.c-tag-blue:hover .c-tag_close_icon::before, .c-tag.c-tag-blue:hover .c-tag_close_icon::after {
          background-color: #1A1A1A; } }
  @media (hover: hover) {
    .c-tag.c-tag-hoverBlack:hover {
      background-color: #1A1A1A; }
      .c-tag.c-tag-hoverBlack:hover .c-tag_text {
        color: #fff; } }
  .c-tag.is-click {
    background-color: #1A1A1A; }
  .c-tag.c-tag-blueBlack {
    -webkit-transition: background-color 0.3s cubic-bezier(0.18, 0.06, 0.23, 1);
    transition: background-color 0.3s cubic-bezier(0.18, 0.06, 0.23, 1);
    background-color: rgba(var(--changing-color), 1);
    --color-primary: rgba(var(--changing-color), $opacity);
    --color-secondary: rgba(var(--changing-color), $opacity);
    border: none; }
  .c-tag.is-hidden {
    display: none; }

@media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
  .c-tag_inner {
    padding: 5px 12px; } }

@media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
  .c-tag_inner {
    padding: 3px 17px 4px 16px; } }

.c-tag_inner.c-tag_inner_large {
  padding: 6px 20px 7px; }

.c-tag_close .c-tag_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px; }

.c-tag_text {
  letter-spacing: 0.1em;
  font-weight: 600;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  white-space: nowrap; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .c-tag_text {
      font-size: 10px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .c-tag_text {
      font-size: 12px; } }
  .c-tag_text.c-tag_text-wrap {
    white-space: normal; }
  .c-tag-blue .c-tag_text {
    -webkit-transition: color 0.3s cubic-bezier(0.18, 0.06, 0.23, 1);
    transition: color 0.3s cubic-bezier(0.18, 0.06, 0.23, 1);
    color: rgba(var(--changing-color), 1);
    --color-primary: rgba(var(--changing-color), $opacity);
    --color-secondary: rgba(var(--changing-color), $opacity); }
  .is-click .c-tag_text {
    color: #fff; }
  .c-tag-blueBlack .c-tag_text {
    color: #1A1A1A;
    font-weight: 900; }
    @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
      .c-tag-blueBlack .c-tag_text {
        font-size: 12px; } }

.c-tag_close_icon {
  width: 9px;
  height: 9px;
  position: relative; }
  .c-tag_close_icon::before, .c-tag_close_icon::after {
    background-color: #1A1A1A;
    content: "";
    position: absolute;
    width: 11px;
    height: 2px;
    top: 50%;
    left: 50%;
    translate: -50% -50%; }
  .c-tag_close_icon::before {
    rotate: 45deg; }
  .c-tag_close_icon::after {
    rotate: -45deg; }

@media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
  .c-tagsContent {
    position: relative; }
    .c-tagsContent::after {
      content: "";
      position: absolute;
      width: calc(20 / 375 * 100vw);
      height: 37px;
      top: 0;
      z-index: 10;
      right: calc(-20 / 375 * 100vw);
      background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, #F1F1F1));
      background: -webkit-linear-gradient(left, transparent 0%, #F1F1F1 50%);
      background: linear-gradient(to right, transparent 0%, #F1F1F1 50%); }
    .c-tagsContent::before {
      content: "";
      position: absolute;
      width: calc(20 / 375 * 100vw);
      height: 37px;
      top: 0;
      z-index: 10;
      left: calc(-20 / 375 * 100vw);
      background: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(50%, #F1F1F1));
      background: -webkit-linear-gradient(right, transparent 0%, #F1F1F1 50%);
      background: linear-gradient(to left, transparent 0%, #F1F1F1 50%); } }

@media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
  .c-tags_wrap {
    margin-top: 32px; } }

@media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
  .c-tags_wrap {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 87px; } }

.c-tags_title {
  font-family: Arial, sans-serif;
  font-weight: 900;
  -webkit-transition: color 0.3s cubic-bezier(0.18, 0.06, 0.23, 1);
  transition: color 0.3s cubic-bezier(0.18, 0.06, 0.23, 1);
  color: rgba(var(--changing-color), 1);
  --color-primary: rgba(var(--changing-color), $opacity);
  --color-secondary: rgba(var(--changing-color), $opacity);
  font-size: 30px;
  letter-spacing: 0; }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .c-tags_title {
      margin-top: -7px; } }

.c-tag_show,
.c-tag_hidden {
  cursor: pointer;
  font-weight: bold;
  letter-spacing: 0.1em;
  white-space: nowrap; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .c-tag_show,
    .c-tag_hidden {
      font-size: 12px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .c-tag_show,
    .c-tag_hidden {
      font-size: 15px; } }
  .c-tag_show.is-hidden,
  .c-tag_hidden.is-hidden {
    display: none; }

@media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
  .is-hidden .c-tag_show {
    white-space: nowrap; } }

@media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
  .c-tag_hidden {
    margin-top: 32px; } }

@media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
  .c-tag_hidden {
    margin-top: 24px; } }

.c-title_main {
  display: block;
  line-height: 1;
  font-family: Arial, sans-serif;
  font-weight: 900;
  -webkit-transition: color 0.3s cubic-bezier(0.18, 0.06, 0.23, 1);
  transition: color 0.3s cubic-bezier(0.18, 0.06, 0.23, 1);
  color: rgba(var(--changing-color), 1);
  --color-primary: rgba(var(--changing-color), $opacity);
  --color-secondary: rgba(var(--changing-color), $opacity); }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .c-title_main {
      font-size: 50px; }
      .c-title_main.c-title_main_big {
        font-size: 60px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .c-title_main {
      font-size: 100px;
      letter-spacing: 0; } }
  .c-title-black .c-title_main {
    color: #1A1A1A; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .c-title_main.c-title_main_br {
      line-height: 0.8; } }

.c-title_sub {
  display: block;
  font-weight: bold; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .c-title_sub {
      font-size: 13px;
      margin-top: 12px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .c-title_sub {
      font-size: 16px;
      letter-spacing: 0;
      margin-top: 14px; } }

/*=============================================

  共通要素スタイル

==============================================*/
.wrapper {
  margin: 240px auto 0;
  max-width: 1280px; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .wrapper {
      margin: 167px auto 0; } }

/*=============================================

  ページ固有スタイル

==============================================*/
@media print, screen and (min-width: 1024px) {
  .aboutSection {
    padding: 0 clamp(40px, calc(80 / 1280 * 100vw), 80px); } }

@media print, screen and (max-width: 1023px) {
  .about_top {
    padding: 0 calc(20 / 375 * 100vw); } }

.about_updateDate {
  font-size: 14px; }
  @media print, screen and (max-width: 767px) {
    .about_updateDate {
      margin-top: 80px; } }
  @media print, screen and (min-width: 768px) {
    .about_updateDate {
      text-align: right; } }

/*--------------------------------
 表
--------------------------------*/
.aboutGraph {
  background-color: #fff; }
  @media print, screen and (max-width: 767px) {
    .aboutGraph {
      margin-top: 20px; } }
  @media print, screen and (min-width: 768px) {
    .aboutGraph {
      margin-top: 80px; } }

/*--------------------------------
 グリッドレイアウト
--------------------------------*/
.aboutGraph_inner {
  -webkit-transition: border-color 0.3s cubic-bezier(0.18, 0.06, 0.23, 1);
  transition: border-color 0.3s cubic-bezier(0.18, 0.06, 0.23, 1);
  border-color: rgba(var(--changing-color), 1);
  --color-primary: rgba(var(--changing-color), $opacity);
  --color-secondary: rgba(var(--changing-color), $opacity);
  border-style: solid; }
  @media print, screen and (max-width: 767px) {
    .aboutGraph_inner {
      border-top-width: 10px;
      border-left-width: 10px; } }
  @media print, screen and (min-width: 768px) {
    .aboutGraph_inner {
      border-top-width: 20px;
      border-left-width: 20px; } }

.aboutGraph_gridBox {
  display: -ms-grid;
  display: grid; }

.aboutGraph_gridItem {
  text-align: center;
  -webkit-transition: border-color 0.3s cubic-bezier(0.18, 0.06, 0.23, 1);
  transition: border-color 0.3s cubic-bezier(0.18, 0.06, 0.23, 1);
  border-color: rgba(var(--changing-color), 1);
  --color-primary: rgba(var(--changing-color), $opacity);
  --color-secondary: rgba(var(--changing-color), $opacity);
  border-style: solid; }
  @media print, screen and (max-width: 767px) {
    .aboutGraph_gridItem {
      padding: 40px 0 40px;
      border-right-width: 10px;
      border-bottom-width: 10px; } }
  @media print, screen and (min-width: 768px) {
    .aboutGraph_gridItem {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      -ms-grid-rows: 64px auto;
      grid-template-rows: 64px auto;
      border-right-width: 20px;
      border-bottom-width: 20px; } }

/* ▼ item内のスタイル */
.aboutGraph_gridItem_title {
  font-weight: bold;
  font-size: 20px; }
  @media print, screen and (max-width: 767px) {
    .aboutGraph_gridItem_title {
      margin-bottom: 25px; } }
  @media print, screen and (min-width: 768px) {
    .aboutGraph_gridItem_title {
      margin-top: 50px; } }

.aboutGraph_gridItem_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  @media print, screen and (min-width: 768px) {
    .aboutGraph_gridItem_content {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; } }
  .aboutGraph_gridItem_content img {
    max-width: 100%; }

@media print, screen and (min-width: 768px) {
  .aboutGraph_gridBox-1 {
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
    -ms-grid-rows: 288px 183px 356px;
    grid-template-rows: 288px 183px 356px; }
    .aboutGraph_gridBox-1 .aboutGraph_gridItem:nth-of-type(1) {
      -ms-grid-column: 1;
      -ms-grid-column-span: 2;
      grid-column: 1 / 3;
      -ms-grid-row: 1;
      -ms-grid-row-span: 1;
      grid-row: 1 / 2; }
    .aboutGraph_gridBox-1 .aboutGraph_gridItem:nth-of-type(2) {
      -ms-grid-column: 1;
      -ms-grid-column-span: 2;
      grid-column: 1 / 3;
      -ms-grid-row: 2;
      -ms-grid-row-span: 2;
      grid-row: 2 / 4; }
    .aboutGraph_gridBox-1 .aboutGraph_gridItem:nth-of-type(3) {
      -ms-grid-column: 3;
      -ms-grid-column-span: 2;
      grid-column: 3 / 5;
      -ms-grid-row: 1;
      -ms-grid-row-span: 2;
      grid-row: 1 / 3; }
    .aboutGraph_gridBox-1 .aboutGraph_gridItem:nth-of-type(4) {
      -ms-grid-column: 3;
      -ms-grid-column-span: 2;
      grid-column: 3 / 5;
      -ms-grid-row: 3;
      -ms-grid-row-span: 1;
      grid-row: 3 / 4; }
  .aboutGraph_gridBox-2 {
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr); } }
  @media print, screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1023px) {
    .aboutGraph_gridBox-2 {
      -ms-grid-rows: 265px;
      grid-template-rows: 265px; } }
  @media print, screen and (min-width: 768px) and (min-width: 1024px) {
    .aboutGraph_gridBox-2 {
      -ms-grid-rows: 271px;
      grid-template-rows: 271px; } }

@media print, screen and (min-width: 768px) {
    .aboutGraph_gridBox-2 .aboutGraph_gridItem:nth-of-type(1) {
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
      grid-column: 1 / 2;
      -ms-grid-row: 1;
      -ms-grid-row-span: 1;
      grid-row: 1 / 2; }
    .aboutGraph_gridBox-2 .aboutGraph_gridItem:nth-of-type(2) {
      -ms-grid-column: 2;
      -ms-grid-column-span: 1;
      grid-column: 2 / 3;
      -ms-grid-row: 1;
      -ms-grid-row-span: 1;
      grid-row: 1 / 2; }
    .aboutGraph_gridBox-2 .aboutGraph_gridItem:nth-of-type(3) {
      -ms-grid-column: 3;
      -ms-grid-column-span: 2;
      grid-column: 3 / 5;
      -ms-grid-row: 1;
      -ms-grid-row-span: 1;
      grid-row: 1 / 2; }
  .aboutGraph_gridBox-3 {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    -ms-grid-rows: 538px;
    grid-template-rows: 538px; }
    .aboutGraph_gridBox-3 .aboutGraph_gridItem:nth-of-type(1) {
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
      grid-column: 1 / 2;
      -ms-grid-row: 1;
      -ms-grid-row-span: 1;
      grid-row: 1 / 2; }
    .aboutGraph_gridBox-3 .aboutGraph_gridItem:nth-of-type(2) {
      -ms-grid-column: 2;
      -ms-grid-column-span: 1;
      grid-column: 2 / 3;
      -ms-grid-row: 1;
      -ms-grid-row-span: 1;
      grid-row: 1 / 2; } }

/*--------------------------------
 svg
--------------------------------*/
.p-svg {
  width: 100%;
  font-family: "Noto Sans JP", sans-serif; }
  .p-svg svg {
    display: block;
    -webkit-transition: fill 0.3s cubic-bezier(0.18, 0.06, 0.23, 1);
    transition: fill 0.3s cubic-bezier(0.18, 0.06, 0.23, 1);
    fill: rgba(var(--changing-color), 1);
    --color-primary: rgba(var(--changing-color), $opacity);
    --color-secondary: rgba(var(--changing-color), $opacity);
    width: 100%; }

.p-svg_stroke {
  -webkit-transition: stroke 0.3s cubic-bezier(0.18, 0.06, 0.23, 1);
  transition: stroke 0.3s cubic-bezier(0.18, 0.06, 0.23, 1);
  stroke: rgba(var(--changing-color), 1);
  --color-primary: rgba(var(--changing-color), $opacity);
  --color-secondary: rgba(var(--changing-color), $opacity); }

/*--------------------------------
 カウントアップ
--------------------------------*/
.p-countup {
  font-weight: 700;
  font-family: Arial, sans-serif;
  -webkit-transition: color 0.3s cubic-bezier(0.18, 0.06, 0.23, 1);
  transition: color 0.3s cubic-bezier(0.18, 0.06, 0.23, 1);
  color: rgba(var(--changing-color), 1);
  --color-primary: rgba(var(--changing-color), $opacity);
  --color-secondary: rgba(var(--changing-color), $opacity); }
  @media print, screen and (max-width: 1023px) {
    .p-countup {
      font-size: 80px; } }
  @media print, screen and (min-width: 1024px) {
    .p-countup {
      font-size: 110px; } }
  .p-countup i {
    font-weight: 700;
    font-family: "Noto Sans JP", sans-serif; }
    @media print, screen and (max-width: 1023px) {
      .p-countup i {
        font-size: 40px;
        padding-left: 20px; } }
    @media print, screen and (min-width: 1024px) {
      .p-countup i {
        font-size: 50px;
        padding-left: 30px; } }

/*--------------------------------
 円グラフ
--------------------------------*/
.p-circle {
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border-radius: 100%; }
  @media print, screen and (max-width: 767px) {
    .p-circle {
      width: 320px; } }
  @media print, screen and (min-width: 768px) and (max-width: 1023px) {
    .p-circle {
      width: 300px; } }
  @media print, screen and (min-width: 1024px) {
    .p-circle {
      width: 350px; } }

.p-circle_item {
  fill: none;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  stroke-width: 100%;
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  stroke-dasharray: 1256.636;
  -webkit-transition: stroke-dashoffset 0.8s ease-out, stroke 0.3s cubic-bezier(0.18, 0.06, 0.23, 1), stroke-opacity 0.3s cubic-bezier(0.18, 0.06, 0.23, 1);
  transition: stroke-dashoffset 0.8s ease-out, stroke 0.3s cubic-bezier(0.18, 0.06, 0.23, 1), stroke-opacity 0.3s cubic-bezier(0.18, 0.06, 0.23, 1); }
  .is-hide .p-circle_item {
    stroke-dashoffset: 1256.636 !important; }

.p-circle_center {
  fill: #fff;
  stroke-width: 0; }

.p-circle-Box {
  position: relative;
  display: inline-block; }
  @media print, screen and (max-width: 767px) {
    .p-circle-Box {
      padding-top: 30px; } }

.p-circle_info {
  position: absolute;
  -webkit-transition: opacity 0.8s ease 0.8s;
  transition: opacity 0.8s ease 0.8s; }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .p-circle_info {
      top: 0;
      left: 0; } }
  .p-circle_info img {
    width: 100%; }
  .is-hide .p-circle_info {
    opacity: 0; }

/*--------------------------------
 棒グラフ
--------------------------------*/
.p-barWrapper {
  position: relative; }
  @media print, screen and (max-width: 767px) {
    .p-barWrapper {
      padding-bottom: 27px; } }
  @media print, screen and (min-width: 768px) {
    .p-barWrapper {
      width: calc(430 / 1280 * 100vw);
      max-width: 430px; } }

.p-bar-Box {
  border-bottom: 3px solid #000; }
  @media print, screen and (max-width: 767px) {
    .p-bar-Box {
      width: 315px; } }
  @media print, screen and (min-width: 768px) {
    .p-bar-Box {
      margin: 0 0 10px; } }

.p-bar_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  gap: 10px; }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .p-bar_list {
      height: 200px; } }
  @media print, screen and (max-width: 767px) {
    [data-type="3"] .p-bar_list {
      gap: 40px; } }
  @media print, screen and (min-width: 768px) {
    [data-type="3"] .p-bar_list {
      gap: clamp(20px, calc(49 / 1280 * 100vw), 49px); } }
  @media print, screen and (max-width: 767px) {
    [data-type="4"] .p-bar_list {
      gap: 24px; } }
  @media print, screen and (min-width: 768px) {
    [data-type="4"] .p-bar_list {
      gap: clamp(20px, calc(40 / 1280 * 100vw), 40px); } }

.p-bar-item {
  position: relative; }
  @media print, screen and (max-width: 767px) {
    [data-type="3"] .p-bar-item {
      width: 70px; } }
  @media print, screen and (min-width: 768px) {
    [data-type="3"] .p-bar-item {
      width: calc(80 / 1280 * 100vw);
      max-width: 80px; } }
  @media print, screen and (max-width: 767px) {
    [data-type="4"] .p-bar-item {
      width: 50px; } }
  @media print, screen and (min-width: 768px) {
    [data-type="4"] .p-bar-item {
      width: calc(70 / 1280 * 100vw);
      max-width: 70px; } }
  .p-bar-item:nth-of-type(1) .p-bar-item_fill {
    -webkit-transition: height 0.8s ease 0.1s, background-color 0.3s cubic-bezier(0.18, 0.06, 0.23, 1) !important;
    transition: height 0.8s ease 0.1s, background-color 0.3s cubic-bezier(0.18, 0.06, 0.23, 1) !important; }
  .p-bar-item:nth-of-type(2) .p-bar-item_fill {
    -webkit-transition: height 0.8s ease 0.2s, background-color 0.3s cubic-bezier(0.18, 0.06, 0.23, 1) !important;
    transition: height 0.8s ease 0.2s, background-color 0.3s cubic-bezier(0.18, 0.06, 0.23, 1) !important; }
  .p-bar-item:nth-of-type(3) .p-bar-item_fill {
    -webkit-transition: height 0.8s ease 0.3s, background-color 0.3s cubic-bezier(0.18, 0.06, 0.23, 1) !important;
    transition: height 0.8s ease 0.3s, background-color 0.3s cubic-bezier(0.18, 0.06, 0.23, 1) !important; }
  .p-bar-item:nth-of-type(4) .p-bar-item_fill {
    -webkit-transition: height 0.8s ease 0.4s, background-color 0.3s cubic-bezier(0.18, 0.06, 0.23, 1) !important;
    transition: height 0.8s ease 0.4s, background-color 0.3s cubic-bezier(0.18, 0.06, 0.23, 1) !important; }
  .p-bar-item:nth-of-type(5) .p-bar-item_fill {
    -webkit-transition: height 0.8s ease 0.5s, background-color 0.3s cubic-bezier(0.18, 0.06, 0.23, 1) !important;
    transition: height 0.8s ease 0.5s, background-color 0.3s cubic-bezier(0.18, 0.06, 0.23, 1) !important; }
  .p-bar-item:nth-of-type(6) .p-bar-item_fill {
    -webkit-transition: height 0.8s ease 0.6s, background-color 0.3s cubic-bezier(0.18, 0.06, 0.23, 1) !important;
    transition: height 0.8s ease 0.6s, background-color 0.3s cubic-bezier(0.18, 0.06, 0.23, 1) !important; }

.p-bar-item_fill {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: background-color 0.3s cubic-bezier(0.18, 0.06, 0.23, 1);
  transition: background-color 0.3s cubic-bezier(0.18, 0.06, 0.23, 1);
  background-color: rgba(var(--changing-color), 1);
  --color-primary: rgba(var(--changing-color), $opacity);
  --color-secondary: rgba(var(--changing-color), $opacity); }
  .is-hide .p-bar-item_fill {
    height: 0; }

.p-bar-item_text {
  font-weight: 700;
  position: absolute;
  bottom: 0;
  left: 50%;
  padding-top: 10px;
  -webkit-transform: translateY(100%) translateX(-50%);
  -ms-transform: translateY(100%) translateX(-50%);
  transform: translateY(100%) translateX(-50%);
  text-align: center; }

.p-bar-item_number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  font-weight: 700;
  letter-spacing: 0;
  color: rgba(var(--changing-color), 1);
  -webkit-transition: opacity 0.7s ease 0.8s, color 0.3s cubic-bezier(0.18, 0.06, 0.23, 1);
  transition: opacity 0.7s ease 0.8s, color 0.3s cubic-bezier(0.18, 0.06, 0.23, 1); }
  .p-bar-item_number i {
    font-family: Arial, sans-serif;
    font-size: 30px; }
  .p-bar-item_number span {
    font-size: 13px;
    margin-left: 4px; }
  @media print, screen and (max-width: 767px) {
    .p-bar-item_number {
      margin-top: -48px;
      margin-left: -2px; } }
  @media print, screen and (min-width: 768px) {
    .p-bar-item_number {
      margin-top: -43px; } }
  .is-hide .p-bar-item_number {
    opacity: 0; }

/*--------------------------------
 boxごとのスタイル
--------------------------------*/
@media print, screen and (max-width: 767px) {
  .aboutGraph_gridItem-2_1,
  .aboutGraph_gridItem-2_2 {
    padding: 40px 0; } }

@media print, screen and (min-width: 768px) {
  .aboutGraph_gridItem-2_1 .aboutGraph_gridItem_title,
  .aboutGraph_gridItem-2_2 .aboutGraph_gridItem_title,
  .aboutGraph_gridItem-2_3 .aboutGraph_gridItem_title {
    margin-top: 32px; } }

/*--------------------------------
 アイテムごとの固有スタイル
--------------------------------*/
/* ▼ 職員の年齢分布 ▼ */
.aboutGraph_gridItem-1_2 .p-circle .p-circle_item-1 {
  stroke-dashoffset: 1245.32628;
  stroke: rgb(var(--changing-color));
  stroke-opacity: 1; }

.aboutGraph_gridItem-1_2 .p-circle .p-circle_item-2 {
  stroke-dashoffset: 999.90527;
  stroke: rgb(var(--changing-color));
  stroke-opacity: 0.4; }

.aboutGraph_gridItem-1_2 .p-circle .p-circle_item-3 {
  stroke-dashoffset: 760.59151;
  stroke: rgb(var(--changing-color));
  stroke-opacity: 0.3; }

.aboutGraph_gridItem-1_2 .p-circle .p-circle_item-4 {
  stroke-dashoffset: 505.70803;
  stroke: rgb(var(--changing-color));
  stroke-opacity: 0.28; }

.aboutGraph_gridItem-1_2 .p-circle .p-circle_item-5 {
  stroke-dashoffset: 253.60171;
  stroke: rgb(var(--changing-color));
  stroke-opacity: 0.24; }

.aboutGraph_gridItem-1_2 .p-circle .p-circle_item-6 {
  stroke-dashoffset: 0.35186;
  stroke: rgb(var(--changing-color));
  stroke-opacity: 0.2; }

@media print, screen and (max-width: 767px) {
  .aboutGraph_gridItem-1_2 .p-circle_info {
    width: 287px;
    right: 2px;
    bottom: 40px; } }

@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .aboutGraph_gridItem-1_2 .p-circle_info {
    width: 281px;
    left: 31px;
    top: -32px; } }

@media print, screen and (min-width: 1024px) {
  .aboutGraph_gridItem-1_2 .p-circle_info {
    width: 331px;
    left: 35px;
    top: -38px; } }

.aboutGraph_gridItem-1_3 .p-bar-item-1 {
  height: calc(100% * calc(133/190)); }
  .aboutGraph_gridItem-1_3 .p-bar-item-1 .p-bar-item_fill {
    -webkit-transition: background-color 0.3s cubic-bezier(0.18, 0.06, 0.23, 1);
    transition: background-color 0.3s cubic-bezier(0.18, 0.06, 0.23, 1);
    background-color: rgba(var(--changing-color), 0.3);
    --color-primary: rgba(var(--changing-color), $opacity);
    --color-secondary: rgba(var(--changing-color), $opacity); }

.aboutGraph_gridItem-1_3 .p-bar-item-2 {
  height: calc(100% * calc(170/190)); }
  .aboutGraph_gridItem-1_3 .p-bar-item-2 .p-bar-item_fill {
    -webkit-transition: background-color 0.3s cubic-bezier(0.18, 0.06, 0.23, 1);
    transition: background-color 0.3s cubic-bezier(0.18, 0.06, 0.23, 1);
    background-color: rgba(var(--changing-color), 0.6);
    --color-primary: rgba(var(--changing-color), $opacity);
    --color-secondary: rgba(var(--changing-color), $opacity); }

.aboutGraph_gridItem-1_3 .p-bar-item-3 {
  height: calc(100% * 1); }
  .aboutGraph_gridItem-1_3 .p-bar-item-3 .p-bar-item_fill {
    -webkit-transition: background-color 0.3s cubic-bezier(0.18, 0.06, 0.23, 1);
    transition: background-color 0.3s cubic-bezier(0.18, 0.06, 0.23, 1);
    background-color: rgba(var(--changing-color), 1);
    --color-primary: rgba(var(--changing-color), $opacity);
    --color-secondary: rgba(var(--changing-color), $opacity); }

@media print, screen and (max-width: 767px) {
  .aboutGraph_gridItem-1_3 .p-barWrapper {
    padding-top: 50px; } }

@media print, screen and (min-width: 768px) {
  .aboutGraph_gridItem-1_3 .p-barWrapper {
    padding-top: 64px; } }

.aboutGraph_gridItem-1_3 .p-bar_list {
  height: 190px; }

@media print, screen and (max-width: 767px) {
  .aboutGraph_gridItem-1_3 .p-bar_text {
    width: 283px;
    left: 15px; } }

@media print, screen and (min-width: 768px) {
  .aboutGraph_gridItem-1_3 .p-bar_text {
    width: 363px;
    left: 49px; } }

@media print, screen and (max-width: 1023px) {
  .aboutGraph_gridItem-1_3 .p-bar-item-3 .p-bar-item_number {
    margin-top: -60px;
    margin-left: -10px; } }

@media print, screen and (min-width: 1024px) {
  .aboutGraph_gridItem-1_3 .p-bar-item-3 .p-bar-item_number {
    margin-top: -68px;
    margin-left: -16px; } }

@media print, screen and (max-width: 1023px) {
  .aboutGraph_gridItem-1_3 .p-bar-item-3 .p-bar-item_number i {
    font-size: 40px !important; } }

@media print, screen and (min-width: 1024px) {
  .aboutGraph_gridItem-1_3 .p-bar-item-3 .p-bar-item_number i {
    font-size: 50px; } }

.aboutGraph_gridItem-1_3 .p-bar-item-3 .p-bar-item_number span {
  font-size: 20px; }

.aboutGraph_gridItem-1_4 .p-bar-item-1 {
  height: calc(100% * calc(63/99)); }
  .aboutGraph_gridItem-1_4 .p-bar-item-1 .p-bar-item_fill {
    -webkit-transition: background-color 0.3s cubic-bezier(0.18, 0.06, 0.23, 1);
    transition: background-color 0.3s cubic-bezier(0.18, 0.06, 0.23, 1);
    background-color: rgba(var(--changing-color), 0.3);
    --color-primary: rgba(var(--changing-color), $opacity);
    --color-secondary: rgba(var(--changing-color), $opacity); }

.aboutGraph_gridItem-1_4 .p-bar-item-2 {
  height: calc(100% * calc(70/99)); }
  .aboutGraph_gridItem-1_4 .p-bar-item-2 .p-bar-item_fill {
    -webkit-transition: background-color 0.3s cubic-bezier(0.18, 0.06, 0.23, 1);
    transition: background-color 0.3s cubic-bezier(0.18, 0.06, 0.23, 1);
    background-color: rgba(var(--changing-color), 0.5);
    --color-primary: rgba(var(--changing-color), $opacity);
    --color-secondary: rgba(var(--changing-color), $opacity); }

.aboutGraph_gridItem-1_4 .p-bar-item-3 {
  height: calc(100% * calc(70/99)); }
  .aboutGraph_gridItem-1_4 .p-bar-item-3 .p-bar-item_fill {
    -webkit-transition: background-color 0.3s cubic-bezier(0.18, 0.06, 0.23, 1);
    transition: background-color 0.3s cubic-bezier(0.18, 0.06, 0.23, 1);
    background-color: rgba(var(--changing-color), 0.7);
    --color-primary: rgba(var(--changing-color), $opacity);
    --color-secondary: rgba(var(--changing-color), $opacity); }

.aboutGraph_gridItem-1_4 .p-bar-item-4 {
  height: calc(100% * 1); }
  .aboutGraph_gridItem-1_4 .p-bar-item-4 .p-bar-item_fill {
    -webkit-transition: background-color 0.3s cubic-bezier(0.18, 0.06, 0.23, 1);
    transition: background-color 0.3s cubic-bezier(0.18, 0.06, 0.23, 1);
    background-color: rgba(var(--changing-color), 1);
    --color-primary: rgba(var(--changing-color), $opacity);
    --color-secondary: rgba(var(--changing-color), $opacity); }

@media print, screen and (max-width: 767px) {
  .aboutGraph_gridItem-1_4 .p-barWrapper {
    padding-top: 43px; } }

@media print, screen and (min-width: 768px) {
  .aboutGraph_gridItem-1_4 .p-barWrapper {
    padding-top: 45px; } }

.aboutGraph_gridItem-1_4 .p-bar_list {
  height: 99px; }

@media print, screen and (max-width: 767px) {
  .aboutGraph_gridItem-1_4 .p-bar_text {
    width: 269px;
    top: 10px;
    left: 23px; } }

@media print, screen and (min-width: 768px) {
  .aboutGraph_gridItem-1_4 .p-bar_text {
    width: 387px;
    left: 22px; } }

.aboutGraph_gridItem-1_4 .p-bar-item_number {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  @media print, screen and (min-width: 768px) {
    .aboutGraph_gridItem-1_4 .p-bar-item_number {
      margin-top: -50px; } }

/* ▼ 女性管理職の年齢分布 ▼ */
.aboutGraph_gridItem-2_5 .p-circle .p-circle_item-1 {
  stroke-dashoffset: 1030.44152;
  stroke: rgb(var(--changing-color));
  stroke-opacity: 1; }

.aboutGraph_gridItem-2_5 .p-circle .p-circle_item-2 {
  stroke-dashoffset: 703.71616;
  stroke: rgb(var(--changing-color));
  stroke-opacity: 0.4; }

.aboutGraph_gridItem-2_5 .p-circle .p-circle_item-3 {
  stroke-dashoffset: 314.159;
  stroke: rgb(var(--changing-color));
  stroke-opacity: 0.3; }

.aboutGraph_gridItem-2_5 .p-circle .p-circle_item-4 {
  stroke-dashoffset: 37.69908;
  stroke: rgb(var(--changing-color));
  stroke-opacity: 0.28; }

.aboutGraph_gridItem-2_5 .p-circle .p-circle_item-5 {
  stroke-dashoffset: 0;
  stroke: rgb(var(--changing-color));
  stroke-opacity: 0.24; }

@media print, screen and (min-width: 768px) {
  .aboutGraph_gridItem-2_5 .p-svg {
    width: 240px;
    left: 60px;
    bottom: 73px; } }

/* ▼ 通勤時間は？ ▼ */
.aboutGraph_gridItem-3_1 .p-circle .p-circle_item-1 {
  stroke-dashoffset: 933.68055;
  stroke: rgb(var(--changing-color));
  stroke-opacity: 1; }

.aboutGraph_gridItem-3_1 .p-circle .p-circle_item-2 {
  stroke-dashoffset: 419.71642;
  stroke: rgb(var(--changing-color));
  stroke-opacity: 0.4; }

.aboutGraph_gridItem-3_1 .p-circle .p-circle_item-3 {
  stroke-dashoffset: 201.06176;
  stroke: rgb(var(--changing-color));
  stroke-opacity: 0.3; }

.aboutGraph_gridItem-3_1 .p-circle .p-circle_item-4 {
  stroke-dashoffset: 125.6636;
  stroke: rgb(var(--changing-color));
  stroke-opacity: 0.28; }

.aboutGraph_gridItem-3_1 .p-circle .p-circle_item-5 {
  stroke-dashoffset: 52.77871;
  stroke: rgb(var(--changing-color));
  stroke-opacity: 0.24; }

.aboutGraph_gridItem-3_1 .p-circle .p-circle_item-6 {
  stroke-dashoffset: 0;
  stroke: rgb(var(--changing-color));
  stroke-opacity: 0.2; }

@media print, screen and (max-width: 767px) {
  .aboutGraph_gridItem-3_1 .p-circle_info {
    width: 282px;
    left: 18px;
    bottom: 50px; } }

@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .aboutGraph_gridItem-3_1 .p-circle_info {
    width: 275px;
    left: -15px;
    top: -35px; } }

@media print, screen and (min-width: 1024px) {
  .aboutGraph_gridItem-3_1 .p-circle_info {
    width: 306px;
    left: -12px;
    top: -37px; } }

.aboutGraph_gridItem-2_2 {
  padding-bottom: 0; }
  .aboutGraph_gridItem-2_2 .aboutGraph_gridItem_content {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; }

@media print, screen and (max-width: 767px) {
  .aboutGraph_gridItem_content {
    max-width: 350px;
    margin: 0 auto; } }