/* ===========================
   LOWER PAGE CSS
=========================== */
/* ===========================
   LOWER SHARED FROM TOP
=========================== */
.ornament {
  position: absolute;
  pointer-events: none;
  z-index: 3;
}
.mv_left_top {
  top: clamp(125px, 16.33vw, 313px);
  left: clamp(54px, 7.14vw, 137px);
}
.mv_left_top img {
  width: clamp(39px, 5.08vw, 97px);
  height: auto;
}
.mv_right_top {
  top: clamp(155px, 20.26vw, 389px);
  right: clamp(52px, 7.03vw, 135px);
}
.mv_right_top img {
  width: clamp(40px, 5.33vw, 102px);
  height: auto;
}
.sec-future {
  padding: clamp(45.2px, 5.89vw, 113px) 0 clamp(45.2px, 5.89vw, 113px);
  background-color: #FFF8DB;
}
.sec-future__inner {
  max-width: clamp(472px, 61.46vw, 1180px);
  margin: 0 auto;
}
.merits {
  position: relative;
  margin-top: clamp(28px, 3.65vw, 70px);
  margin-bottom: clamp(28px, 3.65vw, 70px);
  background: #fff;
  border-radius: clamp(8px, 1.04vw, 20px);
  padding: clamp(19.2px, 2.5vw, 48px);
}
.merits__heading {
  font-size: clamp(12px, 1.56vw, 30px);
  font-weight: 700;
  color: #7FCE43;
  line-height: 1.6;
  text-align: center;
}
.merits__chara {
  width: clamp(106.4px, 13.85vw, 266px);
  position: absolute;
  right: clamp(-7px, -0.36vw, -2.8px);
  top: clamp(-134px, -6.98vw, -53.6px);
  animation: meritsAppeal 2.8s ease-in-out infinite;
}
@keyframes meritsAppeal {
  0%, 100% {
    transform: translateY(0) rotate(0deg);
  }
  35% {
    transform: translateY(clamp(-7px, -0.36vw, -2.8px)) rotate(5deg);
  }
  55% {
    transform: translateY(clamp(-7px, -0.36vw, -2.8px)) rotate(2deg);
  }
  75% {
    transform: translateY(clamp(-7px, -0.36vw, -2.8px)) rotate(5deg);
  }
}
.merits__chara img {
  width: 100%;
  height: auto;
}
.merits__list {
  display: flex;
  align-items: stretch;
  margin-top: clamp(18px, 2.34vw, 45px);
}
.merit {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(8.4px, 1.09vw, 21px);
  padding: 0 clamp(9.2px, 1.2vw, 23px);
  text-align: center;
}
.merit:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: clamp(0.4px, 0.05vw, 1px);
  height: 100%;
  background: #7FCE43;
}
.merit__badge {
  display: inline-block;
  background: #7FCE43;
  color: #fff;
  font-size: clamp(6.4px, 0.83vw, 16px);
  font-weight: 700;
  padding: clamp(2.4px, 0.31vw, 6px) clamp(6.4px, 0.83vw, 16px);
  border-radius: clamp(5.6px, 0.73vw, 14px);
  line-height: 1;
}
.merit__title {
  font-size: clamp(9.6px, 1.25vw, 24px);
  font-weight: 700;
  color: #000;
  line-height: 1.4;
}
.merit__text {
  font-size: clamp(6.4px, 0.83vw, 16px);
  line-height: 1.8;
}
.nav-drawer__title {
  font-size: clamp(16px, 0.94vw, 18px);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.8;
  margin-bottom: clamp(9.6px, 1.25vw, 24px);
}
.section-lead {
  margin-bottom: clamp(18px, 2.34vw, 45px);
}
/* ===========================
   付与株式数 GRANT STATS
=========================== */
.grant-stats {
  background-color: #FFF8DB;
  padding-bottom: clamp(45.2px, 5.89vw, 113px);
}
.grant-stats__inner {
  width: clamp(472px, 61.46vw, 1180px);
  margin: 0 auto;
}
.grant-stats__heading {
  margin: 0 0 clamp(18px, 2.34vw, 45px);
  font-size: clamp(16px, 2.08vw, 40px);
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
}
.grant-stats__list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(12px, 1.56vw, 30px);
  margin: clamp(18px, 2.34vw, 45px) 0 0 0;
  padding: 0;
  list-style: none;
}
.grant-stat {
  overflow: hidden;
  border-radius: clamp(8px, 1.04vw, 20px);
  background-color: #F2FAEC;
  text-align: center;
}
.grant-stat__label {
  margin: 0;
  padding: clamp(7.2px, 0.94vw, 18px) clamp(6.4px, 0.83vw, 16px);
  background-color: #7FCE43;
  color: #fff;
  font-size: clamp(9px, 1.15vw, 22px);
  font-weight: 700;
  line-height: 1.4;
}
.grant-stat__value {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(6.4px, 0.83vw, 16px);
  margin: 0;
  padding: clamp(14px, 1.82vw, 35px) clamp(6.4px, 0.83vw, 16px);
  color: #000;
  font-size: clamp(16px, 2.08vw, 40px);
  font-weight: 700;
  line-height: 1;
}
.grant-stat__icon {
  width: clamp(18px, 2.34vw, 45px);
  height: auto;
  flex-shrink: 0;
}
.grant-stats .merits {
  margin-top: clamp(28px, 3.65vw, 70px);
}
.grant-stats__note {
  text-align:center;
  margin-top: clamp(6.8px, 0.89vw, 17px);
  font-size: clamp(5.6px, 0.73vw, 14px);
}
/* ===========================
   ABOUT HERO
=========================== */
.about-hero {
  position: relative;
  max-width: 1920px;
  margin: 0 auto;
  overflow: hidden;
  background-color: #FFF8DB;
}
.breadcrumb {
  position: absolute;
  top: clamp(56px, 7.29vw, 140px);
  left: clamp(148.4px, 19.32vw, 371px);
  z-index: 3;
}
.breadcrumb__list {
  display: flex;
  align-items: center;
  gap: clamp(4px, 0.52vw, 10px);
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: clamp(5.6px, 0.73vw, 14px);
  font-weight: 700;
  line-height: 1.8;
}
.breadcrumb__item {
  display: flex;
  align-items: center;
  gap: clamp(4px, 0.52vw, 10px);
}
.breadcrumb__item:not(:last-child)::after {
  content: '>';
  color: #000;
}
.breadcrumb__item a {
  color: inherit;
  text-decoration: underline;
}
.about-hero__inner {
  width: clamp(472.8px, 61.56vw, 1182px);
  margin: 0 auto;
  padding: clamp(92px, 11.98vw, 230px) 0 clamp(50px, 6.51vw, 125px);
}
.about-hero__content {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  column-gap: clamp(32px, 4.17vw, 80px);
  align-items: start;
}
.about-hero__lead {
  position: relative;
  min-height: clamp(192px, 25vw, 480px);
}
.about-hero__title {
  display: flex;
  align-items: center;
  gap: clamp(6.4px, 0.83vw, 16px);
  margin: 0;
  font-size: clamp(9.6px, 1.25vw, 24px);
  font-weight: 700;
  line-height: 1.4;
}
.about-hero__title::before {
  content: '';
  display: inline-block;
  width: clamp(12px, 1.56vw, 30px);
  height: clamp(0.8px, 0.1vw, 2px);
  background-color: #7FCE43;
  flex-shrink: 0;
}
.about-hero__catch {
  position: relative;
  z-index: 2;
  margin: clamp(12px, 1.56vw, 30px) 0 0;
  font-size: clamp(20px, 2.6vw, 50px);
  font-weight: 700;
  line-height: 1.45;
}
.about-hero__catch span {
  color: #7FCE43;
}
.about-hero__acorn {
  position: absolute;
  bottom: clamp(35.6px, 4.64vw, 89px);
  left: clamp(112.4px, 14.64vw, 281px);
  width: clamp(34.8px, 4.53vw, 87px);
  height: clamp(34.8px, 4.53vw, 87px);
  z-index: 1;
}
.about-hero__chara {
  position: absolute;
  bottom: clamp(35.6px, 4.64vw, 89px);
  left: clamp(158.8px, 20.68vw, 397px);
  width: clamp(70.13px, 9.13vw, 175.33px);
  height: clamp(96.09px, 12.51vw, 240.22px);
  z-index: 1;
  animation: aboutCharaHop 2.8s ease-in-out infinite;
}
.about-hero__acorn img,
.about-hero__chara img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.about-hero__inner > .cta-block {
  margin-top: clamp(2px, 0.26vw, 5px);
}
.about-hero__text {
  display: grid;
  gap: clamp(9.6px, 1.25vw, 24px);
  font-size: clamp(7.2px, 0.94vw, 18px);
  font-weight: 700;
  line-height: 1.8;
}
.about-hero__text p {
  margin: 0;
  opacity: 0;
  transform: translateY(14px);
  filter: blur(4px);
  animation: aboutHeroTextFade 1.4s ease forwards;
}
.about-hero__text p:nth-child(1) {
  animation-delay: 0.3s;
}
.about-hero__text p:nth-child(2) {
  animation-delay: 0.9s;
}
.about-hero__text p:nth-child(3) {
  animation-delay: 1.5s;
}
.about-hero__text p:nth-child(4) {
  animation-delay: 2.1s;
}
@keyframes aboutHeroTextFade {
  from {
    opacity: 0;
    transform: translateY(14px);
    filter: blur(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .about-hero__text p {
    opacity: 1;
    transform: none;
    filter: none;
    animation: none;
  }
}
@keyframes aboutCharaHop {
  0%, 74%, 100% {
    transform: translateY(0);
  }
  82% {
    transform: translateY(clamp(-10px, -0.52vw, -4px));
  }
  90% {
    transform: translateY(0);
  }
}
/* ===========================
   ABOUT NAV
=========================== */
.about-nav__links {
  width: clamp(472px, 61.46vw, 1180px);
  margin: 0 auto;
}
.about-nav__links ul {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(16px, 2.08vw, 40px);
  margin: 0;
  padding: 0;
  list-style: none;
}
.about-nav__links li {
  border-radius: clamp(8px, 1.04vw, 20px);
  padding: clamp(6.4px, 0.83vw, 16px) clamp(9.6px, 1.25vw, 24px);
  background-color: #F2FAEC;
}
.about-nav__links li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: clamp(9.6px, 1.25vw, 24px);
  height: 100%;
  color: inherit;
  text-decoration: none;
}
.about-nav__links li a::after {
  content: '';
  display: inline-block;
  width: clamp(12px, 1.56vw, 30px);
  height: clamp(12px, 1.56vw, 30px);
  border-radius: 50%;
  flex-shrink: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L13 1' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: clamp(5.6px, 0.73vw, 14px) clamp(3.2px, 0.42vw, 8px);
  background-repeat: no-repeat;
  background-position: center;
  background-color: #000;
}
.about-nav__links li dl {
  display: grid;
  justify-items: center;
  gap: clamp(4px, 0.52vw, 10px);
  margin: 0;
}
.about-nav__links li dt {
  line-height: 0;
}
.about-nav__links li dd {
  display: grid;
  justify-items: center;
  gap: clamp(3.2px, 0.42vw, 8px);
  margin: 0;
  font-size: clamp(9.6px, 1.25vw, 24px);
  font-weight: 700;
  line-height: 1;
  text-align: center;
}
.about-nav__links li dd span {
  font-size: clamp(6.4px, 0.83vw, 16px);
  font-weight: 700;
  line-height: 1.8;
  text-align: center;
}
/* ===========================
   ABOUT SECTIONS
=========================== */
.about-nav{
  background-color: #fff;
}
.sec-points {
  padding-top: clamp(45.2px, 5.89vw, 113px);
  padding-bottom: clamp(44px, 5.73vw, 110px);
}
.sec-career {
  padding-top: clamp(44.8px, 5.83vw, 112px);
  padding-bottom: clamp(42.8px, 5.57vw, 107px);
  background-color: #F2FAEC;
}
.sec-transfer {
  padding-top: clamp(47.6px, 6.2vw, 119px);
  padding-bottom: clamp(44px, 5.73vw, 110px);
  background-color: #FFF8DB;
}
.transfer-overview,
.transfer-flow,
.transfer-cases {
  width: clamp(400px, 52.08vw, 1000px);
  margin-right: auto;
  margin-left: auto;
}
.transfer-overview {
  margin-top: clamp(21.6px, 2.81vw, 54px);
}
.transfer-overview__text {
  font-size: clamp(6.4px, 0.83vw, 16px);
  font-weight: 500;
  line-height: 1.8;
}
.transfer-flow {
  margin-top: clamp(21.6px, 2.81vw, 54px);
}
.transfer-flow__list {
  display: flex;
  justify-content: space-between;
  gap: clamp(9.6px, 1.25vw, 24px);
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: transfer-flow;
}
.transfer-flow__item {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  align-items: center;
  gap:  clamp(6.4px, 0.83vw, 16px);
  border-radius: clamp(8px, 1.04vw, 20px);
  padding: clamp(6.4px, 0.83vw, 16px);
  font-size: clamp(7.2px, 0.94vw, 18px);
  font-weight: 700;
  line-height: 1.8;
  text-align: center;
  background-color: #fff;
  counter-increment: transfer-flow;
}
.transfer-flow__item::before {
  content: counter(transfer-flow, decimal-leading-zero);
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(16.8px, 2.19vw, 42px);
  height: clamp(16.8px, 2.19vw, 42px);
  border-radius: 50%;
  background-color: #7FCE43;
  color: #fff;
  font-family: 'Roboto', sans-serif;
  font-size: clamp(9.6px, 1.25vw, 24px);
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}
.points-rank,
.points-rank-table {
  width: clamp(400px, 52.08vw, 1000px);
  margin-right: auto;
  margin-left: auto;
}
.points-rank {
  margin-top: clamp(21.6px, 2.81vw, 54px);
}
.points-rank__content {
  display: flex;
  gap: clamp(12.8px, 1.67vw, 32px);
}
.points-rank__list {
  display: flex;
  flex-direction: column;
  gap: clamp(2px, 0.26vw, 5px);
  margin: 0;
  padding: 0;
  list-style: none;
}
.points-rank__item {
  display: flex;
  align-items: center;
  font-size: clamp(7.2px, 0.94vw, 18px);
  font-weight: 700;
  line-height: 1.8;
}
.points-rank__item::before {
  content: '';
  display: inline-block;
  width: clamp(6px, 0.78vw, 15px);
  height: clamp(6px, 0.78vw, 15px);
  border-radius: 50%;
  margin-right: clamp(2.4px, 0.31vw, 6px);
  flex-shrink: 0;
  background-color: #7FCE43;
}
.points-rank__note {
  display: block;
  margin-top: clamp(6.8px, 0.89vw, 17px);
  font-size: clamp(5.6px, 0.73vw, 14px);
  font-weight: 500;
  line-height: 1.8;
}
.points-rank-table {
  margin-top: clamp(19.2px, 2.5vw, 48px);
  margin-bottom: clamp(19.2px, 2.5vw, 48px);
}
.points-rank-table__table {
  width: 100%;
  margin: 0 auto;
  border-collapse: collapse;
  table-layout: fixed;
}
.points-rank-table__cell {
  width: 25%;
  vertical-align: middle;
}
.points-rank-table__body .points-rank-table__cell + .points-rank-table__cell {
  border-left: 1px dashed #7FCE43;
}
.points-rank-table__cell--head {
  padding: clamp(3.2px, 0.42vw, 8px) clamp(6.4px, 0.83vw, 16px);
  border-bottom: 1px solid #7FCE43;
  font-size: clamp(6.4px, 0.83vw, 16px);
  font-weight: 500;
  line-height: 1.8;
  text-align: center;
  vertical-align: middle;
}
.points-rank-table__cell--center {
  text-align: center;
}
.points-rank-table__body .points-rank-table__cell {
  padding: clamp(6.4px, 0.83vw, 16px);
  font-size: clamp(8px, 1.04vw, 20px);
  font-weight: 700;
  line-height: 1.8;
  text-align: center;
  vertical-align: middle;
}
.points-rank-table__cell span {
  font-size: clamp(6.4px, 0.83vw, 16px);
  font-weight: 700;
}
.points-rank-table__body .points-rank-table__rank {
  color: #fff;
  font-size: clamp(6.4px, 0.83vw, 16px);
  font-weight: 700;
  line-height: 1.8;
  text-align: center;
  vertical-align: middle;
}
.points-rank-table__rank--black {
  background-color: #000000;
}
.points-rank-table__rank--platina {
  background-color: #C1B781;
}
.points-rank-table__rank--gold {
  background-color: #B49600;
}
.points-rank-table__rank--silver {
  background-color: #A9A9A9;
}
.points-rank-table__rank--bronze {
  background-color: #A87538;
}
.points-rank-table__rank--green {
  background-color: #7FCE43;
}
.points-rank__chara {
  width: clamp(101.67px, 13.24vw, 254.18px);
}
.sec-points .section-comment__chara {
  width: clamp(118.64px, 15.45vw, 296.61px);
  top: clamp(-19px, -0.99vw, -7.6px);
  right: clamp(8px, 1.04vw, 20px);
}
.sec-future-message {
  padding-top: clamp(29.2px, 3.8vw, 73px);
  padding-bottom: clamp(58.8px, 7.66vw, 147px);
}
.sec-future-message .section-lead__text {
  font-size: clamp(7.2px, 0.94vw, 18px);
}
.sec-future-message .section-lead__text:not(:last-child) {
  margin-bottom: clamp(12px, 1.56vw, 30px);
}
.sec-future-message .section-comment__chara {
  width: clamp(105.95px, 13.8vw, 264.87px);
  top: clamp(-92px, -4.79vw, -36.8px);
  right: clamp(3.2px, 0.42vw, 8px);
}
.sec-future {
  padding-top: clamp(44.4px, 5.78vw, 111px);
  padding-bottom: clamp(42.8px, 5.57vw, 107px);
}
.sec-future .section-lead__text {
  font-size: clamp(7.2px, 0.94vw, 18px);
}
.points-flow__item {
  background-color: #FFF8DB;
}
.points-flow__heading{
  font-size: clamp(6.4px, 0.83vw, 16px);
  font-weight: 700;
  line-height: 1.8;
  text-align: center;
}
.points-flow__text {
  font-size: clamp(6.4px, 0.83vw, 16px);
  font-weight: 500;
  line-height: 1.8;
  text-align: left;
}
.transfer-flow__note {
  display: block;
  margin-top: clamp(6.4px, 0.83vw, 16px);
  font-size: clamp(5.6px, 0.73vw, 14px);
  font-weight: 500;
  line-height: 1.8;
}
.transfer-cases {
  margin-top: clamp(21.6px, 2.81vw, 54px);
  margin-bottom: clamp(18px, 2.34vw, 45px);
}
.transfer-cases__list {
  display: grid;
  gap: clamp(9.6px, 1.25vw, 24px);
}
.transfer-cases__row {
  display: grid;
  grid-template-columns: clamp(184px, 23.96vw, 460px) auto clamp(184px, 23.96vw, 460px);
  align-items: center;
  justify-content: space-between;
  gap: clamp(8px, 1.04vw, 20px);
}
.transfer-cases__arrow {
  width: clamp(8px, 1.04vw, 20px);
  height: clamp(9.2px, 1.2vw, 23px);
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='23' viewBox='0 0 20 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 22.5176V0L19.5 11.2588L0 22.5176Z' fill='%237FCE43'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.transfer-cases__before,
.transfer-cases__after {
  width: clamp(184px, 23.96vw, 460px);
  padding: clamp(6.4px, 0.83vw, 16px) 0;
  border-radius: clamp(4px, 0.52vw, 10px);
  font-size: clamp(8px, 1.04vw, 20px);
  font-weight: 700;
  line-height: 1.8;
  text-align: center;
}
.transfer-cases__before {
  border: 1px solid #7FCE43;
  background-color: transparent;
  font-size: clamp(7.2px, 0.94vw, 18px);
  font-weight: 700;
  line-height: 1.8;
}
.transfer-cases__after {
  color: #fff;
  background-color: #7FCE43;
}

.sec-transfer--feature .transfer-cases__before,
.sec-transfer--feature .transfer-cases__after {
  width: clamp(184px, 23.96vw, 460px);
  height: clamp(36.8px, 4.79vw, 92px);
  padding: clamp(4px, 0.52vw, 10px) 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sec-transfer--feature .transfer-cases__arrow {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='31' viewBox='0 0 20 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 30.465V0L19.5 15.2325L0 30.465Z' fill='%237FCE43'/%3E%3C/svg%3E%0A");
}

.sec-transfer--highincome .section-comment__chara {
  width: 303.88px;
  top: 628px;
  right: 686px;
}

.sec-transfer--highincome + .sec-steps {
  background-color: #F2FAEC;
}
.sec-steps:has(+ .sec-support) {
  background-color: #F2FAEC;
}

.sec-support {
  padding-top: clamp(47.6px, 6.2vw, 119px);
  padding-bottom: clamp(44px, 5.73vw, 110px);
  background-color: #fff;
}

.feature-next-links {
  background-color: #F2FAEC;
  display: flex;
  gap: clamp(19.2px, 2.5vw, 48px);
  align-items: center;
  justify-content: center;
  padding-top: clamp(32px, 4.17vw, 80px);
  padding-bottom: clamp(66px, 8.59vw, 165px);
}

.feature-next-links .cta-block {
  margin-top: 0;
  gap: 0;
}
.feature-next-links__lead {
  color: #7FCE43;
  font-size: clamp(9.6px, 1.25vw, 24px);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  margin-bottom: clamp(5.2px, 0.68vw, 13px);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(2.4px, 0.31vw, 6px);
}

.feature-next-links__lead::before,
.feature-next-links__lead::after {
  content: '';
  display: inline-block;
  width: clamp(8.8px, 1.15vw, 22px);
  height: clamp(8.8px, 1.15vw, 22px);
  background-image: url('/home/asset/img/top/deco_slash.svg');
  background-size: contain;
  background-repeat: no-repeat;
  flex-shrink: 0;
}

.feature-next-links__lead::after {
  transform: scaleX(-1);
}

.feature-next-links__btn-text {
  font-weight: 700;
  font-size: clamp(8px, 1.04vw, 20px);
  line-height: 1.5;
  text-align: center;
}

.feature-next-links__btn-text span {
  display: block;
  font-size: clamp(6.4px, 0.83vw, 16px);
}

.sec-transfer .section-comment__chara {
  width: clamp(123.96px, 16.14vw, 309.91px);
  top: clamp(6.8px, 0.89vw, 17px);
  right: clamp(4px, 0.52vw, 10px);
}
.sec-quick-pay {
  padding-top: clamp(44.8px, 5.83vw, 112px);
  padding-bottom: clamp(44px, 5.73vw, 110px);
}
.sec-quick-pay .section-comment__chara {
  width: clamp(80.28px, 10.45vw, 200.69px);
}
.section-lead__text {
  font-size: clamp(8px, 1.04vw, 20px);
  font-weight: 700;
  line-height: 1.8;
  text-align: center;
}
.section-lead__text.career-lead__text {
  font-size: clamp(7.2px, 0.94vw, 18px);
  font-weight: 700;
  line-height: 1.8;
  text-align: center;
}
.section-lead__text.career-lead__text:not(:last-child) {
  margin-bottom: clamp(13.2px, 1.72vw, 33px);
}
.career-paths {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: clamp(400px, 52.08vw, 1000px);
  margin: clamp(18px, 2.34vw, 45px) auto 0;
}
.career-paths__item {
  display: flex;
  flex-direction: column;
  padding: clamp(13.6px, 1.77vw, 34px) clamp(9.6px, 1.25vw, 24px) clamp(9.6px, 1.25vw, 24px);
}
.career-paths__item:nth-child(1) {
  border-top-left-radius: clamp(8px, 1.04vw, 20px);
}
.career-paths__item:nth-child(2) {
  border-top-right-radius: clamp(8px, 1.04vw, 20px);
}
.career-paths__item:nth-child(3) {
  border-bottom-left-radius: clamp(8px, 1.04vw, 20px);
}
.career-paths__item:nth-child(4) {
  border-bottom-right-radius: clamp(8px, 1.04vw, 20px);
}
.career-paths__item--light {
  background-color: #fff;
}
.career-paths__item--green {
  color: #fff;
  background-color: #7FCE43;
}
.career-paths__heading,
.career-paths__lead,
.career-paths__text,
.career-paths__note {
  margin: 0;
}
.career-paths__heading {
  margin-bottom: clamp(9.2px, 1.2vw, 23px);
  font-size: clamp(12px, 1.56vw, 30px);
  font-weight: 700;
  line-height: 1;
}
.career-paths__lead {
  display: flex;
  margin-bottom: clamp(10px, 1.3vw, 25px);
  flex-direction: column;
  align-items: flex-start;
  font-size: clamp(7.2px, 0.94vw, 18px);
  font-weight: 700;
  line-height: 1.8;
}
.career-paths__lead::after {
  content: '';
  display: block;
  width: clamp(12px, 1.56vw, 30px);
  height: clamp(0.8px, 0.1vw, 2px);
  margin-top: clamp(9.6px, 1.25vw, 24px);
}
.career-paths__text {
  font-size: clamp(6.4px, 0.83vw, 16px);
  font-weight: 700;
  line-height: 1.8;
}
.career-paths__note {
  margin-top: clamp(6.4px, 0.83vw, 16px);
  font-size: clamp(5.6px, 0.73vw, 14px);
  font-weight: 500;
  line-height: 1.8;
}
.career-paths__item--light .career-paths__heading,
.career-paths__item--light .career-paths__lead {
  color: #7FCE43;
}
.career-paths__item--light .career-paths__lead::after {
  background-color: #7FCE43;
}
.career-paths__item--light .career-paths__text {
  color: #000;
}
.career-paths__item--green .career-paths__heading,
.career-paths__item--green .career-paths__lead {
  color: #000;
}
.career-paths__item--green .career-paths__lead::after {
  background-color: #000;
}
.career-paths__item--green .career-paths__text {
  color: #fff;
}
.quick-pay-guide,
.section-comment {
  width: clamp(400px, 52.08vw, 1000px);
  margin-right: auto;
  margin-left: auto;
}
.quick-pay-guide {
  display: grid;
  gap: clamp(9.6px, 1.25vw, 24px);
  margin-top: clamp(21.6px, 2.81vw, 54px);
  margin-bottom: clamp(19.2px, 2.5vw, 48px);
}
.quick-pay-guide__list {
  display: grid;
  margin: 0;
}
.quick-pay-guide__term,
.transfer-block__heading,
.support-cases__heading {
  display: flex;
  align-items: center;
  gap: clamp(6.4px, 0.83vw, 16px);
  margin: 0 0 clamp(11.2px, 1.46vw, 28px);
  color: #7FCE43;
  font-size: clamp(9.6px, 1.25vw, 24px);
  font-weight: 700;
  line-height: 1;
}
.quick-pay-guide__term::before,
.transfer-block__heading::before,
.support-cases__heading::before {
  content: '';
  display: inline-block;
  width: clamp(12px, 1.56vw, 30px);
  height: clamp(13.6px, 1.77vw, 34px);
  flex-shrink: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='34' viewBox='0 0 30 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.651 4.8701C21.8244 2.20088 17.2645 2.31841 14.5538 2.93081C14.0242 3.05116 13.4944 2.73999 13.3528 2.21816L12.9519 0.743504C12.7964 0.175398 12.193 -0.139134 11.6377 0.0599609L9.83153 0.71132L9.56502 0.80832L7.76273 1.47034C7.21106 1.67113 6.9493 2.30357 7.19538 2.8387L7.83615 4.22605C8.06404 4.71951 7.85727 5.29573 7.37419 5.54399C4.90403 6.81726 1.33279 9.6592 0.119825 14.1627C-0.327505 15.8193 0.514523 16.8558 2.04386 16.613C2.50595 19.4415 3.82014 23.7736 7.49996 28.3281C11.0079 32.6675 15.2981 32.63 18.2673 32.8108C19.2586 32.8725 19.9016 33.5528 21.231 33.1173L21.2339 33.1253L21.3405 33.0865C21.3405 33.0865 21.3431 33.0855 21.3458 33.0845L21.4497 33.0467L21.5537 33.0089C21.5537 33.0089 21.5563 33.0079 21.559 33.0069L21.6656 32.9681L21.6627 32.9601C22.9601 32.4366 23.0153 31.5021 23.736 30.8203C25.8943 28.7733 29.2075 26.0434 29.1028 20.4653C28.9932 14.6084 27.2163 10.4477 25.7521 7.9839C27.0797 7.18684 27.0595 5.85429 25.651 4.8701ZM17.3988 21.5354L22.5477 25.3167C22.7985 25.5001 22.6588 25.8708 22.2911 26.0047L16.2787 28.193C15.9109 28.3268 15.5656 28.1326 15.6399 27.831L17.1536 21.6246C17.1834 21.4991 17.1407 21.3819 17.0372 21.3048L11.8883 17.5235C11.6375 17.3402 11.7772 16.9694 12.1449 16.8356L18.1573 14.6472C18.5251 14.5134 18.8704 14.7076 18.7961 15.0092L17.2824 21.2156C17.2526 21.3411 17.2953 21.4584 17.3988 21.5354ZM23.6428 9.36124C23.6241 9.36804 23.6055 9.37482 23.5868 9.38161C21.1083 10.0514 17.6064 11.1932 13.972 12.5099C10.3441 13.8364 6.92488 15.2137 4.59569 16.2938C4.25554 16.4538 3.84504 16.3045 3.68576 15.9581C3.52744 15.6143 3.67514 15.2075 4.02062 15.0455C6.38348 13.9501 9.83904 12.5566 13.5042 11.2165C17.1733 9.88715 20.7188 8.73249 23.2303 8.05377C23.5954 7.95407 23.9727 8.16983 24.0724 8.53492C24.1653 8.88135 23.9776 9.23636 23.6445 9.35761' fill='%237FCE43'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.quick-pay-guide__desc {
  margin: 0;
  font-size: clamp(6.4px, 0.83vw, 16px);
  font-weight: 500;
  line-height: 1.8;
}
.quick-pay-guide__desc:first-of-type {
  margin-bottom: clamp(19.2px, 2.5vw, 48px);
}
.quick-pay-guide__emphasis {
  display: block;
  font-size: clamp(7.2px, 0.94vw, 18px);
  font-weight: 700;
}
.quick-pay-guide__note {
  display: block;
  margin-top: clamp(9.6px, 1.25vw, 24px);
  font-size: clamp(5.6px, 0.73vw, 14px);
  font-weight: 500;
  line-height: 1.8;
}
.section-comment__inner {
  position: relative;
  border-radius: clamp(8px, 1.04vw, 20px);
}
.section-comment--white .section-comment__inner {
  background-color: #fff;
}
.section-comment--green .section-comment__inner {
  background-color: #F2FAEC;
}
.section-comment__label {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(77.6px, 10.1vw, 194px);
  padding: clamp(1.6px, 0.21vw, 4px) 0;
  border-top-left-radius: clamp(8px, 1.04vw, 20px);
  border-top-right-radius: clamp(8px, 1.04vw, 20px);
  border-bottom-right-radius: clamp(8px, 1.04vw, 20px);
  background-color: #7FCE43;
  color: #fff;
  font-size: clamp(7.2px, 0.94vw, 18px);
  font-weight: 700;
  line-height: 1.8;
}
.section-comment__chara {
  position: absolute;
  top: clamp(-54px, -2.81vw, -21.6px);
  right: clamp(6px, 0.78vw, 15px);
}
.section-comment__chara.__style {
  width: clamp(65.66px, 8.55vw, 164.15px);
  top: clamp(10.4px, 1.35vw, 26px);
  right: clamp(19.2px, 2.5vw, 48px);
}
.section-comment__chara.__career {
  width: clamp(60.45px, 7.87vw, 151.13px);
  top: clamp(8px, 1.04vw, 20px);
  right: clamp(11.6px, 1.51vw, 29px);
}
.section-comment__text {
  padding-top: clamp(8.8px, 1.15vw, 22px);
  padding-bottom: clamp(12px, 1.56vw, 30px);
  padding-left: clamp(16px, 2.08vw, 40px);
  font-size: clamp(7.2px, 0.94vw, 18px);
  font-weight: 700;
  line-height: 1.8;
}

/* ===========================
   SECTION 6.5：貯まるワークサポート図解
   =========================== */
.support-wheel {
  position: relative;
  width: clamp(200px, 26.04vw, 500px);
  height: clamp(200px, 26.04vw, 500px);
  margin: clamp(30px, 3.91vw, 75px) auto 0;
}
.support-wheel__circle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: clamp(122px, 15.89vw, 305px);
  height: clamp(122px, 15.89vw, 305px);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #F2FAEC;
  border: 2px solid #7FCE43;
}
.support-wheel__tamarisu {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(64.3px, 8.37vw, 160.74px);
  height: auto;
}
.support-wheel__tamarisu img {
  display: block;
  width: 100%;
  height: auto;
}
.support-wheel__number {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(25.6px, 3.33vw, 64px);
  height: clamp(25.6px, 3.33vw, 64px);
  border-radius: 50%;
  background-color: #7FCE43;
  color: #fff;
  font-size: clamp(12px, 1.56vw, 30px);
  font-weight: 700;
  transform: translate(-50%, -50%);
}
.support-wheel__number--1 {
  top: 3%;
  left: 50%;
}
.support-wheel__number--2 {
  top: 30.8%;
  left: 97.55%;
}
.support-wheel__number--3 {
  top: 92.55%;
  left: 79.39%;
}
.support-wheel__number--4 {
  top: 92.55%;
  left: 20.61%;
}
.support-wheel__number--5 {
  top: 30.8%;
  left: 2.45%;
}
.support-wheel__texts {
  position: absolute;
  inset: 0;
}
.support-wheel__text {
  position: absolute;
  width: clamp(112px, 14.58vw, 280px);
}
.support-wheel__text--1 {
  top: -6.4%;
  left: 50%;
  transform: translate(-50%, 0);
  text-align: center;
}
.support-wheel__text--2 {
  top: 31%;
  left: 89%;
  text-align: left;
}
.support-wheel__text--3 {
  top: 72.5%;
  left: 77.5%;
  text-align: left;
}
.support-wheel__text--4 {
  top: 72.5%;
  left: 22.5%;
  text-align: right;
  transform: translateX(-100%);
}
.support-wheel__text--5 {
  top: 26.5%;
  left: 16.5%;
  text-align: right;
  transform: translateX(-100%);
}
.support-wheel__label {
  font-size: clamp(12px, 1.56vw, 30px);
  color: #7FCE43;
  font-weight: 700;
  margin: 0 0 clamp(4px, 0.52vw, 10px);
  line-height: 1.3;
}
.support-wheel__text--5 .support-wheel__label span {
  display: inline-block;
  transform: translateX(-0.5em);
}
.support-wheel__desc {
  font-size: clamp(6.4px, 0.83vw, 16px);
  line-height: 1.6;
  margin: 0;
  font-weight: 700;
}

.support-cases {
  width: clamp(400px, 52.08vw, 1000px);
  margin: clamp(8px, 1.04vw, 20px) auto 0;
}

.support-cases__list {
  display: flex;
  flex-direction: column;
  gap: clamp(16px, 2.08vw, 40px);
}
.support-cases__item {
  display: grid;
  grid-template-columns:
    clamp(92px, 11.98vw, 230px)
    clamp(9.6px, 1.25vw, 24px)
    clamp(60px, 7.81vw, 150px)
    clamp(19.2px, 2.5vw, 48px)
    1fr;
  align-items: center;
  padding: clamp(9.6px, 1.25vw, 24px);
  padding-right: clamp(19.2px, 2.5vw, 48px);
  background-color: #FFF8DB;
  border-radius: clamp(8px, 1.04vw, 20px);
}
.support-cases__photo {
  grid-column: 1;
  width: 100%;
  aspect-ratio: 230 / 178;
  overflow: hidden;
}
.support-cases__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.support-cases__name {
  grid-column: 3;
  font-size: clamp(6.4px, 0.83vw, 16px);
  font-weight: 700;
  line-height: 1.8;
  margin: 0;
}
.support-cases__body {
  grid-column: 5;
  align-self: start;
}
.support-cases__points {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
}
.support-cases__points li {
  font-size: clamp(6.4px, 0.83vw, 16px);
  line-height: 1.8;
  padding-left: 1em;
  text-indent: -1em;
}
.support-cases__points li::before {
  content: "・";
}

@media (max-width: 767px) {
  /* ===========================
  LOWER PAGE CSS
  =========================== */
  /* ===========================
  ABOUT HERO
  =========================== */
  .about-hero {
    overflow: hidden;
  }
  .breadcrumb {
    display: none;
  }
  .breadcrumb__list {
    gap: 2.13vw;
    font-size: 3.2vw;
  }
  .breadcrumb__item {
    gap: 2.13vw;
  }
  .about-hero__inner {
    width: 100%;
    padding: 16.27vw 4.27vw 13.33vw;
  }
  .about-hero__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5.2vw;
  }
  .about-hero__lead {
    min-height: auto;
    padding: 0 6.5vw;
    text-align: center;
  }
  .about-hero__title {
    justify-content: center;
    font-size: 4.27vw;
  }
  .about-hero__title::before {
    width: 5.33vw;
    height: 0.53vw;
  }
  .about-hero__catch {
    margin-top: 5.33vw;
    font-size: 6.93vw;
    line-height: 1.5;
  }
  .about-hero__acorn {
    width: 9.33vw;
    height: auto;
    bottom: -102vw;
    right: 21vw;
    left: auto;
  }
  .about-hero__chara {
    left: auto;
    right: 0;
    bottom: -102vw;
    width: 18.67vw;
    height: auto;
  }
  .about-hero__inner > .cta-block {
    margin-top: 10.8vw;
  }
  .about-hero__text {
    margin-top: 0;
    gap: 4vw;
    font-size: 3.47vw;
    line-height: 1.8;
    text-align: center;
  }
  .mv_right_top {
    right: 1vw;
    top: 39vw;
  }
  .mv_left_top img {
    width: 8.7vw;
  }
  .mv_left_top {
    top: 30.5vw;
    left: 4vw;
  }
  /* ===========================
  ABOUT NAV
  =========================== */
  .about-nav__links {
    width: 100%;
    padding: 2.8vw 4.3vw;
  }
  .about-nav__links ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 3.3vw 4vw;
  }
  .about-nav__links li {
    padding: 2.3vw;
  }
  .about-nav__links li a {
    justify-content: flex-start;
    gap: 1.8vw;
  }
  .about-nav__links li a::after {
    width: 5.1vw;
    height: 5.1vw;
    background-size: 9px 6px;
  }
  .about-nav__links li dt img {
    width: 23.1vw;
  }
  .about-nav__links li dd {
    gap: 2.4vw;
    font-size: 4.3vw;
  }
  .about-nav__links li dd span {
    font-size: 3vw;
  }
  /* ===========================
  ABOUT SECTIONS
  =========================== */
  .sec-points {
    padding: 14.4vw 4.3vw;
  }
  .sec-career {
    padding: 14.4vw 4.3vw;
  }
  .sec-transfer {
    padding: 14.4vw 4.3vw;
  }
  .transfer-overview,
  .transfer-flow,
  .transfer-cases {
    width: 100%;
  }
  .transfer-overview__text {
    font-size: 3.45vw;
    line-height: 1.85;
  }
  .transfer-flow__list {
    flex-direction: column;
    gap: 4.3vw;
  }
  .transfer-flow__item {
    flex-direction: row;
    padding: 4.3vw;
    gap: 8px;
    font-size: 3.55vw;
    text-align: left;
  }
  .transfer-flow__item::before {
    width: 9vw;
    height: 9vw;
    font-size: 4.8vw;
    flex-shrink: 0;
  }
  .points-rank,
  .points-rank-table {
    width: 100%;
  }
  .points-rank__content {
    flex-direction: column;
    align-items: center;
    gap: 2.13vw;
  }
  .points-rank__body {
    width: 100%;
  }
  .points-rank__item {
    align-items: flex-start;
    font-size: 3.47vw;
  }
  .points-rank__item::before {
    width: 11px;
    height: 11px;
    margin-top: calc(0.9em - 5.5px);
    margin-right: 1.4vw;
  }
  .points-rank__note {
    margin-top: 2.13vw;
    font-size: 2.93vw;
  }
  .points-rank-table {
    margin: 4.27vw 0;
  }
  .points-rank-table__cell--head {
    padding: 1.07vw 2.67vw;
    font-size: 3.47vw;
  }
  .points-rank-table__body .points-rank-table__cell {
    padding: 2.6vw 0;
    font-size: 4.27vw;
    line-height: 1.4;
  }
  .points-rank-table__cell span {
    font-size: 3.47vw;
  }
  .points-rank-table__body .points-rank-table__rank {
    font-size: 3.47vw;
  }
  .points-rank__chara {
    width: 41vw;
  }
  .sec-points .section-comment__chara {
    width: 31.18vw;
    top: 14vw;
    right: 0vw;
  }
  .sec-future-message {
     padding: 5.8vw 4.3vw 18.8vw;   
  }
  .sec-future-message .section-lead__text {
    font-size: 3.45vw;
  }
  .sec-future-message .section-lead__text:not(:last-child) {
    margin-bottom: 6vw;
  }
  .sec-future-message .section-comment__chara {
    width: 25.21vw;
    top: 5vw;
    right: 6vw;
  }
  .sec-transfer .section-comment__chara.__style {
    width: 22.13vw;
    top: 12.1vw;
    right: 4.3vw;
  }
  .sec-transfer--career .section-comment__chara.__career {
    width: 20.6vw;
    top: 13.2vw;
    right: 4.3vw;
  }
  .sec-future .section-lead__text {
    font-size: 3.45vw;
  }
  section.sec-future {
    padding-top: 15vw;
    padding-bottom: 15vw;
  }
  .grant-stats {
    padding-bottom: 15vw;
  }
  .grant-stats__inner {
    width: 91.47vw;
  }
  .grant-stats__heading {
    margin-bottom: 5vw;
    font-size: 5.6vw;
    line-height: 1.4;
  }
  .grant-stats__list {
    grid-template-columns: minmax(0, 1fr);
    gap: 4vw;
  }
  .grant-stat__label {
    padding: 2.8vw 3vw;
    font-size: 3.73vw;
  }
  .grant-stat__value {
    gap: 2.4vw;
    padding: 4.5vw 3vw;
    font-size: 6.4vw;
  }
  .grant-stat__icon {
    width: 7vw;
  }
  .grant-stats .merits {
    margin-top: 8vw;
  }
  .grant-stats__note {
    margin-top: 2.93vw;
    font-size: 2.93vw;
  }
  .merits {
    width: 91.47vw;
    border-radius: 5.33vw;
    padding: 3.6vw 0 1.5vw;
    margin-left: auto;
    margin-right: auto;
  }
  .merits__heading {
    font-size: 4.8vw;
    line-height: 1.4;
    text-align: center;
  }
  .merits__chara {
    display: none;
  }
  .merits__list {
    flex-direction: column;
    margin-top: 5vw;
    gap: 4.5vw;
  }
  .merit {
    gap: 2.5vw;
    padding: 0 11.1vw 4.5vw;
  }
  .merit__badge {
    font-size: 3.47vw;
    text-align: center;
    padding: 1.6vw 4.3vw;
    border-radius: 3.73vw;
  }
  .merit__title {
    font-size: 4.27vw;
    line-height: 1.5;
    text-align: center;
  }
  .merit__text {
    font-weight: 500;
    font-size: 3.47vw;
    line-height: 1.7;
    text-align: center;
  }
  .merit:not(:last-child)::after {
    top: auto;
    right: auto;
    left: 50%;
    bottom: 0;
    width: 70.4vw;
    height: 1px;
    transform: translateX(-50%);
  }  .points-flow__item {
    flex-direction: row;
  }
  .points-flow__body {
    display: flex;
    flex-direction: column;
  }
  .points-flow__heading {
    font-size: 3.47vw;
    text-align: left;
    margin-bottom: 1.7vw;
  }
  .points-flow__text {
    font-size: 3.47vw;
  }
  .transfer-flow__note {
    margin-top: 2.2vw;
    padding-left: 1em;
    text-indent: -1em;
    font-size: 2.9vw;
  }
  .transfer-cases__list {
    gap: 4.3vw;
  }
  .transfer-cases__row {
    grid-template-columns: 41.87vw 3.2vw 41.87vw;
    gap: 2.13vw;
  }
  .transfer-cases__arrow {
    width: 3.2vw;
    height: 5.4vw;
    background-image: url("data:image/svg+xml,%3Csvg width='13' height='21' viewBox='0 0 13 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 20.1245V0L12.0747 10.0622L0 20.1245Z' fill='%237FCE43'/%3E%3C/svg%3E%0A");
    
  }
  .transfer-cases__before,
  .transfer-cases__after {
    width: 41.87vw;
    height: 18.25vw;
    border-radius: 10px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .transfer-cases__before {
    font-size: 3.5vw;
  }
  .transfer-cases__after {
    font-size: 3.74vw;
  }
  .sec-transfer .cta-block{
    margin-top: 10.7vw;
  }
  .sec-transfer .section-comment__chara {
    width: 22.2vw;
    top: 15vw;
    right: -4.4vw;
  }
  .sec-quick-pay {
    padding: 14.4vw 4.3vw;
  }
  .sec-quick-pay .section-comment__chara {
    width: 21.1vw;
    top: 13.5vw;
    right: 3.8vw;
  }
  .section-lead__text {
    font-size: 3.47vw;
  }
  .section-lead__text.career-lead__text {
    font-size: 3.5vw;

  }
  .section-lead__text.career-lead__text:not(:last-child) {
    margin-bottom: 6.1vw;
  }
  .cta-block {
    margin-top: 10.67vw;
  }
  .career-paths {
    grid-template-columns: 1fr;
    margin-top: 5.4vw;
    width: 100%;
  }
  .career-paths__item {
    border-radius: 0;
    padding: 4.3vw;
  }
  .career-paths__item:nth-child(1) {
    border-top-left-radius: 5.33vw;
    border-top-right-radius: 5.33vw;
  }
  .career-paths__item:nth-child(3) {
    color: #000;
    background-color: #fff;
  }
  .career-paths__item:nth-child(3) .career-paths__heading,
  .career-paths__item:nth-child(3) .career-paths__lead {
    color: #7FCE43;
  }
  .career-paths__item:nth-child(3) .career-paths__lead::after {
    background-color: #7FCE43;
  }
  .career-paths__item:nth-child(3) .career-paths__text {
    color: #000;
  }
  .career-paths__item:nth-child(4) {
    color: #fff;
    background-color: #7FCE43;
    border-bottom-right-radius: 5.33vw;
    border-bottom-left-radius: 5.33vw;
  }
  .career-paths__item:nth-child(4) .career-paths__heading,
  .career-paths__item:nth-child(4) .career-paths__lead {
    color: #000;
  }
  .career-paths__item:nth-child(4) .career-paths__lead::after {
    background-color: #000;
  }
  .career-paths__item:nth-child(4) .career-paths__text {
    color: #fff;
  }
  .career-paths__heading {
    font-size: 4.8vw;
  }
  .career-paths__lead {
    font-size: 3.5vw;
    margin-bottom: 4.3vw;
  }
  .career-paths__lead::after {
    width: 8vw;
    height: 2px;
    margin-top: 4.3vw;
  }
  .career-paths__text {
    font-size: 3.5vw;
  }
  .career-paths__note {
    font-size: 3vw;
  }
  .quick-pay-guide,
  .section-comment {
    width: 100%;
  }
  .quick-pay-guide {
    gap: 0;
    margin-top: 6.5vw;
    margin-bottom: 5.4vw;
  }
  .quick-pay-guide__term,
  .transfer-block__heading,
  .support-cases__heading {
    gap: 2.2vw;
    font-size: 4.3vw;
    margin-bottom: 4.3vw;
  }
  .quick-pay-guide__term::before,
  .transfer-block__heading::before,
  .support-cases__heading::before {
    width: 16px;
    height: 19px;
  }
  .quick-pay-guide__desc, .quick-pay-guide__emphasis {
    font-size: 3.4vw;
  }
  .quick-pay-guide__desc:first-of-type{
    margin-bottom: 5.4vw;
  }
  .quick-pay-guide__note{
    margin-top: 1.9vw;
    font-size: 2.9vw;
  }
  .section-comment__inner {
    border-radius: 5.4vw;
  }
  .section-comment__label {
    font-size: 3.4vw;
    width: 35vw;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    padding: 1vw 0;
  }
  .section-comment__text {
    font-size: 3.4vw;
    padding-top: 2.6vw;
    padding-left: 4vw;
    padding-bottom: 2.3vw;
  }
  .support-wheel {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
    margin: 10vw auto 0;
  }
  .support-wheel__circle {
    width: 50.4vw;
    height: 50.4vw;
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    margin: 0 auto;
  }
  .support-wheel__tamarisu{
    width: 27vw;
  }
  .support-wheel__number{
    width: 10.4vw;
    height: 10.4vw;
    font-size: 5.4vw;
  }
  .support-wheel__texts {
    position: static;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
    margin-top: 6.4vw;
    counter-reset: support-wheel;
  }
  .support-wheel__text {
    position: static;
    inset: auto;
    width: auto;
    padding: 3.4vw 0;
    transform: none;
    text-align: left;
    counter-increment: support-wheel;
  }
  .support-wheel__label::before{
    content: counter(support-wheel);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 6.3vw;
    height: 6.3vw;
    border-radius: 50%;
    background-color: #7FCE43;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    line-height: 1;
    flex-shrink: 0;
    margin-top: calc((4.75vw * 1.3 - 6.3vw) / 2);
  }
  .support-wheel__text--1,
  .support-wheel__text--3 {
    border-right: 1px solid #CCCCCC;
  }
  .support-wheel__text--1,
  .support-wheel__text--2,
  .support-wheel__text--3,
  .support-wheel__text--4 {
    border-bottom: 1px solid #CCCCCC;
  }
  .support-wheel__text--2,
  .support-wheel__text--4 {
    padding-left: 3.7vw;
  }
  .support-wheel__text--5 {
    grid-column: 1 / -1;
  }
  .support-wheel__label {
    display: flex;
    align-items: flex-start;
    gap: 2.4vw;
    font-size: 4.75vw;
    margin-bottom: 2.1vw;
  }
  .support-wheel__desc {
    font-size: 3.1vw;
    white-space: nowrap;
    line-height: 2;
  }
  .support-cases {
    width: 100%;
    margin-top: 2vw;
  }
  
  .support-cases__list {
    display: flex;
    flex-direction: column;
    gap: 4.3vw;
  }
  .support-cases__item {
    display: grid;
    grid-template-columns: 32vw 1fr;
    align-items: center;
    gap: 4.3vw;
    padding: 3.5vw 4.3vw;
    border-radius: 5.34vw;
  }
  .support-cases__photo {
    grid-column: auto;
    width: 100%;
  }
  .support-cases__name {
    grid-column: auto;
    font-size: 3.7vw;
    margin: 0;
  }
  .support-cases__body {
    grid-column: 1 / -1;
  }
  .support-cases__points li {
    font-size: 3.4vw;
  }
  }


/* ===========================
   HIGHINCOME HERO
=========================== */
.feature-hero {
  position: relative;
  background-color: #FFF8DB;
}
.feature-hero .mv_left_top {
  top: clamp(136.4px, 17.76vw, 341px);
  left: clamp(41.6px, 5.42vw, 104px);
}
.feature-hero .mv_right_top {
  top: clamp(130.8px, 17.03vw, 327px);
  right: clamp(49.6px, 6.46vw, 124px);
}
.feature-hero__chara {
  position: absolute;
  z-index: 2;
}
.highincome__chara {
  width: clamp(116.25px, 15.14vw, 290.63px);
  height: clamp(88px, 11.46vw, 220px);
  top: clamp(18.4px, 2.4vw, 46px);
  right: clamp(-41px, -2.14vw, -16.4px);
  animation: highincomeCharaSlide 3s ease-in-out infinite;
}
.style__chara {
  width: clamp(97.2px, 12.66vw, 243px);
  top: clamp(17.6px, 2.29vw, 44px);
  right: clamp(-23px, -1.2vw, -9.2px);
}
.career__chara {
  width: clamp(67.78px, 8.83vw, 169.46px);
  top: clamp(12.4px, 1.61vw, 31px);
  right: clamp(12.4px, 1.61vw, 31px);
}
@keyframes highincomeCharaSlide {
  0%, 74%, 100% {
    transform: translateX(0);
  }
  82% {
    transform: translateX(clamp(-10px, -0.52vw, -4px));
  }
  90% {
    transform: translateX(0);
  }
}
.feature-hero__chara img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.feature-hero__inner {
  width: clamp(472.8px, 61.56vw, 1182px);
  margin: 0 auto;
  padding: clamp(92px, 11.98vw, 230px) 0 clamp(50px, 6.51vw, 125px);
}
.feature-hero__content{
  position: relative;
}
.feature-hero__title {
  font-size: clamp(20px, 2.6vw, 50px);
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
}
.feature-hero__title span {
  color: #7FCE43;
}
.feature-hero__lead {
  margin-top: clamp(11.2px, 1.46vw, 28px);
  font-size: clamp(7.2px, 0.94vw, 18px);
  font-weight: 700;
  line-height: 1.8;
  text-align: center;
}
.feature-hero__stats {
  display: flex;
  margin-top: clamp(17.2px, 2.24vw, 43px);
  align-items: flex-end;
  justify-content: center;
  gap: clamp(6.4px, 0.83vw, 16px);
  font-size: clamp(12px, 1.56vw, 30px);
  font-weight: 700;
}
.feature-hero__stats::before,
.feature-hero__stats::after {
  content: '';
  display: inline-block;
  width: clamp(16px, 2.08vw, 40px);
  height: clamp(16px, 2.08vw, 40px);
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.feature-hero__stats::before {
  background-image: url("data:image/svg+xml,%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.999999 1L41 41' stroke='%237FCE43' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.feature-hero__stats::after {
  background-image: url("data:image/svg+xml,%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M41 1L1 41' stroke='%237FCE43' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.feature-hero__stats-number {
  font-family: Roboto, sans-serif;
  font-size: clamp(28px, 3.65vw, 70px);
  font-weight: 700;
  color: #7FCE43;
}
.feature-hero__stats-unit {
  font-size: clamp(12px, 1.56vw, 30px);
  font-weight: 700;
  color: #7FCE43;
}
.feature-hero__stats-note {
  margin-top: clamp(3.6px, 0.47vw, 9px);
  font-size: clamp(5.6px, 0.73vw, 14px);
  font-weight: 500;
  line-height: 1.8;
  text-align: center;
}
.feature-hero__nav {
  width: clamp(472px, 61.46vw, 1180px);
  margin: clamp(18px, 2.34vw, 45px) auto 0;
}
.feature-hero__nav-list {
  display: flex;
  gap: clamp(16px, 2.08vw, 40px);
  margin: 0;
  padding: 0;
  list-style: none;
}
.feature-hero__nav-item {
  width: clamp(106px, 13.8vw, 265px);
  height: clamp(106px, 13.8vw, 265px);
  border: 2px solid #7FCE43;
  border-radius: 50%;
  background-color: #F2FAEC;
  box-shadow: 3px 3px 10px 0 #00000033;
}
.feature-hero__nav-link {
  display: flex;
  flex-direction: column;
  gap: clamp(6px, 0.78vw, 15px);
  align-items: center;
  justify-content: center;
  height: 100%;
  color: inherit;
  text-align: center;
  text-decoration: none;
}
.feature-hero__nav-link::after {
  content: '';
  display: inline-block;
  width: clamp(12px, 1.56vw, 30px);
  height: clamp(12px, 1.56vw, 30px);
  border-radius: 50%;
  flex-shrink: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L1 13' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");  background-size: clamp(5.6px, 0.73vw, 14px) clamp(3.2px, 0.42vw, 8px);
  background-size: clamp(3.2px, 0.42vw, 8px) clamp(5.6px, 0.73vw, 14px);
  background-repeat: no-repeat;
  background-position: center;
  background-color: #000;
}
.feature-hero__nav-label {
  font-size: clamp(12px, 1.56vw, 30px);
  font-weight: 700;
}
.feature-hero__nav-label span {
  background: linear-gradient(transparent 50%, #FFE600 50%);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
.feature-hero__nav-text {
  font-size: clamp(7.2px, 0.94vw, 18px);
  font-weight: 700;
}
.feature-hero__jobs {
  margin-top: clamp(19.2px, 2.5vw, 48px);
}
.feature-hero__jobs-heading {
  font-size: clamp(12px, 1.56vw, 30px);
  line-height: 1.6;
  text-align: center;
}
.feature-hero__jobs-list {
  margin-top: clamp(9.6px, 1.25vw, 24px);
}
.feature-hero__jobs-list .swiper-wrapper {
  display: flex;
  gap: clamp(16.4px, 2.14vw, 41px);
}
.feature-hero__jobs-item {
  flex: 0 0 calc((100% - clamp(32.8px, 4.27vw, 82px)) / 3);
  width: calc((100% - clamp(32.8px, 4.27vw, 82px)) / 3) !important;
}
.feature-hero__jobs-pagination,
.feature-hero__jobs-button-prev,
.feature-hero__jobs-button-next {
  display: none;
}
.highincome-job-card {
  height: 100%;
  background: #fff;
  border-radius: clamp(8px, 1.04vw, 20px);
  padding: clamp(9.6px, 1.25vw, 24px) clamp(8px, 1.04vw, 20px);
  box-shadow: 0 clamp(0.8px, 0.1vw, 2px) clamp(4.8px, 0.63vw, 12px) rgba(0, 0, 0, 0.08);
}
.highincome-job-card__title {
  margin-bottom: clamp(5.2px, 0.68vw, 13px);
  color: #000;
  font-size: clamp(7.2px, 0.94vw, 18px);
  font-weight: 500;
  line-height: 1;
  text-align: center;
}
.highincome-job-card__img {
  width: 100%;
  aspect-ratio: 13 / 9;
  overflow: hidden;
  margin-bottom: clamp(6.8px, 0.89vw, 17px);
}
.highincome-job-card__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.highincome-job-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(6.4px, 0.83vw, 16px);
}
.highincome-job-card__tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-height: clamp(12.8px, 1.67vw, 32px);
  padding: 0 clamp(6px, 0.78vw, 15px);
  border: 1px solid #7FCE43;
  border-radius: clamp(6.4px, 0.83vw, 16px);
  color: #000;
  font-size: clamp(6.4px, 0.83vw, 16px);
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}
.feature-hero__jobs-note {
  margin-top: clamp(5.2px, 0.68vw, 13px);
  font-size: clamp(5.6px, 0.73vw, 14px);
  font-weight: 700;
  line-height: 1.8;
  text-align: center;
}
.feature-search-btn {
  height: auto;
  flex-direction: column;
  align-items: center;
  gap: 0;
  padding: 0;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  box-shadow: none;
}
body.is-scrolled .feature-search-btn {
  bottom: clamp(20px, 2.6vw, 50px);
}
.feature-search-btn__label {
  z-index: 2;
}
.feature-search-btn__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: clamp(28px, 3.65vw, 70px);
  padding: clamp(4px, 0.52vw, 10px);
  background: #FE6A00;
  border-radius: clamp(16px, 2.08vw, 40px);
  box-shadow: 0 clamp(2px, 0.26vw, 5px) 0 rgba(0, 0, 0, 0.2);
}
.feature-search-btn__text {
  line-height: 1.4;
}
.feature-hero + .follow-btn + .sec-steps__wave2 {
  margin-top: clamp(-75px, -3.91vw, -30px);
}
/* ===========================
   JOB SEARCH WIDGET
=========================== */
.sec-job-search {
  background-color: #fff;
}
.sec-job-search__inner {
  width: clamp(472px, 61.46vw, 1180px);
  margin: 0 auto;
  padding-bottom: clamp(44px, 5.73vw, 110px);
}

/* ===== メインウィジェット ===== */
.job-search-widget {
  width: 100%;
  position: relative;
  padding: clamp(19.2px, 2.5vw, 48px);
  border: 2px solid #7FCE43;
  border-radius: clamp(8px, 1.04vw, 20px);
  background-color: #F2FAEC;
}

.job-search__chara {
  position: absolute;
  top: clamp(-78px, -4.06vw, -31.2px);
  right: clamp(36px, 4.69vw, 90px);
  width: clamp(61.16px, 7.96vw, 152.89px);
  z-index: 3;
  pointer-events: none;
}

.job-search__chara img {
  width: 100%;
  height: auto;
  display: block;
}
.job-search-widget__title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(5.2px, 0.68vw, 13px);
  margin-bottom: clamp(19.2px, 2.5vw, 48px);
  font-size: clamp(14.4px, 1.88vw, 36px);
  font-weight: 700;
  text-align: center;
}
.job-search-widget__title::before {
  content: '';
  display: inline-block;
  width: clamp(10.4px, 1.35vw, 26px);
  height: clamp(10.4px, 1.35vw, 26px);
  flex-shrink: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='31' height='31' viewBox='0 0 31 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.6667 25.3333C20.11 25.3333 25.3333 20.11 25.3333 13.6667C25.3333 7.22334 20.11 2 13.6667 2C7.22334 2 2 7.22334 2 13.6667C2 20.11 7.22334 25.3333 13.6667 25.3333Z' stroke='black' stroke-width='4'/%3E%3Cpath d='M28.666 28.6666L23.666 23.6666' stroke='black' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.job-search-widget__search-row {
  display: flex;
  gap: clamp(9.6px, 1.25vw, 24px);
  margin-bottom: clamp(9.6px, 1.25vw, 24px);
}
/* ===== 都道府県ボタン ===== */
.job-search-widget__prefecture-button {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: clamp(88px, 11.4583333333vw, 220px);
  height: clamp(25.6px, 3.3333333333vw, 64px);
  padding: clamp(6.4px, 0.8333333333vw, 16px) clamp(8px, 1.04vw, 20px);
  border: 1px solid #AAAAAA;
  border-radius: clamp(4px, 0.5208333333vw, 10px);
  background-color: #FFFFFF;
  color: #1a1a1a;
  font-size: clamp(7.2px, 0.9375vw, 18px);
  font-weight: 700;
  cursor: pointer;
  text-align: left;
}

.job-search-widget__prefecture-button::after {
  content: '';
  display: block;
  flex-shrink: 0;
  width: clamp(5.6px, 0.7291666667vw, 14px);
  height: clamp(3.2px, 0.4166666667vw, 8px);
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L13 1' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.job-search-widget__keyword {
  flex: 1;
  position: relative;
}

.job-search-widget__keyword-input {
  width: 100%;
  height: clamp(25.6px, 3.33vw, 64px);
  padding: clamp(7px, 0.91vw, 17.5px) clamp(6.4px, 0.83vw, 16px);
  border: 1px solid #AAAAAA;
  border-radius: clamp(4px, 0.52vw, 10px);
  background: #FFFFFF;
  color: #A1A1A1;
  font-size: clamp(6.4px, 0.83vw, 16px);
  font-weight: 700;
  line-height: 1.8;
}

.job-search-widget__keyword-input:focus { outline: none; }

.job-search-widget__filter-button {
  flex: 0 0 auto;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(88px, 11.46vw, 220px);
  height: clamp(25.6px, 3.33vw, 64px);
  padding: clamp(6.4px, 0.83vw, 16px);
  border: 1px solid #AAAAAA;
  border-radius: clamp(4px, 0.52vw, 10px);
  background-color: #FFFFFF;
  font-size: clamp(7.2px, 0.94vw, 18px);
  font-weight: 700;
  line-height: 1.8;
  text-align: center;
  cursor: pointer;
}
.job-search-widget__filter-button::before {
  content: '';
  display: block;
  width: clamp(7.2px, 0.94vw, 18px);
  height: clamp(6.8px, 0.89vw, 17px);
  position: absolute;
  top: 50%;
  left: clamp(6.4px, 0.83vw, 16px);
  transform: translateY(-50%);
  
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='17' viewBox='0 0 18 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.4167 8.3225H6.12083M6.12083 8.3225C6.12083 8.80431 5.9286 9.26639 5.58791 9.60708C5.24722 9.94777 4.78514 10.1392 4.30333 10.1392C3.82152 10.1392 3.35945 9.94777 3.01876 9.60708C2.67806 9.26639 2.48667 8.80431 2.48667 8.3225M6.12083 8.3225C6.12083 7.84069 5.9286 7.37861 5.58791 7.03792C5.24722 6.69723 4.78514 6.50583 4.30333 6.50583C3.82152 6.50583 3.35945 6.69723 3.01876 7.03792C2.67806 7.37861 2.48667 7.84069 2.48667 8.3225M2.48667 8.3225H1M16.4167 13.8283H11.6267M11.6267 13.8283C11.6267 14.3103 11.4348 14.7729 11.094 15.1136C10.7533 15.4544 10.2911 15.6458 9.80917 15.6458C9.32736 15.6458 8.86528 15.4536 8.52459 15.1129C8.1839 14.7722 7.9925 14.3101 7.9925 13.8283M11.6267 13.8283C11.6267 13.3464 11.4348 12.8846 11.094 12.5439C10.7533 12.2031 10.2911 12.0117 9.80917 12.0117C9.32736 12.0117 8.86528 12.2031 8.52459 12.5438C8.1839 12.8844 7.9925 13.3465 7.9925 13.8283M7.9925 13.8283H1M16.4167 2.81667H13.8292M13.8292 2.81667C13.8292 3.05523 13.7813 3.29147 13.69 3.51187C13.5988 3.73228 13.4649 3.93255 13.2962 4.10124C13.1276 4.26994 12.9273 4.40375 12.7069 4.49505C12.4865 4.58634 12.2502 4.63333 12.0117 4.63333C11.5299 4.63333 11.0678 4.44193 10.7271 4.10124C10.3864 3.76055 10.195 3.29848 10.195 2.81667M13.8292 2.81667C13.8292 2.5781 13.7813 2.34187 13.69 2.12146C13.5988 1.90105 13.4649 1.70078 13.2962 1.53209C13.1276 1.3634 12.9273 1.22958 12.7069 1.13829C12.4865 1.04699 12.2502 1 12.0117 1C11.5299 1 11.0678 1.1914 10.7271 1.53209C10.3864 1.87278 10.195 2.33486 10.195 2.81667M10.195 2.81667H1' stroke='black' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}


.job-search-widget__filter-count {
  display: none;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
}

.job-search-widget__filter-count.visible { display: inline-flex; }

.job-search-widget__hotwords {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: clamp(8px, 1.04vw, 20px);
  font-size: clamp(7.2px, 0.94vw, 18px);
  font-weight: 700;
  line-height: 1.8;
}

.job-search-widget__hotwords-label {
  display: flex;
  align-items: center;
}

.job-search-widget__hotwords-label::before {
  content: '';
  display: inline-block;
  width: clamp(6.66px, 0.87vw, 16.64px);
  height: clamp(6.23px, 0.81vw, 15.56px);
  margin-right: clamp(4px, 0.52vw, 10px);
  flex-shrink: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.3 0.147937C16.1897 0.0706077 16.062 0.0217697 15.9282 0.00577584C15.7944 -0.0102181 15.6588 0.00712876 15.5333 0.0562707L4.84167 4.1646H1.66667C0.75 4.1646 0 4.9146 0 5.83127V9.1646C0 10.0813 0.75 10.8313 1.66667 10.8313H4.84167L5.675 11.1563L5.28333 12.3229C5.00833 13.1563 5.425 14.0729 6.24167 14.3979L8.85833 15.4479C9.05833 15.5229 9.26667 15.5646 9.475 15.5646C9.71667 15.5646 9.95833 15.5146 10.175 15.4063C10.5917 15.2146 10.9083 14.8563 11.05 14.4229L11.4 13.3646L15.5083 14.9479C15.6083 14.9813 15.7083 15.0063 15.8083 15.0063C15.975 15.0063 16.1417 14.9563 16.2833 14.8563C16.5083 14.6979 16.6417 14.4396 16.6417 14.1729V0.831271C16.6417 0.556271 16.5083 0.297937 16.2833 0.147937H16.3ZM1.65833 5.83127H4.15833V9.1646H1.65833V5.83127ZM9.48333 13.8979L6.86667 12.8479L7.23333 11.7479L9.85833 12.7563L9.48333 13.8896V13.8979ZM14.9917 12.9563L5.825 9.43127V5.57294L14.9917 2.04794V12.9563Z' fill='black'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
}

.job-search-widget__hotword-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: clamp(8px, 1.04vw, 20px);
}

.job-search-widget__hotword {
  color: inherit;
  font-size: clamp(6.4px, 0.83vw, 16px);
  font-weight: 700;
  line-height: 1.8;
  text-decoration: underline;
  cursor: pointer;
}

.job-search-widget__search-button, .job-search-modal__apply, .job-search-prefecture-modal__apply {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: clamp(168px, 21.88vw, 420px);
  height: clamp(40px, 4.17vw, 80px);
  margin: 0 auto;
  padding: clamp(4px, 0.52vw, 10px) clamp(8px, 1.04vw, 20px);
  border: 2px solid #000;
  border-radius: clamp(5px, 0.52vw, 10px);
  background: #000;
  color: #fff;
  font-size: clamp(12px, 1.04vw, 20px);
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 clamp(3px, 0.26vw, 5px) 0 rgba(0, 0, 0, 0.3);
}

.job-search-widget__search-button::after, .job-search-modal__apply::after, .job-search-prefecture-modal__apply::after {
  content: '';
  display: inline-block;
  flex-shrink: 0;
  width: clamp(6px, 0.42vw, 8px);
  height: clamp(12px, 0.73vw, 14px);
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L1 13' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
}
.job-search-widget__search-button > span:not(.job-search-widget__search-badge),
.job-search-modal__apply > span,
.job-search-prefecture-modal__apply > span{
    flex: 1;
    text-align: center;
}

.job-search-widget__search-button{
  margin-top: clamp(19.2px, 2.5vw, 48px);
}

.job-search-widget__search-badge {
  position: absolute;
  top: clamp(-30px, -1.56vw, -12px);
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  padding: clamp(1.6px, 0.21vw, 4px) clamp(4.8px, 0.63vw, 12px);
  border-radius: clamp(8px, 1.04vw, 20px);
  background: #7FCE43;
  color: #fff;
  font-size: clamp(10px, 0.83vw, 16px);
  font-weight: 700;
  line-height: 1.8;
  white-space: nowrap;
}
.job-search-widget__search-badge::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-width: clamp(4.4px, 0.57vw, 11px) clamp(3.6px, 0.47vw, 9px) 0 clamp(3.6px, 0.47vw, 9px);
  border-style: solid;
  border-color: #7FCE43 transparent transparent transparent;
}

/* ===== モーダルオーバーレイ ===== */
.job-search-modal,
.job-search-prefecture-modal {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.6);
  z-index: 100;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}

.job-search-modal.open,
.job-search-prefecture-modal.open { display: flex; }

.job-search-modal__dialog,
.job-search-prefecture-modal__dialog {
  width: 57vw;
  max-width: 1100px;
  max-height: 90vh;
  background: #fff;
  border-radius: clamp(8px, 1.04vw, 20px);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  animation: fadeUp 0.2s ease;
  box-shadow: none;
}

@keyframes fadeUp {
  from { opacity: 0; transform: translateY(16px); }
  to   { opacity: 1; transform: translateY(0); }
}

.job-search-modal__header,
.job-search-prefecture-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: clamp(19.2px, 2.5vw, 48px) clamp(19.2px, 2.5vw, 48px) 0 clamp(19.2px, 2.5vw, 48px);
  margin-bottom:  clamp(9.6px, 1.25vw, 24px);
  border-bottom: 0;
  position: static;
  top: auto;
  background: transparent;
  z-index: 1;
}

