@charset "UTF-8";
@media screen and (min-width: 769px) {
  /* ========================================================
  # ベース設定
  ======================================================== */
  body {
    padding-top: 0;
  }
  /* ========================================================
  # ユーティリティ
  ======================================================== */
  .forPC {
    display: block;
  }
  .forSP {
    display: none;
  }
  .fz-sm {
    font-size: 16px;
  }
  .fz-lg {
    font-size: 20px;
  }

  /* ========================================================
  # レイアウト
  ======================================================== */
  /* インナー幅 */
  .inner {
    padding-inline: 30px;
  }

  /* ========================================================
  # 共通パーツ
  ======================================================== */
  /* ヘッダー */
  .header {
    position: static;
  }
  .header__inner {
    position: relative;
  }
  .header__ttl {
    width: 180px;
  }
  .header__btn {
    display: none;
  }
  .menu {
    display: none;
  }

  /* 広告表記 */
  .adTxt {
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    position: absolute;
    top: 12px;
    right: 0;
    translate: 0 0;
  }
  .adTxt__txt {
    display: block;
    font-size: 12px;
    text-align: right;
  }
  .adTxt__pr {
    padding: 2px 12px;
    font-size: 18px;
  }

  /* パンくず */
  .breadcrumb__item:nth-child(n + 2)::before {
    position: absolute;
    top: 7px;
    width: 6px;
    height: 6px;
  }
  .breadcrumb__link {
    font-size: 12px;
  }
  .breadcrumb__current {
    font-size: 12px;
  }

  /* タイトル1 */
  .ttl1 {
    font-size: 24px;
  }

  /* タイトル2 */
  .ttl2 {
    font-size: 22px;
  }
  .ttl2 span::before {
    top: 2px;
  }

  /* タイトル3 */
  .ttl3 {
    font-size: 20px;
  }

  /* ボタン1 */
  .btn1 {
    display: inline-block;
    position: relative;
    border-radius: 20px;
    max-width: 180px;
    width: 100%;
    padding: 10px 20px;
    background-color: var(--Accent);
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
  }
  /* 小サイズ */
  .btn1--sm {
    padding: 10px 14px;
    font-size: 10px;
  }
  .btn1--sm::after {
    right: 5px;
  }
  /* 中サイズ */
  .btn1--md {
    padding: 12px 20px;
  }
  /* 大サイズ */
  .btn1--lg {
    border-radius: 40px;
    max-width: none;
    padding: 32px 40px;
    font-size: 18px;
  }
  .btn1--lg::after {
    right: 40px;
  }

  /* ボタン2 */
  .btn2 {
    padding: 27px 50px;
  }
  .btn2::after {
    right: 28px;
  }

  /* 番号リスト */
  .num-list__item {
    font-size: 16px;
  }
  .num-list__item::before {
    top: 4px;
    width: 20px;
    height: 20px;
    font-size: 16px;
  }

  /* ポイントボックス */
  .point-box__ttl {
    font-size: 18px;
  }
  .point-box__txt {
    font-size: 16px;
  }

  /* テーブル1 */
  .table1__ttl {
    font-size: 14px;
  }

  .table1__txt {
    font-size: 14px;
  }

  /* テーブル2 */
  .table2__item {
    grid-template-columns: 200px 1fr;
  }
  .table2__ttl {
    font-size: 14px;
  }
  .table2__txt {
    font-size: 14px;
  }

  /* テーブルリスト */
  .table-list1 {
    grid-template-columns: 110px 125px repeat(2, 1fr) 100px 95px 110px;
  }

  .table-list2 {
    grid-template-columns: 140px 125px 1fr 0.6fr 92px 117px;
  }

  .table-list1__item-desc {
    padding: 5px;
  }
  .table-list1__item-desc--lg {
    padding: 4px 8px;
  }
  .table-list1__item-logo-link {
    display: block;
    margin-inline: auto;
  }
  .table-list1__item-logo {
    display: block;
    margin-inline: auto;
    width: 100%;
    height: auto;
  }
  .table-list1__item-link {
    display: block;
    margin-top: 4px;
    color: #0a50a1;
    font-size: 10px;
    font-weight: bold;
    line-height: 1.3;
    text-align: center;
    text-decoration: underline;
  }
  .table-list1__item-link--lg {
    margin-top: 10px;
  }
  .table-list1__item-ico {
    display: block;
    margin-inline: auto;
    width: 35px;
    height: 35px;
  }
  .table-list1__item-txt {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.3;
    text-align: center;
  }
  .table-list1__item-btn-lead {
    font-weight: 400;
  }

  .table-list1--hikaku {
    grid-template-columns: 115px 1fr 95px 1fr 1fr 1fr 95px 100px;
  }
  .table-list1--hikaku .table-list1__item:first-of-type {
    position: static;
  }

  /* カード1 */
  .card1 {
    padding: 8px 15px 10px;
  }
  .card1__rank {
    width: 50px;
  }
  .card1__logo {
    width: 128px;
  }
  .card1__txt {
    font-size: 14px;
    line-height: 1.5;
  }

  /* アコーディオン1 */
  .accordion1 {
    gap: 10px;
  }
  .accordion1__ttl {
    gap: 10px;
    padding: 8px 50px 8px 30px;
  }
  .accordion1__ttl::before {
    right: 37px;
  }
  .accordion1__ttl::after {
    right: 30px;
  }
  .accordion1__ttl img {
    width: 36px;
    height: 36px;
  }
  .accordion1__ttl span {
    font-size: 16px;
  }
  .accordion1__desc {
    margin-top: 6px;
    padding: 8px 30px 15px;
    font-size: 14px;
  }
  .accordion1__desc::before {
    width: calc(100% - 60px);
  }
  /* アコーディオン1 difference */
  .accordion1--difference .accordion1__ttl img {
    width: 32px;
    height: 32px;
  }

  /* アコーディオン2 */
  .accordion2 {
    padding-inline: 15px;
  }
  .accordion2__ttl {
    gap: 10px;
    padding: 12px 20px 12px 0;
  }
  .accordion2__ttl img {
    width: 32px;
    height: 32px;
  }
  /* .accordion2__ttl span {
    font-size: 16px;
  } */
  .accordion2__desc {
    padding-block: 4px 15px;
    font-size: 14px;
  }

  /* 口コミ */
  .voice-list__item {
    grid-template-areas:
      "img cont"
      "img txt";
    grid-template-columns: 60px 1fr;
    padding-block: 15px;
  }
  .voice-list__img img {
    width: 60px;
    height: 60px;
  }
  .voice-list__ttl {
    font-size: 16px;
  }
  .voice-list__txt {
    font-size: 14px;
    line-height: 1.5;
  }

  /* ========================================================
  # 共通パーツ form
  ======================================================== */
  .form__wrapper {
    padding-inline: 0;
  }
  .form__desc {
    padding-right: 80px;
    gap: 14px 20px;
  }
  .form__desc--sp-col3 {
    display: flex;
    flex-wrap: wrap;
    gap: 14px 40px;
  }
  .form__select {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
  .form__btn {
    margin-top: 32px;
  }

  /* ========================================================
  # セクション MV
  ======================================================== */
  .mv__lead {
    top: 24px;
    font-size: 30px;
    letter-spacing: 0.1em;
  }
  .mv__lead span {
    padding-right: 4px;
    font-size: 44px;
  }
  .mv__img {
    width: 100%;
  }
  .mv__img img {
    width: 100%;
    height: auto;
    object-fit: cover;
  }
  .mv__txt {
    top: 44%;
    left: 3%;
    width: 220px;
    height: 58px;
    font-size: 28px;
  }
  .mv__txt--sp {
    display: none;
  }
  .mv__txt--pc {
    display: flex;
  }
  .mv__txt span {
    font-size: 44px;
  }
  .mv__list {
    gap: 6px;
  }
  .mv__item {
    border-radius: 2px;
    padding: 8px 20px 8px 45px;
    font-size: 20px;
  }
  .mv__item::before {
    left: 10px;
    width: 24px;
    height: 24px;
  }

  /* ========================================================
  # セクション ロゴ
  ======================================================== */
  .logos__swiper .swiper-slide {
    width: 70px;
  }

  /* ========================================================
  # セクション ナビ
  ======================================================== */
  .nav {
    grid-template-columns: repeat(4, 1fr);
    gap: 5px;
    padding: 15px 15px 32px;
    margin-inline: auto;
    max-width: 720px;
  }

  /* ========================================================
  # セクション ポイント
  ======================================================== */
  .point {
    padding-bottom: 16px;
  }
  .point__ttl {
    margin-inline: auto;
    max-width: 690px;
  }
  .point__wrap {
    margin-top: 12px;
  }
  .point__lead {
    padding: 15px;
    font-size: 18px;
  }
  .point__list {
    margin-top: 18px;
  }
  .point__txt {
    margin-top: 12px;
    font-size: 15px;
  }

  /* ========================================================
  # セクション 初めての転職
  ======================================================== */

  .tensyoku-first-textbox .tensyoku-first-text {
    font-size: 18px;
  }

  .tensyoku-first-textbox_wrapper {
    padding: 27px 15px 38px 15px;
  }

  /* ========================================================
  # セクション TOP3
  ======================================================== */
  .top3 {
    padding-block: 8px 12px;
  }
  .top3__ttl {
    padding-inline: 30px;
  }
  .top3 .inner {
    padding-inline: 30px;
  }
  .top3__tabs {
    gap: 26px;
  }
  .top3__tab {
    padding: 11px;
    font-size: 16px;
  }
  .top3__contents {
    padding: 0;
  }
  .top3__list {
    gap: 12px;
    width: 100%;
  }
  .top3__item-ttl {
    padding: 6px 2px;
    font-size: 15px;
  }

  /* ========================================================
  # セクション 差
  ======================================================== */
  .difference {
    padding-top: 24px;
  }
  .difference__ttl {
    margin-inline: auto;
    max-width: 690px;
  }
  .difference__lead {
    padding: 15px;
    font-size: 18px;
  }
  .difference__txt {
    font-size: 15px;
  }

  /* ========================================================
  # セクション 徹底比較
  ======================================================== */
  .hikaku {
    padding-block: 16px 70px;
  }

  .hikaku5 {
    padding-block: 12px 20px;
  }
  .hikaku.is-open,
  .hikaku.is-hide {
    padding-block: 16px 24px;
  }
  .hikaku__ttl {
    margin-inline: auto;
    max-width: 690px;
  }
  .hikaku__wrap {
    margin-top: 12px;
    margin-left: 0;
  }
  .hikaku__list {
    width: 100%;
    margin-right: 0;
  }
  .hikaku__more-wrap {
    margin-top: -80px;
  }
  .hikaku__searches {
    margin: 10px 0;
  }
  .hikaku__search {
    display: flex;
    align-items: center;
    gap: 12px;
  }
  .hikaku__search-btns {
    margin-top: 0;
  }
  .hikaku__search-selects {
    margin-top: 0;
  }

  /* ========================================================
  # セクション ランキング
  ======================================================== */
  .ranking__ttl {
    margin-inline: auto;
    max-width: 690px;
  }
  .ranking__txt {
    margin-top: 16px;
    font-size: 15px;
  }
  .ranking__wrap {
    margin-top: 16px;
  }

  /* ランキングアイテム */
  .ranking-item__head {
    grid-template-columns: 62px 1fr;
    gap: 12px;
  }
  .ranking-item__label {
    width: 62px;
    height: 62px;
  }
  .ranking-item__label::before {
    left: 6px;
    width: 50px;
    height: 50px;
    font-size: 28px;
  }
  .ranking-item__head-lead {
    font-size: 16px;
  }
  .ranking-item__head-link {
    font-size: 24px;
  }
  .ranking-item__body {
    padding: 20px 30px 24px;
    background-color: var(--Sub);
  }
  .ranking-item__bnr {
    max-width: 328px;
  }
  .ranking-item__tags {
    margin-top: 20px;
  }
  .ranking-item__tag {
    padding: 5px 7px;
    font-size: 12px;
  }
  .ranking-item__tabs {
    gap: 15px;
    margin-top: 20px;
  }
  .ranking-item__tab {
    gap: 8px;
    padding: 8px;
    font-size: 16px;
  }
  .ranking-item__tab-img {
    width: 32px;
    height: 32px;
  }
  .ranking-item__tab-img img {
    width: 23px;
    height: 23px;
  }
  .ranking-item__contents {
    padding: 20px;
  }
  .ranking-item__content {
    display: none;
  }
  .ranking-item__content--pc-col2.is-active {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: start;
    gap: 10px;
  }
  .ranking-item__table {
    margin-top: 0;
  }
  .ranking-item__voice {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    padding-block: 14px;
  }
  .ranking-item__voice-body {
    margin-top: 0;
  }
  .ranking-item__voice-ttl {
    font-size: 14px;
  }
  .ranking-item__voice-txt {
    margin-top: 6px;
    font-size: 12px;
    line-height: 1.5;
  }
  .ranking-item__features {
    grid-template-columns: repeat(3, 1fr);
  }
  .ranking-item__feature-head {
    padding-inline: 0;
  }
  .ranking-item__feature-txt {
    margin-top: 8px;
    font-size: 13px;
  }
  .ranking-item__txt {
    font-size: 16px;
  }
  .ranking-item__logo {
    margin: 16px auto 0;
    max-width: 237px;
  }
  .ranking-item__btn {
    margin-top: 16px;
  }
  .ranking__more-btn {
    padding: 22px 40px;
    font-size: 16px;
  }
  .ranking__more-btn::after {
    right: 34px;
  }

  /* ========================================================
  # セクション 検索
  ======================================================== */
  .search {
    padding-block: 38px;
  }
  .search__ttl {
    margin-inline: auto;
    max-width: 690px;
  }

  /* ========================================================
  # セクション リザルト
  ======================================================== */
  .result-section {
    padding-bottom: 38px;
  }
  .result__ttl {
    margin-inline: auto;
    max-width: 690px;
  }
  .result__content {
    border-radius: 10px;
    padding: 15px;
  }
  .result__terms {
    padding: 6px 10px;
    font-size: 16px;
  }
  .result__item {
    grid-template-columns: 150px 1fr;
    padding-block: 10px;
  }
  .result__item-ttl {
    font-size: 14px;
  }
  .result__item-ttl::before {
    top: 3px;
  }
  .result__item-label {
    gap: 8px;
  }
  .result-more__wrap {
    padding-inline: 0;
  }
  .result-more__btn {
    padding: 16px 40px;
    font-size: 16px;
  }
  .result-more__btn span {
    font-size: 20px;
  }

  /* ========================================================
  # セクション フッター
  ======================================================== */
  .footer__inner {
    padding-inline: 30px;
  }
  .footer__logo {
    margin-left: 0;
    max-width: 268px;
  }
  .footer__agents {
    grid-template-columns: repeat(6, 1fr);
    max-width: none;
  }
  .footer__list--sp-col1 {
    grid-template-columns: repeat(2, 1fr);
  }

  /* ========================================================
  # セクション おすすめ
  ======================================================== */
  .recommend {
    padding-block: 8px 12px;
  }
  .recommend__ttl {
    padding-inline: 30px;
  }
  .recommend__list {
    grid-template-columns: repeat(4, 1fr);
    gap: 6px;
    margin-top: 36px;
  }
  .recommend__item-ttl {
    left: 50%;
    translate: -50% -50%;
    width: 156px;
    height: 41px;
  }
  .recommend__item-ttl span {
    font-size: 13px;
  }
  .recommend__item-head {
    align-items: center;
    min-height: auto;
    padding: 30px 24px 16px;
  }
  .recommend__item:nth-child(1) .recommend__item-logo {
    width: 120px;
    height: 60px;
  }
  .recommend__item:nth-child(2) .recommend__item-logo {
    width: 120px;
    height: 60px;
  }
  .recommend__item:nth-child(3) .recommend__item-logo {
    width: 120px;
    height: 60px;
  }
  .recommend__item:nth-child(4) .recommend__item-logo {
    width: 120px;
    height: 60px;
  }
  .recommend__item-body {
    display: block;
    gap: 10px;
    padding: 10px 8px;
  }
  .recommend__item-txt {
    color: var(--Main);
    font-size: 12px;
    font-weight: bold;
    line-height: 1.5;
  }
  .recommend__item-arrow {
    display: none;
  }
  .recommend__item-btn {
    display: block;
    margin-top: 8px;
    text-align: center;
  }
  .recommend__attention {
    padding-inline: 30px;
  }

  /* ========================================================
# 転職エージェント活用方法
======================================================== */

  .fulluse {
    background-color: #f1faff;
    padding: 15px;
  }

  .method {
    background-color: #fff;
  }

  .method-text {
    font-size: 15px;
    line-height: 1.6;
  }

  .method-wrapper {
    padding: 0 15px;
    display: grid;
    grid-template-rows: 1fr 1fr 1fr;
    gap: 14px;
  }

  .method-innner {
    display: grid;
    grid-template-columns: auto 1fr;
    padding: 9px 30px 13px;
    gap: 36px;
    align-items: center;
  }

  .method-picture img {
    max-width: 150px;
    height: auto;
    width: 100%;
  }

  /* ========================================================
20250605 タイプ別TOP3
女性版以外の画像指定部分コメントアウト&色指定仮で入れてます
======================================================== */
  .top3Type {
    padding: 38px 30px;
  }

  .top3Type .notes-txt {
    padding: 0;
  }

  .top3Type__head p {
    font-size: 15px;
    padding: 15px 0;
  }

  .top3Type__tags {
    justify-content: left;
    flex-wrap: wrap;
    padding-left: 0;
  }

  .top3Type__subtags {
    flex-wrap: wrap;
  }

  .top3Type__subtags.has-border {
    padding: 12px 0 15px;
  }

  .top3Type__list {
    flex-direction: row;
    justify-content: center;
    gap: 10px;
    margin: 0;
    padding: 20px;
  }

  .top3Type__item {
    flex: 1 1 0;
    flex-direction: column;
    align-items: center;
    padding: 0;
  }

  .top3Type__list > .top3Type__item:nth-child(2) {
    border: none;
    border-left: dotted 1px var(--Main);
    border-right: dotted 1px var(--Main);
    padding: 0 10px;
  }

  .top3Type__txt {
    width: 196px;
  }

  .top3Type__txt a {
    font-size: 15px;
    text-align: center;
  }

  .top3Type__txt p {
    font-size: 14px;
  }

  .top3Type__bnr img {
    width: 164px;
    aspect-ratio: 164 / 137;
  }

  .top3Type__bnr::before {
    width: 52px;
    height: 52px;
  }

  .top3Type__cta {
    padding: 0;
  }

  /* ========================================================
# コラム用　表
======================================================== */
  .table__column .table2__item {
    display: grid;
    grid-template-columns: 180px repeat(auto-fit, minmax(40px, 1fr));
  }

  /* ========================================================
  # 女性版
  ======================================================== */
  .women,
  .m_women,
  .women2,
  .women_nav,
  .women20s,
  .women30s,
  .m_women20s,
  .m_women30s,
  .index3,
  .josanshi,
  .hokenshi,
  .hoikushi,
  .kangoshi {
    /* MV */
    .mv__txt {
      top: 44%;
      left: 3%;
      width: 220px;
      height: 53px;
      font-size: 28px;
    }
    .mv__txt span {
      font-size: 38px;
    }
    /* タイプ別TOP3 */
    .top3Type__list > .top3Type__item:nth-child(2) {
      border: none;
      border-left: dotted 1px var(--Women);
      border-right: dotted 1px var(--Women);
    }
  }
}