@charset "utf-8";

.growth_front main article.webooth-detail h3 {
  border-left-width: 4px;
  border-left-style: solid;
  border-bottom: none;
}

.growth_front .gof__wbc__wrapper__btn.nobutton {
  margin-bottom: 20px;
}

.growth_front.register main article.webooth-detail h3 {
  border-left-color: #16a34a;
}

.career main h1 {
  border-left-color: #e76023;
}

/* ---------------------------------------- */
/* front sp */
/* ---------------------------------------- */
@media screen and (max-width: 767px) {
  .growth_front .gof_modal_wrapper .header-loginarea_wrapper button.text-center {
    text-align: center;
  }

  .growth_front .gof__wbc__wrapper__btn.nobutton {
    margin-bottom: 10px;
  }

  /* Search result thumbnail size for mobile */
  .search-result article .thumbnail2,
  .search-result article .thumbnail2 .wbth2 {
    width: 100px !important;
    height: 100px !important;
  }
}

.growth_front main .form-text-columns {
  display: flex;
  gap: 10px;
}

.growth-webinar-icon {
  height: 30px;
}

/* 企業カード（type2）のレイアウト統一 - top.htmlに合わせた調整 */
    .company-name-link {
      color: #0070c0;
      cursor: pointer;
      text-decoration: none;
      transition: text-decoration 0.2s;
    }

    .gof__f__type2 .gof__contents__wrapper__contentsContainer__item {
      width: 300px;
      height: 300px;
      background: #ffffff;
      border: 1px solid #ddd;
      border-radius: 4px;
      padding: 10px;
      margin-bottom: 10px;
      display: flex;
      flex-direction: column;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.15);
      transition: all 0.3s ease;
    }

    .gof__f__type2 .gof__contents__wrapper__contentsContainer__item:nth-child(-n + 3) {
      margin-right: 10px;
    }

    .gof__f__type2 .gof__contents__wrapper__contentsContainer__item:hover {
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
      transform: translateY(-2px);
      border-color: #16a34a;
    }

    .gof__f__type2 .gof__contents__wrapper__contentsContainer__item__img {
      width: 100%;
      margin-bottom: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .gof__f__type2 .gof__contents__wrapper__contentsContainer__item__img img {
      width: 90%;
      height: auto;
      border-radius: 4px;
    }

    .gof__f__type2 .gof__contents__wrapper__contentsContainer__item__subTitle {
      font-weight: 600;
      margin-bottom: 8px;
      color: #1f2937;
      font-size: 1rem;
      line-height: 1.4;
    }

    .gof__f__type2 .gof__contents__wrapper__contentsContainer__item__subTitle a {
      color: #1f2937;
      text-decoration: none;
    }

    .gof__f__type2 .gof__contents__wrapper__contentsContainer__item__dl {
      margin-bottom: 4px;
      display: flex;
      align-items: flex-start;
      font-size: 0.9rem;
    }

    .gof__f__type2 .gof__contents__wrapper__contentsContainer__item__dl dt {
      font-weight: 600;
      color: #666;
      margin-right: 4px;
      flex-shrink: 0;
    }

    .gof__f__type2 .gof__contents__wrapper__contentsContainer__item__dl dd {
      color: #333;
      flex: 1;
      line-height: 1.4;
    }

    /* 企業カード親コンテナの位置調整 */
    .gof__f__type2 .gof__contents__wrapper__contentsContainer__item {
      /* 固定サイズのカード設定済み */
      position: relative;
    }

    /* 企業ページを見るボタンとお気に入り登録ボタンの位置固定 */
    .gof__f__type2 .gof__contents__wrapper__contentsContainer__item__button {
      position: absolute;
      bottom: 10px;
      left: 10px;
      right: 10px;
      display: flex;
      justify-content: space-between;
      gap: 10px;
    }

    .gof__f__type2 .gof__contents__wrapper__contentsContainer__item__button {
      margin-top: 10px;
      list-style: none;
      padding: 0;
      margin-bottom: 0;
      display: flex;
      flex-direction: column;
    }

    .gof__f__type2 .gof__contents__wrapper__contentsContainer__item__button li {
      text-align: center;
      width: 100%;
      margin-bottom: 0;
    }


    .gof__f__type2 .gof__contents__wrapper__contentsContainer__item__button li a,
    .favorite-form-btn {
      display: block;
      width: 100%;
      font-weight: 700;
      color: #fff;
      background-color: #16a34a;
      border: 1px solid #074d21;
      border-radius: 4px;
      padding: 7px 10px;
      text-align: center;
      margin-bottom: 10px;
      font-size: 0.9rem;
      text-decoration: none;
      transition: all 0.3s ease;
      position: relative;
    }


    .gof__f__type2 .gof__contents__wrapper__contentsContainer__item__button li:last-child a {
      background-color: #ff4400;
      border: 1px solid #aa390f;
      margin-bottom: 0;
    }

    .gof__f__type2 .gof__contents__wrapper__contentsContainer__item__button li a:hover,
    .favorite-form-btn:hover {
      opacity: 0.9;
      transform: translateY(-1px);
      text-decoration: underline;
      text-decoration-color: #fff;
    }

    .gof__f__type2 .gof__contents__wrapper__contentsContainer__item__button li a:hover {
      opacity: 0.9;
      transform: translateY(-1px);
    }

    /* フォームボタンのスタイル統一 */
    .favorite-form-btn {
      display: block;
      width: 100%;
      font-weight: 700;
      color: #fff;
      background-color: #ff4400;
      border: 1px solid #aa390f;
      border-radius: 4px;
      padding: 7px 10px;
      text-align: center;
      margin-bottom: 0;
      font-size: 0.9rem;
      text-decoration: none;
      transition: all 0.3s ease;
      position: relative;
      cursor: pointer;
    }

    .favorite-form-btn:hover {
      opacity: 0.9;
      transform: translateY(-1px);
    }

    /* 企業カード（お気に入り登録済み）のスタイル */
    .favorite-form-btn.favorited {
      background-color: #6c757d;
      cursor: default;
    }

    /* 特色カードのレイアウトとスタイル統一 */
    .gof__f__type3 .gof__contents__wrapper__contentsContainer__item {
      background: #ffffff;
      border: 1px solid #e5e7eb;
      border-radius: 8px;
      padding: 20px;
      min-height: 180px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
      transition: all 0.3s ease;
      cursor: pointer;
    }

    .gof__f__type3 .gof__contents__wrapper__contentsContainer__item:hover {
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
      transform: translateY(-2px);
      border-color: #16a34a;
    }

    /* すべて見るボタンのスタイル */
    .all-features-btn {
      text-decoration: none;
      font-weight: 600;
      font-size: 1rem;
      padding: 8px 16px;
      border-radius: 4px;
      transition: all 0.3s ease;
      white-space: nowrap;
      min-width: 110px;
    }

    @media (max-width: 600px) {
      .gof__f__type3 > div[style*="display: flex"] {
        flex-wrap: nowrap !important;
        gap: 8px;
      }

      .all-features-btn {
        font-size: 0.95rem;
        padding: 8px 12px;
        min-width: 90px;
      }

      /* あなたにおすすめの企業カードのスマホ時統一 */
      .gof__f__type2 .gof__contents__wrapper__contentsContainer {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 10px;
        justify-content: space-between;
      }

      .gof__f__type2 .gof__contents__wrapper__contentsContainer__item {
        margin-right: 0 !important;
        width: calc(50% - 5px) !important;
        flex-shrink: 0;
      }
    }
   
    .mstar, .mperson
    {
      width: 170px;
    }