.job-search-modal__title,
.job-search-prefecture-modal__title {
    display: flex;
    align-items: center;
    gap: clamp(6.4px, 0.83vw, 16px);
    margin: 0;
    color: #7FCE43;
    font-size: clamp(9.6px, 1.25vw, 24px);
    font-weight: 700;
    line-height: 1;
}

.job-search-modal__title::before,
.job-search-prefecture-modal__title::before {
    content: '';
    display: inline-block;
    width: clamp(12px, 1.56vw, 30px);
    height: clamp(13.6px, 1.77vw, 34px);
    flex-shrink: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='34' viewBox='0 0 30 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.651 4.8701C21.8244 2.20088 17.2645 2.31841 14.5538 2.93081C14.0242 3.05116 13.4944 2.73999 13.3528 2.21816L12.9519 0.743504C12.7964 0.175398 12.193 -0.139134 11.6377 0.0599609L9.83153 0.71132L9.56502 0.80832L7.76273 1.47034C7.21106 1.67113 6.9493 2.30357 7.19538 2.8387L7.83615 4.22605C8.06404 4.71951 7.85727 5.29573 7.37419 5.54399C4.90403 6.81726 1.33279 9.6592 0.119825 14.1627C-0.327505 15.8193 0.514523 16.8558 2.04386 16.613C2.50595 19.4415 3.82014 23.7736 7.49996 28.3281C11.0079 32.6675 15.2981 32.63 18.2673 32.8108C19.2586 32.8725 19.9016 33.5528 21.231 33.1173L21.2339 33.1253L21.3405 33.0865C21.3405 33.0865 21.3431 33.0855 21.3458 33.0845L21.4497 33.0467L21.5537 33.0089C21.5537 33.0089 21.5563 33.0079 21.559 33.0069L21.6656 32.9681L21.6627 32.9601C22.9601 32.4366 23.0153 31.5021 23.736 30.8203C25.8943 28.7733 29.2075 26.0434 29.1028 20.4653C28.9932 14.6084 27.2163 10.4477 25.7521 7.9839C27.0797 7.18684 27.0595 5.85429 25.651 4.8701ZM17.3988 21.5354L22.5477 25.3167C22.7985 25.5001 22.6588 25.8708 22.2911 26.0047L16.2787 28.193C15.9109 28.3268 15.5656 28.1326 15.6399 27.831L17.1536 21.6246C17.1834 21.4991 17.1407 21.3819 17.0372 21.3048L11.8883 17.5235C11.6375 17.3402 11.7772 16.9694 12.1449 16.8356L18.1573 14.6472C18.5251 14.5134 18.8704 14.7076 18.7961 15.0092L17.2824 21.2156C17.2526 21.3411 17.2953 21.4584 17.3988 21.5354ZM23.6428 9.36124C23.6241 9.36804 23.6055 9.37482 23.5868 9.38161C21.1083 10.0514 17.6064 11.1932 13.972 12.5099C10.3441 13.8364 6.92488 15.2137 4.59569 16.2938C4.25554 16.4538 3.84504 16.3045 3.68576 15.9581C3.52744 15.6143 3.67514 15.2075 4.02062 15.0455C6.38348 13.9501 9.83904 12.5566 13.5042 11.2165C17.1733 9.88715 20.7188 8.73249 23.2303 8.05377C23.5954 7.95407 23.9727 8.16983 24.0724 8.53492C24.1653 8.88135 23.9776 9.23636 23.6445 9.35761' fill='%237FCE43'/%3E%3C/svg%3E%0A");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.job-search-modal__close,
.job-search-prefecture-modal__close {
  position: relative;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: none;
  background: none;
  cursor: pointer;
}

.job-search-modal__close::before,
.job-search-prefecture-modal__close::before,
.job-search-modal__close::after,
.job-search-prefecture-modal__close::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 2px;
  background: #000;
  transform-origin: center;
}

