@charset "UTF-8";

/*--------------------------------------------------------------
base.css
--------------------------------------------------------------*/
.is-sp {
  display: none;
}

.is-pc {
  display: block;
}

@media screen and (max-width: 751px) {
  body.no-scroll {
    overflow: hidden;
  }

  .is-sp {
    display: block;
  }

  .is-pc {
    display: none;
  }
}

@media screen and (min-width: 751px) {

  .--mt0 {
    margin-top: 0 !important;
  }

}

/*--------------------------------------------------------------
  header
--------------------------------------------------------------*/
.gx-header {
  background-color: #fff;
  width: min(1440px, 100vw);
  position: relative;
  z-index: 3;
}

.gx-header.fixed {
  position: fixed;
  top: 0;
  animation: headerDown 0.5s forwards;
}

.gx-header.fixed .top {
  height: min(68px, 4.7222222222vw);
}

.gx-header.fixed .top .logo-container .logo {
  width: min(128px, 8.8888888889vw);
}

.gx-header.fixed .top .button-container .button01 a {
  padding-block: min(8px, 0.5555555556vw);
}

.gx-header.fixed .top .button-container .button02 a {
  padding-top: min(16px, 1.1111111111vw);
  padding-bottom: min(10px, 0.6944444444vw);
}

.gx-header.fixed .top .button-container .button02 a .button-icon {
  width: min(18px, 1.25vw);
}

.gx-header.fixed .bottom .menu-container .item>a,
.gx-header.fixed .bottom .menu-container .item>p {
  padding-block: min(10px, 0.6944444444vw);
}

.gx-header .top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: min(84px, 5.8333333333vw);
  padding-left: min(20px, 1.3888888889vw);
}

.gx-header .top .logo-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  -moz-column-gap: min(16px, 1.1111111111vw);
  column-gap: min(16px, 1.1111111111vw);
}

.gx-header .top .logo-container .logo {
  width: min(152px, 10.5555555556vw);
}

.gx-header .top .logo-container .logo a {
  transition: opacity 0.3s ease-out;
}

@media (hover: hover) {
  .gx-header .top .logo-container .logo a:hover {
    opacity: 0.6;
  }
}

.gx-header .top .logo-container .catch {
  font-size: min(14px, 0.9722222222vw);
  font-weight: 700;
  font-feature-settings: "pwid";
  line-height: 1.4;
  letter-spacing: min(0.28px, 0.0194444444vw);
  color: #242424;
}

.gx-header .top .button-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  -moz-column-gap: min(20px, 1.3888888889vw);
  column-gap: min(20px, 1.3888888889vw);
}

.gx-header .top .button-container .button01 a {
  font-size: min(14px, 0.9722222222vw);
  font-weight: 700;
  font-feature-settings: "pwid";
  line-height: 1.7142857143;
  letter-spacing: min(0.28px, 0.0194444444vw);
  text-align: center;
  color: #1b7c3b;
  background-color: #fff;
  border-color: #1b7c3b;
  border-style: solid;
  border-width: 1px;
  border-radius: 1000px;
  padding-block: min(14px, 0.9722222222vw);
  padding-inline: min(32px, 2.2222222222vw);
  transition: all 0.3s ease-out;
}

@media (hover: hover) {
  .gx-header .top .button-container .button01 a:hover {
    color: #135629;
    background-color: #f4f9f5;
    border-color: #135629;
  }
}

.gx-header .top .button-container .button02 a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: min(8px, 0.5555555556vw);
  background-color: #1b7c3b;
  padding-top: min(24px, 1.6666666667vw);
  padding-inline: min(54.5px, 3.7847222222vw);
  padding-bottom: min(16px, 1.1111111111vw);
  position: relative;
}

@media (hover: hover) {
  .gx-header .top .button-container .button02 a:hover::before {
    opacity: 0;
  }
}

.gx-header .top .button-container .button02 a::before {
  content: "";
  display: block;
  background-image: linear-gradient(251deg, #33cc66 0%, #138037 100%);
  position: absolute;
  inset: 0;
  z-index: 1;
  transition: opacity 0.3s ease-out;
}

.gx-header .top .button-container .button02 a .button-text {
  font-size: min(16px, 1.1111111111vw);
  font-weight: 700;
  font-feature-settings: "pwid";
  line-height: 1;
  letter-spacing: min(0.32px, 0.0222222222vw);
  text-align: center;
  color: #fff;
  position: relative;
  z-index: 2;
}

.gx-header .top .button-container .button02 a .button-icon {
  width: min(20px, 1.3888888889vw);
  position: relative;
  z-index: 2;
}

.gx-header .top .button-container .button02 a .button-icon img {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
}

.gx-header .bottom {
  background-color: #fff;
  border-top: solid 1px #d9d9d9;
}

.gx-header .bottom .menu-container {
  position: relative;
}

.gx-header .bottom .menu-container::after {
  content: "";
  display: block;
  background-image: linear-gradient(180deg,
      rgba(0, 0, 0, 0.1) 0%,
      rgba(217, 217, 217, 0) 100%);
  mix-blend-mode: multiply;
  width: 100%;
  height: min(16px, 1.1111111111vw);
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 0;
}

.gx-header .bottom .menu-container .list {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  -moz-column-gap: min(8px, 0.5555555556vw);
  column-gap: min(8px, 0.5555555556vw);
}

@media (hover: hover) {
  .gx-header .bottom .menu-container .item:hover .sub-container {
    opacity: 1;
    visibility: visible;
    transform: scaleY(1);
    z-index: 2;
  }
}

.gx-header .bottom .menu-container .item>a,
.gx-header .bottom .menu-container .item>p {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  -moz-column-gap: min(4px, 0.2777777778vw);
  column-gap: min(4px, 0.2777777778vw);
  font-size: min(16px, 1.1111111111vw);
  font-weight: 700;
  font-feature-settings: "pwid";
  line-height: 1.5;
  text-align: center;
  color: #404040;
  padding: min(20px, 1.3888888889vw);
  position: relative;
}

@media (hover: hover) {

  .gx-header .bottom .menu-container .item>a:hover,
  .gx-header .bottom .menu-container .item>p:hover {
    color: #65a078;
  }

  .gx-header .bottom .menu-container .item>a:hover::before,
  .gx-header .bottom .menu-container .item>p:hover::before {
    opacity: 1;
    visibility: visible;
  }

  .gx-header .bottom .menu-container .item>a:hover .arrow img,
  .gx-header .bottom .menu-container .item>p:hover .arrow img {
    filter: invert(60%) sepia(18%) saturate(686%) hue-rotate(87deg) brightness(93%) contrast(91%);
  }
}

.gx-header .bottom .menu-container .item>a::before,
.gx-header .bottom .menu-container .item>p::before {
  content: "";
  display: block;
  background-color: #65a078;
  width: 100%;
  height: min(4px, 0.2777777778vw);
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-out;
}

.gx-header .bottom .menu-container .arrow {
  width: min(20px, 1.3888888889vw);
}

.gx-header .bottom .menu-container .arrow img {
  filter: invert(17%) sepia(3%) saturate(0%) hue-rotate(254deg) brightness(92%) contrast(72%);
  transition: filter 0.3s ease-out;
}

.gx-header .bottom .menu-container .sub-container {
  background-color: rgba(101, 160, 120, 0.9);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  width: min(1440px, 100vw);
  padding-block: min(40px, 2.7777777778vw);
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transform: scaleY(0);
  transform-origin: top;
  transition: all 0.3s ease-out;
}

.gx-header .bottom .menu-container .sub-inner {
  display: grid;
  grid-template-columns: min(200px, 13.8888888889vw) auto;
  -moz-column-gap: min(20px, 1.3888888889vw);
  column-gap: min(20px, 1.3888888889vw);
  width: min(1200px, 83.3333333333vw);
  margin-inline: auto;
}

.gx-header .bottom .menu-container .sub-title {
  font-size: min(20px, 1.3888888889vw);
  font-weight: 700;
  font-feature-settings: "pwid";
  line-height: 1.5;
  text-align: right;
  color: #fff;
}

.gx-header .bottom .menu-container .sub-list {
  display: grid;
  grid-template-rows: repeat(4, auto);
  grid-auto-flow: column;
  justify-content: start;
  gap: min(16px, 1.1111111111vw) min(32px, 2.2222222222vw);
  padding-left: min(32px, 2.2222222222vw);
  position: relative;
}

.gx-header .bottom .menu-container .sub-list::before {
  content: "";
  display: block;
  background-color: #fff;
  width: 2px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.gx-header .bottom .menu-container .sub-item a {
  font-size: min(16px, 1.1111111111vw);
  font-weight: 700;
  font-feature-settings: "pwid";
  line-height: 1.5;
  letter-spacing: min(0.32px, 0.0222222222vw);
  color: #fff;
  padding-left: min(28px, 1.9444444444vw);
  position: relative;
  transition: opacity 0.3s ease-out;
}

@media (hover: hover) {
  .gx-header .bottom .menu-container .sub-item a:hover {
    opacity: 0.6;
  }
}

.gx-header .bottom .menu-container .sub-arrow {
  width: min(20px, 1.3888888889vw);
  position: absolute;
  top: 50%;
  left: min(4px, 0.2777777778vw);
  transform: translateY(-50%);
}

.gx-header .bottom .menu-container .sub-arrow img {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(207deg) brightness(107%) contrast(101%);
}

@media (max-width: 751px) {
  .gx-header {
    width: 100%;
  }

  .gx-header.is-show .nav-container {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
  }

  .gx-header .inner {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    height: 13.3333333333vw;
    padding-left: 3.0769230769vw;
    position: relative;
  }

  .gx-header .logo-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    -moz-column-gap: 2.0512820513vw;
    column-gap: 2.0512820513vw;
  }

  .gx-header .logo-container .logo {
    width: 24.6153846154vw;
  }

  .gx-header .logo-container .catch {
    font-size: 2.5641025641vw;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0.0717948718vw;
    white-space: nowrap;
  }

  .gx-header .open-button {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-image: linear-gradient(180deg, #3c6 -0.16%, #138037 94.65%);
    width: 13.3333333333vw;
    height: 100%;
  }

  .gx-header .open-button .icon {
    width: 6.1538461538vw;
  }

  .gx-header .open-button .text {
    font-size: 2.5641025641vw;
    font-weight: 400;
    line-height: 1.2;
    text-align: center;
    color: #fff;
    transform: scale(0.9);
  }

  .gx-header .nav-container {
    background: rgba(101, 160, 120, 0.9);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    opacity: 0.97;
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 9999;
    transform: translateX(110%);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-out;
    overflow-y: scroll;
  }

  .gx-header .nav-container .nav-top {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    height: 13.3333333333vw;
    padding-left: 3.0769230769vw;
  }

  .gx-header .nav-container .nav-top .nav-logo {
    width: 24.6153846154vw;
  }

  .gx-header .nav-container .close-button {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 13.3333333333vw;
    height: 100%;
  }

  .gx-header .nav-container .close-button .icon {
    width: 6.1538461538vw;
  }

  .gx-header .nav-container .close-button .text {
    font-size: 2.5641025641vw;
    font-weight: 400;
    line-height: 1.2;
    text-align: center;
    color: #fff;
    transform: scale(0.9);
  }

  .gx-header .nav-container .nav-menu-container {
    display: flex;
    flex-direction: column;
    row-gap: 5.1282051282vw;
    width: 91.7948717949vw;
    margin-inline: auto;
    padding-block: 5.1282051282vw;
  }

  .gx-header .nav-container .nav-menu-container .nav-top-menu {
    display: flex;
    flex-direction: column;
    row-gap: 2.0512820513vw;
  }

  .gx-header .nav-container .nav-menu-container .nav-top-menu .button a {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 4.1025641026vw;
    font-weight: 700;
    font-feature-settings: "pwid";
    line-height: 1;
    letter-spacing: 0.0820512821vw;
    text-align: center;
    color: #1b7c3b;
    background-color: #d0e7d3;
    width: 100%;
    padding-block: 3.5897435897vw;
  }

  .gx-header .nav-container .nav-menu-container .nav-middle-menu .item.acc,
  .gx-header .nav-container .nav-menu-container .nav-bottom-menu .item.acc {
    border: solid 1px #d0e7d3;
    border-bottom: none;
  }

  .gx-header .nav-container .nav-menu-container .nav-bottom-menu .item.acc.end {
    border-bottom: solid 1px #d0e7d3;
  }

  .gx-header .nav-container .nav-menu-container .nav-middle-menu .item:not(:last-of-type)>a,
  .gx-header .nav-container .nav-menu-container .nav-bottom-menu .item:not(:last-of-type)>a {
    border-bottom: none;
  }

  .gx-header .nav-container .nav-menu-container .nav-middle-menu .item>a,
  .gx-header .nav-container .nav-menu-container .nav-middle-menu .item>p,
  .gx-header .nav-container .nav-menu-container .nav-bottom-menu .item>a,
  .gx-header .nav-container .nav-menu-container .nav-bottom-menu .item>p {
    display: flex;
    flex-direction: row;
    align-items: center;
    -moz-column-gap: 1.0256410256vw;
    column-gap: 1.0256410256vw;
    font-size: 4.1025641026vw;
    font-weight: 700;
    font-feature-settings: "pwid";
    line-height: 1;
    letter-spacing: 0.0820512821vw;
    color: #fff;
    padding-block: 3.0769230769vw;
    padding-inline: 2.0512820513vw;
  }

  .gx-header .nav-container .nav-menu-container .nav-middle-menu .item>a,
  .gx-header .nav-container .nav-menu-container .nav-bottom-menu .item>a {
    border: solid 1px #d0e7d3;
  }

  .gx-header .nav-container .nav-menu-container .nav-middle-menu .icon,
  .gx-header .nav-container .nav-menu-container .nav-bottom-menu .icon {
    width: 5.1282051282vw;
  }

  .gx-header .nav-container .nav-menu-container .nav-middle-menu .icon img,
  .gx-header .nav-container .nav-menu-container .nav-bottom-menu .icon img {
    filter: invert(96%) sepia(9%) saturate(449%) hue-rotate(65deg) brightness(96%) contrast(87%);
  }

  .gx-header .nav-container .nav-bottom-menu .item.acc p {
    position: relative;
  }

  .gx-header .nav-container .nav-bottom-menu .item.acc p.is-show::after {
    transform: translateY(-50%) rotate(0);
  }

  .gx-header .nav-container .nav-bottom-menu .item.acc p::before,
  .gx-header .nav-container .nav-bottom-menu .item.acc p::after {
    content: "";
    display: block;
    background-color: #fff;
    width: 3.3333333333vw;
    height: 0.7692307692vw;
    position: absolute;
    top: 50%;
    right: 4.6153846154vw;
    transition: all 0.3s ease-out;
  }

  .gx-header .nav-container .nav-bottom-menu .item.acc p::before {
    transform: translateY(-50%);
  }

  .gx-header .nav-container .nav-bottom-menu .item.acc p::after {
    transform: translateY(-50%) rotate(-90deg);
  }

  .gx-header .nav-container .nav-bottom-menu .child-list {
    display: flex;
    flex-direction: column;
    row-gap: 2.0512820513vw;
    padding-top: 1.0256410256vw;
    padding-right: 5.1282051282vw;
    padding-left: 6.1538461538vw;
    padding-bottom: 4.1025641026vw;
  }

  .gx-header .nav-container .nav-bottom-menu .child-item a {
    display: flex;
    flex-direction: row;
    align-items: center;
    -moz-column-gap: 1.0256410256vw;
    column-gap: 1.0256410256vw;
    font-size: 3.5897435897vw;
    font-weight: 700;
    font-feature-settings: "pwid";
    line-height: 1.7142857143;
    letter-spacing: 0.0717948718vw;
    color: #fff;
  }

  .gx-header .nav-container .nav-bottom-menu .child-item a .icon {
    width: 5.1282051282vw;
  }

  .gx-header .nav-container .nav-bottom-menu .child-item a .icon img {
    filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(9deg) brightness(107%) contrast(101%);
  }

  .gx-header .bottom {
    background-color: #fff;
    border-top: solid 1px #d9d9d9;
  }

  .gx-header .bottom .menu-container {
    position: relative;
  }

  .gx-header .bottom .menu-container::after {
    content: "";
    display: block;
    background-image: linear-gradient(180deg,
        rgba(0, 0, 0, 0.1) 0%,
        rgba(217, 217, 217, 0) 100%);
    mix-blend-mode: multiply;
    width: 100%;
    height: min(16px, 1.1111111111vw);
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 0;
  }

  .gx-header .bottom .menu-container .list {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    -moz-column-gap: min(8px, 0.5555555556vw);
    column-gap: min(8px, 0.5555555556vw);
  }
}

@media (max-width: 751px) and (hover: hover) {
  .gx-header .bottom .menu-container .item:hover .sub-container {
    opacity: 1;
    visibility: visible;
    transform: scaleY(1);
  }
}

@media (max-width: 751px) {

  .gx-header .bottom .menu-container .item>a,
  .gx-header .bottom .menu-container .item>p {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    -moz-column-gap: min(4px, 0.2777777778vw);
    column-gap: min(4px, 0.2777777778vw);
    font-size: min(16px, 1.1111111111vw);
    font-weight: 700;
    font-feature-settings: "pwid";
    line-height: 1.5;
    text-align: center;
    color: #404040;
    padding: min(20px, 1.3888888889vw);
    position: relative;
  }
}

@media (max-width: 751px) and (hover: hover) {

  .gx-header .bottom .menu-container .item>a:hover,
  .gx-header .bottom .menu-container .item>p:hover {
    color: #65a078;
  }

  .gx-header .bottom .menu-container .item>a:hover::before,
  .gx-header .bottom .menu-container .item>p:hover::before {
    opacity: 1;
    visibility: visible;
  }

  .gx-header .bottom .menu-container .item>a:hover .arrow img,
  .gx-header .bottom .menu-container .item>p:hover .arrow img {
    filter: invert(60%) sepia(18%) saturate(686%) hue-rotate(87deg) brightness(93%) contrast(91%);
  }
}

@media (max-width: 751px) {

  .gx-header .bottom .menu-container .item>a::before,
  .gx-header .bottom .menu-container .item>p::before {
    content: "";
    display: block;
    background-color: #65a078;
    width: 100%;
    height: min(4px, 0.2777777778vw);
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-out;
  }

  .gx-header .bottom .menu-container .arrow {
    width: min(20px, 1.3888888889vw);
  }

  .gx-header .bottom .menu-container .arrow img {
    filter: invert(17%) sepia(3%) saturate(0%) hue-rotate(254deg) brightness(92%) contrast(72%);
    transition: filter 0.3s ease-out;
  }

  .gx-header .bottom .menu-container .sub-container {
    background-color: rgba(101, 160, 120, 0.9);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    width: min(1440px, 100vw);
    padding-block: min(40px, 2.7777777778vw);
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transform: scaleY(0);
    transform-origin: top;
    transition: all 0.3s ease-out;
  }

  .gx-header .bottom .menu-container .sub-inner {
    display: grid;
    grid-template-columns: min(200px, 13.8888888889vw) auto;
    -moz-column-gap: min(20px, 1.3888888889vw);
    column-gap: min(20px, 1.3888888889vw);
    width: min(1200px, 83.3333333333vw);
    margin-inline: auto;
  }

  .gx-header .bottom .menu-container .sub-title {
    font-size: min(20px, 1.3888888889vw);
    font-weight: 700;
    font-feature-settings: "pwid";
    line-height: 1.5;
    text-align: right;
    color: #fff;
  }

  .gx-header .bottom .menu-container .sub-list {
    display: grid;
    grid-template-columns: repeat(2, auto);
    grid-template-rows: repeat(3, auto);
    -moz-column-gap: min(32px, 2.2222222222vw);
    column-gap: min(32px, 2.2222222222vw);
    row-gap: min(16px, 1.1111111111vw);
    padding-left: min(32px, 2.2222222222vw);
    position: relative;
  }

  .gx-header .bottom .menu-container .sub-list::before {
    content: "";
    display: block;
    background-color: #fff;
    width: 2px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }

  .gx-header .bottom .menu-container .sub-item a {
    font-size: min(16px, 1.1111111111vw);
    font-weight: 700;
    font-feature-settings: "pwid";
    line-height: 1.5;
    letter-spacing: min(0.32px, 0.0222222222vw);
    color: #fff;
    padding-left: min(28px, 1.9444444444vw);
    position: relative;
    transition: opacity 0.3s ease-out;
  }
}

@media (max-width: 751px) and (hover: hover) {
  .gx-header .bottom .menu-container .sub-item a:hover {
    opacity: 0.6;
  }
}

@media (max-width: 751px) {
  .gx-header .bottom .menu-container .sub-arrow {
    width: min(20px, 1.3888888889vw);
    position: absolute;
    top: 50%;
    left: min(4px, 0.2777777778vw);
    transform: translateY(-50%);
  }

  .gx-header .bottom .menu-container .sub-arrow img {
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(207deg) brightness(107%) contrast(101%);
  }
}

/*--------------------------------------------------------------
  footer
--------------------------------------------------------------*/
.gx-footer-banner {
  background-color: #ffffff;
  padding-block: min(68px, 4.8611111111vw);
}

.gx-footer-banner .banner-inner {
  width: min(1200px, 83.3333333333vw);
  margin-inline: auto;
}

.gx-footer-banner .banner-list {
  display: flex;
  justify-content: center;
  gap: min(25px, 1.7361111111vw);
}

.gx-footer-banner .banner-item {
  flex: 1 1 0;
  max-width: 488px;
}

.gx-footer-banner .banner-item img {
  width: 100%;
  height: auto;
  display: block;
}

@media (max-width: 751px) {
  .gx-footer-banner {
    padding-block: 10.2564102564vw;
  }

  .gx-footer-banner .banner-inner {
    width: 89.7435897436vw;
  }

  .gx-footer-banner .banner-list {
    flex-direction: column;
    align-items: center;
    gap: 6.1538461538vw;
  }

  .gx-footer-banner .banner-item {
    max-width: none;
  }
}

.gx-footer {
  background-color: #f8f8f8;
}

.gx-footer .inner {
  width: min(1200px, 83.3333333333vw);
  margin-inline: auto;
  padding-bottom: min(40px, 2.7777777778vw);
}

.gx-footer .menu-container {
  padding-block: min(40px, 2.7777777778vw);
  position: relative;
}

.gx-footer .menu-container::before,
.gx-footer .menu-container::after {
  content: "";
  display: block;
  background-color: #d9d9d9;
  width: min(1440px, 100vw);
  height: 1px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.gx-footer .menu-container::before {
  top: 0;
}

.gx-footer .menu-container::after {
  bottom: 0;
}

.gx-footer .menu-container .list {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.gx-footer .menu-container .child-list {
  display: flex;
  flex-direction: column;
  row-gap: min(16px, 1.1111111111vw);
}

.gx-footer .menu-container .child-item>a,
.gx-footer .menu-container .child-item>p {
  font-size: min(16px, 1.1111111111vw);
  font-weight: 700;
  font-feature-settings: "pwid";
  line-height: 1.5;
  letter-spacing: min(0.32px, 0.0222222222vw);
  color: #404040;
  padding-left: min(28px, 1.9444444444vw);
  position: relative;
  transition: color 0.3s ease-out;
}

.gx-footer .menu-container .child-item>a .icon,
.gx-footer .menu-container .child-item>p .icon {
  width: min(20px, 1.3888888889vw);
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.gx-footer .menu-container .child-item>a .icon img,
.gx-footer .menu-container .child-item>p .icon img {
  filter: invert(34%) sepia(98%) saturate(356%) hue-rotate(87deg) brightness(93%) contrast(94%);
}

@media (hover: hover) {
  .gx-footer .menu-container .child-item a:hover {
    color: #1b7c3b;
  }
}

.gx-footer .menu-container .sub-list {
  display: flex;
  flex-direction: column;
  row-gap: min(4px, 0.2777777778vw);
  margin-top: min(8px, 0.5555555556vw);
  margin-left: min(28px, 1.9444444444vw);
}

.gx-footer .menu-container .sub-item a {
  font-size: min(14px, 0.9722222222vw);
  font-weight: 700;
  font-feature-settings: "pwid";
  line-height: 1.7142857143;
  letter-spacing: min(0.28px, 0.0194444444vw);
  color: #404040;
  transition: color 0.3s ease-out;
}

.gx-footer .logo {
  width: min(134px, 9.3055555556vw);
  margin-top: min(66.7px, 4.6319444444vw);
  margin-inline: auto;
}

.gx-footer .logo a {
  transition: opacity 0.3s ease-out;
}

@media (hover: hover) {
  .gx-footer .logo a:hover {
    opacity: 0.6;
  }
}

.gx-footer .nav-container {
  margin-top: min(94.7px, 6.5763888889vw);
}

.gx-footer .nav-container .list {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.gx-footer .nav-container .item:not(:last-of-type) {
  display: flex;
  position: relative;
}

.gx-footer .nav-container .item:not(:last-of-type)::after {
  content: "";
  display: block;
  background-color: #65a078;
  width: 1px;
  height: min(24px, 1.6666666667vw);
  margin-inline: min(28px, 1.9444444444vw);
}

.gx-footer .nav-container .item a {
  font-size: min(12px, 0.9722222222vw);
  font-weight: 400;
  font-feature-settings: "pwid";
  line-height: 1.7142857143;
  letter-spacing: min(0.28px, 0.0194444444vw);
  color: #404040;
  transition: color 0.3s ease-out;
}

@media (hover: hover) {
  .gx-footer .nav-container .item a:hover {
    color: #1b7c3b;
  }
}

.gx-footer .copy {
  font-size: min(14px, 0.9722222222vw);
  font-weight: 400;
  font-feature-settings: "pwid";
  line-height: 1.4;
  text-align: center;
  color: #696969;
  margin-top: min(68px, 4.7222222222vw);
}

@media (max-width: 751px) {
  .gx-footer .inner {
    width: 89.7435897436vw;
    padding-bottom: 10.2564102564vw;
  }

  .gx-footer .menu-container {
    padding-block: 10.2564102564vw;
  }

  .gx-footer .menu-container::before,
  .gx-footer .menu-container::after {
    width: 100vw;
  }

  .gx-footer .menu-container .list {
    flex-direction: column;
    justify-content: normal;
    row-gap: 5.1282051282vw;
  }

  .gx-footer .menu-container .child-list {
    row-gap: 4.1025641026vw;
  }

  .gx-footer .menu-container .child-item>a,
  .gx-footer .menu-container .child-item>p {
    font-size: 3.5897435897vw;
    line-height: 1.7142857143;
    letter-spacing: 0.0717948718vw;
    padding-left: 7.1794871795vw;
  }

  .gx-footer .menu-container .child-item>a .icon,
  .gx-footer .menu-container .child-item>p .icon {
    width: 5.1282051282vw;
  }

  .gx-footer .menu-container .sub-list {
    row-gap: 1.0256410256vw;
    margin-top: 2.0512820513vw;
    margin-left: 7.1794871795vw;
  }

  .gx-footer .menu-container .sub-item a {
    font-size: 3.5897435897vw;
    font-weight: 400;
    padding-left: 0;
  }

  .gx-footer .logo {
    width: 29.2307692308vw;
    margin-top: 10.9871794872vw;
  }

  .gx-footer .nav-container {
    margin-top: 10.9871794872vw;
  }

  .gx-footer .nav-container .list {
    flex-direction: column;
    row-gap: 2.0512820513vw;
  }

  .gx-footer .nav-container .list:not(:last-of-type) {
    margin-bottom: 1rem;
  }

  .gx-footer .nav-container .item:not(:last-of-type) {
    display: inline-block;
    position: relative;
  }

  .gx-footer .nav-container .item:not(:last-of-type)::after {
    display: none;
  }

  .gx-footer .nav-container .item a {
    font-size: 3.5897435897vw;
  }

  .gx-footer .copy {
    font-size: 3.0769230769vw;
    margin-top: 10.2564102564vw;
  }
}

/*--------------------------------------------------------------
  main
--------------------------------------------------------------*/
.gx-wrapper {
  max-width: 1440px;
  margin-inline: auto;
  overflow-x: hidden;
}

.gx-wrapper #bread-navi {
  margin-top: 0;
}

.gx-wrapper .interview-container {
  position: relative;
  display: inline-block;
  background-image: url("/assets-gx-new/images/bg_interview.jpg");
  background-size: cover;
  background-position: center;
  height: 300px;
}

.gx-wrapper .interview-info,
.gx-wrapper .interview-text {
  position: absolute;
  top: 40px;
  left: 120px;
  max-width: calc(480px + 68px * 2);
}

.gx-wrapper .interview-info {
  display: flex;
  margin-bottom: 28px;
}

.gx-wrapper .interview-label {
  color: #696969;
  font-size: 16px;
  font-weight: 700;
  line-height: 160%;
  display: flex;
  padding: 4px 16px;
  gap: 4px;
  border-radius: 12px 0px 0px 0px;
  background: #fff;
}

.gx-wrapper .interview-date {
  color: #fff;
  font-feature-settings: "pwid" on;
  font-size: 18px;
  font-weight: 700;
  line-height: 175%;
  margin-left: 8px;
}

.gx-wrapper .interview-text {
  top: 102px;
  display: flex;
  align-items: flex-start;
  padding: 24px 68px;
  gap: 4px;
  color: #fff;
  text-shadow: 0px 0px 4px #004848;
  font-size: 24px;
  font-weight: 700;
  line-height: 150%;
}

.gx-wrapper .interview-text::before,
.gx-wrapper .interview-text::after {
  content: " ";
  position: absolute;
  text-shadow: 0px 0px 4px #004848;
}

.gx-wrapper .interview-text::before {
  top: 0;
  left: 0;
  width: 90px;
  height: 46px;
  background-image: url("/assets-gx-new/images/bg_interview_left.svg");
  background-size: contain;
  background-repeat: no-repeat;
}

.gx-wrapper .interview-text::after {
  bottom: 0;
  right: 0;
  width: 90px;
  height: 46px;
  background-image: url("/assets-gx-new/images/bg_interview_right.svg");
  background-size: contain;
  background-repeat: no-repeat;
}

.gx-wrapper .syllabus-container {
  position: relative;
  display: inline-block;
  background-size: cover;
  background-position: center;
  height: 200px;
}

.gx-wrapper .syllabus-title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #242424;
  text-align: center;
  font-size: 40px;
  font-weight: 900;
  line-height: 140%;
}

@media (max-width: 751px) {
  .gx-wrapper .interview-container {
    background-image: url("/assets-gx-new/images/bg_interview-sp.jpg");
    height: auto;
  }

  .gx-wrapper .interview-info,
  .gx-wrapper .interview-text {
    top: 20px;
    left: 18px;
    max-width: calc(318px + 16px * 2);
  }

  .gx-wrapper .interview-text {
    top: 60px;
  }

  .gx-wrapper .interview-label {
    width: 120px;
    font-size: 12px;
    line-height: 140%;
    padding: 1px 11px;
    border-radius: 8px 0px 0px 0px;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 100%;
  }

  .gx-wrapper .interview-date {
    color: #fff;
    font-size: 14px;
    line-height: 150%;
    margin-left: 16px;
  }

  .gx-wrapper .interview-text {
    padding: 16px;
    gap: 4px;
    font-size: 20px;
    font-weight: 700;
    line-height: 150%;
    letter-spacing: 0.05em;
  }

  .gx-wrapper .interview-text .is-pc {
    display: none;
  }

  .gx-wrapper .interview-text::before {
    width: 48px;
    height: 28px;
    background-image: url("/assets-gx-new/images/bg_interview_left_sp.svg");
  }

  .gx-wrapper .interview-text::after {
    width: 48px;
    height: 28px;
    background-image: url("/assets-gx-new/images/bg_interview_right_sp.svg");
  }
}

/*--------------------------------------------------------------
  title
--------------------------------------------------------------*/
.gx-wrapper .c-title {
  display: flex;
  justify-content: center;
}

.gx-wrapper .c-title .title-inner {
  position: relative;
}

.gx-wrapper .c-title .title {
  font-size: min(40px, 2.7777777778vw);
  font-weight: 800;
  font-feature-settings: "pwid";
  line-height: 1.4;
  text-align: center;
  color: #242424;
  position: relative;
  z-index: 1;
}

.gx-wrapper .c-title .icon {
  width: min(68px, 4.7222222222vw);
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
  transform: translate(min(60.5px, 4.2013888889vw),
      max(-24px, -1.6666666667vw));
  mix-blend-mode: multiply;
}

.gx-wrapper .c-title .icon img {
  filter: invert(90%) sepia(26%) saturate(135%) hue-rotate(77deg) brightness(97%) contrast(89%);
}

@media (max-width: 751px) {
  .gx-wrapper .c-title .title-inner {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    row-gap: 2.0512820513vw;
  }

  .gx-wrapper .c-title .title {
    font-size: 8.2051282051vw;
    font-weight: 700;
    line-height: 1.4;
    padding-bottom: 2.0512820513vw;
  }

  .gx-wrapper .c-title .icon {
    width: 13.3333333333vw;
    position: relative;
    top: auto;
    right: auto;
    transform: none;
  }
}

/*--------------------------------------------------------------
  title
--------------------------------------------------------------*/
.gx-wrapper .c-page-title {
  background-image: url("/assets-gx-new/images/bg_pagetitle.png");
  background-size: 100% 100%;
  background-position: 0 0;
  background-repeat: no-repeat;
  padding-top: min(68px, 4.7222222222vw);
  padding-bottom: min(76px, 5.2777777778vw);
}

.gx-wrapper .c-page-title .title {
  font-size: min(40px, 2.7777777778vw);
  font-weight: 900;
  line-height: 1.4;
  text-align: center;
  color: #242424;
}

@media (max-width: 751px) {
  .gx-wrapper .c-page-title {
    background-image: url("/assets-gx-new/images/bg_pagetitle_sp.png");
    padding-top: 14.358974359vw;
    padding-bottom: 27.9487179487vw;
  }

  .gx-wrapper .c-page-title .title {
    font-size: 8.2051282051vw;
    font-weight: 700;
    line-height: 1.4;
  }

  .gx-wrapper .c-page-title .icon {
    width: 13.3333333333vw;
    position: relative;
    top: auto;
    right: auto;
    transform: none;
  }
}

/*--------------------------------------------------------------
  voice-interview
--------------------------------------------------------------*/
.gx-wrapper .c-voice-interview {
  background: url("/assets-gx-new/images/top/bg_dot.png"),
    lightgray 0% 0%/50px 50px repeat;
}

.gx-wrapper .c-voice-interview .inner {
  width: min(1200px, 83.3333333333vw);
  margin-inline: auto;
  padding-block: min(68px, 4.7222222222vw);
}

.gx-wrapper .c-voice-interview .wrapper {
  display: flex;
  flex-direction: column;
  row-gap: min(68px, 4.7222222222vw);
}

.gx-wrapper .c-voice-interview .voice .list-container {
  margin-top: min(68px, 4.7222222222vw);
}

.gx-wrapper .c-voice-interview .voice .link {
  margin-top: min(20px, 1.3888888889vw);
}

.gx-wrapper .c-voice-interview .interview .card {
  margin-top: min(68px, 4.7222222222vw);
}

@media (max-width: 751px) {
  .gx-wrapper .c-voice-interview .inner {
    width: 85.641025641vw;
    padding-block: 10.2564102564vw;
  }

  .gx-wrapper .c-voice-interview .wrapper {
    row-gap: 25.641025641vw;
  }

  .gx-wrapper .c-voice-interview .voice .list-container {
    margin-top: 10.2564102564vw;
  }

  .gx-wrapper .c-voice-interview .voice .link {
    margin-top: 7.1794871795vw;
  }

  .gx-wrapper .c-voice-interview .interview .card {
    margin-top: 10.2564102564vw;
  }
}

/*--------------------------------------------------------------
  voice-list
--------------------------------------------------------------*/
.gx-wrapper .c-voice-list {
  display: grid;
  grid-template-columns: repeat(3, min(386px, 26.8055555556vw));
  justify-content: center;
  -moz-column-gap: min(20px, 1.3888888889vw);
  column-gap: min(20px, 1.3888888889vw);
  row-gap: min(20px, 1.3888888889vw);
}

.gx-wrapper .c-voice-list .item {
  /* display: contents; */
  position: relative;
  display: flex;
  flex-direction: column;
}

.gx-wrapper .c-voice-list .item.label-basic::before {
  content: "";
  display: block;
  width: 70px;
  height: 54px;
  background-image: url("/assets-gx-new/images/icon/icon_label_basic.png");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  z-index: 1;
}

.gx-wrapper .c-voice-list .item.label-advanced::before {
  content: "";
  display: block;
  width: 70px;
  height: 54px;
  background-image: url("/assets-gx-new/images/icon/icon_label_advanced.png");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  z-index: 1;
}

.gx-wrapper .c-voice-list .item.label-specialist::before {
  content: "";
  display: block;
  width: 70px;
  height: 54px;
  background-image: url("/assets-gx-new/images/icon/icon_label_specialist.png");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  z-index: 1;
}

.gx-wrapper .c-voice-list .item.label-biz::before {
  content: "";
  display: block;
  width: 70px;
  height: 54px;
  background-image: url("/assets-gx-new/images/icon/icon_label_biz.png");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  z-index: 1;
}

.gx-wrapper .c-voice-list .item a {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15);
  border-style: solid;
  border-color: transparent;
  border-width: 1px;
  border-radius: min(12px, 0.8333333333vw);
  padding: min(20px, 1.3888888889vw);
  position: relative;
  transition: border-color 0.3s ease-out;
  flex-grow: 1;
}

@media (hover: hover) {
  .gx-wrapper .c-voice-list .item a:hover {
    border-color: #65a078;
  }

  .gx-wrapper .c-voice-list .item a:hover .arrow {
    transform: translateX(4px);
  }

  .gx-wrapper .c-voice-list .item a:hover .arrow img {
    filter: invert(23%) sepia(98%) saturate(361%) hue-rotate(87deg) brightness(91%) contrast(95%);
  }
}

.gx-wrapper .c-voice-list .image {
  width: min(240px, 16.6666666667vw);
  height: min(240px, 16.6666666667vw);
  margin-inline: auto;
}

.gx-wrapper .c-voice-list .image img {
  width: 100%;
}

.gx-wrapper .c-voice-list .text {
  flex-grow: 1;
  font-size: min(20px, 1.3888888889vw);
  font-weight: 700;
  font-feature-settings: "pwid";
  line-height: 1.5;
  color: #242424;
  margin-top: min(12px, 0.8333333333vw);
}

.gx-wrapper .c-voice-list .business {
  align-self: flex-start;
  font-size: min(12px, 0.8333333333vw);
  font-weight: 400;
  font-feature-settings: "pwid";
  line-height: 1.2;
  text-align: center;
  color: #696969;
  border: solid 1px #a6a6a6;
  border-radius: 9999px;
  margin-top: min(16px, 1.1111111111vw);
  padding-block: min(2px, 0.1388888889vw);
  padding-inline: min(12px, 0.8333333333vw);
}

.gx-wrapper .c-voice-list .company {
  font-size: min(16px, 1.1111111111vw);
  font-weight: 400;
  font-feature-settings: "pwid";
  line-height: 1.6;
  color: #242424;
  margin-top: min(8px, 0.5555555556vw);
}

.gx-wrapper .c-voice-list .name {
  font-size: min(16px, 1.1111111111vw);
  font-weight: 700;
  font-feature-settings: "pwid";
  line-height: 1.6;
  color: #242424;
}

.gx-wrapper .c-voice-list .arrow {
  width: min(24px, 1.6666666667vw);
  position: absolute;
  right: min(8px, 0.5555555556vw);
  bottom: min(8px, 0.5555555556vw);
  transition: transform 0.3s ease-out;
}

.gx-wrapper .c-voice-list .arrow img {
  filter: invert(41%) sepia(13%) saturate(2153%) hue-rotate(87deg) brightness(90%) contrast(97%);
  transition: filter 0.3s ease-out;
}

@media (max-width: 751px) {
  .gx-wrapper .c-voice-list {
    display: flex;
    flex-direction: column;
    justify-content: normal;
    row-gap: 7.1794871795vw;
  }

  .gx-wrapper .c-voice-list .item a {
    border-radius: 3.0769230769vw;
    padding: 5.1282051282vw;
  }

  .gx-wrapper .c-voice-list .image {
    width: 51.2820512821vw;
    height: 51.2820512821vw;
  }

  .gx-wrapper .c-voice-list .text {
    font-size: 4.1025641026vw;
    line-height: 1.5;
    margin-top: 3.0769230769vw;
  }

  .gx-wrapper .c-voice-list .business {
    font-size: 3.0769230769vw;
    line-height: 1.4;
    margin-top: 4.1025641026vw;
    padding-block: 0.5128205128vw;
    padding-inline: 3.0769230769vw;
  }

  .gx-wrapper .c-voice-list .company {
    font-size: 4.1025641026vw;
    margin-top: 2.0512820513vw;
  }

  .gx-wrapper .c-voice-list .name {
    font-size: 4.1025641026vw;
  }

  .gx-wrapper .c-voice-list .arrow {
    width: 6.1538461538vw;
    right: 2.0512820513vw;
    bottom: 2.0512820513vw;
  }
}

/*--------------------------------------------------------------
  interview card
--------------------------------------------------------------*/
.gx-wrapper .c-interview-card a {
  display: flex;
  flex-direction: row;
  -moz-column-gap: min(24px, 1.6666666667vw);
  column-gap: min(24px, 1.6666666667vw);
  background-color: #fff;
  border-style: solid;
  border-color: transparent;
  border-width: 1px;
  border-radius: min(12px, 0.8333333333vw);
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15);
  padding: min(40px, 2.7777777778vw);
  position: relative;
  transition: border-color 0.3s ease-out;
}

@media (hover: hover) {
  .gx-wrapper .c-interview-card a:hover {
    border-color: #65a078;
  }

  .gx-wrapper .c-interview-card a:hover .arrow {
    transform: translateX(4px);
  }

  .gx-wrapper .c-interview-card a:hover .arrow img {
    filter: invert(23%) sepia(98%) saturate(361%) hue-rotate(87deg) brightness(91%) contrast(95%);
  }
}

.gx-wrapper .c-interview-card.no-hover a:hover,
.gx-wrapper .c-interview-card.no-hover a:hover .arrow,
.gx-wrapper .c-interview-card.no-hover a:hover .arrow img {
  border-color: transparent;
  transform: none;
  filter: none;
}

.gx-wrapper .c-interview-card .movie {
  flex-shrink: 0;
  width: min(560px, 38.8888888889vw);
  aspect-ratio: 560/315;
}

.gx-wrapper .c-interview-card .movie iframe {
  width: 100%;
  height: 100%;
}

/* 画像表示時の最適化 */
.gx-wrapper .c-interview-card .movie img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}

.gx-wrapper .c-interview-card .text-container .top,
.gx-wrapper .c-interview-card .text-container .text {
  font-size: min(16px, 1.1111111111vw);
  font-weight: 400;
  font-feature-settings: "pwid";
  line-height: 1.6;
  color: #242424;
}

.gx-wrapper .c-interview-card .text-container .text {
  margin-top: min(15px, 1.0416666667vw);
}

.gx-wrapper .c-interview-card .text-container .movie-title {
  font-size: min(24px, 1.6666666667vw);
  font-weight: 700;
  font-feature-settings: "pwid";
  line-height: 1.5;
  color: #242424;
  margin-top: min(12px, 0.8333333333vw);
}

.gx-wrapper .c-interview-card .text-container .business {
  display: inline-block;
  align-self: flex-start;
  font-size: min(12px, 0.8333333333vw);
  font-weight: 400;
  font-feature-settings: "pwid";
  line-height: 1.2;
  text-align: center;
  color: #696969;
  border: solid 1px #a6a6a6;
  border-radius: 9999px;
  margin-top: min(25px, 1.7361111111vw);
  padding-block: min(2px, 0.1388888889vw);
  padding-inline: min(12px, 0.8333333333vw);
}

.gx-wrapper .c-interview-card .arrow {
  width: min(24px, 1.6666666667vw);
  position: absolute;
  right: min(16px, 1.1111111111vw);
  bottom: min(16px, 1.1111111111vw);
  transition: transform 0.3s ease-out;
}

.gx-wrapper .c-interview-card .arrow img {
  filter: invert(41%) sepia(13%) saturate(2153%) hue-rotate(87deg) brightness(90%) contrast(97%);
  transition: filter 0.3s ease-out;
}

@media (max-width: 751px) {
  .gx-wrapper .c-interview-card a {
    flex-direction: column;
    align-items: center;
    row-gap: 4.358974359vw;
    border-radius: 3.0769230769vw;
    padding: 5.1282051282vw;
  }

  .gx-wrapper .c-interview-card .movie {
    width: 100%;
    aspect-ratio: 294/170;
  }

  .gx-wrapper .c-interview-card .text-container .top,
  .gx-wrapper .c-interview-card .text-container .text {
    font-size: 3.5897435897vw;
    line-height: 1.5;
  }

  .gx-wrapper .c-interview-card .text-container .movie-title {
    font-size: 5.1282051282vw;
    margin-top: 4.1025641026vw;
  }

  .gx-wrapper .c-interview-card .text-container .business {
    font-size: 3.0769230769vw;
    line-height: 1.4;
    margin-top: 6.4102564103vw;
    padding-block: 0.5128205128vw;
    padding-inline: 3.0769230769vw;
  }

  .gx-wrapper .c-interview-card .text-container .top {
    margin-top: 3.8461538462vw;
  }

  .gx-wrapper .c-interview-card .arrow {
    width: 6.1538461538vw;
    right: 4.1025641026vw;
    bottom: 4.1025641026vw;
  }
}

/*--------------------------------------------------------------
  contact
--------------------------------------------------------------*/
.gx-wrapper .c-contact {
  padding-block: min(68px, 4.7222222222vw);
}

.gx-wrapper .c-contact .inner {
  width: min(1200px, 83.3333333333vw);
  margin-inline: auto;
  padding: min(36px, 2.5vw);
  position: relative;
}

.gx-wrapper .c-contact .text-container {
  position: relative;
  z-index: 1;
}

.gx-wrapper .c-contact .text-container .title {
  font-size: min(24px, 1.6666666667vw);
  font-weight: 700;
  font-feature-settings: "pwid";
  line-height: 1.5;
  color: #fff;
}

.gx-wrapper .c-contact .text-container .text {
  font-size: min(16px, 1.1111111111vw);
  font-weight: 400;
  font-feature-settings: "pwid";
  line-height: 1.6;
  color: #fff;
  margin-top: min(8px, 0.5555555556vw);
}

.gx-wrapper .c-contact .text-container .button {
  display: inline-block;
  margin-top: min(28px, 1.9444444444vw);
}

.gx-wrapper .c-contact .text-container .button a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  -moz-column-gap: min(4px, 0.2777777778vw);
  column-gap: min(4px, 0.2777777778vw);
  font-size: min(16px, 1.1111111111vw);
  font-weight: 700;
  font-feature-settings: "pwid";
  line-height: 1;
  letter-spacing: min(0.32px, 0.0222222222vw);
  color: #fff;
  border-color: #fff;
  border-style: solid;
  border-width: 1px;
  padding-block: min(10px, 0.6944444444vw);
  padding-inline: min(24px, 1.6666666667vw);
  transition: all 0.3s ease-out;
}

@media (hover: hover) {
  .gx-wrapper .c-contact .text-container .button a:hover {
    color: #d0e7d3;
    border-color: #d0e7d3;
  }

  .gx-wrapper .c-contact .text-container .button a:hover .arrow img {
    filter: invert(88%) sepia(7%) saturate(497%) hue-rotate(77deg) brightness(104%) contrast(89%);
  }
}

.gx-wrapper .c-contact .text-container .button a .arrow {
  width: min(20px, 1.3888888889vw);
}

.gx-wrapper .c-contact .text-container .button a .arrow img {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(207deg) brightness(107%) contrast(101%);
  transition: filter 0.3s ease-out;
}

.gx-wrapper .c-contact .bg-image {
  border-radius: min(12px, 0.8333333333vw);
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
}

.gx-wrapper .c-contact .bg-image.hover .image02 {
  opacity: 1;
  visibility: visible;
}

.gx-wrapper .c-contact .bg-image .image01 {
  z-index: 0;
}

.gx-wrapper .c-contact .bg-image .image02 {
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-out;
}

.gx-wrapper .c-contact .bg-image .image img {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  -o-object-fit: cover;
  object-fit: cover;
}

@media (max-width: 751px) {
  .gx-wrapper .c-contact {
    padding-block: 10.2564102564vw;
  }

  .gx-wrapper .c-contact .inner {
    width: 91.7948717949vw;
    padding: 5.1282051282vw;
  }

  .gx-wrapper .c-contact .text-container .title {
    font-size: 5.1282051282vw;
  }

  .gx-wrapper .c-contact .text-container .text {
    font-size: 3.5897435897vw;
    line-height: 1.5;
    margin-top: 2.0512820513vw;
  }

  .gx-wrapper .c-contact .text-container .button {
    width: 100%;
    margin-top: 7.1794871795vw;
  }

  .gx-wrapper .c-contact .text-container .button a {
    font-size: 3.5897435897vw;
    line-height: 1;
    letter-spacing: 0.0717948718vw;
    padding-block: 2.0512820513vw;
    padding-inline: 0;
    position: relative;
  }

  .gx-wrapper .c-contact .text-container .button a .arrow {
    width: 5.1282051282vw;
    position: absolute;
    top: 50%;
    right: 1.2820512821vw;
    transform: translateY(-50%);
  }

  .gx-wrapper .c-contact .bg-image {
    border-radius: 3.0769230769vw;
  }

  .gx-wrapper .c-contact .bg-image .image img {
    height: 100%;
  }
}

/*--------------------------------------------------------------
  animation
--------------------------------------------------------------*/
@keyframes headerDown {
  from {
    opacity: 0;
    transform: translateY(-100%);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/*--------------------------------------------------------------
  link
--------------------------------------------------------------*/
.gx-wrapper .c-link {
  display: flex;
  justify-content: flex-end;
}

.gx-wrapper .c-link a {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  -moz-column-gap: min(20px, 1.3888888889vw);
  column-gap: min(20px, 1.3888888889vw);
  font-size: min(14px, 0.9722222222vw);
  font-weight: 700;
  font-feature-settings: "pwid";
  line-height: 1;
  letter-spacing: min(0.28px, 0.0194444444vw);
  color: #404040;
}

@media (hover: hover) {
  .gx-wrapper .c-link a:hover .arrow img {
    transform: translateX(40%);
  }
}

.gx-wrapper .c-link a .arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #404040;
  border-radius: 50%;
  width: min(32px, 2.2222222222vw);
  height: min(32px, 2.2222222222vw);
}

.gx-wrapper .c-link a .arrow img {
  filter: invert(99%) sepia(6%) saturate(627%) hue-rotate(254deg) brightness(115%) contrast(100%);
  width: min(14px, 0.9722222222vw);
  transform: translateX(0);
  transition: transform 0.2s;
}

@media (max-width: 751px) {
  .gx-wrapper .c-link {
    justify-content: center;
  }

  .gx-wrapper .c-link a {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    -moz-column-gap: 0;
    column-gap: 0;
    font-size: min(16px, 4.1025641026vw);
    letter-spacing: min(0.32px, 0.0820512821vw);
    text-align: center;
    color: #ffffff;
    background-color: #404040;
    border-radius: 9999px;
    width: 85.641025641vw;
    max-width: 400px;
    padding-block: min(12px, 3.0769230769vw);
    position: relative;
  }

  .gx-wrapper .c-link a .arrow {
    display: inline-block;
    background-color: transparent;
    border-radius: 0;
    width: min(20px, 5.1282051282vw);
    height: auto;
    position: absolute;
    top: 50%;
    right: min(16px, 4.1025641026vw);
    transform: translateY(-50%);
  }

  .gx-wrapper .c-link a .arrow img {
    filter: invert(99%) sepia(6%) saturate(56%) hue-rotate(278deg) brightness(117%) contrast(100%);
    width: 100%;
  }
}

/*--------------------------------------------------------------
  page-menu
--------------------------------------------------------------*/
.gx-wrapper .c-page-menu {
  background-color: #fff;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15);
  padding-block: min(20px, 1.3888888889vw);
  position: relative;
}

.gx-wrapper .c-page-menu .list {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  -moz-column-gap: min(8px, 0.5555555556vw);
  column-gap: min(8px, 0.5555555556vw);
}

.gx-wrapper .c-page-menu .item a {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: min(16px, 1.1111111111vw);
  font-size: min(18px, 1.25vw);
  font-feature-settings: "pwid";
  font-weight: 700;
  line-height: 1.3333333333;
  text-align: center;
  color: #404040;
  padding-inline: min(20px, 1.3888888889vw);
  transition: color 0.3s ease-out;
}

@media (hover: hover) {
  .gx-wrapper .c-page-menu .item a:hover .arrow {
    transform: translateY(4px);
  }
}

.gx-wrapper .c-page-menu .item .arrow {
  width: min(24px, 1.6666666667vw);
  transition: transform 0.3s ease-out;
}

.gx-wrapper .c-page-menu .item .arrow img {
  transition: filter 0.3s ease-out;
}

@media (max-width: 751px) {
  .gx-wrapper .c-page-menu {
    padding-block: 5.641025641vw;
  }

  .gx-wrapper .c-page-menu .inner {
    width: 91.7948717949vw;
    margin-inline: auto;
  }

  .gx-wrapper .c-page-menu .list {
    flex-direction: column;
    justify-content: normal;
    align-items: normal;
    border: 1px solid #d9d9d9;
    border-radius: 2.0512820513vw;
  }

  .gx-wrapper .c-page-menu .item:not(:last-of-type) a {
    border-bottom: 1px solid #d9d9d9;
  }

  .gx-wrapper .c-page-menu .item a {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    font-size: 4.1025641026vw;
    line-height: 1.6;
    text-align: left;
    padding-block: 2.8205128205vw;
    padding-inline: 5.1282051282vw;
  }

  .gx-wrapper .c-page-menu .item .arrow {
    width: 6.1538461538vw;
  }
}

/*--------------------------------------------------------------
  reason
--------------------------------------------------------------*/
.gx-wrapper .c-reason {
  padding-block: min(68px, 4.7222222222vw);
}

.gx-wrapper .c-reason .inner {
  display: flex;
  flex-direction: column;
  row-gap: min(68px, 4.7222222222vw);
  width: min(1200px, 83.3333333333vw);
  margin-inline: auto;
  padding: min(60px, 4.1666666667vw);
  position: relative;
}

.gx-wrapper .c-reason .inner::before,
.gx-wrapper .c-reason .inner::after {
  content: "";
  display: inline-block;
  width: min(84px, 5.8333333333vw);
  height: min(56px, 3.8888888889vw);
  position: absolute;
  border-style: solid;
  border-width: min(8px, 0.5555555556vw) 0 0 min(8px, 0.5555555556vw);
}

.gx-wrapper .c-reason .inner::before {
  top: 0;
  left: 0;
}

.gx-wrapper .c-reason .inner::after {
  right: 0;
  bottom: 0;
  transform: rotateZ(180deg);
}

.gx-wrapper .c-reason .wrapper {
  display: flex;
  flex-direction: row;
  -moz-column-gap: min(32px, 2.2222222222vw);
  column-gap: min(32px, 2.2222222222vw);
}

.gx-wrapper .c-reason .movie .responsive-video {
  position: relative;
  overflow: hidden;
  max-width: 100%;
  background: #000;
}

.gx-wrapper .c-reason .image {
  width: min(400px, 27.7777777778vw);
  flex-shrink: 0;
}

.gx-wrapper .c-reason .text-container p {
  font-size: min(18px, 1.25vw);
  font-feature-settings: "pwid";
  line-height: 1.75;
  color: #242424;
}

.gx-wrapper .c-reason .text-container p span {
  font-weight: 700;
}

@media (max-width: 751px) {
  .gx-wrapper .c-reason {
    padding-block: 6.1538461538vw;
  }

  .gx-wrapper .c-reason .inner {
    row-gap: 10.2564102564vw;
    width: 89.7435897436vw;
    padding: 5.1282051282vw;
  }

  .gx-wrapper .c-reason .inner::before,
  .gx-wrapper .c-reason .inner::after {
    width: 10.7692307692vw;
    height: 7.1794871795vw;
    border-width: 2.0512820513vw 0 0 2.0512820513vw;
  }

  .gx-wrapper .c-reason .wrapper {
    flex-direction: column;
    row-gap: 8.2051282051vw;
  }

  .gx-wrapper .c-reason .movie {
    width: 100%;
  }

  .gx-wrapper .c-reason .movie .responsive-video {
    padding-bottom: 56.25%;
    height: 0;
    width: 100%;
  }

  .gx-wrapper .c-reason .movie .responsive-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .gx-wrapper .c-reason .image {
    width: 100%;
  }

  .gx-wrapper .c-reason .text-container p {
    font-size: 4.6153846154vw;
  }

  .wrapper .movie.responsive-video {
    padding-bottom: 56.25%;
    height: 0;
    width: 100%;
    position: relative;
  }

  .wrapper .movie.responsive-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}

@media (min-width: 752px) {
  .wrapper .movie.responsive-video iframe {
    width: 400px;
    height: 225px;
  }
}

/*--------------------------------------------------------------
  exam-trends
--------------------------------------------------------------*/
.gx-wrapper .c-exam-trends {
  background: url(/assets-gx-new/images/bg_dot_advanced.png),
    0% 0% / 50px 50px repeat;
}

.gx-wrapper .c-exam-trends .inner {
  width: min(1200px, 83.3333333333vw);
  margin-inline: auto;
  padding-block: min(68px, 4.7222222222vw);
}

.gx-wrapper .c-exam-trends .interview .card {
  margin-top: min(68px, 4.7222222222vw);
}

@media (max-width: 751px) {
  .gx-wrapper .c-exam-trends .inner {
    width: 85.641025641vw;
    padding-block: 10.2564102564vw;
  }

  .gx-wrapper .c-exam-trends .wrapper {
    row-gap: 25.641025641vw;
  }

  .gx-wrapper .c-exam-trends .voice .list-container {
    margin-top: 10.2564102564vw;
  }

  .gx-wrapper .c-exam-trends .voice .link {
    margin-top: 7.1794871795vw;
  }

  .gx-wrapper .c-exam-trends .interview .card {
    margin-top: 10.2564102564vw;
  }
}

/*--------------------------------------------------------------
  recommend
--------------------------------------------------------------*/
.gx-wrapper .c-recommend {
  padding-block: min(68px, 4.7222222222vw);
}

.gx-wrapper .c-recommend .inner {
  display: flex;
  flex-direction: column;
  row-gap: min(68px, 4.7222222222vw);
  width: min(1192px, 82.7777777778vw);
  margin-inline: auto;
}

.gx-wrapper .c-recommend .character-title {
  display: flex;
  justify-content: center;
}

.gx-wrapper .c-recommend .character-title .title {
  font-size: min(40px, 2.7777777778vw);
  font-feature-settings: "pwid";
  font-weight: 800;
  line-height: 1.4;
  text-align: center;
  color: #242424;
  padding-inline: min(156px, 10.8333333333vw);
  padding-bottom: min(8px, 0.5555555556vw);
  position: relative;
}

.gx-wrapper .c-recommend .character-title .character {
  width: min(140px, 9.7222222222vw);
  position: absolute;
  right: 0;
  bottom: 0;
}

.gx-wrapper .c-recommend .top {
  font-size: min(24px, 1.6666666667vw);
  font-weight: 700;
  font-feature-settings: "pwid";
  line-height: 1.5;
  text-align: center;
  color: #242424;
  margin-top: min(28px, 1.9444444444vw);
}

.gx-wrapper .c-recommend .list-container .list {
  display: grid;
  grid-template-columns: repeat(4, min(280px, 19.4444444444vw));
  -moz-column-gap: min(24px, 1.6666666667vw);
  column-gap: min(24px, 1.6666666667vw);
}

.gx-wrapper .c-recommend .list-container .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: min(20px, 1.3888888889vw);
}

.gx-wrapper .c-recommend .list-container .image {
  width: min(120px, 8.3333333333vw);
}

.gx-wrapper .c-recommend .list-container .text-container {
  display: flex;
  flex-direction: column;
  row-gap: min(8px, 0.5555555556vw);
}

.gx-wrapper .c-recommend .list-container .text-container p {
  font-size: min(20px, 1.3888888889vw);
  font-feature-settings: "pwid";
  line-height: 1.6;
  text-align: center;
  color: #000000;
}

.gx-wrapper .c-recommend .list-container .text-container .small {
  font-size: min(16px, 1.1111111111vw);
}

@media (max-width: 751px) {
  .gx-wrapper .c-recommend {
    padding-block: 33.3333333333vw 10.2564102564vw;
  }

  .gx-wrapper .c-recommend .inner {
    row-gap: 8.2051282051vw;
    width: 89.7435897436vw;
  }

  .gx-wrapper .c-recommend .character-title .title {
    font-size: 8.2051282051vw;
    font-weight: 700;
    line-height: 1.40625;
    padding-inline: 0;
  }

  .gx-wrapper .c-recommend .character-title .character {
    width: 25.641025641vw;
    margin-bottom: 1.0256410256vw;
    top: auto;
    right: auto;
    left: 50%;
    bottom: 100%;
    transform: translateX(-50%);
  }

  .gx-wrapper .c-recommend .top {
    font-size: 6.1538461538vw;
    margin-top: 5.641025641vw;
  }

  .gx-wrapper .c-recommend .list-container .list {
    display: block;
  }

  .gx-wrapper .c-recommend .list-container .item {
    row-gap: 5.1282051282vw;
    padding-block: 10.2564102564vw;
  }

  .gx-wrapper .c-recommend .list-container .image {
    width: 30.7692307692vw;
  }

  .gx-wrapper .c-recommend .list-container .text-container {
    row-gap: 2.0512820513vw;
  }

  .gx-wrapper .c-recommend .list-container .text-container p {
    font-size: 5.1282051282vw;
  }

  .gx-wrapper .c-recommend .list-container .text-container .small {
    font-size: 4.1025641026vw;
  }
}

/*--------------------------------------------------------------
  goal
--------------------------------------------------------------*/
.gx-wrapper .c-goal {
  padding-block: min(68px, 4.7222222222vw);
}

.gx-wrapper .c-goal .inner {
  width: min(1200px, 83.3333333333vw);
  margin-inline: auto;
}

.gx-wrapper .c-goal .card {
  display: flex;
  flex-direction: column;
  row-gap: min(40px, 2.7777777778vw);
  background-color: #fff;
  border-radius: min(12px, 0.8333333333vw);
  padding-top: min(60px, 4.1666666667vw);
  padding-inline: min(40px, 2.7777777778vw);
  padding-bottom: min(40px, 2.7777777778vw);
}

.gx-wrapper .c-goal .character-title {
  display: flex;
  justify-content: center;
}

.gx-wrapper .c-goal .character-title .title {
  font-size: min(40px, 2.7777777778vw);
  font-feature-settings: "pwid";
  font-weight: 800;
  line-height: 1.4;
  text-align: center;
  color: #242424;
  padding-inline: min(165px, 11.4583333333vw);
  padding-bottom: min(8px, 0.5555555556vw);
  position: relative;
}

.gx-wrapper .c-goal .character-title .character {
  width: min(140px, 9.7222222222vw);
  position: absolute;
  left: 0;
  bottom: min(20px, 1.3888888889vw);
}

.gx-wrapper .c-goal .image {
  width: min(960px, 66.6666666667vw);
  margin-inline: auto;
}

.gx-wrapper .c-goal .box {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: min(36px, 2.5vw);
  mix-blend-mode: multiply;
  border-radius: min(12px, 0.8333333333vw);
  padding: min(36px, 2.5vw);
}

.gx-wrapper .c-goal .box .head {
  font-size: min(32px, 2.2222222222vw);
  font-feature-settings: "pwid";
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  color: #242424;
  padding-right: min(4px, 0.2777777778vw);
  padding-left: min(8px, 0.5555555556vw);
  padding-bottom: min(4px, 0.2777777778vw);
}

.gx-wrapper .c-goal .box .box-wrapper {
  display: flex;
  flex-direction: row;
  -moz-column-gap: min(32px, 2.2222222222vw);
  column-gap: min(32px, 2.2222222222vw);
}

.gx-wrapper .c-goal .box .chart {
  width: min(540px, 37.5vw);
  flex-shrink: 0;
}

.gx-wrapper .c-goal .box .text-container dl {
  display: flex;
  flex-direction: column;
  row-gap: min(20px, 1.3888888889vw);
}

.gx-wrapper .c-goal .box .text-container .row {
  display: flex;
  flex-direction: column;
  row-gap: min(8px, 0.5555555556vw);
}

.gx-wrapper .c-goal .box .text-container dt {
  font-size: min(20px, 1.3888888889vw);
  font-feature-settings: "pwid";
  font-weight: 700;
  line-height: 1.5;
  color: #242424;
}

.gx-wrapper .c-goal .box .text-container dd {
  font-size: min(16px, 1.1111111111vw);
  font-feature-settings: "pwid";
  line-height: 1.6;
  color: #242424;
}

@media (max-width: 751px) {
  .gx-wrapper .c-goal {
    padding-block: 5.1282051282vw;
  }

  .gx-wrapper .c-goal .inner {
    width: 89.7435897436vw;
  }

  .gx-wrapper .c-goal .card {
    row-gap: 8.2051282051vw;
    border-radius: 2.0512820513vw;
    border: solid 2px #d9d9d9;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15);
    padding-top: 33.3333333333vw;
    padding-inline: 5.1282051282vw;
    padding-bottom: 5.1282051282vw;
  }

  .gx-wrapper .c-goal .character-title .title {
    font-size: 8.2051282051vw;
    font-weight: 700;
    line-height: 1.40625;
    padding-inline: 0;
  }

  .gx-wrapper .c-goal .character-title .character {
    width: 25.641025641vw;
    margin-bottom: 1.0256410256vw;
    top: auto;
    right: auto;
    left: 50%;
    bottom: 100%;
    transform: translateX(-50%);
  }

  .gx-wrapper .c-goal .text {
    font-size: 4.1025641026vw;
    font-feature-settings: "pwid";
    line-height: 1.6;
    color: #242424;
  }

  .gx-wrapper .c-goal .image {
    width: 100%;
  }

  .gx-wrapper .c-goal .box {
    row-gap: 6.1538461538vw;
    align-items: center;
    border-radius: 3.0769230769vw;
    padding: 6.1538461538vw 5.1282051282vw;
  }

  .gx-wrapper .c-goal .box .head {
    font-size: 5.1282051282vw;
    padding-right: 1.0256410256vw;
    padding-left: 2.0512820513vw;
    padding-bottom: 1.0256410256vw;
  }

  .gx-wrapper .c-goal .box .box-wrapper {
    flex-direction: column;
    row-gap: 6.1538461538vw;
    align-items: center;
  }

  .gx-wrapper .c-goal .box .chart {
    width: 100%;
  }

  .gx-wrapper .c-goal .box .text-container {
    width: 100%;
  }

  .gx-wrapper .c-goal .box .text-container dl {
    row-gap: 5.1282051282vw;
  }

  .gx-wrapper .c-goal .box .text-container .row {
    row-gap: 2.0512820513vw;
  }

  .gx-wrapper .c-goal .box .text-container dt {
    font-size: 4.1025641026vw;
  }

  .gx-wrapper .c-goal .box .text-container dd {
    font-size: 3.5897435897vw;
    line-height: 1.5;
  }
}

/*--------------------------------------------------------------
  merit
--------------------------------------------------------------*/
.gx-wrapper .c-merit {
  background-size: 100%;
  background-repeat: repeat-y;
  background-position: top left;
}

.gx-wrapper .c-merit .inner {
  padding-block: min(68px, 4.7222222222vw);
  position: relative;
}

.gx-wrapper .c-merit .wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: min(68px, 4.7222222222vw);
  width: min(1200px, 83.3333333333vw);
  margin-inline: auto;
  position: relative;
  z-index: 1;
}

.gx-wrapper .c-merit .box {
  width: 100%;
}

.gx-wrapper .c-merit .box .head-container {
  grid-column: 1/3;
  grid-row: 1;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  -moz-column-gap: min(12px, 0.8333333333vw);
  column-gap: min(12px, 0.8333333333vw);
}

.gx-wrapper .c-merit .box .head-container .icon {
  width: min(40px, 2.7777777778vw);
}

.gx-wrapper .c-merit .box .head-container .icon img {
  filter: invert(61%) sepia(27%) saturate(494%) hue-rotate(87deg) brightness(89%) contrast(86%);
}

.gx-wrapper .c-merit .box .head-container .head {
  font-size: min(36px, 2.5vw);
  font-weight: 700;
  font-feature-settings: "pwid";
  line-height: 1.4;
  color: #242424;
  text-shadow: 0 1px 0 #fff;
}

.gx-wrapper .c-merit .box .image {
  grid-column: 1;
  grid-row: 2;
}

.gx-wrapper .c-merit .box .text-container {
  grid-column: 2;
  grid-row: 2;
}

.gx-wrapper .c-merit .box01,
.gx-wrapper .c-merit .box02,
.gx-wrapper .c-merit .boxSS {
  display: grid;
  grid-template-columns: min(400px, 27.7777777778vw) min(648px, 45vw);
  grid-template-rows: repeat(2, auto);
  justify-content: center;
  -moz-column-gap: min(32px, 2.2222222222vw);
  column-gap: min(32px, 2.2222222222vw);
  row-gap: min(40px, 2.7777777778vw);
  border-radius: min(12px, 0.8333333333vw);
  padding: min(60px, 4.1666666667vw);
  position: relative;
}

.gx-wrapper .c-merit .box01::before,
.gx-wrapper .c-merit .box02::before,
.gx-wrapper .c-merit .boxSS::before {
  content: "";
  display: block;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: min(12px, 0.8333333333vw);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  position: absolute;
  inset: 0;
  z-index: -1;
}

.gx-wrapper .c-merit .box01 .text-container .top {
  font-size: min(24px, 1.6666666667vw);
  font-weight: 700;
  font-feature-settings: "pwid";
  line-height: 1.3125;
  color: #242424;
}

.gx-wrapper .c-merit .box01 .text-container .text {
  font-size: min(18px, 1.25vw);
  font-weight: 400;
  font-feature-settings: "pwid";
  line-height: 1.75;
  color: #242424;
  margin-top: min(36px, 2.5vw);
}

.gx-wrapper .c-merit .box01 .text-container .button {
  display: flex;
  justify-content: flex-end;
  margin-top: min(20px, 1.3888888889vw);
}

.gx-wrapper .c-merit .box01 .text-container .button a {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  -moz-column-gap: min(8px, 0.5555555556vw);
  column-gap: min(8px, 0.5555555556vw);
  font-size: min(16px, 1.1111111111vw);
  font-weight: 400;
  font-feature-settings: "pwid";
  line-height: 1.125;
  color: #1b7c3b;
  background-color: #fff;
  border-color: #65a078;
  border-style: solid;
  border-width: 2px;
  border-radius: min(20px, 1.3888888889vw);
  padding-block: min(8px, 0.5555555556vw);
  padding-inline: min(24px, 1.6666666667vw);
  transition: all 0.3s ease-out;
}

@media (hover: hover) {
  .gx-wrapper .c-merit .box01 .text-container .button a:hover {
    color: #135629;
    background-color: #f4f9f5;
    border-color: #135629;
  }

  .gx-wrapper .c-merit .box01 .text-container .button a:hover .icon img {
    filter: invert(23%) sepia(10%) saturate(5201%) hue-rotate(96deg) brightness(93%) contrast(85%);
  }
}

.gx-wrapper .c-merit .box01 .text-container .button .icon {
  width: min(24px, 1.6666666667vw);
}

.gx-wrapper .c-merit .box01 .text-container .button .icon img {
  filter: invert(62%) sepia(22%) saturate(585%) hue-rotate(87deg) brightness(88%) contrast(91%);
  transition: all 0.3s ease-out;
}

.gx-wrapper .c-merit .box02 .text-container {
  display: flex;
  flex-direction: column;
  row-gap: min(32px, 2.2222222222vw);
}

.gx-wrapper .c-merit .box02 .text-container .top {
  font-size: min(24px, 1.6666666667vw);
  font-weight: 700;
  font-feature-settings: "pwid";
  line-height: 1.2857142857;
  color: #242424;
  text-shadow: 0 1px 0 #fff;
}

.gx-wrapper .c-merit .box02 .text-container .info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: min(12px, 0.8333333333vw);
}

.gx-wrapper .c-merit .box02 .text-container .info .name {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  -moz-column-gap: min(8px, 0.5555555556vw);
  column-gap: min(8px, 0.5555555556vw);
  font-size: min(32px, 2.2222222222vw);
  font-weight: 700;
  font-feature-settings: "pwid";
  line-height: 1.5;
  color: #242424;
}

.gx-wrapper .c-merit .box02 .text-container .info .name .en {
  font-size: min(18px, 1.25vw);
  line-height: 1.75;
}

.gx-wrapper .c-merit .box02 .text-container .info .info-text {
  font-size: min(16px, 1.1111111111vw);
  font-weight: 400;
  font-feature-settings: "pwid";
  line-height: 1.6;
  color: #242424;
}

.gx-wrapper .c-merit .box02 .text-container .accordion {
  position: relative;
}

.gx-wrapper .c-merit .box02 .text-container .accordion .button {
  background-color: #404040;
  border-radius: 50%;
  width: min(32px, 2.2222222222vw);
  height: min(32px, 2.2222222222vw);
  position: absolute;
  left: 50%;
  bottom: min(12px, 0.8333333333vw);
  z-index: 1;
  transform: translateX(-50%);
  cursor: pointer;
}

.gx-wrapper .c-merit .box02 .text-container .accordion .button.is-show::before {
  opacity: 0;
  visibility: hidden;
}

.gx-wrapper .c-merit .box02 .text-container .accordion .button.is-show::after {
  opacity: 1;
  visibility: visible;
}

.gx-wrapper .c-merit .box02 .text-container .accordion .button.is-show .icon-open {
  opacity: 0;
  visibility: hidden;
}

.gx-wrapper .c-merit .box02 .text-container .accordion .button.is-show .icon-close {
  opacity: 1;
  visibility: visible;
}

.gx-wrapper .c-merit .box02 .text-container .accordion .button.is-show+.accordion-text::before {
  opacity: 0;
  visibility: hidden;
}

.gx-wrapper .c-merit .box02 .text-container .accordion .button.is-show+.accordion-text .text {
  visibility: visible;
}

.gx-wrapper .c-merit .box02 .text-container .accordion .button .icon {
  width: min(14px, 0.9722222222vw);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease-out;
}

.gx-wrapper .c-merit .box02 .text-container .accordion .button .icon img {
  filter: invert(100%) sepia(98%) saturate(2%) hue-rotate(1deg) brightness(109%) contrast(100%);
}

.gx-wrapper .c-merit .box02 .text-container .accordion .button .icon-open {
  opacity: 1;
  visibility: visible;
}

.gx-wrapper .c-merit .box02 .text-container .accordion .button .icon-close {
  opacity: 0;
  visibility: hidden;
}

.gx-wrapper .c-merit .box02 .text-container .accordion .button::before,
.gx-wrapper .c-merit .box02 .text-container .accordion .button::after {
  display: inline-block;
  font-size: min(14px, 0.9722222222vw);
  font-weight: 700;
  font-feature-settings: "pwid";
  line-height: 1;
  letter-spacing: min(0.28px, 0.0194444444vw);
  text-align: center;
  white-space: nowrap;
  color: #404040;
  position: absolute;
  top: max(-22px, -1.5277777778vw);
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.3s ease-out;
}

.gx-wrapper .c-merit .box02 .text-container .accordion .button::before {
  content: "プロフィールを読む";
  opacity: 1;
  visibility: visible;
}

.gx-wrapper .c-merit .box02 .text-container .accordion .button::after {
  content: "閉じる";
  opacity: 0;
  visibility: hidden;
}

.gx-wrapper .c-merit .box02 .text-container .accordion .accordion-text {
  border-radius: min(12px, 0.8333333333vw);
  overflow: hidden;
  position: relative;
}

.gx-wrapper .c-merit .box02 .text-container .accordion .accordion-text.is-hide {
  height: min(58px, 4.0277777778vw);
}

.gx-wrapper .c-merit .box02 .text-container .accordion .accordion-text::before {
  content: "";
  display: block;
  background-image: linear-gradient(180deg,
      rgba(244, 249, 245, 0) 0%,
      #f4f9f5 100%);
  width: 100%;
  height: min(52px, 3.6111111111vw);
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 1;
  visibility: visible;
  transition: all 0.3s ease-out;
}

.gx-wrapper .c-merit .box02 .text-container .accordion .accordion-text .text {
  font-size: min(16px, 1.1111111111vw);
  font-weight: 400;
  font-feature-settings: "pwid";
  line-height: 1.6;
  color: #242424;
  background-color: #f4f9f5;
  padding-top: min(12px, 0.8333333333vw);
  padding-inline: min(12px, 0.8333333333vw);
  padding-bottom: min(74px, 5.1388888889vw);
  visibility: hidden;
}

.gx-wrapper .c-merit .box03 {
  display: grid;
  grid-template-columns: repeat(2, min(590px, 40.9722222222vw));
  grid-template-rows: repeat(2, auto);
  gap: min(20px, 1.3888888889vw);
}

.gx-wrapper .c-merit .box03 .card {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  -moz-column-gap: min(28px, 1.9444444444vw);
  column-gap: min(28px, 1.9444444444vw);
  background-color: #fff;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15);
  border-radius: min(12px, 0.8333333333vw);
  padding: min(28px, 1.9444444444vw);
}

.gx-wrapper .c-merit .box03 .card .text-container {
  grid-column: 1;
  grid-row: 1;
  display: flex;
  flex-direction: column;
  row-gap: min(8px, 0.5555555556vw);
}

.gx-wrapper .c-merit .box03 .card .text-container .card-title {
  font-size: min(24px, 1.6666666667vw);
  font-weight: 700;
  font-feature-settings: "pwid";
  line-height: 1.8;
  color: #242424;
}

.gx-wrapper .c-merit .box03 .card .text-container .card-text {
  font-size: min(16px, 1.1111111111vw);
  font-weight: 400;
  font-feature-settings: "pwid";
  line-height: 1.6;
  color: #242424;
}

.gx-wrapper .c-merit .box03 .card .icon {
  grid-column: 2;
  grid-row: 1;
  width: min(100px, 6.9444444444vw);
}

.gx-wrapper .c-merit .boxSS .image-container {
  display: flex;
  flex-direction: column;
  gap: min(16px, 1.1111111111vw);
}

.gx-wrapper .c-merit .boxSS .image-container .quote {
  font-size: min(13px, 0.9027777778vw);
  font-weight: 400;
  font-feature-settings: "pwid";
  line-height: 1.6;
  color: #303030;
  margin-left: min(10px, 0.6944444444vw);
}

.gx-wrapper .c-merit .boxSS .text-container {
  display: flex;
  flex-direction: column;
  gap: min(20px, 1.3888888889vw);
}

.gx-wrapper .c-merit .boxSS .text-container>.text {
  font-size: min(18px, 1.25vw);
  font-weight: 400;
  font-feature-settings: "pwid";
  line-height: 1.75;
  color: #303030;
}

.gx-wrapper .c-merit .boxSS .text-container .text-box {
  background-color: #fff;
  border: solid 1px #1b7c3b;
  padding-top: min(30px, 2.0833333333vw);
  padding-inline: min(30px, 2.0833333333vw);
  padding-bottom: min(56px, 3.8888888889vw);
}

.gx-wrapper .c-merit .boxSS .text-container .text-box .label {
  font-size: min(17px, 1.1805555556vw);
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.1em;
  color: #1b7c3b;
}

.gx-wrapper .c-merit .boxSS .text-container .text-box .text {
  font-size: min(15px, 1.0416666667vw);
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.1em;
  color: #1b1b1b;
  margin-top: min(7px, 0.4861111111vw);
}

.gx-wrapper .c-merit .boxSS .text-container .text-box .link-list {
  margin-top: min(20px, 1.3888888889vw);
}

.gx-wrapper .c-merit .boxSS .text-container .text-box a {
  color: #1b7c3b;
  transition: opacity 0.3s ease-out;
}

@media (hover: hover) {
  .gx-wrapper .c-merit .boxSS .text-container .text-box a:hover {
    opacity: 0.7;
  }
}

@media (max-width: 751px) {
  .gx-wrapper .c-merit .inner {
    padding-block: 10.2564102564vw;
  }

  .gx-wrapper .c-merit .wrapper {
    row-gap: 10.2564102564vw;
    width: 91.7948717949vw;
  }

  .gx-wrapper .c-merit .box .head-container {
    grid-column: 1;
    padding-block: 5.1282051282vw;
  }

  .gx-wrapper .c-merit .box .head-container .head {
    font-size: 6.6666666667vw;
    line-height: 1.4;
    text-align: center;
  }

  .gx-wrapper .c-merit .box .image {
    width: 61.5384615385vw;
    margin-top: 5.1282051282vw;
    margin-inline: auto;
  }

  .gx-wrapper .c-merit .box .image img {
    width: 100%;
  }

  .gx-wrapper .c-merit .box .text-container {
    grid-column: 1;
    grid-row: 3;
  }

  .gx-wrapper .c-merit .box01,
  .gx-wrapper .c-merit .box02,
  .gx-wrapper .c-merit .boxSS {
    grid-template-columns: 100%;
    grid-template-rows: repeat(3, auto);
    row-gap: 0;
    border-radius: 3.0769230769vw;
    padding: 5.1282051282vw;
  }

  .gx-wrapper .c-merit .box01::before,
  .gx-wrapper .c-merit .box02::before,
  .gx-wrapper .c-merit .boxSS::before {
    border-radius: 3.0769230769vw;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
  }

  .gx-wrapper .c-merit .box01 .text-container {
    margin-top: 8.2051282051vw;
  }

  .gx-wrapper .c-merit .box01 .text-container .top {
    font-size: 5.1282051282vw;
    line-height: 1.28;
  }

  .gx-wrapper .c-merit .box01 .text-container .text {
    font-size: 4.1025641026vw;
    line-height: 1.6;
    margin-top: 5.1282051282vw;
  }

  .gx-wrapper .c-merit .box01 .text-container .button {
    justify-content: center;
    width: 100%;
    max-width: 320px;
    margin-top: 5.1282051282vw;
    margin-inline: auto;
  }

  .gx-wrapper .c-merit .box01 .text-container .button a {
    -moz-column-gap: 0;
    column-gap: 0;
    font-size: min(12px, 3.0769230769vw);
    line-height: 1.4;
    white-space: nowrap;
    border-radius: min(20px, 5.1282051282vw);
    padding-block: min(4px, 1.0256410256vw);
    padding-inline: min(16px, 4.1025641026vw);
  }

  .gx-wrapper .c-merit .box01 .text-container .button .icon {
    width: min(16px, 4.1025641026vw);
  }

  .gx-wrapper .c-merit .box02 .text-container {
    row-gap: 0;
    margin-top: 5.1282051282vw;
  }

  .gx-wrapper .c-merit .box02 .text-container .top {
    font-size: 5.1282051282vw;
  }

  .gx-wrapper .c-merit .box02 .text-container .info {
    row-gap: 3.0769230769vw;
    margin-top: 5.1282051282vw;
  }

  .gx-wrapper .c-merit .box02 .text-container .info .name {
    -moz-column-gap: 2.0512820513vw;
    column-gap: 2.0512820513vw;
    font-size: 6.1538461538vw;
    font-weight: 600;
    line-height: 1.4;
  }

  .gx-wrapper .c-merit .box02 .text-container .info .name .en {
    font-size: 4.1025641026vw;
    font-weight: 400;
    line-height: 1.6;
  }

  .gx-wrapper .c-merit .box02 .text-container .info .info-text {
    font-size: 3.5897435897vw;
    line-height: 1.5;
  }

  .gx-wrapper .c-merit .box02 .text-container .accordion {
    margin-top: 5.1282051282vw;
  }

  .gx-wrapper .c-merit .box02 .text-container .accordion .button {
    width: 8.2051282051vw;
    height: 8.2051282051vw;
    bottom: 3.0769230769vw;
  }

  .gx-wrapper .c-merit .box02 .text-container .accordion .button .icon {
    width: 3.5897435897vw;
  }

  .gx-wrapper .c-merit .box02 .text-container .accordion .button::before,
  .gx-wrapper .c-merit .box02 .text-container .accordion .button::after {
    font-size: 3.5897435897vw;
    letter-spacing: 0.0717948718vw;
    top: -5.641025641vw;
  }

  .gx-wrapper .c-merit .box02 .text-container .accordion .accordion-text {
    border-radius: 3.0769230769vw;
  }

  .gx-wrapper .c-merit .box02 .text-container .accordion .accordion-text.is-hide {
    height: 14.8717948718vw;
  }

  .gx-wrapper .c-merit .box02 .text-container .accordion .accordion-text::before {
    height: 13.3333333333vw;
  }

  .gx-wrapper .c-merit .box02 .text-container .accordion .accordion-text .text {
    font-size: 4.1025641026vw;
    padding-top: 3.0769230769vw;
    padding-inline: 3.0769230769vw;
    padding-bottom: 25.641025641vw;
  }

  .gx-wrapper .c-merit .box03 {
    grid-template-columns: 100%;
    grid-template-rows: repeat(4, auto);
    gap: 4.1025641026vw;
  }

  .gx-wrapper .c-merit .box03 .card {
    flex-direction: column;
    justify-content: center;
    align-items: normal;
    row-gap: 5.1282051282vw;
    border-radius: 3.0769230769vw;
    padding: 7.1794871795vw;
  }

  .gx-wrapper .c-merit .box03 .card .text-container {
    row-gap: 2.0512820513vw;
  }

  .gx-wrapper .c-merit .box03 .card .text-container .card-title {
    font-size: 5.1282051282vw;
  }

  .gx-wrapper .c-merit .box03 .card .text-container .card-text {
    font-size: 3.5897435897vw;
    line-height: 1.3125;
  }

  .gx-wrapper .c-merit .box03 .card .icon {
    flex-shrink: 0;
    width: 20.5128205128vw;
    margin-inline: auto;
  }

  .gx-wrapper .c-merit .boxSS {
    row-gap: 5.1282051282vw;
  }

  .gx-wrapper .c-merit .boxSS .image-container {
    gap: 4.1025641026vw;
  }

  .gx-wrapper .c-merit .boxSS .image-container .image {
    width: 100%;
  }

  .gx-wrapper .c-merit .boxSS .image-container .quote {
    font-size: 3.3333333333vw;
    margin-left: 2.5641025641vw;
  }

  .gx-wrapper .c-merit .boxSS .text-container {
    gap: 5.1282051282vw;
  }

  .gx-wrapper .c-merit .boxSS .text-container>.text {
    font-size: 4.6153846154vw;
  }

  .gx-wrapper .c-merit .boxSS .text-container .text-box {
    padding-top: 7.6923076923vw;
    padding-inline: 7.6923076923vw;
    padding-bottom: 14.358974359vw;
  }

  .gx-wrapper .c-merit .boxSS .text-container .text-box .label {
    font-size: 4.358974359vw;
  }

  .gx-wrapper .c-merit .boxSS .text-container .text-box .text {
    font-size: 3.8461538462vw;
    margin-top: 1.7948717949vw;
  }

  .gx-wrapper .c-merit .boxSS .text-container .text-box .link-list {
    margin-top: 5.1282051282vw;
  }
}

/*--------------------------------------------------------------
  appeal
--------------------------------------------------------------*/
.c-appeal {
  background-color: #f8f8f8;
  padding-block: min(68px, 4.7222222222vw);
  padding-inline: min(100px, 6.9444444444vw);
}

.c-appeal .inner {
  display: flex;
  flex-direction: column;
  row-gap: min(68px, 4.7222222222vw);
  width: min(1200px, 83.3333333333vw);
  margin-inline: auto;
}

.c-appeal .wrapper {
  display: flex;
  flex-direction: column;
  row-gap: min(68px, 4.7222222222vw);
}

.c-appeal .box {
  background-color: #fff;
  border-radius: min(12px, 0.8333333333vw);
  padding-block: min(68px, 4.7222222222vw);
  padding-inline: min(100px, 6.9444444444vw);
}

.c-appeal .box.appeal .card .image {
  width: min(367px, 25.4861111111vw);
}

.c-appeal .box.appeal .card .text-container .title {
  font-size: min(24px, 1.6666666667vw);
}

.c-appeal .head-container {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: min(12px, 0.8333333333vw);
  margin-bottom: min(40px, 2.7777777778vw);
}

.c-appeal .head-container .head {
  font-size: min(36px, 2.5vw);
  font-feature-settings: "pwid";
  font-weight: 700;
  line-height: 1.1111111111;
  text-align: center;
  color: #242424;
  text-shadow: 0 1px 0 #fff;
}

.c-appeal .head-container .head .red {
  font-size: min(36px, 2.5vw);
  font-feature-settings: "pwid";
  font-weight: 700;
  line-height: 1.1111111111;
  text-align: center;
  color: #d31638;
  text-shadow: 0 1px 0 #fff;
}

.c-appeal .text-container .red {
  font-size: min(24px, 1.6666666667vw);
  font-feature-settings: "pwid";
  font-weight: 700;
  line-height: 1.5;
  color: #d31638;
}

.c-appeal .text-container .green {
  font-size: min(24px, 1.6666666667vw);
  font-feature-settings: "pwid";
  font-weight: 700;
  line-height: 1.5;
  color: #1b7c3b;
}

.c-appeal .text-container .small {
  font-size: min(12px, 0.8333333333vw);
  font-feature-settings: "pwid";
  font-weight: 400;
  line-height: 1.2;
}

.c-appeal .card {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  column-gap: min(20px, 1.3888888889vw);
  background-color: #fff;
  border: 2px solid #d0e7d3;
  border-radius: min(12px, 0.8333333333vw);
  width: 100%;
  height: 100%;
  padding: min(20px, 1.3888888889vw);
  position: relative;
  transition: border-color 0.3s ease-out;
  margin-top: min(30px, 2.0833333333vw);
  margin-bottom: min(30px, 2.0833333333vw);
}

@media (hover: hover) {
  .c-appeal .card:hover {
    border-color: #1b7c3b;
  }

  .c-appeal .card a:hover .arrow {
    transform: translateX(4px);
  }
}

.c-appeal .card .image {
  flex-shrink: 0;
}

.c-appeal .card .text-container {
  display: flex;
  flex-direction: column;
}

.c-appeal .card .text-container .title {
  font-feature-settings: "pwid";
  font-weight: 700;
  line-height: 1.5;
  color: #1b7c3b;
}

.c-appeal .card .text {
  display: flex;
  flex-direction: column;
  row-gap: min(20px, 1.3888888889vw);
}

.c-appeal .box p {
  font-size: min(18px, 1.25vw);
  font-feature-settings: "pwid";
  line-height: 1.75;
  color: #242424;
  /* margin-bottom: min(10px, 0.6944444444vw); */
}

.c-appeal .card .text p {
  font-size: min(18px, 1.25vw);
  font-feature-settings: "pwid";
  line-height: 1.75;
  color: #242424;
  margin-bottom: 0;
}

.c-appeal .card .link1 p,
.c-appeal .card .link2 p {
  font-size: min(18px, 1.25vw);
  font-feature-settings: "pwid";
  font-weight: 700;
  line-height: 1.75;
  color: #1b7c3b;
}

.c-appeal .card .link1 .no-underline,
.c-appeal .card .link2 .no-underline {
  text-decoration: none;
}

.c-appeal .card .link1 .underline,
.c-appeal .card .link2 .underline {
  text-decoration: underline;
}

.c-appeal .card .link2 {
  text-align: right;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.c-appeal .card .link2 a {
  display: flex;
  line-height: 1;
  text-align: right;
}

.c-appeal .card .link2 a p {
  text-decoration-line: none;
  line-height: 1;
  align-self: center;
  margin-bottom: 0;
}

.c-appeal .card .link2 a::after {
  content: url("/assets-gx-new/images/icon/Arrow-Right.svg");
  display: inline-block;
  margin-left: 8px;
  transition: transform 0.3s ease-out;
  filter: invert(41%) sepia(13%) saturate(2153%) hue-rotate(87deg) brightness(90%) contrast(97%);
}

.c-appeal .card a:hover::after {
  transform: translateX(4px);
}

.c-appeal .card .text p span {
  font-weight: 700;
}

@media (max-width: 751px) {
  .c-appeal {
    padding-block: 5.1282051282vw;
    padding-inline: 5.1282051282vw;
  }

  .c-appeal .inner {
    row-gap: 5.1282051282vw;
    width: 100%;
  }

  .c-appeal .wrapper {
    row-gap: 5.1282051282vw;
  }

  .c-appeal .box {
    border-radius: 3.0769230769vw;
    padding-block: 5.1282051282vw;
    padding-inline: 5.1282051282vw;
  }

  .c-appeal .box.appeal .card .image {
    width: 100%;
  }

  .c-appeal .box.appeal .card .text-container .title {
    font-size: 5.1282051282vw;
    line-height: 1.5;
  }

  .c-appeal .head-container {
    column-gap: 3.0769230769vw;
    margin-top: 5.1282051282vw;
    margin-bottom: 4.1025641026vw;
  }

  .c-appeal .head-container .head {
    font-size: 5.1282051282vw;
    line-height: 1.5;
  }

  .c-appeal .head-container .head .red {
    font-size: 5.1282051282vw;
    line-height: 1.5;
  }

  .c-appeal .text-container.after p {
    margin-bottom: 10px;
  }

  .c-appeal .text-container .red,
  .c-appeal .text-container .green {
    font-size: 3.5897435897vw;
    line-height: 1.5;
  }

  .c-appeal .text-container.after .small {
    font-size: 3.0769230769vw;
    line-height: 1.2;
  }

  .c-appeal .card {
    flex-direction: column;
    align-items: center;
    row-gap: 5.1282051282vw;
    border-radius: 3.0769230769vw;
    padding: 5.1282051282vw 5.1282051282vw 1.2307692308vw;
    margin-top: 8.9743589743vw;
    margin-bottom: 4.6153846154vw;
  }

  .c-appeal .card .image {
    width: 100%;
  }

  .c-appeal .card .text-container {
    row-gap: 5.1282051282vw;
    width: 100%;
  }

  .c-appeal .card .text-container .title {
    font-size: 3.5897435897vw;
    line-height: 1.5;
  }

  .c-appeal .card .text {
    row-gap: 2.0512820513vw;
  }

  .c-appeal .box p,
  .c-appeal .card .text p {
    font-size: 3.5897435897vw;
    line-height: 1.5;
  }

  .c-appeal .card .link1 p,
  .c-appeal .card .link2 p {
    font-size: 3.5897435897vw;
    line-height: 1.5;
    margin-top: -5.1282051282vw;
  }

  .c-appeal .card .link2 {
    justify-content: flex-end;
  }

  .c-appeal .card .link2 a {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }

  .c-appeal .card .link2 a::after {
    width: 5.1282051282vw;
    margin-left: 1.5897435897vw;
    transform: translateY(-8px);
  }

  .is-sp {
    display: inline;
    line-height: 0;
  }
}

/* オススメ装飾 */
.box.appeal {
  position: relative;
  overflow: hidden;
}

.box.appeal::before {
  content: "オススメ";
  position: absolute;
  top: 35px;
  right: -85px;
  width: 308px;
  height: 70px;
  transform: rotate(45deg);
  background: linear-gradient(180deg, #fbd922 0%, #fcbd22 100%);
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: min(28px, 1.9444444444vw);
  z-index: 1;
  flex-shrink: 0;
}

@media (max-width: 1200px) {
  .box.appeal::before {
    top: 25px;
    right: -65px;
    width: 250px;
    height: 60px;
    font-size: min(24px, 2vw);
  }
}

@media (max-width: 768px) {
  .box.appeal::before {
    top: 20px;
    right: -50px;
    width: 200px;
    height: 50px;
    font-size: min(20px, 2.5vw);
  }
}

@media (max-width: 480px) {
  .box.appeal::before {
    top: 10px;
    right: -45px;
    width: 150px;
    height: 40px;
    font-size: min(16px, 3.5vw);
  }
}

/*--------------------------------------------------------------
  overview
--------------------------------------------------------------*/
.gx-wrapper .c-overview {
  padding-block: min(68px, 4.7222222222vw);
}

.gx-wrapper .c-overview .inner {
  width: min(996px, 69.1666666667vw);
  margin-inline: auto;
}

.gx-wrapper .c-overview .card {
  display: flex;
  flex-direction: column;
  row-gap: min(40px, 2.7777777778vw);
  background-color: #fff;
  border-radius: min(12px, 0.8333333333vw);
  padding-block: min(60px, 4.1666666667vw);
  padding-inline: min(120px, 8.3333333333vw);
  position: relative;
}

.gx-wrapper .c-overview .title {
  font-size: min(40px, 2.7777777778vw);
  font-feature-settings: "pwid";
  font-weight: 800;
  line-height: 1.4;
  text-align: center;
  color: #242424;
}

.gx-wrapper .c-overview .list-container .row {
  display: grid;
  grid-template-columns: min(140px, 9.7222222222vw) auto;
  -moz-column-gap: min(8px, 0.5555555556vw);
  column-gap: min(8px, 0.5555555556vw);
  font-size: min(18px, 1.25vw);
  font-feature-settings: "pwid";
  line-height: 1.75;
  color: #242424;
  padding-block: min(16px, 1.1111111111vw);
  padding-inline: min(8px, 0.5555555556vw);
}

.gx-wrapper .c-overview .list-container .course dd {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: min(5px, 0.3472222222vw);
}

.gx-wrapper .c-overview .list-container dt {
  font-weight: 700;
}

.gx-wrapper .c-overview .list-container dd a {
  text-decoration: underline;
}

.gx-wrapper .c-overview .list-container .tab {
  padding-right: min(24px, 1.6666666667vw);
  position: relative;
}

.gx-wrapper .c-overview .list-container .tab .icon {
  width: min(20px, 1.3888888889vw);
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.gx-wrapper .c-overview .list-container ul {
  display: flex;
  flex-direction: column;
  row-gap: min(32px, 2.2222222222vw);
  margin-top: min(32px, 2.2222222222vw);
  padding-left: min(30px, 2.0833333333vw);
  list-style: disc;
}

@media (max-width: 751px) {
  .gx-wrapper .c-overview {
    padding-block: 5.1282051282vw;
  }

  .gx-wrapper .c-overview .inner {
    width: 89.7435897436vw;
  }

  .gx-wrapper .c-overview .card {
    row-gap: 8.2051282051vw;
    align-items: center;
    border-radius: 2.0512820513vw;
    padding-block: 10.2564102564vw 14.358974359vw;
    padding-inline: 5.1282051282vw;
  }

  .gx-wrapper .c-overview .title {
    font-size: 5.1282051282vw;
    font-weight: 700;
    line-height: 1.5;
    padding-inline: 1.0256410256vw;
    padding-bottom: 1.0256410256vw;
  }

  .gx-wrapper .c-overview .list-container .row {
    display: flex;
    flex-direction: column;
    row-gap: 1.0256410256vw;
    font-size: 3.5897435897vw;
    line-height: 1.5;
    padding-block: 3.0769230769vw 4.1025641026vw;
    padding-inline: 0;
  }

  .gx-wrapper .c-overview .list-container dt {
    color: #696969;
  }

  .gx-wrapper .c-overview .list-container dd {
    font-size: 4.1025641026vw;
    line-height: 1.6;
  }

  .gx-wrapper .c-overview .list-container .tab {
    padding-right: 0;
  }

  .gx-wrapper .c-overview .list-container ul {
    row-gap: 6.1538461538vw;
    margin-top: 6.1538461538vw;
    padding-left: 6.1538461538vw;
  }
}

/*--------------------------------------------------------------
  syllabus
--------------------------------------------------------------*/
.gx-wrapper .c-syllabus {
  background: url("/assets-gx-new/images/bg_note.png"),
    lightgray 0% 0%/100px 100px repeat;
  padding-block: min(68px, 4.7222222222vw);
}

.gx-wrapper .c-syllabus .inner {
  display: flex;
  flex-direction: column;
  row-gap: min(68px, 4.7222222222vw);
  width: min(996px, 69.1666666667vw);
  margin-inline: auto;
}

.gx-wrapper .c-syllabus .list-container {
  padding-inline: min(40px, 2.7777777778vw);
}

.gx-wrapper .c-syllabus .list-container .list {
  display: flex;
  flex-direction: column;
  row-gap: min(12px, 0.8333333333vw);
}

.gx-wrapper .c-syllabus .list-container .item {
  display: flex;
  flex-direction: column;
  row-gap: min(4px, 0.2777777778vw);
  font-size: min(24px, 1.6666666667vw);
  font-feature-settings: "pwid";
  font-weight: 700;
  line-height: 1.5;
  color: #242424;
}

.gx-wrapper .c-syllabus .list-container .item p {
  font-size: min(16px, 1.1111111111vw);
  font-weight: 400;
  line-height: 1.6;
}

.gx-wrapper .c-syllabus .example-container {
  padding-top: min(40px, 2.7777777778vw);
  padding-inline: min(20px, 1.3888888889vw);
  padding-bottom: min(20px, 1.3888888889vw);
}

.gx-wrapper .c-syllabus .example-container .head {
  font-size: min(40px, 2.7777777778vw);
  font-feature-settings: "pwid";
  font-weight: 800;
  line-height: 1.4;
  text-align: center;
  color: #242424;
}

.gx-wrapper .c-syllabus .example-container .wrapper {
  display: flex;
  flex-direction: column;
  row-gap: min(20px, 1.3888888889vw);
  margin-top: min(40px, 2.7777777778vw);
}

.gx-wrapper .c-syllabus .example-container .box {
  display: flex;
  flex-direction: column;
  row-gap: min(28px, 1.9444444444vw);
  background-color: #fff;
  border-radius: min(12px, 0.8333333333vw);
  padding: min(28px, 1.9444444444vw);
}

.gx-wrapper .c-syllabus .example-container .question {
  display: flex;
  flex-direction: row;
  -moz-column-gap: min(12px, 0.8333333333vw);
  column-gap: min(12px, 0.8333333333vw);
  font-size: min(20px, 1.3888888889vw);
  font-feature-settings: "pwid";
  font-weight: 700;
  line-height: 1.5;
  color: #242424;
}

.gx-wrapper .c-syllabus .example-container .question span {
  flex-shrink: 0;
  width: min(24px, 1.6666666667vw);
}

.gx-wrapper .c-syllabus .example-container .question-text {
  font-size: min(16px, 1.1111111111vw);
  font-feature-settings: "pwid";
  font-weight: 400;
  line-height: 1.6;
  color: #242424;
}

.gx-wrapper .c-syllabus .example-container .choice-list {
  display: flex;
  flex-direction: column;
  row-gap: min(20px, 1.3888888889vw);
}

.gx-wrapper .c-syllabus .example-container .choice-item {
  font-size: min(16px, 1.1111111111vw);
  font-feature-settings: "pwid";
  line-height: 1.6;
  color: #242424;
  padding-left: min(52px, 3.6111111111vw);
  position: relative;
}

.gx-wrapper .c-syllabus .example-container .choice-item:nth-of-type(1)::before {
  content: "1.";
}

.gx-wrapper .c-syllabus .example-container .choice-item:nth-of-type(2)::before {
  content: "2.";
}

.gx-wrapper .c-syllabus .example-container .choice-item:nth-of-type(3)::before {
  content: "3.";
}

.gx-wrapper .c-syllabus .example-container .choice-item:nth-of-type(4)::before {
  content: "4.";
}

.gx-wrapper .c-syllabus .example-container .choice-item::before {
  display: inline-block;
  text-align: right;
  width: min(32px, 2.2222222222vw);
  position: absolute;
  top: 0;
  left: 0;
}

.gx-wrapper .c-syllabus .example-container .answer {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}

.gx-wrapper .c-syllabus .example-container .answer-inner {
  display: flex;
  flex-direction: column;
  row-gap: min(4px, 0.2777777778vw);
  width: min(160px, 11.1111111111vw);
}

.gx-wrapper .c-syllabus .example-container .label {
  font-size: min(16px, 1.1111111111vw);
  font-feature-settings: "pwid";
  font-weight: 700;
  line-height: 1.6;
  color: #fff;
  background-color: #8c8c8c;
  border-top-right-radius: min(8px, 0.5555555556vw);
  padding-right: min(4px, 0.2777777778vw);
  padding-left: min(12px, 0.8333333333vw);
  position: relative;
  cursor: pointer;
}

.gx-wrapper .c-syllabus .example-container .label::before,
.gx-wrapper .c-syllabus .example-container .label::after {
  content: "";
  display: inline-block;
  background-color: #fff;
  width: min(11px, 0.7638888889vw);
  height: min(2.5px, 0.1736111111vw);
  position: absolute;
  top: 50%;
  right: min(10px, 0.6944444444vw);
}

.gx-wrapper .c-syllabus .example-container .label::before {
  transform: translateY(-50%);
}

.gx-wrapper .c-syllabus .example-container .label::after {
  transform: translateY(-50%) rotateZ(90deg);
  transition: transform 0.3s ease-out;
}

.gx-wrapper .c-syllabus .example-container .label.open::after {
  transform: translateY(-50%);
}

.gx-wrapper .c-syllabus .example-container .number {
  font-size: min(16px, 1.1111111111vw);
  font-feature-settings: "pwid";
  line-height: 1.6;
  text-align: right;
  color: #242424;
  background-color: #f8f8f8;
  border-bottom-left-radius: min(8px, 0.5555555556vw);
  padding-inline: min(8px, 0.5555555556vw);
  padding-bottom: min(4px, 0.2777777778vw);
}

.gx-wrapper .c-syllabus .button {
  display: flex;
  justify-content: center;
}

.gx-wrapper .c-syllabus .button a {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: min(20px, 1.3888888889vw);
  font-feature-settings: "pwid";
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.4px;
  text-align: center;
  color: #fff;
  border-radius: 9999px;
  padding-block: min(20px, 1.3888888889vw);
  padding-inline: min(148.5px, 10.3125vw);
  position: relative;
  transition: background-color 0.3s ease-out;
}

@media (hover: hover) {
  .gx-wrapper .c-syllabus .button a:hover .arrow {
    transform: translateY(-50%) translateX(4px);
  }
}

.gx-wrapper .c-syllabus .button .arrow {
  width: min(24px, 1.6666666667vw);
  position: absolute;
  top: 50%;
  right: min(20px, 1.3888888889vw);
  transform: translateY(-50%);
  transition: transform 0.3s ease-out;
}

.gx-wrapper .c-syllabus .button .arrow img {
  filter: invert(100%) sepia(78%) saturate(2%) hue-rotate(320deg) brightness(107%) contrast(100%);
}

@media (max-width: 751px) {
  .gx-wrapper .c-syllabus {
    padding-block: 10.2564102564vw;
  }

  .gx-wrapper .c-syllabus .inner {
    row-gap: 10.2564102564vw;
    width: 91.7948717949vw;
  }

  .gx-wrapper .c-syllabus .list-container {
    padding-inline: 5.1282051282vw;
  }

  .gx-wrapper .c-syllabus .list-container .list {
    row-gap: 3.0769230769vw;
  }

  .gx-wrapper .c-syllabus .list-container .item {
    row-gap: 1.0256410256vw;
    font-size: 5.1282051282vw;
  }

  .gx-wrapper .c-syllabus .list-container .item p {
    font-size: 3.5897435897vw;
    line-height: 1.5;
  }

  .gx-wrapper .c-syllabus .example-container {
    padding-top: 6.1538461538vw;
    padding-inline: 5.1282051282vw;
    padding-bottom: 5.1282051282vw;
  }

  .gx-wrapper .c-syllabus .example-container .head {
    font-size: 8.2051282051vw;
    font-weight: 700;
    line-height: 1.4;
  }

  .gx-wrapper .c-syllabus .example-container .wrapper {
    row-gap: 6.1538461538vw;
    margin-top: 6.1538461538vw;
  }

  .gx-wrapper .c-syllabus .example-container .box {
    row-gap: 7.1794871795vw;
    border-radius: 3.0769230769vw;
    padding: 7.1794871795vw;
  }

  .gx-wrapper .c-syllabus .example-container .question {
    align-items: flex-start;
    -moz-column-gap: 3.0769230769vw;
    column-gap: 3.0769230769vw;
    font-size: 4.1025641026vw;
    font-weight: 500;
  }

  .gx-wrapper .c-syllabus .example-container .question span {
    width: 6.1538461538vw;
  }

  .gx-wrapper .c-syllabus .example-container .question-text {
    font-size: 3.5897435897vw;
    line-height: 1.5;
  }

  .gx-wrapper .c-syllabus .example-container .choice-list {
    display: flex;
    flex-direction: column;
    row-gap: 5.1282051282vw;
  }

  .gx-wrapper .c-syllabus .example-container .choice-item {
    font-size: 3.5897435897vw;
    line-height: 1.5;
    padding-left: 10.2564102564vw;
  }

  .gx-wrapper .c-syllabus .example-container .choice-item::before {
    width: 8.2051282051vw;
  }

  .gx-wrapper .c-syllabus .example-container .answer {
    display: box;
  }

  .gx-wrapper .c-syllabus .example-container .answer-inner {
    row-gap: 1.0256410256vw;
    width: 100%;
  }

  .gx-wrapper .c-syllabus .example-container .label {
    font-size: 4.1025641026vw;
    line-height: 1.6;
    border-top-right-radius: 2.0512820513vw;
    padding-right: 1.0256410256vw;
    padding-left: 3.0769230769vw;
  }

  .gx-wrapper .c-syllabus .example-container .label::before,
  .gx-wrapper .c-syllabus .example-container .label::after {
    width: 2.8205128205vw;
    height: 0.641025641vw;
    right: 2.5641025641vw;
  }

  .gx-wrapper .c-syllabus .example-container .number {
    font-size: 4.1025641026vw;
    border-bottom-left-radius: 2.0512820513vw;
    padding-inline: 2.0512820513vw;
    padding-bottom: 1.0256410256vw;
  }

  .gx-wrapper .c-syllabus .button a {
    font-size: 4.1025641026vw;
    letter-spacing: 2%;
    padding-block: 3.0769230769vw;
    padding-inline: 10.7692307692vw;
  }

  .gx-wrapper .c-syllabus .button .arrow {
    width: 3.5897435897vw;
    right: 5.1282051282vw;
  }
}

/*--------------------------------------------------------------
  study
--------------------------------------------------------------*/
.gx-wrapper .c-study {
  background-color: #f8f8f8;
  padding-block: min(68px, 4.7222222222vw);
}

.gx-wrapper .gx-about .c-study {
  background-color: #fff;
}

.gx-wrapper .c-study .inner {
  display: flex;
  flex-direction: column;
  row-gap: min(68px, 4.7222222222vw);
  width: min(1200px, 83.3333333333vw);
  margin-inline: auto;
}

.gx-wrapper .gx-about .c-study .inner {
  row-gap: 0;
}

.gx-wrapper .c-study .character-title {
  display: flex;
  justify-content: center;
}

.gx-wrapper .c-study .character-title .title {
  font-size: min(40px, 2.7777777778vw);
  font-feature-settings: "pwid";
  font-weight: 800;
  line-height: 1.4;
  text-align: center;
  color: #242424;
  padding-inline: min(183px, 12.7083333333vw);
  position: relative;
}

.gx-wrapper .c-study .character-title .character {
  width: min(140px, 9.7222222222vw);
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.gx-wrapper .c-study .wrapper {
  display: flex;
  flex-direction: column;
  row-gap: min(68px, 4.7222222222vw);
}

.gx-wrapper .gx-about .c-study .wrapper {
  row-gap: 0;
}

.gx-wrapper .c-study .box {
  background-color: #fff;
  border-radius: min(12px, 0.8333333333vw);
  padding: min(68px, 4.7222222222vw);
}

.gx-wrapper .gx-about .c-study .box.book {
  padding-block: 0;
}

.gx-wrapper .c-study .box.learning .card-container {
  grid-template-columns: auto;
}

.gx-wrapper .c-study .box.learning .card .image {
  width: min(367px, 25.4861111111vw);
}

.gx-wrapper .c-study .box.learning .card .text-container .title {
  font-size: min(24px, 1.6666666667vw);
}

#gx-recommended-books {
  scroll-margin-top: 200px;
}

.gx-wrapper .c-study .box.book .card-container {
  grid-template-columns: repeat(2, min(488px, 33.8888888889vw));
  justify-content: center;
}

.gx-wrapper .c-study .box.book .card .image {
  width: min(200px, 13.8888888889vw);
}

.gx-wrapper .c-study .box.book .card .text-container .title {
  font-size: min(20px, 1.3888888889vw);
}

.gx-wrapper .gx-about .c-study .box.book .card .text-container .title {
  font-size: min(24px, 1.6666666667vw);
}

.gx-wrapper .gx-about .c-study .box.book .card-container {
  grid-template-columns: minmax(0, 1fr);
  justify-content: stretch;
}

.gx-wrapper .gx-about .c-study .box.learning .card-container {
  grid-template-columns: minmax(0, 1fr);
  justify-content: center;
}

.gx-wrapper .gx-about .c-study .box.learning .card {
  max-width: min(1004px, 69.7222222222vw);
  margin-inline: auto;
  width: 100%;
}

.gx-wrapper .gx-about .c-study .box.learning .text-container.after {
  max-width: min(1004px, 69.7222222222vw);
  margin-inline: auto;
  width: 100%;
}

.gx-wrapper .gx-about .c-study .box.book .card {
  flex-direction: row;
  -moz-column-gap: min(20px, 1.3888888889vw);
  column-gap: min(20px, 1.3888888889vw);
  background-color: #fff;
  border: 2px solid #d0e7d3;
  border-radius: min(12px, 0.8333333333vw);
  width: 100%;
  max-width: min(1004px, 69.7222222222vw);
  padding: min(20px, 1.3888888889vw);
  position: relative;
  align-items: flex-start;
  margin-inline: auto;
}

.gx-wrapper .gx-about .c-study .box.book .card .text-container {
  display: flex;
  flex-direction: column;
  row-gap: min(20px, 1.3888888889vw);
  width: 100%;
  max-width: calc(100% - min(200px, 13.8888888889vw) - min(20px, 1.3888888889vw));
}

.gx-wrapper .gx-about .c-study .box.book .card .page-title-btnbox {
  position: static;
  display: flex;
  align-items: center;
  gap: min(24px, 1.6666666667vw);
  margin-top: auto;
  /* padding-top: min(16px, 1.1111111111vw); */
}

.gx-wrapper .gx-about .c-study .box.book .card .page-title-btnbox-content {
  width: min(200px, 13.8888888889vw);
  min-height: min(55px, 3.8194444444vw);
  display: flex;
  align-items: center;
  justify-content: center;
  padding-inline: min(24px, 1.6666666667vw);
}

.gx-wrapper .gx-about .c-study .box.book .card .page-title-btnbox-content.--rakuten {
  width: min(220px, 15.2777777778vw);
}

.gx-wrapper .c-study .head-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  -moz-column-gap: min(12px, 0.8333333333vw);
  column-gap: min(12px, 0.8333333333vw);
  margin-bottom: min(68px, 4.7222222222vw);
}

.gx-wrapper .c-study .head-container .icon {
  width: min(40px, 2.7777777778vw);
}

.gx-wrapper .c-study .head-container .icon img {
  filter: invert(41%) sepia(13%) saturate(2153%) hue-rotate(87deg) brightness(90%) contrast(97%);
}

.gx-wrapper .c-study .head-container .head {
  font-size: min(36px, 2.5vw);
  font-feature-settings: "pwid";
  font-weight: 700;
  line-height: 1.1111111111;
  text-align: center;
  color: #242424;
  text-shadow: 0 1px 0 #fff;
}

.gx-wrapper .c-study .head-container .head span {
  font-size: min(20px, 1.3888888889vw);
  line-height: 1.5;
  text-shadow: none;
}

.gx-wrapper .c-study .card-container {
  display: grid;
  gap: min(20px, 1.3888888889vw);
}

.gx-wrapper .c-study .card {
  display: flex;
  justify-content: center;
  align-items: center;
}

.gx-wrapper .c-study .card>a {
  display: flex;
  flex-direction: row;
  -moz-column-gap: min(20px, 1.3888888889vw);
  column-gap: min(20px, 1.3888888889vw);
  background-color: #fff;
  border-style: solid;
  border-color: #d0e7d3;
  border-width: 2px;
  border-radius: min(12px, 0.8333333333vw);
  width: 100%;
  height: 100%;
  padding: min(20px, 1.3888888889vw);
  position: relative;
  transition: border-color 0.3s ease-out;
}

@media (hover: hover) {
  .gx-wrapper .c-study .card>a:hover {
    border-color: #1b7c3b;
  }

  .gx-wrapper .c-study .card>a:hover .arrow {
    transform: translateX(4px);
  }

  .gx-wrapper .c-study .card>a:hover .icon img {
    filter: invert(25%) sepia(18%) saturate(1877%) hue-rotate(87deg) brightness(94%) contrast(91%);
  }
}

.gx-wrapper .c-study .card .image {
  flex-shrink: 0;
}

.gx-wrapper .c-study .card .text-container {
  display: flex;
  flex-direction: column;
  row-gap: min(20px, 1.3888888889vw);
}

.gx-wrapper .c-study .card .text-container .title {
  font-feature-settings: "pwid";
  font-weight: 700;
  line-height: 1.5;
  color: #1b7c3b;
}

/* aboutページ専用 - 講座受講カードのタイトルスタイル */
.gx-wrapper .gx-about .c-study .box.learning .card .text-container .title {
  display: flex;
  flex-direction: column;
}

.gx-wrapper .gx-about .c-study .box.learning .card .text-container .title .line1 {
  font-size: min(20px, 1.3888888889vw);
  font-weight: 700;
  color: #242424;
}

.gx-wrapper .gx-about .c-study .box.learning .card .text-container .title .line1 .red {
  color: #d6001c;
  font-weight: 700;
}

.gx-wrapper .gx-about .c-study .box.learning .card .text-container .title .line2 {
  font-size: min(24px, 1.6666666667vw);
  font-weight: 700;
  color: #1b7c3b;
}

.gx-wrapper .c-study .card .text {
  display: flex;
  flex-direction: column;
  row-gap: min(20px, 1.3888888889vw);
}

.gx-wrapper .c-study .card .text p {
  font-size: min(18px, 1.25vw);
  font-feature-settings: "pwid";
  line-height: 1.75;
  color: #242424;
}

.gx-wrapper .c-study .card .text p span {
  font-weight: 700;
}

.gx-wrapper .c-study .card .arrow,
.gx-wrapper .c-study .card .icon {
  width: min(24px, 1.6666666667vw);
  position: absolute;
  right: min(20px, 1.3888888889vw);
  bottom: min(20px, 1.3888888889vw);
}

.gx-wrapper .c-study .card .arrow img,
.gx-wrapper .c-study .card .icon img {
  filter: invert(41%) sepia(13%) saturate(2153%) hue-rotate(87deg) brightness(90%) contrast(97%);
}

.gx-wrapper .c-study .card .arrow {
  transition: transform 0.3s ease-out;
}

.gx-wrapper .c-study .card .icon img {
  transition: filter 0.3s ease-out;
}

.gx-wrapper .c-study .card .character {
  width: min(207px, 14.375vw);
}

.gx-wrapper .c-study .note {
  font-size: min(12px, 0.8333333333vw);
  font-feature-settings: "pwid";
  line-height: 1.2;
  text-align: right;
  color: #242424;
  margin-top: min(40px, 2.7777777778vw);
}

.gx-wrapper .c-study .text-container.after {
  margin-top: min(40px, 2.7777777778vw);
}

.gx-wrapper .c-study .text-container.after p {
  font-size: min(16px, 1.1111111111vw);
  font-feature-settings: "pwid";
  line-height: 1.75;
  color: #242424;
  margin-bottom: min(12px, 0.8333333333vw);
}

.gx-wrapper .c-study .text-container.after p:last-child {
  margin-bottom: 0;
}

.gx-wrapper .c-study .text-container.after .green {
  font-weight: 700;
  color: #1b7c3b;
}

.gx-wrapper .c-study .text-container.after .red {
  font-weight: 700;
  color: #d6001c;
}

.gx-wrapper .c-study .text-container.after .small {
  font-size: min(12px, 0.8333333333vw);
  line-height: 1.4;
}

/* aboutページ専用のスタイル */
.gx-wrapper .gx-about .c-study .text-container.after .green {
  font-size: min(24px, 1.6666666667vw);
  font-feature-settings: "pwid";
  font-weight: 700;
  line-height: 1.5;
  color: #1b7c3b;
}

.gx-wrapper .gx-about .c-study .text-container.after .red {
  font-size: min(24px, 1.6666666667vw);
  font-feature-settings: "pwid";
  font-weight: 700;
  line-height: 1.5;
  color: #d31638;
}

.gx-wrapper .gx-about .c-study .text-container.after .small {
  font-size: min(12px, 0.8333333333vw);
  font-feature-settings: "pwid";
  font-weight: 400;
  line-height: 1.2;
}

@media (max-width: 751px) {
  .gx-wrapper .c-study {
    padding-block: 33.3333333333vw 5.1282051282vw;
  }

  .gx-wrapper .c-study .inner {
    row-gap: 8.2051282051vw;
    width: 89.7435897436vw;
  }

  .gx-wrapper .c-study .character-title .title {
    font-size: 8.2051282051vw;
    font-weight: 700;
    line-height: 1.40625;
    padding-inline: 0;
  }

  .gx-wrapper .c-study .character-title .character {
    width: 25.641025641vw;
    margin-bottom: 1.0256410256vw;
    top: auto;
    right: auto;
    left: 50%;
    bottom: 100%;
    transform: translateX(-50%);
  }

  .gx-wrapper .c-study .wrapper {
    row-gap: 8.2051282051vw;
  }

  .gx-wrapper .c-study .box {
    border-radius: 2.0512820513vw;
    padding: 10.2564102564vw 5.1282051282vw 5.1282051282vw;
  }

  .gx-wrapper .gx-about .c-study .box.book {
    padding-block: 0;
  }

  .gx-wrapper .c-study .box.learning .card .image {
    width: 69.2307692308vw;
  }

  .gx-wrapper .c-study .box.learning .card .text-container .title {
    font-size: 5.1282051282vw;
  }

  #gx-recommended-books {
    scroll-margin-top: 100px;
  }

  .gx-wrapper .c-study .box.book .card .image {
    width: 30.7692307692vw;
  }

  .gx-wrapper .c-study .box.book .card .text-container .title {
    font-size: 5.1282051282vw;
  }

  .gx-wrapper .gx-about .c-study .box.learning .card {
    max-width: none;
  }

  .gx-wrapper .gx-about .c-study .box.learning .text-container.after {
    max-width: none;
  }

  .gx-wrapper .c-study .head-container {
    -moz-column-gap: 3.0769230769vw;
    column-gap: 3.0769230769vw;
    margin-bottom: 8.2051282051vw;
  }

  .gx-wrapper .c-study .head-container .icon {
    width: 5.1282051282vw;
  }

  .gx-wrapper .c-study .head-container .icon.large {
    width: 8vw;
  }

  .gx-wrapper .c-study .head-container .head {
    font-size: 5.1282051282vw;
    line-height: 1.5;
    text-shadow: none;
  }

  .gx-wrapper .c-study .head-container .head span {
    font-size: 4.1025641026vw;
    font-weight: 500;
    line-height: 1.5;
  }

  .gx-wrapper .c-study .card-container {
    display: flex;
    flex-direction: column;
    gap: 4.1025641026vw;
  }

  .gx-wrapper .c-study .card>a {
    flex-direction: column;
    align-items: center;
    row-gap: 5.1282051282vw;
    border-radius: 3.0769230769vw;
    padding: 5.1282051282vw 5.1282051282vw 9.2307692308vw;
  }

  .gx-wrapper .c-study .card .text-container {
    row-gap: 5.1282051282vw;
    width: 100%;
  }

  .gx-wrapper .c-study .card .text-container .title {
    line-height: 1.5;
  }

  /* aboutページ専用 - 講座受講カードのタイトルスタイル（SP） */
  .gx-wrapper .gx-about .c-study .box.learning .card .text-container .title .line1 {
    font-size: 4.1025641026vw;
    font-weight: 700;
    color: #242424;
  }

  .gx-wrapper .gx-about .c-study .box.learning .card .text-container .title .line1 .red {
    color: #d6001c;
    font-weight: 700;
  }

  .gx-wrapper .gx-about .c-study .box.learning .card .text-container .title .line2 {
    font-size: 5.1282051282vw;
    font-weight: 700;
    color: #1b7c3b;
  }

  .gx-wrapper .c-study .card .text {
    row-gap: 2.0512820513vw;
  }

  .gx-wrapper .gx-about .c-study .box.book .card-container {
    grid-template-columns: minmax(0, 1fr);
  }

  .gx-wrapper .gx-about .c-study .box.book .card {
    flex-direction: column;
    row-gap: 5.1282051282vw;
    padding: 5.1282051282vw;
    align-items: flex-start;
    max-width: none;
  }

  .gx-wrapper .gx-about .c-study .box.book .card .page-title-btnbox {
    position: static;
    flex-direction: column;
    align-items: center;
    gap: 3.0769230769vw;
    margin-top: 5.1282051282vw;
    padding-top: 0;
  }

  .gx-wrapper .gx-about .c-study .box.book .card .page-title-btnbox-content {
    width: 82.0512820513vw;
    min-height: 13.4615384615vw;
    padding-inline: 0;
    margin-inline: auto;
    max-width: 100%;
  }

  .gx-wrapper .gx-about .c-study .box.book .card .text-container {
    max-width: none;
  }

  .gx-wrapper .gx-about .c-study .box.book .card .page-title-btnbox-content.--rakuten {
    width: 82.0512820513vw;
  }

  .gx-wrapper .gx-about .c-study .box.book .card .page-title-btnbox {
    width: 100%;
    position: static;
    left: auto;
    top: auto;
    transform: none;
    -webkit-transform: none;
    -ms-transform: none;
    justify-content: center;
  }

  .gx-wrapper .c-study .card .text p {
    font-size: 3.5897435897vw;
    line-height: 1.5;
  }

  .gx-wrapper .c-study .card .arrow,
  .gx-wrapper .c-study .card .icon {
    width: 5.1282051282vw;
    right: 3.5897435897vw;
    bottom: 3.5897435897vw;
  }

  .gx-wrapper .c-study .character-card {
    display: none;
  }

  .gx-wrapper .c-study .note {
    font-size: 3.0769230769vw;
    text-align: left;
    margin-top: 4.1025641026vw;
  }

  .gx-wrapper .c-study .text-container.after {
    margin-top: 8.2051282051vw;
  }

  .gx-wrapper .c-study .text-container.after p {
    font-size: 3.5897435897vw;
    line-height: 1.6;
    margin-bottom: 2.5641025641vw;
  }

  .gx-wrapper .c-study .text-container.after .green,
  .gx-wrapper .c-study .text-container.after .red {
    font-size: 4.1025641026vw;
  }

  .gx-wrapper .c-study .text-container.after .small {
    font-size: 3.0769230769vw;
    line-height: 1.4;
  }

  /* aboutページ専用のスタイル */
  .gx-wrapper .gx-about .c-study .text-container.after .green,
  .gx-wrapper .gx-about .c-study .text-container.after .red {
    font-size: 3.5897435897vw;
    line-height: 1.5;
  }

  .gx-wrapper .gx-about .c-study .text-container.after .small {
    font-size: 3.0769230769vw;
    line-height: 1.2;
  }
}

/*--------------------------------------------------------------
  faq
--------------------------------------------------------------*/
.gx-wrapper .c-faq {
  padding-block: min(68px, 4.7222222222vw);
}

.gx-wrapper .c-faq .inner {
  width: min(1200px, 83.3333333333vw);
  margin-inline: auto;
}

.gx-wrapper .c-faq .faq-container {
  margin-top: min(68px, 4.7222222222vw);
}

.gx-wrapper .c-faq .faq-container dl {
  display: flex;
  flex-direction: column;
  row-gap: min(32px, 2.2222222222vw);
}

.gx-wrapper .c-faq .faq-container .row {
  display: flex;
  flex-direction: column;
  row-gap: min(16px, 1.1111111111vw);
  background-color: #f8f8f8;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15);
  border-radius: min(12px, 0.8333333333vw);
  padding-block: min(16px, 1.1111111111vw);
  padding-inline: min(20px, 1.3888888889vw);
}

.gx-wrapper .c-faq .faq-container dt {
  font-size: min(18px, 1.25vw);
  font-feature-settings: "pwid";
  line-height: 1.7777777778;
  color: #242424;
  padding-inline: min(40px, 2.7777777778vw);
  position: relative;
  cursor: pointer;
}

.gx-wrapper .c-faq .faq-container dt.open .icon::after {
  transform: translate(-50%, -50%) rotateZ(0);
}

.gx-wrapper .c-faq .faq-container dt::before {
  content: "";
  display: inline-block;
  background-size: 100% auto;
  background-position: 0 0;
  background-repeat: no-repeat;
  width: min(24px, 1.6666666667vw);
  height: min(24px, 1.6666666667vw);
  position: absolute;
  top: min(4px, 0.2777777778vw);
  left: 0;
}

.gx-wrapper .c-faq .faq-container .icon {
  background-color: #404040;
  border-radius: 50%;
  width: min(32px, 2.2222222222vw);
  height: min(32px, 2.2222222222vw);
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.gx-wrapper .c-faq .faq-container .icon::before,
.gx-wrapper .c-faq .faq-container .icon::after {
  content: "";
  display: block;
  background-color: #fff;
  width: min(9px, 0.625vw);
  height: min(2.4px, 0.1666666667vw);
  position: absolute;
  top: 50%;
  left: 50%;
}

.gx-wrapper .c-faq .faq-container .icon::before {
  transform: translate(-50%, -50%);
}

.gx-wrapper .c-faq .faq-container .icon::after {
  transform: translate(-50%, -50%) rotateZ(90deg);
  transition: transform 0.3s ease-out;
}

.gx-wrapper .c-faq .faq-container dd {
  font-size: min(18px, 1.25vw);
  font-feature-settings: "pwid";
  line-height: 1.7777777778;
  color: #242424;
  padding-top: min(20px, 1.3888888889vw);
  padding-left: min(80px, 5.5555555556vw);
  position: relative;
}

.gx-wrapper .c-faq .faq-container dd::before {
  content: "";
  display: inline-block;
  background-size: 100% auto;
  background-position: 0 0;
  background-repeat: no-repeat;
  width: min(24px, 1.6666666667vw);
  height: min(24px, 1.6666666667vw);
  position: absolute;
  top: min(24px, 1.6666666667vw);
  left: min(40px, 2.7777777778vw);
}

.gx-wrapper .c-faq .faq-container dd::after {
  content: "";
  display: inline-block;
  background-color: #fff;
  width: 100%;
  height: 4px;
  position: absolute;
  top: 0;
  left: 0;
}

.gx-wrapper .c-faq .faq-container .link {
  display: flex;
  flex-direction: row;
  justify-content: end;
  margin-top: min(32px, 2.2222222222vw);
}

.gx-wrapper .c-faq .faq-container .link a {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  -moz-column-gap: min(4px, 0.2777777778vw);
  column-gap: min(4px, 0.2777777778vw);
  font-size: min(16px, 1.1111111111vw);
  font-feature-settings: "pwid";
  font-weight: 700;
  line-height: 1.6;
  text-decoration: underline;
  transition: color 0.3s ease-out;
}

@media (hover: hover) {
  .gx-wrapper .c-faq .faq-container .link a:hover {
    opacity: 1;
  }
}

.gx-wrapper .c-faq .faq-container .link .arrow {
  width: min(24px, 1.6666666667vw);
}

.gx-wrapper .c-faq .faq-container .link .arrow img {
  transition: filter 0.3s ease-out;
}

@media (max-width: 751px) {
  .gx-wrapper .c-faq {
    padding-block: 17.4358974359vw;
  }

  .gx-wrapper .c-faq .inner {
    width: 89.7435897436vw;
  }

  .gx-wrapper .c-faq .faq-container {
    margin-top: 10.2564102564vw;
  }

  .gx-wrapper .c-faq .faq-container dl {
    row-gap: 8.2051282051vw;
  }

  .gx-wrapper .c-faq .faq-container .row {
    row-gap: 4.1025641026vw;
    border-radius: 3.0769230769vw;
    padding-block: 3.0769230769vw;
    padding-inline: 3.0769230769vw;
  }

  .gx-wrapper .c-faq .faq-container dt {
    font-size: 4.1025641026vw;
    line-height: 1.6;
    padding-inline: 9.2307692308vw 11.2820512821vw;
  }

  .gx-wrapper .c-faq .faq-container dt::before {
    width: 6.1538461538vw;
    height: 6.1538461538vw;
    top: 1.0256410256vw;
  }

  .gx-wrapper .c-faq .faq-container .icon {
    width: 6.1538461538vw;
    height: 6.1538461538vw;
    top: auto;
    right: 0;
    bottom: 1.0256410256vw;
    transform: translateY(0);
  }

  .gx-wrapper .c-faq .faq-container .icon::before,
  .gx-wrapper .c-faq .faq-container .icon::after {
    width: 1.7948717949vw;
    height: 0.358974359vw;
  }

  .gx-wrapper .c-faq .faq-container dd {
    font-size: 4.1025641026vw;
    line-height: 1.6;
    padding-top: 3.0769230769vw;
    padding-left: 12.3076923077vw;
  }

  .gx-wrapper .c-faq .faq-container dd::before {
    width: 6.1538461538vw;
    height: 6.1538461538vw;
    position: absolute;
    top: 4.1025641026vw;
    left: 3.3333333333vw;
  }

  .gx-wrapper .c-faq .faq-container dd::after {
    height: 2px;
  }

  .gx-wrapper .c-faq .faq-container .link {
    margin-top: 8.2051282051vw;
  }

  .gx-wrapper .c-faq .faq-container .link a {
    -moz-column-gap: 1.0256410256vw;
    column-gap: 1.0256410256vw;
    font-size: 3.5897435897vw;
    line-height: 1.5;
  }

  .gx-wrapper .c-faq .faq-container .link .arrow {
    width: 6.1538461538vw;
  }
}

/*--------------------------------------------------------------
  cta01
--------------------------------------------------------------*/
.gx-wrapper .c-cta01 {
  padding-block: min(40px, 4.7222222222vw);
}

.gx-wrapper .c-cta01 .inner {
  width: min(1200px, 83.3333333333vw);
  margin-inline: auto;
}

.gx-wrapper .c-cta01 .card {
  background-color: #fff;
  border-radius: min(12px, 0.8333333333vw);
  padding: min(20px, 1.3888888889vw);
}

.gx-wrapper .c-cta01 .wrapper {
  display: flex;
  flex-direction: row;
  -moz-column-gap: min(80px, 5.5555555556vw);
  column-gap: min(80px, 5.5555555556vw);
  border-style: solid;
  border-width: min(4px, 0.2777777778vw);
  border-radius: min(4px, 0.2777777778vw);
  padding: min(40px, 2.7777777778vw);
  position: relative;
}

.gx-wrapper .c-cta01 .image {
  width: min(550px, 38.1944444444vw);
  flex-shrink: 0;
}

.gx-wrapper .c-cta01 .text-container {
  width: min(440px, 30.5555555556vw);
}

.gx-wrapper .c-cta01 .text-container .row {
  display: grid;
  grid-template-columns: min(120px, 8.3333333333vw) auto;
  align-items: center;
  -moz-column-gap: min(4px, 0.2777777778vw);
  column-gap: min(4px, 0.2777777778vw);
  padding-block: min(6px, 0.4166666667vw);
  position: relative;
}

.gx-wrapper .c-cta01 .text-container .row::after {
  content: "";
  display: block;
  background-color: #d9d9d9;
  width: 100%;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: 0;
}

.gx-wrapper .c-cta01 .text-container dt {
  font-size: min(16px, 1.1111111111vw);
  font-weight: 700;
  font-feature-settings: "pwid";
  line-height: 1.6;
  color: #242424;
}

.gx-wrapper .c-cta01 .text-container dd {
  font-size: min(16px, 1.1111111111vw);
  font-weight: 400;
  font-feature-settings: "pwid";
  line-height: 1.6;
  color: #242424;
}

.gx-wrapper .c-cta01 .text-container dd a {
  text-decoration: underline;
}

.gx-wrapper .c-cta01 .text-container .tab {
  padding-right: min(24px, 1.6666666667vw);
  position: relative;
}

.gx-wrapper .c-cta01 .text-container .tab .icon {
  width: min(20px, 1.3888888889vw);
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.gx-wrapper .c-cta01 .button {
  width: 100%;
  margin: 30px auto 0;
  display: flex;
  justify-content: center;
  z-index: 1;
}

.gx-wrapper .c-cta01 .button a,
.gx-wrapper .c-cta01 .button-group a {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: min(20px, 1.3888888889vw);
  font-weight: 700;
  font-feature-settings: "pwid";
  line-height: 1;
  text-align: center;
  color: #ffffff;
  border-radius: 1000px;
  width: 100%;
  height: 100%;
  padding-block: min(20px, 1.3888888889vw);
  position: relative;
  transition: all 0.3s ease-out;
}

@media (hover: hover) {

  .gx-wrapper .c-cta01 .button a:hover .icon,
  .gx-wrapper .c-cta01 .button-group a:hover .icon {
    transform: translateX(min(4px, 0.2777777778vw)) translateY(-50%);
  }
}

.gx-wrapper .c-cta01 .button a .icon,
.gx-wrapper .c-cta01 .button-group a .icon {
  width: min(24px, 1.6666666667vw);
  position: absolute;
  top: 50%;
  right: min(20px, 1.3888888889vw);
  transform: translateY(-50%);
  transition: transform 0.3s ease-out;
}

.gx-wrapper .c-cta01 .button a .icon img {
  filter: invert(93%) sepia(93%) saturate(28%) hue-rotate(48deg) brightness(106%) contrast(107%);
}

@media (max-width: 751px) {
  .gx-wrapper .c-cta01 {
    padding-block: 5.1282051282vw;
  }

  .gx-wrapper .c-cta01 .inner {
    width: 89.7435897436vw;
  }

  .gx-wrapper .c-cta01 .card {
    border-radius: 2.0512820513vw;
    padding: 0;
    overflow: hidden;
  }

  .gx-wrapper .c-cta01 .wrapper {
    flex-direction: column;
    row-gap: 5.1282051282vw;
    border-width: 0.5128205128vw;
    border-radius: 2.0512820513vw;
    padding: 4.1025641026vw 9.2307692308vw;
    /* padding: 4.1025641026vw 9.2307692308vw 18.4615384615vw; */
  }

  .gx-wrapper .c-cta01 .image {
    width: 100%;
  }

  .gx-wrapper .c-cta01 .text-container {
    width: 100%;
  }

  .gx-wrapper .c-cta01 .text-container .row {
    grid-template-columns: 20.5128205128vw auto;
    -moz-column-gap: 1.0256410256vw;
    column-gap: 1.0256410256vw;
    padding-block: 1.0256410256vw;
  }

  .gx-wrapper .c-cta01 .text-container dt {
    font-size: 3.5897435897vw;
    line-height: 1.5;
  }

  .gx-wrapper .c-cta01 .text-container dd {
    font-size: 3.5897435897vw;
    line-height: 1.5;
  }

  .gx-wrapper .c-cta01 .text-container .tab {
    padding-right: 0;
  }

  .gx-wrapper .c-cta01 .button {
    width: 100%;
    right: auto;
    left: 0;
    bottom: 0;
  }

  .gx-wrapper .c-cta01 .button a {
    font-size: 4.1025641026vw;
    border-radius: 0;
    padding-block: 4.6153846154vw;
  }

  .gx-wrapper .c-cta01 .button a .icon {
    width: 3.5897435897vw;
    right: 23.0769230769vw;
  }
}

/*--------------------------------------------------------------
  cta02
--------------------------------------------------------------*/
.gx-wrapper .c-cta02 {
  padding-block: min(28px, 1.9444444444vw);
}

.gx-wrapper .c-cta02 .inner {
  width: min(1200px, 83.3333333333vw);
  margin-inline: auto;
}

.gx-wrapper .c-cta02 .card {
  display: flex;
  flex-direction: row;
  align-items: center;
  -moz-column-gap: min(50px, 3.4722222222vw);
  column-gap: min(50px, 3.4722222222vw);
  background-color: #fff;
  border-radius: min(12px, 0.8333333333vw);
  padding-block: min(40px, 2.7777777778vw);
  padding-left: min(160px, 11.1111111111vw);
  position: relative;
}

.gx-wrapper .c-cta02 .card .image {
  width: min(550px, 38.1944444444vw);
}

.gx-wrapper .c-cta02 .card .button-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  row-gap: min(20px, 1.3888888889vw);
  width: min(400px, 27.7777777778vw);
}

.gx-wrapper .c-cta02 .card .apply a {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: min(30px, 2.0833333333vw);
  font-feature-settings: "pwid";
  font-weight: 700;
  letter-spacing: 0.6px;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  color: #404040;
  border-radius: min(8px, 0.5555555556vw);
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15);
  width: 100%;
  height: min(180px, 12.5vw);
  position: relative;
}

@media (hover: hover) {
  .gx-wrapper .c-cta02 .card .apply a:hover::before {
    opacity: 0;
  }

  .gx-wrapper .c-cta02 .card .apply a:hover span.arrow {
    transform: translateY(-50%) translateX(4px);
  }
}

.gx-wrapper .c-cta02 .card .apply a::before,
.gx-wrapper .c-cta02 .card .apply a::after {
  content: "";
  display: block;
  border-radius: min(8px, 0.5555555556vw);
  box-shadow: inset 0 0 0 min(4px, 0.2777777778vw) #fff;
  position: absolute;
  inset: 0;
}

.gx-wrapper .c-cta02 .card .apply a::before {
  background-image: linear-gradient(180deg, #fbd922 0%, #fcbd22 100%);
  z-index: 1;
  transition: all 0.3s ease-out;
}

.gx-wrapper .c-cta02 .card .apply a::after {
  background-color: #fcbf23;
  z-index: 0;
}

.gx-wrapper .c-cta02 .card .apply a span {
  position: relative;
  z-index: 2;
}

.gx-wrapper .c-cta02 .card .apply a span.arrow {
  width: min(24px, 1.6666666667vw);
  position: absolute;
  top: 50%;
  right: min(20px, 1.3888888889vw);
  transform: translateY(-50%);
  transition: transform 0.3s ease-out;
}

.gx-wrapper .c-cta02 .card .apply a span.arrow img {
  filter: invert(19%) sepia(93%) saturate(0%) hue-rotate(205deg) brightness(85%) contrast(80%);
}

.gx-wrapper .c-cta02 .card .schedule a {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: min(20px, 1.3888888889vw);
  font-feature-settings: "pwid";
  font-weight: 700;
  letter-spacing: 0.4px;
  text-align: center;
  color: #f4f9f5;
  border-radius: min(8px, 0.5555555556vw);
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15);
  width: 100%;
  height: min(80px, 5.5555555556vw);
  position: relative;
}

@media (hover: hover) {
  .gx-wrapper .c-cta02 .card .schedule a:hover::before {
    opacity: 0;
  }

  .gx-wrapper .c-cta02 .card .schedule a:hover span.arrow {
    transform: translateY(-50%) translateX(4px);
  }
}

.gx-wrapper .c-cta02 .card .schedule a::before,
.gx-wrapper .c-cta02 .card .schedule a::after {
  content: "";
  display: block;
  border-radius: min(8px, 0.5555555556vw);
  box-shadow: inset 0 0 0 min(2px, 0.1388888889vw) #fff;
  position: absolute;
  inset: 0;
}

.gx-wrapper .c-cta02 .card .schedule a::before {
  z-index: 1;
  transition: all 0.3s ease-out;
}

.gx-wrapper .c-cta02 .card .schedule a::after {
  z-index: 0;
}

.gx-wrapper .c-cta02 .card .schedule a span {
  position: relative;
  z-index: 2;
}

.gx-wrapper .c-cta02 .card .schedule a span.arrow {
  width: min(24px, 1.6666666667vw);
  position: absolute;
  top: 50%;
  right: min(20px, 1.3888888889vw);
  transform: translateY(-50%);
  transition: transform 0.3s ease-out;
}

.gx-wrapper .c-cta02 .card .schedule a span.arrow img {
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
}

.gx-wrapper .c-cta02 .card .character {
  width: min(200px, 13.8888888889vw);
  position: absolute;
  left: 0;
  bottom: min(16px, 1.1111111111vw);
  z-index: 1;
}

@media (max-width: 751px) {
  .gx-wrapper .c-cta02 {
    padding-block: 5.1282051282vw;
  }

  .gx-wrapper .c-cta02 .inner {
    width: 89.7435897436vw;
  }

  .gx-wrapper .c-cta02 .card {
    flex-direction: column;
    row-gap: 5.1282051282vw;
    border-radius: 3.0769230769vw;
    padding-block: 8.2051282051vw 5.1282051282vw;
    padding-inline: 5.1282051282vw;
  }

  .gx-wrapper .c-cta02 .card .image {
    width: 67.9487179487vw;
  }

  .gx-wrapper .c-cta02 .card .button-container {
    row-gap: 5.1282051282vw;
    width: 100%;
  }

  .gx-wrapper .c-cta02 .card .apply a {
    font-size: 5.1282051282vw;
    letter-spacing: 2%;
    border-radius: 2.0512820513vw;
    height: 20.5128205128vw;
  }

  .gx-wrapper .c-cta02 .card .apply a::before,
  .gx-wrapper .c-cta02 .card .apply a::after {
    border-radius: 2.0512820513vw;
    box-shadow: inset 0 0 0 1.0256410256vw #fff;
  }

  .gx-wrapper .c-cta02 .card .apply a span {
    position: relative;
    z-index: 2;
  }

  .gx-wrapper .c-cta02 .card .apply a span.arrow {
    display: none;
  }

  .gx-wrapper .c-cta02 .card .schedule a {
    font-size: 4.1025641026vw;
    letter-spacing: 2%;
    border-radius: 2.0512820513vw;
    height: 15.3846153846vw;
  }

  .gx-wrapper .c-cta02 .card .schedule a::before,
  .gx-wrapper .c-cta02 .card .schedule a::after {
    border-radius: 2.0512820513vw;
    box-shadow: inset 0 0 0 0.5128205128vw #fff;
  }

  .gx-wrapper .c-cta02 .card .schedule a span {
    position: relative;
    z-index: 2;
  }

  .gx-wrapper .c-cta02 .card .schedule a span.arrow {
    display: none;
  }
}

/*--------------------------------------------------------------
  app-banner
--------------------------------------------------------------*/
.gx-wrapper .c-app-banner {
  background-color: #f4f9f5;
}

.gx-wrapper .c-app-banner .inner {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  -moz-column-gap: min(80px, 5.5555555556vw);
  column-gap: min(80px, 5.5555555556vw);
  padding-block: min(45px, 3.125vw);
}

.gx-wrapper .c-app-banner .inner a {
  display: inline-block;
  width: min(480px, 33.3333333333vw);
  transition: opacity 0.3s ease-out;
}

@media (hover: hover) {
  .gx-wrapper .c-app-banner .inner a:hover {
    opacity: 0.6;
  }
}

@media (max-width: 751px) {
  .gx-wrapper .c-app-banner .inner {
    flex-direction: column;
    row-gap: 7.6923076923vw;
    padding-block: 11.5384615385vw;
  }

  .gx-wrapper .c-app-banner .inner a {
    width: 88.4615384615vw;
  }
}

/*--------------------------------------------------------------
  character-float
--------------------------------------------------------------*/
.gx-wrapper .c-character-float {
  background-color: #fff;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15);
  width: 120px;
  height: 96px;
  padding: 6px;
  position: fixed;
  top: 50%;
  right: 0;
  z-index: 9999;
  transform: translateY(-50%);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-out;
}

.gx-wrapper .c-character-float.is-show {
  opacity: 1;
  visibility: visible;
}

.gx-wrapper .c-character-float .character {
  width: 70px;
  position: absolute;
  top: -46px;
  right: 4px;
  z-index: 2;
}

.gx-wrapper .c-character-float a {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-feature-settings: "pwid";
  font-weight: 900;
  line-height: 1.2;
  text-align: center;
  color: #404040;
  text-shadow: 0px 1px 0px #fff;
  background-color: #fcbf23;
  border-radius: 8px;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

@media (hover: hover) {
  .gx-wrapper .c-character-float a:hover::before {
    opacity: 0;
  }

  .gx-wrapper .c-character-float a:hover .arrow {
    transform: translateX(4px);
  }
}

.gx-wrapper .c-character-float a::before {
  content: "";
  display: block;
  background-image: linear-gradient(180deg, #fbd922 0%, #fcbd22 100%);
  border-radius: 8px;
  position: absolute;
  z-index: -1;
  inset: 0;
  transition: opacity 0.3s ease-out;
}

.gx-wrapper .c-character-float a .arrow {
  width: 20px;
  position: absolute;
  right: 6px;
  bottom: 6px;
  transition: transform 0.3s ease-out;
}

.gx-wrapper .c-character-float a .arrow img {
  filter: invert(23%) sepia(11%) saturate(0%) hue-rotate(174deg) brightness(96%) contrast(90%);
}

@media (max-width: 751px) {
  .gx-wrapper .c-character-float {
    top: 20%;
    transform: translateY(0);
  }
}

/*--------------------------------------------------------------
  bottom-bread-list
--------------------------------------------------------------*/
.gx-wrapper .c-bottom-bread-list .inner {
  width: min(1200px, 83.3333333333vw);
  margin-inline: auto;
  padding-block: min(12px, 0.8333333333vw);
}

.gx-wrapper .c-bottom-bread-list .list {
  display: flex;
  flex-direction: row;
  align-items: center;
  -moz-column-gap: min(36px, 2.5vw);
  column-gap: min(36px, 2.5vw);
}

.gx-wrapper .c-bottom-bread-list .item {
  font-size: min(16px, 1.1111111111vw);
  line-height: 1.6;
  color: #696969;
}

.gx-wrapper .c-bottom-bread-list .item a {
  color: #1b7c3b;
  position: relative;
  transition: color 0.3s ease-out;
}

@media (hover: hover) {
  .gx-wrapper .c-bottom-bread-list .item a:hover {
    color: #135629;
    opacity: 1;
  }
}

.gx-wrapper .c-bottom-bread-list .item .arrow {
  width: min(20px, 1.3888888889vw);
  margin-left: min(8px, 0.5555555556vw);
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
}

.gx-wrapper .c-bottom-bread-list .item .arrow img {
  filter: invert(41%) sepia(13%) saturate(2153%) hue-rotate(87deg) brightness(90%) contrast(97%);
  transition: filter 0.3s ease-out;
}

@media (max-width: 751px) {
  .gx-wrapper .c-bottom-bread-list .inner {
    width: auto;
    margin-inline: 0;
    padding-left: min(20px, 5.1282051282vw);
    padding-block: min(12px, 3.0769230769vw);
  }

  .gx-wrapper .c-bottom-bread-list .list {
    -moz-column-gap: min(36px, 9.2307692308vw);
    column-gap: min(36px, 9.2307692308vw);
    overflow-x: scroll;
  }

  .gx-wrapper .c-bottom-bread-list .item {
    font-size: min(14px, 3.5897435897vw);
    line-height: 1.5;
    white-space: nowrap;
  }

  .gx-wrapper .c-bottom-bread-list .item a {
    color: #1b7c3b;
  }

  .gx-wrapper .c-bottom-bread-list .item .arrow {
    width: min(20px, 5.1282051282vw);
    margin-left: min(8px, 2.0512820513vw);
  }
}

/*--------------------------------------------------------------
  top
--------------------------------------------------------------*/
.gx-wrapper .gx-top {
  /*  top  */
  /*  news  */
  /*  schedule  */
  /*  about  */
  /*  license  */
  /*  merit  */
  /*  message  */
}

.gx-wrapper .gx-top .top-fv {
  position: relative;
  z-index: 0;
}

.gx-wrapper .gx-top .top-fv .slider-container {
  position: relative;
}

.gx-wrapper .gx-top .top-fv .slider-container::before,
.gx-wrapper .gx-top .top-fv .slider-container::after {
  content: "";
  display: block;
  background-color: rgba(0, 0, 0, 0.3);
  width: min(120px, 8.3333333333vw);
  position: absolute;
  top: 0;
  bottom: min(56px, 3.8888888889vw);
  z-index: 2;
}

.gx-wrapper .gx-top .top-fv .slider-container::before {
  left: 0;
}

.gx-wrapper .gx-top .top-fv .slider-container::after {
  right: 0;
}

.gx-wrapper .gx-top .top-fv .slider-container .button-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: min(1200px, 83.3333333333vw);
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  transform: translate(-50%, -50%);
}

.gx-wrapper .gx-top .top-fv .slider-container .button-container .top-fv-prev-button,
.gx-wrapper .gx-top .top-fv .slider-container .button-container .top-fv-next-button {
  background-color: #ffffff;
  border: solid 2px #696969;
  border-radius: 50%;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.13),
    0px 0px 1px 1px rgba(0, 0, 0, 0.09);
  width: min(40px, 2.7777777778vw);
  height: min(40px, 2.7777777778vw);
  position: relative;
  cursor: pointer;
}

.gx-wrapper .gx-top .top-fv .slider-container .button-container .top-fv-prev-button img,
.gx-wrapper .gx-top .top-fv .slider-container .button-container .top-fv-next-button img {
  width: min(20px, 1.3888888889vw);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.gx-wrapper .gx-top .top-fv .slider-container .button-container .top-fv-prev-button {
  transform: translateX(-50%);
}

.gx-wrapper .gx-top .top-fv .slider-container .button-container .top-fv-next-button {
  transform: translateX(50%);
}

.gx-wrapper .gx-top .top-fv .slider-container .top-fv-pagination {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  -moz-column-gap: min(20px, 1.3888888889vw);
  column-gap: min(20px, 1.3888888889vw);
  padding-block: min(20px, 1.3888888889vw);
}

.gx-wrapper .gx-top .top-fv .slider-container .top-fv-pagination .swiper-pagination-bullet {
  background-color: #ffffff;
  border-color: #d9d9d9;
  border-style: solid;
  border-width: 1px;
  border-radius: 50%;
  width: min(16px, 1.1111111111vw);
  height: min(16px, 1.1111111111vw);
  margin: 0;
  opacity: 1;
  transition: all 0.3s ease-out;
}

@media (hover: hover) {
  .gx-wrapper .gx-top .top-fv .slider-container .top-fv-pagination .swiper-pagination-bullet:hover {
    background-color: #f4f9f5;
    border-color: #d9d9d9;
  }
}

.gx-wrapper .gx-top .top-fv .slider-container .top-fv-pagination .swiper-pagination-bullet-active {
  background-color: #65a078;
  border-color: #65a078;
}

.gx-wrapper .gx-top .top-logo-slider {
  display: flex;
  justify-content: center;
  padding-top: 0;
  padding-bottom: 0;
}

.gx-wrapper .gx-top .top-logo-slider a {
  transition: opacity 0.3s ease-out;
}

.gx-wrapper .gx-top .top-logo-slider .skillup-ai-c-companySlider {
  position: relative;
  left: -24px;
  max-width: 1440px;
  width: 100vw;
  padding-bottom: 30px;
}

@media (min-width: 769px) {
  .gx-wrapper .gx-top .top-logo-slider .skillup-ai-c-companySlider {
    left: calc((100% - 100vw) / 2);
  }
}

@media (min-width: 1441px) {
  .gx-wrapper .gx-top .top-logo-slider .skillup-ai-c-companySlider {
    left: calc((100% - 1440px) / 2);
  }
}

.gx-wrapper .gx-top .top-logo-slider .c-companySlider__slider ul.swiper-wrapper {
  transition-timing-function: linear;
}

.gx-wrapper .gx-top .top-logo-slider .c-companySlider__slider ul li {
  width: auto;
  /* height: 80px; */
  height: 60px;
}

.gx-wrapper .gx-top .top-logo-slider .c-companySlider__slider ul li img {
  width: inherit;
  height: inherit;
}

@media (hover: hover) {
  .gx-wrapper .gx-top .top-logo-slider a:hover {
    opacity: 0.7;
  }
}

.gx-wrapper .gx-top .top-news {
  padding-block: min(24px, 1.6666666667vw);
}

.gx-wrapper .gx-top .top-news .inner {
  width: min(1200px, 83.3333333333vw);
  margin-inline: auto;
}

.gx-wrapper .gx-top .top-news .list-container .item {
  display: grid;
  grid-template-columns: min(120px, 8.3333333333vw) min(120px, 8.3333333333vw) auto;
  justify-content: start;
  align-items: center;
  padding-block: min(20px, 1.3888888889vw);
  position: relative;
}

.gx-wrapper .gx-top .top-news .list-container .item::after {
  content: "";
  display: block;
  background-color: #d9d9d9;
  width: 100%;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: 0;
}

.gx-wrapper .gx-top .top-news .list-container .date {
  font-size: min(16px, 1.1111111111vw);
  font-weight: 400;
  font-feature-settings: "pwid";
  line-height: 1.6;
  color: #242424;
}

.gx-wrapper .gx-top .top-news .list-container .cat span {
  font-size: min(14px, 0.9722222222vw);
  font-weight: 700;
  font-feature-settings: "pwid";
  line-height: 1.4;
  text-align: center;
  color: #ffffff;
  background-color: #65a078;
  border-top-left-radius: min(8px, 0.5555555556vw);
  padding-block: min(1px, 0.0694444444vw);
  padding-inline: min(11px, 0.7638888889vw);
}

.gx-wrapper .gx-top .top-news .list-container .title a {
  font-size: min(16px, 1.1111111111vw);
  font-weight: 400;
  font-feature-settings: "pwid";
  line-height: 1.6;
  color: #404040;
  transition: color 0.3s ease-out;
}

@media (hover: hover) {
  .gx-wrapper .gx-top .top-news .list-container .title a:hover {
    color: #1b7c3b;
  }
}

.gx-wrapper .gx-top .top-news .link {
  margin-top: min(16px, 1.1111111111vw);
}

.gx-wrapper .gx-top .top-schedule {
  background-image: url("/assets-gx-new/images/top/bg_stripe.png");
}

.gx-wrapper .gx-top .top-schedule .inner {
  width: min(1200px, 83.3333333333vw);
  margin-inline: auto;
  padding-block: min(40px, 4.7222222222vw);
}

.gx-wrapper .gx-top .top-schedule .tab-container {
  background-color: #fff;
  border-radius: min(12px, 0.8333333333vw);
  padding-top: min(64px, 4.4444444444vw);
  padding-inline: min(20px, 1.3888888889vw);
  padding-bottom: min(20px, 1.3888888889vw);
  position: relative;
}

.gx-wrapper .gx-top .top-schedule .tab-area {
  position: relative;
}

.gx-wrapper .gx-top .top-schedule .tab-area .tab {
  display: flex;
  justify-content: center;
  align-items: center;
  width: min(285px, 19.7916666667vw);
  height: min(44px, 3.0555555556vw);
  position: absolute;
  bottom: 0;
  transition: all 0.3s ease-out;
  cursor: pointer;
}

.gx-wrapper .gx-top .top-schedule .tab-area .tab01 {
  background-color: #1b7c3b;
  border-top-right-radius: 0;
  border-top-left-radius: min(12px, 0.8333333333vw);
  left: 0;
}

.gx-wrapper .gx-top .top-schedule .tab-area .tab01::before {
  border-color: #1b7c3b transparent transparent transparent;
}

.gx-wrapper .gx-top .top-schedule .tab-area .tab01.active {
  border-top-right-radius: min(12px, 0.8333333333vw);
}

@media (hover: hover) {
  .gx-wrapper .gx-top .top-schedule .tab-area .tab01:hover {
    background-color: #135629;
  }
}

.gx-wrapper .gx-top .top-schedule .tab-area .tab02 {
  background-color: #015389;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  left: min(291.6px, 20.25vw);
}

.gx-wrapper .gx-top .top-schedule .tab-area .tab02::before {
  border-color: #015389 transparent transparent transparent;
}

.gx-wrapper .gx-top .top-schedule .tab-area .tab02.active {
  border-top-right-radius: min(12px, 0.8333333333vw);
  border-top-left-radius: min(12px, 0.8333333333vw);
}

@media (hover: hover) {
  .gx-wrapper .gx-top .top-schedule .tab-area .tab02:hover {
    background-color: #013a5f;
  }
}

.gx-wrapper .gx-top .top-schedule .tab-area .tab03 {
  background-color: #8f2f7b;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  right: min(291.6px, 20.25vw);
}

.gx-wrapper .gx-top .top-schedule .tab-area .tab03::before {
  border-color: #8f2f7b transparent transparent transparent;
}

.gx-wrapper .gx-top .top-schedule .tab-area .tab03.active {
  border-top-right-radius: min(12px, 0.8333333333vw);
  border-top-left-radius: min(12px, 0.8333333333vw);
}

@media (hover: hover) {
  .gx-wrapper .gx-top .top-schedule .tab-area .tab03:hover {
    background-color: #69225a;
  }
}

.gx-wrapper .gx-top .top-schedule .tab-area .tab04 {
  background-color: #00bdd7;
  border-top-right-radius: min(12px, 0.8333333333vw);
  border-top-left-radius: 0;
  right: 0;
}

.gx-wrapper .gx-top .top-schedule .tab-area .tab04::before {
  border-color: #00bdd7 transparent transparent transparent;
}

.gx-wrapper .gx-top .top-schedule .tab-area .tab04.active {
  border-top-right-radius: min(12px, 0.8333333333vw);
  border-top-left-radius: min(12px, 0.8333333333vw);
}

@media (hover: hover) {
  .gx-wrapper .gx-top .top-schedule .tab-area .tab04:hover {
    background-color: #00616e;
  }
}

.gx-wrapper .gx-top .top-schedule .tab-area .tab.active {
  height: min(72px, 5vw);
  pointer-events: none;
}

.gx-wrapper .gx-top .top-schedule .tab-area .tab.active::before {
  opacity: 1;
  visibility: visible;
}

.gx-wrapper .gx-top .top-schedule .tab-area .tab.active .label {
  font-size: min(24px, 1.6666666667vw);
}

.gx-wrapper .gx-top .top-schedule .tab-area .tab.active .en {
  opacity: 0.1;
  visibility: visible;
}

.gx-wrapper .gx-top .top-schedule .tab-area .tab::before {
  content: "";
  display: inline-block;
  border-style: solid;
  border-width: min(21px, 1.4583333333vw) min(50px, 3.4722222222vw) 0 min(50px, 3.4722222222vw);
  filter: drop-shadow(0px 6px 4px rgba(0, 0, 0, 0.1));
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  bottom: max(-15px, -1.0416666667vw);
  transform: translateX(-50%);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-out;
}

.gx-wrapper .gx-top .top-schedule .tab-area .label {
  font-size: min(16px, 1.1111111111vw);
  font-weight: 700;
  font-feature-settings: "pwid";
  line-height: 1;
  letter-spacing: min(0.32px, 0.0222222222vw);
  text-align: center;
  color: #ffffff;
  transition: font-size 0.3s ease-out;
}

.gx-wrapper .gx-top .top-schedule .tab-area .en {
  font-size: min(47px, 3.2638888889vw);
  font-weight: 700;
  font-feature-settings: "pwid";
  line-height: 1.4;
  color: #fff;
  position: absolute;
  top: min(7px, 0.4861111111vw);
  right: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-out;
}

.gx-wrapper .gx-top .top-schedule .panel-area {
  margin-top: min(12px, 0.8333333333vw);
}

.gx-wrapper .gx-top .top-schedule .panel-area .panel {
  display: none;
  flex-direction: row;
  justify-content: space-between;
  border-style: solid;
  border-width: min(4px, 0.2777777778vw);
  border-bottom-right-radius: min(12px, 0.8333333333vw);
  border-bottom-left-radius: min(12px, 0.8333333333vw);
  padding: min(40px, 2.7777777778vw);
  position: relative;
}

.gx-wrapper .gx-top .top-schedule .panel-area .panel01 {
  border-color: #1b7c3b;
}

.gx-wrapper .gx-top .top-schedule .panel-area .panel01 .text-container dd a {
  color: #135629;
}

.gx-wrapper .gx-top .top-schedule .panel-area .panel01 .text-container .tab .icon img {
  filter: invert(41%) sepia(13%) saturate(2153%) hue-rotate(87deg) brightness(90%) contrast(97%);
}

.gx-wrapper .gx-top .top-schedule .panel-area .panel01 .button a {
  background-color: #1b7c3b;
}

@media (hover: hover) {
  .gx-wrapper .gx-top .top-schedule .panel-area .panel01 .button a:hover {
    background-color: #135629;
  }
}

.gx-wrapper .gx-top .top-schedule .panel-area .panel02 {
  border-color: #015389;
}

.gx-wrapper .gx-top .top-schedule .panel-area .panel02 .text-container dd a {
  color: #013a5f;
}

.gx-wrapper .gx-top .top-schedule .panel-area .panel02 .text-container .tab .icon img {
  filter: invert(23%) sepia(87%) saturate(1475%) hue-rotate(182deg) brightness(85%) contrast(99%);
}

.gx-wrapper .gx-top .top-schedule .panel-area .panel02 .button a {
  background-color: #015389;
}

@media (hover: hover) {
  .gx-wrapper .gx-top .top-schedule .panel-area .panel02 .button a:hover {
    background-color: #013a5f;
  }
}

.gx-wrapper .gx-top .top-schedule .panel-area .panel03 {
  border-color: #8f2f7b;
}

.gx-wrapper .gx-top .top-schedule .panel-area .panel03 .text-container dd a {
  color: #69225a;
}

.gx-wrapper .gx-top .top-schedule .panel-area .panel03 .text-container .tab .icon img {
  filter: invert(21%) sepia(34%) saturate(3500%) hue-rotate(284deg) brightness(100%) contrast(86%);
}

.gx-wrapper .gx-top .top-schedule .panel-area .panel03 .button a {
  background-color: #8f2f7b;
}

@media (hover: hover) {
  .gx-wrapper .gx-top .top-schedule .panel-area .panel03 .button a:hover {
    background-color: #69225a;
  }
}

.gx-wrapper .gx-top .top-schedule .panel-area .panel04 {
  border-color: #00bdd7;
}

.gx-wrapper .gx-top .top-schedule .panel-area .panel04 .text-container dd a {
  color: #0094a8;
}

.gx-wrapper .gx-top .top-schedule .panel-area .panel04 .text-container .tab .icon img {
  filter: invert(48%) sepia(48%) saturate(7318%) hue-rotate(163deg) brightness(94%) contrast(101%);
}

.gx-wrapper .gx-top .top-schedule .panel-area .panel04 .button a {
  background-color: #00bdd7;
}

@media (hover: hover) {
  .gx-wrapper .gx-top .top-schedule .panel-area .panel04 .button a:hover {
    background-color: #00616e;
  }
}

.gx-wrapper .gx-top .top-schedule .panel-area .panel.active {
  display: flex;
}

.gx-wrapper .gx-top .top-schedule .panel-area .panel .image {
  width: min(550px, 38.1944444444vw);
}

.gx-wrapper .gx-top .top-schedule .panel-area .panel .text-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: min(440px, 30.5555555556vw);
}

.gx-wrapper .gx-top .top-schedule .panel-area .panel .text-container .row {
  display: grid;
  grid-template-columns: min(120px, 8.3333333333vw) auto;
  align-items: center;
  -moz-column-gap: min(4px, 0.2777777778vw);
  column-gap: min(4px, 0.2777777778vw);
  padding-block: min(6px, 0.4166666667vw);
  position: relative;
}

.gx-wrapper .gx-top .top-schedule .panel-area .panel .text-container .row::after {
  content: "";
  display: block;
  background-color: #d9d9d9;
  width: 100%;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: 0;
}

.gx-wrapper .gx-top .top-schedule .panel-area .panel .text-container dt {
  font-size: min(16px, 1.1111111111vw);
  font-weight: 700;
  font-feature-settings: "pwid";
  line-height: 1.6;
  color: #242424;
}

.gx-wrapper .gx-top .top-schedule .panel-area .panel .text-container dd {
  font-size: min(16px, 1.1111111111vw);
  font-weight: 400;
  font-feature-settings: "pwid";
  line-height: 1.6;
  color: #242424;
}

.gx-wrapper .gx-top .top-schedule .panel-area .panel .text-container .tab {
  padding-right: min(24px, 1.6666666667vw);
  position: relative;
}

.gx-wrapper .gx-top .top-schedule .panel-area .panel .text-container .tab .icon {
  width: min(20px, 1.3888888889vw);
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.gx-wrapper .gx-top .top-schedule .panel-area .panel .text-container .text {
  font-size: min(16px, 1.1111111111vw);
  font-weight: 700;
  font-feature-settings: "pwid";
  line-height: 1.6;
  color: #242424;
  margin-top: min(20px, 1.3888888889vw);
}

.gx-wrapper .gx-top .top-schedule .panel-area .panel .button,
.gx-wrapper .gx-top .top-schedule .panel-area .panel .button-group {
  width: 100%;
  height: 60px;
  margin: min(30px, 1.5625vw) auto 0;
  z-index: 1;
  display: flex;
  justify-content: center;
}

.gx-wrapper .gx-top .top-schedule .panel-area .panel .button a {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: min(20px, 1.3888888889vw);
  font-weight: 700;
  font-feature-settings: "pwid";
  line-height: 1;
  text-align: center;
  color: #ffffff;
  border-radius: 1000px;
  width: 100%;
  height: 100%;
  padding-block: min(20px, 1.3888888889vw);
  position: relative;
  transition: all 0.3s ease-out;
}

@media (hover: hover) {
  .gx-wrapper .gx-top .top-schedule .panel-area .panel .button a:hover .icon {
    transform: translateX(min(4px, 0.2777777778vw)) translateY(-50%);
  }
}

.gx-wrapper .gx-top .top-schedule .panel-area .panel .button a .icon {
  width: min(24px, 1.6666666667vw);
  position: absolute;
  top: 50%;
  right: min(20px, 1.3888888889vw);
  transform: translateY(-50%);
  transition: transform 0.3s ease-out;
}

.gx-wrapper .gx-top .top-schedule .panel-area .panel .button a .icon img {
  filter: invert(93%) sepia(93%) saturate(28%) hue-rotate(48deg) brightness(106%) contrast(107%);
}

.gx-wrapper .gx-top .top-schedule .panel-area .panel01 .button-group a {
  background-color: #fff;
  color: #1b7c3b;
  border: solid 2px #1b7c3b;
  transition: all 0.3s ease-out;
}

.gx-wrapper .gx-top .top-schedule .panel-area .panel01 .button-group a .icon img {
  filter: none;
}

@media (hover: hover) {
  .gx-wrapper .gx-top .top-schedule .panel-area .panel01 .button-group a:hover {
    background-color: #65a078;
    color: #fff;
    border: solid 2px #65a078;
  }

  .gx-wrapper .gx-top .top-schedule .panel-area .panel01 .button-group a:hover .icon img {
    content: url("/assets-gx-new/images/icon/Arrow-Right_White.svg");
  }
}

.gx-wrapper .gx-top .top-schedule .panel-area .panel02 .button-group a {
  background-color: #fff;
  color: #015389;
  border: solid 2px #015389;
  transition: all 0.3s ease-out;
}

.gx-wrapper .gx-top .top-schedule .panel-area .panel02 .button-group a .icon img {
  filter: none;
}

@media (hover: hover) {
  .gx-wrapper .gx-top .top-schedule .panel-area .panel02 .button-group a:hover {
    background-color: #4c9dd1;
    color: #fff;
    border: solid 2px #4c9dd1;
  }

  .gx-wrapper .gx-top .top-schedule .panel-area .panel02 .button-group a:hover .icon img {
    content: url("/assets-gx-new/images/icon/Arrow-Right_White.svg");
  }
}

.gx-wrapper .gx-top .top-schedule .panel-area .panel03 .button-group a {
  background-color: #fff;
  color: #8f2f7b;
  border: solid 2px #8f2f7b;
  transition: all 0.3s ease-out;
}

.gx-wrapper .gx-top .top-schedule .panel-area .panel03 .button-group a .icon img {
  filter: none;
}

@media (hover: hover) {
  .gx-wrapper .gx-top .top-schedule .panel-area .panel03 .button-group a:hover {
    background-color: #b95b8a;
    color: #fff;
    border: solid 2px #b95b8a;
  }

  .gx-wrapper .gx-top .top-schedule .panel-area .panel03 .button-group a:hover .icon img {
    content: url("/assets-gx-new/images/icon/Arrow-Right_White.svg");
  }
}

.gx-wrapper .gx-top .top-schedule .panel-area .panel04 .button-group a {
  background-color: #fff;
  color: #0094a8;
  border: solid 2px #0094a8;
  transition: all 0.3s ease-out;
}

.gx-wrapper .gx-top .top-schedule .panel-area .panel04 .button-group a .icon img {
  filter: none;
}

@media (hover: hover) {
  .gx-wrapper .gx-top .top-schedule .panel-area .panel04 .button-group a:hover {
    background-color: #75e4e5;
    color: #fff;
    border: solid 2px #75e4e5;
  }

  .gx-wrapper .gx-top .top-schedule .panel-area .panel04 .button-group a:hover .icon img {
    content: url("/assets-gx-new/images/icon/Arrow-Right_White.svg");
  }
}

.gx-wrapper .gx-top .top-learn {
  padding-block: min(68px, 4.7222222222vw);
}

.gx-wrapper .gx-top .top-learn .inner {
  width: min(1200px, 83.3333333333vw);
  margin-inline: auto;
  display: grid;
  row-gap: min(48px, 3.3333333333vw);
}

.gx-wrapper .gx-top .top-learn .card-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: min(25px, 1.7361111111vw);
}

.gx-wrapper .gx-top .top-learn .card {
  display: grid;
  row-gap: min(14px, 0.9722222222vw);
  align-items: start;
  justify-items: center;
  padding: min(25px, 1.7361111111vw) min(20px, 1.3888888889vw);
  border: 2px solid #1b7c3b;
  border-radius: min(12px, 0.8333333333vw);
  background-color: #ffffff;
  text-align: center;
  transition: background-color 0.3s ease-out, color 0.3s ease-out,
    box-shadow 0.3s ease-out;
}

.gx-wrapper .gx-top .top-learn .card .icon {
  width: min(40px, 2.7777777778vw);
  height: min(40px, 2.7777777778vw);
}

.gx-wrapper .gx-top .top-learn .card .icon img {
  width: 100%;
  height: 100%;
}

.gx-wrapper .gx-top .top-learn .card .card-title {
  font-size: min(20px, 1.3888888889vw);
  font-weight: 700;
  line-height: 1.5;
}

.gx-wrapper .gx-about #top-about,
.gx-wrapper .gx-about #top-license,
.gx-wrapper .gx-about #top-difference,
.gx-wrapper .gx-about #c-study,
.gx-wrapper .gx-about #c-merit,
.gx-wrapper .gx-about #top-message,
.gx-wrapper .gx-about #c-voice-interview,
.gx-wrapper .gx-advanced #top-difference,
.gx-wrapper .gx-advanced #c-change {
  scroll-margin-top: min(180px, 12.5vw);
}

@media (max-width: 751px) {

  .gx-wrapper .gx-about #top-about,
  .gx-wrapper .gx-about #top-license,
  .gx-wrapper .gx-about #top-difference,
  .gx-wrapper .gx-about #c-study,
  .gx-wrapper .gx-about #c-merit,
  .gx-wrapper .gx-about #top-message,
  .gx-wrapper .gx-about #c-voice-interview,
  .gx-wrapper .gx-advanced #top-difference,
  .gx-wrapper .gx-advanced #c-change {
    scroll-margin-top: 25.641025641vw;
  }
}

@media (hover: hover) {
  .gx-wrapper .gx-top .top-learn .card:hover {
    background-color: #d0e7d3;
  }
}

.gx-wrapper .gx-top .top-learn .card:focus-visible {
  outline: 3px solid #65a078;
  outline-offset: 4px;
}

@media (max-width: 1024px) {
  .gx-wrapper .gx-top .top-learn .inner {
    width: 90vw;
  }

  .gx-wrapper .gx-top .top-learn .card .card-title {
    font-size: min(20px, 2vw);
  }
}

@media (max-width: 751px) {
  .gx-wrapper .gx-top .top-learn {
    padding-block: 10.2564102564vw;
  }

  .gx-wrapper .gx-top .top-learn .inner {
    width: 89.7435897436vw;
    row-gap: 7.1794871795vw;
  }

  .gx-wrapper .gx-top .top-learn .card-container {
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
  }

  .gx-wrapper .gx-top .top-learn .card {
    row-gap: 14px;
    padding: 20px 15px;
    border-radius: 12px;
    height: 165px;
  }

  .gx-wrapper .gx-top .top-learn .card .icon {
    width: min(40px, 10.2564102564vw);
    height: min(40px, 10.2564102564vw);
  }

  .gx-wrapper .gx-top .top-learn .card .card-title {
    font-size: 4.1025641026vw;
  }
}

.gx-wrapper .gx-top .top-about {
  background-color: rgba(255, 255, 255, 0.5);
  background-image: url("/assets-gx-new/images/top/bg_about.svg");
  background-size: min(800px, 55.5555555556vw) min(900px, 62.5vw);
  background-repeat: no-repeat;
  background-position: center top;
  background-blend-mode: lighten;
}

/* aboutページ専用 - 背景画像の位置 */
.gx-wrapper .gx-about .top-about {
  background-position: center right;
}

.gx-wrapper .gx-top .top-about .inner {
  padding-block: min(68px, 4.7222222222vw);
  position: relative;
}

.gx-wrapper .gx-top .top-about .card {
  display: flex;
  flex-direction: column;
  row-gap: min(40px, 2.7777777778vw);
  align-items: center;
  background-color: rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 min(20px, 1.3888888889vw) 0 rgba(0, 0, 0, 0.3);
  border-radius: min(12px, 0.8333333333vw);
  width: min(1000px, 69.4444444444vw);
  margin-inline: auto;
  padding-block: min(60px, 4.1666666667vw);
  padding-inline: min(40px, 2.7777777778vw);
  position: relative;
  z-index: 1;
}

.gx-wrapper .gx-top .top-about .card .box .lead {
  font-size: min(28px, 1.9444444444vw);
  font-weight: 700;
  font-feature-settings: "pwid";
  line-height: 1.5;
  text-align: center;
  color: #242424;
}

.gx-wrapper .gx-top .top-about .card .box .text {
  font-size: min(18px, 1.25vw);
  font-weight: 400;
  font-feature-settings: "pwid";
  line-height: 1.75;
  text-align: center;
  color: #242424;
  margin-top: min(28px, 1.9444444444vw);
}

.gx-wrapper .gx-top .top-about .card .box .text a {
  color: #1b7c3b;
  text-decoration: underline;
  padding-right: min(24px, 1.6666666667vw);
  position: relative;
}

.gx-wrapper .gx-top .top-about .card .box .link-icon {
  width: min(20px, 1.3888888889vw);
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.gx-wrapper .gx-top .top-about .card .box .link-icon img {
  filter: invert(36%) sepia(12%) saturate(2359%) hue-rotate(87deg) brightness(102%) contrast(96%);
}

.gx-wrapper .gx-top .top-about .card .box .image {
  width: min(800px, 55.5555555556vw);
  margin-top: min(60px, 4.1666666667vw);
  margin-bottom: min(30px, 2.0833333333vw);
}

.gx-wrapper .gx-top .top-about .card .box .image-gxss {
  margin-top: min(28px, 1.9444444444vw);
  margin-inline: auto;
  text-align: center;
}

.gx-wrapper .gx-top .top-about .card .box .image-gxss img {
  max-width: 100%;
  height: auto;
  display: inline-block;
}

.gx-wrapper .gx-top .top-about .card .box .caption {
  font-size: min(14px, 0.9722222222vw);
  font-feature-settings: "pwid";
  line-height: 1.4;
  text-align: left;
  margin-top: min(15px, 1.0416666667vw);
}

/* aboutページ専用 - GXSSセクションのリンクの余白調整 */
.gx-wrapper .gx-about .top-about .card .box.box-gxss .text.is-left a {
  padding-right: 0;
}

.gx-wrapper .gx-top .top-about .card .reason {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #f4f9f5;
  border-radius: min(12px, 0.8333333333vw);
  padding-block: min(24px, 1.6666666667vw);
  padding-inline: min(60px, 4.1666666667vw);
  mix-blend-mode: multiply;
}

.gx-wrapper .gx-top .top-about .card .reason .head-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  -moz-column-gap: min(12px, 0.8333333333vw);
  column-gap: min(12px, 0.8333333333vw);
  border-bottom: dotted 2px #d0e7d3;
  padding-right: min(4px, 0.2777777778vw);
  padding-left: min(8px, 0.5555555556vw);
  padding-bottom: min(4px, 0.2777777778vw);
}

.gx-wrapper .gx-top .top-about .card .reason .head-container .head {
  font-size: min(24px, 1.6666666667vw);
  font-weight: 700;
  font-feature-settings: "pwid";
  line-height: 1.5;
  color: #242424;
}

.gx-wrapper .gx-top .top-about .card .reason .head-container .icon {
  width: min(40px, 2.7777777778vw);
}

.gx-wrapper .gx-top .top-about .card .reason .accordion {
  margin-top: min(24px, 1.6666666667vw);
  padding-bottom: min(77px, 5.3472222222vw);
  position: relative;
}

.gx-wrapper .gx-top .top-about .card .reason .accordion .button {
  background-color: #404040;
  border-radius: 50%;
  width: min(32px, 2.2222222222vw);
  height: min(32px, 2.2222222222vw);
  position: absolute;
  left: 50%;
  bottom: 0;
  z-index: 1;
  transform: translateX(-50%);
  cursor: pointer;
}

.gx-wrapper .gx-top .top-about .card .reason .accordion .button.is-show::before {
  opacity: 0;
  visibility: hidden;
}

.gx-wrapper .gx-top .top-about .card .reason .accordion .button.is-show::after {
  opacity: 1;
  visibility: visible;
}

.gx-wrapper .gx-top .top-about .card .reason .accordion .button.is-show .icon-open {
  opacity: 0;
  visibility: hidden;
}

.gx-wrapper .gx-top .top-about .card .reason .accordion .button.is-show .icon-close {
  opacity: 1;
  visibility: visible;
}

.gx-wrapper .gx-top .top-about .card .reason .accordion .button.is-show+.accordion-text::before {
  opacity: 0;
  visibility: hidden;
}

.gx-wrapper .gx-top .top-about .card .reason .accordion .button .icon {
  width: min(14px, 0.9722222222vw);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease-out;
}

.gx-wrapper .gx-top .top-about .card .reason .accordion .button .icon img {
  filter: invert(100%) sepia(98%) saturate(2%) hue-rotate(1deg) brightness(109%) contrast(100%);
}

.gx-wrapper .gx-top .top-about .card .reason .accordion .button .icon-open {
  opacity: 1;
  visibility: visible;
}

.gx-wrapper .gx-top .top-about .card .reason .accordion .button .icon-close {
  opacity: 0;
  visibility: hidden;
}

.gx-wrapper .gx-top .top-about .card .reason .accordion .button::before,
.gx-wrapper .gx-top .top-about .card .reason .accordion .button::after {
  display: inline-block;
  font-size: min(14px, 0.9722222222vw);
  font-weight: 700;
  font-feature-settings: "pwid";
  line-height: 1;
  letter-spacing: min(0.28px, 0.0194444444vw);
  text-align: center;
  white-space: nowrap;
  color: #404040;
  position: absolute;
  top: max(-22px, -1.5277777778vw);
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.3s ease-out;
}

.gx-wrapper .gx-top .top-about .card .reason .accordion .button::before {
  content: "続きを読む";
  opacity: 1;
  visibility: visible;
}

.gx-wrapper .gx-top .top-about .card .reason .accordion .button::after {
  content: "閉じる";
  opacity: 0;
  visibility: hidden;
}

.gx-wrapper .gx-top .top-about .card .reason .accordion .accordion-text {
  display: flex;
  flex-direction: column;
  row-gap: min(24px, 1.6666666667vw);
  overflow: hidden;
  position: relative;
}

.gx-wrapper .gx-top .top-about .card .reason .accordion .accordion-text.is-hide {
  height: min(100px, 6.9444444444vw);
}

.gx-wrapper .gx-top .top-about .card .reason .accordion .accordion-text::before {
  content: "";
  display: block;
  background-image: linear-gradient(180deg,
      rgba(244, 249, 245, 0) 0%,
      #f4f9f5 100%);
  width: 100%;
  height: min(52px, 3.6111111111vw);
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 1;
  visibility: visible;
  transition: all 0.3s ease-out;
}

.gx-wrapper .gx-top .top-about .card .reason .accordion .accordion-text .text {
  font-size: min(16px, 1.1111111111vw);
  font-weight: 400;
  font-feature-settings: "pwid";
  line-height: 1.6;
  color: #242424;
}

.gx-wrapper .gx-top .top-license .inner {
  width: min(1200px, 83.3333333333vw);
  margin-inline: auto;
  padding-block: min(60px, 4.1666666667vw);
}

.gx-wrapper .gx-top .top-license .table-container {
  margin-top: min(68px, 4.7222222222vw);
}

.gx-wrapper .gx-top .top-license .table-container tr {
  display: grid;
  grid-template-columns: min(120px, 8.3333333333vw) repeat(4,
      min(258px, 17.9166666667vw));
  -moz-column-gap: min(12px, 0.8333333333vw);
  column-gap: min(12px, 0.8333333333vw);
}

.gx-wrapper .gx-top .top-license .table-container tr:nth-of-type(2) {
  margin-top: min(16px, 1.1111111111vw);
}

.gx-wrapper .gx-top .top-license .table-container tr:nth-of-type(3),
.gx-wrapper .gx-top .top-license .table-container tr:nth-of-type(5) {
  background-color: #f8f8f8;
}

.gx-wrapper .gx-top .top-license .table-container th,
.gx-wrapper .gx-top .top-license .table-container td {
  display: flex;
  justify-content: center;
  align-items: center;
  font-feature-settings: "pwid";
  text-align: center;
  color: #242424;
  padding-block: min(12px, 0.8333333333vw);
  padding-inline: min(7.5px, 0.5208333333vw);
}

.gx-wrapper .gx-top .top-license .table-container th {
  font-size: min(16px, 1.1111111111vw);
  font-weight: 700;
  line-height: 1.6;
}

.gx-wrapper .gx-top .top-license .table-container th.label {
  font-size: min(20px, 1.3888888889vw);
  line-height: 1.5;
  position: relative;
}

/* aboutページ・advancedページ専用 - top-licenseとtop-differenceのリンクスタイル */
.gx-wrapper .gx-about .top-license .table-container th.label a,
.gx-wrapper :is(.gx-about, .gx-advanced) .top-difference .table-container th.label a,
.gx-wrapper .gx-advanced .top-difference .table-container th.label a {
  color: inherit;
  text-decoration: underline;
  text-decoration-thickness: 1px;
}

.gx-wrapper .gx-about .top-license .card-container .label a,
.gx-wrapper :is(.gx-about, .gx-advanced) .top-difference .card-container .label a,
.gx-wrapper .gx-advanced .top-difference .card-container .label a {
  color: inherit;
  text-decoration: underline;
  text-decoration-thickness: 1px;
}

.gx-wrapper .gx-top .top-license .table-container th.label02 {
  color: #015389;
  background-color: #d4e8f3;
}

.gx-wrapper .gx-top .top-license .table-container th.label03 {
  color: #8f2f7b;
  background-color: #f1d6ec;
}

.gx-wrapper .gx-top .top-license .table-container th.label04 {
  color: #0094a8;
  background-color: #cafaf7;
}

.gx-wrapper .gx-top .top-license .table-container th.label01 {
  color: #1b7c3b;
  background-color: #d0e7d3;
}

.gx-wrapper .gx-top .top-license .table-container th.label01::after {
  border-color: #d0e7d3 transparent transparent transparent;
}

.gx-wrapper .gx-top .top-license .table-container th.label02 {
  color: #015389;
  background-color: #d4e8f3;
}

.gx-wrapper .gx-top .top-license .table-container th.label02::after {
  border-color: #d4e8f3 transparent transparent transparent;
}

.gx-wrapper .gx-top .top-license .table-container th.label03 {
  color: #8f2f7b;
  background-color: #f1d6ec;
}

.gx-wrapper .gx-top .top-license .table-container th.label03::after {
  border-color: #f1d6ec transparent transparent transparent;
}

.gx-wrapper .gx-top .top-license .table-container th.label04 {
  color: #0094a8;
  background-color: #cafaf7;
}

.gx-wrapper .gx-top .top-license .table-container th.label04::after {
  border-color: #cafaf7 transparent transparent transparent;
}

.gx-wrapper .gx-top .top-license .table-container th.label::after {
  content: "";
  display: inline-block;
  border-style: solid;
  border-width: min(8px, 0.5555555556vw) min(8px, 0.5555555556vw) 0 min(8px, 0.5555555556vw);
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  bottom: max(-6px, -0.4166666667vw);
  transform: translateX(-50%);
}

.gx-wrapper .gx-top .top-license .table-container td {
  font-size: min(18px, 1.25vw);
  font-weight: 400;
  line-height: 1.75;
}

.gx-wrapper .gx-top .top-license .table-container td.kinds {
  font-weight: 700;
}

.gx-wrapper .gx-top .top-license .table-container td.list-container {
  -moz-text-align-last: left;
  text-align-last: left;
}

.gx-wrapper .gx-top .top-license .table-container td.list-container .item {
  padding-left: min(20px, 1.3888888889vw);
  position: relative;
}

.gx-wrapper .gx-top .top-license .table-container td.list-container .item::before {
  content: "";
  display: block;
  background-color: #242424;
  border-radius: 50%;
  width: min(5px, 0.3472222222vw);
  height: min(5px, 0.3472222222vw);
  position: absolute;
  top: min(14px, 0.9722222222vw);
  left: min(5px, 0.3472222222vw);
}

.gx-wrapper .gx-top .top-license .table-container td.list-container .child-item {
  padding-left: min(20px, 1.3888888889vw);
  position: relative;
}

.gx-wrapper .gx-top .top-license .table-container td.list-container .child-item::before {
  content: "";
  display: block;
  border-radius: 50%;
  border: solid 1px #000;
  width: min(5px, 0.3472222222vw);
  height: min(5px, 0.3472222222vw);
  position: absolute;
  top: min(14px, 0.9722222222vw);
  left: min(5px, 0.3472222222vw);
}

.gx-wrapper .gx-top .top-license .note {
  font-size: min(14px, 0.9722222222vw);
  font-weight: 400;
  font-feature-settings: "pwid";
  line-height: 1.4;
  color: #000000;
  margin-top: min(20px, 1.3888888889vw);
}

.gx-wrapper :is(.gx-about, .gx-advanced) .top-difference .inner,
.gx-wrapper .gx-advanced .top-difference .inner {
  width: min(1200px, 83.3333333333vw);
  margin-inline: auto;
  padding-block: min(60px, 4.1666666667vw);
}

.gx-wrapper :is(.gx-about, .gx-advanced) .top-difference .description {
  margin-top: min(32px, 2.2222222222vw);
  font-size: min(18px, 1.25vw);
  font-weight: 400;
  font-feature-settings: "pwid";
  line-height: 1.8;
  text-align: center;
  color: #242424;
}

.gx-wrapper :is(.gx-about, .gx-advanced) .top-difference .table-container {
  margin-top: min(40px, 2.7777777778vw);
}

.gx-wrapper :is(.gx-about, .gx-advanced) .top-difference .table-container table {
  width: 100%;
}

.gx-wrapper :is(.gx-about, .gx-advanced) .top-difference .table-container tr {
  display: grid;
  grid-template-columns: min(120px, 8.3333333333vw) repeat(2, minmax(0, 1fr));
  -moz-column-gap: min(12px, 0.8333333333vw);
  column-gap: min(12px, 0.8333333333vw);
}

.gx-wrapper :is(.gx-about, .gx-advanced) .top-difference .table-container tr:nth-of-type(3) {
  background-color: #f8f8f8;
}

.gx-wrapper :is(.gx-about, .gx-advanced) .top-difference .table-container th,
.gx-wrapper :is(.gx-about, .gx-advanced) .top-difference .table-container td {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-feature-settings: "pwid";
  text-align: left;
  color: #242424;
  padding-block: min(16px, 1.1111111111vw);
  padding-inline: min(8px, 0.5555555556vw);
}

.gx-wrapper :is(.gx-about, .gx-advanced) .top-difference .table-container th {
  font-size: min(16px, 1.1111111111vw);
  font-weight: 700;
  line-height: 1.6;
}

.gx-wrapper :is(.gx-about, .gx-advanced) .top-difference .table-container th:first-child,
.gx-wrapper :is(.gx-about, .gx-advanced) .top-difference .table-container td:first-child {
  justify-content: center;
  text-align: center;
}

.gx-wrapper :is(.gx-about, .gx-advanced) .top-difference .table-container tr:not(:first-of-type) th:first-child {
  justify-content: center;
  align-items: center;
  text-align: center;
}

.gx-wrapper :is(.gx-about, .gx-advanced) .top-difference .table-container th.label {
  justify-content: center;
  text-align: center;
  font-size: min(20px, 1.3888888889vw);
  line-height: 1.5;
  position: relative;
}

.gx-wrapper :is(.gx-about, .gx-advanced) .top-difference .table-container th.label01 {
  color: #1b7c3b;
  background-color: #d0e7d3;
}

.gx-wrapper :is(.gx-about, .gx-advanced) .top-difference .table-container th.label01::after {
  border-color: #d0e7d3 transparent transparent transparent;
}

.gx-wrapper :is(.gx-about, .gx-advanced) .top-difference .table-container th.label02 {
  color: #015389;
  background-color: #d4e8f3;
}

.gx-wrapper :is(.gx-about, .gx-advanced) .top-difference .table-container th.label02::after {
  border-color: #d4e8f3 transparent transparent transparent;
}

.gx-wrapper :is(.gx-about, .gx-advanced) .top-difference .table-container th.label::after {
  content: "";
  display: inline-block;
  border-style: solid;
  border-width: min(8px, 0.5555555556vw) min(8px, 0.5555555556vw) 0 min(8px, 0.5555555556vw);
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  bottom: max(-6px, -0.4166666667vw);
  transform: translateX(-50%);
}

.gx-wrapper :is(.gx-about, .gx-advanced) .top-difference .table-container td {
  font-size: min(18px, 1.25vw);
  font-weight: 400;
  line-height: 1.75;
  align-items: flex-start;
}

.gx-wrapper :is(.gx-about, .gx-advanced) .top-difference .table-container td .list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.gx-wrapper :is(.gx-about, .gx-advanced) .top-difference .table-container td.list-container {
  -moz-text-align-last: left;
  text-align-last: left;
  align-items: flex-start;
}

.gx-wrapper :is(.gx-about, .gx-advanced) .top-difference .table-container td.list-container .list {
  display: flex;
  flex-direction: column;
  row-gap: min(8px, 0.5555555556vw);
  width: 100%;
}

.gx-wrapper :is(.gx-about, .gx-advanced) .top-difference .table-container td.list-container .item {
  padding-left: min(20px, 1.3888888889vw);
  position: relative;
}

.gx-wrapper :is(.gx-about, .gx-advanced) .top-difference .table-container td.list-container .item::before {
  content: "";
  display: block;
  background-color: #242424;
  border-radius: 50%;
  width: min(5px, 0.3472222222vw);
  height: min(5px, 0.3472222222vw);
  position: absolute;
  top: min(14px, 0.9722222222vw);
  left: min(5px, 0.3472222222vw);
}

.gx-wrapper :is(.gx-about, .gx-advanced) .top-difference .table-container tr:nth-of-type(2) td {
  font-weight: 700;
  justify-content: center;
  align-items: center;
}

.gx-wrapper .gx-about .top-difference .table-container tr:nth-of-type(2) td:first-of-type {
  align-items: center;
  justify-content: center;
  text-align: center;
}

.gx-wrapper :is(.gx-about, .gx-advanced) .top-difference .table-container tr:nth-of-type(3) td {
  justify-content: center;
  text-align: center;
}

.gx-wrapper :is(.gx-about, .gx-advanced) .top-difference .card-container .card {
  background-color: #fff;
}

.gx-wrapper :is(.gx-about, .gx-advanced) .top-difference .card-container .card01 .label {
  color: #1b7c3b;
  background-color: #d0e7d3;
}

.gx-wrapper :is(.gx-about, .gx-advanced) .top-difference .card-container .card01 .label::before {
  border-color: #d0e7d3 transparent transparent transparent;
}

.gx-wrapper :is(.gx-about, .gx-advanced) .top-difference .card-container .card02 .label {
  color: #015389;
  background-color: #d4e8f3;
}

.gx-wrapper :is(.gx-about, .gx-advanced) .top-difference .card-container .card02 .label::before {
  border-color: #d4e8f3 transparent transparent transparent;
}

.gx-wrapper :is(.gx-about, .gx-advanced) .top-difference .card-container dd .list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  row-gap: 2.0512820513vw;
}

.gx-wrapper :is(.gx-about, .gx-advanced) .top-difference .card-container dd .item {
  padding-left: 4.1025641026vw;
  position: relative;
}

.gx-wrapper :is(.gx-about, .gx-advanced) .top-difference .card-container dd .item::before {
  content: "";
  display: block;
  background-color: #242424;
  border-radius: 50%;
  width: 1.0256410256vw;
  height: 1.0256410256vw;
  position: absolute;
  top: 1.7948717949vw;
  left: 1.5384615385vw;
}

.gx-wrapper .gx-top .c-merit {
  background-image: url("/assets-gx-new/images/top/bg_green_wave.jpg");
}

.gx-wrapper .gx-top .top-message {
  padding-block: min(68px, 4.7222222222vw);
}

.gx-wrapper .gx-top .top-message .inner {
  width: min(1200px, 83.3333333333vw);
  margin-inline: auto;
}

.gx-wrapper .gx-top .top-message .wrapper {
  display: grid;
  grid-template-columns: min(740px, 51.3888888889vw) min(400px, 27.7777777778vw);
  grid-template-rows: repeat(1, auto);
  justify-content: space-between;
  row-gap: min(40px, 2.7777777778vw);
}

.gx-wrapper .gx-top .top-message .title-container {
  grid-column: 1;
  grid-row: 1;
}

.gx-wrapper .gx-top .top-message .title-container .label span {
  font-size: min(16px, 1.1111111111vw);
  font-weight: 700;
  font-feature-settings: "pwid";
  line-height: 1.6;
  text-align: center;
  color: #ffffff;
  background-color: #65a078;
  border-top-left-radius: min(8px, 0.5555555556vw);
  padding-block: min(4px, 0.2777777778vw);
  padding-inline: min(16px, 1.1111111111vw);
}

.gx-wrapper .gx-top .top-message .title-container .title {
  display: inline-block;
  font-size: min(47px, 3.2638888889vw);
  font-weight: 700;
  font-feature-settings: "pwid";
  line-height: 1.4;
  color: #242424;
  margin-top: min(12px, 0.8333333333vw);
  padding-bottom: min(12px, 0.8333333333vw);
  position: relative;
}

.gx-wrapper .gx-top .top-message .title-container .title::after {
  content: "";
  display: block;
  background-color: #65a078;
  width: min(506px, 35.1388888889vw);
  height: min(4px, 0.2777777778vw);
  position: absolute;
  left: max(-120px, -8.3333333333vw);
  bottom: 0;
}

.gx-wrapper .gx-top .top-message .text-container {
  grid-column: 1;
  grid-row: 2;
  display: flex;
  flex-direction: column;
  row-gap: min(12px, 0.8333333333vw);
}

.gx-wrapper .gx-top .top-message .text-container .text {
  font-size: min(18px, 1.25vw);
  font-weight: 400;
  font-feature-settings: "pwid";
  line-height: 1.75;
  color: #242424;
}

.gx-wrapper .gx-top .top-message .image {
  grid-column: 2;
  grid-row: 1/3;
}

@media (max-width: 751px) {
  .gx-wrapper .gx-top {
    /*  top  */
    /*  news  */
    /*  schedule  */
    /*  about  */
    /*  license  */
    /*  message  */
  }

  .gx-wrapper .gx-top .top-fv .slider-container::before,
  .gx-wrapper .gx-top .top-fv .slider-container::after {
    display: none;
  }

  .gx-wrapper .gx-top .top-fv .slider-container .button-container.is-pc {
    display: none;
  }

  .gx-wrapper .gx-top .top-fv .slider-container .top-fv-pagination {
    -moz-column-gap: 4.1025641026vw;
    column-gap: 4.1025641026vw;
    padding-block: 5.1282051282vw;
  }

  .gx-wrapper .gx-top .top-fv .slider-container .top-fv-pagination .swiper-pagination-bullet {
    width: 3.0769230769vw;
    height: 3.0769230769vw;
  }

  .gx-wrapper .gx-top .fv-banner {
    padding-top: 5.1282051282vw;
    padding-bottom: 0;
  }

  .gx-wrapper .gx-top .top-news {
    padding-block: 10.2564102564vw;
  }

  .gx-wrapper .gx-top .top-news .inner {
    width: 91.7948717949vw;
  }

  .gx-wrapper .gx-top .top-news .list-container .item {
    grid-template-columns: auto 1fr;
    grid-template-rows: repeat(2, auto);
    gap: 2.0512820513vw;
    padding-block: 4.1025641026vw;
  }

  .gx-wrapper .gx-top .top-news .list-container .date {
    grid-column: 1;
    grid-row: 1;
    font-size: 3.0769230769vw;
    line-height: 1.4;
  }

  .gx-wrapper .gx-top .top-news .list-container .cat {
    grid-column: 2;
    grid-row: 1;
  }

  .gx-wrapper .gx-top .top-news .list-container .cat span {
    font-size: 2.5641025641vw;
    font-weight: 400;
    line-height: 1.2;
    border-top-left-radius: 0;
    padding-block: 0.2564102564vw;
    padding-inline: 2.0512820513vw;
  }

  .gx-wrapper .gx-top .top-news .list-container .title {
    grid-column: 1/3;
  }

  .gx-wrapper .gx-top .top-news .list-container .title a {
    font-size: 3.5897435897vw;
    line-height: 1.5;
  }

  .gx-wrapper .gx-top .top-news .link {
    display: flex;
    justify-content: flex-end;
    margin-top: 3.0769230769vw;
  }

  .gx-wrapper .gx-top .top-news .link a {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    -moz-column-gap: 3.0769230769vw;
    column-gap: 3.0769230769vw;
    font-size: 3.3333333333vw;
    font-weight: 700;
    font-feature-settings: "pwid";
    line-height: 1;
    letter-spacing: 0.0666666667vw;
    color: #404040;
  }

  .gx-wrapper .gx-top .top-news .link a .arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #404040;
    border-radius: 50%;
    width: 6.1538461538vw;
    height: 6.1538461538vw;
  }

  .gx-wrapper .gx-top .top-news .link a .arrow img {
    filter: invert(99%) sepia(6%) saturate(627%) hue-rotate(254deg) brightness(115%) contrast(100%);
    width: 2.6923076923vw;
  }

  .gx-wrapper .gx-top .top-schedule .inner {
    width: 100%;
    margin-inline: 0;
    padding-block: 5.1282051282vw;
  }

  .gx-wrapper .gx-top .top-schedule .slider-container {
    position: relative;
  }

  .gx-wrapper .gx-top .top-schedule .slider-container .item {
    display: flex;
    flex-direction: column;
    row-gap: 5.1282051282vw;
    background-color: #fff;
    border-style: solid;
    border-width: 2px;
    border-radius: 3.0769230769vw;
    padding-top: 4.1025641026vw;
    overflow: hidden;
  }

  .gx-wrapper .gx-top .top-schedule .slider-container .item01 {
    border-color: #65a078;
  }

  .gx-wrapper .gx-top .top-schedule .slider-container .item01 .button a {
    background-color: #1b7c3b;
  }

  .gx-wrapper .gx-top .top-schedule .slider-container .item02 {
    border-color: #457fa5;
  }

  .gx-wrapper .gx-top .top-schedule .slider-container .item02 .button a {
    background-color: #015389;
  }

  .gx-wrapper .gx-top .top-schedule .slider-container .item03 {
    border-color: #b95b8a;
  }

  .gx-wrapper .gx-top .top-schedule .slider-container .item03 .button a {
    background-color: #8f2f7b;
  }

  .gx-wrapper .gx-top .top-schedule .slider-container .item04 {
    border-color: #75e4e5;
  }

  .gx-wrapper .gx-top .top-schedule .slider-container .item04 .button a {
    background-color: #00bdd7;
  }

  /* .gx-wrapper .gx-top .top-schedule .slider-container .image {
    padding-inline: 5.1282051282vw;
  } */

  /* div.image を使わず img 直指定 */
  .gx-wrapper .gx-top .top-schedule .slider-container .slide-image {
    display: block;
    width: 100%;
    height: auto;
    padding-inline: 5.1282051282vw;
    box-sizing: border-box;
  }

  .gx-wrapper .gx-top .top-schedule .slider-container .text-container {
    display: flex;
    flex-direction: column;
    /* row-gap: 5.1282051282vw; */
    padding-inline: 9.2307692308vw;
    padding-bottom: 4.1025641026vw;
  }

  .gx-wrapper .gx-top .top-schedule .slider-container .text-container .row {
    display: grid;
    grid-template-columns: 20.5128205128vw auto;
    align-items: center;
    -moz-column-gap: 1.0256410256vw;
    column-gap: 1.0256410256vw;
    padding-block: 2.1794871795vw;
    position: relative;
  }

  .gx-wrapper .gx-top .top-schedule .slider-container .text-container .row::after {
    content: "";
    display: block;
    background-color: #d9d9d9;
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
  }

  .gx-wrapper .gx-top .top-schedule .slider-container .text-container dt {
    font-size: 3.5897435897vw;
    font-weight: 700;
    font-feature-settings: "pwid";
    line-height: 1.5;
    color: #242424;
  }

  .gx-wrapper .gx-top .top-schedule .slider-container .text-container dd {
    font-size: 3.5897435897vw;
    font-weight: 400;
    font-feature-settings: "pwid";
    line-height: 1.5;
    color: #242424;
  }

  .gx-wrapper .gx-top .top-schedule .slider-container .text-container .tab {
    padding-right: 0;
  }

  .gx-wrapper .gx-top .top-schedule .slider-container .text-container .text {
    font-size: 3.5897435897vw;
    font-weight: 700;
    font-feature-settings: "pwid";
    line-height: 1.5;
    color: #242424;
  }

  .gx-wrapper .gx-top .top-schedule .slider-container .button a {
    display: flex;
    justify-content: center;
    align-items: center;
    -moz-column-gap: 2.0512820513vw;
    column-gap: 2.0512820513vw;
    font-size: 4.1025641026vw;
    font-weight: 700;
    font-feature-settings: "pwid";
    line-height: 1.25;
    letter-spacing: 0.0820512821vw;
    color: #ffffff;
    width: 100%;
    padding-block: 4.1025641026vw;
  }

  .gx-wrapper .gx-top .top-schedule .slider-container .button a .icon {
    width: 5.1282051282vw;
  }

  .gx-wrapper .gx-top .top-schedule .slider-container .button a .icon img {
    filter: invert(99%) sepia(6%) saturate(56%) hue-rotate(278deg) brightness(117%) contrast(100%);
  }

  .gx-wrapper .gx-top .top-schedule .slider-container .button-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    position: absolute;
    top: 52.5641025641vw;
    left: 0;
    z-index: 1;
  }

  .gx-wrapper .gx-top .top-schedule .slider-container .button-container .top-schedule-prev-button,
  .gx-wrapper .gx-top .top-schedule .slider-container .button-container .top-schedule-next-button {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.13),
      0px 0px 1px 1px rgba(0, 0, 0, 0.09);
    border: solid 2px #696969;
    border-radius: 50%;
    width: 10.2564102564vw;
    height: 10.2564102564vw;
  }

  .gx-wrapper .gx-top .top-schedule .slider-container .button-container .top-schedule-prev-button img,
  .gx-wrapper .gx-top .top-schedule .slider-container .button-container .top-schedule-next-button img {
    width: 5.1282051282vw;
  }

  .gx-wrapper .gx-top .top-schedule .slider-container .button-more,
  .gx-wrapper .gx-top .top-schedule .slider-container .button-group {
    width: 100%;
    margin: min(30px, 1.5625vw) auto 0;
    margin-top: 20px;
    z-index: 1;
    display: flex;
    justify-content: center;
  }

  .gx-wrapper .gx-top .top-schedule .slider-container .button-group {
    margin-top: 10px;
  }

  .gx-wrapper .gx-top .top-schedule .slider-container .button-more a,
  .gx-wrapper .gx-top .top-schedule .slider-container .button-group a {
    display: flex;
    justify-content: space-between;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: 700;
    font-feature-settings: "pwid";
    line-height: 1;
    text-align: center;
    color: #ffffff;
    border-radius: 1000px;
    width: 100%;
    min-height: 40px;
    padding-block: min(20px, 1.3888888889vw);
    position: relative;
  }

  .gx-wrapper .gx-top .top-schedule .slider-container .item01 .button-more a {
    background-color: #1b7c3b;
    color: #fff;
  }

  .gx-wrapper .gx-top .top-schedule .slider-container .item01 .button-group a {
    background-color: #fff;
    color: #1b7c3b;
    border: solid 2px #1b7c3b;
  }

  .gx-wrapper .gx-top .top-schedule .slider-container .item02 .button-more a {
    background-color: #015389;
    color: #fff;
  }

  .gx-wrapper .gx-top .top-schedule .slider-container .item02 .button-group a {
    background-color: #fff;
    color: #015389;
    border: solid 2px #015389;
  }

  .gx-wrapper .gx-top .top-schedule .slider-container .item03 .button-more a {
    background-color: #8f2f7b;
    color: #fff;
  }

  .gx-wrapper .gx-top .top-schedule .slider-container .item03 .button-group a {
    background-color: #fff;
    color: #8f2f7b;
    border: solid 2px #8f2f7b;
  }

  .gx-wrapper .gx-top .top-schedule .slider-container .item04 .button-more a {
    background-color: #0094a8;
    color: #fff;
  }

  .gx-wrapper .gx-top .top-schedule .slider-container .item04 .button-group a {
    background-color: #fff;
    color: #0094a8;
    border: solid 2px #0094a8;
  }

  .gx-wrapper .gx-top .top-schedule .slider-container .button-more a .icon,
  .gx-wrapper .gx-top .top-schedule .slider-container .button-group a .icon {
    position: absolute;
    right: 10%;
    top: 50%;
    transform: translate(10%, -50%);
  }

  .gx-wrapper .gx-top .top-about {
    background-size: 82.0512820513vw 76.9230769231vw;
    background-position: center top;
  }

  /* aboutページ専用 - 背景画像の位置（SP） */
  .gx-wrapper .gx-about .top-about {
    background-position: center right;
  }

  .gx-wrapper .gx-top .top-about .inner {
    padding-block: 10.2564102564vw;
  }

  .gx-wrapper .gx-top .top-about .card {
    row-gap: 8.2051282051vw;
    background-color: transparent;
    box-shadow: none;
    border-radius: 0;
    width: 91.7948717949vw;
    padding-block: 0;
    padding-inline: 0;
  }

  .gx-wrapper .gx-top .top-about .card .box .lead {
    font-size: 6.1538461538vw;
    font-weight: 600;
    line-height: 1.2;
  }

  .gx-wrapper .gx-top .top-about .card .box .text {
    font-size: 4.1025641026vw;
    line-height: 1.6;
    text-align: left;
    margin-top: 7.1794871795vw;
  }

  .gx-wrapper .gx-top .top-about .card .box .text a {
    padding-right: 0;
  }

  .gx-wrapper .gx-top .top-about .card .box .image {
    width: 100%;
    margin-top: 15.3846153846vw;
    margin-bottom: 7.6923076923vw;
  }

  .gx-wrapper .gx-top .top-about .card .box .caption {
    font-size: 3.5897435897vw;
    line-height: 1.4;
    margin-top: 4.1025641026vw;
  }

  .gx-wrapper .gx-top .top-about .card .reason {
    border-radius: 3.0769230769vw;
    padding-block: 6.1538461538vw;
    padding-inline: 0;
  }

  .gx-wrapper .gx-top .top-about .card .reason .head-container {
    -moz-column-gap: 3.0769230769vw;
    column-gap: 3.0769230769vw;
    border-bottom: dotted 2px #d0e7d3;
    padding-right: 1.0256410256vw;
    padding-left: 2.0512820513vw;
    padding-bottom: 1.2820512821vw;
  }

  .gx-wrapper .gx-top .top-about .card .reason .head-container .head {
    font-size: 5.1282051282vw;
  }

  .gx-wrapper .gx-top .top-about .card .reason .head-container .icon {
    width: 10.2564102564vw;
  }

  .gx-wrapper .gx-top .top-about .card .reason .accordion {
    margin-top: 5.1282051282vw;
    padding-bottom: 19.7435897436vw;
  }

  .gx-wrapper .gx-top .top-about .card .reason .accordion .button {
    width: 8.2051282051vw;
    height: 8.2051282051vw;
  }

  .gx-wrapper .gx-top .top-about .card .reason .accordion .button .icon {
    width: 3.5897435897vw;
  }

  .gx-wrapper .gx-top .top-about .card .reason .accordion .button::before,
  .gx-wrapper .gx-top .top-about .card .reason .accordion .button::after {
    font-size: 3.5897435897vw;
    letter-spacing: 0.0717948718vw;
    top: -5.641025641vw;
  }

  .gx-wrapper .gx-top .top-about .card .reason .accordion .accordion-text {
    row-gap: 6.1538461538vw;
    padding-right: 12.8205128205vw;
    padding-left: 5.1282051282vw;
  }

  .gx-wrapper .gx-top .top-about .card .reason .accordion .accordion-text.is-hide {
    height: 23.0769230769vw;
  }

  .gx-wrapper .gx-top .top-about .card .reason .accordion .accordion-text::before {
    height: 13.3333333333vw;
  }

  .gx-wrapper .gx-top .top-about .card .reason .accordion .accordion-text .text {
    font-size: 3.5897435897vw;
    line-height: 1.5;
  }

  .gx-wrapper :is(.gx-about, .gx-advanced) .top-difference .inner {
    width: 91.7948717949vw;
    padding-block: 10.2564102564vw;
  }

  .gx-wrapper :is(.gx-about, .gx-advanced) .top-difference .description {
    margin-top: 5.641025641vw;
    font-size: 3.5897435897vw;
    line-height: 1.8;
    text-align: center;
  }

  .gx-wrapper :is(.gx-about, .gx-advanced) .top-difference .table-container {
    margin-top: 12.8205128205vw;
  }

  .gx-wrapper :is(.gx-about, .gx-advanced) .top-difference .table-container tr {
    grid-template-columns: min(100px, 12.8205128205vw) repeat(2, 1fr);
    row-gap: 5.1282051282vw;
  }

  .gx-wrapper :is(.gx-about, .gx-advanced) .top-difference .table-container th,
  .gx-wrapper :is(.gx-about, .gx-advanced) .top-difference .table-container td {
    padding-block: 4.1025641026vw;
    padding-inline: 0;
  }

  .gx-wrapper :is(.gx-about, .gx-advanced) .top-difference .table-container th {
    font-size: 3.5897435897vw;
  }

  .gx-wrapper :is(.gx-about, .gx-advanced) .top-difference .table-container th.label {
    font-size: 4.6153846154vw;
  }

  .gx-wrapper :is(.gx-about, .gx-advanced) .top-difference .table-container th.label::after {
    border-width: 2.0512820513vw 2.0512820513vw 0 2.0512820513vw;
    bottom: -1.0256410256vw;
  }

  .gx-wrapper :is(.gx-about, .gx-advanced) .top-difference .table-container td {
    font-size: 3.3333333333vw;
    line-height: 1.7;
  }

  .gx-wrapper :is(.gx-about, .gx-advanced) .top-difference .table-container td.list-container .list {
    row-gap: 2.5641025641vw;
  }

  .gx-wrapper :is(.gx-about, .gx-advanced) .top-difference .table-container td.list-container .item::before {
    width: 1.0256410256vw;
    height: 1.0256410256vw;
    top: 2.5641025641vw;
    left: 1.0256410256vw;
  }

  .gx-wrapper :is(.gx-about, .gx-advanced) .top-difference .card-container {
    display: flex;
    flex-direction: column;
    row-gap: 14.358974359vw;
    margin-top: 14.358974359vw;
  }

  .gx-wrapper :is(.gx-about, .gx-advanced) .top-difference .card-container .card {
    display: flex;
    flex-direction: column;
    row-gap: 5.1282051282vw;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15);
    border: solid 2px #d9d9d9;
    border-radius: 2.0512820513vw;
    padding-top: 13.3333333333vw;
    padding-inline: 4.1025641026vw;
    padding-bottom: 4.1025641026vw;
    position: relative;
  }

  .gx-wrapper :is(.gx-about, .gx-advanced) .top-difference .card-container .label {
    font-size: 5.1282051282vw;
    font-weight: 700;
    font-feature-settings: "pwid";
    line-height: 1.5;
    text-align: center;
    width: 83.5897435897vw;
    padding-block: 3.0769230769vw;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 1;
    transform: translate(-50%, -6.1538461538vw);
  }

  .gx-wrapper :is(.gx-about, .gx-advanced) .top-difference .card-container .label::before {
    content: "";
    display: inline-block;
    border-style: solid;
    border-width: 2.0512820513vw 2.0512820513vw 0 2.0512820513vw;
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    bottom: -1.5384615385vw;
    transform: translateX(-50%);
  }

  .gx-wrapper :is(.gx-about, .gx-advanced) .top-difference .card-container dl {
    display: flex;
    flex-direction: column;
    row-gap: 5.1282051282vw;
  }

  .gx-wrapper :is(.gx-about, .gx-advanced) .top-difference .card-container dt {
    font-size: 3.5897435897vw;
    font-weight: 700;
    font-feature-settings: "pwid";
    line-height: 1.5;
    color: #696969;
    background-color: #f8f8f8;
    padding-block: 1.0256410256vw;
    padding-inline: 2.0512820513vw;
  }

  .gx-wrapper :is(.gx-about, .gx-advanced) .top-difference .card-container dd {
    font-size: 3.5897435897vw;
    font-weight: 400;
    font-feature-settings: "pwid";
    line-height: 1.6;
    color: #242424;
    padding: 2.0512820513vw;
  }

  .gx-wrapper :is(.gx-about, .gx-advanced) .top-difference .card-container dd .item {
    padding-left: 5.1282051282vw;
  }

  .gx-wrapper :is(.gx-about, .gx-advanced) .top-difference .card-container dd .item::before {
    top: 2.3076923077vw;
    left: 1.9230769231vw;
  }

  .gx-wrapper :is(.gx-about, .gx-advanced) .top-difference .card-container dd .item+.item {
    margin-top: 1.5384615385vw;
  }

  .gx-wrapper .gx-about .top-difference .card-container .card01 .row:nth-of-type(1) dd,
  .gx-wrapper .gx-about .top-difference .card-container .card02 .row:nth-of-type(1) dd {
    font-weight: 700;
  }

  .gx-wrapper .gx-about .top-difference .card-container .card01 .row:nth-of-type(2) dd,
  .gx-wrapper .gx-about .top-difference .card-container .card02 .row:nth-of-type(2) dd {
    justify-content: center;
    text-align: center;
  }

  .gx-wrapper .gx-top .top-license .inner {
    width: 91.7948717949vw;
    padding-block: 10.2564102564vw;
  }

  .gx-wrapper .gx-top .top-license .card-container {
    display: flex;
    flex-direction: column;
    row-gap: 14.358974359vw;
    margin-top: 14.358974359vw;
  }

  .gx-wrapper .gx-top .top-license .card-container .card {
    display: flex;
    flex-direction: column;
    row-gap: 5.1282051282vw;
    background-color: #fff;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15);
    border: solid 2px #d9d9d9;
    border-radius: 2.0512820513vw;
    padding-top: 13.3333333333vw;
    padding-inline: 4.1025641026vw;
    padding-bottom: 4.1025641026vw;
    position: relative;
  }

  .gx-wrapper .gx-top .top-license .card-container .card01 .label {
    color: #1b7c3b;
    background-color: #d0e7d3;
  }

  .gx-wrapper .gx-top .top-license .card-container .card01 .label::before {
    border-color: #d0e7d3 transparent transparent transparent;
  }

  .gx-wrapper .gx-top .top-license .card-container .card02 .label {
    color: #015389;
    background-color: #d4e8f3;
  }

  .gx-wrapper .gx-top .top-license .card-container .card02 .label::before {
    border-color: #d4e8f3 transparent transparent transparent;
  }

  .gx-wrapper .gx-top .top-license .card-container .card03 .label {
    color: #8f2f7b;
    background-color: #f1d6ec;
  }

  .gx-wrapper .gx-top .top-license .card-container .card03 .label::before {
    border-color: #f1d6ec transparent transparent transparent;
  }

  .gx-wrapper .gx-top .top-license .card-container .card04 .label {
    color: #0094a8;
    background-color: #cafaf7;
  }

  .gx-wrapper .gx-top .top-license .card-container .card04 .label::before {
    border-color: #cafaf7 transparent transparent transparent;
  }

  .gx-wrapper .gx-top .top-license .card-container .label {
    font-size: 5.1282051282vw;
    font-weight: 700;
    font-feature-settings: "pwid";
    line-height: 1.5;
    text-align: center;
    width: 83.5897435897vw;
    padding-block: 3.0769230769vw;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 1;
    transform: translate(-50%, -6.1538461538vw);
  }

  .gx-wrapper .gx-top .top-license .card-container .label::before {
    content: "";
    display: inline-block;
    border-style: solid;
    border-width: 2.0512820513vw 2.0512820513vw 0 2.0512820513vw;
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    bottom: -1.5384615385vw;
    transform: translateX(-50%);
  }

  .gx-wrapper .gx-top .top-license .card-container dl {
    display: flex;
    flex-direction: column;
    row-gap: 5.1282051282vw;
  }

  .gx-wrapper .gx-top .top-license .card-container dt {
    font-size: 3.5897435897vw;
    font-weight: 700;
    font-feature-settings: "pwid";
    line-height: 1.5;
    color: #696969;
    background-color: #f8f8f8;
    padding-block: 1.0256410256vw;
    padding-inline: 2.0512820513vw;
  }

  .gx-wrapper .gx-top .top-license .card-container dd {
    font-size: 3.5897435897vw;
    font-family: 400;
    font-feature-settings: "pwid";
    line-height: 1.5;
    color: #242424;
    padding: 2.0512820513vw;
  }

  .gx-wrapper .gx-top .top-license .card-container dd.kinds {
    font-weight: 700;
  }

  .gx-wrapper .gx-top .top-license .card-container dd .child-item {
    padding-left: 3.8461538462vw;
    position: relative;
  }

  .gx-wrapper .gx-top .top-license .card-container dd .child-item::before {
    content: "";
    display: block;
    border-radius: 50%;
    border: solid 1px #000;
    width: 1.2820512821vw;
    height: 1.2820512821vw;
    position: absolute;
    top: 1.9230769231vw;
    left: 1.2820512821vw;
  }

  .gx-wrapper .gx-top .top-license .note {
    display: flex;
    flex-direction: column;
    row-gap: 1.0256410256vw;
    font-size: 2.5641025641vw;
    line-height: 1.2;
    margin-top: 4.1025641026vw;
  }

  .gx-wrapper .gx-top .top-message {
    padding-block: 7.1794871795vw 15.3846153846vw;
  }

  .gx-wrapper .gx-top .top-message .inner {
    width: 91.7948717949vw;
  }

  .gx-wrapper .gx-top .top-message .wrapper {
    grid-template-columns: 100%;
    grid-template-rows: repeat(3, auto);
    justify-content: normal;
    row-gap: 0;
  }

  .gx-wrapper .gx-top .top-message .title-container {
    grid-column: 1;
    grid-row: 1;
  }

  .gx-wrapper .gx-top .top-message .title-container .label span {
    font-size: 3.5897435897vw;
    line-height: 1.5;
    border-top-left-radius: 2.0512820513vw;
    padding-block: 0.2564102564vw;
    padding-inline: 2.8205128205vw;
  }

  .gx-wrapper .gx-top .top-message .title-container .title {
    display: block;
    font-size: 8.2051282051vw;
    line-height: 1.4;
    text-align: center;
    margin-top: 10.2564102564vw;
    padding-bottom: 0;
  }

  .gx-wrapper .gx-top .top-message .title-container .title::after {
    display: none;
  }

  .gx-wrapper .gx-top .top-message .text-container {
    grid-row: 3;
    row-gap: 3.0769230769vw;
    margin-top: 5.1282051282vw;
    padding-inline: 5.1282051282vw;
  }

  .gx-wrapper .gx-top .top-message .text-container .text {
    font-size: 4.1025641026vw;
    line-height: 1.6;
  }

  .gx-wrapper .gx-top .top-message .text-container .link {
    margin-top: 2.0512820513vw;
  }

  .gx-wrapper .gx-top .top-message .image {
    grid-column: 1;
    grid-row: 2;
    margin-top: 10.2564102564vw;
  }
}

/*--------------------------------------------------------------
  basic
--------------------------------------------------------------*/
@media (hover: hover) {
  .gx-wrapper .gx-basic .c-page-menu .item a:hover {
    color: #135629;
  }

  .gx-wrapper .gx-basic .c-page-menu .item a:hover .arrow img {
    filter: invert(25%) sepia(18%) saturate(1877%) hue-rotate(87deg) brightness(94%) contrast(91%);
  }
}

.gx-wrapper .gx-basic .c-page-menu .item .arrow img {
  filter: invert(41%) sepia(13%) saturate(2153%) hue-rotate(87deg) brightness(90%) contrast(97%);
}

.gx-wrapper .gx-basic .c-cta01 {
  background-image: url("/assets-gx-new/images/top/bg_stripe.png");
}

.gx-wrapper .gx-basic .c-cta01 .wrapper {
  border-color: #1b7c3b;
}

.gx-wrapper .gx-basic .c-cta01 .button a {
  background-color: #1b7c3b;
}

@media (hover: hover) {
  .gx-wrapper .gx-basic .c-cta01 .button a:hover {
    background-color: #135629;
  }
}

.gx-wrapper .gx-basic .c-cta01 .button-group a {
  background-color: #fff;
  color: #1b7c3b;
  border: solid 2px #1b7c3b;
  transition: all 0.3s ease-out;
}

.gx-wrapper .gx-basic .c-cta01 .button-group a .icon img {
  filter: none;
}

@media (hover: hover) {
  .gx-wrapper .gx-basic .c-cta01 .button-group a:hover {
    background-color: #65a078;
    color: #fff;
    border: solid 2px #65a078;
  }

  .gx-wrapper .gx-basic .c-cta01 .button-group a:hover .icon img {
    content: url("/assets-gx-new/images/icon/Arrow-Right_White.svg");
  }
}

.gx-wrapper .gx-basic .c-reason .inner::before,
.gx-wrapper .gx-basic .c-reason .inner::after {
  border-color: #d0e7d3;
}

.gx-wrapper .gx-basic .c-recommend .inner {
  display: block;
}

.gx-wrapper .gx-basic .c-recommend .list-container {
  margin-top: min(70px, 4.8611111111vw);
}

.gx-wrapper .gx-basic .c-goal .card {
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
}

.gx-wrapper .gx-basic .c-goal .box {
  background-color: #f4f9f5;
}

.gx-wrapper .gx-basic .c-goal .box .head {
  border-bottom: 2px dotted #d0e7d3;
}

.gx-wrapper .gx-basic .c-merit {
  background-color: rgba(208, 231, 211, 0.5);
  position: relative;
}

.gx-wrapper .gx-basic .c-merit::before,
.gx-wrapper .gx-basic .c-merit::after {
  content: "";
  display: inline-block;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 0 0;
  width: min(500px, 34.7222222222vw);
  aspect-ratio: 1/1;
  position: absolute;
  opacity: 0.3;
}

.gx-wrapper .gx-basic .c-merit::before {
  background-image: url("/assets-gx-new/images/bg_diagonal_basic_left.svg");
  top: 0;
  left: 0;
}

.gx-wrapper .gx-basic .c-merit::after {
  background-image: url("/assets-gx-new/images/bg_diagonal_basic_right.svg");
  right: 0;
  bottom: 0;
}

.gx-wrapper .gx-basic .c-overview {
  background-color: #f8f8f8;
}

.gx-wrapper .gx-basic .c-overview .card {
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15);
}

.gx-wrapper .gx-basic .c-overview .list-container .row:not(:last-of-type) {
  border-bottom: solid 1px #65a078;
}

.gx-wrapper .gx-basic .c-overview .list-container dd a {
  color: #1b7c3b;
}

.gx-wrapper .gx-basic .c-overview .list-container .tab .icon img {
  filter: invert(36%) sepia(12%) saturate(2359%) hue-rotate(87deg) brightness(102%) contrast(96%);
}

.gx-wrapper .gx-basic .c-overview .clip {
  width: min(80px, 5.5555555556vw);
  position: absolute;
  top: max(-15.39px, -1.06875vw);
  left: min(27px, 1.875vw);
  z-index: 1;
}

.gx-wrapper .gx-basic .c-syllabus .example-container {
  background-color: #f4f9f5;
}

.gx-wrapper .gx-basic .c-syllabus .example-container .question span img {
  filter: invert(57%) sepia(16%) saturate(781%) hue-rotate(87deg) brightness(98%) contrast(89%);
}

.gx-wrapper .gx-basic .c-syllabus .button a {
  background-color: #1b7c3b;
}

@media (hover: hover) {
  .gx-wrapper .gx-basic .c-syllabus .button a:hover {
    background-color: #135629;
  }
}

.gx-wrapper .gx-basic .c-study {
  background-color: #f8f8f8;
}

.gx-wrapper .gx-basic .c-study .head-container .icon img {
  filter: invert(41%) sepia(13%) saturate(2153%) hue-rotate(87deg) brightness(90%) contrast(97%);
}

.gx-wrapper .gx-basic .c-study .card a {
  border-color: #d0e7d3;
}

@media (hover: hover) {
  .gx-wrapper .gx-basic .c-study .card a:hover {
    border-color: #1b7c3b;
  }

  .gx-wrapper .gx-basic .c-study .card a:hover .icon img {
    filter: invert(25%) sepia(18%) saturate(1877%) hue-rotate(87deg) brightness(94%) contrast(91%);
  }
}

.gx-wrapper .gx-basic .c-study .card .text-container .title {
  color: #1b7c3b;
}

.gx-wrapper .gx-basic .c-study .card .arrow img,
.gx-wrapper .gx-basic .c-study .card .icon img {
  filter: invert(41%) sepia(13%) saturate(2153%) hue-rotate(87deg) brightness(90%) contrast(97%);
}

.gx-wrapper .gx-basic .c-cta02 {
  background-color: #1b7c3b;
}

.gx-wrapper .gx-basic .c-cta02 .card {
  box-shadow: inset 0 0 0 min(16px, 1.1111111111vw) #d0e7d3;
}

.gx-wrapper .gx-basic .c-cta02 .card .schedule a::before {
  background-color: #1b7c3b;
}

.gx-wrapper .gx-basic .c-cta02 .card .schedule a::after {
  background-color: #135629;
}

.gx-wrapper .gx-basic .c-faq .faq-container dt::before {
  background-image: url("/assets-gx-new/images/icon/icon-Q.svg");
}

.gx-wrapper .gx-basic .c-faq .faq-container dd::before {
  background-image: url("/assets-gx-new/images/icon/icon-A.svg");
}

.gx-wrapper .gx-basic .c-faq .faq-container .link a {
  color: #1b7c3b;
}

@media (hover: hover) {
  .gx-wrapper .gx-basic .c-faq .faq-container .link a:hover {
    color: #135629;
  }

  .gx-wrapper .gx-basic .c-faq .faq-container .link a:hover .arrow img {
    filter: invert(23%) sepia(98%) saturate(361%) hue-rotate(87deg) brightness(91%) contrast(95%);
  }
}

.gx-wrapper .gx-basic .c-faq .faq-container .link .arrow img {
  filter: invert(41%) sepia(13%) saturate(2153%) hue-rotate(87deg) brightness(90%) contrast(97%);
}

@media (max-width: 751px) {

  .gx-wrapper .gx-basic .c-cta01 .button-apply,
  .gx-wrapper .gx-basic .c-cta01 .button-group {
    width: 100%;
    margin-top: 20px;
    z-index: 1;
    display: flex;
    justify-content: center;
  }

  .gx-wrapper .gx-basic .c-cta01 .button-group {
    margin-top: 10px;
  }

  .gx-wrapper .gx-basic .c-cta01 .button-apply a,
  .gx-wrapper .gx-basic .c-cta01 .button-group a {
    display: flex;
    justify-content: space-between;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: 700;
    font-feature-settings: "pwid";
    line-height: 1;
    text-align: center;
    color: #ffffff;
    border-radius: 1000px;
    width: 100%;
    min-height: 40px;
    padding-block: min(20px, 1.3888888889vw);
    position: relative;
  }

  .gx-wrapper .gx-basic .c-cta01 .button-apply a {
    background-color: #1b7c3b;
    color: #fff;
  }

  .gx-wrapper .gx-basic .c-cta01 .button-group a {
    background-color: #fff;
    color: #1b7c3b;
    border: solid 2px #1b7c3b;
  }

  .gx-wrapper .gx-basic .c-cta01 .button-apply a .icon,
  .gx-wrapper .gx-basic .c-cta01 .button-group a .icon {
    position: absolute;
    right: 10%;
    top: 50%;
    transform: translate(10%, -50%);
    width: 24px;
    height: 24px;
  }

  .gx-wrapper .gx-basic .c-reason .inner::before,
  .gx-wrapper .gx-basic .c-reason .inner::after {
    border-color: #d0e7d3;
  }

  .gx-wrapper .gx-basic .c-recommend .list-container {
    margin-top: 12.3076923077vw;
  }

  .gx-wrapper .gx-basic .c-recommend .list-container .item {
    border: dotted 4px #d0e7d3;
  }

  .gx-wrapper .gx-basic .c-recommend .list-container .item:not(:last-of-type) {
    border-bottom: none;
  }

  .gx-wrapper .gx-basic .c-merit::before,
  .gx-wrapper .gx-basic .c-merit::after {
    width: 60%;
  }

  .gx-wrapper .gx-basic .c-overview .title {
    border-bottom: dotted 2px #d0e7d3;
  }

  .gx-wrapper .gx-basic .c-overview .clip {
    width: 10.2564102564vw;
    top: -1.7948717949vw;
    left: 0;
  }

  .gx-wrapper .gx-basic .c-cta02 .card {
    box-shadow: inset 0 0 0 1.0256410256vw #d0e7d3;
  }
}

/*--------------------------------------------------------------
  advanced
--------------------------------------------------------------*/
.gx-wrapper .gx-advanced .c-title .icon img {
  filter: invert(89%) sepia(14%) saturate(927%) hue-rotate(179deg) brightness(103%) contrast(102%);
}

@media (hover: hover) {
  .gx-wrapper .gx-advanced .c-page-menu .item a:hover {
    color: #013a5f;
  }

  .gx-wrapper .gx-advanced .c-page-menu .item a:hover .arrow img {
    filter: invert(18%) sepia(14%) saturate(7494%) hue-rotate(181deg) brightness(89%) contrast(99%);
  }
}

.gx-wrapper .gx-advanced .c-page-menu .item .arrow img {
  filter: invert(23%) sepia(87%) saturate(1475%) hue-rotate(182deg) brightness(85%) contrast(99%);
}

.gx-wrapper .gx-advanced .c-cta01 {
  background-image: url("/assets-gx-new/images/bg_stripe_2_advanced.png");
  background-size: 16px;
}

.gx-wrapper .gx-advanced .c-cta01 .wrapper {
  border-color: #4c9dd1;
}

.gx-wrapper .gx-advanced .c-cta01 .button a {
  background-color: #015389;
}

@media (hover: hover) {
  .gx-wrapper .gx-advanced .c-cta01 .button a:hover {
    background-color: #013a5f;
  }
}

.gx-wrapper .gx-advanced .c-cta01 .button-group a {
  background-color: #fff;
  color: #015389;
  border: solid 2px #015389;
  transition: all 0.3s ease-out;
}

.gx-wrapper .gx-advanced .c-cta01 .button-group a .icon img {
  filter: none;
}

@media (hover: hover) {
  .gx-wrapper .gx-advanced .c-cta01 .button-group a:hover {
    background-color: #4c9dd1;
    color: #fff;
    border: solid 2px #4c9dd1;
  }

  .gx-wrapper .gx-advanced .c-cta01 .button-group a:hover .icon img {
    content: url("/assets-gx-new/images/icon/Arrow-Right_White.svg");
  }
}

.gx-wrapper .gx-advanced .c-reason {
  background-image: url(/assets-gx-new/images/bg_about_top_advanced_1.svg);
  background-size: min(440px, 30.5555555556vw) min(250px, 17.3611111111vw);
  background-position: left top;
  background-repeat: no-repeat;
}

.gx-wrapper .gx-advanced .c-reason .inner {
  background-image: url(/assets-gx-new/images/bg_about_top_advanced_2.svg);
  background-size: min(315px, 21.875vw) min(200px, 13.8888888889vw);
  background-position: right bottom;
  background-repeat: no-repeat;
  padding-bottom: min(120px, 8.3333333333vw);
}

.gx-wrapper .gx-advanced .c-reason .inner::before,
.gx-wrapper .gx-advanced .c-reason .inner::after {
  border-color: #d5f0ff;
}

.gx-wrapper .gx-advanced .c-reason .inner::after {
  width: min(340px, 23.6111111111vw);
}

.gx-wrapper .gx-advanced .c-reason .c-title .icon {
  display: none;
}

.gx-wrapper .gx-advanced .c-reason .text-container p .note {
  font-size: min(14px, 0.9722222222vw);
  color: #015389;
}

.gx-wrapper .gx-advanced .c-recommend {
  background-image: url("/assets-gx-new/images/bg_dot_advanced_2.png");
  background-size: 20px 20px;
  background-repeat: repeat;
}

.gx-wrapper .gx-advanced .c-recommend .character-title .title {
  padding-inline: 0;
  padding-bottom: 0;
}

.gx-wrapper .gx-advanced .c-recommend .character-title .title::after {
  content: "";
  display: block;
  background-color: #fff59f;
  mix-blend-mode: multiply;
  width: 100%;
  height: min(20px, 1.3888888889vw);
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 0;
}

.gx-wrapper .gx-advanced .c-recommend .character-title .character {
  display: none;
}

.gx-wrapper .gx-advanced .c-recommend .list-container {
  width: min(888px, 61.6666666667vw);
  margin-inline: auto;
}

.gx-wrapper .gx-advanced .c-recommend .list-container .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  row-gap: min(68px, 4.7222222222vw);
}

.gx-wrapper .gx-advanced .c-recommend .list-container .item {
  background-image: url("/assets-gx-new/images/bg_recommend_card_circle.svg");
  background-size: min(230px, 15.9722222222vw) min(230px, 15.9722222222vw);
  background-position: center bottom;
  background-repeat: no-repeat;
}

.gx-wrapper .gx-advanced .c-goal .card {
  box-shadow: 0 0 20px 0 rgba(112, 176, 204, 0.5);
}

.gx-wrapper .gx-advanced .c-goal .character-title .character {
  display: none;
}

.gx-wrapper .gx-advanced .c-goal .box {
  background-color: #f5fcff;
}

.gx-wrapper .gx-advanced .c-goal .box .head {
  border-bottom: 2px dotted #d5f0ff;
}

.gx-wrapper .gx-advanced .c-goal .box .chart .text {
  font-size: min(16px, 1.1111111111vw);
  line-height: 1.2;
  color: #696969;
  margin-top: min(12px, 0.8333333333vw);
}

.gx-wrapper .gx-advanced .c-merit {
  background-color: rgb(234, 246, 253);
  position: relative;
}

.gx-wrapper .gx-advanced .c-merit::before,
.gx-wrapper .gx-advanced .c-merit::after {
  content: "";
  display: inline-block;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 0 0;
  width: min(500px, 34.7222222222vw);
  aspect-ratio: 1/1;
  position: absolute;
  opacity: 0.3;
}

.gx-wrapper .gx-advanced .c-merit::before {
  background-image: url("/assets-gx-new/images/bg_diagonal_advanced_left.svg");
  top: 0;
  left: 0;
}

.gx-wrapper .gx-advanced .c-merit::after {
  background-image: url("/assets-gx-new/images/bg_diagonal_advanced_right.svg");
  right: 0;
  bottom: 0;
}

.gx-wrapper .gx-advanced .c-merit .box .head-container .icon img {
  filter: invert(65%) sepia(16%) saturate(1670%) hue-rotate(167deg) brightness(86%) contrast(90%);
}

.gx-wrapper .gx-advanced .c-merit .box01 .text-container .button a {
  color: #015389;
  border-color: #4c9dd1;
}

@media (hover: hover) {
  .gx-wrapper .gx-advanced .c-merit .box01 .text-container .button a:hover {
    color: #015389;
    background-color: #f5fcff;
    border-color: #4c9dd1;
  }

  .gx-wrapper .gx-advanced .c-merit .box01 .text-container .button a:hover .icon img {
    filter: invert(65%) sepia(16%) saturate(1670%) hue-rotate(167deg) brightness(86%) contrast(90%);
  }
}

.gx-wrapper .gx-advanced .c-merit .box01 .text-container .button .icon img {
  filter: invert(65%) sepia(16%) saturate(1670%) hue-rotate(167deg) brightness(86%) contrast(90%);
}

.gx-wrapper .gx-advanced .c-merit .boxSS .text-container .text-box {
  border: solid 1px #4c9dd1;
}

.gx-wrapper .gx-advanced .c-merit .boxSS .text-container .label {
  color: #015389;
}

.gx-wrapper .gx-advanced .c-merit .boxSS .text-container a {
  color: #015389;
}

.gx-wrapper .gx-advanced .c-overview {
  background-image: linear-gradient(to bottom, #ffffff, #f5fcff);
}

.gx-wrapper .gx-advanced .c-overview .card {
  background-image: url("/assets-gx-new/images/bg_overview_advanced.svg");
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: min(450px, 31.25vw) auto;
  box-shadow: 0 0 20px 0 rgba(112, 176, 204, 0.5);
}

.gx-wrapper .gx-advanced .c-overview .list-container .row:not(:last-of-type) {
  border-bottom: solid 1px #4c9dd1;
}

.gx-wrapper .gx-advanced .c-overview .list-container dd a {
  color: #015389;
}

.gx-wrapper .gx-advanced .c-overview .list-container .tab .icon img {
  filter: invert(23%) sepia(87%) saturate(1475%) hue-rotate(182deg) brightness(85%) contrast(99%);
}

.gx-wrapper .gx-advanced .c-overview .clip {
  display: none;
}

.gx-wrapper .gx-advanced .c-syllabus .example-container {
  background-color: #f5fcff;
}

.gx-wrapper .gx-advanced .c-syllabus .example-container .question span img {
  filter: invert(65%) sepia(16%) saturate(1670%) hue-rotate(167deg) brightness(86%) contrast(90%);
}

.gx-wrapper .gx-advanced .c-syllabus .button a {
  background-color: #015389;
}

@media (hover: hover) {
  .gx-wrapper .gx-advanced .c-syllabus .button a:hover {
    background-color: #013a5f;
  }
}

.gx-wrapper .gx-advanced .c-study {
  background-color: #f5fcff;
}

.gx-wrapper .gx-advanced .c-study .head-container .icon img {
  filter: invert(65%) sepia(16%) saturate(1670%) hue-rotate(167deg) brightness(86%) contrast(90%);
}

.gx-wrapper .gx-advanced .c-study .card a {
  border-color: #d5f0ff;
}

@media (hover: hover) {
  .gx-wrapper .gx-advanced .c-study .card a:hover {
    border-color: #015389;
  }

  .gx-wrapper .gx-advanced .c-study .card a:hover .icon img {
    filter: invert(18%) sepia(14%) saturate(7494%) hue-rotate(181deg) brightness(89%) contrast(99%);
  }
}

.gx-wrapper .gx-advanced .c-study .card .text-container .title {
  color: #015389;
}

.gx-wrapper .gx-advanced .c-study .card .arrow img,
.gx-wrapper .gx-advanced .c-study .card .icon img {
  filter: invert(23%) sepia(87%) saturate(1475%) hue-rotate(182deg) brightness(85%) contrast(99%);
}

.gx-wrapper .gx-advanced .c-cta02 {
  background-image: linear-gradient(254deg, #0080d5 8.5%, #015389 60.47%);
}

.gx-wrapper .gx-advanced .c-cta02 .card {
  box-shadow: inset 0 0 0 min(16px, 1.1111111111vw) #d5f0ff;
}

.gx-wrapper .gx-advanced .c-cta02 .card .schedule a::before {
  background-color: #015389;
}

.gx-wrapper .gx-advanced .c-cta02 .card .schedule a::after {
  background-color: #013a5f;
}

.gx-wrapper .gx-advanced .c-cta02 .card .character {
  display: none;
}

.gx-wrapper .gx-advanced .c-voice-interview {
  background: url("/assets-gx-new/images/bg_dot_advanced.png"),
    0% 0%/50px 50px repeat;
}

@media (hover: hover) {
  .gx-wrapper .gx-advanced .c-voice-list .item a:hover {
    border-color: #015389;
  }

  .gx-wrapper .gx-advanced .c-voice-list .item a:hover .arrow img {
    filter: invert(18%) sepia(14%) saturate(7494%) hue-rotate(181deg) brightness(89%) contrast(99%);
  }
}

.gx-wrapper .gx-advanced .c-voice-list .arrow img {
  filter: invert(23%) sepia(87%) saturate(1475%) hue-rotate(182deg) brightness(85%) contrast(99%);
}

@media (hover: hover) {
  .gx-wrapper .gx-advanced .c-interview-card a:hover {
    border-color: #015389;
  }

  .gx-wrapper .gx-advanced .c-interview-card a:hover .arrow img {
    filter: invert(18%) sepia(14%) saturate(7494%) hue-rotate(181deg) brightness(89%) contrast(99%);
  }
}

.gx-wrapper .gx-advanced .c-interview-card .arrow img {
  filter: invert(23%) sepia(87%) saturate(1475%) hue-rotate(182deg) brightness(85%) contrast(99%);
}

.gx-wrapper .gx-advanced .c-faq .faq-container dt::before {
  background-image: url("/assets-gx-new/images/icon/icon-Q-blue.svg");
}

.gx-wrapper .gx-advanced .c-faq .faq-container dd::before {
  background-image: url("/assets-gx-new/images/icon/icon-A-blue.svg");
}

.gx-wrapper .gx-advanced .c-faq .faq-container .link a {
  color: #015389;
}

@media (hover: hover) {
  .gx-wrapper .gx-advanced .c-faq .faq-container .link a:hover {
    color: #013a5f;
  }

  .gx-wrapper .gx-advanced .c-faq .faq-container .link a:hover .arrow img {
    filter: invert(18%) sepia(14%) saturate(7494%) hue-rotate(181deg) brightness(89%) contrast(99%);
  }
}

.gx-wrapper .gx-advanced .c-faq .faq-container .link .arrow img {
  filter: invert(23%) sepia(87%) saturate(1475%) hue-rotate(182deg) brightness(85%) contrast(99%);
}

@media (max-width: 751px) {

  .gx-wrapper .gx-advanced .c-cta01 .button-apply,
  .gx-wrapper .gx-advanced .c-cta01 .button-group {
    width: 100%;
    margin-top: 20px;
    z-index: 1;
    display: flex;
    justify-content: center;
  }

  .gx-wrapper .gx-advanced .c-cta01 .button-group {
    margin-top: 10px;
  }

  .gx-wrapper .gx-advanced .c-cta01 .button-apply a,
  .gx-wrapper .gx-advanced .c-cta01 .button-group a {
    display: flex;
    justify-content: space-between;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: 700;
    font-feature-settings: "pwid";
    line-height: 1;
    text-align: center;
    color: #ffffff;
    border-radius: 1000px;
    width: 100%;
    min-height: 40px;
    padding-block: min(20px, 1.3888888889vw);
    position: relative;
  }

  .gx-wrapper .gx-advanced .c-cta01 .button-apply a {
    background-color: #015389;
    color: #fff;
  }

  .gx-wrapper .gx-advanced .c-cta01 .button-group a {
    background-color: #fff;
    color: #015389;
    border: solid 2px #015389;
  }

  .gx-wrapper .gx-advanced .c-cta01 .button-apply a .icon,
  .gx-wrapper .gx-advanced .c-cta01 .button-group a .icon {
    position: absolute;
    right: 10%;
    top: 50%;
    transform: translate(10%, -50%);
    width: 24px;
    height: 24px;
  }

  .gx-wrapper .gx-advanced .c-reason {
    background-size: 153.8461538462vw 76.9230769231vw;
  }

  .gx-wrapper .gx-advanced .c-reason .inner {
    background-size: 76.9230769231vw 51.2820512821vw;
    padding-bottom: 33.3333333333vw;
  }

  .gx-wrapper .gx-advanced .c-reason .inner::after {
    width: 79.4871794872vw;
  }

  .gx-wrapper .gx-advanced .c-reason .text-container p .note {
    font-size: 3.5897435897vw;
  }

  .gx-wrapper .gx-advanced .c-recommend {
    padding-top: 15.3846153846vw;
    padding-bottom: 20.5128205128vw;
  }

  .gx-wrapper .gx-advanced .c-recommend .character-title .title::after {
    height: 5.1282051282vw;
  }

  .gx-wrapper .gx-advanced .c-recommend .list-container {
    width: auto;
    margin-inline: 0;
  }

  .gx-wrapper .gx-advanced .c-recommend .list-container .item {
    background-size: 50vw 50vw;
    background-position: center;
  }

  .gx-wrapper .gx-advanced .c-goal .card {
    padding-top: 10.2564102564vw;
  }

  .gx-wrapper .gx-advanced .c-goal .card .chart .text {
    font-size: 4.1025641026vw;
    margin-top: 3.0769230769vw;
  }

  .gx-wrapper .gx-advanced .c-merit {
    background-color: rgba(234, 246, 253, 0.7);
  }

  .gx-wrapper .gx-advanced .c-merit::before,
  .gx-wrapper .gx-advanced .c-merit::after {
    width: 60%;
  }

  .gx-wrapper .gx-advanced .c-overview .card {
    background-image: none;
  }

  .gx-wrapper .gx-advanced .c-overview .title {
    border-bottom: dotted 2px #d5f0ff;
  }

  .gx-wrapper .gx-advanced .c-study {
    padding-top: 10.2564102564vw;
  }
}

/*--------------------------------------------------------------
  specialist
--------------------------------------------------------------*/
.gx-wrapper .gx-specialist .c-title .icon img {
  filter: invert(96%) sepia(97%) saturate(421%) hue-rotate(276deg) brightness(102%) contrast(89%);
}

@media (hover: hover) {
  .gx-wrapper .gx-specialist .c-page-menu .item a:hover {
    color: #8f2f7b;
  }

  .gx-wrapper .gx-specialist .c-page-menu .item a:hover .arrow img {
    filter: invert(18%) sepia(20%) saturate(4629%) hue-rotate(280deg) brightness(90%) contrast(94%);
  }
}

.gx-wrapper .gx-specialist .c-page-menu .item .arrow img {
  filter: invert(21%) sepia(34%) saturate(3500%) hue-rotate(284deg) brightness(100%) contrast(86%);
}

.gx-wrapper .gx-specialist .c-cta01 {
  background-image: url("/assets-gx-new/images/bg_stripe_2_specialist.png");
  background-size: 16px;
}

.gx-wrapper .gx-specialist .c-cta01 .wrapper {
  border-color: #b95b8a;
}

.gx-wrapper .gx-specialist .c-cta01 .button a {
  background-color: #8f2f7b;
}

@media (hover: hover) {
  .gx-wrapper .gx-specialist .c-cta01 .button a:hover {
    background-color: #69225a;
  }
}

.gx-wrapper .gx-specialist .c-cta01 .button-group a {
  background-color: #fff;
  color: #8f2f7b;
  border: solid 2px #8f2f7b;
  transition: all 0.3s ease-out;
}

.gx-wrapper .gx-specialist .c-cta01 .button-group a .icon img {
  filter: none;
}

@media (hover: hover) {
  .gx-wrapper .gx-specialist .c-cta01 .button-group a:hover {
    background-color: #b95b8a;
    color: #fff;
    border: solid 2px #b95b8a;
  }

  .gx-wrapper .gx-specialist .c-cta01 .button-group a:hover .icon img {
    content: url("/assets-gx-new/images/icon/Arrow-Right_White.svg");
  }
}

.gx-wrapper .gx-specialist .c-reason {
  background-image: url(/assets-gx-new/images/bg_about_top_specialist_1.svg);
  background-size: min(440px, 30.5555555556vw) min(250px, 17.3611111111vw);
  background-position: left top;
  background-repeat: no-repeat;
}

.gx-wrapper .gx-specialist .c-reason .inner {
  background-image: url(/assets-gx-new/images/bg_about_top_specialist_2.svg);
  background-size: min(315px, 21.875vw) min(200px, 13.8888888889vw);
  background-position: right bottom;
  background-repeat: no-repeat;
  padding-bottom: min(60px, 4.1666666667vw);
}

.gx-wrapper .gx-specialist .c-reason .inner::before,
.gx-wrapper .gx-specialist .c-reason .inner::after {
  border-color: #f1d6ec;
}

.gx-wrapper .gx-specialist .c-reason .inner::after {
  width: min(340px, 23.6111111111vw);
}

.gx-wrapper .gx-specialist .c-reason .c-title .title {
  white-space: nowrap;
}

.gx-wrapper .gx-specialist .c-recommend {
  background-image: url("/assets-gx-new/images/bg_dot_specialist.png");
  background-size: 20px 20px;
  background-repeat: repeat;
}

.gx-wrapper .gx-specialist .c-recommend .character-title .title {
  padding-inline: 0;
  padding-bottom: 0;
}

.gx-wrapper .gx-specialist .c-recommend .character-title .title::after {
  content: "";
  display: block;
  background-color: #fff59f;
  mix-blend-mode: multiply;
  width: 100%;
  height: min(20px, 1.3888888889vw);
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 0;
}

.gx-wrapper .gx-specialist .c-recommend .list-container {
  width: min(1192px, 82.7777777778vw);
  margin-inline: auto;
}

.gx-wrapper .gx-specialist .c-recommend .list-container .list {
  display: flex;
  justify-content: center;
}

.gx-wrapper .gx-specialist .c-recommend .list-container .item {
  background-image: url("/assets-gx-new/images/bg_recommend_card_circle.svg");
  background-size: min(230px, 15.9722222222vw) min(230px, 15.9722222222vw);
  background-position: center bottom;
  background-repeat: no-repeat;
}

.gx-wrapper .gx-specialist .c-goal .card {
  box-shadow: 0 0 20px 0 rgba(198, 132, 156, 0.5);
}

.gx-wrapper .gx-specialist .c-goal .box {
  background-color: #fffafe;
}

.gx-wrapper .gx-specialist .c-goal .box .head {
  border-bottom: 2px dotted #f1d6ec;
}

.gx-wrapper .gx-specialist .c-goal .box .chart .text {
  font-size: min(16px, 1.1111111111vw);
  line-height: 1.2;
  color: #696969;
  margin-top: min(12px, 0.8333333333vw);
}

.gx-wrapper .gx-specialist .c-merit {
  background-color: rgba(248, 248, 248, 0.5);
  position: relative;
}

.gx-wrapper .gx-specialist .c-merit::before,
.gx-wrapper .gx-specialist .c-merit::after {
  content: "";
  display: inline-block;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 0 0;
  width: min(500px, 34.7222222222vw);
  aspect-ratio: 1/1;
  position: absolute;
  opacity: 0.3;
}

.gx-wrapper .gx-specialist .c-merit::before {
  background-image: url("/assets-gx-new/images/bg_diagonal_specialist_left.svg");
  top: 0;
  left: 0;
}

.gx-wrapper .gx-specialist .c-merit::after {
  background-image: url("/assets-gx-new/images/bg_diagonal_specialist_right.svg");
  right: 0;
  bottom: 0;
}

.gx-wrapper .gx-specialist .c-merit .box .head-container .icon img {
  filter: invert(96%) sepia(97%) saturate(421%) hue-rotate(276deg) brightness(102%) contrast(89%);
}

.gx-wrapper .gx-specialist .c-merit .box01 .text-container .button a {
  color: #b95b8a;
  border-color: #b95b8a;
}

@media (hover: hover) {
  .gx-wrapper .gx-specialist .c-merit .box01 .text-container .button a:hover {
    color: #8f2f7b;
    background-color: #fffafe;
    border-color: #8f2f7b;
  }

  .gx-wrapper .gx-specialist .c-merit .box01 .text-container .button a:hover .icon img {
    filter: invert(57%) sepia(11%) saturate(3812%) hue-rotate(290deg) brightness(80%) contrast(74%);
  }
}

.gx-wrapper .gx-specialist .c-merit .box01 .text-container .button .icon img {
  filter: invert(57%) sepia(11%) saturate(3812%) hue-rotate(290deg) brightness(80%) contrast(74%);
}

.gx-wrapper .gx-specialist .c-merit .boxSS .text-container .text-box {
  border: solid 1px #b95b8a;
}

.gx-wrapper .gx-specialist .c-merit .boxSS .text-container .label {
  color: #8f2f7b;
}

.gx-wrapper .gx-specialist .c-merit .boxSS .text-container a {
  color: #8f2f7b;
}

.gx-wrapper .gx-specialist .c-overview {
  background-image: linear-gradient(to bottom, #ffffff, #fef8fb);
}

.gx-wrapper .gx-specialist .c-overview .card {
  background-image: url("/assets-gx-new/images/bg_overview_specialist.svg");
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: min(450px, 31.25vw) auto;
  box-shadow: 0 0 20px 0 rgba(198, 132, 156, 0.5);
}

.gx-wrapper .gx-specialist .c-overview .list-container .row:not(:last-of-type) {
  border-bottom: solid 1px #b95b8a;
}

.gx-wrapper .gx-specialist .c-overview .list-container dd a {
  color: #8f2f7b;
}

.gx-wrapper .gx-specialist .c-overview .list-container .tab .icon img {
  filter: invert(21%) sepia(34%) saturate(3500%) hue-rotate(284deg) brightness(100%) contrast(86%);
}

.gx-wrapper .gx-specialist .c-syllabus .example-container {
  background-color: #fffafe;
}

.gx-wrapper .gx-specialist .c-syllabus .example-container .question span img {
  filter: invert(23%) sepia(39%) saturate(3433%) hue-rotate(286deg) brightness(83%) contrast(85%);
}

.gx-wrapper .gx-specialist .c-syllabus .button a {
  background-color: #8f2f7b;
}

@media (hover: hover) {
  .gx-wrapper .gx-specialist .c-syllabus .button a:hover {
    background-color: #69225a;
  }
}

.gx-wrapper .gx-specialist .c-study {
  background-color: #fffafe;
}

.gx-wrapper .gx-specialist .c-study .head-container .icon img {
  filter: invert(21%) sepia(34%) saturate(3500%) hue-rotate(284deg) brightness(100%) contrast(86%);
}

.gx-wrapper .gx-specialist .c-study .card a {
  border-color: #f1d6ec;
}

@media (hover: hover) {
  .gx-wrapper .gx-specialist .c-study .card a:hover {
    border-color: #b95b8a;
  }

  .gx-wrapper .gx-specialist .c-study .card a:hover .icon img {
    filter: invert(18%) sepia(20%) saturate(4629%) hue-rotate(280deg) brightness(90%) contrast(94%);
  }
}

.gx-wrapper .gx-specialist .c-study .card .text-container .title {
  color: #8f2f7b;
}

.gx-wrapper .gx-specialist .c-study .card .arrow img,
.gx-wrapper .gx-specialist .c-study .card .icon img {
  filter: invert(21%) sepia(34%) saturate(3500%) hue-rotate(284deg) brightness(100%) contrast(86%);
}

.gx-wrapper .gx-specialist .c-cta02 {
  background-image: linear-gradient(254.42deg, #8f2f7b 8.5%, #69225a 60.47%);
}

.gx-wrapper .gx-specialist .c-cta02 .card {
  box-shadow: inset 0 0 0 min(16px, 1.1111111111vw) #f1d6ec;
}

.gx-wrapper .gx-specialist .c-cta02 .card .schedule a::before {
  background-color: #8f2f7b;
}

.gx-wrapper .gx-specialist .c-cta02 .card .schedule a::after {
  background-color: #69225a;
}

/*--------------------------------------------------------------
  campaign
--------------------------------------------------------------*/
.gx-wrapper .gx-specialist .c-campaign {
  padding-block: min(68px, 4.7222222222vw);
  background: url("/assets-gx-new/images/bg_note.png"), lightgray 0% 0% / 100px 100px repeat;
}

.gx-wrapper .gx-specialist .c-campaign .inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: min(30px, 2.0833333333vw);
  width: min(1200px, 83.3333333333vw);
  margin-inline: auto;
  padding: 0 min(142px, 9.9305555556vw);
}

.gx-wrapper .gx-specialist .c-campaign .banner {
  width: 100%;
  background-color: #8f2f7b;
  padding: 6px 33px;
  text-align: center;
}

.gx-wrapper .gx-specialist .c-campaign .banner p {
  font-size: min(22px, 1.5555555556vw);
  font-feature-settings: "pwid";
  font-weight: 700;
  color: #ffffff;
  line-height: 1.5;
  margin: 0;
}

.gx-wrapper .gx-specialist .c-campaign .main-title {
  font-size: min(58px, 4.1666666667vw);
  font-weight: 900;
  font-feature-settings: "pwid";
  line-height: 1.4;
  text-align: center;
  color: #242424;
  margin: 0;
  letter-spacing: 0.2rem;
}

.gx-wrapper .gx-specialist .c-campaign .main-title .discount {
  color: #D31638;
  font-size: min(58px, 4.1666666667vw);
}

.gx-wrapper .gx-specialist .c-campaign .discount-box {
  max-width: min(900px, 62.5vw);
  padding: min(6px, 0.4166666667vw) min(12px, 0.8333333333vw);
  text-align: center;
  border: 1px solid #8F2F7B;
  background: #FFF;
}

.gx-wrapper .gx-specialist .c-campaign .discount-box p {
  font-size: min(18px, 1.25vw);
  font-feature-settings: "pwid";
  font-weight: 700;
  line-height: 1.75;
  color: #242424;
  margin: 0;
}

.gx-wrapper .gx-specialist .c-campaign .discount-box .discount-blue {
  color: #00f;
  font-size: min(20px, 1.4583333333vw);
  font-weight: 700;
  line-height: 1.6;
}

.gx-wrapper .gx-specialist .c-campaign .description {
  font-size: min(20px, 1.4583333333vw);
  font-feature-settings: "pwid";
  font-weight: 400;
  line-height: 1.6;
  color: #242424;
  text-align: center;
  margin: 0;
}

.gx-wrapper .gx-specialist .c-campaign .description .description-line1 {
  font-weight: 400;
}

.gx-wrapper .gx-specialist .c-campaign .description .description-line2 {
  font-weight: 700;
}

.gx-wrapper .gx-specialist .c-campaign .description .highlight {
  color: #D31638;
  font-weight: 700;
}

.gx-wrapper .gx-specialist .c-campaign .course-title {
  font-size: min(20px, 1.4583333333vw);
  font-weight: 700;
  font-feature-settings: "pwid";
  line-height: 1.5;
  color: #242424;
  text-align: left;
  margin: 0 0 -20px 0;
  align-self: flex-start;
  width: 100%;
}

.gx-wrapper .gx-specialist .c-campaign .price-table-image {
  width: 100%;
  max-width: min(1000px, 69.4444444444vw);
  margin-inline: auto;
}

.gx-wrapper .gx-specialist .c-campaign .price-table-image img {
  width: 100%;
  height: auto;
  display: block;
}

.gx-wrapper .gx-specialist .c-campaign .notes {
  width: 100%;
  max-width: min(1000px, 69.4444444444vw);
  margin-top: -20px;
  display: flex;
  flex-direction: column;
  row-gap: min(12px, 0.8333333333vw);
}

.gx-wrapper .gx-specialist .c-campaign .notes .note-item {
  font-size: min(12px, 0.8333333333vw);
  font-feature-settings: "pwid";
  line-height: 1.2;
  color: #242424;
  margin: 0;
}

.gx-wrapper .gx-specialist .c-campaign .button a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 472px;
  max-width: 100%;
  height: 60px;
  background-color: #8f2f7b;
  color: #ffffff;
  font-size: min(20px, 1.3888888889vw);
  font-weight: 700;
  font-feature-settings: "pwid";
  line-height: 1;
  padding: 0 min(40px, 2.7777777778vw);
  border-radius: 9999px;
  text-decoration: none;
  transition: all 0.3s ease-out;
}

.gx-wrapper .gx-specialist .c-campaign .button a::before,
.gx-wrapper .gx-specialist .c-campaign .button a::after {
  content: "";
  display: block;
  border-radius: 9999px;
  position: absolute;
  inset: 0;
}

.gx-wrapper .gx-specialist .c-campaign .button a::before {
  background-color: #8f2f7b;
  z-index: 1;
  transition: all 0.3s ease-out;
}

.gx-wrapper .gx-specialist .c-campaign .button a::after {
  background-color: #69225a;
  z-index: 0;
}

.gx-wrapper .gx-specialist .c-campaign .button a span {
  position: relative;
  z-index: 2;
}

.gx-wrapper .gx-specialist .c-campaign .button a .icon {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: min(24px, 1.6666666667vw);
  height: min(24px, 1.6666666667vw);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease-out;
  z-index: 2;
}

.gx-wrapper .gx-specialist .c-campaign .button a .icon img {
  width: 100%;
  height: auto;
  filter: brightness(0) invert(1);
}

@media (hover: hover) {
  .gx-wrapper .gx-specialist .c-campaign .button a:hover::before {
    opacity: 0;
  }

  .gx-wrapper .gx-specialist .c-campaign .button a:hover .icon {
    transform: translateY(-50%) translateX(4px);
  }
}

@media (max-width: 751px) {
  .gx-wrapper .gx-specialist .c-campaign {
    padding-block: 17.4358974359vw;
  }

  .gx-wrapper .gx-specialist .c-campaign .inner {
    row-gap: 6.1538461538vw;
    width: 89.7435897436vw;
    padding: 0;
  }

  .gx-wrapper .gx-specialist .c-campaign .banner {
    padding: 1.5384615385vw 2.5641025641vw;
  }

  .gx-wrapper .gx-specialist .c-campaign .banner p {
    font-size: 4.358974359vw;
  }

  .gx-wrapper .gx-specialist .c-campaign .main-title {
    font-size: 8.4615384615vw;
    line-height: 1.3;
    letter-spacing: normal;
  }

  .gx-wrapper .gx-specialist .c-campaign .main-title .discount {
    font-size: 8.4615384615vw;
  }

  .gx-wrapper .gx-specialist .c-campaign .discount-box {
    max-width: 100%;
    padding: 1.5384615385vw 3.0769230769vw;
  }

  .gx-wrapper .gx-specialist .c-campaign .discount-box p {
    font-size: 5.1282051282vw;
    line-height: 1.6;
  }

  .gx-wrapper .gx-specialist .c-campaign .discount-box .discount-blue {
    font-size: 5.1282051282vw;
  }

  .gx-wrapper .gx-specialist .c-campaign .description {
    font-size: 5.1282051282vw;
    line-height: 1.6;
  }

  .gx-wrapper .gx-specialist .c-campaign .course-title {
    font-size: 5.1282051282vw;
    margin-bottom: -5.1282051282vw;
  }

  .gx-wrapper .gx-specialist .c-campaign .price-table-image {
    max-width: 100%;
  }

  .gx-wrapper .gx-specialist .c-campaign .notes {
    max-width: 100%;
    margin-top: -5.1282051282vw;
    row-gap: 3.0769230769vw;
  }

  .gx-wrapper .gx-specialist .c-campaign .notes .note-item {
    font-size: 3.0769230769vw;
    line-height: 1.5;
  }

  .gx-wrapper .gx-specialist .c-campaign .button {
    margin-top: 5.1282051282vw;
    width: 100%;
  }

  .gx-wrapper .gx-specialist .c-campaign .button a {
    font-size: 5.1282051282vw;
  }

  .gx-wrapper .gx-specialist .c-campaign .button a .icon {
    right: 5.1282051282vw;
    width: 6.1538461538vw;
    height: 6.1538461538vw;
  }
}

.gx-wrapper .gx-specialist .c-voice-interview {
  background: url("/assets-gx-new/images/bg_dot_specialist2.png"),
    0% 0%/50px 50px repeat;
}

.gx-wrapper .gx-specialist .c-voice-list .item a {
  border-radius: 0 min(12px, 0.8333333333vw) min(12px, 0.8333333333vw) min(12px, 0.8333333333vw);
}

@media (hover: hover) {
  .gx-wrapper .gx-specialist .c-voice-list .item a:hover {
    border-color: #69225a;
  }

  .gx-wrapper .gx-specialist .c-voice-list .item a:hover .arrow img {
    filter: invert(18%) sepia(20%) saturate(4629%) hue-rotate(280deg) brightness(90%) contrast(94%);
  }
}

.gx-wrapper .gx-specialist .c-voice-list .item a .label {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  -moz-column-gap: min(4px, 0.2777777778vw);
  column-gap: min(4px, 0.2777777778vw);
  background-color: #69225a;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15);
  -webkit-clip-path: polygon(0 0, 100% 0, 97.7% 50%, 100% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 97.7% 50%, 100% 100%, 0 100%);
  padding-block: min(4px, 0.2777777778vw);
  padding-inline: min(17px, 1.1805555556vw);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.gx-wrapper .gx-specialist .c-voice-list .item a .label span {
  color: #ffffff;
}

.gx-wrapper .gx-specialist .c-voice-list .item a .label span:nth-of-type(1) {
  font-size: min(14px, 0.9722222222vw);
  font-weight: 700;
  line-height: 1.4;
}

.gx-wrapper .gx-specialist .c-voice-list .item a .label span:nth-of-type(2) {
  font-size: min(12px, 0.8333333333vw);
  font-weight: 400;
  line-height: 1.2;
}

.gx-wrapper .gx-specialist .c-voice-list .arrow img {
  filter: invert(21%) sepia(34%) saturate(3500%) hue-rotate(284deg) brightness(100%) contrast(86%);
}

@media (hover: hover) {
  .gx-wrapper .gx-specialist .c-interview-card a:hover {
    border-color: #69225a;
  }
}

.gx-wrapper .gx-specialist .c-faq .faq-container dt::before {
  background-image: url("/assets-gx-new/images/icon/icon-Q-purple.svg");
}

.gx-wrapper .gx-specialist .c-faq .faq-container dd::before {
  background-image: url("/assets-gx-new/images/icon/icon-A-purple.svg");
}

.gx-wrapper .gx-specialist .c-faq .faq-container .link a {
  color: #8f2f7b;
}

@media (hover: hover) {
  .gx-wrapper .gx-specialist .c-faq .faq-container .link a:hover {
    color: #69225a;
  }

  .gx-wrapper .gx-specialist .c-faq .faq-container .link a:hover .arrow img {
    filter: invert(18%) sepia(20%) saturate(4629%) hue-rotate(280deg) brightness(90%) contrast(94%);
  }
}

.gx-wrapper .gx-specialist .c-faq .faq-container .link .arrow img {
  filter: invert(21%) sepia(34%) saturate(3500%) hue-rotate(284deg) brightness(100%) contrast(86%);
}

@media (max-width: 751px) {

  .gx-wrapper .gx-specialist .c-cta01 .button-apply,
  .gx-wrapper .gx-specialist .c-cta01 .button-group {
    width: 100%;
    margin-top: 20px;
    z-index: 1;
    display: flex;
    justify-content: center;
  }

  .gx-wrapper .gx-specialist .c-cta01 .button-group {
    margin-top: 10px;
  }

  .gx-wrapper .gx-specialist .c-cta01 .button-apply a,
  .gx-wrapper .gx-specialist .c-cta01 .button-group a {
    display: flex;
    justify-content: space-between;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: 700;
    font-feature-settings: "pwid";
    line-height: 1;
    text-align: center;
    color: #ffffff;
    border-radius: 1000px;
    width: 100%;
    min-height: 40px;
    padding-block: min(20px, 1.3888888889vw);
    position: relative;
  }

  .gx-wrapper .gx-specialist .c-cta01 .button-apply a {
    background-color: #8f2f7b;
    color: #fff;
  }

  .gx-wrapper .gx-specialist .c-cta01 .button-group a {
    background-color: #fff;
    color: #8f2f7b;
    border: solid 2px #8f2f7b;
  }

  .gx-wrapper .gx-specialist .c-cta01 .button-apply a .icon,
  .gx-wrapper .gx-specialist .c-cta01 .button-group a .icon {
    position: absolute;
    right: 10%;
    top: 50%;
    transform: translate(10%, -50%);
    width: 24px;
    height: 24px;
  }

  .gx-wrapper .gx-specialist .c-reason {
    background-size: 153.8461538462vw 76.9230769231vw;
  }

  .gx-wrapper .gx-specialist .c-reason .inner {
    background-size: 76.9230769231vw 51.2820512821vw;
    padding-bottom: 15.3846153846vw;
  }

  .gx-wrapper .gx-specialist .c-reason .inner::after {
    width: 79.4871794872vw;
  }

  .gx-wrapper .gx-specialist .c-reason .text-container p .note {
    font-size: 3.5897435897vw;
  }

  .gx-wrapper .gx-specialist .c-recommend {
    padding-top: 15.3846153846vw;
    padding-bottom: 20.5128205128vw;
  }

  .gx-wrapper .gx-specialist .c-recommend .character-title .title::after {
    height: 5.1282051282vw;
  }

  .gx-wrapper .gx-specialist .c-recommend .list-container {
    width: auto;
    margin-inline: 0;
  }

  .gx-wrapper .gx-specialist .c-recommend .list-container .list {
    display: block;
  }

  .gx-wrapper .gx-specialist .c-recommend .list-container .item {
    background-size: 50vw 50vw;
    background-position: center;
  }

  .gx-wrapper .gx-specialist .c-goal .card {
    padding-top: 10.2564102564vw;
  }

  .gx-wrapper .gx-specialist .c-goal .card .chart .text {
    font-size: 4.1025641026vw;
    margin-top: 3.0769230769vw;
  }

  .gx-wrapper .gx-specialist .c-merit::before,
  .gx-wrapper .gx-specialist .c-merit::after {
    width: 60%;
  }

  .gx-wrapper .gx-specialist .c-overview .card {
    background-image: none;
  }

  .gx-wrapper .gx-specialist .c-overview .title {
    border-bottom: dotted 2px #f1d6ec;
  }

  .gx-wrapper .gx-specialist .c-study {
    padding-top: 10.2564102564vw;
  }

  .gx-wrapper .gx-specialist .c-voice-list .item a .label {
    -moz-column-gap: 1.0256410256vw;
    column-gap: 1.0256410256vw;
    padding-block: 1.0256410256vw;
    padding-inline: 4.358974359vw;
  }

  .gx-wrapper .gx-specialist .c-voice-list .item a .label span:nth-of-type(1) {
    font-size: 3.5897435897vw;
  }

  .gx-wrapper .gx-specialist .c-voice-list .item a .label span:nth-of-type(2) {
    font-size: 3.0769230769vw;
  }
}

/*--------------------------------------------------------------
  biz
--------------------------------------------------------------*/
.gx-wrapper .gx-biz .c-title .icon img {
  filter: invert(90%) sepia(11%) saturate(1673%) hue-rotate(127deg) brightness(94%) contrast(91%);
}

@media (hover: hover) {
  .gx-wrapper .gx-biz .c-page-menu .item a:hover {
    color: #0094a8;
  }

  .gx-wrapper .gx-biz .c-page-menu .item a:hover .arrow img {
    filter: invert(14%) sepia(59%) saturate(5288%) hue-rotate(175deg) brightness(102%) contrast(100%);
  }
}

.gx-wrapper .gx-biz .c-page-menu .item .arrow img {
  filter: invert(48%) sepia(48%) saturate(7318%) hue-rotate(163deg) brightness(94%) contrast(101%);
}

.gx-wrapper .gx-biz .c-cta01 {
  background-image: url("/assets-gx-new/images/bg_stripe_2_biz.png");
  background-size: 16px;
}

.gx-wrapper .gx-biz .c-cta01 .wrapper {
  border-color: #75e4e5;
}

.gx-wrapper .gx-biz .c-cta01 .text-container dd a {
  color: #0094a8;
}

.gx-wrapper .gx-biz .c-cta01 .text-container .tab .icon img {
  filter: invert(48%) sepia(48%) saturate(7318%) hue-rotate(163deg) brightness(94%) contrast(101%);
}

.gx-wrapper .gx-biz .c-cta01 .button a {
  background-color: #00bdd7;
}

@media (hover: hover) {
  .gx-wrapper .gx-biz .c-cta01 .button a:hover {
    background-color: #00616e;
  }
}

.gx-wrapper .gx-biz .c-cta01 .button-group a {
  background-color: #fff;
  color: #0094a8;
  border: solid 2px #0094a8;
  transition: all 0.3s ease-out;
}

.gx-wrapper .gx-biz .c-cta01 .button-group a .icon img {
  filter: none;
}

@media (hover: hover) {
  .gx-wrapper .gx-biz .c-cta01 .button-group a:hover {
    background-color: #75e4e5;
    color: #fff;
    border: solid 2px #75e4e5;
  }

  .gx-wrapper .gx-biz .c-cta01 .button-group a:hover .icon img {
    content: url("/assets-gx-new/images/icon/Arrow-Right_White.svg");
  }
}

.gx-wrapper .gx-biz .c-reason {
  background-image: url("/assets-gx-new/images/bg_about_top_biz.png");
  background-size: auto;
  background-position: left top;
  background-repeat: repeat;
}

.gx-wrapper .gx-biz .c-reason .inner {
  padding-bottom: min(60px, 4.1666666667vw);
}

.gx-wrapper .gx-biz .c-reason .inner::before,
.gx-wrapper .gx-biz .c-reason .inner::after {
  border-color: #cafaf7;
}

.gx-wrapper .gx-biz .c-reason .inner::after {
  width: min(340px, 23.6111111111vw);
}

.gx-wrapper .gx-biz .c-reason .c-title .title {
  white-space: nowrap;
}

.gx-wrapper .gx-biz .c-recommend {
  background-image: url("/assets-gx-new/images/bg_dot_biz2.png");
  background-size: 20px 20px;
  background-repeat: repeat;
}

.gx-wrapper .gx-biz .c-recommend .character-title .title {
  padding-inline: 0;
  padding-bottom: 0;
}

.gx-wrapper .gx-biz .c-recommend .character-title .title::after {
  content: "";
  display: block;
  background-color: #fff59f;
  mix-blend-mode: multiply;
  width: 100%;
  height: min(20px, 1.3888888889vw);
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 0;
}

.gx-wrapper .gx-biz .c-recommend .list-container {
  width: min(1192px, 82.7777777778vw);
  margin-inline: auto;
}

.gx-wrapper .gx-biz .c-recommend .list-container .item {
  background-image: url("/assets-gx-new/images/bg_recommend_card_circle.svg");
  background-size: min(230px, 15.9722222222vw) min(230px, 15.9722222222vw);
  background-position: center bottom;
  background-repeat: no-repeat;
}

.gx-wrapper .gx-biz .c-goal .card {
  box-shadow: none;
  border: solid 4px #cafaf7;
}

.gx-wrapper .gx-biz .c-goal .box {
  background-color: #f2fefd;
}

.gx-wrapper .gx-biz .c-goal .box .head {
  border-bottom: 2px dotted #cafaf7;
}

.gx-wrapper .gx-biz .c-goal .box .chart .text {
  font-size: min(16px, 1.1111111111vw);
  line-height: 1.2;
  color: #696969;
  margin-top: min(12px, 0.8333333333vw);
}

.gx-wrapper .gx-biz .c-merit {
  background-color: rgba(117, 228, 229, 0.3);
  position: relative;
}

.gx-wrapper .gx-biz .c-merit::before,
.gx-wrapper .gx-biz .c-merit::after {
  content: "";
  display: inline-block;
  background-color: rgba(0, 0, 0, 0.04);
  -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%);
  clip-path: polygon(100% 0, 100% 100%, 0 100%);
  position: absolute;
  inset: 0;
}

.gx-wrapper .gx-biz .c-merit .box .head-container .icon img {
  filter: invert(87%) sepia(35%) saturate(152%) hue-rotate(127deg) brightness(96%) contrast(110%);
}

.gx-wrapper .gx-biz .c-merit .box01 .text-container .button a {
  color: #0094a8;
  border-color: #00bdd7;
}

@media (hover: hover) {
  .gx-wrapper .gx-biz .c-merit .box01 .text-container .button a:hover {
    color: #0094a8;
    background-color: #f2fefd;
    border-color: #00bdd7;
  }

  .gx-wrapper .gx-biz .c-merit .box01 .text-container .button a:hover .icon img {
    filter: invert(61%) sepia(62%) saturate(3183%) hue-rotate(146deg) brightness(96%) contrast(101%);
  }
}

.gx-wrapper .gx-biz .c-merit .box01 .text-container .button .icon img {
  filter: invert(61%) sepia(62%) saturate(3183%) hue-rotate(146deg) brightness(96%) contrast(101%);
}

.gx-wrapper .gx-biz .c-merit .boxSS .text-container .text-box {
  border: solid 1px #00bdd7;
}

.gx-wrapper .gx-biz .c-merit .boxSS .text-container .label {
  color: #0094a8;
}

.gx-wrapper .gx-biz .c-merit .boxSS .text-container a {
  color: #0094a8;
}

.gx-wrapper .gx-biz .c-overview {
  background-image: none;
  background-color: #f2fefd;
}

.gx-wrapper .gx-biz .c-overview .card {
  background-image: url("/assets-gx-new/images/bg_overview_biz.svg");
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: min(450px, 31.25vw) auto;
  box-shadow: none;
  border: solid 10px #cafaf7;
}

.gx-wrapper .gx-biz .c-overview .list-container .row:not(:last-of-type) {
  border-bottom: solid 1px #75e4e5;
}

.gx-wrapper .gx-biz .c-overview .list-container dd a {
  color: #0094a8;
}

.gx-wrapper .gx-biz .c-overview .list-container .tab .icon img {
  filter: invert(48%) sepia(48%) saturate(7318%) hue-rotate(163deg) brightness(94%) contrast(101%);
}

.gx-wrapper .gx-biz .c-syllabus .example-container {
  background-color: #f2fefd;
}

.gx-wrapper .gx-biz .c-syllabus .example-container .question span img {
  filter: invert(90%) sepia(11%) saturate(1673%) hue-rotate(127deg) brightness(94%) contrast(91%);
}

.gx-wrapper .gx-biz .c-syllabus .button a {
  background-color: #00bdd7;
}

@media (hover: hover) {
  .gx-wrapper .gx-biz .c-syllabus .button a:hover {
    background-color: #00616e;
  }
}

.gx-wrapper .gx-biz .c-study {
  background-color: #f2fefd;
}

.gx-wrapper .gx-biz .c-study .head-container .icon img {
  filter: invert(90%) sepia(11%) saturate(1673%) hue-rotate(127deg) brightness(94%) contrast(91%);
}

.gx-wrapper .gx-biz .c-study .card a {
  border-color: #cafaf7;
}

@media (hover: hover) {
  .gx-wrapper .gx-biz .c-study .card a:hover {
    border-color: #75e4e5;
  }

  .gx-wrapper .gx-biz .c-study .card a:hover .icon img {
    filter: invert(14%) sepia(59%) saturate(5288%) hue-rotate(175deg) brightness(102%) contrast(100%);
  }
}

.gx-wrapper .gx-biz .c-study .card .text-container .title {
  color: #0094a8;
}

.gx-wrapper .gx-biz .c-study .card .arrow img,
.gx-wrapper .gx-biz .c-study .card .icon img {
  filter: invert(48%) sepia(48%) saturate(7318%) hue-rotate(163deg) brightness(94%) contrast(101%);
}

.gx-wrapper .gx-biz .c-cta02 {
  background-image: linear-gradient(254.42deg, #00bdd7 8.5%, #00899c 60.47%);
}

.gx-wrapper .gx-biz .c-cta02 .card {
  box-shadow: inset 0 0 0 min(16px, 1.1111111111vw) #cafaf7;
}

.gx-wrapper .gx-biz .c-cta02 .card .schedule a::before {
  background-color: #00bdd7;
}

.gx-wrapper .gx-biz .c-cta02 .card .schedule a::after {
  background-color: #00616e;
}

.gx-wrapper .gx-biz .c-voice-interview {
  background: url("/assets-gx-new/images/bg_dot_biz.png"),
    0% 0%/50px 50px repeat;
}

.gx-wrapper .gx-biz .c-voice-list .item a {
  border-radius: 0 min(12px, 0.8333333333vw) min(12px, 0.8333333333vw) min(12px, 0.8333333333vw);
}

@media (hover: hover) {
  .gx-wrapper .gx-biz .c-voice-list .item a:hover {
    border-color: #75e4e5;
  }

  .gx-wrapper .gx-biz .c-voice-list .item a:hover .arrow img {
    filter: invert(14%) sepia(59%) saturate(5288%) hue-rotate(175deg) brightness(102%) contrast(100%);
  }
}

.gx-wrapper .gx-biz .c-voice-list .item a .label {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  -moz-column-gap: min(4px, 0.2777777778vw);
  column-gap: min(4px, 0.2777777778vw);
  background-color: #00616e;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15);
  -webkit-clip-path: polygon(0 0, 100% 0, 97.7% 50%, 100% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 97.7% 50%, 100% 100%, 0 100%);
  padding-block: min(4px, 0.2777777778vw);
  padding-inline: min(17px, 1.1805555556vw);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.gx-wrapper .gx-biz .c-voice-list .item a .label span {
  color: #ffffff;
}

.gx-wrapper .gx-biz .c-voice-list .item a .label span:nth-of-type(1) {
  font-size: min(14px, 0.9722222222vw);
  font-weight: 700;
  line-height: 1.4;
}

.gx-wrapper .gx-biz .c-voice-list .item a .label span:nth-of-type(2) {
  font-size: min(12px, 0.8333333333vw);
  font-weight: 400;
  line-height: 1.2;
}

.gx-wrapper .gx-biz .c-voice-list .arrow img {
  filter: invert(48%) sepia(48%) saturate(7318%) hue-rotate(163deg) brightness(94%) contrast(101%);
}

@media (hover: hover) {
  .gx-wrapper .gx-biz .c-interview-card a:hover {
    border-color: #75e4e5;
  }
}

.gx-wrapper .gx-biz .c-faq .faq-container dt::before {
  background-image: url("/assets-gx-new/images/icon/icon-Q-sky.svg");
}

.gx-wrapper .gx-biz .c-faq .faq-container dd::before {
  background-image: url("/assets-gx-new/images/icon/icon-A-sky.svg");
}

.gx-wrapper .gx-biz .c-faq .faq-container .link a {
  color: #0094a8;
}

@media (hover: hover) {
  .gx-wrapper .gx-biz .c-faq .faq-container .link a:hover {
    color: #00616e;
  }

  .gx-wrapper .gx-biz .c-faq .faq-container .link a:hover .arrow img {
    filter: invert(14%) sepia(59%) saturate(5288%) hue-rotate(175deg) brightness(102%) contrast(100%);
  }
}

.gx-wrapper .gx-biz .c-faq .faq-container .link .arrow img {
  filter: invert(48%) sepia(48%) saturate(7318%) hue-rotate(163deg) brightness(94%) contrast(101%);
}

@media (max-width: 751px) {

  .gx-wrapper .gx-biz .c-cta01 .button-apply,
  .gx-wrapper .gx-biz .c-cta01 .button-group {
    width: 100%;
    margin-top: 20px;
    z-index: 1;
    display: flex;
    justify-content: center;
  }

  .gx-wrapper .gx-biz .c-cta01 .button-group {
    margin-top: 10px;
  }

  .gx-wrapper .gx-biz .c-cta01 .button-apply a,
  .gx-wrapper .gx-biz .c-cta01 .button-group a {
    display: flex;
    justify-content: space-between;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: 700;
    font-feature-settings: "pwid";
    line-height: 1;
    text-align: center;
    color: #ffffff;
    border-radius: 1000px;
    width: 100%;
    min-height: 40px;
    padding-block: min(20px, 1.3888888889vw);
    position: relative;
  }

  .gx-wrapper .gx-biz .c-cta01 .button-apply a {
    background-color: #00bdd7;
    color: #fff;
  }

  .gx-wrapper .gx-biz .c-cta01 .button-group a {
    background-color: #fff;
    color: #0094a8;
    border: solid 2px #0094a8;
  }

  .gx-wrapper .gx-biz .c-cta01 .button-apply a .icon,
  .gx-wrapper .gx-biz .c-cta01 .button-group a .icon {
    position: absolute;
    right: 10%;
    top: 50%;
    transform: translate(10%, -50%);
    width: 24px;
    height: 24px;
  }

  .gx-wrapper .gx-biz .c-reason {
    background-size: 60% auto;
  }

  .gx-wrapper .gx-biz .c-reason .inner {
    background-size: 76.9230769231vw 51.2820512821vw;
    padding-bottom: 15.3846153846vw;
  }

  .gx-wrapper .gx-biz .c-reason .inner::after {
    width: 79.4871794872vw;
  }

  .gx-wrapper .gx-biz .c-reason .text-container p .note {
    font-size: 3.5897435897vw;
  }

  .gx-wrapper .gx-biz .c-recommend {
    padding-top: 15.3846153846vw;
    padding-bottom: 20.5128205128vw;
  }

  .gx-wrapper .gx-biz .c-recommend .character-title .title::after {
    height: 5.1282051282vw;
  }

  .gx-wrapper .gx-biz .c-recommend .list-container {
    width: auto;
    margin-inline: 0;
  }

  .gx-wrapper .gx-biz .c-recommend .list-container .list {
    display: block;
  }

  .gx-wrapper .gx-biz .c-recommend .list-container .item {
    background-size: 50vw 50vw;
    background-position: center;
  }

  .gx-wrapper .gx-biz .c-goal .card {
    padding-top: 10.2564102564vw;
  }

  .gx-wrapper .gx-biz .c-goal .card .chart .text {
    font-size: 4.1025641026vw;
    margin-top: 3.0769230769vw;
  }

  .gx-wrapper .gx-biz .c-overview .card {
    background-image: none;
  }

  .gx-wrapper .gx-biz .c-overview .title {
    border-bottom: dotted 2px #cafaf7;
  }

  .gx-wrapper .gx-biz .c-study {
    padding-top: 10.2564102564vw;
  }

  .gx-wrapper .gx-biz .c-voice-list .item a .label {
    -moz-column-gap: 1.0256410256vw;
    column-gap: 1.0256410256vw;
    padding-block: 1.0256410256vw;
    padding-inline: 4.358974359vw;
  }

  .gx-wrapper .gx-biz .c-voice-list .item a .label span:nth-of-type(1) {
    font-size: 3.5897435897vw;
  }

  .gx-wrapper .gx-biz .c-voice-list .item a .label span:nth-of-type(2) {
    font-size: 3.0769230769vw;
  }
}

/*--------------------------------------------------------------
  learning
--------------------------------------------------------------*/
.gx-wrapper .gx-learning .page-title .inner {
  background-image: url(../images/study_title_pc.jpg);
  width: 100%;
  aspect-ratio: 2880 / 700;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
}

.gx-wrapper .gx-learning .page-title .c-title .icon {
  right: auto;
  left: 50%;
  transform: translate(200%, max(-24px, -1.6666666667vw));
}

.gx-wrapper .gx-learning .page-title .top-text {
  font-size: min(18px, 1.25vw);
  font-weight: 500;
  line-height: 1.4444444444;
  text-align: center;
  color: #242424;
  margin-top: min(36px, 2.5vw);
}

.gx-wrapper .gx-learning .c-study {
  background: url("/assets-gx-new/images/top/bg_dot.png"),
    lightgray 0% 0%/50px 50px repeat;
  padding-block: min(68px, 4.7222222222vw) min(68px, 10vw);
}

.gx-wrapper .gx-learning .c-study.trends {
  padding-bottom: 0;
}

.gx-wrapper .gx-learning .c-study.trends .c-banner {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0;
}

.gx-wrapper .gx-learning .c-study.trends .c-banner picture img {
  max-width: 100%;
  width: 1000px;
  height: auto;
  display: block;
}

@media (max-width: 768px) {
  .gx-wrapper .gx-learning .c-study.trends .c-banner picture img {
    width: 100%;
  }
}

.gx-wrapper .gx-learning .c-study.trends .box.learning {
  padding: min(40px, 2.7777777778vw);
}

.gx-wrapper .gx-learning .c-study .head-container .icon img {
  filter: invert(90%) sepia(26%) saturate(135%) hue-rotate(77deg) brightness(97%) contrast(89%);
}

.gx-wrapper .gx-learning .c-study .course-title {
  font-size: min(28px, 1.9444444444vw);
  font-weight: 700;
  line-height: 1.4;
  color: #242424;
  text-align: center;
}

.gx-wrapper .gx-learning .c-study .card-container {
  margin-top: min(60px, 4.1666666667vw);
}

.gx-wrapper .gx-learning .c-study .card-list {
  display: flex;
  flex-direction: column;
  row-gap: min(60px, 4.1666666667vw);
}

.gx-wrapper .gx-learning .c-study .card-item.advanced .card a {
  border-color: #d5f0ff;
}

.gx-wrapper .gx-learning .c-study.trends .card a {
  border: none;
  padding: 0;
  box-shadow: none;
}

.gx-wrapper .c-study.trends .card .text-container {
  row-gap: 0;
}

.gx-wrapper .c-study.trends .c-interview-card .text-container .movie-title {
  margin-top: 0;
}

.gx-wrapper .c-banner .inner {
  margin-inline: auto;
  padding: min(40px, 5vw) min(50px, 5vw);
  position: relative;
}

.gx-wrapper .gx-learning .c-banner {
  display: flex;
  justify-content: center;
  margin-top: min(40px, 2.7777777778vw);
}

.gx-wrapper .gx-learning .c-banner a {
  transition: opacity 0.3s ease-out;
}

.gx-wrapper .gx-learning .c-banner img {
  width: 850px;
  height: auto;
}

@media (hover: hover) {
  .gx-wrapper .gx-learning .c-study .card-item.advanced .card a:hover {
    border-color: #015389;
  }

  .gx-wrapper .gx-learning .c-study .card-item.advanced .card a:hover .icon img {
    filter: invert(18%) sepia(14%) saturate(7494%) hue-rotate(181deg) brightness(89%) contrast(99%);
  }

  .gx-wrapper .gx-learning .c-banner a:hover {
    opacity: 0.7;
  }
}

.gx-wrapper .gx-learning .c-study .card-item.advanced .card .text-container .title {
  color: #015389;
}

.gx-wrapper .gx-learning .c-study .card-item.advanced .card .arrow img,
.gx-wrapper .gx-learning .c-study .card-item.advanced .card .icon img {
  filter: invert(23%) sepia(87%) saturate(1475%) hue-rotate(182deg) brightness(85%) contrast(99%);
}

.gx-wrapper .gx-learning .c-study .card-item.specialist .card a {
  border-color: #f1d6ec;
}

@media (hover: hover) {
  .gx-wrapper .gx-learning .c-study .card-item.specialist .card a:hover {
    border-color: #b95b8a;
  }

  .gx-wrapper .gx-learning .c-study .card-item.specialist .card a:hover .icon img {
    filter: invert(18%) sepia(20%) saturate(4629%) hue-rotate(280deg) brightness(90%) contrast(94%);
  }
}

.gx-wrapper .gx-learning .c-study .card-item.specialist .card .text-container .title {
  color: #8f2f7b;
}

.gx-wrapper .gx-learning .c-study .card-item.specialist .card .arrow img,
.gx-wrapper .gx-learning .c-study .card-item.specialist .card .icon img {
  filter: invert(21%) sepia(34%) saturate(3500%) hue-rotate(284deg) brightness(100%) contrast(86%);
}

.gx-wrapper .gx-learning .c-study .card-item.biz .card a {
  border-color: #cafaf7;
}

@media (hover: hover) {
  .gx-wrapper .gx-learning .c-study .card-item.biz .card a:hover {
    border-color: #75e4e5;
  }

  .gx-wrapper .gx-learning .c-study .card-item.biz .card a:hover .icon img {
    filter: invert(14%) sepia(59%) saturate(5288%) hue-rotate(175deg) brightness(102%) contrast(100%);
  }
}

.gx-wrapper .gx-learning .c-study .card-item.biz .card .text-container .title {
  color: #0094a8;
}

.gx-wrapper .gx-learning .c-study .card-item.biz .card .arrow img,
.gx-wrapper .gx-learning .c-study .card-item.biz .card .icon img {
  filter: invert(48%) sepia(48%) saturate(7318%) hue-rotate(163deg) brightness(94%) contrast(101%);
}

@media (max-width: 751px) {
  .gx-wrapper .gx-learning .page-title .inner {
    padding-block: 12.8205128205vw;
  }

  .gx-wrapper .gx-learning .page-title .c-title .icon {
    left: auto;
    transform: none;
  }

  .gx-wrapper .gx-learning .page-title .top-text {
    font-size: 4.6153846154vw;
    line-height: 1.4;
    margin-top: 7.6923076923vw;
  }

  .gx-wrapper .gx-learning .c-study {
    padding-block: 12.8205128205vw;
  }

  .gx-wrapper .gx-learning .c-study.trends .box.learning {
    padding: 20px;
  }

  .gx-wrapper .gx-learning .c-study .course-title {
    font-size: 5.1282051282vw;
    line-height: 1.5;
  }

  .gx-wrapper .gx-learning .c-study .card-container {
    margin-top: 7.6923076923vw;
  }

  .gx-wrapper .gx-learning .c-study.trends .head-container {
    margin-bottom: 0;
  }

  .gx-wrapper .gx-learning .c-study.trends .card-container {
    margin-top: 20px;
  }

  .gx-wrapper .gx-learning .c-study.trends .card-container .top {
    margin-top: 0;
  }

  .gx-wrapper .gx-learning .c-study .card-list {
    row-gap: 12.8205128205vw;
  }
}

/*--------------------------------------------------------------
  voice-archive
--------------------------------------------------------------*/
section#voice-archive .top-text {
  font-size: min(18px, 1.25vw);
  font-weight: 500;
  line-height: 1.4444444444;
  text-align: center;
  color: #242424;
  margin-top: min(36px, 2.5vw);
}

section#voice-archive .content {
  background: url("/assets-gx-new/images/top/bg_dot.png"),
    lightgray 0% 0%/50px 50px repeat;
  margin-top: min(80px, 5.5555555556vw);
  padding-top: min(100px, 6.9444444444vw);
  padding-bottom: min(95px, 6.5972222222vw);
}

section#voice-archive .content .head {
  font-size: min(32px, 2.2222222222vw);
  font-weight: 800;
  font-feature-settings: "pwid";
  line-height: 1.4;
  color: #242424;
}

section#voice-archive .report,
section#voice-archive .interview,
section#voice-archive .success {
  width: min(1200px, 83.3333333333vw);
  margin-inline: auto;
}

section#voice-archive .report .wrapper {
  display: flex;
  -moz-column-gap: min(160px, 11.1111111111vw);
  column-gap: min(160px, 11.1111111111vw);
}

section#voice-archive .report .text-container {
  display: flex;
  flex-direction: column;
  width: min(545px, 37.8472222222vw);
}

section#voice-archive .report .text {
  flex-grow: 1;
  font-size: min(16px, 1.1111111111vw);
  font-feature-settings: "pwid";
  line-height: 1.6;
  color: #000;
  margin-top: min(20px, 1.3888888889vw);
}

section#voice-archive .report .button {
  align-self: end;
}

section#voice-archive .report .button a {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: min(20px, 1.3888888889vw);
  font-weight: 700;
  font-feature-settings: "pwid";
  line-height: 1;
  letter-spacing: min(0.4px, 0.0277777778vw);
  text-align: center;
  color: #fff;
  background-color: #1b7c3b;
  border-radius: 9999px;
  padding-block: min(20px, 1.3888888889vw);
  padding-inline: min(85.5px, 5.9375vw);
  transition: background-color 0.3s ease-out;
  position: relative;
}

@media (hover: hover) {
  section#voice-archive .report .button a:hover {
    background-color: #135629;
  }

  section#voice-archive .report .button a:hover .arrow {
    transform: translateX(min(4px, 0.2777777778vw)) translateY(-50%);
  }
}

section#voice-archive .report .button a .arrow {
  width: min(24px, 1.6666666667vw);
  position: absolute;
  top: 50%;
  right: min(20px, 1.3888888889vw);
  transform: translateY(-50%);
  transition: transform 0.3s ease-out;
}

section#voice-archive .report .button a .arrow img {
  filter: invert(93%) sepia(93%) saturate(28%) hue-rotate(48deg) brightness(106%) contrast(107%);
}

section#voice-archive .report .image {
  width: min(395px, 27.4305555556vw);
}

section#voice-archive .interview {
  margin-top: min(80px, 5.5555555556vw);
}

section#voice-archive .interview .card {
  margin-top: min(33px, 2.2916666667vw);
}

section#voice-archive .success {
  margin-top: min(80px, 5.5555555556vw);
}

section#voice-archive .success .wrapper {
  display: flex;
  -moz-column-gap: min(160px, 11.1111111111vw);
  column-gap: min(160px, 11.1111111111vw);
}

section#voice-archive .success .text-container {
  display: flex;
  flex-direction: column;
  width: min(545px, 37.8472222222vw);
}

section#voice-archive .success .text {
  flex-grow: 1;
  font-size: min(16px, 1.1111111111vw);
  font-feature-settings: "pwid";
  line-height: 1.6;
  color: #000;
  margin-top: min(20px, 1.3888888889vw);
}

section#voice-archive .success .button {
  align-self: end;
}

section#voice-archive .success .button a {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: min(20px, 1.3888888889vw);
  font-weight: 700;
  font-feature-settings: "pwid";
  line-height: 1;
  letter-spacing: min(0.4px, 0.0277777778vw);
  text-align: center;
  color: #fff;
  background-color: #1b7c3b;
  border-radius: 9999px;
  padding-block: min(20px, 1.3888888889vw);
  padding-inline: min(85.5px, 5.9375vw);
  transition: background-color 0.3s ease-out;
  position: relative;
}

@media (hover: hover) {
  section#voice-archive .success .button a:hover {
    background-color: #135629;
  }

  section#voice-archive .success .button a:hover .arrow {
    transform: translateX(min(4px, 0.2777777778vw)) translateY(-50%);
  }
}

section#voice-archive .success .button a .arrow {
  width: min(24px, 1.6666666667vw);
  position: absolute;
  top: 50%;
  right: min(20px, 1.3888888889vw);
  transform: translateY(-50%);
  transition: transform 0.3s ease-out;
}

section#voice-archive .success .button a .arrow img {
  filter: invert(93%) sepia(93%) saturate(28%) hue-rotate(48deg) brightness(106%) contrast(107%);
}

section#voice-archive .success .image {
  width: min(395px, 27.4305555556vw);
}

@media (max-width: 751px) {
  section#voice-archive .top-text {
    font-size: 4.6153846154vw;
    line-height: 1.4;
    margin-top: 7.6923076923vw;
  }

  section#voice-archive .content {
    margin-top: 12.8205128205vw;
    padding-top: 12.8205128205vw;
    padding-bottom: 12.8205128205vw;
  }

  section#voice-archive .content .head {
    font-size: 8.2051282051vw;
    text-align: center;
  }

  section#voice-archive .report,
  section#voice-archive .interview,
  section#voice-archive .success {
    width: 91.7948717949vw;
  }

  section#voice-archive .report .wrapper {
    flex-direction: column;
    row-gap: 12.8205128205vw;
  }

  section#voice-archive .report .text-container {
    width: 100%;
  }

  section#voice-archive .report .text {
    font-size: 4.1025641026vw;
    margin-top: 5.1282051282vw;
  }

  section#voice-archive .report .button {
    align-self: center;
  }

  section#voice-archive .report .button a {
    font-size: min(20px, 5.1282051282vw);
    letter-spacing: min(0.4px, 0.1025641026vw);
    margin-top: 12.8205128205vw;
    padding-block: min(20px, 5.1282051282vw);
    padding-inline: min(85.5px, 21.9230769231vw);
  }

  section#voice-archive .report .button a .arrow {
    width: min(24px, 6.1538461538vw);
    right: min(20px, 5.1282051282vw);
  }

  section#voice-archive .report .image {
    width: 100%;
  }

  section#voice-archive .interview {
    width: 85.641025641vw;
    margin-top: 20.5128205128vw;
  }

  section#voice-archive .interview .card {
    margin-top: 7.6923076923vw;
  }

  section#voice-archive .success {
    margin-top: 20.5128205128vw;
  }

  section#voice-archive .success .wrapper {
    flex-direction: column;
    row-gap: 12.8205128205vw;
  }

  section#voice-archive .success .text-container {
    width: 100%;
  }

  section#voice-archive .success .text {
    font-size: 4.1025641026vw;
    margin-top: 5.1282051282vw;
  }

  section#voice-archive .success .button {
    align-self: center;
  }

  section#voice-archive .success .button a {
    font-size: min(20px, 5.1282051282vw);
    letter-spacing: min(0.4px, 0.1025641026vw);
    margin-top: 12.8205128205vw;
    padding-block: min(20px, 5.1282051282vw);
    padding-inline: min(85.5px, 21.9230769231vw);
  }

  section#voice-archive .success .button a .arrow {
    width: min(24px, 6.1538461538vw);
    right: min(20px, 5.1282051282vw);
  }

  section#voice-archive .success .image {
    width: 100%;
  }
}

/*--------------------------------------------------------------
  voice-report
--------------------------------------------------------------*/
section#voice-report .top-text {
  font-size: min(18px, 1.25vw);
  font-weight: 500;
  line-height: 1.4444444444;
  text-align: center;
  color: #242424;
  margin-top: min(36px, 2.5vw);
}

section#voice-report .content {
  background: url("/assets-gx-new/images/top/bg_dot.png"),
    lightgray 0% 0%/50px 50px repeat;
  margin-top: min(80px, 5.5555555556vw);
  padding-block: min(100px, 6.9444444444vw);
}

section#voice-report .list-container {
  width: min(1200px, 83.3333333333vw);
  margin-inline: auto;
}

@media (max-width: 751px) {
  section#voice-report .top-text {
    font-size: 4.6153846154vw;
    line-height: 1.4;
    margin-top: 7.6923076923vw;
  }

  section#voice-report .content {
    margin-top: 12.8205128205vw;
    padding-top: 12.8205128205vw;
    padding-bottom: 12.8205128205vw;
  }

  section#voice-report .list-container {
    width: 85.641025641vw;
  }
}

/*--------------------------------------------------------------
  voice-post
--------------------------------------------------------------*/
section#voice .content .content-inner {
  width: min(1000px, 69.4444444444vw);
  margin-inline: auto;
}

section#voice .content .catch {
  font-size: min(32px, 2.2222222222vw);
  font-weight: 600;
  line-height: 1.4;
  text-align: center;
  color: #242424;
}

section#voice .content .wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: min(100px, 6.9444444444vw);
}

section#voice .content .image-container {
  width: 30%;
}

section#voice .content .image-container .image {
  width: 100%;
}

section#voice .content .info {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: repeat(3, auto);
  justify-content: start;
  -moz-column-gap: min(15px, 1.0416666667vw);
  column-gap: min(15px, 1.0416666667vw);
  margin-top: min(30px, 2.0833333333vw);
}

section#voice .content .business {
  grid-column: 1/-1;
  grid-row: 1;
  justify-self: start;
  font-size: min(14px, 0.9722222222vw);
  line-height: 1.21;
  color: #a6a6a6;
  border: solid 1px #a6a6a6;
  border-radius: min(11.5px, 0.7986111111vw);
  padding-block: min(3px, 0.2083333333vw);
  padding-inline: min(14px, 0.9722222222vw);
}

section#voice .content .company,
section#voice .content .name,
section#voice .content .age {
  font-size: min(17px, 1.1805555556vw);
  line-height: 1.53;
  color: #242424;
}

section#voice .content .company {
  grid-column: 1/-1;
  grid-row: 2;
  margin-top: min(8px, 0.5555555556vw);
}

section#voice .content .name {
  grid-column: 1;
  grid-row: 3;
  font-weight: 700;
}

section#voice .content .age {
  grid-column: 2;
  grid-row: 3;
}

section#voice .content .text-container {
  display: flex;
  flex-direction: column;
  row-gap: min(50px, 3.4722222222vw);
  width: 64.5%;
  font-size: min(16px, 1.1111111111vw);
  line-height: 2;
  color: #242424;
}

section#voice .content .text-container dt {
  font-size: min(20px, 1.3888888889vw);
  font-weight: 600;
  line-height: 1.6;
}

section#voice .content .text-container dd {
  margin-top: min(15px, 1.0416666667vw);
}

section#voice .content .text-container dd a {
  font-size: min(18px, 1.25vw);
  font-weight: 800;
  line-height: 1.7777777778;
  color: #1b7c3b;
  text-decoration: underline;
  transition: all 0.3s ease-out;
}

@media (hover: hover) {
  section#voice .content .text-container dd a:hover {
    color: #135629;
  }
}

section#voice .related-course {
  width: min(1200px, 83.3333333333vw);
  margin-top: min(110px, 7.6388888889vw);
  margin-inline: auto;
}

section#voice .related-course .head {
  font-size: min(32px, 2.2222222222vw);
  font-weight: 600;
  line-height: 1.21875;
  text-align: center;
  color: #242424;
}

section#voice .related-course>.text {
  font-size: min(16px, 1.1111111111vw);
  line-height: 1.8;
  text-align: center;
  color: #303030;
  margin-top: min(30px, 2.0833333333vw);
}

section#voice .related-course .card-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  gap: min(21px, 1.4583333333vw);
  margin-top: min(50px, 3.4722222222vw);
}

section#voice .related-course .card {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 4px 4px 30px 0px rgba(0, 0, 0, 0.04);
  width: min(386px, 26.8055555556vw);
  transition: all 0.3s ease-out;
  overflow: hidden;
}

@media (hover: hover) {
  section#voice .related-course .card:hover {
    box-shadow: none;
  }

  section#voice .related-course .card:hover .course-title {
    color: #135629;
  }

  section#voice .related-course .card:hover .trial {
    color: #135629;
  }
}

section#voice .related-course .card .image img {
  width: 100%;
  aspect-ratio: 386/216;
}

section#voice .related-course .card .text-container {
  display: flex;
  flex-direction: column;
  row-gap: min(12px, 0.8333333333vw);
  padding-top: min(12px, 0.8333333333vw);
  padding-inline: min(12px, 0.8333333333vw);
  padding-bottom: min(40px, 2.7777777778vw);
}

section#voice .related-course .card .status {
  align-self: start;
  font-size: min(12px, 0.8333333333vw);
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  color: #fff;
  background-color: #1b7c3b;
  border-radius: 2px;
  padding-block: min(5px, 0.3472222222vw);
  padding-inline: min(16px, 1.1111111111vw);
}

section#voice .related-course .card .status.archive {
  background-color: #76b4a8;
}

section#voice .related-course .card .status.pre {
  background-color: #ffc700;
}

section#voice .related-course .card .status.end {
  background-color: #969696;
}

section#voice .related-course .card .course-title {
  font-size: min(18px, 1.25vw);
  font-weight: 700;
  line-height: 1.8;
  color: #1b7c3b;
  padding-inline: min(8px, 0.5555555556vw);
  transition: color 0.3s ease-out;
}

section#voice .related-course .card .text {
  display: -webkit-box;
  font-size: min(16px, 1.1111111111vw);
  line-height: 1.8;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  color: #303030;
  padding-inline: min(8px, 0.5555555556vw);
  overflow: hidden;
}

section#voice .related-course .card .trial {
  font-size: min(12px, 0.8333333333vw);
  font-weight: 700;
  line-height: 1.55;
  color: #1b7c3b;
  padding-inline: min(8px, 0.5555555556vw);
  transition: color 0.3s ease-out;
}

section#voice .recommend {
  background: url("/assets-gx-new/images/top/bg_dot.png"),
    lightgray 0% 0%/50px 50px repeat;
  margin-top: min(130px, 9.0277777778vw);
}

section#voice .recommend .recommend-inner {
  width: min(1200px, 83.3333333333vw);
  margin-inline: auto;
  padding-top: min(80px, 5.5555555556vw);
  padding-bottom: min(100px, 6.9444444444vw);
}

section#voice .recommend .head {
  font-size: min(32px, 2.2222222222vw);
  font-weight: 600;
  line-height: 1.21875;
  text-align: center;
  color: #242424;
}

section#voice .recommend .list-container {
  margin-top: min(80px, 5.5555555556vw);
}

@media (max-width: 751px) {
  section#voice .content .content-inner {
    width: 87.1794871795vw;
  }

  section#voice .content .catch {
    font-size: 5.641025641vw;
    line-height: 1.77;
  }

  section#voice .content .wrapper {
    flex-direction: column;
    justify-content: normal;
    align-items: center;
    row-gap: 5.1282051282vw;
    margin-top: 10.2564102564vw;
  }

  section#voice .content .info {
    -moz-column-gap: 3.8461538462vw;
    column-gap: 3.8461538462vw;
    margin-top: 6.4102564103vw;
  }

  section#voice .content .business {
    font-size: 3.5897435897vw;
    border-radius: 2.9487179487vw;
    padding-block: 0.7692307692vw;
    padding-inline: 3.5897435897vw;
  }

  section#voice .content .company,
  section#voice .content .name,
  section#voice .content .age {
    font-size: 4.358974359vw;
  }

  section#voice .content .company {
    margin-top: 2.0512820513vw;
  }

  section#voice .content .image-container {
    width: 64.1025641026vw;
  }

  section#voice .content .text-container {
    row-gap: 12.8205128205vw;
    width: 100%;
    font-size: 3.8461538462vw;
  }

  section#voice .content .text-container dt {
    font-size: 5.1282051282vw;
  }

  section#voice .content .text-container dd {
    margin-top: 3.8461538462vw;
  }

  section#voice .content .text-container dd a {
    font-size: 4.6153846154vw;
  }

  section#voice .related-course {
    width: 85.8974358974vw;
    margin-top: 10.2564102564vw;
  }

  section#voice .related-course .head {
    font-size: 8.2051282051vw;
  }

  section#voice .related-course>.text {
    font-size: 4.1025641026vw;
    margin-top: 7.6923076923vw;
  }

  section#voice .related-course .card-container {
    flex-direction: column;
    gap: 7.1794871795vw;
    margin-top: 11.2820512821vw;
  }

  section#voice .related-course .card {
    width: 100%;
  }

  section#voice .related-course .card .text-container {
    row-gap: 3.0769230769vw;
    padding-top: 3.0769230769vw;
    padding-inline: 3.0769230769vw;
    padding-bottom: 6.1538461538vw;
  }

  section#voice .related-course .card .status {
    font-size: 3.0769230769vw;
    padding-block: 1.2820512821vw;
    padding-inline: 4.1025641026vw;
  }

  section#voice .related-course .card .course-title {
    font-size: 4.6153846154vw;
    color: #1b1b1b;
    padding-inline: 0;
  }

  section#voice .related-course .card .text {
    font-size: 4.1025641026vw;
    -webkit-line-clamp: 2;
    padding-inline: 0;
  }

  section#voice .related-course .card .trial {
    font-size: 3.0769230769vw;
    padding-inline: 0;
  }

  section#voice .recommend {
    margin-top: 25.641025641vw;
  }

  section#voice .recommend .recommend-inner {
    width: 85.641025641vw;
    padding-top: 20.5128205128vw;
    padding-bottom: 20.5128205128vw;
  }

  section#voice .recommend .head {
    font-size: 8.2051282051vw;
  }
}

/*--------------------------------------------------------------
  faq
--------------------------------------------------------------*/
.gx-wrapper .gx-faq .faq .inner {
  display: grid;
  grid-template-columns: min(264px, 18.3333333333vw) min(856px, 59.4444444444vw);
  -moz-column-gap: min(80px, 5.5555555556vw);
  column-gap: min(80px, 5.5555555556vw);
  justify-content: center;
  padding-block: min(68px, 4.7222222222vw);
}

.gx-wrapper .gx-faq .faq .tab-container .tab-menu {
  display: flex;
  flex-direction: column;
}

.gx-wrapper .gx-faq .faq .tab-container .tab-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  -moz-column-gap: min(8px, 0.5555555556vw);
  column-gap: min(8px, 0.5555555556vw);
  font-size: min(16px, 1.1111111111vw);
  font-weight: 700;
  line-height: 1.6;
  white-space: nowrap;
  color: #404040;
  background-color: transparent;
  padding-block: min(27px, 1.875vw);
  padding-left: min(20px, 1.3888888889vw);
  position: relative;
  z-index: 0;
  cursor: pointer;
}

.gx-wrapper .gx-faq .faq .tab-container .tab-item.active {
  color: #ffffff;
  background-color: #65a078;
}

.gx-wrapper .gx-faq .faq .tab-container .tab-item.active::after {
  opacity: 1;
  visibility: visible;
}

.gx-wrapper .gx-faq .faq .tab-container .tab-item.active.advanced {
  background-color: #4c9dd1;
}

.gx-wrapper .gx-faq .faq .tab-container .tab-item.active.specialist {
  background-color: #b95b8a;
}

.gx-wrapper .gx-faq .faq .tab-container .tab-item.active.biz {
  background-color: #75e4e5;
}

.gx-wrapper .gx-faq .faq .tab-container .tab-item.active.group {
  background-color: #a6a6a6;
}

.gx-wrapper .gx-faq .faq .tab-container .tab-item.active.common .icon,
.gx-wrapper .gx-faq .faq .tab-container .tab-item.active.basic .icon,
.gx-wrapper .gx-faq .faq .tab-container .tab-item.active.advanced .icon,
.gx-wrapper .gx-faq .faq .tab-container .tab-item.active.specialist .icon,
.gx-wrapper .gx-faq .faq .tab-container .tab-item.active.biz .icon {
  filter: invert(94%) sepia(0%) saturate(24%) hue-rotate(50deg) brightness(105%) contrast(110%);
}

.gx-wrapper .gx-faq .faq .tab-container .tab-item.group .icon img {
  display: none;
}

.gx-wrapper .gx-faq .faq .tab-container .tab-item.group .icon {
  background-image: url("/assets-gx-new/images/icon/Group.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
}

.gx-wrapper .gx-faq .faq .tab-container .tab-item.active.group .icon {
  background-image: url("/assets-gx-new/images/icon/Group-white.svg");
}

.gx-wrapper .gx-faq .faq .tab-container .tab-item::before {
  content: "";
  display: block;
  background-color: #d9d9d9;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}

.gx-wrapper .gx-faq .faq .tab-container .tab-item::after {
  content: "";
  display: inline-block;
  border-style: solid;
  border-width: min(40px, 2.7777777778vw) 0 min(40px, 2.7777777778vw) min(20px, 1.3888888889vw);
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
  opacity: 0;
  visibility: hidden;
}

.gx-wrapper .gx-faq .faq .tab-container .tab-item.common::after {
  border-color: transparent transparent transparent #65a078;
}

.gx-wrapper .gx-faq .faq .tab-container .tab-item.common .icon {
  filter: invert(25%) sepia(21%) saturate(0%) hue-rotate(229deg) brightness(89%) contrast(92%);
}

.gx-wrapper .gx-faq .faq .tab-container .tab-item.basic::after {
  border-color: transparent transparent transparent #65a078;
}

.gx-wrapper .gx-faq .faq .tab-container .tab-item.basic .icon {
  filter: invert(34%) sepia(10%) saturate(5107%) hue-rotate(94deg) brightness(100%) contrast(79%);
}

.gx-wrapper .gx-faq .faq .tab-container .tab-item.advanced::after {
  border-color: transparent transparent transparent #4c9dd1;
}

.gx-wrapper .gx-faq .faq .tab-container .tab-item.advanced .icon {
  filter: invert(18%) sepia(32%) saturate(6124%) hue-rotate(188deg) brightness(97%) contrast(99%);
}

.gx-wrapper .gx-faq .faq .tab-container .tab-item.specialist::after {
  border-color: transparent transparent transparent #b95b8a;
}

.gx-wrapper .gx-faq .faq .tab-container .tab-item.specialist .icon {
  filter: invert(21%) sepia(34%) saturate(3500%) hue-rotate(284deg) brightness(100%) contrast(86%);
}

.gx-wrapper .gx-faq .faq .tab-container .tab-item.biz::after {
  border-color: transparent transparent transparent #75e4e5;
}

.gx-wrapper .gx-faq .faq .tab-container .tab-item.biz .icon {
  filter: invert(48%) sepia(48%) saturate(7318%) hue-rotate(163deg) brightness(94%) contrast(101%);
}

.gx-wrapper .gx-faq .faq .tab-container .tab-item.group::after {
  border-color: transparent transparent transparent #a6a6a6;
}

.gx-wrapper .gx-faq .faq .tab-container .icon {
  width: min(24px, 1.6666666667vw);
}

.gx-wrapper .gx-faq .faq .panel-container .panel {
  display: none;
  opacity: 0;
}

.gx-wrapper .gx-faq .faq .panel-container .panel.active {
  display: flex;
  flex-direction: column;
  row-gap: min(68px, 4.7222222222vw);
  opacity: 1;
}

.gx-wrapper .gx-faq .faq .panel-container .panel.common .question::before,
.gx-wrapper .gx-faq .faq .panel-container .panel.basic .question::before {
  background-image: url("/assets-gx-new/images/icon/icon-Q.svg");
}

.gx-wrapper .gx-faq .faq .panel-container .panel.common .answer::before,
.gx-wrapper .gx-faq .faq .panel-container .panel.basic .answer::before {
  background-image: url("/assets-gx-new/images/icon/icon-A.svg");
}

.gx-wrapper .gx-faq .faq .panel-container .panel.advanced .question::before {
  background-image: url("/assets-gx-new/images/icon/icon-Q-blue.svg");
}

.gx-wrapper .gx-faq .faq .panel-container .panel.advanced .answer::before {
  background-image: url("/assets-gx-new/images/icon/icon-A-blue.svg");
}

.gx-wrapper .gx-faq .faq .panel-container .panel.specialist .question::before {
  background-image: url("/assets-gx-new/images/icon/icon-Q-purple.svg");
}

.gx-wrapper .gx-faq .faq .panel-container .panel.specialist .answer::before {
  background-image: url("/assets-gx-new/images/icon/icon-A-purple.svg");
}

.gx-wrapper .gx-faq .faq .panel-container .panel.biz .question::before {
  background-image: url("/assets-gx-new/images/icon/icon-Q-sky.svg");
}

.gx-wrapper .gx-faq .faq .panel-container .panel.biz .answer::before {
  background-image: url("/assets-gx-new/images/icon/icon-A-sky.svg");
}

.gx-wrapper .gx-faq .faq .panel-container .panel.group .question::before {
  background-image: url("/assets-gx-new/images/icon/icon-Q-gray.svg");
}

.gx-wrapper .gx-faq .faq .panel-container .panel.group .answer::before {
  background-image: url("/assets-gx-new/images/icon/icon-A-gray.svg");
}

.gx-wrapper .gx-faq .faq .panel-container .title {
  font-size: min(40px, 2.7777777778vw);
  font-weight: 900;
  line-height: 1.4;
  text-align: center;
  color: #242424;
}

.gx-wrapper .gx-faq .faq .panel-container .faq-list {
  display: flex;
  flex-direction: column;
  row-gap: min(32px, 2.2222222222vw);
}

.gx-wrapper .gx-faq .faq .panel-container .row {
  display: flex;
  flex-direction: column;
  row-gap: min(16px, 1.1111111111vw);
  background-color: #f8f8f8;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15);
  border-radius: min(12px, 0.8333333333vw);
  padding-block: min(16px, 1.1111111111vw);
  padding-inline: min(20px, 1.3888888889vw);
}

.gx-wrapper .gx-faq .faq .panel-container .question {
  font-size: min(18px, 1.25vw);
  line-height: 1.7777777778;
  color: #242424;
  padding-inline: min(40px, 2.7777777778vw);
  position: relative;
  cursor: pointer;
}

.gx-wrapper .gx-faq .faq .panel-container .question.open .icon::after {
  transform: translate(-50%, -50%) rotateZ(0);
}

.gx-wrapper .gx-faq .faq .panel-container .question::before {
  content: "";
  display: inline-block;
  background-size: 100% auto;
  background-position: 0 0;
  background-repeat: no-repeat;
  width: min(24px, 1.6666666667vw);
  height: min(24px, 1.6666666667vw);
  position: absolute;
  top: min(4px, 0.2777777778vw);
  left: 0;
}

.gx-wrapper .gx-faq .faq .panel-container .icon {
  background-color: #404040;
  border-radius: 50%;
  width: min(32px, 2.2222222222vw);
  height: min(32px, 2.2222222222vw);
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.gx-wrapper .gx-faq .faq .panel-container .icon::before,
.gx-wrapper .gx-faq .faq .panel-container .icon::after {
  content: "";
  display: block;
  background-color: #fff;
  width: min(9px, 0.625vw);
  height: min(2.4px, 0.1666666667vw);
  position: absolute;
  top: 50%;
  left: 50%;
}

.gx-wrapper .gx-faq .faq .panel-container .icon::before {
  transform: translate(-50%, -50%);
}

.gx-wrapper .gx-faq .faq .panel-container .icon::after {
  transform: translate(-50%, -50%) rotateZ(90deg);
  transition: transform 0.3s ease-out;
}

.gx-wrapper .gx-faq .faq .panel-container .answer {
  font-size: min(18px, 1.25vw);
  line-height: 1.7777777778;
  color: #242424;
  padding-top: min(20px, 1.3888888889vw);
  padding-left: min(80px, 5.5555555556vw);
  position: relative;
}

.gx-wrapper .gx-faq .faq .panel-container .answer::before {
  content: "";
  display: inline-block;
  background-size: 100% auto;
  background-position: 0 0;
  background-repeat: no-repeat;
  width: min(24px, 1.6666666667vw);
  height: min(24px, 1.6666666667vw);
  position: absolute;
  top: min(24px, 1.6666666667vw);
  left: min(40px, 2.7777777778vw);
}

.gx-wrapper .gx-faq .faq .panel-container .answer::after {
  content: "";
  display: inline-block;
  background-color: #fff;
  width: 100%;
  height: 4px;
  position: absolute;
  top: 0;
  left: 0;
}

@media (max-width: 751px) {
  .gx-wrapper .gx-faq .faq .inner {
    display: flex;
    flex-direction: column;
    row-gap: 11.2820512821vw;
    justify-content: normal;
    padding-top: 0;
    padding-bottom: 17.4358974359vw;
  }

  .gx-wrapper .gx-faq .faq .tab-container {
    overflow-x: scroll;
    padding-bottom: 1.0256410256vw;
  }

  .gx-wrapper .gx-faq .faq .tab-container .tab-menu {
    display: grid;
    justify-content: center;
  }

  .gx-wrapper .gx-faq .faq .tab-container .tab-menu.list-1 {
    grid-template-columns: auto;
  }

  .gx-wrapper .gx-faq .faq .tab-container .tab-menu.list-2 {
    grid-template-columns: repeat(2, 50%);
  }

  .gx-wrapper .gx-faq .faq .tab-container .tab-menu.list-3 {
    grid-template-columns: repeat(3, 33.33333%);
  }

  .gx-wrapper .gx-faq .faq .tab-container .tab-menu.list-4 {
    grid-template-columns: repeat(4, minmax(104px, 25%));
    padding-left: calc(416px - 100vw);
  }

  .gx-wrapper .gx-faq .faq .tab-container .tab-menu.list-5 {
    grid-template-columns: repeat(5, minmax(104px, 20%));
    padding-left: calc(520px - 100vw);
  }

  .gx-wrapper .gx-faq .faq .tab-container .tab-menu.list-6 {
    grid-template-columns: repeat(6, minmax(104px, 16.66667%));
    padding-left: calc(624px - 100vw);
  }

  .gx-wrapper .gx-faq .faq .tab-container .tab-item {
    display: flex;
    justify-content: center;
    font-size: min(14px, 3.5897435897vw);
    line-height: 1.5;
    text-align: center;
    width: 100%;
    padding-block: 2.3076923077vw;
    padding-left: 0;
  }

  .gx-wrapper .gx-faq .faq .tab-container .tab-item.active {
    background-color: #a6a6a6;
  }

  .gx-wrapper .gx-faq .faq .tab-container .tab-item.active.basic {
    background-color: #65a078;
  }

  .gx-wrapper .gx-faq .faq .tab-container .tab-item.active.basic,
  .gx-wrapper .gx-faq .faq .tab-container .tab-item.active.advanced,
  .gx-wrapper .gx-faq .faq .tab-container .tab-item.active.specialist,
  .gx-wrapper .gx-faq .faq .tab-container .tab-item.active.biz,
  .gx-wrapper .gx-faq .faq .tab-container .tab-item.active.group {
    color: #ffffff;
  }

  .gx-wrapper .gx-faq .faq .tab-container .tab-item::before {
    background-color: #a6a6a6;
    height: 3px;
  }

  .gx-wrapper .gx-faq .faq .tab-container .tab-item::after {
    border-width: 1.5384615385vw 1.5384615385vw 0 1.5384615385vw;
    top: auto;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%) translateY(1.0256410256vw);
  }

  .gx-wrapper .gx-faq .faq .tab-container .tab-item.common::after {
    border-color: #a6a6a6 transparent transparent transparent;
  }

  .gx-wrapper .gx-faq .faq .tab-container .tab-item.basic {
    color: #1b7c3b;
  }

  .gx-wrapper .gx-faq .faq .tab-container .tab-item.basic::before {
    background-color: #65a078;
  }

  .gx-wrapper .gx-faq .faq .tab-container .tab-item.basic::after {
    border-color: #65a078 transparent transparent transparent;
  }

  .gx-wrapper .gx-faq .faq .tab-container .tab-item.advanced {
    color: #015389;
  }

  .gx-wrapper .gx-faq .faq .tab-container .tab-item.advanced::before {
    background-color: #4c9dd1;
  }

  .gx-wrapper .gx-faq .faq .tab-container .tab-item.advanced::after {
    border-color: #4c9dd1 transparent transparent transparent;
  }

  .gx-wrapper .gx-faq .faq .tab-container .tab-item.specialist {
    color: #8f2f7b;
  }

  .gx-wrapper .gx-faq .faq .tab-container .tab-item.specialist::before {
    background-color: #b95b8a;
  }

  .gx-wrapper .gx-faq .faq .tab-container .tab-item.specialist::after {
    border-color: #b95b8a transparent transparent transparent;
  }

  .gx-wrapper .gx-faq .faq .tab-container .tab-item.biz {
    color: #0094a8;
  }

  .gx-wrapper .gx-faq .faq .tab-container .tab-item.biz::before {
    background-color: #75e4e5;
  }

  .gx-wrapper .gx-faq .faq .tab-container .tab-item.biz::after {
    border-color: #75e4e5 transparent transparent transparent;
  }

  .gx-wrapper .gx-faq .faq .tab-container .tab-item.group {
    color: #242424;
  }

  .gx-wrapper .gx-faq .faq .tab-container .tab-item.group::before {
    background-color: #a6a6a6;
  }

  .gx-wrapper .gx-faq .faq .tab-container .tab-item.group::after {
    border-color: #a6a6a6 transparent transparent transparent;
  }

  .gx-wrapper .gx-faq .faq .panel-container {
    width: 89.7435897436vw;
    margin-inline: auto;
  }

  .gx-wrapper .gx-faq .faq .panel-container .panel.active {
    display: block;
  }

  .gx-wrapper .gx-faq .faq .panel-container .faq-list {
    row-gap: 8.2051282051vw;
  }

  .gx-wrapper .gx-faq .faq .panel-container .row {
    row-gap: 4.1025641026vw;
    border-radius: 3.0769230769vw;
    padding-block: 3.0769230769vw;
    padding-inline: 3.0769230769vw;
  }

  .gx-wrapper .gx-faq .faq .panel-container .question {
    font-size: 4.1025641026vw;
    line-height: 1.6;
    padding-inline: 9.2307692308vw 11.2820512821vw;
  }

  .gx-wrapper .gx-faq .faq .panel-container .question::before {
    width: 6.1538461538vw;
    height: 6.1538461538vw;
    top: 1.0256410256vw;
  }

  .gx-wrapper .gx-faq .faq .panel-container .icon {
    width: 6.1538461538vw;
    height: 6.1538461538vw;
    top: auto;
    right: 0;
    bottom: 1.0256410256vw;
    transform: translateY(0);
  }

  .gx-wrapper .gx-faq .faq .panel-container .icon::before,
  .gx-wrapper .gx-faq .faq .panel-container .icon::after {
    width: 1.7948717949vw;
    height: 0.358974359vw;
  }

  .gx-wrapper .gx-faq .faq .panel-container .answer {
    font-size: 4.1025641026vw;
    line-height: 1.6;
    padding-top: 3.0769230769vw;
    padding-left: 12.3076923077vw;
  }

  .gx-wrapper .gx-faq .faq .panel-container .answer::before {
    width: 6.1538461538vw;
    height: 6.1538461538vw;
    position: absolute;
    top: 4.1025641026vw;
    left: 3.3333333333vw;
  }

  .gx-wrapper .gx-faq .faq .panel-container .answer::after {
    height: 2px;
  }
}

/*--------------------------------------------------------------
  requirements
--------------------------------------------------------------*/
.gx-wrapper .gx-requirements .requirements .inner {
  display: grid;
  grid-template-columns: min(264px, 18.3333333333vw) min(856px, 59.4444444444vw);
  -moz-column-gap: min(80px, 5.5555555556vw);
  column-gap: min(80px, 5.5555555556vw);
  justify-content: center;
  padding-block: min(68px, 4.7222222222vw);
}

.gx-wrapper .gx-requirements .requirements .tab-container .tab-menu {
  display: flex;
  flex-direction: column;
}

.gx-wrapper .gx-requirements .requirements .tab-container .tab-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  -moz-column-gap: min(8px, 0.5555555556vw);
  column-gap: min(8px, 0.5555555556vw);
  font-size: min(16px, 1.1111111111vw);
  font-weight: 700;
  line-height: 1.6;
  white-space: nowrap;
  color: #404040;
  background-color: transparent;
  padding-block: min(27px, 1.875vw);
  padding-left: min(20px, 1.3888888889vw);
  position: relative;
  z-index: 0;
  cursor: pointer;
}

.gx-wrapper .gx-requirements .requirements .tab-container .tab-item.active {
  color: #ffffff;
  background-color: #65a078;
}

.gx-wrapper .gx-requirements .requirements .tab-container .tab-item.active::after {
  opacity: 1;
  visibility: visible;
}

.gx-wrapper .gx-requirements .requirements .tab-container .tab-item.active.required .icon img,
.gx-wrapper .gx-requirements .requirements .tab-container .tab-item.active.recommended .icon img {
  filter: brightness(0) invert(1);
}

.gx-wrapper .gx-requirements .requirements .tab-container .tab-item::before {
  content: "";
  display: block;
  background-color: #d9d9d9;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}

.gx-wrapper .gx-requirements .requirements .tab-container .tab-item::after {
  content: "";
  display: inline-block;
  border-style: solid;
  border-width: min(40px, 2.7777777778vw) 0 min(40px, 2.7777777778vw) min(20px, 1.3888888889vw);
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
  opacity: 0;
  visibility: hidden;
}

.gx-wrapper .gx-requirements .requirements .tab-container .tab-item.required::after,
.gx-wrapper .gx-requirements .requirements .tab-container .tab-item.recommended::after {
  border-color: transparent transparent transparent #65a078;
}

.gx-wrapper .gx-requirements .requirements .tab-container .icon {
  width: min(24px, 1.6666666667vw);
}

.gx-wrapper .gx-requirements .requirements .panel-container .panel {
  display: none;
  opacity: 0;
}

.gx-wrapper .gx-requirements .requirements .panel-container .panel.active {
  display: flex;
  flex-direction: column;
  row-gap: min(68px, 4.7222222222vw);
  opacity: 1;
}

.gx-wrapper .gx-requirements .requirements .panel-container .title {
  font-size: min(40px, 2.7777777778vw);
  font-weight: 900;
  line-height: 1.4;
  text-align: center;
  color: #242424;
}

.gx-wrapper .gx-requirements .requirements .panel-container .item-title {
  font-size: min(20px, 1.3888888889vw);
  font-weight: 700;
  line-height: 1.6;
  text-align: left;
  color: #242424;
}

.gx-wrapper .gx-requirements .requirements .panel-container .requirements-list {
  display: flex;
  flex-direction: column;
  row-gap: min(32px, 2.2222222222vw);
}

.gx-wrapper .gx-requirements .requirements .panel-container .row {
  display: flex;
  flex-direction: column;
  row-gap: min(16px, 1.1111111111vw);
  background-color: #f8f8f8;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15);
  border-radius: min(12px, 0.8333333333vw);
  padding-block: min(16px, 1.1111111111vw);
  padding-inline: min(20px, 1.3888888889vw);
}

.gx-wrapper .gx-requirements .requirements .panel-container .item-detail {
  font-size: min(18px, 1.25vw);
  line-height: 1.75;
  color: #242424;
  padding-top: min(20px, 1.3888888889vw);
  padding-left: min(40px, 2.7777777778vw);
  position: relative;
}

.gx-wrapper .gx-requirements .requirements .panel-container .item-detail::after {
  content: "";
  display: inline-block;
  background-color: #fff;
  width: 100%;
  height: 4px;
  position: absolute;
  top: 0;
  left: 0;
}

@media (max-width: 751px) {
  .gx-wrapper .gx-requirements .requirements .inner {
    display: flex;
    flex-direction: column;
    row-gap: 11.2820512821vw;
    justify-content: normal;
    padding-top: 0;
    padding-bottom: 17.4358974359vw;
  }

  .gx-wrapper .gx-requirements .requirements .tab-container {
    overflow-x: scroll;
    padding-bottom: 1.0256410256vw;
  }

  .gx-wrapper .gx-requirements .requirements .tab-container .tab-menu {
    display: grid;
    justify-content: center;
  }

  .gx-wrapper .gx-requirements .requirements .tab-container .tab-menu.list-1 {
    grid-template-columns: auto;
  }

  .gx-wrapper .gx-requirements .requirements .tab-container .tab-menu.list-2 {
    grid-template-columns: repeat(2, 50%);
  }

  .gx-wrapper .gx-requirements .requirements .tab-container .tab-menu.list-3 {
    grid-template-columns: repeat(3, 33.33333%);
  }

  .gx-wrapper .gx-requirements .requirements .tab-container .tab-menu.list-4 {
    grid-template-columns: repeat(4, minmax(104px, 25%));
    padding-left: calc(416px - 100vw);
  }

  .gx-wrapper .gx-requirements .requirements .tab-container .tab-menu.list-5 {
    grid-template-columns: repeat(5, minmax(104px, 20%));
    padding-left: calc(520px - 100vw);
  }

  .gx-wrapper .gx-requirements .requirements .tab-container .tab-item {
    display: flex;
    justify-content: center;
    font-size: min(14px, 3.5897435897vw);
    line-height: 1.5;
    text-align: center;
    width: 100%;
    padding-block: 2.3076923077vw;
    padding-left: 0;
  }

  .gx-wrapper .gx-requirements .requirements .tab-container .tab-item::before {
    background-color: #a6a6a6;
    height: 3px;
  }

  .gx-wrapper .gx-requirements .requirements .tab-container .tab-item::after {
    border-width: 1.5384615385vw 1.5384615385vw 0 1.5384615385vw;
    top: auto;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%) translateY(1.0256410256vw);
  }

  .gx-wrapper .gx-requirements .requirements .tab-container .tab-item.required::after,
  .gx-wrapper .gx-requirements .requirements .tab-container .tab-item.recommended::after {
    border-color: #65a078 transparent transparent transparent;
  }

  .gx-wrapper .gx-requirements .requirements .panel-container {
    width: 89.7435897436vw;
    margin-inline: auto;
  }

  .gx-wrapper .gx-requirements .requirements .panel-container .panel.active {
    display: block;
  }

  .gx-wrapper .gx-requirements .requirements .panel-container .requirements-list {
    row-gap: 8.2051282051vw;
  }

  .gx-wrapper .gx-requirements .requirements .panel-container .row {
    row-gap: 4.1025641026vw;
    border-radius: 3.0769230769vw;
    padding-block: 3.0769230769vw;
    padding-inline: 3.0769230769vw;
  }

  .gx-wrapper .gx-requirements .requirements .panel-container .item-title {
    font-size: 4.1025641026vw;
    line-height: 1.6;
    padding-inline: 9.2307692308vw 11.2820512821vw;
  }

  .gx-wrapper .gx-requirements .requirements .panel-container .item-detail {
    font-size: 4.1025641026vw;
    line-height: 1.6;
    padding-top: 3.0769230769vw;
    padding-left: 12.3076923077vw;
  }

  .gx-wrapper .gx-requirements .requirements .panel-container .item-detail::after {
    height: 2px;
  }
}

/*--------------------------------------------------------------
  schedule
--------------------------------------------------------------*/
.gx-wrapper .gx-schedule .page-menu {
  background-color: #fff;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15);
  padding-block: min(20px, 1.3888888889vw);
  position: relative;
}

.gx-wrapper .gx-schedule .page-menu .menu-list {
  display: grid;
  grid-template-columns: repeat(4, auto);
  justify-content: center;
  align-items: center;
  -moz-column-gap: min(8px, 0.5555555556vw);
  column-gap: min(8px, 0.5555555556vw);
}

.gx-wrapper .gx-schedule .page-menu .menu-item a {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: min(16px, 1.1111111111vw);
  font-size: min(18px, 1.25vw);
  font-weight: 700;
  line-height: 1.3333333333;
  text-align: center;
  color: #404040;
  padding-inline: min(24px, 1.6666666667vw);
  transition: color 0.3s ease-out;
}

.gx-wrapper .gx-schedule .page-menu .menu-item a.basic .arrow img {
  filter: invert(34%) sepia(10%) saturate(5107%) hue-rotate(94deg) brightness(100%) contrast(79%);
}

@media (hover: hover) {
  .gx-wrapper .gx-schedule .page-menu .menu-item a.basic:hover {
    color: #1b7c3b;
  }

  .gx-wrapper .gx-schedule .page-menu .menu-item a.basic:hover .arrow img {
    filter: invert(24%) sepia(11%) saturate(4996%) hue-rotate(97deg) brightness(88%) contrast(85%);
  }
}

.gx-wrapper .gx-schedule .page-menu .menu-item a.advanced .arrow img {
  filter: invert(18%) sepia(32%) saturate(6124%) hue-rotate(188deg) brightness(97%) contrast(99%);
}

@media (hover: hover) {
  .gx-wrapper .gx-schedule .page-menu .menu-item a.advanced:hover {
    color: #015389;
  }

  .gx-wrapper .gx-schedule .page-menu .menu-item a.advanced:hover .arrow img {
    filter: invert(15%) sepia(25%) saturate(4504%) hue-rotate(181deg) brightness(99%) contrast(99%);
  }
}

.gx-wrapper .gx-schedule .page-menu .menu-item a.specialist .arrow img {
  filter: invert(21%) sepia(34%) saturate(3500%) hue-rotate(284deg) brightness(100%) contrast(86%);
}

@media (hover: hover) {
  .gx-wrapper .gx-schedule .page-menu .menu-item a.specialist:hover {
    color: #8f2f7b;
  }

  .gx-wrapper .gx-schedule .page-menu .menu-item a.specialist:hover .arrow img {
    filter: invert(18%) sepia(20%) saturate(4629%) hue-rotate(280deg) brightness(90%) contrast(94%);
  }
}

.gx-wrapper .gx-schedule .page-menu .menu-item a.biz .arrow img {
  filter: invert(48%) sepia(48%) saturate(7318%) hue-rotate(163deg) brightness(94%) contrast(101%);
}

@media (hover: hover) {
  .gx-wrapper .gx-schedule .page-menu .menu-item a.biz:hover {
    color: #0094a8;
  }

  .gx-wrapper .gx-schedule .page-menu .menu-item a.biz:hover .arrow img {
    filter: invert(14%) sepia(59%) saturate(5288%) hue-rotate(175deg) brightness(102%) contrast(100%);
  }
}

@media (hover: hover) {
  .gx-wrapper .gx-schedule .page-menu .menu-item a:hover .arrow {
    transform: translateY(4px);
  }
}

.gx-wrapper .gx-schedule .page-menu .menu-item .arrow {
  width: min(24px, 1.6666666667vw);
  transition: transform 0.3s ease-out;
}

.gx-wrapper .gx-schedule .page-menu .menu-item .arrow img {
  transition: filter 0.3s ease-out;
}

.gx-wrapper .gx-schedule .card-container {
  padding-block: min(68px, 4.7222222222vw);
}

.gx-wrapper .gx-schedule .card-container.basic {
  background-image: linear-gradient(to bottom, #ffffff, #eef7f1);
}

.gx-wrapper .gx-schedule .card-container.basic .card {
  box-shadow: 0 0 20px 0 rgba(124, 180, 129, 0.5);
}

.gx-wrapper .gx-schedule .card-container.advanced {
  background-image: linear-gradient(to bottom, #ffffff, #f5fcff);
}

.gx-wrapper .gx-schedule .card-container.advanced .card {
  box-shadow: 0 0 20px 0 rgba(112, 176, 204, 0.5);
}

.gx-wrapper .gx-schedule .card-container.specialist {
  background-image: linear-gradient(to bottom, #ffffff, #fef8fb);
}

.gx-wrapper .gx-schedule .card-container.specialist .card {
  box-shadow: 0 0 20px 0 rgba(198, 132, 156, 0.5);
}

.gx-wrapper .gx-schedule .card-container.biz {
  background-image: linear-gradient(to bottom, #ffffff, #f2fefd);
}

.gx-wrapper .gx-schedule .card-container.biz .card {
  box-shadow: 0 0 20px 0 rgba(202, 250, 247, 0.5);
}

.gx-wrapper .gx-schedule .card-container .card {
  display: flex;
  flex-direction: column;
  row-gap: min(48px, 3.3333333333vw);
  background-color: #ffffff;
  border-radius: 12px;
  width: min(996px, 69.1666666667vw);
  margin-inline: auto;
  padding-block: min(60px, 4.1666666667vw);
}

.gx-wrapper .gx-schedule .card-container .title {
  font-size: min(40px, 2.7777777778vw);
  font-weight: 900;
  line-height: 1.4;
  text-align: center;
  color: #242424;
}

.gx-wrapper .gx-schedule .table-container {
  width: min(876px, 60.8333333333vw);
  margin-inline: auto;
}

.gx-wrapper .gx-schedule .table-container.basic tr:nth-of-type(1)::after {
  background-color: #65a078;
}

.gx-wrapper .gx-schedule .table-container.basic tr:nth-of-type(even) {
  background-color: #f4f9f5;
}

.gx-wrapper .gx-schedule .table-container.advanced tr:nth-of-type(1)::after {
  background-color: #4c9dd1;
}

.gx-wrapper .gx-schedule .table-container.advanced tr:nth-of-type(even) {
  background-color: #f5fcff;
}

.gx-wrapper .gx-schedule .table-container.specialist tr:nth-of-type(1)::after {
  background-color: #b95b8a;
}

.gx-wrapper .gx-schedule .table-container.specialist tr:nth-of-type(even) {
  background-color: #fffafe;
}

.gx-wrapper .gx-schedule .table-container.biz tr:nth-of-type(1)::after {
  background-color: #75e4e5;
}

.gx-wrapper .gx-schedule .table-container.biz tr:nth-of-type(even) {
  background-color: #f2fefd;
}

.gx-wrapper .gx-schedule .table-container table {
  width: 100%;
}

.gx-wrapper .gx-schedule .table-container tr {
  display: grid;
  grid-template-columns: min(140px, 9.7222222222vw) 1.1fr 1.1fr 0.8fr;
  -moz-column-gap: min(8px, 0.5555555556vw);
  column-gap: min(8px, 0.5555555556vw);
  align-items: center;
  padding-block: min(16px, 1.1111111111vw);
}

/* .gx-wrapper .gx-schedule .table-container tr {
  display: grid;
  grid-template-columns: min(140px, 9.7222222222vw) min(160px, 11.1111111111vw) repeat(2, min(276px, 19.1666666667vw));
  -moz-column-gap: min(8px, 0.5555555556vw);
  column-gap: min(8px, 0.5555555556vw);
  align-items: center;
  padding-block: min(16px, 1.1111111111vw);
} */

.gx-wrapper .gx-schedule .table-container tr:nth-of-type(1) {
  position: relative;
}

.gx-wrapper .gx-schedule .table-container tr:nth-of-type(1)::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
}

.gx-wrapper .gx-schedule .table-container tr td:nth-of-type(4) {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100px;
  /* 例として100pxを指定。必要に応じて調整してください。 */
}

.gx-wrapper .gx-schedule .table-container tr:nth-of-type(even).end {
  background-color: #f8f8f8;
}

.gx-wrapper .gx-schedule .table-container tr.end .label span {
  color: #a6a6a6;
  border: solid 1px #a6a6a6;
  padding-inline: min(27px, 1.875vw);
}

.gx-wrapper .gx-schedule .table-container tr.end .period {
  color: #a6a6a6;
}

.gx-wrapper .gx-schedule .table-container tr.end .date {
  color: #a6a6a6;
}

.gx-wrapper .gx-schedule .table-container tr.reception .label span {
  background-color: #fff59f;
  padding-inline: min(20px, 1.3888888889vw);
}

.gx-wrapper .gx-schedule .table-container th,
.gx-wrapper .gx-schedule .table-container .time {
  font-size: min(18px, 1.25vw);
  font-weight: 700;
  line-height: 1.7777777778;
  text-align: center;
  color: #242424;
}

.gx-wrapper .gx-schedule .table-container .label {
  display: flex;
  justify-content: center;
  align-items: center;
}

.gx-wrapper .gx-schedule .table-container .label span {
  font-size: min(14px, 0.9722222222vw);
  font-weight: 700;
  line-height: 1.4285714286;
  text-align: center;
  border-radius: 9999px;
  padding-block: min(4px, 0.2777777778vw);
}

.gx-wrapper .gx-schedule .table-container .period,
.gx-wrapper .gx-schedule .table-container .date {
  font-size: min(18px, 1.25vw);
  font-weight: 400;
  line-height: 1.7777777778;
  color: #242424;
}

@media (max-width: 751px) {
  .gx-wrapper .gx-schedule .page-menu {
    box-shadow: none;
    padding-block: 0;
    overflow-x: scroll;
  }

  .gx-wrapper .gx-schedule .page-menu .menu-list {
    grid-template-columns: repeat(4, minmax(130px, 25%));
    -moz-column-gap: 0;
    column-gap: 0;
    padding-left: calc(520px - 100vw);
  }

  .gx-wrapper .gx-schedule .page-menu .menu-item a {
    row-gap: 0;
    font-size: 3.5897435897vw;
    line-height: 1.5;
    padding-block: 2.3076923077vw;
    padding-inline: 0;
    position: relative;
  }

  .gx-wrapper .gx-schedule .page-menu .menu-item a::after {
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    position: absolute;
    left: 0;
    bottom: 0;
  }

  .gx-wrapper .gx-schedule .page-menu .menu-item a.basic {
    color: #1b7c3b;
  }

  .gx-wrapper .gx-schedule .page-menu .menu-item a.basic::after {
    background-color: #65a078;
  }

  .gx-wrapper .gx-schedule .page-menu .menu-item a.advanced {
    color: #015389;
  }

  .gx-wrapper .gx-schedule .page-menu .menu-item a.advanced::after {
    background-color: #4c9dd1;
  }

  .gx-wrapper .gx-schedule .page-menu .menu-item a.specialist {
    color: #8f2f7b;
  }

  .gx-wrapper .gx-schedule .page-menu .menu-item a.specialist::after {
    background-color: #b95b8a;
  }

  .gx-wrapper .gx-schedule .page-menu .menu-item a.biz {
    color: #0094a8;
  }

  .gx-wrapper .gx-schedule .page-menu .menu-item a.biz::after {
    background-color: #75e4e5;
  }

  .gx-wrapper .gx-schedule .page-menu .menu-item .arrow {
    display: none;
  }

  .gx-wrapper .gx-schedule .card-container {
    padding-block: 10.2564102564vw;
  }

  .gx-wrapper .gx-schedule .card-container .card {
    row-gap: 10.2564102564vw;
    border-radius: 8px;
    width: 89.7435897436vw;
    padding-block: 10.2564102564vw;
  }

  .gx-wrapper .gx-schedule .card-container .title {
    font-size: 8.2051282051vw;
    font-weight: 700;
    line-height: 1.4;
  }

  .gx-wrapper .gx-schedule .list-container {
    width: 79.4871794872vw;
    margin-inline: auto;
  }

  .gx-wrapper .gx-schedule .list-container .item {
    display: flex;
    flex-direction: column;
    row-gap: 4.1025641026vw;
    padding-block: 5.1282051282vw;
    padding-inline: 3.0769230769vw;
    position: relative;
  }

  .gx-wrapper .gx-schedule .list-container .item:nth-of-type(n + 2)::after {
    content: "";
    display: block;
    background-color: #d9d9d9;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 0;
    left: 0;
  }

  .gx-wrapper .gx-schedule .list-container .item.end {
    background-color: #f8f8f8;
  }

  .gx-wrapper .gx-schedule .list-container .item.end .label span {
    color: #a6a6a6;
    border: solid 1px #a6a6a6;
    padding-inline: 6.9230769231vw;
  }

  .gx-wrapper .gx-schedule .list-container .item.end .time,
  .gx-wrapper .gx-schedule .list-container .item.end .head,
  .gx-wrapper .gx-schedule .list-container .item.end .text {
    color: #a6a6a6;
  }

  .gx-wrapper .gx-schedule .list-container .item.reception .label span {
    background-color: #fff59f;
    padding-inline: 5.1282051282vw;
  }

  .gx-wrapper .gx-schedule .list-container .time {
    display: flex;
    flex-direction: row;
    align-items: center;
    -moz-column-gap: 2.0512820513vw;
    column-gap: 2.0512820513vw;
    font-weight: 700;
    color: #242424;
  }

  .gx-wrapper .gx-schedule .list-container .time span:nth-of-type(1) {
    font-size: 3.5897435897vw;
    line-height: 1.5;
  }

  .gx-wrapper .gx-schedule .list-container .time span:nth-of-type(2) {
    font-size: 4.1025641026vw;
    line-height: 1.6;
  }

  .gx-wrapper .gx-schedule .list-container .label {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 5.1282051282vw;
    right: 3.0769230769vw;
  }

  .gx-wrapper .gx-schedule .list-container .label span {
    font-size: 3.5897435897vw;
    font-weight: 700;
    line-height: 1.4285714286;
    text-align: center;
    border-radius: 9999px;
    padding-block: 1.0256410256vw;
  }

  .gx-wrapper .gx-schedule .list-container .period {
    display: flex;
    flex-direction: column;
    row-gap: 1.0256410256vw;
  }

  .gx-wrapper .gx-schedule .list-container .head {
    font-size: 3.5897435897vw;
    font-weight: 700;
    line-height: 1.5;
    color: #696969;
  }

  .gx-wrapper .gx-schedule .list-container .text {
    font-size: 4.1025641026vw;
    font-weight: 400;
    line-height: 1.6;
    color: #242424;
  }
}

/*--------------------------------------------------------------
  news
--------------------------------------------------------------*/
.gx-wrapper .gx-news-archive {
  background-image: url("/assets-gx-new/images/bg_newstitle.png");
  background-size: 100% auto;
  background-position: 0 0;
  background-repeat: no-repeat;
}

.gx-wrapper .gx-news-archive .page-title {
  font-size: min(40px, 2.7777777778vw);
  font-weight: 900;
  line-height: 1.4;
  text-align: center;
  color: #242424;
  padding-block: min(68px, 4.7222222222vw);
}

.gx-wrapper .gx-news-archive .news-archive .tab-container {
  background-color: #fff;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  width: min(1200px, 83.3333333333vw);
  margin-inline: auto;
  padding-bottom: min(68px, 4.7222222222vw);
}

.gx-wrapper .gx-news-archive .news-archive .tab-container .tab-list {
  display: flex;
  flex-direction: row;
  justify-content: center;
  -moz-column-gap: min(77px, 5.3472222222vw);
  column-gap: min(77px, 5.3472222222vw);
}

.gx-wrapper .gx-news-archive .news-archive .tab-container .tab-item.current a {
  color: #65a078;
  pointer-events: none;
}

.gx-wrapper .gx-news-archive .news-archive .tab-container .tab-item.current a::after {
  background-color: #65a078;
}

.gx-wrapper .gx-news-archive .news-archive .tab-container .tab-item a {
  display: inline-block;
  font-size: min(18px, 1.25vw);
  font-weight: 700;
  line-height: 1.7777777778;
  text-align: center;
  color: #404040;
  padding-block: min(24px, 1.6666666667vw);
  padding-inline: min(20px, 1.3888888889vw);
  position: relative;
  transition: color 0.3s ease-out;
}

.gx-wrapper .gx-news-archive .news-archive .tab-container .tab-item a::after {
  content: "";
  display: block;
  background-color: transparent;
  width: 100%;
  height: 4px;
  position: absolute;
  left: 0;
  bottom: 0;
  transition: background-color 0.3s ease-out;
}

@media (hover: hover) {
  .gx-wrapper .gx-news-archive .news-archive .tab-container .tab-item a:hover {
    color: #65a078;
  }

  .gx-wrapper .gx-news-archive .news-archive .tab-container .tab-item a:hover::after {
    background-color: #65a078;
  }
}

.gx-wrapper .gx-news-archive .news-archive .list-container {
  border-radius: 4px;
  border: solid 4px #d0e7d3;
  width: min(996px, 69.1666666667vw);
  margin-inline: auto;
  padding: min(40px, 2.7777777778vw);
}

.gx-wrapper .gx-news-archive .news-archive .list-container .news-item:last-of-type a::after {
  display: none;
}

.gx-wrapper .gx-news-archive .news-archive .list-container .news-item a {
  display: grid;
  grid-template-columns: min(80px, 5.5555555556vw) min(120px, 8.3333333333vw) auto;
  -moz-column-gap: min(40px, 2.7777777778vw);
  column-gap: min(40px, 2.7777777778vw);
  align-items: center;
  padding-block: min(12px, 0.8333333333vw);
  position: relative;
}

.gx-wrapper .gx-news-archive .news-archive .list-container .news-item a::after {
  content: "";
  display: block;
  background-color: #d9d9d9;
  width: 100%;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: 0;
}

.gx-wrapper .gx-news-archive .news-archive .list-container .date {
  font-size: min(16px, 1.1111111111vw);
  line-height: 1.6;
  color: #242424;
}

.gx-wrapper .gx-news-archive .news-archive .list-container .cat {
  display: inline-block;
  text-align: center;
  background-color: #65a078;
  border-top-left-radius: 8px;
  width: 100%;
  padding-block: min(1px, 0.0694444444vw);
}

.gx-wrapper .gx-news-archive .news-archive .list-container .cat span {
  font-size: min(14px, 0.9722222222vw);
  font-weight: 700;
  line-height: 1.4285714286;
  color: #fff;
}

.gx-wrapper .gx-news-archive .news-archive .list-container .news-title {
  font-size: min(16px, 1.1111111111vw);
  line-height: 1.8285714286;
  color: #404040;
  transition: color 0.3s ease-out;
}

@media (hover: hover) {
  .gx-wrapper .gx-news-archive .news-archive .list-container .news-title:hover {
    color: #1b7c3b;
  }
}

.gx-wrapper .gx-news-archive .news-archive .pagination {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  -moz-column-gap: min(12px, 0.8333333333vw);
  column-gap: min(12px, 0.8333333333vw);
  margin-block: min(68px, 4.7222222222vw);
}

.gx-wrapper .gx-news-archive .news-archive .pagination .page-numbers {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: min(16px, 1.1111111111vw);
  font-weight: 700;
  line-height: 1;
  text-align: center;
  color: #404040;
  background-color: transparent;
  border-color: transparent;
  border-radius: 50%;
  border-style: solid;
  border-width: 3px;
  width: min(48px, 3.3333333333vw);
  aspect-ratio: 1/1;
  transition: all 0.3s ease-out;
}

.gx-wrapper .gx-news-archive .news-archive .pagination .page-numbers.current {
  border-color: #65a078;
  pointer-events: none;
}

.gx-wrapper .gx-news-archive .news-archive .pagination .page-numbers.prev,
.gx-wrapper .gx-news-archive .news-archive .pagination .page-numbers.next {
  font-size: 0;
  background-color: #404040;
  position: relative;
}

.gx-wrapper .gx-news-archive .news-archive .pagination .page-numbers.prev::before,
.gx-wrapper .gx-news-archive .news-archive .pagination .page-numbers.next::before {
  content: "";
  display: block;
  background-image: url(/assets-gx-new/images/icon/Arrow-Right_White.svg);
  background-size: 100% auto;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  width: min(20px, 1.3888888889vw);
  height: min(20px, 1.3888888889vw);
  position: absolute;
  top: 50%;
  left: 50%;
  transition: transform 0.3s ease-out;
}

.gx-wrapper .gx-news-archive .news-archive .pagination .page-numbers.prev::before {
  transform: translate(-50%, -50%) rotate(180deg);
}

.gx-wrapper .gx-news-archive .news-archive .pagination .page-numbers.next::before {
  transform: translate(-50%, -50%);
}

@media (hover: hover) {
  .gx-wrapper .gx-news-archive .news-archive .pagination .page-numbers:hover {
    color: #1b7c3b;
    background-color: #f4f9f5;
  }

  .gx-wrapper .gx-news-archive .news-archive .pagination .page-numbers:hover.prev,
  .gx-wrapper .gx-news-archive .news-archive .pagination .page-numbers:hover.next {
    background-color: #242424;
  }

  .gx-wrapper .gx-news-archive .news-archive .pagination .page-numbers:hover.prev::before {
    transform: translate(-70%, -50%) rotate(180deg);
  }

  .gx-wrapper .gx-news-archive .news-archive .pagination .page-numbers:hover.next::before {
    transform: translate(-30%, -50%);
  }
}

.gx-wrapper .gx-news-single {
  padding-top: min(50px, 3.4722222222vw);
  position: relative;
}

.gx-wrapper .gx-news-single::before {
  content: "";
  display: block;
  background-image: url("/assets-gx-new/images/bg_newstitle.png");
  background-size: 100% auto;
  background-position: 0 max(-60px, -4.1666666667vw);
  background-repeat: no-repeat;
  width: 100%;
  height: min(130px, 9.0277777778vw);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  overflow: hidden;
}

.gx-wrapper .gx-news-single .news-single {
  background-color: #fff;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  width: min(1200px, 83.3333333333vw);
  margin-inline: auto;
  padding-top: min(40px, 2.7777777778vw);
  padding-inline: min(40px, 2.7777777778vw);
  padding-bottom: min(60px, 4.1666666667vw);
  margin-top: min(200px, 13.8888888889vw);
  position: relative;
  z-index: 1;
}

.gx-wrapper .gx-news-single .news-single .info {
  display: flex;
  flex-direction: row;
  align-items: center;
  -moz-column-gap: min(16px, 1.1111111111vw);
  column-gap: min(16px, 1.1111111111vw);
}

.gx-wrapper .gx-news-single .news-single .info .cat-list {
  display: flex;
  flex-direction: row;
  align-items: center;
  -moz-column-gap: min(16px, 1.1111111111vw);
  column-gap: min(16px, 1.1111111111vw);
}

.gx-wrapper .gx-news-single .news-single .info .cat-item {
  font-size: min(16px, 1.1111111111vw);
  font-weight: 700;
  line-height: 1.6;
  text-align: center;
  color: #fff;
  background-color: #65a078;
  border-top-left-radius: 8px;
  width: 100%;
  padding-block: min(4px, 0.2777777778vw);
  padding-inline: min(16px, 1.1111111111vw);
}

.gx-wrapper .gx-news-single .news-single .info .date {
  font-size: min(18px, 1.25vw);
  font-weight: 700;
  line-height: 1.7777777778;
  color: #242424;
}

.gx-wrapper .gx-news-single .news-single .news-title {
  font-size: min(32px, 2.2222222222vw);
  font-weight: 700;
  line-height: 1.5;
  color: #242424;
  margin-top: min(30px, 2.0833333333vw);
}

.gx-wrapper .gx-news-single .news-single .content {
  display: flex;
  flex-direction: column;
  row-gap: min(20px, 1.3888888889vw);
  width: min(996px, 69.1666666667vw);
  margin-top: min(80px, 5.5555555556vw);
  margin-inline: auto;
}

.gx-wrapper .gx-news-single .news-single .content h2 {
  font-size: min(24px, 1.6666666667vw);
  font-weight: 700;
  line-height: 1.5;
  color: #242424;
  padding-bottom: min(8px, 0.5555555556vw);
  position: relative;
}

.gx-wrapper .gx-news-single .news-single .content h2::after {
  content: "";
  display: block;
  background-image: linear-gradient(90deg, #65a078 11%, #e9e9e9 11.01%);
  width: 100%;
  height: 4px;
  position: absolute;
  left: 0;
  bottom: 0;
}

.gx-wrapper .gx-news-single .news-single .content h3 {
  font-size: min(20px, 1.3888888889vw);
  font-weight: 700;
  line-height: 1.5;
  color: #242424;
}

.gx-wrapper .gx-news-single .news-single .content p {
  font-size: min(18px, 1.25vw);
  line-height: 1.7777777778;
  color: #242424;
}

.gx-wrapper .gx-news-single .news-single .content a {
  font-size: min(18px, 1.25vw);
  line-height: 1.7777777778;
  color: #1b7c3b;
  transition: color 0.3s ease-out;
}

@media (hover: hover) {
  .gx-wrapper .gx-news-single .news-single .content a:hover {
    color: #135629;
  }
}

.gx-wrapper .gx-news-single .news-single .content img {
  margin-inline: auto;
}

@media (max-width: 751px) {
  .gx-wrapper .gx-news-archive {
    background-image: url("/assets-gx-new/images/bg_pagetitle_sp.png");
  }

  .gx-wrapper .gx-news-archive .page-title {
    font-size: 8.2051282051vw;
    font-weight: 700;
    line-height: 1.4;
    padding-top: 14.358974359vw;
    padding-bottom: 27.9487179487vw;
  }

  .gx-wrapper .gx-news-archive .news-archive .tab-container {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    width: auto;
    padding-bottom: 1.0256410256vw;
    overflow-x: scroll;
  }

  .gx-wrapper .gx-news-archive .news-archive .tab-container .tab-list {
    min-width: 430px;
    justify-content: normal;
    -moz-column-gap: 0;
    column-gap: 0;
  }

  .gx-wrapper .gx-news-archive .news-archive .tab-container .tab-item {
    flex-grow: 1;
    position: relative;
  }

  .gx-wrapper .gx-news-archive .news-archive .tab-container .tab-item.current a {
    color: #ffffff;
    background-color: #65a078;
    border-color: #65a078;
  }

  .gx-wrapper .gx-news-archive .news-archive .tab-container .tab-item.current a::after {
    border-color: #65a078 transparent transparent transparent;
    background-color: transparent;
  }

  .gx-wrapper .gx-news-archive .news-archive .tab-container .tab-item a {
    font-size: min(16px, 4.1025641026vw);
    line-height: 1.6;
    white-space: nowrap;
    border-color: #d9d9d9;
    border-style: solid;
    border-width: 0 0 3px 0;
    width: 100%;
    padding-block: min(11px, 2.8205128205vw);
    padding-inline: min(16px, 4.1025641026vw);
  }

  .gx-wrapper .gx-news-archive .news-archive .tab-container .tab-item a::after {
    display: inline-block;
    background-color: transparent;
    border-style: solid;
    border-width: 6px 6px 0 6px;
    border-color: transparent;
    width: 0;
    height: 0;
    left: 50%;
    transform: translate(-50%, 120%);
  }

  .gx-wrapper .gx-news-archive .news-archive .list-container {
    border-radius: 12px;
    width: 89.7435897436vw;
    margin-top: 10.2564102564vw;
    padding: 6.1538461538vw;
  }

  .gx-wrapper .gx-news-archive .news-archive .list-container .news-item a {
    display: grid;
    grid-template-columns: 30.7692307692vw auto;
    justify-content: space-between;
    row-gap: 3.0769230769vw;
    padding-block: 3.0769230769vw;
  }

  .gx-wrapper .gx-news-archive .news-archive .list-container .date {
    grid-column: 2;
    grid-row: 1;
    font-size: 3.5897435897vw;
    text-align: right;
  }

  .gx-wrapper .gx-news-archive .news-archive .list-container .cat {
    grid-column: 1;
    grid-row: 1;
    padding-block: 0.2564102564vw;
  }

  .gx-wrapper .gx-news-archive .news-archive .list-container .cat span {
    font-size: 3.0769230769vw;
    line-height: 1.4833333333;
  }

  .gx-wrapper .gx-news-archive .news-archive .list-container .news-title {
    grid-column: 1/-1;
    grid-row: 2;
    font-size: 3.5897435897vw;
  }

  .gx-wrapper .gx-news-archive .news-archive .pagination {
    -moz-column-gap: 0;
    column-gap: 0;
    margin-top: 10.2564102564vw;
    margin-bottom: 17.4358974359vw;
  }

  .gx-wrapper .gx-news-archive .news-archive .pagination .page-numbers {
    font-size: 4.1025641026vw;
    width: 12.3076923077vw;
  }

  .gx-wrapper .gx-news-archive .news-archive .pagination .page-numbers.prev::before,
  .gx-wrapper .gx-news-archive .news-archive .pagination .page-numbers.next::before {
    width: 5.1282051282vw;
    height: 5.1282051282vw;
  }

  .gx-wrapper .gx-news-single {
    padding-top: 5.1282051282vw;
  }

  .gx-wrapper .gx-news-single::before {
    background-position: 0 0;
    height: 15.3846153846vw;
  }

  .gx-wrapper .gx-news-single .news-single {
    border-top-right-radius: 12px;
    border-top-left-radius: 12px;
    width: 89.7435897436vw;
    padding-top: 5.1282051282vw;
    padding-inline: 0;
    padding-bottom: 17.4358974359vw;
  }

  .gx-wrapper .gx-news-single .news-single .info {
    justify-content: space-between;
    -moz-column-gap: auto;
    column-gap: auto;
    padding-right: 7.6923076923vw;
    padding-left: 5.1282051282vw;
  }

  .gx-wrapper .gx-news-single .news-single .info .cat-list {
    -moz-column-gap: 4.1025641026vw;
    column-gap: 4.1025641026vw;
  }

  .gx-wrapper .gx-news-single .news-single .info .cat-item {
    font-size: 3.0769230769vw;
    line-height: 1.4166666667;
    border-top-left-radius: 8px;
    padding-block: 0.2564102564vw;
    padding-inline: 4.6153846154vw;
  }

  .gx-wrapper .gx-news-single .news-single .info .date {
    font-size: 3.5897435897vw;
    font-weight: 400;
    line-height: 1.5;
  }

  .gx-wrapper .gx-news-single .news-single .news-title {
    font-size: 6.1538461538vw;
    font-weight: 800;
    line-height: 1.4;
    margin-top: 10.2564102564vw;
  }

  .gx-wrapper .gx-news-single .news-single .content {
    row-gap: 5.1282051282vw;
    width: 89.7435897436vw;
    margin-top: 10.2564102564vw;
  }

  .gx-wrapper .gx-news-single .news-single .content h2 {
    font-size: 5.1282051282vw;
    padding-bottom: 2.0512820513vw;
  }

  .gx-wrapper .gx-news-single .news-single .content h3 {
    font-size: 5.1282051282vw;
  }

  .gx-wrapper .gx-news-single .news-single .content p {
    font-size: 4.1025641026vw;
    line-height: 1.6;
  }

  .gx-wrapper .gx-news-single .news-single .content a {
    font-size: 4.1025641026vw;
    line-height: 1.6;
  }
}

/*--------------------------------------------------------------
  apply
--------------------------------------------------------------*/
.gx-wrapper #content-wrapper.gx-apply {
  grid-template-columns: 34% 62%;
  gap: 4%;
  width: min(1000px, 69.4444444444vw);
  padding: min(68px, 4.7222222222vw) 0;
}

.gx-wrapper #content-wrapper.gx-apply.basic .aside-card {
  border-color: #65a078;
}

.gx-wrapper #content-wrapper.gx-apply.basic .aside-card dl {
  border-top: 1px solid #65a078;
}

.gx-wrapper #content-wrapper.gx-apply.basic .aside-card dl .row:not(:last-of-type)::after {
  background-color: #65a078;
}

.gx-wrapper #content-wrapper.gx-apply.advanced .aside-card {
  border-color: #4c9dd1;
}

.gx-wrapper #content-wrapper.gx-apply.advanced .aside-card dl {
  border-top: 1px solid #4c9dd1;
}

.gx-wrapper #content-wrapper.gx-apply.advanced .aside-card dl .row:not(:last-of-type)::after {
  background-color: #4c9dd1;
}

.gx-wrapper #content-wrapper.gx-apply.specialist .aside-card {
  border-color: #b95b8a;
}

.gx-wrapper #content-wrapper.gx-apply.specialist .aside-card dl {
  border-top: 1px solid #b95b8a;
}

.gx-wrapper #content-wrapper.gx-apply.specialist .aside-card dl .row:not(:last-of-type)::after {
  background-color: #b95b8a;
}

.gx-wrapper #content-wrapper.gx-apply.biz .aside-card {
  border-color: #75e4e5;
}

.gx-wrapper #content-wrapper.gx-apply.biz .aside-card dl {
  border-top: 1px solid #75e4e5;
}

.gx-wrapper #content-wrapper.gx-apply.biz .aside-card dl .row:not(:last-of-type)::after {
  background-color: #75e4e5;
}

.gx-wrapper #content-wrapper.gx-apply .aside-card {
  border-style: solid;
  border-width: 4px;
  border-radius: 8px;
  padding-block: min(40px, 2.7777777778vw);
  padding-inline: min(25px, 1.7361111111vw);
}

.gx-wrapper #content-wrapper.gx-apply .aside-card .detail {
  width: min(260px, 18.0555555556vw);
  margin-top: min(32px, 2.2222222222vw);
  margin-inline: auto;
}

.gx-wrapper #content-wrapper.gx-apply .aside-card .fixed-message .message-heading {
  color: #696969;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
}

.gx-wrapper #content-wrapper.gx-apply .aside-card .fixed-message .message-detail-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  color: #696969;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}

.gx-wrapper #content-wrapper.gx-apply .aside-card .fixed-message .message-detail-list .highlight-text {
  color: #d31638;
  font-weight: 700;
}

.gx-wrapper #content-wrapper.gx-apply .aside-card .fixed-message .message-detail-list li {
  position: relative;
  padding-left: 16px;
  margin-bottom: 16px;
}

.gx-wrapper #content-wrapper.gx-apply .aside-card .fixed-message .message-detail-list li::before {
  content: "・";
  position: absolute;
  left: 0;
  top: 0;
  color: #696969;
  font-size: 14px;
  line-height: 1.4;
}

.gx-wrapper #content-wrapper.gx-apply .aside-card dl .row {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  padding-top: 12px;
  padding-bottom: 16px;
  position: relative;
}

.gx-wrapper #content-wrapper.gx-apply .aside-card dl .row:not(:last-of-type)::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
}

.gx-wrapper #content-wrapper.gx-apply .aside-card dt {
  font-weight: 700;
}

.gx-wrapper #content-wrapper.gx-apply .aside-card dt {
  font-size: 14px;
  color: #696969;
}

.gx-wrapper #content-wrapper.gx-apply .aside-card dd {
  font-size: 16px;
  color: #696969;
}

.gx-wrapper #content-wrapper.gx-apply .promotion-official-course {
  margin-top: 50px;
}

.gx-wrapper #content-wrapper.gx-apply .promotion-official-course .label {
  width: 106px;
  height: 39px;
  border-radius: 6px;
  background: linear-gradient(180deg, #fbd922 0%, #fcbd22 100%);
  color: #000;
  text-align: center;
  text-shadow: 0px 1px 0px #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  padding: 3px 13px;
}

.gx-wrapper #content-wrapper.gx-apply .promotion-official-course h2 {
  color: #1b7c3b;
  text-align: justify;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
  margin-top: 16px;
}

.gx-wrapper #content-wrapper.gx-apply .promotion-official-course .image {
  margin-top: 20px;
}

.gx-wrapper #content-wrapper.gx-apply .promotion-official-course h3 {
  color: #242424;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6;
  margin-top: 20px;
}

.gx-wrapper #content-wrapper.gx-apply .promotion-official-course p {
  color: #242424;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.75;
  margin-top: 20px;
}

.gx-wrapper #content-wrapper.gx-apply .promotion-official-course .course-info {
  display: flex;
  padding: 12px 0px 16px 16px;
  margin-top: 30px;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  border-bottom: 1px solid #65a078;
}

.gx-wrapper #content-wrapper.gx-apply .promotion-official-course .course-info h4 {
  color: #696969;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
}

.gx-wrapper #content-wrapper.gx-apply .promotion-official-course .course-info p,
.gx-wrapper #content-wrapper.gx-apply .promotion-official-course .course-info ul {
  color: #242424;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  margin-top: 0;
}

@media (max-width: 751px) {
  .gx-wrapper #content-wrapper.gx-apply {
    margin-top: 0 !important;
    padding: 17.4358974359vw 0;
    width: 90%;
  }

  .gx-wrapper #content-wrapper.gx-apply .aside-card {
    padding-block: 4.1025641026vw 8.2051282051vw;
    padding-inline: 9.2307692308vw;
  }

  .gx-wrapper #content-wrapper.gx-apply .aside-card .detail {
    width: 100%;
    margin-top: 5.1282051282vw;
  }

  .gx-wrapper #content-wrapper.gx-apply .promotion-official-course {
    margin-top: 40px;
  }
}

/*--------------------------------------------------------------
  (NEW)syllabus
--------------------------------------------------------------*/
.gx-wrapper .gx-syllabus .syllabus .inner {
  display: grid;
  grid-template-columns: min(264px, 18.3333333333vw) min(856px, 59.4444444444vw);
  -moz-column-gap: min(80px, 5.5555555556vw);
  column-gap: min(80px, 5.5555555556vw);
  justify-content: center;
  padding-block: min(68px, 4.7222222222vw);
}

.gx-wrapper .gx-syllabus .syllabus .tab-container .tab-menu {
  display: flex;
  flex-direction: column;
}

.gx-wrapper .gx-syllabus .syllabus .tab-container .tab-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  -moz-column-gap: min(8px, 0.5555555556vw);
  column-gap: min(8px, 0.5555555556vw);
  font-size: min(16px, 1.1111111111vw);
  font-weight: 700;
  line-height: 1.6;
  white-space: nowrap;
  color: #404040;
  background-color: transparent;
  padding-block: min(27px, 1.875vw);
  padding-left: min(20px, 1.3888888889vw);
  position: relative;
  z-index: 0;
  cursor: pointer;
}

.gx-wrapper .gx-syllabus .syllabus .tab-container .tab-item.active {
  color: #ffffff;
  background-color: #65a078;
}

.gx-wrapper .gx-syllabus .syllabus .tab-container .tab-item.active::after {
  opacity: 1;
  visibility: visible;
}

.gx-wrapper .gx-syllabus .syllabus .tab-container .tab-item.active.advanced {
  background-color: #4c9dd1;
}

.gx-wrapper .gx-syllabus .syllabus .tab-container .tab-item.active.specialist {
  background-color: #b95b8a;
}

.gx-wrapper .gx-syllabus .syllabus .tab-container .tab-item.active.biz {
  background-color: #75e4e5;
}

.gx-wrapper .gx-syllabus .syllabus .tab-container .tab-item.active.common .icon,
.gx-wrapper .gx-syllabus .syllabus .tab-container .tab-item.active.basic .icon,
.gx-wrapper .gx-syllabus .syllabus .tab-container .tab-item.active.advanced .icon,
.gx-wrapper .gx-syllabus .syllabus .tab-container .tab-item.active.specialist .icon,
.gx-wrapper .gx-syllabus .syllabus .tab-container .tab-item.active.biz .icon {
  filter: invert(94%) sepia(0%) saturate(24%) hue-rotate(50deg) brightness(105%) contrast(110%);
}

.gx-wrapper .gx-syllabus .syllabus .tab-container .tab-item::before {
  content: "";
  display: block;
  background-color: #d9d9d9;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}

.gx-wrapper .gx-syllabus .syllabus .tab-container .tab-item::after {
  content: "";
  display: inline-block;
  border-style: solid;
  border-width: min(40px, 2.7777777778vw) 0 min(40px, 2.7777777778vw) min(20px, 1.3888888889vw);
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
  opacity: 0;
  visibility: hidden;
}

.gx-wrapper .gx-syllabus .syllabus .tab-container .tab-item.basic::after {
  border-color: transparent transparent transparent #65a078;
}

.gx-wrapper .gx-syllabus .syllabus .tab-container .tab-item.basic .icon {
  filter: invert(34%) sepia(10%) saturate(5107%) hue-rotate(94deg) brightness(100%) contrast(79%);
}

.gx-wrapper .gx-syllabus .syllabus .tab-container .tab-item.advanced::after {
  border-color: transparent transparent transparent #4c9dd1;
}

.gx-wrapper .gx-syllabus .syllabus .tab-container .tab-item.advanced .icon {
  filter: invert(18%) sepia(32%) saturate(6124%) hue-rotate(188deg) brightness(97%) contrast(99%);
}

.gx-wrapper .gx-syllabus .syllabus .tab-container .tab-item.specialist::after {
  border-color: transparent transparent transparent #b95b8a;
}

.gx-wrapper .gx-syllabus .syllabus .tab-container .tab-item.specialist .icon {
  filter: invert(21%) sepia(34%) saturate(3500%) hue-rotate(284deg) brightness(100%) contrast(86%);
}

.gx-wrapper .gx-syllabus .syllabus .tab-container .tab-item.biz::after {
  border-color: transparent transparent transparent #75e4e5;
}

.gx-wrapper .gx-syllabus .syllabus .tab-container .tab-item.biz .icon {
  filter: invert(48%) sepia(48%) saturate(7318%) hue-rotate(163deg) brightness(94%) contrast(101%);
}

.gx-wrapper .gx-syllabus .syllabus .tab-container .icon {
  width: min(24px, 1.6666666667vw);
}

.gx-wrapper .gx-syllabus .syllabus .panel-container .panel {
  display: none;
  opacity: 0;
}

.gx-wrapper .gx-syllabus .syllabus .panel-container .panel.active {
  display: flex;
  flex-direction: column;
  opacity: 1;
}

.gx-wrapper .gx-syllabus .syllabus .panel-container .title {
  font-size: min(40px, 2.7777777778vw);
  font-weight: 900;
  line-height: 1.4;
  text-align: center;
  color: #242424;
}

.gx-wrapper .gx-syllabus .syllabus .panel-container .panel .sub-title {
  color: #242424;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
  margin-top: 60px;
  position: relative;
}

.gx-wrapper .gx-syllabus .syllabus .panel-container .panel.basic .sub-title {
  border-bottom: 2px dashed #d0e7d3;
}

.gx-wrapper .gx-syllabus .syllabus .panel-container .panel.advanced .sub-title {
  border-bottom: 2px dashed #d5f0ff;
}

.gx-wrapper .gx-syllabus .syllabus .panel-container .panel.specialist .sub-title {
  border-bottom: 2px dashed #f1d6ec;
}

.gx-wrapper .gx-syllabus .syllabus .panel-container .panel.biz .sub-title {
  border-bottom: 2px dashed #cafaf7;
}

.gx-wrapper .gx-syllabus .syllabus .panel-container .sub-title:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  background-size: contain;
  background-repeat: no-repeat;
}

.gx-wrapper .gx-syllabus .syllabus .panel-container .panel.basic .sub-title:after {
  background-image: url("/assets-gx/images/syllabus/icon_symbol_basic.png");
}

.gx-wrapper .gx-syllabus .syllabus .panel-container .panel.advanced .sub-title:after {
  background-image: url("/assets-gx/images/syllabus/icon_symbol_advanced.png");
}

.gx-wrapper .gx-syllabus .syllabus .panel-container .panel.specialist .sub-title:after {
  background-image: url("/assets-gx/images/syllabus/icon_symbol_specialist.png");
}

.gx-wrapper .gx-syllabus .syllabus .panel-container .panel.biz .sub-title:after {
  background-image: url("/assets-gx/images/syllabus/icon_symbol_biz.png");
}

.gx-wrapper .gx-syllabus .syllabus .panel-container .panel .link-container {
  display: flex;
  padding: 20px 78px;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  row-gap: 8px;
  align-self: stretch;
  flex-wrap: wrap;
  border-radius: 12px;
  background: #fff;
  margin-top: 24px;
}

.gx-wrapper .gx-syllabus .syllabus .panel-container .panel.basic .link-container {
  border: 2px solid, #65a078;
}

.gx-wrapper .gx-syllabus .syllabus .panel-container .panel.advanced .link-container {
  border: 2px solid, #4c9dd1;
}

.gx-wrapper .gx-syllabus .syllabus .panel-container .panel.specialist .link-container {
  border: 2px solid, #b95b8a;
}

.gx-wrapper .gx-syllabus .syllabus .panel-container .panel.biz .link-container {
  border: 2px solid, #75e4e5;
}

.gx-wrapper .gx-syllabus .syllabus .panel-container .link-container a {
  color: #242424;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.75;
  position: relative;
  display: inline-block;
  flex-grow: 1;
}

.gx-wrapper .gx-syllabus .syllabus .panel-container a .pdf-text {
  color: #242424;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
}

.gx-wrapper .gx-syllabus .syllabus .panel-container .panel .link-container a::before {
  content: "";
  position: absolute;
  left: -40px;
  top: 3px;
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
}

.gx-wrapper .gx-syllabus .syllabus .panel-container .panel.basic .link-container a::before {
  background-image: url("/assets-gx/images/syllabus/icon_left_basic.svg");
}

.gx-wrapper .gx-syllabus .syllabus .panel-container .panel.advanced .link-container a::before {
  background-image: url("/assets-gx/images/syllabus/icon_left_advanced.svg");
}

.gx-wrapper .gx-syllabus .syllabus .panel-container .panel.specialist .link-container a::before {
  background-image: url("/assets-gx/images/syllabus/icon_left_specialist.svg");
}

.gx-wrapper .gx-syllabus .syllabus .panel-container .panel.biz .link-container a::before {
  background-image: url("/assets-gx/images/syllabus/icon_left_biz.svg");
}

.gx-wrapper .gx-syllabus .syllabus .panel-container .panel .link-container a::after {
  content: "";
  position: absolute;
  right: -60px;
  top: 3px;
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
}

.gx-wrapper .gx-syllabus .syllabus .panel-container .panel.basic .link-container a::after {
  background-image: url("/assets-gx/images/syllabus/icon_right_basic.svg");
}

.gx-wrapper .gx-syllabus .syllabus .panel-container .panel.advanced .link-container a::after {
  background-image: url("/assets-gx/images/syllabus/icon_right_advanced.svg");
}

.gx-wrapper .gx-syllabus .syllabus .panel-container .panel.specialist .link-container a::after {
  background-image: url("/assets-gx/images/syllabus/icon_right_specialist.svg");
}

.gx-wrapper .gx-syllabus .syllabus .panel-container .panel.biz .link-container a::after {
  background-image: url("/assets-gx/images/syllabus/icon_right_biz.svg");
}

.gx-wrapper .gx-syllabus .syllabus .panel-container .syllabus-list {
  display: flex;
  flex-direction: column;
  row-gap: min(60px, 4.1666666667vw);
  margin-top: 60px;
}

.gx-wrapper .gx-syllabus .syllabus .panel-container .row {
  display: flex;
  flex-direction: column;
  row-gap: min(16px, 1.1111111111vw);
  background-color: #f8f8f8;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15);
  border-radius: min(12px, 0.8333333333vw);
  padding-block: min(16px, 1.1111111111vw);
  padding-inline: min(20px, 1.3888888889vw);
}

.gx-wrapper .gx-syllabus .syllabus .panel-container .question {
  color: #242424;
  font-size: min(18px, 1.25vw);
  font-weight: 700;
  line-height: 1.75;
}

.gx-wrapper .gx-syllabus .syllabus .panel-container .question img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.gx-wrapper .gx-syllabus .syllabus .panel-container .list {
  display: flex;
  padding-left: 12px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
  margin-top: 20px;
}

.gx-wrapper .gx-syllabus .syllabus .panel-container .list.child {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
  row-gap: 0;
}

.gx-wrapper .gx-syllabus .syllabus .panel-container .list .item {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5625;
  color: #000;
  position: relative;
  letter-spacing: 0.05em;
}

.gx-wrapper .gx-syllabus .syllabus .panel-container .list.num>.item {
  padding-left: 1.625rem;
}

.gx-wrapper .gx-syllabus .syllabus .panel-container .list.num>.item.child {
  padding-left: 1.125rem;
}

.gx-wrapper .gx-syllabus .syllabus .panel-container .list.num>.item::before {
  display: block;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5625;
  color: #000;
  position: absolute;
  top: 0;
  left: 0;
}

.gx-wrapper .gx-syllabus .syllabus .panel-container .list.num>.item:nth-of-type(1)::before {
  content: "1.";
}

.gx-wrapper .gx-syllabus .syllabus .panel-container .list.num>.item:nth-of-type(2)::before {
  content: "2.";
}

.gx-wrapper .gx-syllabus .syllabus .panel-container .list.num>.item:nth-of-type(3)::before {
  content: "3.";
}

.gx-wrapper .gx-syllabus .syllabus .panel-container .list.num>.item:nth-of-type(4)::before {
  content: "4.";
}

.gx-wrapper .gx-syllabus .syllabus .panel-container .list.num>.item:nth-of-type(5)::before {
  content: "5.";
}

.gx-wrapper .gx-syllabus .syllabus .panel-container .list.num>.item:nth-of-type(6)::before {
  content: "6.";
}

.gx-wrapper .gx-syllabus .syllabus .panel-container .list.num>.item:nth-of-type(7)::before {
  content: "7.";
}

.gx-wrapper .gx-syllabus .syllabus .panel-container .list.num>.item:nth-of-type(8)::before {
  content: "8.";
}

.gx-wrapper .gx-syllabus .syllabus .panel-container .list.num>.item:nth-of-type(9)::before {
  content: "9.";
}

.gx-wrapper .gx-syllabus .syllabus .panel-container .list.num>.item:nth-of-type(10)::before {
  content: "10.";
}

.gx-wrapper .gx-syllabus .syllabus .panel-container .answer-toggle {
  display: flex;
  flex-direction: column;
  padding: 12px;
  align-self: stretch;
  border-radius: 8px;
  background: #e9e9e9;
  cursor: pointer;
  margin-top: 40px;
}

.gx-wrapper .gx-syllabus .syllabus .panel-container .toggle-container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  cursor: pointer;
  margin-top: 16px;
}

.gx-wrapper .gx-syllabus .syllabus .panel-container .answer-content {
  /* display: none; */
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 12px;
  gap: 8px;
  background: #fff;
  width: 100%;
}

.gx-wrapper .gx-syllabus .syllabus .panel-container .answer-content p {
  color: #242424;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.6;
}

.gx-wrapper .gx-syllabus .syllabus .panel-container .answer-content .colon {
  margin-right: 8px;
  margin-left: 8px;
}

.gx-wrapper .gx-syllabus .syllabus .panel-container .answer-content .number {
  color: #242424;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
}

.gx-wrapper .gx-syllabus .syllabus .panel-container .toggle-text {
  color: #404040;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.28px;
  margin-right: 8px;
}

.gx-wrapper .gx-syllabus .syllabus .panel-container .toggle-icon.plus {
  background-image: url("/assets-gx/images/syllabus/example_plus_icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 32px;
  height: 32px;
}

.gx-wrapper .gx-syllabus .syllabus .panel-container .toggle-icon.minus {
  background-image: url("/assets-gx/images/syllabus/example_minus_icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 32px;
  height: 32px;
}

.gx-wrapper .gx-syllabus .syllabus .panel-container .answer {
  font-size: min(18px, 1.25vw);
  line-height: 1.7777777778;
  color: #242424;
  padding-top: min(20px, 1.3888888889vw);
  padding-left: min(80px, 5.5555555556vw);
  position: relative;
}

.gx-wrapper .gx-syllabus .syllabus .panel-container .answer::before {
  content: "";
  display: inline-block;
  background-size: 100% auto;
  background-position: 0 0;
  background-repeat: no-repeat;
  width: min(24px, 1.6666666667vw);
  height: min(24px, 1.6666666667vw);
  position: absolute;
  top: min(24px, 1.6666666667vw);
  left: min(40px, 2.7777777778vw);
}

.gx-wrapper .gx-syllabus .syllabus .panel-container .answer::after {
  content: "";
  display: inline-block;
  background-color: #fff;
  width: 100%;
  height: 4px;
  position: absolute;
  top: 0;
  left: 0;
}

@media (max-width: 751px) {
  .gx-wrapper .gx-syllabus .syllabus .inner {
    display: flex;
    flex-direction: column;
    row-gap: 11.2820512821vw;
    justify-content: normal;
    padding-top: 0;
    padding-bottom: 17.4358974359vw;
  }

  .gx-wrapper .gx-syllabus .syllabus .tab-container {
    overflow-x: scroll;
    padding-bottom: 1.0256410256vw;
  }

  .gx-wrapper .gx-syllabus .syllabus .tab-container .tab-menu {
    display: grid;
    justify-content: center;
  }

  .gx-wrapper .gx-syllabus .syllabus .tab-container .tab-menu.list-1 {
    grid-template-columns: auto;
  }

  .gx-wrapper .gx-syllabus .syllabus .tab-container .tab-menu.list-2 {
    grid-template-columns: repeat(2, 50%);
  }

  .gx-wrapper .gx-syllabus .syllabus .tab-container .tab-menu.list-3 {
    grid-template-columns: repeat(3, 33.33333%);
  }

  .gx-wrapper .gx-syllabus .syllabus .tab-container .tab-menu.list-4 {
    grid-template-columns: repeat(4, minmax(104px, 25%));
    padding-left: calc(416px - 100vw);
  }

  .gx-wrapper .gx-syllabus .syllabus .tab-container .tab-menu.list-5 {
    grid-template-columns: repeat(5, minmax(104px, 20%));
    padding-left: calc(520px - 100vw);
  }

  .gx-wrapper .gx-syllabus .syllabus .tab-container .tab-item {
    display: flex;
    justify-content: center;
    font-size: min(14px, 3.5897435897vw);
    line-height: 1.5;
    text-align: center;
    width: 100%;
    padding-block: 2.3076923077vw;
    padding-left: 0;
  }

  .gx-wrapper .gx-syllabus .syllabus .tab-container .tab-item.active {
    background-color: #a6a6a6;
  }

  .gx-wrapper .gx-syllabus .syllabus .tab-container .tab-item.active.basic {
    background-color: #65a078;
  }

  .gx-wrapper .gx-syllabus .syllabus .tab-container .tab-item.active.basic,
  .gx-wrapper .gx-syllabus .syllabus .tab-container .tab-item.active.advanced,
  .gx-wrapper .gx-syllabus .syllabus .tab-container .tab-item.active.specialist,
  .gx-wrapper .gx-syllabus .syllabus .tab-container .tab-item.active.biz {
    color: #ffffff;
  }

  .gx-wrapper .gx-syllabus .syllabus .tab-container .tab-item::before {
    background-color: #a6a6a6;
    height: 3px;
  }

  .gx-wrapper .gx-syllabus .syllabus .tab-container .tab-item::after {
    border-width: 1.5384615385vw 1.5384615385vw 0 1.5384615385vw;
    top: auto;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%) translateY(1.0256410256vw);
  }

  .gx-wrapper .gx-syllabus .syllabus .tab-container .tab-item.common::after {
    border-color: #a6a6a6 transparent transparent transparent;
  }

  .gx-wrapper .gx-syllabus .syllabus .tab-container .tab-item.basic {
    color: #1b7c3b;
  }

  .gx-wrapper .gx-syllabus .syllabus .tab-container .tab-item.basic::before {
    background-color: #65a078;
  }

  .gx-wrapper .gx-syllabus .syllabus .tab-container .tab-item.basic::after {
    border-color: #65a078 transparent transparent transparent;
  }

  .gx-wrapper .gx-syllabus .syllabus .tab-container .tab-item.advanced {
    color: #015389;
  }

  .gx-wrapper .gx-syllabus .syllabus .tab-container .tab-item.advanced::before {
    background-color: #4c9dd1;
  }

  .gx-wrapper .gx-syllabus .syllabus .tab-container .tab-item.advanced::after {
    border-color: #4c9dd1 transparent transparent transparent;
  }

  .gx-wrapper .gx-syllabus .syllabus .tab-container .tab-item.specialist {
    color: #8f2f7b;
  }

  .gx-wrapper .gx-syllabus .syllabus .tab-container .tab-item.specialist::before {
    background-color: #b95b8a;
  }

  .gx-wrapper .gx-syllabus .syllabus .tab-container .tab-item.specialist::after {
    border-color: #b95b8a transparent transparent transparent;
  }

  .gx-wrapper .gx-syllabus .syllabus .tab-container .tab-item.biz {
    color: #0094a8;
  }

  .gx-wrapper .gx-syllabus .syllabus .tab-container .tab-item.biz::before {
    background-color: #75e4e5;
  }

  .gx-wrapper .gx-syllabus .syllabus .tab-container .tab-item.biz::after {
    border-color: #75e4e5 transparent transparent transparent;
  }

  .gx-wrapper .gx-syllabus .syllabus .panel-container {
    width: 89.7435897436vw;
    margin-inline: auto;
  }

  .gx-wrapper .gx-syllabus .syllabus .panel-container .panel.active {
    display: block;
  }

  .gx-wrapper .gx-syllabus .syllabus .panel-container .syllabus-list {
    row-gap: 10.2564102564vw;
    /* row-gap: 8.2051282051vw; */
  }

  .gx-wrapper .gx-syllabus .syllabus .panel-container .row {
    row-gap: 8.205128205128205vw;
    border-radius: 5.128205128205128vw;
    padding-block: 5.128205128205128vw;
    padding-inline: 5.128205128205128vw;
  }

  .gx-wrapper .gx-syllabus .syllabus .panel-container .question {
    font-size: 4.1025641026vw;
    line-height: 1.6;
  }

  .gx-wrapper .gx-syllabus .syllabus .panel-container .question::before {
    width: 6.1538461538vw;
    height: 6.1538461538vw;
    top: 1.0256410256vw;
  }

  .gx-wrapper .gx-syllabus .syllabus .panel-container .list {
    margin-top: 0;
  }

  .gx-wrapper .gx-syllabus .syllabus .panel-container .icon {
    width: 6.1538461538vw;
    height: 6.1538461538vw;
    top: auto;
    right: 0;
    bottom: 1.0256410256vw;
    transform: translateY(0);
  }

  .gx-wrapper .gx-syllabus .syllabus .panel-container .icon::before,
  .gx-wrapper .gx-syllabus .syllabus .panel-container .icon::after {
    width: 1.7948717949vw;
    height: 0.358974359vw;
  }

  .gx-wrapper .gx-syllabus .syllabus .panel-container .answer-toggle {
    margin-top: 0;
  }

  .gx-wrapper .gx-syllabus .syllabus .panel-container .answer {
    font-size: 4.1025641026vw;
    line-height: 1.6;
    padding-top: 3.0769230769vw;
    padding-left: 12.3076923077vw;
  }

  .gx-wrapper .gx-syllabus .syllabus .panel-container .answer::before {
    width: 6.1538461538vw;
    height: 6.1538461538vw;
    position: absolute;
    top: 4.1025641026vw;
    left: 3.3333333333vw;
  }

  .gx-wrapper .gx-syllabus .syllabus .panel-container .answer::after {
    height: 2px;
  }
}

/*--------------------------------------------------------------
  group-exam
--------------------------------------------------------------*/
.gx-wrapper .gx-group-exam .group-exam-notice .inner {
  max-width: 1040px;
  margin: 0 auto;
  padding: 0 20px;
}

.gx-wrapper .gx-group-exam .group-exam-notice .notice {
  color: #242424;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.75;
  margin-top: 2.5rem;
}

.gx-wrapper .gx-group-exam .group-exam-notice .notice a {
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

#content #gx-group-exam .group-exam-notice .text-container {
  display: flex;
  flex-direction: column;
  row-gap: 1.25rem;
}

#content #gx-group-exam .group-exam-notice .text-container .head {
  color: var(--Semantic-Text-Default, #242424);
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2.25rem;
  letter-spacing: 0.075rem;
  position: relative;
  margin-top: 5rem;
}

@media (max-width: 751px) {
  #content #gx-group-exam .group-exam-notice .text-container .head {
    margin-top: 4rem;
  }
}

#content #gx-group-exam .group-exam-notice .text-container .head::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 100%;
  height: 4px;
  background-image: linear-gradient(to right, #65a078 11%, #e9e9e9 11%);
}

#content #gx-group-exam .group-exam-notice .text-container .text {
  color: #242424;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.75;
  letter-spacing: 0.08em;
}

#content #gx-group-exam .group-exam-notice .text-container .text-bold {
  color: #242424;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.6;
  margin-left: 0.5rem;
  letter-spacing: 0.08em;
}

#content #gx-group-exam .group-exam-notice .text-container .text-list {
  color: #242424;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.75;
  list-style-type: disc;
  padding-left: 1.5em;
  letter-spacing: 0.08em;
}

#content #gx-group-exam .group-exam-notice .gx-pricing-table {
  width: auto;
  border-collapse: collapse;
  margin-top: 1.25rem;
}

#content #gx-group-exam .group-exam-notice .gx-pricing-header {
  border: 1px solid #ccc;
  background: #d0e7d3;
  padding: 10px;
  color: #303030;
  text-align: center;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.65;
  letter-spacing: 0.6px;
}

#content #gx-group-exam .group-exam-notice .gx-pricing-cell {
  border: 1px solid #ccc;
  padding: 10px;
}

#content #gx-group-exam .group-exam-notice .gx-pricing-row-standard .gx-pricing-cell {
  background: #f4f9f5;
  color: #303030;
  text-align: center;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.6px;
}

#content #gx-group-exam .group-exam-notice .gx-pricing-row-discount .gx-pricing-cell {
  background: #fff;
  color: #303030;
  text-align: center;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.6px;
}

#content #gx-group-exam .group-exam-notice .gx-pricing-table th:nth-child(1),
#content #gx-group-exam .group-exam-notice .gx-pricing-table td:nth-child(1) {
  width: 140px;
}

#content #gx-group-exam .group-exam-notice .gx-pricing-table th:nth-child(2),
#content #gx-group-exam .group-exam-notice .gx-pricing-table td:nth-child(2) {
  width: auto;
}

#content #gx-group-exam .group-exam-notice .gx-basic-set-title {
  color: #242424;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.6;
  margin-top: 1.25rem;
}

#content #gx-group-exam .group-exam-notice .apply-flow-content .button {
  align-self: start;
  display: inline-block;
  margin-top: 2rem;
  margin-bottom: 3rem;
  margin-left: 4.5em;
  height: 60px;
}

#content #gx-group-exam .group-exam-notice .apply-flow-content .button a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: clamp(16px, 1.5vw, 20px);
  font-weight: 700;
  font-feature-settings: "pwid";
  line-height: 1;
  letter-spacing: clamp(0.2px, 0.5vw, 0.4px);
  text-align: center;
  color: #fff;
  background-color: #1b7c3b;
  border-radius: 9999px;
  padding-block: clamp(10px, 2vw, 20px);
  padding-inline: clamp(20px, 6vw, 85.5px);
  transition: background-color 0.3s ease-out;
  position: relative;
}

@media (hover: hover) {
  #content #gx-group-exam .group-exam-notice .apply-flow-content .button a:hover {
    background-color: #135629;
  }

  #content #gx-group-exam .group-exam-notice .apply-flow-content .button a:hover .arrow {
    transform: translateX(clamp(2px, 0.5vw, 4px)) translateY(-50%);
  }
}

#content #gx-group-exam .group-exam-notice .apply-flow-content .button a .arrow {
  width: clamp(12px, 2vw, 24px);
  position: absolute;
  top: 50%;
  right: clamp(10px, 2vw, 20px);
  transform: translateY(-50%);
  transition: transform 0.3s ease-out;
}

#content #gx-group-exam .group-exam-notice .apply-flow-content .button a .arrow img {
  filter: invert(93%) sepia(93%) saturate(28%) hue-rotate(48deg) brightness(106%) contrast(107%);
}

#content #gx-group-exam .group-exam-notice .cautions-content .email-link,
#content #gx-group-exam .group-exam-notice .contact-content .email-link {
  color: #242424;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.75;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.stepbar {
  margin: 0 auto;
}

.stepbar .stepbarwrap {
  position: relative;
}

.stepbar .stepbarwrap .steptitle {
  display: inline-flex;
  align-items: center;
}

.stepbar .stepbarwrap .steptitle .stepcircle {
  display: inline-block;
  width: 65px;
  height: 65px;
  content: "";
  border-radius: 50%;
  border: 1.5px solid #696969;
  background-color: #fff;
  color: #696969;
  text-align: center;
  line-height: 1.2em;
  position: relative;
}

.stepbar .stepbarwrap .steptitle .stepcircle .step-label {
  color: #696969;
  text-align: center;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.4;
  position: absolute;
  top: 25%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.stepbar .stepbarwrap .steptitle .stepcircle .step-number {
  color: #696969;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
}

@media (max-width: 751px) {
  .stepbar .stepbarwrap .steptitle .stepcircle .step-label {
    top: 35%;
  }

  .stepbar .stepbarwrap .steptitle .stepcircle .step-number {
    line-height: 2;
  }
}

.stepbar .stepbarwrap .steptitle .title {
  margin: 0.5em;
  font-weight: bold;
  font-size: 1.2em;
}

.stepbar .stepbarwrap .steptxt {
  padding-left: 4.5em;
}

.stepbar .stepbarwrap .steptxt .txt {
  font-size: 0.9em;
}

.stepbar .stepbarwrap .stepline {
  width: 1.5px;
  height: calc(100% + 1em);
  background-color: #696969;
  position: absolute;
  top: 1em;
  left: 2em;
  z-index: -1;
}

.stepbarwrap:last-of-type .stepline:last-of-type {
  display: none;
}

#content #gx-group-exam .group-exam-notice .contact-content {
  margin-bottom: 80px;
}

#content #gx-group-exam .group-exam-notice .contact-content .apply-button {
  display: flex;
  justify-content: center;
  background: #f4f9f5;
  padding: 40px 0;
  margin-top: 50px;
}

#content #gx-group-exam .group-exam-notice .contact-content .apply-button a {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: clamp(16px, 1.5vw, 20px);
  font-feature-settings: "pwid";
  font-weight: 700;
  letter-spacing: clamp(0.2px, 0.5vw, 0.4px);
  text-align: center;
  color: #f4f9f5;
  border-radius: clamp(8px, 0.5555555556vw, 8px);
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15);
  max-width: 400px;
  width: 100%;
  height: clamp(60px, 5.5555555556vw, 80px);
  position: relative;
  background-color: #1b7c3b;
}

@media (max-width: 751px) {
  #content #gx-group-exam .group-exam-notice .contact-content .apply-button {
    padding: 40px 20px;
  }

  #content #gx-group-exam .group-exam-notice .contact-content .apply-button a {
    font-size: clamp(14px, 4vw, 18px);
    height: clamp(50px, 10vw, 70px);
    max-width: 100%;
  }
}

@media (hover: hover) {
  #content #gx-group-exam .group-exam-notice .contact-content a:hover::before {
    opacity: 0;
  }

  #content #gx-group-exam .group-exam-notice .contact-content a:hover span.arrow {
    transform: translateY(-50%) translateX(4px);
  }
}

#content #gx-group-exam .group-exam-notice .contact-content a span {
  position: relative;
  z-index: 2;
}

#content #gx-group-exam .group-exam-notice .contact-content a span.arrow {
  width: min(24px, 1.6666666667vw);
  position: absolute;
  top: 50%;
  right: min(20px, 1.3888888889vw);
  transform: translateY(-50%);
  transition: transform 0.3s ease-out;
}

#content #gx-group-exam .group-exam-notice .contact-content a span.arrow img {
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
}

@media (max-width: 751px) {
  #content #gx-group-exam .group-exam-notice .contact-content a {
    font-size: 4.1025641026vw;
    letter-spacing: 2%;
    border-radius: 2.0512820513vw;
    height: 15.3846153846vw;
  }

  #content #gx-group-exam .group-exam-notice .contact-content a::before,
  #content #gx-group-exam .group-exam-notice .contact-content a::after {
    border-radius: 2.0512820513vw;
    box-shadow: inset 0 0 0 0.5128205128vw #fff;
  }

  #content #gx-group-exam .group-exam-notice .contact-content a span {
    position: relative;
    z-index: 2;
  }

  #content #gx-group-exam .group-exam-notice .contact-content a span.arrow {
    display: none;
  }
}

#content #gx-group-exam .adopting-companies {
  padding-top: 80px;
  padding-bottom: 80px;
  background: #f4f9f5;
}

.gx-wrapper .gx-group-exam .adopting-companies .inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

@media (max-width: 751px) {
  .gx-wrapper .gx-group-exam .adopting-companies .inner {
    padding: 0 30px;
  }
}

#content #gx-group-exam .adopting-companies .title-container {
  margin-bottom: 70px;
}

#content #gx-group-exam .adopting-companies .custom-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#content #gx-group-exam .adopting-companies .image {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}

#content #gx-group-exam .adopting-companies .company {
  color: #242424;
  text-align: justify;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.6;
}

#content #gx-group-exam .adopting-companies .text {
  color: #242424;
  text-align: justify;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
}

#content #gx-group-exam .adopting-companies .item {
  display: flex;
  flex-direction: column;
}

@media (max-width: 751px) {
  #content #gx-group-exam .adopting-companies .item {
    display: flex;
    flex-direction: column;
  }

  #content #gx-group-exam .adopting-companies .order-business {
    order: 2;
  }

  #content #gx-group-exam .adopting-companies .order-company {
    order: 3;
  }

  #content #gx-group-exam .adopting-companies .order-text {
    order: 1;
  }
}

@media (min-width: 751px) {
  #content #gx-group-exam .adopting-companies .item {
    display: flex;
    flex-direction: column;
  }

  #content #gx-group-exam .adopting-companies .order-business {
    order: 2;
  }

  #content #gx-group-exam .adopting-companies .order-company {
    order: 3;
  }

  #content #gx-group-exam .adopting-companies .order-text {
    order: 4;
  }
}

/*--------------------------------------------------------------
  pastevents
--------------------------------------------------------------*/
.gx-wrapper .gx-pastevents .pastevents .inner {
  display: grid;
  grid-template-columns: min(264px, 18.3333333333vw) min(856px, 59.4444444444vw);
  -moz-column-gap: min(80px, 5.5555555556vw);
  column-gap: min(80px, 5.5555555556vw);
  justify-content: center;
  padding-block: min(68px, 4.7222222222vw);
}

.gx-wrapper .gx-pastevents .pastevents .tab-container .tab-menu {
  display: flex;
  flex-direction: column;
}

.gx-wrapper .gx-pastevents .pastevents .tab-container .tab-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  -moz-column-gap: min(8px, 0.5555555556vw);
  column-gap: min(8px, 0.5555555556vw);
  font-size: min(16px, 1.1111111111vw);
  font-weight: 700;
  line-height: 1.6;
  white-space: nowrap;
  color: #404040;
  background-color: transparent;
  padding-block: min(27px, 1.875vw);
  padding-left: min(20px, 1.3888888889vw);
  position: relative;
  z-index: 0;
  cursor: pointer;
}

.gx-wrapper .gx-pastevents .pastevents .tab-container .tab-item.active {
  color: #ffffff;
  background-color: #65a078;
}

.gx-wrapper .gx-pastevents .pastevents .tab-container .tab-item.active::after {
  opacity: 1;
  visibility: visible;
}

.gx-wrapper .gx-pastevents .pastevents .tab-container .tab-item.active.advanced {
  background-color: #4c9dd1;
}

.gx-wrapper .gx-pastevents .pastevents .tab-container .tab-item.active.specialist {
  background-color: #b95b8a;
}

.gx-wrapper .gx-pastevents .pastevents .tab-container .tab-item.active.biz {
  background-color: #75e4e5;
}

.gx-wrapper .gx-pastevents .pastevents .tab-container .tab-item.active.common .icon,
.gx-wrapper .gx-pastevents .pastevents .tab-container .tab-item.active.basic .icon,
.gx-wrapper .gx-pastevents .pastevents .tab-container .tab-item.active.advanced .icon,
.gx-wrapper .gx-pastevents .pastevents .tab-container .tab-item.active.specialist .icon,
.gx-wrapper .gx-pastevents .pastevents .tab-container .tab-item.active.biz .icon {
  filter: invert(94%) sepia(0%) saturate(24%) hue-rotate(50deg) brightness(105%) contrast(110%);
}

.gx-wrapper .gx-pastevents .pastevents .tab-container .tab-item::before {
  content: "";
  display: block;
  background-color: #d9d9d9;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}

.gx-wrapper .gx-pastevents .pastevents .tab-container .tab-item::after {
  content: "";
  display: inline-block;
  border-style: solid;
  border-width: min(40px, 2.7777777778vw) 0 min(40px, 2.7777777778vw) min(20px, 1.3888888889vw);
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
  opacity: 0;
  visibility: hidden;
}

.gx-wrapper .gx-pastevents .pastevents .tab-container .tab-item.common::after {
  border-color: transparent transparent transparent #65a078;
}

.gx-wrapper .gx-pastevents .pastevents .tab-container .tab-item.common .icon {
  filter: invert(25%) sepia(21%) saturate(0%) hue-rotate(229deg) brightness(89%) contrast(92%);
}

.gx-wrapper .gx-pastevents .pastevents .tab-container .tab-item.basic::after {
  border-color: transparent transparent transparent #65a078;
}

.gx-wrapper .gx-pastevents .pastevents .tab-container .tab-item.basic .icon {
  filter: invert(34%) sepia(10%) saturate(5107%) hue-rotate(94deg) brightness(100%) contrast(79%);
}

.gx-wrapper .gx-pastevents .pastevents .tab-container .tab-item.advanced::after {
  border-color: transparent transparent transparent #4c9dd1;
}

.gx-wrapper .gx-pastevents .pastevents .tab-container .tab-item.advanced .icon {
  filter: invert(18%) sepia(32%) saturate(6124%) hue-rotate(188deg) brightness(97%) contrast(99%);
}

.gx-wrapper .gx-pastevents .pastevents .tab-container .tab-item.specialist::after {
  border-color: transparent transparent transparent #b95b8a;
}

.gx-wrapper .gx-pastevents .pastevents .tab-container .tab-item.specialist .icon {
  filter: invert(21%) sepia(34%) saturate(3500%) hue-rotate(284deg) brightness(100%) contrast(86%);
}

.gx-wrapper .gx-pastevents .pastevents .tab-container .tab-item.biz::after {
  border-color: transparent transparent transparent #75e4e5;
}

.gx-wrapper .gx-pastevents .pastevents .tab-container .tab-item.biz .icon {
  filter: invert(48%) sepia(48%) saturate(7318%) hue-rotate(163deg) brightness(94%) contrast(101%);
}

.gx-wrapper .gx-pastevents .pastevents .tab-container .icon {
  width: min(24px, 1.6666666667vw);
}

.gx-wrapper .gx-pastevents .pastevents .panel-container .panel {
  display: none;
  opacity: 0;
}

.gx-wrapper .gx-pastevents .pastevents .panel-container .panel.active {
  display: flex;
  flex-direction: column;
  row-gap: min(68px, 4.7222222222vw);
  opacity: 1;
}

.gx-wrapper .gx-pastevents .pastevents .panel-container .title {
  font-size: min(40px, 2.7777777778vw);
  font-weight: 900;
  line-height: 1.4;
  text-align: center;
  color: #242424;
}

.pastevents-content {
  display: flex;
  flex-direction: column;
  row-gap: 8rem;
}

.pastevents-content .image-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.pastevents-content .image-container img {}

.pastevents-content .text-container {
  display: flex;
  flex-direction: column;
  row-gap: 4rem;
}

.pastevents-content .text-container .head {
  color: var(--Semantic-Text-Default, #242424);
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2.25rem;
  letter-spacing: 0.075rem;
  position: relative;
}

.pastevents-content .text-container .head::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 100%;
  height: 4px;
  background-image: linear-gradient(to right, #1b7c3b 11%, #e9e9e9 11%);
}

.panel.advanced .pastevents-content .text-container .head::before {
  background-image: linear-gradient(to right, #015389 11%, #e9e9e9 11%);
}

.panel.specialist .pastevents-content .text-container .head::before {
  background-image: linear-gradient(to right, #8f2f7b 11%, #e9e9e9 11%);
}

.panel.biz .pastevents-content .text-container .head::before {
  background-image: linear-gradient(to right, #0094a8 11%, #e9e9e9 11%);
}

.pastevents-content .text-container .text {
  align-self: stretch;
  font-size: 1.125rem;
  line-height: 1.975;
  letter-spacing: 0.07rem;
}

@media (max-width: 751px) {
  .gx-wrapper .gx-pastevents .pastevents .inner {
    display: flex;
    flex-direction: column;
    row-gap: 11.2820512821vw;
    justify-content: normal;
    padding-top: 0;
    padding-bottom: 17.4358974359vw;
  }

  .gx-wrapper .gx-pastevents .pastevents .tab-container {
    overflow-x: scroll;
    padding-bottom: 1.0256410256vw;
  }

  .gx-wrapper .gx-pastevents .pastevents .tab-container .tab-menu {
    display: grid;
    justify-content: center;
  }

  .gx-wrapper .gx-pastevents .pastevents .tab-container .tab-menu.list-1 {
    grid-template-columns: auto;
  }

  .gx-wrapper .gx-pastevents .pastevents .tab-container .tab-menu.list-2 {
    grid-template-columns: repeat(2, 50%);
  }

  .gx-wrapper .gx-pastevents .pastevents .tab-container .tab-menu.list-3 {
    grid-template-columns: repeat(3, 33.33333%);
  }

  .gx-wrapper .gx-pastevents .pastevents .tab-container .tab-menu.list-4 {
    grid-template-columns: repeat(4, minmax(104px, 25%));
    padding-left: calc(416px - 100vw);
  }

  .gx-wrapper .gx-pastevents .pastevents .tab-container .tab-menu.list-5 {
    grid-template-columns: repeat(5, minmax(104px, 20%));
    padding-left: calc(520px - 100vw);
  }

  .gx-wrapper .gx-pastevents .pastevents .tab-container .tab-item {
    display: flex;
    justify-content: center;
    font-size: min(14px, 3.5897435897vw);
    line-height: 1.5;
    text-align: center;
    width: 100%;
    padding-block: 2.3076923077vw;
    padding-left: 0;
  }

  .gx-wrapper .gx-pastevents .pastevents .tab-container .tab-item.active {
    background-color: #a6a6a6;
  }

  .gx-wrapper .gx-pastevents .pastevents .tab-container .tab-item.active.basic {
    background-color: #65a078;
  }

  .gx-wrapper .gx-pastevents .pastevents .tab-container .tab-item.active.basic,
  .gx-wrapper .gx-pastevents .pastevents .tab-container .tab-item.active.advanced,
  .gx-wrapper .gx-pastevents .pastevents .tab-container .tab-item.active.specialist,
  .gx-wrapper .gx-pastevents .pastevents .tab-container .tab-item.active.biz {
    color: #ffffff;
  }

  .gx-wrapper .gx-pastevents .pastevents .tab-container .tab-item::before {
    background-color: #a6a6a6;
    height: 3px;
  }

  .gx-wrapper .gx-pastevents .pastevents .tab-container .tab-item::after {
    border-width: 1.5384615385vw 1.5384615385vw 0 1.5384615385vw;
    top: auto;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%) translateY(1.0256410256vw);
  }

  .gx-wrapper .gx-pastevents .pastevents .tab-container .tab-item.common::after {
    border-color: #a6a6a6 transparent transparent transparent;
  }

  .gx-wrapper .gx-pastevents .pastevents .tab-container .tab-item.basic {
    color: #1b7c3b;
  }

  .gx-wrapper .gx-pastevents .pastevents .tab-container .tab-item.basic::before {
    background-color: #65a078;
  }

  .gx-wrapper .gx-pastevents .pastevents .tab-container .tab-item.basic::after {
    border-color: #65a078 transparent transparent transparent;
  }

  .gx-wrapper .gx-pastevents .pastevents .tab-container .tab-item.advanced {
    color: #015389;
  }

  .gx-wrapper .gx-pastevents .pastevents .tab-container .tab-item.advanced::before {
    background-color: #4c9dd1;
  }

  .gx-wrapper .gx-pastevents .pastevents .tab-container .tab-item.advanced::after {
    border-color: #4c9dd1 transparent transparent transparent;
  }

  .gx-wrapper .gx-pastevents .pastevents .tab-container .tab-item.specialist {
    color: #8f2f7b;
  }

  .gx-wrapper .gx-pastevents .pastevents .tab-container .tab-item.specialist::before {
    background-color: #b95b8a;
  }

  .gx-wrapper .gx-pastevents .pastevents .tab-container .tab-item.specialist::after {
    border-color: #b95b8a transparent transparent transparent;
  }

  .gx-wrapper .gx-pastevents .pastevents .tab-container .tab-item.biz {
    color: #0094a8;
  }

  .gx-wrapper .gx-pastevents .pastevents .tab-container .tab-item.biz::before {
    background-color: #75e4e5;
  }

  .gx-wrapper .gx-pastevents .pastevents .tab-container .tab-item.biz::after {
    border-color: #75e4e5 transparent transparent transparent;
  }

  .gx-wrapper .gx-pastevents .pastevents .panel-container {
    width: 89.7435897436vw;
    margin-inline: auto;
  }

  .gx-wrapper .gx-pastevents .pastevents .panel-container .panel.active {
    display: block;
  }

  .gx-wrapper .gx-pastevents .pastevents .panel-container .pastevents-list {
    row-gap: 8.2051282051vw;
  }

  .pastevents-content {
    row-gap: 3.5714285714rem;
  }

  .pastevents-content .text-container {
    row-gap: 30px;
  }

  .pastevents-content .text-container .head {
    font-size: 20px;
    line-height: 1.5;
    padding-top: 10px;
  }

  .pastevents-content .text-container .text {
    font-size: 16px;
    line-height: 1.6;
  }
}

/*--------------------------------------------------------------
  (NEW)schedule
--------------------------------------------------------------*/
.gx-wrapper .gx-schedule .schedule .inner {
  display: grid;
  grid-template-columns: min(264px, 18.3333333333vw) min(856px, 59.4444444444vw);
  -moz-column-gap: min(80px, 5.5555555556vw);
  column-gap: min(80px, 5.5555555556vw);
  justify-content: center;
  padding-block: min(68px, 4.7222222222vw);
}

.gx-wrapper .gx-schedule .schedule .tab-container .tab-menu {
  display: flex;
  flex-direction: column;
}

.gx-wrapper .gx-schedule .schedule .tab-container .tab-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  -moz-column-gap: min(8px, 0.5555555556vw);
  column-gap: min(8px, 0.5555555556vw);
  font-size: min(16px, 1.1111111111vw);
  font-weight: 700;
  line-height: 1.6;
  white-space: nowrap;
  color: #404040;
  background-color: transparent;
  padding-block: min(27px, 1.875vw);
  padding-left: min(20px, 1.3888888889vw);
  position: relative;
  z-index: 0;
  cursor: pointer;
}

.gx-wrapper .gx-schedule .schedule .tab-container .tab-item.active {
  color: #ffffff;
  background-color: #65a078;
}

.gx-wrapper .gx-schedule .schedule .tab-container .tab-item.active::after {
  opacity: 1;
  visibility: visible;
}

.gx-wrapper .gx-schedule .schedule .tab-container .tab-item.active.advanced {
  background-color: #4c9dd1;
}

.gx-wrapper .gx-schedule .schedule .tab-container .tab-item.active.specialist {
  background-color: #b95b8a;
}

.gx-wrapper .gx-schedule .schedule .tab-container .tab-item.active.biz {
  background-color: #75e4e5;
}

.gx-wrapper .gx-schedule .schedule .tab-container .tab-item.active.common .icon,
.gx-wrapper .gx-schedule .schedule .tab-container .tab-item.active.basic .icon,
.gx-wrapper .gx-schedule .schedule .tab-container .tab-item.active.advanced .icon,
.gx-wrapper .gx-schedule .schedule .tab-container .tab-item.active.specialist .icon,
.gx-wrapper .gx-schedule .schedule .tab-container .tab-item.active.biz .icon {
  filter: invert(94%) sepia(0%) saturate(24%) hue-rotate(50deg) brightness(105%) contrast(110%);
}

.gx-wrapper .gx-schedule .schedule .tab-container .tab-item::before {
  content: "";
  display: block;
  background-color: #d9d9d9;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}

.gx-wrapper .gx-schedule .schedule .tab-container .tab-item::after {
  content: "";
  display: inline-block;
  border-style: solid;
  border-width: min(40px, 2.7777777778vw) 0 min(40px, 2.7777777778vw) min(20px, 1.3888888889vw);
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
  opacity: 0;
  visibility: hidden;
}

.gx-wrapper .gx-schedule .schedule .tab-container .tab-item.basic::after {
  border-color: transparent transparent transparent #65a078;
}

.gx-wrapper .gx-schedule .schedule .tab-container .tab-item.basic .icon {
  filter: invert(34%) sepia(10%) saturate(5107%) hue-rotate(94deg) brightness(100%) contrast(79%);
}

.gx-wrapper .gx-schedule .schedule .tab-container .tab-item.advanced::after {
  border-color: transparent transparent transparent #4c9dd1;
}

.gx-wrapper .gx-schedule .schedule .tab-container .tab-item.advanced .icon {
  filter: invert(18%) sepia(32%) saturate(6124%) hue-rotate(188deg) brightness(97%) contrast(99%);
}

.gx-wrapper .gx-schedule .schedule .tab-container .tab-item.specialist::after {
  border-color: transparent transparent transparent #b95b8a;
}

.gx-wrapper .gx-schedule .schedule .tab-container .tab-item.specialist .icon {
  filter: invert(21%) sepia(34%) saturate(3500%) hue-rotate(284deg) brightness(100%) contrast(86%);
}

.gx-wrapper .gx-schedule .schedule .tab-container .tab-item.biz::after {
  border-color: transparent transparent transparent #75e4e5;
}

.gx-wrapper .gx-schedule .schedule .tab-container .tab-item.biz .icon {
  filter: invert(48%) sepia(48%) saturate(7318%) hue-rotate(163deg) brightness(94%) contrast(101%);
}

.gx-wrapper .gx-schedule .schedule .tab-container .icon {
  width: min(24px, 1.6666666667vw);
}

.gx-wrapper .gx-schedule .schedule .panel-container .panel {
  display: none;
  opacity: 0;
}

.gx-wrapper .gx-schedule .schedule .panel-container .panel.active {
  display: flex;
  flex-direction: column;
  opacity: 1;
}

.gx-wrapper .gx-schedule .schedule .panel-container .title {
  font-size: min(40px, 2.7777777778vw);
  font-weight: 900;
  line-height: 1.4;
  text-align: center;
  color: #242424;
}

.gx-wrapper .gx-schedule .schedule .panel-container .schedule-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  align-self: stretch;
  border-radius: 12px;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15);
  padding: 12px 24px;
  margin-top: 60px;
  margin-top: 20px;
}

.gx-wrapper .gx-schedule .schedule .panel-container .schedule-box.first-box {
  margin-top: 60px;
}

.gx-wrapper .gx-schedule .schedule .panel-container .schedule-box.basic {
  border: 1px solid #65a078;
  background: #e6f4ea;
}

.gx-wrapper .gx-schedule .schedule .panel-container .schedule-box.advanced {
  border: 1px solid #4c9dd1;
  background: #f5fcff;
}

.gx-wrapper .gx-schedule .schedule .panel-container .schedule-box.specialist {
  border: 1px solid #b95b8a;
  background: #fffafe;
}

.gx-wrapper .gx-schedule .schedule .panel-container .schedule-box.biz {
  border: 1px solid #75e4e5;
  background: #f2fefd;
}

.gx-wrapper .gx-schedule .schedule .panel-container .schedule-box.end {
  border: 1px solid #d9d9d9;
  background: #f8f8f8;
}

.gx-wrapper .gx-schedule .schedule .panel-container .schedule-box.not-started {
  border: 1px solid #d9d9d9;
  background: #fff;
}

.gx-wrapper .gx-schedule .schedule .panel-container .schedule-box .header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  position: relative;
}

.gx-wrapper .gx-schedule .schedule .panel-container .schedule-box .header::after {
  background-color: #65a078;
  content: "";
  position: absolute;
  bottom: -10px;
  left: -24px;
  width: calc(100% + 48px);
  height: 1px;
}

.gx-wrapper .gx-schedule .schedule .panel-container .schedule-box.basic .header::after {
  background-color: #65a078;
}

.gx-wrapper .gx-schedule .schedule .panel-container .schedule-box.advanced .header::after {
  background-color: #4c9dd1;
}

.gx-wrapper .gx-schedule .schedule .panel-container .schedule-box.specialist .header::after {
  background-color: #b95b8a;
}

.gx-wrapper .gx-schedule .schedule .panel-container .schedule-box.biz .header::after {
  background-color: #75e4e5;
}

.gx-wrapper .gx-schedule .schedule .panel-container .schedule-box.end .header::after,
.gx-wrapper .gx-schedule .schedule .panel-container .schedule-box.not-started .header::after {
  background-color: #d9d9d9;
}

.gx-wrapper .gx-schedule .schedule .panel-container .schedule-box .header .header-title {
  color: #242424;
  text-align: center;
  font-size: min(18px, 1.25vw);
  font-weight: 700;
  line-height: 1.75;
  margin-right: 12px;
}

.gx-wrapper .gx-schedule .schedule .panel-container .schedule-box.end .header .header-title {
  color: #a6a6a6;
}

.gx-wrapper .gx-schedule .schedule .panel-container .schedule-box .header .label {
  color: #242424;
  font-size: min(14px, 1vw);
  font-weight: 700;
  line-height: 1.4;
  display: flex;
  padding: 4px 20px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 9999px;
  border: 1px solid #fff;
  background: #fff59f;
}

.gx-wrapper .gx-schedule .schedule .panel-container .schedule-box.end .header .label {
  color: #a6a6a6;
  border-color: #d9d9d9;
  background: #fff;
}

.gx-wrapper .gx-schedule .schedule .panel-container .schedule-box .details {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  margin-top: 38px;
}

.gx-wrapper .gx-schedule .schedule .panel-container .schedule-box .details .detail-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.gx-wrapper .gx-schedule .schedule .panel-container .schedule-box .details .detail-row .detail-label {
  color: #696969;
  text-align: right;
  font-size: min(14px, 1vw);
  font-weight: 700;
  line-height: 1.4;
  margin-right: 36px;
  flex: 0 0 15%;
  position: relative;
}

.gx-wrapper .gx-schedule .schedule .panel-container .schedule-box .details .detail-row .detail-label::after {
  content: "";
  display: inline-block;
  width: 4px;
  height: 16px;
  border-radius: 9999px;
  position: absolute;
  right: -20px;
  top: 50%;
  transform: translateY(-50%);
}

.gx-wrapper .gx-schedule .schedule .panel-container .schedule-box.basic .details .detail-row .detail-label::after {
  background: #65a078;
}

.gx-wrapper .gx-schedule .schedule .panel-container .schedule-box.advanced .details .detail-row .detail-label::after {
  background: #4c9dd1;
}

.gx-wrapper .gx-schedule .schedule .panel-container .schedule-box.specialist .details .detail-row .detail-label::after {
  background: #b95b8a;
}

.gx-wrapper .gx-schedule .schedule .panel-container .schedule-box.biz .details .detail-row .detail-label::after {
  background: #75e4e5;
}

.gx-wrapper .gx-schedule .schedule .panel-container .schedule-box.end .details .detail-row .detail-label::after,
.gx-wrapper .gx-schedule .schedule .panel-container .schedule-box.not-started .details .detail-row .detail-label::after {
  background: #d9d9d9;
}

.gx-wrapper .gx-schedule .schedule .panel-container .schedule-box .details .detail-row .detail-value {
  color: #242424;
  text-align: left;
  font-size: min(18px, 1.25vw);
  font-weight: 400;
  line-height: 1.75;
  flex: 1;
}

@media (max-width: 751px) {
  .gx-wrapper .gx-schedule .schedule .inner {
    display: flex;
    flex-direction: column;
    row-gap: 11.2820512821vw;
    justify-content: normal;
    padding-top: 0;
    padding-bottom: 17.4358974359vw;
  }

  .gx-wrapper .gx-schedule .schedule .tab-container {
    overflow-x: scroll;
    padding-bottom: 1.0256410256vw;
  }

  .gx-wrapper .gx-schedule .schedule .tab-container .tab-menu {
    display: grid;
    justify-content: center;
  }

  .gx-wrapper .gx-schedule .schedule .tab-container .tab-menu.list-1 {
    grid-template-columns: auto;
  }

  .gx-wrapper .gx-schedule .schedule .tab-container .tab-menu.list-2 {
    grid-template-columns: repeat(2, 50%);
  }

  .gx-wrapper .gx-schedule .schedule .tab-container .tab-menu.list-3 {
    grid-template-columns: repeat(3, 33.33333%);
  }

  .gx-wrapper .gx-schedule .schedule .tab-container .tab-menu.list-4 {
    grid-template-columns: repeat(4, minmax(104px, 25%));
    padding-left: calc(416px - 100vw);
  }

  .gx-wrapper .gx-schedule .schedule .tab-container .tab-menu.list-5 {
    grid-template-columns: repeat(5, minmax(104px, 20%));
    padding-left: calc(520px - 100vw);
  }

  .gx-wrapper .gx-schedule .schedule .tab-container .tab-item {
    display: flex;
    justify-content: center;
    font-size: min(14px, 3.5897435897vw);
    line-height: 1.5;
    text-align: center;
    width: 100%;
    padding-block: 2.3076923077vw;
    padding-left: 0;
  }

  .gx-wrapper .gx-schedule .schedule .tab-container .tab-item.active {
    background-color: #a6a6a6;
  }

  .gx-wrapper .gx-schedule .schedule .tab-container .tab-item.active.basic {
    background-color: #65a078;
  }

  .gx-wrapper .gx-schedule .schedule .tab-container .tab-item.active.basic,
  .gx-wrapper .gx-schedule .schedule .tab-container .tab-item.active.advanced,
  .gx-wrapper .gx-schedule .schedule .tab-container .tab-item.active.specialist,
  .gx-wrapper .gx-schedule .schedule .tab-container .tab-item.active.biz {
    color: #ffffff;
  }

  .gx-wrapper .gx-schedule .schedule .tab-container .tab-item::before {
    background-color: #a6a6a6;
    height: 3px;
  }

  .gx-wrapper .gx-schedule .schedule .tab-container .tab-item::after {
    border-width: 1.5384615385vw 1.5384615385vw 0 1.5384615385vw;
    top: auto;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%) translateY(1.0256410256vw);
  }

  .gx-wrapper .gx-schedule .schedule .tab-container .tab-item.common::after {
    border-color: #a6a6a6 transparent transparent transparent;
  }

  .gx-wrapper .gx-schedule .schedule .tab-container .tab-item.basic {
    color: #1b7c3b;
  }

  .gx-wrapper .gx-schedule .schedule .tab-container .tab-item.basic::before {
    background-color: #65a078;
  }

  .gx-wrapper .gx-schedule .schedule .tab-container .tab-item.basic::after {
    border-color: #65a078 transparent transparent transparent;
  }

  .gx-wrapper .gx-schedule .schedule .tab-container .tab-item.advanced {
    color: #015389;
  }

  .gx-wrapper .gx-schedule .schedule .tab-container .tab-item.advanced::before {
    background-color: #4c9dd1;
  }

  .gx-wrapper .gx-schedule .schedule .tab-container .tab-item.advanced::after {
    border-color: #4c9dd1 transparent transparent transparent;
  }

  .gx-wrapper .gx-schedule .schedule .tab-container .tab-item.specialist {
    color: #8f2f7b;
  }

  .gx-wrapper .gx-schedule .schedule .tab-container .tab-item.specialist::before {
    background-color: #b95b8a;
  }

  .gx-wrapper .gx-schedule .schedule .tab-container .tab-item.specialist::after {
    border-color: #b95b8a transparent transparent transparent;
  }

  .gx-wrapper .gx-schedule .schedule .tab-container .tab-item.biz {
    color: #0094a8;
  }

  .gx-wrapper .gx-schedule .schedule .tab-container .tab-item.biz::before {
    background-color: #75e4e5;
  }

  .gx-wrapper .gx-schedule .schedule .tab-container .tab-item.biz::after {
    border-color: #75e4e5 transparent transparent transparent;
  }

  .gx-wrapper .gx-schedule .schedule .panel-container {
    width: 89.7435897436vw;
    margin-inline: auto;
  }

  .gx-wrapper .gx-schedule .schedule .panel-container .title {
    font-size: 32px;
    font-weight: 700;
  }

  .gx-wrapper .gx-schedule .schedule .panel-container .schedule-box {
    padding: 20px;
  }

  .gx-wrapper .gx-schedule .schedule .panel-container .schedule-box .header::after {
    left: -20px;
    width: calc(100% + 40px);
  }

  .gx-wrapper .gx-schedule .schedule .panel-container .schedule-box .header .header-title {
    font-size: 16px;
    line-height: 1.6;
  }

  .gx-wrapper .gx-schedule .schedule .panel-container .schedule-box .header .label {
    font-size: 14px;
    padding: 4px 25px;
  }

  .gx-wrapper .gx-schedule .schedule .panel-container .schedule-box .details {
    gap: 16px;
  }

  .gx-wrapper .gx-schedule .schedule .panel-container .schedule-box .details .detail-row {
    flex-direction: column;
    align-items: flex-start;
  }

  .gx-wrapper .gx-schedule .schedule .panel-container .schedule-box .details .detail-row .detail-label {
    text-align: left;
    margin-bottom: 4px;
    font-size: 12px;
    margin-right: 0;
    margin-left: 16px;
    flex: none;
  }

  .gx-wrapper .gx-schedule .schedule .panel-container .schedule-box .details .detail-row .detail-label::after {
    width: 3px;
    height: 8px;
    right: 60px;
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
  }

  .gx-wrapper .gx-schedule .schedule .panel-container .schedule-box .details .detail-row .detail-label.group::after {
    right: 110px;
  }

  .gx-wrapper .gx-schedule .schedule .panel-container .schedule-box .details .detail-row .detail-value {
    text-align: left;
    font-size: 16px;
    line-height: 1.6;
  }
}

/*--------------------------------------------------------------
  information-session
--------------------------------------------------------------*/
/* .gx-wrapper .gx-information-session .information-session {
  background-image: url("/assets-gx-new/images/top/bg_stripe.png");
} */

.gx-wrapper .gx-information-session .information-session .inner {
  width: min(1200px, 83.3333333333vw);
  margin-inline: auto;
  padding-block: min(68px, 4.7222222222vw);
}

.gx-wrapper .gx-information-session .information-session .tab-container {
  background-color: #fff;
  border-radius: min(12px, 0.8333333333vw);
  padding-top: min(64px, 4.4444444444vw);
  padding-inline: min(20px, 1.3888888889vw);
  padding-bottom: min(20px, 1.3888888889vw);
  position: relative;
}

.gx-wrapper .gx-information-session .information-session .tab-area {
  position: relative;
}

.gx-wrapper .gx-information-session .information-session .tab-area .tab {
  display: flex;
  justify-content: center;
  align-items: center;
  width: min(285px, 19.7916666667vw);
  height: min(44px, 3.0555555556vw);
  position: absolute;
  bottom: 0;
  transition: all 0.3s ease-out;
  cursor: pointer;
}

.gx-wrapper .gx-information-session .information-session .tab-area .tab01 {
  background-color: #1b7c3b;
  border-top-right-radius: 0;
  border-top-left-radius: min(12px, 0.8333333333vw);
  left: 0;
}

.gx-wrapper .gx-information-session .information-session .tab-area .tab01::before {
  border-color: #1b7c3b transparent transparent transparent;
}

.gx-wrapper .gx-information-session .information-session .tab-area .tab01.active {
  border-top-right-radius: min(12px, 0.8333333333vw);
}

@media (hover: hover) {
  .gx-wrapper .gx-information-session .information-session .tab-area .tab01:hover {
    background-color: #135629;
  }
}

.gx-wrapper .gx-information-session .information-session .tab-area .tab02 {
  background-color: #015389;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  left: min(291.6px, 20.25vw);
}

.gx-wrapper .gx-information-session .information-session .tab-area .tab02::before {
  border-color: #015389 transparent transparent transparent;
}

.gx-wrapper .gx-information-session .information-session .tab-area .tab02.active {
  border-top-right-radius: min(12px, 0.8333333333vw);
  border-top-left-radius: min(12px, 0.8333333333vw);
}

@media (hover: hover) {
  .gx-wrapper .gx-information-session .information-session .tab-area .tab02:hover {
    background-color: #013a5f;
  }
}

.gx-wrapper .gx-information-session .information-session .tab-area .tab03 {
  background-color: #8f2f7b;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  right: min(291.6px, 20.25vw);
}

.gx-wrapper .gx-information-session .information-session .tab-area .tab03::before {
  border-color: #8f2f7b transparent transparent transparent;
}

.gx-wrapper .gx-information-session .information-session .tab-area .tab03.active {
  border-top-right-radius: min(12px, 0.8333333333vw);
  border-top-left-radius: min(12px, 0.8333333333vw);
}

@media (hover: hover) {
  .gx-wrapper .gx-information-session .information-session .tab-area .tab03:hover {
    background-color: #69225a;
  }
}

.gx-wrapper .gx-information-session .information-session .tab-area .tab04 {
  background-color: #00bdd7;
  border-top-right-radius: min(12px, 0.8333333333vw);
  border-top-left-radius: 0;
  right: 0;
}

.gx-wrapper .gx-information-session .information-session .tab-area .tab04::before {
  border-color: #00bdd7 transparent transparent transparent;
}

.gx-wrapper .gx-information-session .information-session .tab-area .tab04.active {
  border-top-right-radius: min(12px, 0.8333333333vw);
  border-top-left-radius: min(12px, 0.8333333333vw);
}

@media (hover: hover) {
  .gx-wrapper .gx-information-session .information-session .tab-area .tab04:hover {
    background-color: #00616e;
  }
}

.gx-wrapper .gx-information-session .information-session .tab-area .tab.active {
  height: min(72px, 5vw);
  pointer-events: none;
}

.gx-wrapper .gx-information-session .information-session .tab-area .tab.active::before {
  opacity: 1;
  visibility: visible;
}

.gx-wrapper .gx-information-session .information-session .tab-area .tab.active .label {
  font-size: min(24px, 1.6666666667vw);
}

.gx-wrapper .gx-information-session .information-session .tab-area .tab.active .en {
  opacity: 0.1;
  visibility: visible;
}

.gx-wrapper .gx-information-session .information-session .tab-area .tab::before {
  content: "";
  display: inline-block;
  border-style: solid;
  border-width: min(21px, 1.4583333333vw) min(50px, 3.4722222222vw) 0 min(50px, 3.4722222222vw);
  filter: drop-shadow(0px 6px 4px rgba(0, 0, 0, 0.1));
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  bottom: max(-15px, -1.0416666667vw);
  transform: translateX(-50%);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-out;
}

.gx-wrapper .gx-information-session .information-session .tab-area .label {
  font-size: min(16px, 1.1111111111vw);
  font-weight: 700;
  font-feature-settings: "pwid";
  line-height: 1;
  letter-spacing: min(0.32px, 0.0222222222vw);
  text-align: center;
  color: #ffffff;
  transition: font-size 0.3s ease-out;
}

.gx-wrapper .gx-information-session .information-session .tab-area .en {
  font-size: min(47px, 3.2638888889vw);
  font-weight: 700;
  font-feature-settings: "pwid";
  line-height: 1.4;
  color: #fff;
  position: absolute;
  top: min(7px, 0.4861111111vw);
  right: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-out;
}

.gx-wrapper .gx-information-session .information-session .panel-area {
  margin-top: min(12px, 0.8333333333vw);
}

.gx-wrapper .gx-information-session .information-session .panel-area .panel {
  display: none;
  flex-direction: row;
  justify-content: space-between;
  border-style: solid;
  border-width: min(4px, 0.2777777778vw);
  border-bottom-right-radius: min(12px, 0.8333333333vw);
  border-bottom-left-radius: min(12px, 0.8333333333vw);
  padding: min(40px, 2.7777777778vw);
  position: relative;
}

.gx-wrapper .gx-information-session .information-session .panel-area .panel01 {
  border-color: #1b7c3b;
}

.gx-wrapper .gx-information-session .information-session .panel-area .panel01 .text-container dd a {
  color: #135629;
}

.gx-wrapper .gx-information-session .information-session .panel-area .panel01 .text-container .tab .icon img {
  filter: invert(41%) sepia(13%) saturate(2153%) hue-rotate(87deg) brightness(90%) contrast(97%);
}

.gx-wrapper .gx-information-session .information-session .panel-area .panel01 .button a {
  background-color: #1b7c3b;
}

@media (hover: hover) {
  .gx-wrapper .gx-information-session .information-session .panel-area .panel01 .button a:hover {
    background-color: #135629;
  }
}

.gx-wrapper .gx-information-session .information-session .panel-area .panel02 {
  border-color: #015389;
}

.gx-wrapper .gx-information-session .information-session .panel-area .panel02 .text-container dd a {
  color: #013a5f;
}

.gx-wrapper .gx-information-session .information-session .panel-area .panel02 .text-container .tab .icon img {
  filter: invert(23%) sepia(87%) saturate(1475%) hue-rotate(182deg) brightness(85%) contrast(99%);
}

.gx-wrapper .gx-information-session .information-session .panel-area .panel02 .button a {
  background-color: #015389;
}

@media (hover: hover) {
  .gx-wrapper .gx-information-session .information-session .panel-area .panel02 .button a:hover {
    background-color: #013a5f;
  }
}

.gx-wrapper .gx-information-session .information-session .panel-area .panel03 {
  border-color: #8f2f7b;
}

.gx-wrapper .gx-information-session .information-session .panel-area .panel03 .text-container dd a {
  color: #69225a;
}

.gx-wrapper .gx-information-session .information-session .panel-area .panel03 .text-container .tab .icon img {
  filter: invert(21%) sepia(34%) saturate(3500%) hue-rotate(284deg) brightness(100%) contrast(86%);
}

.gx-wrapper .gx-information-session .information-session .panel-area .panel03 .button a {
  background-color: #8f2f7b;
}

@media (hover: hover) {
  .gx-wrapper .gx-information-session .information-session .panel-area .panel03 .button a:hover {
    background-color: #69225a;
  }
}

.gx-wrapper .gx-information-session .information-session .panel-area .panel04 {
  border-color: #00bdd7;
}

.gx-wrapper .gx-information-session .information-session .panel-area .panel04 .text-container dd a {
  color: #0094a8;
}

.gx-wrapper .gx-information-session .information-session .panel-area .panel04 .text-container .tab .icon img {
  filter: invert(48%) sepia(48%) saturate(7318%) hue-rotate(163deg) brightness(94%) contrast(101%);
}

.gx-wrapper .gx-information-session .information-session .panel-area .panel04 .button a {
  background-color: #00bdd7;
}

@media (hover: hover) {
  .gx-wrapper .gx-information-session .information-session .panel-area .panel04 .button a:hover {
    background-color: #00616e;
  }
}

.gx-wrapper .gx-information-session .information-session .panel-area .panel.active {
  display: flex;
}

.gx-wrapper .gx-information-session .information-session .panel-area .panel.ver02.active {
  display: flex;
  align-items: start;
}

.gx-wrapper .gx-information-session .information-session .panel-area .panel .image {
  width: min(550px, 38.1944444444vw);
}

.gx-wrapper .gx-information-session .information-session .panel-area .panel .text-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: min(440px, 30.5555555556vw);
}

.gx-wrapper .gx-information-session .information-session .panel-area .panel .text-container .row {
  display: grid;
  grid-template-columns: min(120px, 8.3333333333vw) auto;
  align-items: center;
  -moz-column-gap: min(4px, 0.2777777778vw);
  column-gap: min(4px, 0.2777777778vw);
  padding-block: min(6px, 0.4166666667vw);
  position: relative;
}

.gx-wrapper .gx-information-session .information-session .panel-area .panel .text-container .row.full-width {
  grid-template-columns: 1fr;
}

.gx-wrapper .gx-information-session .information-session .panel-area .panel .text-container .row::after,
.gx-wrapper .gx-information-session .information-session .panel-area .panel .text-container .text-area::after {
  content: "";
  display: block;
  background-color: #d9d9d9;
  width: 100%;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: 0;
}

.gx-wrapper .gx-information-session .information-session .panel-area .panel .text-container dt {
  font-size: min(16px, 1.1111111111vw);
  font-weight: 700;
  font-feature-settings: "pwid";
  line-height: 1.6;
  color: #242424;
}

.gx-wrapper .gx-information-session .information-session .panel-area .panel .text-container dd {
  font-size: min(16px, 1.1111111111vw);
  font-weight: 400;
  font-feature-settings: "pwid";
  line-height: 1.6;
  color: #242424;
}

.gx-wrapper .gx-information-session .information-session .slider-container .text-container .full-width {
  grid-column: 1 / -1;
}

/* .gx-wrapper .gx-information-session .information-session .panel-area .panel .text-container .text-area {
  position: relative;
}

.gx-wrapper .gx-information-session .information-session .panel-area .panel .text-container .text-area p {
  font-size: min(16px, 1.1111111111vw);
  font-weight: 400;
  font-feature-settings: "pwid";
  line-height: 1.6;
  color: #242424;
} */

.gx-wrapper .gx-information-session .information-session .panel-area .panel .text-container .tab {
  padding-right: min(24px, 1.6666666667vw);
  position: relative;
}

.gx-wrapper .gx-information-session .information-session .panel-area .panel .text-container .tab .icon {
  width: min(20px, 1.3888888889vw);
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.gx-wrapper .gx-information-session .information-session .panel-area .panel .text-container .text {
  font-size: min(16px, 1.1111111111vw);
  font-weight: 700;
  font-feature-settings: "pwid";
  line-height: 1.6;
  color: #242424;
  margin-top: min(20px, 1.3888888889vw);
}

.gx-wrapper .gx-information-session .information-session .panel-area .panel .button,
.gx-wrapper .gx-information-session .information-session .panel-area .panel .button-group {
  width: 100%;
  height: 60px;
  margin: min(30px, 1.5625vw) auto 0;
  z-index: 1;
  display: flex;
  justify-content: center;
}

.gx-wrapper .gx-information-session .information-session .panel-area .panel .button a {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: min(20px, 1.3888888889vw);
  font-weight: 700;
  font-feature-settings: "pwid";
  line-height: 1;
  text-align: center;
  color: #ffffff;
  border-radius: 1000px;
  width: 100%;
  height: 100%;
  padding-block: min(20px, 1.3888888889vw);
  position: relative;
  transition: all 0.3s ease-out;
}

@media (hover: hover) {
  .gx-wrapper .gx-information-session .information-session .panel-area .panel .button a:hover .icon {
    transform: translateX(min(4px, 0.2777777778vw)) translateY(-50%);
  }
}

.gx-wrapper .gx-information-session .information-session .panel-area .panel .button a .icon {
  width: min(24px, 1.6666666667vw);
  position: absolute;
  top: 50%;
  right: min(20px, 1.3888888889vw);
  transform: translateY(-50%);
  transition: transform 0.3s ease-out;
}

.gx-wrapper .gx-information-session .information-session .panel-area .panel .button a .icon img {
  filter: invert(93%) sepia(93%) saturate(28%) hue-rotate(48deg) brightness(106%) contrast(107%);
}

.gx-wrapper .gx-information-session .information-session .panel-area .panel01 .button-group a {
  background-color: #fff;
  color: #1b7c3b;
  border: solid 2px #1b7c3b;
  transition: all 0.3s ease-out;
}

.gx-wrapper .gx-information-session .information-session .panel-area .panel01 .button-group a .icon img {
  filter: none;
}

@media (hover: hover) {
  .gx-wrapper .gx-information-session .information-session .panel-area .panel01 .button-group a:hover {
    background-color: #65a078;
    color: #fff;
    border: solid 2px #65a078;
  }

  .gx-wrapper .gx-information-session .information-session .panel-area .panel01 .button-group a:hover .icon img {
    content: url("/assets-gx-new/images/icon/Arrow-Right_White.svg");
  }
}

.gx-wrapper .gx-information-session .information-session .panel-area .panel02 .button-group a {
  background-color: #fff;
  color: #015389;
  border: solid 2px #015389;
  transition: all 0.3s ease-out;
}

.gx-wrapper .gx-information-session .information-session .panel-area .panel02 .button-group a .icon img {
  filter: none;
}

@media (hover: hover) {
  .gx-wrapper .gx-information-session .information-session .panel-area .panel02 .button-group a:hover {
    background-color: #4c9dd1;
    color: #fff;
    border: solid 2px #4c9dd1;
  }

  .gx-wrapper .gx-information-session .information-session .panel-area .panel02 .button-group a:hover .icon img {
    content: url("/assets-gx-new/images/icon/Arrow-Right_White.svg");
  }
}

.gx-wrapper .gx-information-session .information-session .panel-area .panel03 .button-group a {
  background-color: #fff;
  color: #8f2f7b;
  border: solid 2px #8f2f7b;
  transition: all 0.3s ease-out;
}

.gx-wrapper .gx-information-session .information-session .panel-area .panel03 .button-group a .icon img {
  filter: none;
}

@media (hover: hover) {
  .gx-wrapper .gx-information-session .information-session .panel-area .panel03 .button-group a:hover {
    background-color: #b95b8a;
    color: #fff;
    border: solid 2px #b95b8a;
  }

  .gx-wrapper .gx-information-session .information-session .panel-area .panel03 .button-group a:hover .icon img {
    content: url("/assets-gx-new/images/icon/Arrow-Right_White.svg");
  }
}

.gx-wrapper .gx-information-session .information-session .panel-area .panel04 .button-group a {
  background-color: #fff;
  color: #0094a8;
  border: solid 2px #0094a8;
  transition: all 0.3s ease-out;
}

.gx-wrapper .gx-information-session .information-session .panel-area .panel04 .button-group a .icon img {
  filter: none;
}

@media (hover: hover) {
  .gx-wrapper .gx-information-session .information-session .panel-area .panel04 .button-group a:hover {
    background-color: #75e4e5;
    color: #fff;
    border: solid 2px #75e4e5;
  }

  .gx-wrapper .gx-information-session .information-session .panel-area .panel04 .button-group a:hover .icon img {
    content: url("/assets-gx-new/images/icon/Arrow-Right_White.svg");
  }
}

.gx-wrapper .gx-information-session section#voice-report .content .title-container {
  margin-bottom: min(68px, 4.7222222222vw);
}

.gx-wrapper .gx-information-session section#voice-report .content .title {
  color: #242424;
  text-align: center;
  font-size: min(40px, 2.7777777778vw);
  font-weight: 800;
  line-height: 1.4;
}

.gx-wrapper .gx-information-session section#voice-report .view-examples-link {
  color: #404040;
  font-size: min(14px, 1vw);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.28px;
  display: block;
  text-align: right;
  margin-top: min(30px, 2.0833333333vw);
  margin-right: min(40px, 2.7777777778vw);
  position: relative;
  transition: opacity 0.3s ease;
}

.gx-wrapper .gx-information-session section#voice-report .view-examples-link::after {
  content: url("/assets-gx-new/images/icon/Arrow_Circle.svg");
  position: absolute;
  right: -40px;
  top: 50%;
  transform: translateY(-50%);
  width: 32px;
  height: 32px;
  transition: right 0.3s ease;
}

.gx-wrapper .gx-information-session section#voice-report .view-examples-link:hover {
  opacity: 0.7;
}

@media (max-width: 751px) {
  .gx-wrapper .gx-information-session .information-session .inner {
    width: 100%;
    margin-inline: 0;
    padding-block: 5.1282051282vw;
  }

  .sp-br::before {
    content: "\A";
    white-space: pre;
  }

  .gx-wrapper .gx-information-session .information-session .slider-container {
    position: relative;
  }

  .gx-wrapper .gx-information-session .information-session .slider-container .item {
    display: flex;
    flex-direction: column;
    row-gap: 5.1282051282vw;
    background-color: #fff;
    border-style: solid;
    border-width: 2px;
    border-radius: 3.0769230769vw;
    padding-top: 4.1025641026vw;
    overflow: hidden;
  }

  .gx-wrapper .gx-information-session .information-session .slider-container .item01 {
    border-color: #65a078;
  }

  .gx-wrapper .gx-information-session .information-session .slider-container .item01 .button a {
    background-color: #1b7c3b;
  }

  .gx-wrapper .gx-information-session .information-session .slider-container .item02 {
    border-color: #457fa5;
  }

  .gx-wrapper .gx-information-session .information-session .slider-container .item02 .button a {
    background-color: #015389;
  }

  .gx-wrapper .gx-information-session .information-session .slider-container .item03 {
    border-color: #b95b8a;
  }

  .gx-wrapper .gx-information-session .information-session .slider-container .item03 .button a {
    background-color: #8f2f7b;
  }

  .gx-wrapper .gx-information-session .information-session .slider-container .item04 {
    border-color: #75e4e5;
  }

  .gx-wrapper .gx-information-session .information-session .slider-container .item04 .button a {
    background-color: #00bdd7;
  }

  .gx-wrapper .gx-information-session .information-session .slider-container .image {
    padding-inline: 5.1282051282vw;
  }

  .gx-wrapper .gx-information-session .information-session .slider-container .text-container {
    display: flex;
    flex-direction: column;
    padding-inline: 9.2307692308vw;
    padding-bottom: 4.1025641026vw;
  }

  .gx-wrapper .gx-information-session .information-session .slider-container .text-container .row {
    display: grid;
    grid-template-columns: 20.5128205128vw auto;
    align-items: center;
    -moz-column-gap: 1.0256410256vw;
    column-gap: 1.0256410256vw;
    padding-block: 2.1794871795vw;
    position: relative;
  }

  .gx-wrapper .gx-information-session .information-session .slider-container .text-container .row::after {
    content: "";
    display: block;
    background-color: #d9d9d9;
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
  }

  .gx-wrapper .gx-information-session .information-session .slider-container .text-container dt {
    font-size: 3.5897435897vw;
    font-weight: 700;
    font-feature-settings: "pwid";
    line-height: 1.5;
    color: #242424;
  }

  .gx-wrapper .gx-information-session .information-session .slider-container .text-container dd {
    font-size: 3.5897435897vw;
    font-weight: 400;
    font-feature-settings: "pwid";
    line-height: 1.5;
    color: #242424;
  }

  .gx-wrapper .gx-information-session .information-session .slider-container .text-container .full-width {
    grid-column: 1 / -1;
  }

  .gx-wrapper .gx-information-session .information-session .slider-container .text-container .tab {
    padding-right: 0;
  }

  .gx-wrapper .gx-information-session .information-session .slider-container .text-container .text {
    font-size: 3.5897435897vw;
    font-weight: 700;
    font-feature-settings: "pwid";
    line-height: 1.5;
    color: #242424;
  }

  .gx-wrapper .gx-information-session .information-session .slider-container .button a {
    display: flex;
    justify-content: center;
    align-items: center;
    -moz-column-gap: 2.0512820513vw;
    column-gap: 2.0512820513vw;
    font-size: 4.1025641026vw;
    font-weight: 700;
    font-feature-settings: "pwid";
    line-height: 1.25;
    letter-spacing: 0.0820512821vw;
    color: #ffffff;
    width: 100%;
    padding-block: 4.1025641026vw;
  }

  .gx-wrapper .gx-information-session .information-session .slider-container .button a .icon {
    width: 5.1282051282vw;
  }

  .gx-wrapper .gx-information-session .information-session .slider-container .button a .icon img {
    filter: invert(99%) sepia(6%) saturate(56%) hue-rotate(278deg) brightness(117%) contrast(100%);
  }

  .gx-wrapper .gx-information-session .information-session .slider-container .button-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    position: absolute;
    top: 52.5641025641vw;
    left: 0;
    z-index: 1;
  }

  .gx-wrapper .gx-information-session .information-session .slider-container .button-container .top-schedule-prev-button,
  .gx-wrapper .gx-information-session .information-session .slider-container .button-container .top-schedule-next-button {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.13),
      0px 0px 1px 1px rgba(0, 0, 0, 0.09);
    border: solid 2px #696969;
    border-radius: 50%;
    width: 10.2564102564vw;
    height: 10.2564102564vw;
  }

  .gx-wrapper .gx-information-session .information-session .slider-container .button-container .top-schedule-prev-button img,
  .gx-wrapper .gx-information-session .information-session .slider-container .button-container .top-schedule-next-button img {
    width: 5.1282051282vw;
  }

  .gx-wrapper .gx-information-session .information-session .slider-container .button-more,
  .gx-wrapper .gx-information-session .information-session .slider-container .button-group {
    width: 100%;
    margin: min(30px, 1.5625vw) auto 0;
    margin-top: 20px;
    z-index: 1;
    display: flex;
    justify-content: center;
  }

  .gx-wrapper .gx-information-session .information-session .slider-container .button-group {
    margin-top: 10px;
  }

  .gx-wrapper .gx-information-session .information-session .slider-container .button-more a,
  .gx-wrapper .gx-information-session .information-session .slider-container .button-group a {
    display: flex;
    justify-content: space-between;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: 700;
    font-feature-settings: "pwid";
    line-height: 1;
    text-align: center;
    color: #ffffff;
    border-radius: 1000px;
    width: 100%;
    min-height: 40px;
    padding-block: min(20px, 1.3888888889vw);
    position: relative;
  }

  .gx-wrapper .gx-information-session .information-session .slider-container .item01 .button-more a {
    background-color: #1b7c3b;
    color: #fff;
  }

  .gx-wrapper .gx-information-session .information-session .slider-container .item01 .button-group a {
    background-color: #fff;
    color: #1b7c3b;
    border: solid 2px #1b7c3b;
  }

  .gx-wrapper .gx-information-session .information-session .slider-container .item02 .button-more a {
    background-color: #015389;
    color: #fff;
  }

  .gx-wrapper .gx-information-session .information-session .slider-container .item02 .button-group a {
    background-color: #fff;
    color: #015389;
    border: solid 2px #015389;
  }

  .gx-wrapper .gx-information-session .information-session .slider-container .item03 .button-more a {
    background-color: #8f2f7b;
    color: #fff;
  }

  .gx-wrapper .gx-information-session .information-session .slider-container .item03 .button-group a {
    background-color: #fff;
    color: #8f2f7b;
    border: solid 2px #8f2f7b;
  }

  .gx-wrapper .gx-information-session .information-session .slider-container .item04 .button-more a {
    background-color: #0094a8;
    color: #fff;
  }

  .gx-wrapper .gx-information-session .information-session .slider-container .item04 .button-group a {
    background-color: #fff;
    color: #0094a8;
    border: solid 2px #0094a8;
  }

  .gx-wrapper .gx-information-session .information-session .slider-container .button-more a .icon,
  .gx-wrapper .gx-information-session .information-session .slider-container .button-group a .icon {
    position: absolute;
    right: 10%;
    top: 50%;
    transform: translate(10%, -50%);
  }

  .gx-wrapper .gx-information-session section#voice-report .content .title {
    font-size: 24px;
  }

  .gx-wrapper .gx-information-session section#voice-report .view-examples-link {
    font-size: 16px;
    margin-top: 20px;
    margin-right: 40px;
  }

  .gx-wrapper .gx-information-session section#voice-report .view-examples-link::after {
    content: url("/assets-gx-new/images/icon/Arrow_Circle.svg");
    position: absolute;
    right: -20px;
    top: -10%;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    transition: right 0.3s ease;
  }

  .gx-wrapper .gx-information-session section#voice-report .view-examples-link:hover {
    opacity: 0.7;
  }
}

/*# sourceMappingURL=gx_new.css.map */

/*# 井上追加　*/

.gx-wrapper .gx-learning .c-study.trends .top-text {
  font-size: min(18px, 1.25vw);
  font-weight: 500;
  line-height: 1.4444444444;
  text-align: center;
  color: #242424;
  margin-top: -6.28571em;
}

.page-title-btnbox {
  position: absolute;
  top: 77%;
  left: 8%;
  display: flex;
  align-items: center;
  gap: 30px;
  width: 100%;
}

.page-title-btnbox-content {
  padding: 0.5% 5%;
  border: 1px solid;
  border-radius: 30px;
  position: relative;
  border: 3px solid #f08804;
  background-color: #fff9f9;
  font-weight: bold;
  font-size: min(14px, 1.25vw);
}

.page-title-btnbox-content.--rakuten {
  border: 3px solid #bf0000;
}

.page-title-btnbox-content::after {
  content: "";
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  background: url(../images/ButtonIcon.png) no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

@media screen and (max-width: 751px) {
  .gx-wrapper .gx-learning .c-study.trends .top-text {
    font-size: min(18px, 2.8vw);
    margin-top: -2.28571em;
  }

  .gx-wrapper .gx-learning .page-title .inner {
    background-image: url(../images/study_title_sp.jpg);
    width: 100%;
    aspect-ratio: 390 / 300;
    min-height: 300px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
  }

  .page-title-btnbox {
    gap: 10px;
    top: 85%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    justify-content: center;
  }

  .page-title-btnbox-content {
    padding: 0 14%;
    text-align: center;
    font-size: min(14px, 3.25vw);
  }

  .page-title-btnbox-content::after {
    width: 1em;
  }
}

/* ========================================
   GX Learning ページ用 スタイル
   ======================================== */
.gx-wrapper .gx-learning .top-schedule {
  background: url("/assets-gx-new/images/top/bg_dot.png"),
    lightgray 0% 0%/50px 50px repeat;
  padding-block: min(68px, 4.7222222222vw) min(68px, 10vw);
}

.gx-wrapper .gx-learning .top-schedule .inner {
  width: min(1200px, 83.3333333333vw);
  margin-inline: auto;
  /* padding-block: min(68px, 4.7222222222vw); */
  padding-block: 0;
}

.gx-wrapper .gx-learning .top-schedule .tab-container {
  background-color: #fff;
  border-radius: min(12px, 0.8333333333vw);
  padding-top: min(64px, 4.4444444444vw);
  padding-inline: min(20px, 1.3888888889vw);
  padding-bottom: min(20px, 1.3888888889vw);
  position: relative;
}

.gx-wrapper .gx-learning .top-schedule .tab-area {
  position: relative;
}

.gx-wrapper .gx-learning .top-schedule .tab-area .tab {
  display: flex;
  justify-content: center;
  align-items: center;
  width: min(285px, 19.7916666667vw);
  height: min(44px, 3.0555555556vw);
  position: absolute;
  bottom: 0;
  transition: all 0.3s ease-out;
  cursor: pointer;
}

.gx-wrapper .gx-learning .top-schedule .tab-area .tab01 {
  background-color: #1b7c3b;
  border-top-right-radius: 0;
  border-top-left-radius: min(12px, 0.8333333333vw);
  left: 0;
}

.gx-wrapper .gx-learning .top-schedule .tab-area .tab01::before {
  border-color: #1b7c3b transparent transparent transparent;
}

.gx-wrapper .gx-learning .top-schedule .tab-area .tab01.active {
  border-top-right-radius: min(12px, 0.8333333333vw);
}

@media (hover: hover) {
  .gx-wrapper .gx-learning .top-schedule .tab-area .tab01:hover {
    background-color: #135629;
  }
}

.gx-wrapper .gx-learning .top-schedule .tab-area .tab02 {
  background-color: #015389;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  left: min(291.6px, 20.25vw);
}

.gx-wrapper .gx-learning .top-schedule .tab-area .tab02::before {
  border-color: #015389 transparent transparent transparent;
}

.gx-wrapper .gx-learning .top-schedule .tab-area .tab02.active {
  border-top-right-radius: min(12px, 0.8333333333vw);
  border-top-left-radius: min(12px, 0.8333333333vw);
}

@media (hover: hover) {
  .gx-wrapper .gx-learning .top-schedule .tab-area .tab02:hover {
    background-color: #013a5f;
  }
}

.gx-wrapper .gx-learning .top-schedule .tab-area .tab03 {
  background-color: #8f2f7b;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  right: min(291.6px, 20.25vw);
}

.gx-wrapper .gx-learning .top-schedule .tab-area .tab03::before {
  border-color: #8f2f7b transparent transparent transparent;
}

.gx-wrapper .gx-learning .top-schedule .tab-area .tab03.active {
  border-top-right-radius: min(12px, 0.8333333333vw);
  border-top-left-radius: min(12px, 0.8333333333vw);
}

@media (hover: hover) {
  .gx-wrapper .gx-learning .top-schedule .tab-area .tab03:hover {
    background-color: #69225a;
  }
}

.gx-wrapper .gx-learning .top-schedule .tab-area .tab04 {
  background-color: #00bdd7;
  border-top-right-radius: min(12px, 0.8333333333vw);
  border-top-left-radius: 0;
  right: 0;
}

.gx-wrapper .gx-learning .top-schedule .tab-area .tab04::before {
  border-color: #00bdd7 transparent transparent transparent;
}

.gx-wrapper .gx-learning .top-schedule .tab-area .tab04.active {
  border-top-right-radius: min(12px, 0.8333333333vw);
  border-top-left-radius: min(12px, 0.8333333333vw);
}

@media (hover: hover) {
  .gx-wrapper .gx-learning .top-schedule .tab-area .tab04:hover {
    background-color: #00616e;
  }
}

.gx-wrapper .gx-learning .top-schedule .tab-area .tab.active {
  height: min(72px, 5vw);
  pointer-events: none;
}

.gx-wrapper .gx-learning .top-schedule .tab-area .tab.active::before {
  opacity: 1;
  visibility: visible;
}

.gx-wrapper .gx-learning .top-schedule .tab-area .tab.active .label {
  font-size: min(24px, 1.6666666667vw);
}

.gx-wrapper .gx-learning .top-schedule .tab-area .tab.active .en {
  opacity: 0.1;
  visibility: visible;
}

.gx-wrapper .gx-learning .top-schedule .tab-area .tab::before {
  content: "";
  display: inline-block;
  border-style: solid;
  border-width: min(21px, 1.4583333333vw) min(50px, 3.4722222222vw) 0 min(50px, 3.4722222222vw);
  filter: drop-shadow(0px 6px 4px rgba(0, 0, 0, 0.1));
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  bottom: max(-15px, -1.0416666667vw);
  transform: translateX(-50%);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-out;
}

.gx-wrapper .gx-learning .top-schedule .tab-area .label {
  font-size: min(16px, 1.1111111111vw);
  font-weight: 700;
  font-feature-settings: "pwid";
  line-height: 1.2;
  color: #fff;
  margin-bottom: min(2px, 0.1388888889vw);
  transition: all 0.3s ease-out;
}

.gx-wrapper .gx-learning .top-schedule .tab-area .en {
  font-size: min(47px, 3.2638888889vw);
  font-weight: 700;
  font-feature-settings: "pwid";
  line-height: 1.4;
  color: #fff;
  position: absolute;
  top: min(7px, 0.4861111111vw);
  right: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-out;
}

.gx-wrapper .gx-learning .top-schedule .panel-area {
  /* margin-top: min(12px, 0.8333333333vw); */
}

.gx-wrapper .gx-learning .top-schedule .panel-area .panel {
  display: none;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  column-gap: min(40px, 2.7777777778vw);
  padding: min(40px, 2.7777777778vw);
  /* padding: 0; */
  padding-inline: 20px;
  background-color: #fff;
  border-radius: min(12px, 0.8333333333vw);
  border: solid 2px;
}

.gx-wrapper .gx-learning .top-schedule .panel-area .panel01 {
  border: none;
}

.gx-wrapper .gx-learning .top-schedule .panel-area .panel01 .text-container dd a {
  color: #135629;
}

.gx-wrapper .gx-learning .top-schedule .panel-area .panel01 .text-container dd a .icon img {
  filter: invert(22%) sepia(16%) saturate(2817%) hue-rotate(99deg) brightness(95%) contrast(93%);
}

.gx-wrapper .gx-learning .top-schedule .panel-area .panel01 .button a {
  background-color: #1b7c3b;
}

@media (hover: hover) {
  .gx-wrapper .gx-learning .top-schedule .panel-area .panel01 .button a:hover {
    background-color: #135629;
  }
}

.gx-wrapper .gx-learning .top-schedule .panel-area .panel02 {
  border: none;
}

.gx-wrapper .gx-learning .top-schedule .panel-area .panel02 .text-container dd a {
  color: #013a5f;
}

.gx-wrapper .gx-learning .top-schedule .panel-area .panel02 .text-container dd a .icon img {
  filter: invert(16%) sepia(57%) saturate(1845%) hue-rotate(186deg) brightness(97%) contrast(102%);
}

.gx-wrapper .gx-learning .top-schedule .panel-area .panel02 .button a {
  background-color: #015389;
}

@media (hover: hover) {
  .gx-wrapper .gx-learning .top-schedule .panel-area .panel02 .button a:hover {
    background-color: #013a5f;
  }
}

.gx-wrapper .gx-learning .top-schedule .panel-area .panel03 {
  border: none;
}

.gx-wrapper .gx-learning .top-schedule .panel-area .panel03 .text-container dd a {
  color: #69225a;
}

.gx-wrapper .gx-learning .top-schedule .panel-area .panel03 .text-container dd a .icon img {
  filter: invert(18%) sepia(28%) saturate(2298%) hue-rotate(285deg) brightness(90%) contrast(88%);
}

.gx-wrapper .gx-learning .top-schedule .panel-area .panel03 .button a {
  background-color: #8f2f7b;
}

@media (hover: hover) {
  .gx-wrapper .gx-learning .top-schedule .panel-area .panel03 .button a:hover {
    background-color: #69225a;
  }
}

.gx-wrapper .gx-learning .top-schedule .panel-area .panel04 {
  border: none;
}

.gx-wrapper .gx-learning .top-schedule .panel-area .panel04 .text-container dd a {
  color: #0094a8;
}

.gx-wrapper .gx-learning .top-schedule .panel-area .panel04 .text-container dd a .icon img {
  filter: invert(38%) sepia(76%) saturate(663%) hue-rotate(144deg) brightness(94%) contrast(101%);
}

.gx-wrapper .gx-learning .top-schedule .panel-area .panel04 .button a {
  background-color: #00bdd7;
}

@media (hover: hover) {
  .gx-wrapper .gx-learning .top-schedule .panel-area .panel04 .button a:hover {
    background-color: #00616e;
  }
}

.gx-wrapper .gx-learning .top-schedule .panel-area .panel.active {
  display: flex;
}

.gx-wrapper .gx-learning .top-schedule .panel-area .panel .image {
  width: min(550px, 38.1944444444vw);
}

.gx-wrapper .gx-learning .top-schedule .panel-area .panel .text-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  row-gap: min(30px, 2.0833333333vw);
}

.gx-wrapper .gx-learning .top-schedule .panel-area .panel .text-container .row {
  display: grid;
  grid-template-columns: min(120px, 8.3333333333vw) auto;
  align-items: center;
  column-gap: min(20px, 1.3888888889vw);
}

.gx-wrapper .gx-learning .top-schedule .panel-area .panel .text-container .row:has(.tab) {
  grid-template-columns: min(120px, 8.3333333333vw) auto min(24px,
      1.6666666667vw);
  column-gap: min(12px, 0.8333333333vw);
}

.gx-wrapper .gx-learning .top-schedule .panel-area .panel .text-container dt {
  font-size: min(16px, 1.1111111111vw);
  font-weight: 700;
  font-feature-settings: "pwid";
  line-height: 1.4;
  color: #333;
}

.gx-wrapper .gx-learning .top-schedule .panel-area .panel .text-container dd {
  font-size: min(16px, 1.1111111111vw);
  font-weight: 400;
  font-feature-settings: "pwid";
  line-height: 1.4;
  color: #333;
}

.gx-wrapper .gx-learning .top-schedule .panel-area .panel .text-container .tab {
  padding-right: min(24px, 1.6666666667vw);
  position: relative;
}

.gx-wrapper .gx-learning .top-schedule .panel-area .panel .text-container .tab .icon {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: min(16px, 1.1111111111vw);
}

.gx-wrapper .gx-learning .top-schedule .panel-area .panel .text-container .text {
  font-size: min(16px, 1.1111111111vw);
  font-weight: 700;
  font-feature-settings: "pwid";
  line-height: 1.4;
  color: #333;
  text-align: center;
}

.gx-wrapper .gx-learning .top-schedule .panel-area .panel .button,
.gx-wrapper .gx-learning .top-schedule .panel-area .panel .button-group {
  width: 100%;
  height: 60px;
  margin: min(30px, 1.5625vw) auto 0;
  position: relative;
}

.gx-wrapper .gx-learning .top-schedule .panel-area .panel .button:first-of-type {
  margin-top: 0;
}

.gx-wrapper .gx-learning .top-schedule .panel-area .panel .button a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  border-radius: min(8px, 0.5555555556vw);
  font-size: min(16px, 1.1111111111vw);
  font-weight: 700;
  font-feature-settings: "pwid";
  color: #fff;
  text-decoration: none;
  transition: all 0.3s ease-out;
}

@media (hover: hover) {
  .gx-wrapper .gx-learning .top-schedule .panel-area .panel .button a:hover .icon {
    transform: translateX(min(4px, 0.2777777778vw)) translateY(-50%);
  }
}

.gx-wrapper .gx-learning .top-schedule .panel-area .panel .button a .icon {
  width: min(24px, 1.6666666667vw);
  position: absolute;
  top: 50%;
  right: min(20px, 1.3888888889vw);
  transform: translateY(-50%);
  transition: all 0.3s ease-out;
}

.gx-wrapper .gx-learning .top-schedule .panel-area .panel .button a .icon img {
  filter: invert(93%) sepia(93%) saturate(28%) hue-rotate(48deg) brightness(106%) contrast(107%);
}

.gx-wrapper .gx-learning .top-schedule .panel-area .panel01 .button-group a {
  background-color: #fff;
  color: #1b7c3b;
  border: solid 2px #1b7c3b;
}

.gx-wrapper .gx-learning .top-schedule .panel-area .panel01 .button-group a .icon img {
  filter: invert(22%) sepia(16%) saturate(2817%) hue-rotate(99deg) brightness(95%) contrast(93%);
}

@media (hover: hover) {
  .gx-wrapper .gx-learning .top-schedule .panel-area .panel01 .button-group a:hover {
    background-color: #65a078;
    color: #fff;
    border: solid 2px #65a078;
  }

  .gx-wrapper .gx-learning .top-schedule .panel-area .panel01 .button-group a:hover .icon img {
    filter: invert(93%) sepia(93%) saturate(28%) hue-rotate(48deg) brightness(106%) contrast(107%);
  }
}

.gx-wrapper .gx-learning .top-schedule .panel-area .panel02 .button-group a {
  background-color: #fff;
  color: #015389;
  border: solid 2px #015389;
}

.gx-wrapper .gx-learning .top-schedule .panel-area .panel02 .button-group a .icon img {
  filter: invert(16%) sepia(57%) saturate(1845%) hue-rotate(186deg) brightness(97%) contrast(102%);
}

@media (hover: hover) {
  .gx-wrapper .gx-learning .top-schedule .panel-area .panel02 .button-group a:hover {
    background-color: #4c9dd1;
    color: #fff;
    border: solid 2px #4c9dd1;
  }

  .gx-wrapper .gx-learning .top-schedule .panel-area .panel02 .button-group a:hover .icon img {
    filter: invert(93%) sepia(93%) saturate(28%) hue-rotate(48deg) brightness(106%) contrast(107%);
  }
}

.gx-wrapper .gx-learning .top-schedule .panel-area .panel03 .button-group a {
  background-color: #fff;
  color: #8f2f7b;
  border: solid 2px #8f2f7b;
}

.gx-wrapper .gx-learning .top-schedule .panel-area .panel03 .button-group a .icon img {
  filter: invert(18%) sepia(28%) saturate(2298%) hue-rotate(285deg) brightness(90%) contrast(88%);
}

@media (hover: hover) {
  .gx-wrapper .gx-learning .top-schedule .panel-area .panel03 .button-group a:hover {
    background-color: #b95b8a;
    color: #fff;
    border: solid 2px #b95b8a;
  }

  .gx-wrapper .gx-learning .top-schedule .panel-area .panel03 .button-group a:hover .icon img {
    filter: invert(93%) sepia(93%) saturate(28%) hue-rotate(48deg) brightness(106%) contrast(107%);
  }
}

.gx-wrapper .gx-learning .top-schedule .panel-area .panel04 .button-group a {
  background-color: #fff;
  color: #0094a8;
  border: solid 2px #0094a8;
}

.gx-wrapper .gx-learning .top-schedule .panel-area .panel04 .button-group a .icon img {
  filter: invert(38%) sepia(76%) saturate(663%) hue-rotate(144deg) brightness(94%) contrast(101%);
}

@media (hover: hover) {
  .gx-wrapper .gx-learning .top-schedule .panel-area .panel04 .button-group a:hover {
    background-color: #75e4e5;
    color: #fff;
    border: solid 2px #75e4e5;
  }

  .gx-wrapper .gx-learning .top-schedule .panel-area .panel04 .button-group a:hover .icon img {
    filter: invert(93%) sepia(93%) saturate(28%) hue-rotate(48deg) brightness(106%) contrast(107%);
  }
}

/* スマートフォン用スタイル */
.gx-wrapper .gx-learning .top-schedule-wrapper.is-sp {
  display: none;
}

@media (max-width: 751px) {
  .gx-wrapper .gx-learning .top-schedule .inner {
    width: 91.7948717949vw;
    /* padding-block: min(40px, 10.6666666667vw); */
    padding-block: 0;
  }

  /* タブコンテナ */
  .gx-wrapper .gx-learning .top-schedule .tab-container {
    overflow-x: scroll;
    padding-top: 0;
    padding-bottom: 1.0256410256vw;
    padding-inline: 0;
  }

  /* 学習ページ専用：SP用タブメニュー */
  .gx-wrapper .gx-learning .top-schedule .tab-container .tab-menu {
    display: grid;
    grid-template-columns: repeat(4, minmax(104px, 25%));
  }

  .gx-wrapper .gx-learning .top-schedule .tab-container .tab-menu .tab-item {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: min(14px, 3.5897435897vw);
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
    width: 100%;
    padding-block: 2.3076923077vw;
    padding-left: 0;
    cursor: pointer;
    position: relative;
  }

  /* アクティブなタブの背景色 */
  .gx-wrapper .gx-learning .top-schedule .tab-container .tab-menu .tab-item.active {
    color: #ffffff !important;
  }

  .gx-wrapper .gx-learning .top-schedule .tab-container .tab-menu .tab-item.active.basic {
    background-color: #65a078;
  }

  .gx-wrapper .gx-learning .top-schedule .tab-container .tab-menu .tab-item.active.advanced {
    background-color: #4c9dd1;
  }

  .gx-wrapper .gx-learning .top-schedule .tab-container .tab-menu .tab-item.active.specialist {
    background-color: #b95b8a;
  }

  .gx-wrapper .gx-learning .top-schedule .tab-container .tab-menu .tab-item.active.biz {
    background-color: #75e4e5;
  }

  /* 非アクティブなタブの色 */
  .gx-wrapper .gx-learning .top-schedule .tab-container .tab-menu .tab-item.basic:not(.active) {
    color: #1b7c3b !important;
  }

  .gx-wrapper .gx-learning .top-schedule .tab-container .tab-menu .tab-item.advanced:not(.active) {
    color: #015389 !important;
  }

  .gx-wrapper .gx-learning .top-schedule .tab-container .tab-menu .tab-item.specialist:not(.active) {
    color: #8f2f7b !important;
  }

  .gx-wrapper .gx-learning .top-schedule .tab-container .tab-menu .tab-item.biz:not(.active) {
    color: #0094a8 !important;
  }

  /* 上線（::before） */
  .gx-wrapper .gx-learning .top-schedule .tab-container .tab-menu .tab-item::before {
    content: "";
    display: block;
    background-color: #a6a6a6;
    width: 100%;
    height: 3px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
  }

  .gx-wrapper .gx-learning .top-schedule .tab-container .tab-menu .tab-item.basic::before {
    background-color: #65a078;
  }

  .gx-wrapper .gx-learning .top-schedule .tab-container .tab-menu .tab-item.advanced::before {
    background-color: #4c9dd1;
  }

  .gx-wrapper .gx-learning .top-schedule .tab-container .tab-menu .tab-item.specialist::before {
    background-color: #b95b8a;
  }

  .gx-wrapper .gx-learning .top-schedule .tab-container .tab-menu .tab-item.biz::before {
    background-color: #75e4e5;
  }

  /* 下矢印 */
  .gx-wrapper .gx-learning .top-schedule .tab-container .tab-menu .tab-item::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 1.5384615385vw 1.5384615385vw 0 1.5384615385vw;
    top: auto;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%) translateY(1.0256410256vw);
  }

  .gx-wrapper .gx-learning .top-schedule .tab-container .tab-menu .tab-item.basic::after {
    border-color: #65a078 transparent transparent transparent;
  }

  .gx-wrapper .gx-learning .top-schedule .tab-container .tab-menu .tab-item.advanced::after {
    border-color: #4c9dd1 transparent transparent transparent;
  }

  .gx-wrapper .gx-learning .top-schedule .tab-container .tab-menu .tab-item.specialist::after {
    border-color: #b95b8a transparent transparent transparent;
  }

  .gx-wrapper .gx-learning .top-schedule .tab-container .tab-menu .tab-item.biz::after {
    border-color: #75e4e5 transparent transparent transparent;
  }

  /* パネルエリアの余白 */
  .gx-wrapper .gx-learning .top-schedule .panel-area {
    /* margin-top: 5.1282051282vw; */
  }

  /* 既存のスライダー関連スタイル（削除せずそのまま） */
  .gx-wrapper .gx-learning .top-schedule .slider-container {
    position: relative;
  }

  .gx-wrapper .gx-learning .top-schedule .slider-container .item {
    border-radius: min(8px, 2.1333333333vw);
    border: solid 2px;
    padding: min(20px, 5.3333333333vw);
    overflow: hidden;
  }

  .gx-wrapper .gx-learning .top-schedule .slider-container .item01 {
    border-color: #65a078;
  }

  .gx-wrapper .gx-learning .top-schedule .slider-container .item01 .button a {
    background-color: #1b7c3b;
  }

  .gx-wrapper .gx-learning .top-schedule .slider-container .item02 {
    border-color: #457fa5;
  }

  .gx-wrapper .gx-learning .top-schedule .slider-container .item02 .button a {
    background-color: #015389;
  }

  .gx-wrapper .gx-learning .top-schedule .slider-container .item03 {
    border-color: #b95b8a;
  }

  .gx-wrapper .gx-learning .top-schedule .slider-container .item03 .button a {
    background-color: #8f2f7b;
  }

  .gx-wrapper .gx-learning .top-schedule .slider-container .item04 {
    border-color: #75e4e5;
  }

  .gx-wrapper .gx-learning .top-schedule .slider-container .item04 .button a {
    background-color: #00bdd7;
  }

  .gx-wrapper .gx-learning .top-schedule .slider-container .slide-image {
    width: 100%;
    height: auto;
    margin-bottom: min(20px, 5.3333333333vw);
    border-radius: min(8px, 2.1333333333vw);
  }

  .gx-wrapper .gx-learning .top-schedule .slider-container .text-container {
    background-color: #fff;
    padding: min(20px, 5.3333333333vw);
    border-radius: min(8px, 2.1333333333vw);
  }

  .gx-wrapper .gx-learning .top-schedule .slider-container .text-container .row {
    display: grid;
    grid-template-columns: min(80px, 21.3333333333vw) auto;
    align-items: start;
    column-gap: min(12px, 3.2vw);
  }

  .gx-wrapper .gx-learning .top-schedule .slider-container .text-container .row:not(:last-of-type) {
    margin-bottom: min(12px, 3.2vw);
  }

  .gx-wrapper .gx-learning .top-schedule .slider-container .text-container .row:has(.tab) {
    grid-template-columns: min(80px, 21.3333333333vw) auto min(20px,
        5.3333333333vw);
    column-gap: min(8px, 2.1333333333vw);
  }

  .gx-wrapper .gx-learning .top-schedule .slider-container .text-container dt {
    font-size: min(12px, 3.2vw);
    font-weight: 700;
    color: #333;
  }

  .gx-wrapper .gx-learning .top-schedule .slider-container .text-container dd {
    font-size: min(12px, 3.2vw);
    color: #333;
  }

  .gx-wrapper .gx-learning .top-schedule .slider-container .text-container .tab {
    padding-right: 0;
  }

  .gx-wrapper .gx-learning .top-schedule .slider-container .text-container .text {
    font-size: min(12px, 3.2vw);
    text-align: left;
  }

  .gx-wrapper .gx-learning .top-schedule .slider-container .button a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: min(44px, 11.7333333333vw);
    border-radius: min(6px, 1.6vw);
    font-size: min(14px, 3.7333333333vw);
    font-weight: 700;
    color: #fff;
    text-decoration: none;
  }

  .gx-wrapper .gx-learning .top-schedule .slider-container .button a .icon {
    width: 5.1282051282vw;
  }

  .gx-wrapper .gx-learning .top-schedule .slider-container .button a .icon img {
    width: 100%;
  }

  .gx-wrapper .gx-learning .top-schedule .slider-container .button-container {
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    display: flex;
    justify-content: space-between;
    padding-inline: min(10px, 2.6666666667vw);
    transform: translateY(-50%);
    pointer-events: none;
  }

  .gx-wrapper .gx-learning .top-schedule .slider-container .top-schedule-prev-button,
  .gx-wrapper .gx-learning .top-schedule .slider-container .top-schedule-next-button {
    width: min(40px, 10.6666666667vw);
    height: min(40px, 10.6666666667vw);
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    pointer-events: auto;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  }

  .gx-wrapper .gx-learning .top-schedule .slider-container .button-more,
  .gx-wrapper .gx-learning .top-schedule .slider-container .button-group {
    margin-top: min(16px, 4.2666666667vw);
  }

  .gx-wrapper .gx-learning .top-schedule .slider-container .button-group {
    margin-top: 10px;
  }

  .gx-wrapper .gx-learning .top-schedule .slider-container .button-more a,
  .gx-wrapper .gx-learning .top-schedule .slider-container .button-group a {
    display: inline-flex;
    align-items: center;
    column-gap: min(8px, 2.1333333333vw);
    padding: min(10px, 2.6666666667vw) min(16px, 4.2666666667vw);
    border-radius: min(4px, 1.0666666667vw);
    font-size: min(12px, 3.2vw);
    font-weight: 700;
    text-decoration: none;
    width: 100%;
    height: auto;
    justify-content: center;
  }

  .gx-wrapper .gx-learning .top-schedule .slider-container .item01 .button-more a {
    background-color: #1b7c3b;
    color: #fff;
  }

  .gx-wrapper .gx-learning .top-schedule .slider-container .item01 .button-group a {
    background-color: #fff;
    color: #1b7c3b;
    border: solid 2px #1b7c3b;
  }

  .gx-wrapper .gx-learning .top-schedule .slider-container .item02 .button-more a {
    background-color: #015389;
    color: #fff;
  }

  .gx-wrapper .gx-learning .top-schedule .slider-container .item02 .button-group a {
    background-color: #fff;
    color: #015389;
    border: solid 2px #015389;
  }

  .gx-wrapper .gx-learning .top-schedule .slider-container .item03 .button-more a {
    background-color: #8f2f7b;
    color: #fff;
  }

  .gx-wrapper .gx-learning .top-schedule .slider-container .item03 .button-group a {
    background-color: #fff;
    color: #8f2f7b;
    border: solid 2px #8f2f7b;
  }

  .gx-wrapper .gx-learning .top-schedule .slider-container .item04 .button-more a {
    background-color: #00bdd7;
    color: #fff;
  }

  .gx-wrapper .gx-learning .top-schedule .slider-container .item04 .button-group a {
    background-color: #fff;
    color: #0094a8;
    border: solid 2px #0094a8;
  }

  .gx-wrapper .gx-learning .top-schedule .slider-container .button-more a .icon,
  .gx-wrapper .gx-learning .top-schedule .slider-container .button-group a .icon {
    width: min(16px, 4.2666666667vw);
    height: min(16px, 4.2666666667vw);
  }
}

/* ========================================
   タブ内の trends コンテンツスタイル
   ======================================== */

/* タブ内のパネルスタイル */
.gx-wrapper .gx-learning .top-schedule .panel-area .panel {
  display: none;
}

.gx-wrapper .gx-learning .top-schedule .panel-area .panel.active {
  display: block;
}

/* タブ内の box.learning.trends スタイル */
.gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning.trends {
  padding: 0;
  background-color: transparent;
  border-radius: 0;
  border: none;
}

/* タイトル部分のスタイル（中央揃え） */
.gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning.trends .head-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  column-gap: min(12px, 0.8333333333vw);
  margin-bottom: min(68px, 4.7222222222vw);
}

.gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning.trends .head-container .head {
  font-size: min(36px, 2.5vw);
  font-feature-settings: "pwid";
  font-weight: 700;
  line-height: 1.1111111111;
  text-align: center;
  color: #242424;
  text-shadow: 0 1px 0 #fff;
}

/* カードコンテナのスタイル */
.gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning.trends .card-container {
  display: grid;
  grid-template-columns: auto;
  gap: min(30px, 2.0833333333vw);
  margin-top: 20px;
}

/* カードのスタイル */
.gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning.trends .card a {
  border: none;
  padding: 0;
  box-shadow: none;
}

/* 動画とテキストのレイアウト */
.gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning.trends .card .text-container {
  row-gap: 0;
}

/* スマートフォン用 */
@media (max-width: 768px) {
  .gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning.trends {
    padding: 0;
  }

  .gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning.trends .head-container {
    margin-bottom: 0;
  }

  .gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning.trends .head-container .head {
    font-size: 5.1282051282vw;
    line-height: 1.5;
    text-shadow: none;
  }

  .gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning.trends .card-container {
    margin-top: 20px;
  }
}

/* タブ内の c-interview-card スタイル */
.gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning.trends .c-interview-card .text-container .top,
.gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning.trends .c-interview-card .text-container .text {
  font-size: min(16px, 1.1111111111vw);
  font-weight: 400;
  font-feature-settings: "pwid";
  line-height: 1.6;
  color: #242424;
}

.gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning.trends .c-interview-card .text-container .text {
  margin-top: min(15px, 1.0416666667vw);
}

.gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning.trends .c-interview-card .text-container .movie-title {
  font-size: min(24px, 1.6666666667vw);
  font-weight: 700;
  font-feature-settings: "pwid";
  line-height: 1.5;
  color: #242424;
  margin-top: 0;
}

.gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning.trends .c-interview-card .text-container .business {
  display: inline-block;
  align-self: flex-start;
  font-size: min(12px, 0.8333333333vw);
  font-weight: 400;
  font-feature-settings: "pwid";
  line-height: 1.4;
  color: #242424;
  margin-top: min(15px, 1.0416666667vw);
  padding-block: min(4px, 0.2777777778vw);
  padding-inline: min(12px, 0.8333333333vw);
  background-color: #f8f9fa;
  border-radius: min(4px, 0.2777777778vw);
}

/* スマートフォン用 */
@media (max-width: 768px) {

  .gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning.trends .c-interview-card .text-container .top,
  .gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning.trends .c-interview-card .text-container .text {
    font-size: 3.5897435897vw;
    line-height: 1.5;
  }

  .gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning.trends .c-interview-card .text-container .movie-title {
    font-size: 5.1282051282vw;
    margin-top: 4.1025641026vw;
  }

  .gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning.trends .c-interview-card .text-container .business {
    font-size: 3.0769230769vw;
    line-height: 1.4;
    margin-top: 6.4102564103vw;
    padding-block: 0.5128205128vw;
    padding-inline: 3.0769230769vw;
  }

  .gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning.trends .c-interview-card .text-container .top {
    margin-top: 3.8461538462vw;
  }
}

/* タブ内の c-interview-card レイアウトスタイル */
.gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning.trends .c-interview-card .text-container {
  display: flex;
  flex-direction: column;
  row-gap: 0;
}

.gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning.trends .c-interview-card .text-container .top,
.gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning.trends .c-interview-card .text-container .text {
  text-align: left;
}

.gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning.trends .c-interview-card .text-container .movie-title {
  text-align: left;
}

.gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning.trends .c-interview-card .text-container .business {
  text-align: center;
}

/* タブ内の c-interview-card レイアウトスタイル（上詰め） */
.gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning.trends .c-interview-card .text-container {
  display: flex;
  flex-direction: column;
  row-gap: 0;
  align-items: flex-start;
  justify-content: flex-start;
}

/* ========================================
   タブパネル内の講座受講セクション（完全版）
   ======================================== */

/* box.learning のマージン */
.gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning {
  margin-top: min(60px, 4.1666666667vw);
}

/* head-container スタイル（元の .c-study と同じ） */
.gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning .head-container {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  column-gap: min(12px, 0.8333333333vw) !important;
  margin-bottom: min(68px, 4.7222222222vw) !important;
}

.gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning .head-container .icon {
  width: min(40px, 2.7777777778vw);
}

.gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning .head-container .icon img {
  filter: invert(41%) sepia(13%) saturate(2153%) hue-rotate(87deg) brightness(90%) contrast(97%);
}

.gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning .head-container .head {
  font-size: min(36px, 2.5vw);
  font-feature-settings: "pwid";
  font-weight: 700;
  line-height: 1.1111111111;
  text-align: center;
  color: #242424;
  text-shadow: 0 1px 0 #fff;
}

.gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning .head-container .head span {
  font-size: min(20px, 1.3888888889vw);
  line-height: 1.5;
  text-shadow: none;
}

/* card-list スタイル */
.gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning .card-list {
  display: flex;
  flex-direction: column;
  row-gap: min(60px, 4.1666666667vw);
}

.gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning .card-item .course-title {
  font-size: min(28px, 1.9444444444vw) !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  color: #242424 !important;
  text-align: center !important;
  margin-bottom: min(20px, 1.3888888889vw) !important;
}

/* card-container スタイル */
.gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning .card-container {
  display: grid;
  gap: min(20px, 1.3888888889vw);
  grid-template-columns: auto;
  /* margin-top: min(60px, 4.1666666667vw) !important; */
}

/* card スタイル（元の .c-study と同じ） */
.gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning .card {
  display: flex;
  justify-content: center;
  align-items: center;
}

.gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning .card a {
  display: flex;
  flex-direction: row;
  column-gap: min(20px, 1.3888888889vw);
  background-color: #fff;
  border-style: solid;
  border-color: #d0e7d3;
  border-width: 2px;
  border-radius: min(12px, 0.8333333333vw);
  width: 100%;
  height: 100%;
  padding: min(20px, 1.3888888889vw);
  position: relative;
  transition: border-color 0.3s ease-out;
}

@media (hover: hover) {
  .gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning .card a:hover {
    border-color: #1b7c3b;
  }

  .gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning .card a:hover .arrow {
    transform: translateX(4px);
  }

  .gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning .card a:hover .icon img {
    filter: invert(25%) sepia(18%) saturate(1877%) hue-rotate(87deg) brightness(94%) contrast(91%);
  }
}

.gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning .card .image {
  flex-shrink: 0;
  width: min(367px, 25.4861111111vw);
}

.gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning .card .text-container {
  display: flex;
  flex-direction: column;
  row-gap: min(20px, 1.3888888889vw);
}

.gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning .card .text-container .title {
  font-size: min(24px, 1.6666666667vw);
  font-feature-settings: "pwid";
  font-weight: 700;
  line-height: 1.5;
  color: #1b7c3b;
}

.gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning .card .text {
  display: flex;
  flex-direction: column;
  row-gap: min(20px, 1.3888888889vw);
}

.gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning .card .text p {
  font-size: min(18px, 1.25vw);
  font-weight: 400 !important;
  font-feature-settings: "pwid" !important;
  line-height: 1.75 !important;
  color: #242424 !important;
  text-align: left !important;
}

/* レベル別のボーダー色・矢印色設定 */
.gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning .card-item.basic .card a {
  border-color: #d0e7d3 !important;
  /* ベーシック：薄緑 */
}

.gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning .card-item.advanced .card a {
  border-color: #d5f0ff !important;
  /* アドバンスト：薄青 */
}

.gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning .card-item.specialist .card a {
  border-color: #f1d6ec !important;
  /* スペシャリスト：薄紫 */
}

.gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning .card-item.biz .card a {
  border-color: #cafaf7 !important;
  /* BIZ：薄スカイブルー */
}

/* レベル別の矢印色設定 */
.gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning .card-item.basic .card .arrow img,
.gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning .card-item.basic .card .icon img {
  filter: invert(41%) sepia(13%) saturate(2153%) hue-rotate(87deg) brightness(90%) contrast(97%) !important;
  /* ベーシック：緑 */
}

.gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning .card-item.advanced .card .arrow img,
.gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning .card-item.advanced .card .icon img {
  filter: invert(25%) sepia(18%) saturate(1877%) hue-rotate(200deg) brightness(94%) contrast(91%) !important;
  /* アドバンスト：青 */
}

.gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning .card-item.specialist .card .arrow img,
.gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning .card-item.specialist .card .icon img {
  filter: invert(25%) sepia(18%) saturate(1877%) hue-rotate(300deg) brightness(94%) contrast(91%) !important;
  /* スペシャリスト：紫 */
}

.gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning .card-item.biz .card .arrow img,
.gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning .card-item.biz .card .icon img {
  filter: invert(48%) sepia(48%) saturate(7318%) hue-rotate(163deg) brightness(94%) contrast(101%) !important;
  /* BIZ：スカイブルー */
}

.gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning .card .text p span {
  font-weight: 700;
}

.gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning .card .arrow,
.gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning .card .icon {
  width: min(24px, 1.6666666667vw);
  position: absolute;
  right: min(20px, 1.3888888889vw);
  bottom: min(20px, 1.3888888889vw);
}

.gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning .card .arrow img,
.gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning .card .icon img {
  filter: invert(41%) sepia(13%) saturate(2153%) hue-rotate(87deg) brightness(90%) contrast(97%);
}

.gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning .card .arrow {
  transition: transform 0.3s ease-out;
}

.gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning .card .icon img {
  transition: filter 0.3s ease-out;
}

/* note スタイル */
.gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning .note {
  font-size: min(12px, 0.8333333333vw);
  font-feature-settings: "pwid";
  line-height: 1.2;
  text-align: right;
  color: #242424;
  margin-top: min(40px, 2.7777777778vw);
}

/* レスポンシブ対応 */
@media (max-width: 751px) {
  .gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning {
    margin-top: 10.2564102564vw;
  }

  .gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning .head-container {
    column-gap: 4.1025641026vw;
    margin-bottom: 10.2564102564vw;
  }

  .gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning .head-container .icon {
    width: 5.1282051282vw;
  }

  .gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning .head-container .head {
    font-size: 5.641025641vw;
  }

  .gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning .head-container .head span {
    font-size: 4.1025641026vw;
  }

  .gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning .card-list {
    row-gap: 10.2564102564vw;
  }

  .gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning .card-item .course-title {
    font-size: 5.641025641vw;
    margin-bottom: 5.1282051282vw;
  }

  .gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning .card a {
    flex-direction: column;
    row-gap: 3.0769230769vw;
    padding: 4.1025641026vw;
  }

  .gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning .card .image {
    width: 69.2307692308vw;
  }

  .gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning .card .text-container {
    row-gap: 2.0512820513vw;
  }

  .gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning .card .text-container .title {
    font-size: 5.1282051282vw;
  }

  .gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning .card .text {
    row-gap: 2.0512820513vw;
  }

  .gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning .card .text p {
    font-size: 4.6153846154vw;
  }

  .gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning .card-item .course-title {
    font-size: 5.1282051282vw !important;
    line-height: 1.5 !important;
  }

  .gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning .card .arrow,
  .gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning .card .icon {
    width: 4.1025641026vw;
  }

  .gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning .note {
    font-size: 3.0769230769vw;
    margin-top: 7.6923076923vw;
  }
}

/* レベル別のカードタイトル色設定 */
.gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning .card-item.basic .card .text-container .title {
  color: #1b7c3b !important;
  /* ベーシック：緑 */
}

.gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning .card-item.advanced .card .text-container .title {
  color: #015389 !important;
  /* アドバンスト：青 */
}

.gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning .card-item.specialist .card .text-container .title {
  color: #8f2f7b !important;
  /* スペシャリスト：紫 */
}

.gx-wrapper .gx-learning .top-schedule .panel-area .panel .box.learning .card-item.biz .card .text-container .title {
  color: #0094a8 !important;
  /* BIZ：スカイブルー */
}

/* タブ内の推薦図書用スタイル */
.gx-wrapper .panel .box.book {
  background-color: #fff;
  border-radius: min(12px, 0.8333333333vw);
  padding: min(68px, 4.7222222222vw);
}

.gx-wrapper .panel .box.book .card-container {
  display: grid;
  gap: min(20px, 1.3888888889vw);
  grid-template-columns: repeat(2, min(488px, 33.8888888889vw));
  justify-content: center;
  margin-top: min(60px, 4.1666666667vw);
}

.gx-wrapper .panel .box.book .card .image {
  width: min(200px, 13.8888888889vw);
}

.gx-wrapper .panel .box.book .card .text-container .title {
  font-size: min(20px, 1.3888888889vw);
}

.gx-wrapper .panel .box.book .card-list {
  display: flex;
  flex-direction: column;
  row-gap: min(60px, 4.1666666667vw);
}

.gx-wrapper .panel .box.book .head-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  -moz-column-gap: min(12px, 0.8333333333vw);
  column-gap: min(12px, 0.8333333333vw);
  margin-bottom: min(68px, 4.7222222222vw);
}

.gx-wrapper .panel .box.book .head-container .icon {
  width: min(40px, 2.7777777778vw);
}

.gx-wrapper .panel .box.book .head-container .icon img {
  filter: invert(41%) sepia(13%) saturate(2153%) hue-rotate(87deg) brightness(90%) contrast(97%);
}

.gx-wrapper .panel .box.book .head-container .head {
  font-size: min(36px, 2.5vw);
  font-feature-settings: "pwid";
  font-weight: 700;
  line-height: 1.1111111111;
  text-align: center;
  color: #242424;
  text-shadow: 0 1px 0 #fff;
}

.gx-wrapper .panel .box.book .head-container .head span {
  font-size: min(20px, 1.3888888889vw);
  line-height: 1.5;
  text-shadow: none;
}

.gx-wrapper .panel .box.book .course-title {
  font-size: min(28px, 1.9444444444vw);
  font-weight: 700;
  line-height: 1.4;
  color: #242424;
  text-align: center;
}

.gx-wrapper .panel .box.book .card a {
  display: flex;
  flex-direction: row;
  -moz-column-gap: min(20px, 1.3888888889vw);
  column-gap: min(20px, 1.3888888889vw);
  background-color: #fff;
  border-style: solid;
  border-color: #d0e7d3;
  border-width: 2px;
  border-radius: min(12px, 0.8333333333vw);
  width: 100%;
  height: 100%;
  padding: min(20px, 1.3888888889vw);
  position: relative;
  transition: border-color 0.3s ease-out;
}

.gx-wrapper .panel .box.book .card .text-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  row-gap: min(20px, 1.3888888889vw);
}

.gx-wrapper .panel .box.book .card .text-container .title {
  font-feature-settings: "pwid";
  font-weight: 700;
  line-height: 1.5;
  color: #1b7c3b;
}

.gx-wrapper .panel .box.book .card .text {
  display: flex;
  flex-direction: column;
  row-gap: min(20px, 1.3888888889vw);
}

.gx-wrapper .panel .box.book .card .text p {
  font-size: min(18px, 1.25vw);
  font-feature-settings: "pwid";
  line-height: 1.75;
  color: #242424 !important;
  text-align: left !important;
}

/* より高い詳細度で上書き */
.gx-wrapper .gx-learning .panel .box.book .card .text p {
  font-size: min(18px, 1.25vw);
  font-feature-settings: "pwid" !important;
  line-height: 1.75 !important;
  color: #242424 !important;
  text-align: left !important;
  font-weight: 400 !important;
}

.gx-wrapper .panel .box.book .card {
  display: flex;
  justify-content: center;
  align-items: center;
}

.gx-wrapper .panel .box.book .card .image {
  flex-shrink: 0;
}

.gx-wrapper .panel .box.book .card .icon {
  position: absolute;
  right: min(20px, 1.3888888889vw);
  bottom: min(20px, 1.3888888889vw);
  width: min(24px, 1.6666666667vw);
}

.gx-wrapper .panel .box.book .card .icon img {
  filter: invert(41%) sepia(13%) saturate(2153%) hue-rotate(87deg) brightness(90%) contrast(97%);
  transition: filter 0.3s ease-out;
}

@media (max-width: 751px) {
  .gx-wrapper .panel .box.book {
    border-radius: 2.0512820513vw;
    padding: 10.2564102564vw 0vw 5.1282051282vw;
  }

  .gx-wrapper .panel .box.book .card .image {
    width: 30.7692307692vw;
  }

  .gx-wrapper .panel .box.book .card .text-container .title {
    font-size: 5.1282051282vw;
  }

  .gx-wrapper .panel .box.book .card-list {
    row-gap: 12.8205128205vw;
  }

  .gx-wrapper .panel .box.book .head-container {
    -moz-column-gap: 3.0769230769vw;
    column-gap: 3.0769230769vw;
    margin-bottom: 8.2051282051vw;
  }

  .gx-wrapper .panel .box.book .head-container .icon {
    width: 5.1282051282vw;
  }

  .gx-wrapper .panel .box.book .head-container .head {
    font-size: 5.1282051282vw;
    line-height: 1.5;
    text-shadow: none;
  }

  .gx-wrapper .panel .box.book .head-container .head span {
    font-size: 4.1025641026vw;
    font-weight: 500;
    line-height: 1.5;
  }

  .gx-wrapper .panel .box.book .card-container {
    display: flex;
    flex-direction: column;
    gap: 4.1025641026vw;
    margin-top: 7.6923076923vw;
  }

  .gx-wrapper .panel .box.book .course-title {
    font-size: 5.1282051282vw;
    line-height: 1.5;
  }

  .gx-wrapper .panel .box.book .card a {
    flex-direction: column;
    align-items: center;
    row-gap: 5.1282051282vw;
    border-radius: 3.0769230769vw;
    padding: 5.1282051282vw 5.1282051282vw 9.2307692308vw;
  }

  .gx-wrapper .panel .box.book .card .text-container {
    row-gap: 5.1282051282vw;
    width: 100%;
  }

  .gx-wrapper .panel .box.book .card .text-container .title {
    line-height: 1.5;
  }

  .gx-wrapper .panel .box.book .card .text {
    row-gap: 2.0512820513vw;
  }

  .gx-wrapper .gx-learning .panel .box.book .card .text p {
    font-size: 3.5897435897vw;
    line-height: 1.5;
  }

  .gx-wrapper .panel .box.book .card .icon {
    width: 5.1282051282vw;
    right: 3.5897435897vw;
    bottom: 3.5897435897vw;
  }
}

/* スマートフォン用タブ関連CSS - GX Learning */
@media (max-width: 751px) {
  .gx-wrapper .gx-top .top-schedule .inner {
    padding-block: 10.2564102564vw;
  }

  .gx-wrapper .gx-top .top-schedule .tab-container {
    border-radius: 3.0769230769vw;
    padding-top: 5.1282051282vw;
    padding-inline: 2.5641025641vw;
    padding-bottom: 2.5641025641vw;
  }

  .gx-wrapper .gx-top .top-schedule .tab-area {
    display: flex;
    flex-direction: row;
    row-gap: 0;
    column-gap: 1.2820512821vw;
    position: relative;
    justify-content: flex-start;
  }

  .gx-wrapper .gx-top .top-schedule .tab-area .tab {
    width: auto;
    flex: 1;
    height: auto;
    min-height: 12.3076923077vw !important;
    padding: 2.5641025641vw 1.2820512821vw !important;
    position: relative;
    left: auto;
    right: auto;
    border-radius: 1.2820512821vw;
  }

  .gx-wrapper .gx-top .top-schedule .tab-area .tab01,
  .gx-wrapper .gx-top .top-schedule .tab-area .tab02,
  .gx-wrapper .gx-top .top-schedule .tab-area .tab03,
  .gx-wrapper .gx-top .top-schedule .tab-area .tab04 {
    left: auto;
    right: auto;
    border-top-right-radius: 2.5641025641vw;
    border-top-left-radius: 2.5641025641vw;
  }

  .gx-wrapper .gx-top .top-schedule .tab-area .tab.active {
    height: auto;
    min-height: 6.1538461538vw;
  }

  .gx-wrapper .gx-top .top-schedule .tab-area .tab::before {
    display: none;
  }

  .gx-wrapper .gx-top .top-schedule .tab-area .label {
    font-size: 4.6153846154vw;
    line-height: 1.2;
  }

  .gx-wrapper .gx-top .top-schedule .tab-area .tab.active .label {
    font-size: 5.3846153846vw;
  }

  .gx-wrapper .gx-top .top-schedule .tab-area .en {
    position: relative;
    font-size: 9.2307692308vw;
    opacity: 0.2;
    visibility: visible;
    top: auto;
    right: auto;
  }

  .gx-wrapper .gx-top .top-schedule .tab-area .tab.active .en {
    opacity: 0.2;
  }

  /* より詳細度の高いセレクタでスマートフォン用タブ配置を上書き */
  .gx-wrapper .gx-learning .top-schedule .tab-area .tab01,
  .gx-wrapper .gx-learning .top-schedule .tab-area .tab02,
  .gx-wrapper .gx-learning .top-schedule .tab-area .tab03,
  .gx-wrapper .gx-learning .top-schedule .tab-area .tab04 {
    left: auto !important;
    right: auto !important;
    width: auto !important;
    flex: 1 !important;
    position: relative !important;
  }

  /* スマートフォン用の高さとスタイルを強制適用 */
  .gx-wrapper .gx-learning .top-schedule .tab-area .tab.active {
    height: auto !important;
    min-height: 6.1538461538vw !important;
    pointer-events: auto !important;
  }

  .gx-wrapper .gx-learning .top-schedule .tab-area .tab01.active,
  .gx-wrapper .gx-learning .top-schedule .tab-area .tab02.active,
  .gx-wrapper .gx-learning .top-schedule .tab-area .tab03.active,
  .gx-wrapper .gx-learning .top-schedule .tab-area .tab04.active {
    border-top-right-radius: 1.2820512821vw !important;
    border-top-left-radius: 1.2820512821vw !important;
  }

  /* スマートフォン用のフォントサイズを強制適用 */
  .gx-wrapper .gx-learning .top-schedule .tab-area .tab .label {
    font-size: 4.6153846154vw !important;
    line-height: 1.2 !important;
  }

  .gx-wrapper .gx-learning .top-schedule .tab-area .tab.active .label {
    font-size: 5.3846153846vw !important;
    line-height: 1.2 !important;
  }

  .gx-wrapper .gx-learning .top-schedule .tab-area .tab .en {
    font-size: 9.2307692308vw !important;
  }

  /* スマートフォン用のタブの高さを強制適用 */
  .gx-wrapper .gx-learning .top-schedule .tab-area .tab {
    min-height: 12.3076923077vw !important;
    padding: 2.5641025641vw 1.2820512821vw !important;
    position: relative !important;
    bottom: auto !important;
    width: auto !important;
    flex: 1 !important;
  }

  .gx-wrapper .gx-top .top-schedule .panel-area {
    margin-top: 5.1282051282vw;
  }

  .gx-wrapper .gx-top .top-schedule .panel-area .panel {
    flex-direction: column;
    row-gap: 5.1282051282vw;
    border-radius: 3.0769230769vw;
    padding: 5.1282051282vw;
  }

  .gx-wrapper .gx-top .top-schedule .panel-area .panel .image {
    width: 100%;
  }

  .gx-wrapper .gx-top .top-schedule .panel-area .panel .text-container {
    width: 100%;
  }

  .gx-wrapper .gx-top .top-schedule .panel-area .panel .text-container .row {
    grid-template-columns: 30.7692307692vw auto;
    padding-block: 2.5641025641vw;
  }

  .gx-wrapper .gx-top .top-schedule .panel-area .panel .text-container dt {
    font-size: 4.1025641026vw;
    line-height: 1.5;
  }

  .gx-wrapper .gx-top .top-schedule .panel-area .panel .text-container dd {
    font-size: 4.1025641026vw;
    line-height: 1.5;
  }

  .gx-wrapper .gx-top .top-schedule .panel-area .panel .text-container .tab {
    padding-right: 6.1538461538vw;
  }

  .gx-wrapper .gx-top .top-schedule .panel-area .panel .text-container .tab .icon {
    width: 5.1282051282vw;
  }

  .gx-wrapper .gx-top .top-schedule .panel-area .panel .text-container .text {
    font-size: 4.1025641026vw;
    line-height: 1.5;
    margin-top: 5.1282051282vw;
  }

  .gx-wrapper .gx-top .top-schedule .panel-area .panel .button,
  .gx-wrapper .gx-top .top-schedule .panel-area .panel .button-group {
    height: 12.8205128205vw;
    margin-top: 7.6923076923vw;
  }

  .gx-wrapper .gx-top .top-schedule .panel-area .panel .button a {
    font-size: 4.6153846154vw;
    border-radius: 2.5641025641vw;
    padding-block: 3.5897435897vw;
  }

  .gx-wrapper .gx-top .top-schedule .panel-area .panel .button a .icon {
    width: 6.1538461538vw;
    right: 5.1282051282vw;
  }
}

/*# 井上追加　タイトル下カスタムフィールド設定*/

.gx-wrapper .gx-schedule .schedule .panel-container .panel .panel-under-title-textarea {
  margin-top: 60px;
  font-size: min(18px, 1.25vw);
}

@media (max-width: 751px) {
  .gx-wrapper .gx-schedule .schedule .panel-container .panel .panel-under-title-textarea {
    font-size: 16px;
  }
}

/*# 井上追加　 GX検定オンライン無料勉強会追加分*/

.gx-wrapper .gx-information-session .information-session .panel-area .panel.ver02.active {
  flex-wrap: wrap;
}

.gx-wrapper .gx-information-session .information-session .panel-area .panel .image-wrap {
  display: block;
  width: 100%;
  flex: 0 0 50%;
  margin: auto;
  margin-bottom: 40px;
}

.speaker-container {
  margin-top: 0px;
}

.speaker-container-ttl {
  padding-left: 10px;
  border-left: 4px solid #1b7c3b;
  font-size: min(16px, 1.1111111111vw);
  font-weight: 700;
  font-feature-settings: "pwid";
  line-height: 1.6;
  color: #242424;
}

.speaker-container-box {
  display: flex;
  margin-top: 30px;
  gap: 25px;
}

.speaker-container-box-right {
  flex: 1;
}

.speaker-container-box-right-ttl {
  font-size: min(16px, 1.1111111111vw);
  font-weight: 700;
  font-feature-settings: "pwid";
  line-height: 1.6;
  color: #242424;
}

.speaker-container-box-right-subttl {
  font-size: min(15px, 1.1111111111vw);
  font-weight: 700;
  font-feature-settings: "pwid";
  line-height: 1.6;
  color: #242424;
}

.speaker-container-box-right-text {
  margin-top: 10px;
  font-size: min(15px, 1.1111111111vw);
  font-feature-settings: "pwid";
  line-height: 1.6;
  color: #242424;
}

@media screen and (max-width: 751px) {
  .gx-wrapper .gx-information-session .information-session .slider-container .image {
    padding-inline: 9.2307692308vw;
  }

  .speaker-container {
    margin-top: 20px;
  }

  .speaker-container-ttl {
    padding-left: 10px;
    border-left: 4px solid #1b7c3b;
    font-size: 3.5897435897vw;
    font-weight: 700;
    margin: 0 9.2307692308vw;
  }

  .speaker-container-box {
    margin-top: 30px;
    gap: 3.025641vw;
    padding-inline: 9.2307692308vw;
  }

  .speaker-container-box-right-ttl {
    font-size: 3.5897435897vw;
    font-weight: 700;
    font-feature-settings: "pwid";
    line-height: 1.5;
    color: #242424;
  }

  .speaker-container-box-right-subttl {
    font-size: 3.5897435897vw;
    font-weight: 400;
    font-feature-settings: "pwid";
    line-height: 1.5;
    color: #242424;
  }

  .speaker-container-box-right-text {
    margin-top: 10px;
    font-size: 3.5897435897vw;
    font-weight: 400;
    font-feature-settings: "pwid";
    line-height: 1.5;
    color: #242424;
  }

  .speaker-container-box-image {
    width: 70px;
  }
}

/* ========================================
   gx-advanced専用 - c-change（アドバンストを取得することでの変化）
======================================== */

.gx-wrapper .gx-advanced .c-change {
  padding-block: min(120px, 8.3333333333vw);
}

.gx-wrapper .gx-advanced .c-change .inner {
  width: min(1200px, 83.3333333333vw);
  margin-inline: auto;
}

.gx-wrapper .gx-advanced .c-change .content-wrapper {
  display: flex;
  gap: min(88px, 6.25vw);
  margin-top: min(60px, 4.1666666667vw);
}

/* 左側：タブエリア */
.gx-wrapper .gx-advanced .c-change .tab-area {
  display: flex;
  flex-direction: column;
  gap: 0;
  flex-shrink: 0;
  width: min(264px, 18.3333333333vw);
}

.gx-wrapper .gx-advanced .c-change .tab-item {
  display: flex;
  align-items: center;
  gap: min(12px, 0.8333333333vw);
  background-color: transparent;
  color: #404040;
  width: min(264px, 18.3333333333vw);
  height: min(80px, 5.5555555556vw);
  padding-left: min(16px, 1.1111111111vw);
  font-size: min(16px, 1.1111111111vw);
  font-weight: 700;
  line-height: 1.6;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  border-bottom: 1px solid #d9d9d9;
}

/* 非アクティブ時の矢印は非表示 */
.gx-wrapper .gx-advanced .c-change .tab-item::after {
  content: "";
  position: absolute;
  top: 0;
  right: -18px;
  width: 18px;
  height: 100%;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  background-color: #65a078;
  pointer-events: none;
  display: none;
}

/* アクティブ時のスタイル */
.gx-wrapper .gx-advanced .c-change .tab-item.active {
  background-color: #65a078;
  color: #ffffff;
}

.gx-wrapper .gx-advanced .c-change .tab-item.active::after {
  display: block;
}

.gx-wrapper .gx-advanced .c-change .tab-item .icon {
  width: min(24px, 1.6666666667vw);
  height: min(24px, 1.6666666667vw);
  flex-shrink: 0;
}

/* 非アクティブ時のアイコン（#1B7C3B） */
.gx-wrapper .gx-advanced .c-change .tab-item .icon img {
  width: 100%;
  height: 100%;
  filter: brightness(0) saturate(100%) invert(34%) sepia(19%) saturate(1193%) hue-rotate(92deg) brightness(91%) contrast(92%);
}

/* アクティブ時のアイコン（#fff） */
.gx-wrapper .gx-advanced .c-change .tab-item.active .icon img {
  filter: none;
}

/* 右側：コンテンツエリア */
.gx-wrapper .gx-advanced .c-change .content-area {
  flex: 1;
}

.gx-wrapper .gx-advanced .c-change .panel-container {
  width: 100%;
}

.gx-wrapper .gx-advanced .c-change .panel-container .panel {
  display: none;
}

.gx-wrapper .gx-advanced .c-change .panel-container .panel.active {
  display: block;
}

.gx-wrapper .gx-advanced .c-change .card-wrapper {
  display: flex;
  align-items: stretch;
  gap: min(10px, 0.7291666667vw);
}

.gx-wrapper .gx-advanced .c-change .card {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background-color: transparent;
}

.gx-wrapper .gx-advanced .c-change .card-head {
  padding: min(20px, 1.3888888889vw);
  text-align: center;
}

.gx-wrapper .gx-advanced .c-change .card-basic .card-head {
  background-color: #d0e7d3;
  color: #1b7c3b;
}

.gx-wrapper .gx-advanced .c-change .card-advanced .card-head {
  background-color: #d4e8f3;
  color: #015389;
}

.gx-wrapper .gx-advanced .c-change .card-title {
  font-size: min(20px, 1.3888888889vw);
  font-weight: 700;
  line-height: 1.5;
  color: inherit;
}

.gx-wrapper .gx-advanced .c-change .card-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  text-align: left;
  background-color: #f8f8f8;
  padding: min(20px, 1.3888888889vw);
  margin-top: min(16px, 1.1111111111vw);
}

.gx-wrapper .gx-advanced .c-change .card-text {
  margin: 0;
  font-size: min(18px, 1.25vw);
  line-height: 1.75;
  color: #242424;
}

.gx-wrapper .gx-advanced .c-change .card-text+.card-list {
  margin-top: min(16px, 1.1111111111vw);
}

.gx-wrapper .gx-advanced .c-change .card-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: min(16px, 1.1111111111vw);
}

.gx-wrapper .gx-advanced .c-change .card-list .item {
  font-size: min(18px, 1.25vw);
  font-weight: 400;
  line-height: 1.8;
  color: #242424;
  padding-left: min(24px, 1.6666666667vw);
  position: relative;
}

.gx-wrapper .gx-advanced .c-change .card-list .item::before {
  content: "";
  display: block;
  width: min(6px, 0.4166666667vw);
  height: min(6px, 0.4166666667vw);
  background-color: #242424;
  border-radius: 50%;
  position: absolute;
  left: min(8px, 0.5555555556vw);
  top: min(12px, 0.8333333333vw);
}

.gx-wrapper .gx-advanced .c-change .card-list .item .emphasis {
  font-weight: 700;
}

.gx-wrapper .gx-advanced .c-change .arrow-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.gx-wrapper .gx-advanced .c-change .arrow-icon img {
  width: 20px;
  height: 80px;
}

/* SP時のスタイル */
@media (max-width: 751px) {
  .gx-wrapper .gx-advanced .c-change {
    padding-block: 10.2564102564vw;
  }

  .gx-wrapper .gx-advanced .c-change .inner {
    width: 91.7948717949vw;
  }

  .gx-wrapper .gx-advanced .c-change .content-wrapper {
    flex-direction: column;
    gap: 7.6923076923vw;
    margin-top: 7.6923076923vw;
  }

  .gx-wrapper .gx-advanced .c-change .tab-area {
    display: flex;
    flex-direction: row;
    width: 100vw;
    margin-inline: calc(50% - 50vw);
    gap: 0;
    border-bottom: 3px solid #65a078;
    overflow: visible;
  }

  .gx-wrapper .gx-advanced .c-change .tab-item {
    flex: 1;
    height: auto;
    padding: 12px 8px;
    font-size: 14px;
    color: #1b7c3b;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  .gx-wrapper .gx-advanced .c-change .tab-item::after {
    display: none !important;
  }

  .gx-wrapper .gx-advanced .c-change .tab-item .icon {
    display: none;
  }

  .gx-wrapper .gx-advanced .c-change .tab-item.active {
    background-color: #65a078;
    color: #ffffff;
    border-bottom-color: #65a078;
    position: relative;
  }

  .gx-wrapper .gx-advanced .c-change .tab-item.active::after {
    content: "";
    display: block !important;
    position: absolute;
    left: 50%;
    top: auto;
    right: auto;
    bottom: -7px;
    transform: translateX(-50%);
    width: 11px;
    height: 4px;
    border: none;
    background-image: url("/assets-gx-new/images/icon/Arrow_Small_Down_Green.svg");
    background-repeat: no-repeat;
    background-color: transparent;
    clip-path: none;
    background-position: center;
    background-size: contain;
  }

  .gx-wrapper .gx-advanced .c-change .card-wrapper {
    flex-direction: column;
    gap: 5.1282051282vw;
  }

  .gx-wrapper .gx-advanced .c-change .card-head {
    padding: 3.5897435897vw;
  }

  .gx-wrapper .gx-advanced .c-change .card-title {
    font-size: 20px;
  }

  .gx-wrapper .gx-advanced .c-change .card-body {
    padding: 5.1282051282vw;
    margin-top: 16px;
  }

  .gx-wrapper .gx-advanced .c-change .card-text {
    font-size: 18px;
    line-height: 1.7;
  }

  .gx-wrapper .gx-advanced .c-change .card-text+.card-list {
    margin-top: 3.5897435897vw;
  }

  .gx-wrapper .gx-advanced .c-change .card-list .item .emphasis {
    font-weight: 700;
  }

  .gx-wrapper .gx-advanced .c-change .card-list {
    gap: 3.5897435897vw;
  }

  .gx-wrapper .gx-advanced .c-change .card-list .item {
    font-size: 18px;
    padding-left: 5.1282051282vw;
  }

  .gx-wrapper .gx-advanced .c-change .card-list .item::before {
    width: 1.2820512821vw;
    height: 1.2820512821vw;
    left: 1.5384615385vw;
    top: 3.0769230769vw;
  }

  .gx-wrapper .gx-advanced .c-change .arrow-icon {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .gx-wrapper .gx-advanced .c-change .arrow-icon img {
    width: 80px;
    height: 20px;
  }
}

/* ========================================
   gx検定　ctaバナー設置　202501 井上
======================================== */

.gx-wrapper .c-cta01__bannerArea {
  width: 60%;
  margin: auto;
  margin-bottom: 40px;
  cursor: pointer;
}

.gx-wrapper .c-cta01__bannerArea .c-cta01__banner {
  display: inline-block;
}

.gx-wrapper .c-cta01__bannerArea .c-cta01__banner:not(:first-of-type) {
  margin-top: 20px;
}

@media (max-width: 768px) {

  .gx-wrapper .c-cta01__bannerArea {
    width: 80%;
    margin: auto;
    margin-bottom: 25px;
    cursor: pointer;
  }

}

/* ========================================
   gx検定TOP　ctaバナー設置　202501 井上
======================================== */

.gx-wrapper .c-topSchedule__bannerArea {
  width: 850px;
  margin: auto;
  margin-bottom: 40px;
  cursor: pointer;
}

.gx-wrapper .c-topSchedule__bannerArea .c-topSchedule__banner {
  display: inline-block;
}

.gx-wrapper .c-topSchedule__bannerArea .c-topSchedule__banner:not(:first-of-type) {
  margin-top: 20px;
}

@media (max-width: 768px) {

  .gx-wrapper .c-topSchedule__bannerArea {
    width: 80%;
    margin: auto;
    margin-bottom: 25px;
    cursor: pointer;
  }

}


/* ========================================
   gx検定TOP　ctaバナー設置 footer　202501 井上
======================================== */

.gx-wrapper .c-topFooter__bannerArea {
  width: 70%;
  margin: 80px auto 40px auto;
  cursor: pointer;
  display: flex;
  justify-content: center;
  gap: 25px;
  flex-wrap: wrap;
}

.gx-wrapper .c-topFooter__bannerArea .c-topFooter__banner {
  display: inline-block;
  width: 48%;
}


@media (max-width: 768px) {

  .gx-wrapper .c-topFooter__bannerArea {
    width: 80%;
    margin: auto;
    margin-bottom: 25px;
    cursor: pointer;
  }

  .gx-wrapper .c-topFooter__bannerArea .c-topFooter__banner {
    width: auto;
  }
}