@charset "UTF-8";
/*================================================================
 *FILE          :page.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を指定 */ }

@font-face {
  font-family: 'MyYuMinchoM';
  font-weight: normal;
  src: local("YuMincho-Medium"), local("Yu Mincho Medium"), local("YuMincho-Regular");
  /* 游明朝Mediumが存在しないWindows8.1用 */ }

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

/* イージング
-----------------------------------------------------------------*/
/* デュレーション
-----------------------------------------------------------------*/
/*================================================================
 *FILE					:_components.scss
 *DESCRIPTION   :全ページ共通コンポーネント カスタムCSS
 *AUTHOR				:
 *--------------------------------------------------------------
 *(C)
=================================================================*/
.l-contents {
  font-family: "Noto Sans JP", "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; }
  .l-contents p {
    -webkit-font-feature-settings: inherit;
    font-feature-settings: inherit; }

@media print, screen and (max-width: 767px) {
  .p-section-frame + .p-section-frame {
    margin: 80px auto 0; } }

@media print, screen and (min-width: 768px) {
  .p-section-frame + .p-section-frame {
    margin: 48px auto 0; } }

p, span, a, h3, h2 {
  -webkit-font-feature-settings: inherit;
  font-feature-settings: inherit; }

@media print, screen and (max-width: 767px) {
  a:active, a:focus, a:hover {
    opacity: 1; } }

/* 共通パーツ
-----------------------------------------------------------------*/
/* ボタン
-----------------------------------------------------------------*/
@media print, screen and (max-width: 767px) {
  .btn-container {
    display: -ms-grid;
    display: grid;
    gap: 24px;
    margin: 40px auto 0; } }

@media print, screen and (min-width: 768px) {
  .btn-container {
    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-wrap: wrap;
    flex-wrap: wrap;
    margin: 73px auto 0;
    gap: 11px 22px; } }

@media print, screen and (min-width: 768px) {
  .p-btn {
    width: 280px;
    letter-spacing: 0.2em; } }

.btn--with-icon .btn-text {
  position: relative;
  display: inline-block; }
  @media print, screen and (max-width: 767px) {
    .btn--with-icon .btn-text {
      padding: 0 16px 0px 0;
      -webkit-font-feature-settings: inherit;
      font-feature-settings: inherit;
      letter-spacing: 0.17em; } }
  @media print, screen and (min-width: 768px) {
    .btn--with-icon .btn-text {
      padding-right: 20px; } }
  .btn--with-icon .btn-text .c-externaLink {
    stroke: #94a1ae;
    fill: #94a1ae; }
    @media print, screen and (max-width: 767px) {
      .btn--with-icon .btn-text .c-externaLink {
        position: absolute;
        top: 0;
        right: -1px;
        bottom: 0;
        margin: auto 0;
        -webkit-transition-timing-function: cubic-bezier(0.3, 0.4, 0.1, 1);
        transition-timing-function: cubic-bezier(0.3, 0.4, 0.1, 1);
        -webkit-transition-duration: 0.2s;
        transition-duration: 0.2s; } }
    @media print, screen and (min-width: 768px) {
      .btn--with-icon .btn-text .c-externaLink {
        position: absolute;
        top: 0;
        right: -1px;
        bottom: 0;
        margin: auto 0;
        -webkit-transition-timing-function: cubic-bezier(0.3, 0.4, 0.1, 1);
        transition-timing-function: cubic-bezier(0.3, 0.4, 0.1, 1);
        -webkit-transition-duration: 0.2s;
        transition-duration: 0.2s; } }
  .btn--with-icon .btn-text .c-internalLink {
    stroke: #F25387;
    fill: #F25387; }
    @media print, screen and (max-width: 767px) {
      .btn--with-icon .btn-text .c-internalLink {
        position: absolute;
        top: 0;
        right: -2px;
        bottom: 0;
        margin: auto 0;
        -webkit-transition-timing-function: cubic-bezier(0.3, 0.4, 0.1, 1);
        transition-timing-function: cubic-bezier(0.3, 0.4, 0.1, 1);
        -webkit-transition-duration: 0.2s;
        transition-duration: 0.2s;
        width: 8.5px;
        height: 9px; } }
    @media print, screen and (min-width: 768px) {
      .btn--with-icon .btn-text .c-internalLink {
        position: absolute;
        top: 0;
        right: -2px;
        bottom: 0;
        margin: auto 0;
        -webkit-transition-timing-function: cubic-bezier(0.3, 0.4, 0.1, 1);
        transition-timing-function: cubic-bezier(0.3, 0.4, 0.1, 1);
        -webkit-transition-duration: 0.2s;
        transition-duration: 0.2s;
        width: 8px;
        height: 8px; } }

.clear-btn {
  color: #F25387;
  text-align: center;
  display: block;
  font-weight: 700;
  background-color: rgba(255, 255, 255, 0.3);
  -webkit-transition-timing-function: cubic-bezier(0.3, 0.4, 0.1, 1);
  transition-timing-function: cubic-bezier(0.3, 0.4, 0.1, 1);
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  border-radius: 30px;
  backdrop-filter: blur(9.5px);
  font-size: 14px;
  border: solid 2px #F25387;
  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; }
  @media print, screen and (max-width: 767px) {
    .clear-btn {
      width: 282px;
      height: 62px;
      margin: 0 auto;
      padding: 2px 0 0; } }
  @media print, screen and (min-width: 768px) {
    .clear-btn {
      font-size: 14px;
      width: 282px;
      height: 62px;
      letter-spacing: 0.14em;
      padding: 23px 0; } }
  .clear-btn:visited {
    color: #F25387; }
  .clear-btn:focus {
    opacity: 1; }

/* カラム
-----------------------------------------------------------------*/
/* タイトル
-----------------------------------------------------------------*/
/* アーカイブ（記事一覧ページ）
-----------------------------------------------------------------*/
/* 近くの都道府県で探す
-----------------------------------------------------------------*/
/* キーワード（タグ）
-----------------------------------------------------------------*/
/* 最近チェックした職場 / ◯◯件の他の職場
-----------------------------------------------------------------*/
/* 地域から職場を探す（アコーディオン）
-----------------------------------------------------------------*/
/* モーダル
-----------------------------------------------------------------*/
body.is-fixed {
  overflow: hidden;
  height: 100vh; }

.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background: rgba(0, 0, 0, 0.46);
  overflow: auto;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .3s;
  transition: .3s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  @media print, screen and (min-width: 768px) {
    .modal {
      padding: 40px 20px; } }

.modal:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  margin-left: -0.2em; }

.modal.is-active {
  opacity: 1;
  visibility: visible;
  z-index: 9999;
  overflow: hidden; }

/* サイドカラム　会社紹介
-----------------------------------------------------------------*/
/* 記事（親・子共通）ページ　コンバージョンボタン
-----------------------------------------------------------------*/
/* 記事（親・子共通）ページ　ページトップ
-----------------------------------------------------------------*/
/* 記事（親・子共通）ページ　特集 / おすすめ記事
-----------------------------------------------------------------*/
/* 子記事ページ　プロフィール　（個人インタビュー / 一日の流れ）
-----------------------------------------------------------------*/
/* パンくず
-----------------------------------------------------------------*/
/* オートページャー
-----------------------------------------------------------------*/
/* 親記事へのページトップ
-----------------------------------------------------------------*/
/* 他の共通クラスまとめ
-----------------------------------------------------------------*/
@media print, screen and (min-width: 768px) {
  .index .s-action .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-flow: row-reverse;
    flex-flow: row-reverse;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; } }

.s-action {
  font-family: "Noto Sans JP", "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; }
  @media print, screen and (min-width: 768px) {
    .s-action.p-section-frame {
      max-width: 1215px; } }
  .s-action p {
    -webkit-font-feature-settings: inherit;
    font-feature-settings: inherit; }

.action_page-lead {
  text-align: center;
  color: #1F2533;
  font-weight: bold; }
  @media print, screen and (max-width: 767px) {
    .action_page-lead {
      font-size: 14px;
      line-height: 2;
      letter-spacing: 0.07em;
      margin: 39px auto 0; } }
  @media print, screen and (min-width: 768px) {
    .action_page-lead {
      margin: 55px auto 0;
      font-size: 16px;
      line-height: 2;
      letter-spacing: 0.05em; } }

.action_sec-title {
  -webkit-font-feature-settings: inherit;
  font-feature-settings: inherit; }
  @media print, screen and (max-width: 767px) {
    .action_sec-title {
      font-size: 22px;
      letter-spacing: 0.07em;
      margin-bottom: 38px;
      padding-bottom: 39px; } }
  @media print, screen and (min-width: 768px) {
    .action_sec-title {
      margin-bottom: 36px;
      padding-bottom: 43px; } }

.action_title {
  font-weight: bold;
  color: #1F2533;
  letter-spacing: 0.07em;
  text-align: center;
  font-weight: bold;
  -webkit-font-feature-settings: inherit;
  font-feature-settings: inherit; }
  @media print, screen and (max-width: 767px) {
    .action_title {
      font-size: 20px;
      line-height: 1.6;
      margin: 59px auto 0; } }
  @media print, screen and (min-width: 768px) {
    .action_title {
      font-size: 18px;
      margin: 64px auto 40px; } }

.action_text {
  font-weight: bold;
  text-align: center;
  color: #1F2533;
  font-size: 14px;
  line-height: 2;
  letter-spacing: 0.07em; }

/*メインビジュアル
-----------------------------------------------------------------*/
/* 安心安全に関する取り組み
-----------------------------------------------------------------*/
@media print, screen and (max-width: 767px) {
  .action_safe-title {
    font-size: 18px; } }

.action_safe-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media print, screen and (max-width: 767px) {
    .action_safe-list {
      margin: 30px auto 64px;
      gap: 8px 0; } }
  @media print, screen and (min-width: 768px) {
    .action_safe-list {
      display: -ms-grid;
      display: grid;
      grid-template-columns: repeat(auto-fill, 306px);
      gap: 36px 51px;
      margin: 40px auto 80px; } }

.action_safe-list-item {
  text-align: center; }
  @media print, screen and (max-width: 767px) {
    .action_safe-list-item {
      border-radius: 12px;
      border: solid 1px #d0d0d0;
      width: 100%; } }
  @media print, screen and (min-width: 768px) {
    .action_safe-list-item {
      width: 306px;
      cursor: pointer; } }

@media print, screen and (max-width: 767px) {
  .action_safe-list-item-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 16px 19px 14px 19px;
    -webkit-transition: all .3s;
    transition: all .3s; } }

@media print, screen and (max-width: 767px) {
  .action_safe-list-item-head.is-active {
    padding-bottom: 0; } }

@media print, screen and (min-width: 768px) {
  .action_safe-list-item-img-container {
    width: 100%;
    text-align: center; } }

.action_safe-list-item-img {
  margin: 0 auto; }
  @media print, screen and (max-width: 767px) {
    .action_safe-list-item-img {
      width: 50px; } }
  @media print, screen and (min-width: 768px) {
    .action_safe-list-item-img {
      width: 200px; } }

@media print, screen and (max-width: 767px) {
  .action_safe-list-item-content {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    padding: 0 19px; } }

@media print, screen and (max-width: 767px) {
  .action_safe-list-item-content *:last-child {
    padding-bottom: 14px; } }

.action_safe-list-item-circle {
  background-color: #F25387;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  @media print, screen and (max-width: 767px) {
    .action_safe-list-item-circle {
      position: absolute;
      border-radius: 12px;
      width: 24px;
      height: 24px;
      top: 50%;
      right: 19px;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      -webkit-transition: all .3s;
      transition: all .3s; } }
  @media print, screen and (min-width: 768px) {
    .action_safe-list-item-circle {
      width: 32px;
      height: 32px;
      font-size: 16px;
      line-height: 1;
      letter-spacing: 0.05em;
      border-radius: 16px;
      margin: 0 auto; } }
  @media print, screen and (max-width: 767px) {
    .action_safe-list-item-circle::before {
      position: relative;
      content: '';
      width: 8.5px;
      height: 8.5px;
      -webkit-transition: all .3s;
      transition: all .3s;
      background-position: center center;
      background-size: cover;
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228.485%22%20height%3D%228.485%22%20viewBox%3D%220%200%208.485%208.485%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_3227%22%20data-name%3D%22%E3%83%91%E3%82%B9%203227%22%20d%3D%22M14.619%2C4.152H11.977V3h4.609V7.609H15.434V4.967L11.4%2C9l-.815-.815Z%22%20transform%3D%22translate(18.092%20-1.121)%20rotate(135)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E"); } }
  @media print, screen and (max-width: 767px) {
    .is-active .action_safe-list-item-circle {
      top: calc(50% + 7px); } }
  @media print, screen and (max-width: 767px) {
    .is-active .action_safe-list-item-circle::before {
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg); } }

@media print, screen and (max-width: 767px) {
  .action_safe-list-item-number {
    display: none; } }

@media print, screen and (min-width: 768px) {
  .action_safe-list-item-number {
    font-family: "Open Sans", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen-sans, ubuntu, cantarell, "Helvetica Neue", sans-serif;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0.05em;
    color: #fff; } }

.action_safe-list-item-title {
  font-weight: bold; }
  @media print, screen and (max-width: 767px) {
    .action_safe-list-item-title {
      font-size: 14px;
      line-height: 1.71;
      letter-spacing: 0.05em;
      text-align: left;
      color: #1F2533;
      padding-right: 15px;
      width: calc(100% - 80px);
      padding-left: 16px; } }
  @media print, screen and (min-width: 768px) {
    .action_safe-list-item-title {
      text-align: center;
      font-size: 16px;
      line-height: 2;
      letter-spacing: 0.05em;
      margin: 13px auto 0; } }

.action_safe-list-item-text {
  text-align: left;
  color: #1F2533;
  font-weight: 500; }
  @media print, screen and (max-width: 767px) {
    .action_safe-list-item-text {
      margin: 1px 0 0;
      font-size: 11px;
      line-height: 1.8;
      letter-spacing: 0.05em; } }
  @media print, screen and (min-width: 768px) {
    .action_safe-list-item-text {
      font-size: 14px;
      line-height: 2;
      letter-spacing: 0.07em;
      margin: 8px auto 0; } }

.action_safe-list-item-link {
  text-align: left;
  font-weight: 500;
  color: #F25387;
  text-decoration: underline;
  display: block; }
  @media print, screen and (max-width: 767px) {
    .action_safe-list-item-link {
      font-size: 11px;
      line-height: 1.8;
      letter-spacing: 0.05em;
      margin: 4px auto 0; } }
  @media print, screen and (min-width: 768px) {
    .action_safe-list-item-link {
      font-size: 14px;
      letter-spacing: 0.07em;
      margin: 8px auto 0;
      line-height: 2; } }
  .action_safe-list-item-link:visited {
    color: #F25387; }

/* news
-----------------------------------------------------------------*/
@media print, screen and (max-width: 767px) {
  .action_news {
    margin: 49px auto 40px; } }

@media print, screen and (min-width: 768px) {
  .action_news {
    margin: 200px auto 0; } }

.action_news-title {
  color: #1F2533;
  font-weight: bold;
  font-family: "Noto Sans JP", "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; }
  @media print, screen and (max-width: 767px) {
    .action_news-title {
      text-align: center;
      font-size: 24px;
      letter-spacing: -0.05em; } }
  @media print, screen and (min-width: 768px) {
    .action_news-title {
      text-align: left;
      font-size: 32px;
      line-height: 2.78;
      letter-spacing: -0.05em; } }

@media print, screen and (max-width: 767px) {
  .action_auth-title {
    margin: 57px auto 24px;
    font-size: 18px; } }

@media print, screen and (min-width: 768px) {
  .action_auth-title {
    margin: 64px auto 34px; } }

@media print, screen and (max-width: 767px) {
  .action_auth-list {
    gap: 40px;
    display: -ms-grid;
    display: grid;
    margin: 36px auto 36px; } }

@media print, screen and (min-width: 768px) {
  .action_auth-list {
    padding: 39px 0 40px;
    margin: 81px auto 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-top: #DDDDDD solid 1px; } }

@media print, screen and (min-width: 768px) {
  .action_auth-list + .action_auth-list {
    border-bottom: #DDDDDD solid 1px;
    margin: 0 auto; } }

/* auth
-----------------------------------------------------------------*/
@media print, screen and (max-width: 767px) {
  .action_auth-list-item {
    width: 100%; } }

@media print, screen and (min-width: 768px) {
  .action_auth-list-item {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    position: relative;
    width: 50%; } }

@media print, screen and (min-width: 768px) {
  .action_auth-list-item:nth-child(even) {
    padding-left: 30px; } }

@media print, screen and (min-width: 768px) {
  .action_auth-list-item:nth-child(odd) {
    border-right: #DDDDDD solid 1px;
    padding-right: 29px; } }

@media print, screen and (max-width: 767px) {
  .action_auth-list-item-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; } }

@media print, screen and (min-width: 768px) {
  .action_auth-list-item-inner {
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; } }

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
  .action_auth-list-item-inner {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; } }

@media print, screen and (max-width: 767px) {
  .action_auth-list-item-text-container {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2; } }

@media print, screen and (min-width: 768px) {
  .action_auth-list-item-text-container {
    width: calc(100% - 200px); } }

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
  .action_auth-list-item-text-container {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 100%; } }

.action_auth-list-item-img-container {
  text-align: center; }
  @media print, screen and (max-width: 767px) {
    .action_auth-list-item-img-container {
      margin: 0 auto;
      overflow: hidden;
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
      border-radius: 40px;
      border: #DDDDDD solid 1px; } }
  @media print, screen and (min-width: 768px) {
    .action_auth-list-item-img-container {
      width: 200px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      height: 100%; } }
  @media print, screen and (min-width: 768px) and (max-width: 1024px) {
    .action_auth-list-item-img-container {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
      width: 100%; } }

@media print, screen and (max-width: 767px) {
  .action_auth-list-item-img {
    width: 238px;
    height: 238px; } }

@media print, screen and (min-width: 768px) {
  .action_auth-list-item-img {
    width: 200px;
    margin: 0 auto; } }

.action_auth-list-item-title {
  font-weight: bold;
  font-size: 16px; }
  @media print, screen and (max-width: 767px) {
    .action_auth-list-item-title {
      margin: 22px auto 0;
      text-align: center;
      line-height: 1.82;
      letter-spacing: 0.07em; } }
  @media print, screen and (min-width: 768px) {
    .action_auth-list-item-title {
      line-height: 1.5;
      text-align: left;
      margin: 0 auto 0;
      letter-spacing: 0.06em; } }

.action_auth-list-item-text {
  text-align: left;
  color: #1F2533;
  letter-spacing: 0.07em;
  font-size: 12px; }
  @media print, screen and (max-width: 767px) {
    .action_auth-list-item-text {
      line-height: 1.8;
      margin: 11px auto 0; } }
  @media print, screen and (min-width: 768px) {
    .action_auth-list-item-text {
      line-height: 1.83;
      margin: 20px auto 0; } }

.action_auth-list-item-link {
  text-align: left;
  color: #F25387;
  text-decoration: underline;
  display: inline-block;
  -webkit-font-feature-settings: inherit;
  font-feature-settings: inherit; }
  @media print, screen and (max-width: 767px) {
    .action_auth-list-item-link {
      font-weight: 500;
      font-size: 14px;
      letter-spacing: 0.05em;
      line-height: 1.8;
      margin: 19px 0 0;
      text-underline-offset: 5px; } }
  @media print, screen and (min-width: 768px) {
    .action_auth-list-item-link {
      font-size: 12px;
      font-weight: bold;
      line-height: 1.87;
      letter-spacing: 0.07em;
      margin: 11px 0 0;
      text-underline-offset: 5px; } }
  .action_auth-list-item-link:visited {
    color: #F25387; }

/* local
-----------------------------------------------------------------*/
@media print, screen and (min-width: 768px) {
  .action_local-title {
    font-size: 18px;
    margin: 81px auto 23px; } }

@media print, screen and (max-width: 767px) {
  .action_local-situation-title {
    margin: 63px auto 0; } }

@media print, screen and (min-width: 768px) {
  .action_local-situation-title {
    font-size: 18px;
    margin: 120px auto 43px; } }

@media print, screen and (max-width: 767px) {
  .action_local-situation {
    margin: 37px auto 40px; } }

@media print, screen and (min-width: 768px) {
  .action_local-situation {
    margin: 36px auto 40px; } }

@media print, screen and (max-width: 767px) {
  .action_local-situation-text {
    text-align: left;
    font-size: 12px;
    line-height: 1.8;
    letter-spacing: 0.07em;
    color: #1F2533;
    margin: 20px auto 0; } }

@media print, screen and (min-width: 768px) {
  .action_local-situation-text {
    font-weight: bold;
    text-align: center;
    color: #1F2533;
    font-size: 14px;
    line-height: 2;
    letter-spacing: 0.07em; } }

@media print, screen and (max-width: 767px) {
  .action_local-situation-list {
    display: -ms-grid;
    display: grid;
    gap: 16px; } }

@media print, screen and (min-width: 768px) {
  .action_local-situation-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 32px 51px; } }

.action_local-situation-list-item {
  text-align: center;
  position: relative;
  border: solid 1px #d0d0d0;
  background-color: #fff; }
  @media print, screen and (max-width: 767px) {
    .action_local-situation-list-item {
      width: 280px;
      height: 280px;
      border-radius: 40px;
      margin: 0 auto;
      padding: 16px 10px 15px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; } }
  @media print, screen and (min-width: 768px) {
    .action_local-situation-list-item {
      width: 306px;
      height: 306px;
      padding: 18px 32px 19px;
      border-radius: 40px; } }

.action_local-situation-list-item-text {
  text-align: center;
  color: #000;
  font-weight: bold;
  font-family: "Noto Sans JP", serif;
  letter-spacing: 0.07em; }
  @media print, screen and (max-width: 767px) {
    .action_local-situation-list-item-text {
      font-size: 14px;
      line-height: 1.79; } }
  @media print, screen and (min-width: 768px) {
    .action_local-situation-list-item-text {
      font-size: 16px;
      line-height: 1.8; } }

.action_local-situation-list-item-text--middle {
  font-weight: bold;
  text-align: center;
  color: #1F2533;
  letter-spacing: 0.07em;
  line-height: 1; }
  @media print, screen and (max-width: 767px) {
    .action_local-situation-list-item-text--middle {
      font-size: 27px;
      margin: 20px auto 0; } }
  @media print, screen and (min-width: 768px) {
    .action_local-situation-list-item-text--middle {
      font-size: 30px;
      margin: 22px auto 0; } }

.action_local-situation-list-item-text--large {
  text-align: center;
  color: #1F2533;
  font-weight: bold;
  line-height: 1; }
  @media print, screen and (max-width: 767px) {
    .action_local-situation-list-item-text--large {
      font-size: 36px;
      letter-spacing: 0.07em;
      margin: 10px auto 0; } }
  @media print, screen and (min-width: 768px) {
    .action_local-situation-list-item-text--large {
      font-size: 40px;
      letter-spacing: 0.052em;
      margin: 9px auto 0; } }

@media print, screen and (max-width: 767px) {
  .action_local-situation-list-item-img {
    width: 183px;
    margin: 14px auto 0; } }

@media print, screen and (min-width: 768px) {
  .action_local-situation-list-item-img {
    width: 201px; } }

@media print, screen and (max-width: 767px) {
  .action_local-situation-list-item:nth-child(1) .action_local-situation-list-item-img {
    position: relative;
    left: -1px;
    width: 183.5px;
    margin: 13px auto 0; } }

@media print, screen and (min-width: 768px) {
  .action_local-situation-list-item:nth-child(1) .action_local-situation-list-item-img {
    margin: 10px auto 0; } }

@media print, screen and (max-width: 767px) {
  .action_local-situation-list-item:nth-child(2) .action_local-situation-list-item-img {
    position: relative;
    left: -1px;
    width: 183.5px;
    margin: 13px auto 0; } }

@media print, screen and (min-width: 768px) {
  .action_local-situation-list-item:nth-child(2) .action_local-situation-list-item-img {
    margin: 12px auto 0; } }

@media print, screen and (max-width: 767px) {
  .action_local-situation-list-item:nth-child(3) .action_local-situation-list-item-img {
    width: 80px;
    position: relative;
    left: -1px;
    margin: 25px auto 0; } }

@media print, screen and (min-width: 768px) {
  .action_local-situation-list-item:nth-child(3) .action_local-situation-list-item-img {
    width: 88px;
    margin: 24px auto 0; } }

.action_local-situation-list-item-text--note {
  text-align: center;
  color: #1F2533;
  font-weight: 500;
  position: absolute;
  letter-spacing: 0.07em;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  line-height: 2;
  width: 100%; }
  @media print, screen and (max-width: 767px) {
    .action_local-situation-list-item-text--note {
      font-size: 10px;
      bottom: 15.5px; } }
  @media print, screen and (min-width: 768px) {
    .action_local-situation-list-item-text--note {
      font-size: 11px;
      bottom: 16px; } }

/* map
-----------------------------------------------------------------*/
@media print, screen and (max-width: 767px) {
  .action_map {
    margin: 30px auto 63px; } }

@media print, screen and (min-width: 768px) {
  .action_map {
    margin: 43px auto 120px; } }

.action_map-visual {
  position: relative; }
  @media print, screen and (max-width: 767px) {
    .action_map-visual {
      width: 100%;
      aspect-ratio: 359 / 198;
      margin: 0 auto 0;
      background: url(../images/sp/action/img_map-bg.png) no-repeat center center;
      background-size: cover; } }
  @media print, screen and (min-width: 768px) {
    .action_map-visual {
      width: 580px;
      height: 348px;
      margin: 0 auto 0;
      background: url(../images/pc/action/img_map-bg.png) no-repeat center center;
      background-size: cover; } }
  .action_map-visual .swiper-pagination {
    width: 100%;
    height: 100%; }
  .action_map-visual .swiper-pagination-bullet {
    position: absolute;
    width: 0;
    height: 0;
    background-color: inherit;
    opacity: 1; }
    .action_map-visual .swiper-pagination-bullet:nth-child(1) {
      /* 北海道 */ }
      @media print, screen and (max-width: 767px) {
        .action_map-visual .swiper-pagination-bullet:nth-child(1) {
          right: 21.3%;
          top: 22.2%; } }
      @media print, screen and (min-width: 768px) {
        .action_map-visual .swiper-pagination-bullet:nth-child(1) {
          right: 125px;
          top: 77px; } }
    .action_map-visual .swiper-pagination-bullet:nth-child(2) {
      /* 秋田県横田市 */ }
      @media print, screen and (max-width: 767px) {
        .action_map-visual .swiper-pagination-bullet:nth-child(2) {
          right: 36.5%;
          top: 51.3%; } }
      @media print, screen and (min-width: 768px) {
        .action_map-visual .swiper-pagination-bullet:nth-child(2) {
          right: 210px;
          top: 175px; } }
    .action_map-visual .swiper-pagination-bullet:nth-child(3) {
      /* 東京都江戸川区 */ }
      @media print, screen and (max-width: 767px) {
        .action_map-visual .swiper-pagination-bullet:nth-child(3) {
          right: 43.1%;
          top: 73.1%; } }
      @media print, screen and (min-width: 768px) {
        .action_map-visual .swiper-pagination-bullet:nth-child(3) {
          right: 252px;
          top: 256px; } }
    .action_map-visual .swiper-pagination-bullet:nth-child(4) {
      /* 東京都 */ }
      @media print, screen and (max-width: 767px) {
        .action_map-visual .swiper-pagination-bullet:nth-child(4) {
          right: 43.6%;
          top: 70.0%; } }
      @media print, screen and (min-width: 768px) {
        .action_map-visual .swiper-pagination-bullet:nth-child(4) {
          right: 258px;
          top: 243px; } }
    .action_map-visual .swiper-pagination-bullet:nth-child(5) {
      /* 神奈川県 */ }
      @media print, screen and (max-width: 767px) {
        .action_map-visual .swiper-pagination-bullet:nth-child(5) {
          right: 45.1%;
          top: 74%; } }
      @media print, screen and (min-width: 768px) {
        .action_map-visual .swiper-pagination-bullet:nth-child(5) {
          right: 261px;
          top: 259px; } }
    .action_map-visual .swiper-pagination-bullet:nth-child(6) {
      /* 富山県氷見市 */ }
      @media print, screen and (max-width: 767px) {
        .action_map-visual .swiper-pagination-bullet:nth-child(6) {
          left: 47.1%;
          top: 58.7%; } }
      @media print, screen and (min-width: 768px) {
        .action_map-visual .swiper-pagination-bullet:nth-child(6) {
          left: 276px;
          top: 203px; } }
    .action_map-visual .swiper-pagination-bullet:nth-child(7) {
      /* 富山県氷 */ }
      @media print, screen and (max-width: 767px) {
        .action_map-visual .swiper-pagination-bullet:nth-child(7) {
          left: 48.8%;
          top: 60.6%; } }
      @media print, screen and (min-width: 768px) {
        .action_map-visual .swiper-pagination-bullet:nth-child(7) {
          left: 280px;
          top: 220px; } }
    .action_map-visual .swiper-pagination-bullet:nth-child(8) {
      /* 福井県 */ }
      @media print, screen and (max-width: 767px) {
        .action_map-visual .swiper-pagination-bullet:nth-child(8) {
          left: 43.8%;
          top: 62.6%; } }
      @media print, screen and (min-width: 768px) {
        .action_map-visual .swiper-pagination-bullet:nth-child(8) {
          left: 254px;
          top: 221px; } }
    .action_map-visual .swiper-pagination-bullet:nth-child(9) {
      /* 三重県 */ }
      @media print, screen and (max-width: 767px) {
        .action_map-visual .swiper-pagination-bullet:nth-child(9) {
          left: 40.5%;
          top: 73.5%; } }
      @media print, screen and (min-width: 768px) {
        .action_map-visual .swiper-pagination-bullet:nth-child(9) {
          left: 235px;
          top: 258px; } }
    .action_map-visual .swiper-pagination-bullet:nth-child(10) {
      /* 兵庫県姫路市 */ }
      @media print, screen and (max-width: 767px) {
        .action_map-visual .swiper-pagination-bullet:nth-child(10) {
          left: 33.2%;
          top: 64.1%; } }
      @media print, screen and (min-width: 768px) {
        .action_map-visual .swiper-pagination-bullet:nth-child(10) {
          left: 192px;
          top: 226px; } }
    .action_map-visual .swiper-pagination-bullet:nth-child(11) {
      /* 香川県 */ }
      @media print, screen and (max-width: 767px) {
        .action_map-visual .swiper-pagination-bullet:nth-child(11) {
          left: 31.6%;
          top: 70%; } }
      @media print, screen and (min-width: 768px) {
        .action_map-visual .swiper-pagination-bullet:nth-child(11) {
          left: 181px;
          top: 244px; } }
    .action_map-visual .swiper-pagination-bullet:nth-child(12) {
      /* 佐賀県嬉野市 */ }
      @media print, screen and (max-width: 767px) {
        .action_map-visual .swiper-pagination-bullet:nth-child(12) {
          left: 17%;
          top: 64.9%; } }
      @media print, screen and (min-width: 768px) {
        .action_map-visual .swiper-pagination-bullet:nth-child(12) {
          left: 96px;
          top: 229px; } }
    .action_map-visual .swiper-pagination-bullet:nth-child(13) {
      /* 佐賀県有田町 */ }
      @media print, screen and (max-width: 767px) {
        .action_map-visual .swiper-pagination-bullet:nth-child(13) {
          left: 15.6%;
          top: 64.1%; } }
      @media print, screen and (min-width: 768px) {
        .action_map-visual .swiper-pagination-bullet:nth-child(13) {
          left: 88px;
          top: 224px; } }
    .action_map-visual .swiper-pagination-bullet svg {
      fill: #404040;
      /* デフォルトの色 */
      -webkit-transition: fill 0.3s, width 0.3s, height 0.3s;
      transition: fill 0.3s, width 0.3s, height 0.3s;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
      @media print, screen and (max-width: 767px) {
        .action_map-visual .swiper-pagination-bullet svg {
          width: 2.13333vw; } }
      @media print, screen and (min-width: 768px) {
        .action_map-visual .swiper-pagination-bullet svg {
          width: 11.6px; } }
  .action_map-visual .swiper-pagination-bullet-active {
    z-index: 2; }
    .action_map-visual .swiper-pagination-bullet-active svg {
      fill: #F25387; }
      @media print, screen and (max-width: 767px) {
        .action_map-visual .swiper-pagination-bullet-active svg {
          width: 3.33333vw; } }
      @media print, screen and (min-width: 768px) {
        .action_map-visual .swiper-pagination-bullet-active svg {
          width: 21px; } }

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

@media print, screen and (min-width: 768px) {
  .action_map-swiper {
    margin: 34px auto 0; } }

.action_map-slide {
  width: auto; }

.action_map-node {
  position: relative;
  opacity: .8;
  border-radius: 10px;
  -webkit-box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.03);
  box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.03);
  opacity: .4; }
  @media print, screen and (max-width: 767px) {
    .action_map-node {
      width: 180px; } }
  @media print, screen and (min-width: 768px) {
    .action_map-node {
      width: 320px; } }
  .swiper-slide-active .action_map-node {
    opacity: 1; }

.action_map-node-head {
  background-color: #707070;
  border: solid 1px #707070;
  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;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 10px 10px 0 0; }
  @media print, screen and (max-width: 767px) {
    .action_map-node-head {
      height: 30px;
      padding: 3px 0px 0px; } }
  @media print, screen and (min-width: 768px) {
    .action_map-node-head {
      padding: 0;
      height: 29px; } }
  .swiper-slide-active .action_map-node-head {
    border: solid 1px #F25387;
    background-color: #F25387;
    opacity: 1; }

.action_map-node-head-text {
  font-weight: bold;
  text-align: center;
  color: #fff;
  line-height: 1;
  letter-spacing: 0.07em; }
  @media print, screen and (max-width: 767px) {
    .action_map-node-head-text {
      font-size: 12px; } }
  @media print, screen and (min-width: 768px) {
    .action_map-node-head-text {
      font-size: 15px; } }

.action_map-node-body {
  background-color: #fff;
  text-align: center;
  border: solid 1px #707070;
  border-radius: 0 0 10px 10px; }
  @media print, screen and (max-width: 767px) {
    .action_map-node-body {
      padding: 10px 0 19px;
      min-height: 227px; } }
  @media print, screen and (min-width: 768px) {
    .action_map-node-body {
      padding: 10px 0 22px;
      min-height: 257px; } }
  .swiper-slide-active .action_map-node-body {
    border: solid 1px #F25387; }

.action_map-node-body-img {
  margin: 0 auto; }
  @media print, screen and (max-width: 767px) {
    .action_map-node-body-img {
      width: 164px; } }
  @media print, screen and (min-width: 768px) {
    .action_map-node-body-img {
      width: 200px; } }

.action_map-node-body-list {
  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-wrap: wrap;
  flex-wrap: wrap; }
  @media print, screen and (max-width: 767px) {
    .action_map-node-body-list {
      width: 160px;
      gap: 4px 4px;
      margin: 8px auto 0; } }
  @media print, screen and (min-width: 768px) {
    .action_map-node-body-list {
      width: 200px;
      gap: 8px 4px;
      margin: 8px auto 0; } }

.action_map-node-body-list-item {
  text-align: center;
  color: #7d7d7d;
  background-color: #ebebeb;
  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;
  font-size: 10px;
  line-height: 1;
  letter-spacing: 0.05em; }
  @media print, screen and (max-width: 767px) {
    .action_map-node-body-list-item {
      height: 19px;
      padding: 2px 8px;
      border-radius: 9.5px; } }
  @media print, screen and (min-width: 768px) {
    .action_map-node-body-list-item {
      height: 23px;
      padding: 4px 16px 4px 16px;
      border-radius: 11.5px; } }

.action_map-node-body-btn {
  background-color: #707070;
  font-weight: bold;
  color: #fff;
  text-align: center;
  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;
  font-size: 10px;
  letter-spacing: 0.05em;
  -webkit-font-feature-settings: inherit;
  font-feature-settings: inherit;
  position: absolute;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 50%; }
  @media print, screen and (max-width: 767px) {
    .action_map-node-body-btn {
      width: 100px;
      height: 25px;
      margin: 16px auto 0;
      border-radius: 12.5px;
      bottom: 22px; } }
  @media print, screen and (min-width: 768px) {
    .action_map-node-body-btn {
      cursor: pointer;
      margin: 24px auto 0;
      width: 150px;
      height: 35px;
      border-radius: 17.5px;
      -webkit-transition: all .3s;
      transition: all .3s;
      bottom: 22px; } }
  @media print, screen and (min-width: 768px) {
    .action_map-node-body-btn:hover {
      opacity: .6; } }
  .swiper-slide-active .action_map-node-body-btn {
    background-color: #F25387; }

/* example
-----------------------------------------------------------------*/
@media print, screen and (min-width: 768px) {
  .action_example-title {
    font-size: 22px;
    margin-top: 120px; } }

.action_example-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media print, screen and (max-width: 767px) {
    .action_example-list {
      margin: 38px auto 0;
      gap: 29px 16px;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start; } }
  @media print, screen and (min-width: 768px) {
    .action_example-list {
      margin: 64px auto 0;
      gap: 58px 40px;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; } }

.action_example-list-item {
  text-align: center; }
  @media print, screen and (max-width: 767px) {
    .action_example-list-item {
      width: calc((100% - 16px) / 2); } }
  @media print, screen and (min-width: 768px) {
    .action_example-list-item {
      width: 280px; } }

.action_example-list-item-img-container {
  width: 100%;
  text-align: center; }

.action_example-list-item-img {
  margin: 0 auto; }
  @media print, screen and (max-width: 767px) {
    .action_example-list-item-img {
      width: 100%; } }
  @media print, screen and (min-width: 768px) {
    .action_example-list-item-img {
      width: 200.5px; } }

.action_example-list-item-title {
  font-weight: bold; }
  @media print, screen and (max-width: 767px) {
    .action_example-list-item-title {
      font-size: 13px;
      line-height: 1.8;
      margin: 13px auto 0;
      text-align: left;
      letter-spacing: 0.05em; } }
  @media print, screen and (min-width: 768px) {
    .action_example-list-item-title {
      text-align: center;
      font-size: 16px;
      line-height: 2;
      margin: 20px auto 0;
      letter-spacing: 0.07em; } }

.action_example-list-item-text {
  color: #1F2533;
  font-weight: 500; }
  @media print, screen and (max-width: 767px) {
    .action_example-list-item-text {
      text-align: left;
      font-size: 11px;
      line-height: 1.8;
      letter-spacing: 0.05em;
      margin: 5px auto 0; } }
  @media print, screen and (min-width: 768px) {
    .action_example-list-item-text {
      text-align: center;
      font-size: 14px;
      line-height: 2;
      letter-spacing: 0.07em;
      margin: 4px auto 0; } }

/* recruit
-----------------------------------------------------------------*/
.action_recruit {
  background: rgba(255, 255, 255, 0.5); }
  @media print, screen and (max-width: 767px) {
    .action_recruit {
      width: calc(100vw - 16px);
      margin: 80px auto;
      padding: 80px 0 40px;
      text-align: center;
      border-radius: 36px;
      backdrop-filter: blur(50px);
      padding: 80px 16px 80px;
      -webkit-box-shadow: 0 3px 30px 0 rgba(0, 0, 0, 0.05);
      box-shadow: 0 3px 30px 0 rgba(0, 0, 0, 0.05); } }
  @media print, screen and (min-width: 768px) {
    .action_recruit {
      max-width: 914.8px;
      padding: 91px 40px 100px;
      border-radius: 48px;
      backdrop-filter: blur(11.6px);
      -webkit-box-shadow: 0 3px 30px 0 rgba(0, 0, 0, 0.05);
      box-shadow: 0 3px 30px 0 rgba(0, 0, 0, 0.05);
      margin: 200px auto 200px !important; } }
  @media print, screen and (min-width: 768px) {
    .action_recruit .btn-area {
      text-align: center; } }

.action_recruit-title {
  font-weight: bold;
  color: #1F2533;
  text-align: center;
  -webkit-font-feature-settings: inherit;
  font-feature-settings: inherit;
  line-height: 2;
  letter-spacing: 0.07em; }
  @media print, screen and (max-width: 767px) {
    .action_recruit-title {
      font-size: 22px; } }
  @media print, screen and (min-width: 768px) {
    .action_recruit-title {
      font-size: 32px; } }

.action_recruit-text {
  font-weight: bold;
  text-align: center;
  color: #1F2533;
  -webkit-font-feature-settings: inherit;
  font-feature-settings: inherit; }
  @media print, screen and (max-width: 767px) {
    .action_recruit-text {
      font-size: 14px;
      line-height: 2;
      letter-spacing: 0.07em;
      margin: 22px auto 60px; } }
  @media print, screen and (min-width: 768px) {
    .action_recruit-text {
      font-size: 16px;
      line-height: 2;
      letter-spacing: 0.05em;
      margin: 35px auto 36px; } }

@media print, screen and (max-width: 767px) {
  .action_recruit-btn {
    border-radius: 30px;
    background-color: #1F2533;
    width: 280px;
    height: 60px;
    letter-spacing: 0.14em; } }

@media print, screen and (min-width: 768px) {
  .action_recruit-btn {
    margin: 0 auto; } }

/* industry
-----------------------------------------------------------------*/
.action_industry-frame {
  background: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(11.6px);
  -webkit-box-shadow: 0 3px 30px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 3px 30px 0 rgba(0, 0, 0, 0.05); }

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

@media print, screen and (min-width: 768px) {
  .action_industry-container {
    border-top: #DDDDDD solid 1px;
    padding-top: 59px;
    margin: 55.5px auto 0; } }

@media print, screen and (max-width: 767px) {
  .action_industry-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; } }

@media print, screen and (min-width: 768px) {
  .action_industry-inner {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; } }

.action_industry-img-container {
  text-align: center; }
  @media print, screen and (max-width: 767px) {
    .action_industry-img-container {
      margin: 0 auto;
      overflow: hidden;
      border-radius: 40px;
      border: #DDDDDD solid 1px; } }
  @media print, screen and (min-width: 768px) {
    .action_industry-img-container {
      width: 200px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      height: 100%; } }

@media print, screen and (min-width: 768px) {
  .action_industry-text-container {
    width: calc(100% - 200px);
    padding-left: 16px; } }

@media print, screen and (max-width: 767px) {
  .action_industry-img {
    width: 238px;
    height: 238px; } }

@media print, screen and (min-width: 768px) {
  .action_industry-img {
    width: 200px;
    margin: 0 auto; } }

.action_industry-title {
  font-weight: bold;
  line-height: 1.5;
  text-align: left;
  font-family: "Noto Sans JP", serif;
  font-size: 16px;
  letter-spacing: 0.06em; }
  @media print, screen and (max-width: 767px) {
    .action_industry-title {
      margin: 24px auto 0;
      text-align: center; } }
  @media print, screen and (min-width: 768px) {
    .action_industry-title {
      text-align: left;
      margin: 8px auto 0; } }

.action_industry-text {
  text-align: left;
  color: #1F2533;
  font-size: 12px;
  letter-spacing: 0.07em; }
  @media print, screen and (max-width: 767px) {
    .action_industry-text {
      line-height: 1.8;
      margin: 14px auto 0; } }
  @media print, screen and (min-width: 768px) {
    .action_industry-text {
      line-height: 2;
      margin: 21px auto 0; } }

.action_industry-link {
  text-align: left;
  font-weight: bold;
  font-family: "Noto Sans JP", serif;
  color: #F25387;
  text-decoration: underline;
  display: block;
  font-size: 12px; }
  @media print, screen and (max-width: 767px) {
    .action_industry-link {
      letter-spacing: 0.05em;
      line-height: 1.8;
      margin: 19px auto 0;
      text-underline-offset: 4px; } }
  @media print, screen and (min-width: 768px) {
    .action_industry-link {
      line-height: 2;
      letter-spacing: 0.07em;
      margin: 8px auto 0; } }
  .action_industry-link:visited {
    color: #F25387; }

.action_local-situation-list-item-text--note a {
  color: #F25387;
  text-decoration: underline;
  display: block; }
  .action_local-situation-list-item-text--note a:visited {
    color: #F25387; }

/* modal
-----------------------------------------------------------------*/
@media print, screen and (max-width: 767px) {
  .action_map-modal-img {
    width: 300.8px; } }

@media print, screen and (min-width: 768px) {
  .action_map-modal-img {
    width: 351px;
    margin: 0 auto; } }

@media print, screen and (max-width: 767px) {
  .action_map-modal-container {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); } }

@media print, screen and (min-width: 768px) {
  .action_map-modal-container {
    position: relative;
    display: inline-block;
    vertical-align: middle; } }

.action_map-modal-close {
  position: absolute;
  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;
  color: #fff;
  background: #F25387;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  cursor: pointer;
  z-index: 99; }
  @media print, screen and (max-width: 767px) {
    .action_map-modal-close {
      top: -10px;
      right: 8px; } }
  @media print, screen and (min-width: 768px) {
    .action_map-modal-close {
      top: -10px;
      right: -10px;
      -webkit-transition: all .3s;
      transition: all .3s; } }
  @media print, screen and (min-width: 768px) {
    .action_map-modal-close:hover {
      opacity: .6; } }
  .action_map-modal-close > svg {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    @media print, screen and (max-width: 767px) {
      .action_map-modal-close > svg {
        width: 15px;
        height: 15px; } }
    @media print, screen and (min-width: 768px) {
      .action_map-modal-close > svg {
        width: 14.828px;
        height: 14.828px; } }

.action_map-modal-content {
  background: #fff;
  text-align: center;
  line-height: 1.8;
  border: solid 1px #707070; }
  @media print, screen and (max-width: 767px) {
    .action_map-modal-content {
      border-radius: 20px;
      width: calc(100% - 16px);
      overflow-x: hidden;
      padding: 40px 29px;
      margin: 0 auto;
      max-height: 80vh; } }
  @media print, screen and (min-width: 768px) {
    .action_map-modal-content {
      border-radius: 48px;
      width: 480px;
      padding: 40px 20px 40px 30px;
      max-height: 80vh; } }

@media print, screen and (min-width: 768px) {
  .action_map-modal-inner {
    max-height: 60vh;
    overflow-y: auto;
    padding: 0 20px 0 10px; } }

.action_map-modal-list {
  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-wrap: wrap;
  flex-wrap: wrap; }
  @media print, screen and (max-width: 767px) {
    .action_map-modal-list {
      margin: 11.5px auto 0;
      gap: 4px; } }
  @media print, screen and (min-width: 768px) {
    .action_map-modal-list {
      margin: 15px auto 0;
      gap: 4.2px; } }

.action_map-modal-list-item {
  background-color: #d2d3d7;
  font-weight: bold;
  text-align: center;
  color: #7d7d7d;
  font-family: "Noto Sans JP", serif;
  -webkit-font-feature-settings: inherit;
  font-feature-settings: inherit;
  font-size: 10px;
  letter-spacing: 0.05em; }
  @media print, screen and (max-width: 767px) {
    .action_map-modal-list-item {
      height: 19px;
      padding: 1px 8px 2px;
      border-radius: 9.5px; } }
  @media print, screen and (min-width: 768px) {
    .action_map-modal-list-item {
      height: 23.1px;
      padding: 3px 16px 5px;
      border-radius: 11.5px; } }

@media print, screen and (max-width: 767px) {
  .action_map-modal-text-container {
    margin: 28px auto 0; } }

@media print, screen and (min-width: 768px) {
  .action_map-modal-text-container {
    margin: 27px auto 0; } }

.action_map-modal-text {
  font-weight: bold;
  text-align: left;
  font-family: "";
  font-family: "Noto Sans JP", serif;
  -webkit-font-feature-settings: inherit;
  font-feature-settings: inherit;
  font-weight: 500;
  font-size: 14px;
  line-height: 2;
  letter-spacing: 0.07em; }
  @media print, screen and (max-width: 767px) {
    .action_map-modal-text {
      margin: 8px auto 0; } }
  @media print, screen and (min-width: 768px) {
    .action_map-modal-text {
      margin: 8px auto 0; } }
  .action_map-modal-text a {
    color: #F25387; }

.swiper-button-prev .swiper-navigation-icon,
.swiper-button-next .swiper-navigation-icon {
  display: none; 
}

@media print, screen and (max-width: 767px) {
  .action_interview-swiper-button-container {
    display: none; } }

@media print, screen and (min-width: 768px) {
  .action_interview-swiper-button-container {
    width: calc(100% - 40px);
    position: absolute;
    margin: 0 auto;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    z-index: 1;
    max-width: 388px;
    top: 160px; } }

@media print, screen and (min-width: 768px) {
  .action_interview-swiper-button-prev:hover,
  .action_interview-swiper-button-next:hover {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2); } }

@media print, screen and (min-width: 768px) {
  .action_interview-swiper-button-prev,
  .action_interview-swiper-button-next {
    position: absolute;
    top: 0;
    width: 40px;
    height: 40px;
    background-image: none; } }

@media print, screen and (min-width: 768px) {
  .action_interview-swiper-button-prev::before,
  .action_interview-swiper-button-next::before {
    content: "";
    position: relative;
    display: block;
    background: rgba(0, 0, 0, 0.4);
    width: 40px;
    height: 40px;
    border-radius: 20px; } }

@media print, screen and (min-width: 768px) {
  .action_interview-swiper-button-prev::after,
  .action_interview-swiper-button-next::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-size: cover;
    background-position: center center;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227.828%22%20height%3D%2212.828%22%20viewBox%3D%220%200%207.828%2012.828%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_3111%22%20data-name%3D%22%E3%83%91%E3%82%B9%203111%22%20d%3D%22M-8223-6491.342l5%2C5-5%2C5%22%20transform%3D%22translate(8224.414%206492.756)%22%20fill%3D%22none%22%20stroke%3D%22%23f4f4f4%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
    width: 8px;
    height: 13px; } }

@media print, screen and (min-width: 768px) {
  .action_interview-swiper-button-prev {
    left: 14px; } }

@media print, screen and (min-width: 768px) {
  .action_interview-swiper-button-prev::after {
    top: auto;
    left: auto;
    bottom: 50%;
    right: 50%;
    -webkit-transform: rotate(180deg) translate(-50%, -50%);
    -ms-transform: rotate(180deg) translate(-50%, -50%);
    transform: rotate(180deg) translate(-50%, -50%); } }

@media print, screen and (min-width: 768px) {
  .action_interview-swiper-button-next {
    right: 14px; } }