.job-search-modal__close::before,
.job-search-prefecture-modal__close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.job-search-modal__close::after,
.job-search-prefecture-modal__close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.job-search-modal__body,
.job-search-prefecture-modal__body {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 0  clamp(19.2px, 2.5vw, 48px) clamp(19.2px, 2.5vw, 48px) clamp(19.2px, 2.5vw, 48px);
}

.job-search-modal__section { 
  margin-bottom: clamp(19.2px, 2.5vw, 48px);
 }

.job-search-modal__section:last-child {
  margin-bottom: 0;
}

.job-search-modal__label {
  font-size: clamp(16px, 0.94vw, 18px);
  font-weight: 700;
  margin-bottom: clamp(9.6px, 1.25vw, 24px);
}

.job-search-modal__check-grid,
.job-search-prefecture-modal__check-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(9.6px, 1.25vw, 24px) clamp(22.4px, 2.92vw, 56px);
}

.job-search-modal__check-grid.job-search-modal__check-grid--col2 { grid-template-columns: repeat(2, 1fr); }

.job-search-modal__check-item,
.job-search-prefecture-modal__check-item {
  display: flex;
  align-items: center;
  gap: clamp(6.4px, 0.83vw, 16px);
  cursor: pointer;
  font-size: clamp(6.4px, 0.83vw, 16px);
}

.job-search-modal__check-item input[type="checkbox"],
.job-search-prefecture-modal__check-item input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: clamp(9.6px, 1.25vw, 24px);
  height: clamp(9.6px, 1.25vw, 24px);
  border: 1px solid #7FCE43;
  border-radius: 5px;
  background-color: #fff;
  flex-shrink: 0;
  cursor: pointer;
  position: relative;
}

.job-search-modal__check-item input[type="checkbox"]:checked,
.job-search-prefecture-modal__check-item input[type="checkbox"]:checked {
  background-color: #7FCE43;
  border-color: #7FCE43;
}

.job-search-modal__check-item input[type="checkbox"]:checked::before,
.job-search-prefecture-modal__check-item input[type="checkbox"]:checked::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 15px;
  height: 11px;
  transform: translate(-50%, -50%);
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='11' viewBox='0 0 15 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5.16667L5.16667 9.33333L13.5 1' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  border: none;
}

.job-search-modal__salary-type-buttons {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(6.4px, 0.83vw, 16px);
  margin-bottom: clamp(15.6px, 2.03vw, 39px);
}

.job-search-modal__salary-type-button {
  display: flex;
  align-items: center;
  gap: clamp(6.4px, 0.83vw, 16px);
  cursor: pointer;
  font-size: clamp(6.4px, 0.83vw, 16px);
}

.job-search-modal__salary-type-button input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  width: clamp(9.6px, 1.25vw, 24px);
  height: clamp(9.6px, 1.25vw, 24px);
  border: 1px solid #7FCE43;
  border-radius: 5px;
  background-color: #fff;
  flex-shrink: 0;
  cursor: pointer;
  position: relative;
}

.job-search-modal__salary-type-button input[type="radio"]:checked {
  background-color: #7FCE43;
  border-color: #7FCE43;
}

.job-search-modal__salary-type-button input[type="radio"]:checked::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 15px;
  height: 11px;
  transform: translate(-50%, -50%);
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='11' viewBox='0 0 15 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5.16667L5.16667 9.33333L13.5 1' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  border: none;
}

.job-search-modal__salary-row {
  display: flex;
  align-items: center;
  gap: clamp(9.6px, 1.25vw, 24px);
}

.job-search-modal__salary-field {
  display: flex;
  align-items: center;
  gap: clamp(6.4px, 0.83vw, 16px);
}

.job-search-modal__salary-label {
  font-size: clamp(6.4px, 0.83vw, 16px);
  font-weight: 700;
  flex-shrink: 0;
}

.job-search-modal__salary-select {
  flex: 0 0 clamp(83.2px, 10.83vw, 208px);
  height: clamp(18px, 2.34vw, 45px);
  padding: clamp(3.2px, 0.42vw, 8px) clamp(6.4px, 0.83vw, 16px);
  border: 1px solid #AAAAAA;
  border-radius: clamp(4px, 0.52vw, 10px);
  background: #FFFFFF;
  font-size: clamp(6.4px, 0.83vw, 16px);
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L13 1' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: right clamp(16px, 0.94vw, 18px) center;
  background-size: clamp(5.6px, 0.73vw, 14px) clamp(3.2px, 0.42vw, 8px);
  appearance: none;
}

.job-search-modal__salary-select:disabled {
  background-color: #F5F5F5;
  color: #AAAAAA;
  cursor: not-allowed;
  opacity: 1;
}

.job-search-modal__salary-sep {
  display: none;
  font-size: clamp(6.4px, 0.83vw, 16px);
  flex-shrink: 0;
}

.job-search-modal__footer,
.job-search-prefecture-modal__footer {
  padding: clamp(9.6px, 1.25vw, 24px) 0 clamp(19.2px, 2.5vw, 48px);
  border-top: 0;
  position: static;
  bottom: auto;
  background: transparent;
}

.job-search-modal__reset,
.job-search-prefecture-modal__reset {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: clamp(9.6px, 1.25vw, 24px);
  font-size: clamp(6.4px, 0.83vw, 16px);
  text-decoration: underline;
  background: none;
  border: none;
  cursor: pointer;
}

.job-search-widget__selected-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: clamp(6.4px, 0.83vw, 16px);
  margin-top: clamp(9.6px, 1.25vw, 24px);
}

.job-search-widget__selected-label {
  font-size: clamp(6.4px, 0.83vw, 16px);
  font-weight: 700;
  line-height: 1.8;
  white-space: nowrap;
}

.job-search-widget__selected-tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(6.4px, 0.83vw, 16px);
}

.job-search-widget__selected-tag {
  display: inline-block;
  padding: 0 clamp(6.4px, 0.83vw, 16px);
  border: 1px solid #7FCE43;
  border-radius: clamp(6.4px, 0.83vw, 16px);
  background-color: transparent;
  font-size: clamp(6.4px, 0.83vw, 16px);
  line-height: 1.8;
}
@media (max-width: 767px) {
  .sp-follow-bar .feature-search-btn {
    position: absolute;
    right: auto;
    bottom: 3vw;
    width: 66.67vw;
    height: auto;
    flex-direction: column;
    align-items: center;
    gap: 0;
    padding: 0;
    overflow: visible;
    background: transparent;
    border-radius: 0;
    box-shadow: none;
  }
  body.is-scrolled .feature-search-btn {
    bottom: 3vw;
  }
  .sp-follow-bar .feature-search-btn__label {
    z-index: 2;
  }
  .sp-follow-bar .feature-search-btn__inner {
    width: 100%;
    height: 13.07vw;
    padding: 1.07vw 2.13vw;
    border-radius: 6.93vw;
  }
  .sp-follow-bar .feature-search-btn__text {
    font-size: 3.73vw;
    line-height: 1.4;
    white-space: nowrap;
  }
  .feature-hero {
    overflow-x: clip;
  }
  .feature-hero .mv_left_top,
  .feature-hero .mv_right_top {
    display: none;
  }
  .feature-hero .breadcrumb {
    display: block;
    top: 20vw;
    left: 4.5vw;
    z-index: 999;
  }
  .feature-hero .breadcrumb__list {
    font-weight: 500;
    font-size: 2.93vw;
    line-height: 1.8;
  }
  .feature-hero__title {
    font-size: 6.93vw;
    line-height: 1.5;
  }
  .feature-hero__lead {
    font-size: 3.47vw;
    font-weight: 700;
    line-height: 1.8;
  }
  .feature-hero__stats {
    font-size: 4.27vw;
  }
  .feature-hero__stats::before,
  .feature-hero__stats::after {
    width: 5.33vw;
    height: 5.33vw;
  }
  .feature-hero__stats-number {
    font-size: 8.53vw;
  }
  .feature-hero__stats-note {
    font-size: 2.93vw;
  }
  .feature-hero__inner,
  .sec-job-search__inner {
    width: 100%;
  }
  .sec-job-search__inner {
    padding-bottom: 0;
  }
  .feature-hero__inner {
    padding: 28.5vw 4.3vw 5vw;
  }
  .sec-job-search,
  .sec-support {
    padding: 14.4vw 4.3vw;
  }
  .sec-job-search {
    padding-top: 0;
    overflow-x: clip;
  }
  .feature-next-links {
    flex-direction: column;
    padding: 10.7vw 10.2vw 17.6vw;
  }
  .feature-next-links .cta-block {
    width: 100%;
  }
  .feature-next-links .hero__btn {
    width: 100%;
  }
  .feature-next-links .hero__btn-inner {
    width: 100%;
  }
  .feature-next-links__lead {
    margin-bottom: 2.2vw;
    font-size: 16px;
    gap: 2.2vw;
  }
  .feature-next-links__lead::before,
  .feature-next-links__lead::after {
    width: 20px;
    height: 20px;
  }
  .feature-next-links__btn-text {
    font-size: 14px;
  }
  .feature-next-links__btn-text span {
    font-size: 11px;
  }
  .job-search-widget {
    padding: 6.4vw 2.13vw;
    border-radius: 5.33vw;
    border: 1px solid #7FCE43;
  }
  .job-search-widget__title {
    gap: 2.13vw;
    margin-bottom: 5.33vw;
    font-size: 4.8vw;
  }
  .job-search-widget__title::before {
    width: 4.27vw;
    height: 4.27vw;
  }
  .job-search__chara {
    width: 20.27vw;
    top: -9vw;
    right: -10vw;
  }
  .job-search-widget__search-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4vw 2.67vw;
    margin-bottom: 5.33vw;
  }
  /* 都道府県ボタン SP */
  .job-search-widget__prefecture-button {
    grid-column: 1;
    grid-row: 1;
    width: 100%;
    height: 10.93vw;
    padding: 2.13vw 3.2vw;
    border-radius: 2.67vw;
    font-size: 3.73vw;
  }

  /* 都道府県モーダル SP */
  .job-search-prefecture-modal__dialog {
    width: 91vw;
    max-height: 80vh;
    border-radius: 0;
  }
  .job-search-prefecture-modal__header {
    padding: 14.4vw 4.27vw 0;
    margin-bottom: 5.33vw;
  }
  .job-search-prefecture-modal__title {
    font-size: 4.27vw;
  }
  .job-search-prefecture-modal__body {
    padding: 0 4.27vw 4.27vw;
  }
  .job-search-prefecture-modal__check-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 4vw 5.33vw;
  }
  .job-search-prefecture-modal__apply {
    width: 66.67vw;
    height: 13.07vw;
    border-radius: 2.67vw;
    font-size: 3.73vw;
  }
  .job-search-prefecture-modal__reset {
    margin-top: 4.27vw;
    font-size: 3.47vw;
  }
  .job-search-widget__filter-button {
    grid-column: 2;
    grid-row: 1;
    width: 100%;
    height: 10.93vw;
    padding: 2.13vw;
    border-radius: 2.67vw;
    font-size: 3.73vw;
  }
  .job-search-widget__keyword {
    grid-column: 1 / -1;
    grid-row: 2;
  }
  .job-search-widget__keyword-input {
    width: 100%;
    height: 11.47vw;
    padding: 2.67vw 4.27vw;
    border-radius: 2.67vw;
    font-size: 3.47vw;
  }
  .job-search-widget__filter-button::before {
    width: 4.8vw;
    height: 4.53vw;
  }
  .job-search-widget__hotwords {
    gap: 4.27vw;
    font-size: 3.47vw;
  }
  .job-search-widget__hotwords-label::before {
    width: 4.53vw;
    height: 4.27vw;
    margin-right: 2.56vw;
  }
  .job-search-widget__hotword-list {
    gap: 4.27vw;
  }
  .job-search-widget__hotword {
    font-size: 3.47vw;
  }
  .job-search-widget__search-button, .job-search-modal__apply, .job-search-prefecture-modal__apply {
    width: 66.67vw;
    height: 13.07vw;
    margin-top: 10.67vw;
    padding: 1.07vw 2.13vw;
    border-width: 0.53vw;
    border-radius: 2.67vw;
    font-size: 3.73vw;
    box-shadow: 0 0.8vw 0 rgba(0, 0, 0, 0.3);
  }
  .job-search-widget__search-button::after, .job-search-modal__apply::after, .job-search-prefecture-modal__apply::after {
    width: 2.67vw;
    height: 4vw;
  }
  .job-search-widget__search-badge {
    top: -6.4vw;
    padding: 0.53vw 4.8vw;
    border-radius: 4vw;
    font-size: 3.2vw;
    line-height: 1.8;
  }
  .job-search-widget__search-badge::after {
    border-width: 2.93vw 2.4vw 0 2.4vw;
  }
  .job-search-modal__dialog,
  .job-search-prefecture-modal__dialog {
    width: 91vw;
    max-height: 80vh;
    border-radius: 0;
  }
  .job-search-modal__header,
  .job-search-prefecture-modal__header {
    padding: 14.4vw 4.27vw 0;
    margin-bottom: 5.33vw;
  }
  .job-search-modal__title,
  .job-search-prefecture-modal__title {
    gap: 1.07vw;
    font-size: 4.27vw;
  }
  .job-search-modal__title::before,
  .job-search-prefecture-modal__title::before {
    width: 4.27vw;
    height: 5.07vw;
  }
  .job-search-modal__body,
  .job-search-prefecture-modal__body {
    padding: 0 4.27vw 4.27vw;
  }
  .job-search-modal__section {
    margin-bottom: 5.33vw;
  }
  .job-search-modal__label {
    margin-bottom: 4.27vw;
    font-size: 3.47vw;
  }
  .job-search-modal__check-grid,
  .job-search-prefecture-modal__check-grid,
  .job-search-modal__salary-type-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 4vw 5.33vw;
  }
  .job-search-modal__salary-type-buttons {
    margin-bottom: 4.27vw;
  }
  .job-search-modal__check-item,
  .job-search-prefecture-modal__check-item,
  .job-search-modal__salary-type-button {
    width: auto;
  }
  .job-search-modal__check-item,
  .job-search-prefecture-modal__check-item,
.job-search-prefecture-modal__check-item {
    gap: 2.13vw;
    font-size: 3.47vw;
  }
  .job-search-modal__check-item input[type="checkbox"],
.job-search-prefecture-modal__check-item input[type="checkbox"] {
    width: 5.33vw;
    height: 5.33vw;
  }
  .job-search-modal__salary-type-button {
    gap: 2.13vw;
    font-size: 3.47vw;
  }
  .job-search-modal__salary-type-button input[type="radio"] {
    width: 5.33vw;
    height: 5.33vw;
  }
  .job-search-modal__salary-row {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: start;
    align-items: center;
    gap: 2.67vw 4vw;
  }
  .job-search-modal__salary-field {
    gap: 2.13vw;
  }
  .job-search-modal__salary-field:last-child {
    grid-column: 1 / -1;
    grid-row: 2;
  }
  .job-search-modal__salary-label {
    font-size: 3.47vw;
  }
  .job-search-modal__salary-select {
    flex: 0 0 61.33vw;
    width: 61.33vw;
    height: 11.47vw;
    font-size: 3.47vw;
    padding: 2.13vw 6.5vw;
    border-radius: 2.67vw;
    background-size: 3.73vw 2.13vw;
    background-position: right 3.2vw center;    
  }
  .job-search-modal__salary-sep {
    font-size: 3.47vw;
  }
  .job-search-modal__reset,
.job-search-prefecture-modal__reset {
    margin-top: 4.27vw;
    font-size: 3.47vw;
  }
  .job-search-widget__selected-label {
    font-size: 3.47vw;
  }
  .job-search-widget__selected-tag-list {
    gap: 2.13vw;
  }
  .job-search-widget__selected-tag {
    padding: 0 2.13vw;
    border-radius: 4.27vw;
    font-size: 2.93vw;
  }
  .sec-transfer--feature .transfer-cases__row {
    grid-template-columns: 41.87vw 3.2vw 41.87vw;
    gap: 2.13vw;
  }
  .sec-transfer--feature .transfer-cases__arrow {
    width: 3.2vw;
    height: 5.4vw;
    background-image: url("data:image/svg+xml,%3Csvg width='13' height='21' viewBox='0 0 13 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 20.1245V0L12.0747 10.0622L0 20.1245Z' fill='%237FCE43'/%3E%3C/svg%3E%0A");
  }
  .sec-transfer--feature .transfer-cases__before,
  .sec-transfer--feature .transfer-cases__after {
    width: 41.87vw;
    height: 24vw;
    padding: 2.2vw;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sec-transfer--feature .transfer-cases__before {
    font-size: 3.5vw;
  }
  .sec-transfer--feature .transfer-cases__after {
    font-size: 3.74vw;
  }
  .sec-transfer--style .transfer-cases__row:nth-child(2) .transfer-cases__before,
  .sec-transfer--style .transfer-cases__row:nth-child(2) .transfer-cases__after{
    height: 30.93vw;
  }
  .feature-hero__lead-group {
    margin-top: 4.3vw;
  }
  .feature-hero__lead {
    margin-top: 0;
    text-align: left;
  }
  .feature-hero__chara.highincome__chara {
    top: 25.07vw;
    right: -7.47vw;
    width: 34.7vw;
    height: auto;
  }
  .style__chara {
    width: 26.56vw;
    top: 14.9vw;
    right: -2.3vw;
  }
  .career__chara {
    width: 16.4vw;
    top: 16.3vw;
    right: -3vw;
  }
  .feature-hero__chara.highincome__chara img {
    height: auto;
  }
  .feature-hero__nav {
    width: 100%;
    margin-top: 5.7vw;
  }
  .feature-hero__nav-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4vw;
  }
  .feature-hero__nav-item {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
  }
  .feature-hero__nav-link {
    gap: 2.13vw;
  }
  .feature-hero__nav-link::after {
    width: 5.07vw;
    height: 5.07vw;
    background-size: 1.6vw 2.4vw;
  }
  .feature-hero__nav-label {
    font-size: 4.8vw;
  }
  .feature-hero__nav-text {
    font-size: 3.47vw;
  }
  .feature-hero__jobs {
    margin-top: 6.4vw;
  }
  .feature-hero__jobs-heading {
    font-size: 4.3vw;
  }
  .feature-hero__jobs-note {
    display: none;
  }
  .feature-hero + .follow-btn + .sec-steps__wave2 {
    width: 100%;
    overflow: hidden;
    line-height: 0;
    margin-top: -6.6vw;
  }
  .feature-hero + .follow-btn + .sec-steps__wave2 img{
    width: 661px;
  }
  .sec-steps:has(+ .sec-support) {
    padding-bottom: 3.5vw;
  }  
  .feature-hero__jobs-list {
    width: 100%;
    overflow: hidden;
    padding-bottom: 12.8vw;
  }
  .feature-hero__jobs-list .swiper-wrapper {
    gap: 0;
  }
  .feature-hero__jobs-item {
    flex: 0 0 auto;
    width: 69.33vw !important;
    height: auto;
  }
  .highincome-job-card {
    padding: 3.9vw 2.67vw 2.6vw;
    border-radius: 20px;
  }
  .highincome-job-card__title {
    margin-bottom: 3.7vw;
    font-size: 3.47vw;
    line-height: 1.8;
  }
  .highincome-job-card__img {
    aspect-ratio: 64 / 48;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 3vw;
  }
  .highincome-job-card__tags {
    gap: 2.13vw;
  }
  .highincome-job-card__tag {
    min-height: 0;
    padding: 2.5vw 2vw;
    border-radius: 4.27vw;
    font-size: 2.93vw;
    box-sizing: border-box;
  }
  .feature-hero__jobs-list .feature-hero__jobs-pagination {
    display: block;
    bottom: 6vw;
  }
  .feature-hero__jobs-list .swiper-pagination-bullet,
  .feature-hero__jobs-list.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
  .feature-hero__jobs-list .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 2.67vw;
    height: 2.67vw;
    margin: 0 2.67vw;
    background: #E6E6E6;
    opacity: 1;
  }
  .feature-hero__jobs-list .swiper-pagination-bullet-active,
  .feature-hero__jobs-list.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active,
  .feature-hero__jobs-list .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active {
    background: #7FCE43;
  }
  .feature-hero__jobs-button-prev,
  .feature-hero__jobs-button-next {
    display: flex;
    width: 11.73vw;
    height: 11.73vw;
    top: 50%;
    background: #000;
    border-radius: 50%;
    color: #fff;
  }
  .feature-hero__jobs-button-prev {
    left: 0.4vw;
  }
  .feature-hero__jobs-button-next {
    right: 0.4vw;
  }
  .feature-hero__jobs-button-prev::after,
  .feature-hero__jobs-button-next::after {
    font-size: 4vw;
  }
}