body.top {
  color: #1E1B19;
}

.top .pc {
  display: inherit;
}
@media screen and (max-width: 1024px) {
  .top .pc {
    display: none;
  }
}
.top .tb {
  display: none;
}
@media screen and (max-width: 1024px) {
  .top .tb {
    display: inherit;
  }
}
@media screen and (max-width: 767px) {
  .top .tb {
    display: none;
  }
}
.top .sp {
  display: none;
}
@media screen and (max-width: 767px) {
  .top .sp {
    display: inherit;
  }
}
.top img {
  width: 100%;
}
.top .logo img {
  width: auto;
}
.top .fv {
  height: 46.88vw;
  padding: 22.66vw 3.98vw 2.5vw;
  position: relative;
  background: url("../assets/top/fv.jpg") no-repeat 100% / cover;
}
@media screen and (max-width: 1024px) {
  .top .fv {
    height: 75vw;
    padding: 0;
    background: url("../assets/top/fv-tb.jpg") no-repeat 100% / cover;
  }
}
@media screen and (max-width: 767px) {
  .top .fv {
    height: 160vw;
    background: url("../assets/top/fv-sp.jpg") no-repeat 100% / cover;
  }
}
.top .fv-b {
  width: 46.875vw;
  position: absolute;
  top: -3.36vw;
  right: 0;
}
@media screen and (max-width: 1024px) {
  .top .fv-b {
    width: 48vw;
  }
}
@media screen and (max-width: 767px) {
  .top .fv-b {
    width: 100%;
    position: static;
    top: 0;
  }
}
.top .fv-cont {
  position: absolute;
  right: 3.98vw;
}
@media screen and (max-width: 1024px) {
  .top .fv-cont {
    width: 100%;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    bottom: 0;
    text-align: center;
  }
}
.top .fv-cont p {
  margin-bottom: 1.875vw;
  font-size: 2.66vw;
  font-weight: 700;
  letter-spacing: 2.72px;
  line-height: 150%;
  color: #3E3A39;
}
@media screen and (max-width: 1024px) {
  .top .fv-cont p {
    margin-bottom: 1.5vw;
    font-size: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  .top .fv-cont p {
    margin-bottom: 3.2vw;
    font-size: 4.27vw;
    line-height: 140%;
    letter-spacing: 1px;
  }
}
.top .fv-cont h1 {
  margin-bottom: 2.34375vw;
  color: #03A4C1;
  font-size: 3.13vw;
  letter-spacing: 1.6px;
  line-height: 100%;
  font-weight: 900;
}
@media screen and (max-width: 1024px) {
  .top .fv-cont h1 {
    margin-bottom: 3vw;
    font-size: 4.25vw;
    letter-spacing: 0.68px;
  }
}
@media screen and (max-width: 767px) {
  .top .fv-cont h1 {
    font-size: 6.93vw;
    margin-bottom: 6.4vw;
  }
}
.top .fv-logo {
  width: 33.91vw;
}
@media screen and (max-width: 1024px) {
  .top .fv-logo {
    width: 45.13vw;
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  .top .fv-logo {
    width: 77.07vw;
  }
}
.top .logo {
  padding: 3.125vw 0;
}
@media screen and (max-width: 1024px) {
  .top .logo {
    padding: 5vw 0;
  }
}
@media screen and (max-width: 767px) {
  .top .logo {
    padding: 6.4vw 0;
  }
}
.top .intro {
  padding: 0 3.125vw;
}
@media screen and (max-width: 1024px) {
  .top .intro {
    padding: 0 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  .top .intro {
    padding: 10.6666666667vw 4.2666666667vw;
  }
}
.top .intro-ttl {
  text-align: center;
}
.top .intro-ttl p {
  width: max-content;
  position: relative;
  padding: 0 0 0.25rem;
  margin: 0 auto 2.3125rem;
  border-bottom: 0.125rem solid var(--ib-blu);
  font-size: 2.5vw;
  font-weight: 700;
  letter-spacing: -0.96px;
}
@media screen and (max-width: 1024px) {
  .top .intro-ttl p {
    font-size: 3.25vw;
    letter-spacing: -0.78px;
  }
}
@media screen and (max-width: 767px) {
  .top .intro-ttl p {
    font-size: 5.3333333333vw;
    letter-spacing: -0.6px;
  }
}
.top .intro-ttl p::before, .top .intro-ttl p::after {
  --w: 0.9375rem;
  --h: 0.625rem;
  content: "";
  position: absolute;
  display: block;
  background: var(--ib-blu);
  left: calc(50% - var(--w) / 2);
  bottom: calc(-1 * var(--h));
  width: var(--w);
  height: var(--h);
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.top .intro-ttl p::before {
  --w: 1.5rem;
  --h: 0.9375rem;
}
.top .intro-ttl p::after {
  --w: 1.3125rem;
  --h: 0.8203125rem;
  bottom: calc(-1 * var(--h) + 0.0625rem);
  background: var(--ib-bg-clr);
}
.top .intro-ttl h2 {
  font-size: 3.75vw;
  letter-spacing: -1.92px;
}
@media screen and (max-width: 1024px) {
  .top .intro-ttl h2 {
    line-height: 140%;
    font-size: 4.5vw;
    letter-spacing: -1.44px;
  }
}
@media screen and (max-width: 767px) {
  .top .intro-ttl h2 {
    font-size: 7.4666666667vw;
    letter-spacing: -1.12px;
  }
}
.top .intro-mock {
  position: relative;
}
@media screen and (max-width: 1024px) {
  .top .intro-mock {
    margin-top: 3.125vw;
  }
}
@media screen and (max-width: 767px) {
  .top .intro-mock {
    margin-top: 8vw;
  }
}
.top .intro .p-home__cta {
  justify-content: center;
  gap: 3.125vw;
  margin-top: 1.5625vw;
}
@media screen and (max-width: 1024px) {
  .top .intro .p-home__cta {
    gap: 4vw;
    margin-top: 3.75vw;
  }
  .top .intro .p-home__cta .c-btn__inr {
    height: 8vw;
    font-size: 2vw;
    letter-spacing: -0.08px;
  }
}
@media screen and (max-width: 767px) {
  .top .intro .p-home__cta {
    position: static;
    flex-direction: column;
    gap: 6.4vw;
  }
  .top .intro .p-home__cta .c-btn__inr {
    height: 17.0666666667vw;
    font-size: 3.7333333333vw;
    letter-spacing: -0.07px;
    padding: 1.125rem 2.5rem 1.125rem 1.125rem;
  }
}
.top .intro .p-home__cta .c-btn {
  width: 17.5vw;
}
@media screen and (max-width: 1024px) {
  .top .intro .p-home__cta .c-btn {
    width: 25vw;
    height: 8vw;
  }
  .top .intro .p-home__cta .c-btn i {
    width: 6vw;
    height: 6vw;
    justify-content: center;
    top: 50%;
    transform: translateY(-50%);
  }
  .top .intro .p-home__cta .c-btn i svg {
    width: 1.375vw;
    height: 1.375vw;
  }
}
@media screen and (max-width: 767px) {
  .top .intro .p-home__cta .c-btn {
    width: 50.1333333333vw;
    height: 17.0666666667vw;
  }
  .top .intro .p-home__cta .c-btn i {
    display: flex;
    width: 12.8vw;
    height: 12.8vw;
    padding: 0;
    right: 1.33vw;
  }
  .top .intro .p-home__cta .c-btn i svg {
    width: 2.9333333333vw;
    height: 2.9333333333vw;
  }
}
.top .intro .p-home__cta .c-btn path {
  fill: #ff3d3d;
}
.top .intro .p-home__cta .c-btn.-red {
  width: 20.625vw;
}
@media screen and (max-width: 1024px) {
  .top .intro .p-home__cta .c-btn.-red {
    width: 29vw;
  }
}
@media screen and (max-width: 767px) {
  .top .intro .p-home__cta .c-btn.-red {
    width: 57.6vw;
    height: 17.0666666667vw;
  }
}
.top .intro .p-home__cta .c-btn.-red path {
  fill: #3e3a39;
}
.top .intro .p-home__cta a {
  font-size: 1.5625vw;
  letter-spacing: -0.1px;
  line-height: 150%;
}
.top .data {
  margin: 5vw 0 0;
  padding: 5vw 0 0;
  border-top: 0.078125vw solid #DBDADA;
}
@media screen and (max-width: 1024px) {
  .top .data {
    margin: 8vw 0 0;
    padding: 8vw 0 0;
  }
}
@media screen and (max-width: 767px) {
  .top .data {
    margin: 0;
    padding: 10.6666666667vw 0 0;
    border-top: none;
  }
}
.data-inner {
  padding: 0 3.125vw;
}
@media screen and (max-width: 1024px) {
  .data-inner {
    padding: 0 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  .data-inner {
    padding: 0 4.2666666667vw;
  }
}
.top .data-ttl {
  text-align: center;
}
.top .data-ttl p {
  font-weight: 700;
  line-height: 140%;
  letter-spacing: -0.96px;
  font-size: 2.5vw;
  color: #007C98;
}
@media screen and (max-width: 1024px) {
  .top .data-ttl p {
    width: 88.13vw;
    font-size: 3.25vw;
    letter-spacing: -0.78px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  .top .data-ttl p {
    width: auto;
    font-size: 5.3333333333vw;
    letter-spacing: -0.6px;
  }
}
.top .data-ttl h2 {
  margin-top: 1.875vw;
  line-height: 140%;
  letter-spacing: -1.92px;
  font-size: 3.75vw;
}
@media screen and (max-width: 1024px) {
  .top .data-ttl h2 {
    margin-top: 1vw;
    font-size: 4.5vw;
    letter-spacing: -1.44px;
  }
}
@media screen and (max-width: 767px) {
  .top .data-ttl h2 {
    margin-top: 2.1333333333vw;
    font-size: 7.4666666667vw;
    letter-spacing: -1.12px;
  }
}
.top .data-figure {
  width: 77.19vw;
  margin: 3.125vw auto 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 3.125vw 0;
}
@media screen and (max-width: 1024px) {
  .top .data-figure {
    margin-top: 5vw;
    gap: 5vw 0;
    width: 95vw;
  }
}
@media screen and (max-width: 767px) {
  .top .data-figure {
    margin-top: 10.6666666667vw;
    gap: 10.67vw;
    width: 100%;
  }
}
.top .data-figure li {
  display: flex;
  flex-direction: column;
  width: calc(33.3333333333% - 0.78vw);
}
@media screen and (max-width: 1024px) {
  .top .data-figure li {
    width: calc(33.3333333333% - 1.25vw);
  }
}
@media screen and (max-width: 767px) {
  .top .data-figure li {
    width: 100%;
  }
}
.top .data-figure li:last-child {
  width: 100%;
}
.top .data-figure li p {
  margin-top: 0.390625vw;
  color: #1E1B19;
  font-size: 0.9375vw;
  letter-spacing: -0.36px;
  font-weight: 400;
}
@media screen and (max-width: 1024px) {
  .top .data-figure li p {
    margin-top: 0.625vw;
    font-size: 1.5vw;
  }
}
@media screen and (max-width: 767px) {
  .top .data-figure li p {
    font-size: 3.2vw;
  }
}
.top .data-partner {
  margin-top: 5vw;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .top .data-partner {
    margin-top: 8vw;
  }
}
.top .data-partner h3 {
  margin-bottom: 1.88vw;
  font-size: 2.66vw;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: -1.36px;
}
@media screen and (max-width: 1024px) {
  .top .data-partner h3 {
    margin-bottom: 3vw;
    letter-spacing: -0.96px;
    font-size: 3vw;
  }
  .top .data-partner h3 span {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .top .data-partner h3 {
    font-size: 5.33vw;
    letter-spacing: -0.8px;
    line-height: 140%;
  }
}
.top .data-partner__lead {
  display: inline-block;
  font-size: 1.25vw;
  line-height: 160%;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .top .data-partner__lead {
    font-size: 1.63vw;
    letter-spacing: -0.065px;
  }
}
@media screen and (max-width: 767px) {
  .top .data-partner__lead {
    font-size: 3.2vw;
    width: 81.33vw;
    margin: 0 auto;
    letter-spacing: -0.06px;
    margin-bottom: 4.27vw;
  }
}
.top .data-partner__lead span {
  display: block;
}
@media screen and (max-width: 767px) {
  .top .data-partner__lead span {
    display: inline;
  }
}
.top .data-partner__lead::before,
.top .data-partner__lead::after {
  content: "";
  width: 0.16vw;
  height: 3.13vw;
  background-color: #E4E4E3;
  position: absolute;
  bottom: 0;
}
@media screen and (max-width: 1024px) {
  .top .data-partner__lead::before,
  .top .data-partner__lead::after {
    width: 0.25vw;
    height: 5vw;
  }
}
@media screen and (max-width: 767px) {
  .top .data-partner__lead::before,
  .top .data-partner__lead::after {
    width: 0.53vw;
    height: 10.67vw;
  }
}
.top .data-partner__lead::before {
  left: -1.25vw;
  transform: rotate(-35deg);
}
@media screen and (max-width: 1024px) {
  .top .data-partner__lead::before {
    left: -2vw;
  }
}
@media screen and (max-width: 767px) {
  .top .data-partner__lead::before {
    left: -2.67vw;
  }
}
.top .data-partner__lead::after {
  right: -1.25vw;
  transform: rotate(35deg);
}
@media screen and (max-width: 1024px) {
  .top .data-partner__lead::after {
    right: -2vw;
  }
}
@media screen and (max-width: px) {
  .top .data-partner__lead::after {
    right: -2.67vw;
  }
}
.top .point {
  background-color: #F1F8FA;
  padding: 0 3.125vw;
}
@media screen and (max-width: 1024px) {
  .top .point {
    padding: 0 4vw;
  }
}
@media screen and (max-width: 767px) {
  .top .point {
    padding: 0 4.2666666667vw;
  }
}
.top .point-wrap {
  padding: 9.375vw 0;
}
@media screen and (max-width: 1024px) {
  .top .point-wrap {
    padding: 5vw 0;
  }
}
@media screen and (max-width: 767px) {
  .top .point-wrap {
    padding: 10.6666666667vw 0;
  }
}
.top .point-cont {
  display: flex;
  gap: 5vw;
}
@media screen and (max-width: 1024px) {
  .top .point-cont {
    flex-direction: column;
    gap: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .top .point-cont {
    gap: 6.4vw;
  }
}
.top .point-cont__ttl {
  margin-top: 1.875vw;
  width: 44.375vw;
}
@media screen and (max-width: 1024px) {
  .top .point-cont__ttl {
    width: 100%;
    margin-top: 0;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .top .point-cont__ttl {
    text-align: left;
  }
}
.top .point-cont__ttl span {
  display: block;
  color: #007C98;
  font-size: 1.09375vw;
  font-weight: 700;
  letter-spacing: -0.14px;
}
@media screen and (max-width: 1024px) {
  .top .point-cont__ttl span {
    font-size: 1.75vw;
  }
}
@media screen and (max-width: 767px) {
  .top .point-cont__ttl span {
    letter-spacing: -0.36px;
    font-size: 3.2vw;
  }
}
.top .point-cont__ttl h2 {
  margin: 1.171875vw 0;
  font-size: 2.5vw;
  line-height: 140%;
  letter-spacing: -0.96px;
}
@media screen and (max-width: 1024px) {
  .top .point-cont__ttl h2 {
    margin: 1.875vw 0;
    font-size: 3.25vw;
    letter-spacing: -0.78px;
  }
}
@media screen and (max-width: 767px) {
  .top .point-cont__ttl h2 {
    margin: 2.1333333333vw 0;
    font-size: 5.3333333333vw;
    letter-spacing: -0.6px;
  }
}
.top .point-cont__ttl p {
  font-size: 1.25vw;
  line-height: 160%;
  letter-spacing: 0.3px;
}
@media screen and (max-width: 1024px) {
  .top .point-cont__ttl p {
    font-size: 1.625vw;
    letter-spacing: -0.065px;
  }
}
@media screen and (max-width: 767px) {
  .top .point-cont__ttl p {
    font-size: 3.2vw;
    letter-spacing: -0.06px;
  }
}
.top .point-cont__image {
  flex: 1;
}
@media screen and (max-width: 1024px) {
  .top .point-cont__image {
    width: 100%;
  }
  .top .point-cont__image img {
    display: block;
    width: 70vw;
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  .top .point-cont__image img {
    width: 100%;
  }
}
.top .point-case {
  display: flex;
  position: relative;
  border-radius: 1.25vw;
  background-color: #fff;
  padding: 2.5vw 5vw 2.5vw 3.125vw;
  gap: 3.75vw;
  margin-top: 1.953125vw;
}
@media screen and (max-width: 1024px) {
  .top .point-case {
    border-radius: 2vw;
    padding: 3vw 3vw 3vw 4.5vw;
    gap: 3vw;
    margin-top: 8vw;
  }
}
@media screen and (max-width: 767px) {
  .top .point-case {
    flex-direction: column;
    border-radius: 4.2666666667vw;
    padding: 3.2vw 4.2666666667vw 6.4vw;
    margin-top: 14.9333333333vw;
    gap: 0;
  }
}
.top .point-case__company {
  width: 28.125vw;
}
@media screen and (max-width: 1024px) {
  .top .point-case__company {
    width: 25vw;
  }
}
@media screen and (max-width: 767px) {
  .top .point-case__company {
    display: flex;
    width: 100%;
    gap: 4.2666666667vw;
  }
}
.top .point-case__company img {
  width: 28.125vw;
  position: absolute;
  top: -5.86vw;
  left: 3.125vw;
}
@media screen and (max-width: 1024px) {
  .top .point-case__company img {
    width: 25vw;
    top: -3vw;
    left: 3vw;
  }
}
@media screen and (max-width: 767px) {
  .top .point-case__company img {
    position: relative;
    width: 32vw;
    top: -8vw;
    left: 0;
  }
}
.top .point-case__company p {
  margin: 12.109375vw 0 0.78125vw;
  font-size: 1.09375vw;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -0.14px;
}
@media screen and (max-width: 1024px) {
  .top .point-case__company p {
    margin: 12.5vw 0 1.25vw;
    font-size: 1.75vw;
  }
}
@media screen and (max-width: 767px) {
  .top .point-case__company p {
    margin: 0;
    font-size: 3.2vw;
    letter-spacing: -0.36px;
  }
}
.top .point-case__company a {
  display: flex;
  align-items: center;
  gap: 0.625vw;
  color: #0099B5;
  font-size: 1.09375vw;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0.42px;
}
@media screen and (max-width: 1024px) {
  .top .point-case__company a {
    gap: 1vw;
    font-size: 1.625vw;
    letter-spacing: -0.39px;
  }
}
@media screen and (max-width: 767px) {
  .top .point-case__company a {
    margin-top: 2.1333333333vw;
    gap: 2.1333333333vw;
    font-size: 3.4666666667vw;
  }
}
.top .point-case__company a svg {
  width: 0.703125vw;
}
@media screen and (max-width: 1024px) {
  .top .point-case__company a svg {
    width: 1.125vw;
  }
}
@media screen and (max-width: 767px) {
  .top .point-case__company a svg {
    width: 2.4vw;
  }
}
.top .point-case__cont {
  flex: 1;
}
.top .point-case__cont h3 {
  position: relative;
  padding-left: 4.375vw;
  font-size: 1.5625vw;
  line-height: 150%;
  letter-spacing: -0.1px;
}
@media screen and (max-width: 1024px) {
  .top .point-case__cont h3 {
    padding-left: 6vw;
    font-size: 2vw;
    letter-spacing: -0.08px;
  }
}
@media screen and (max-width: 767px) {
  .top .point-case__cont h3 {
    padding-left: 8.5333333333vw;
    font-size: 3.7333333333vw;
    letter-spacing: -0.07px;
  }
}
.top .point-case__cont h3 svg {
  width: 3.125vw;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 1024px) {
  .top .point-case__cont h3 svg {
    width: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .top .point-case__cont h3 svg {
    width: 6.4vw;
  }
}
.top .point-case__ba {
  display: flex;
  justify-content: space-between;
  margin-top: 1.25vw;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .top .point-case__ba {
    margin-top: 2vw;
  }
}
@media screen and (max-width: 767px) {
  .top .point-case__ba {
    flex-direction: column;
    margin-top: 6.4vw;
  }
}
.top .point-case__ba li {
  width: 23.984375vw;
  border-top: 1px solid #E4E4E3;
  padding-top: 0.78125vw;
}
@media screen and (max-width: 1024px) {
  .top .point-case__ba li {
    width: 25.375vw;
    padding-top: 2vw;
  }
}
@media screen and (max-width: 767px) {
  .top .point-case__ba li {
    width: 100%;
    padding-top: 2.1333333333vw;
  }
  .top .point-case__ba li:first-child {
    padding-bottom: 9.0666666667vw;
  }
}
.top .point-case__ba li span {
  font-size: 1.09375vw;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -0.14px;
}
@media screen and (max-width: 1024px) {
  .top .point-case__ba li span {
    font-size: 1.75vw;
  }
}
@media screen and (max-width: 767px) {
  .top .point-case__ba li span {
    font-size: 3.2vw;
    letter-spacing: -0.36px;
  }
}
.top .point-case__ba li p {
  margin-top: 0.625vw;
  font-size: 1.25vw;
  line-height: 160%;
}
@media screen and (max-width: 1024px) {
  .top .point-case__ba li p {
    margin-top: 1.5vw;
    font-size: 1.625vw;
    letter-spacing: -0.065px;
  }
}
@media screen and (max-width: 767px) {
  .top .point-case__ba li p {
    margin-top: 2.1333333333vw;
    font-size: 3.2vw;
    letter-spacing: -0.06px;
  }
}
.top .point-case__ba svg {
  width: 0.78125vw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 1024px) {
  .top .point-case__ba svg {
    width: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .top .point-case__ba svg {
    width: 5.3333333333vw;
    transform: translate(-50%, -50%) rotate(90deg);
    margin-top: 1.6vw;
  }
}
.top .approach {
  margin: 0;
  border: none;
  padding: 5vw 3.125vw;
}
@media screen and (max-width: 1024px) {
  .top .approach {
    padding: 8vw 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  .top .approach {
    padding: 10.6666666667vw 4.2666666667vw;
  }
}
.top .approach .data-figure {
  width: 100%;
}
.top .approach .data-figure li {
  width: 100%;
}
.top .p-home__contact {
  padding: 3.125vw 9.375vw 3.125vw 8.203125vw;
}
@media screen and (max-width: 1024px) {
  .top .p-home__contact {
    padding: 3vw 5vw 3vw 8.125vw;
  }
}
@media screen and (max-width: 767px) {
  .top .p-home__contact {
    padding: 10.6666666667vw;
  }
}
.top .p-home__contact__fig {
  width: 33.4375vw;
}
@media screen and (max-width: 1024px) {
  .top .p-home__contact__fig {
    width: 33.5vw;
  }
}
@media screen and (max-width: 767px) {
  .top .p-home__contact__fig {
    width: 70.1333333333vw;
  }
}
.top .p-home__contact h2 {
  margin-bottom: 2.5vw;
  font-size: 1.5625vw;
  letter-spacing: -0.1px;
  line-height: 150%;
}
@media screen and (max-width: 1024px) {
  .top .p-home__contact h2 {
    margin-bottom: 2.5vw;
    font-size: 2vw;
    letter-spacing: -0.08px;
  }
}
@media screen and (max-width: 767px) {
  .top .p-home__contact h2 {
    margin-bottom: 5.3333333333vw;
    font-size: 3.7333333333vw;
    letter-spacing: -0.07px;
  }
}
.top .p-home__contact__inr {
  width: 31.25vw;
}
@media screen and (max-width: 1024px) {
  .top .p-home__contact__inr {
    width: 40vw;
  }
  .top .p-home__contact__inr .c-btn__inr {
    font-size: 2vw;
    letter-spacing: -0.08px;
  }
}
@media screen and (max-width: 767px) {
  .top .p-home__contact__inr {
    width: 100%;
  }
  .top .p-home__contact__inr .c-btn__inr {
    height: 12.8vw;
    font-size: 3.7333333333vw;
    letter-spacing: -0.07px;
    padding: 1.125rem 2.0625rem 1.125rem 1.125rem;
  }
  .top .p-home__contact__inr .c-btn {
    width: 100%;
    height: 12.8vw;
  }
  .top .p-home__contact__inr .c-btn i {
    width: 8.5333333333vw;
    height: 8.5333333333vw;
    padding: 0;
    justify-content: center;
    margin-top: -0.8vw;
  }
}
.top .c-btn.-yel path {
  fill: #ff3d3d;
}
.top .case {
  padding: 6.25vw 3.125vw;
}
@media screen and (max-width: 1024px) {
  .top .case {
    padding: 5vw 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  .top .case {
    padding: 21.3333333333vw 0;
  }
}
.top .case .caseList {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .top .case .caseList .slick-slide {
    padding: 0 2.6666666667vw;
  }
  .top .case .caseList .slick-arrow {
    display: block;
  }
  .top .case .caseList .slick-prev, .top .case .caseList .slick-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    width: 10.6666666667vw;
    height: 10.6666666667vw;
    border: none;
    cursor: pointer;
    margin-top: -10.67vw;
  }
  .top .case .caseList .slick-prev {
    left: 8px;
  }
  .top .case .caseList .slick-prev::before {
    content: "";
    display: block;
    width: 10.6666666667vw;
    height: 10.6666666667vw;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-image: url("../assets/top/caseSwiper-arrow.svg");
    opacity: 1;
  }
  .top .case .caseList .slick-next {
    right: 8px;
  }
  .top .case .caseList .slick-next::before {
    content: "";
    display: block;
    width: 10.6666666667vw;
    height: 10.6666666667vw;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-image: url("../assets/top/caseSwiper-arrow.svg");
    opacity: 1;
    transform: rotate(180deg);
  }
}
.top .case .caseList li {
  width: calc(33.3333333333% - 0.78vw);
  margin-top: 0;
}
@media screen and (max-width: 1024px) {
  .top .case .caseList li {
    width: calc(33.3333333333% - 1.25vw);
  }
}
.top .case .caseList li a picture {
  display: block;
  height: 20.078125vw;
  border-radius: 1.25vw;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .top .case .caseList li a picture {
    height: 20vw;
    border-radius: 2vw;
  }
}
@media screen and (max-width: 767px) {
  .top .case .caseList li a picture {
    height: 42.6666666667vw;
    border-radius: 0;
  }
  .top .case .caseList li a picture img {
    height: 42.6666666667vw;
    object-fit: cover;
  }
}
.top .case .caseList li a picture img {
  transition: transform 1s var(--ib-ease);
}
.top .case .caseList li a:hover picture img {
  transform: scale(1.1);
}
.top .case .caseList-head {
  display: flex;
  align-items: center;
  margin-top: 0.9375vw;
  gap: 0.9375vw;
}
@media screen and (max-width: 1024px) {
  .top .case .caseList-head {
    margin-top: 1vw;
    gap: 1.5vw;
  }
}
@media screen and (max-width: 767px) {
  .top .case .caseList-head {
    margin-top: 2.1333333333vw;
    gap: 3.2vw;
  }
}
.top .case .caseList-head__tag {
  border-radius: 0.3125vw;
  background-color: #2F2B29;
  color: #fff;
  font-size: 1.09375vw;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -0.14px;
  padding: 0.15625vw 0.9375vw 0.078125vw;
}
@media screen and (max-width: 1024px) {
  .top .case .caseList-head__tag {
    border-radius: 0.5vw;
    font-size: 1.75vw;
    padding: 0.25vw 1.5vw 0.125vw;
  }
}
@media screen and (max-width: 767px) {
  .top .case .caseList-head__tag {
    border-radius: 1.0666666667vw;
    font-size: 3.2vw;
    padding: 0.5333333333vw 3.2vw;
    letter-spacing: -0.36px;
  }
}
.top .case .caseList-head__name {
  color: #03A4C1;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -0.14px;
  font-size: 1.09375vw;
}
@media screen and (max-width: 1024px) {
  .top .case .caseList-head__name {
    font-size: 1.75vw;
  }
}
@media screen and (max-width: 767px) {
  .top .case .caseList-head__name {
    font-size: 3.2vw;
    letter-spacing: -0.36px;
  }
}
.top .case .caseList-head__ttl {
  margin-top: 0.78125vw;
  font-size: 1.5625vw;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -0.1px;
}
@media screen and (max-width: 1024px) {
  .top .case .caseList-head__ttl {
    margin-top: 1vw;
    font-size: 2vw;
    letter-spacing: -0.08px;
  }
}
@media screen and (max-width: 767px) {
  .top .case .caseList-head__ttl {
    margin-top: 2.1333333333vw;
    font-size: 3.7333333333vw;
    letter-spacing: -0.07px;
  }
}
.top .case .c-btn.-a {
  width: 23.75vw;
}
@media screen and (max-width: 1024px) {
  .top .case .c-btn.-a {
    width: 31vw;
    height: 6vw;
  }
  .top .case .c-btn.-a i {
    width: 4vw;
    height: 4vw;
    top: 50%;
    transform: translateY(-50%);
    padding: 0;
    justify-content: center;
  }
  .top .case .c-btn.-a i svg {
    width: 1.5vw;
    height: 1.5vw;
  }
}
@media screen and (max-width: 767px) {
  .top .case .c-btn.-a {
    width: 60.8vw;
    height: 12.8vw;
  }
  .top .case .c-btn.-a i {
    width: 8.5333333333vw;
    height: 8.5333333333vw;
  }
  .top .case .c-btn.-a i svg {
    width: 3.2vw;
    height: 3.2vw;
  }
}
.top .case .c-btn.-a .c-btn__inr {
  font-size: 1.5625vw;
  letter-spacing: -0.1px;
}
@media screen and (max-width: 1024px) {
  .top .case .c-btn.-a .c-btn__inr {
    font-size: 2vw;
    height: 6vw;
  }
}
@media screen and (max-width: 767px) {
  .top .case .c-btn.-a .c-btn__inr {
    height: 12.8vw;
    font-size: 3.7333333333vw;
    letter-spacing: -0.07px;
    padding: 1.125rem 2.0625rem 1.125rem 1.125rem;
  }
}
.top .case .c-btn.-a path {
  fill: #0099B5;
}
.top .concept {
  margin: 5vw 0;
  padding: 5vw 3.125vw 0;
  border-top: 0.078125vw solid #DBDADA;
}
@media screen and (max-width: 1024px) {
  .top .concept {
    margin: 5vw 0 8vw;
    padding: 8vw 2.5vw 0;
  }
}
@media screen and (max-width: 767px) {
  .top .concept {
    margin: 0;
    padding: 10.6666666667vw 4.2666666667vw;
  }
}
.top .concept-ttl {
  margin-bottom: 1.875vw;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .top .concept-ttl {
    margin-bottom: 2vw;
  }
}
@media screen and (max-width: 767px) {
  .top .concept-ttl {
    margin-bottom: 2.1333333333vw;
  }
}
.top .concept-ttl p {
  margin-bottom: 1.875vw;
  color: #007C98;
  font-size: 2.5vw;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: -0.96px;
}
@media screen and (max-width: 1024px) {
  .top .concept-ttl p {
    margin-bottom: 2vw;
    font-size: 3vw;
    letter-spacing: -0.96px;
  }
}
@media screen and (max-width: 767px) {
  .top .concept-ttl p {
    margin-bottom: 2.1333333333vw;
    font-size: 5.3333333333vw;
    letter-spacing: -0.6px;
  }
}
.top .concept-ttl h2 {
  font-size: 3.75vw;
  line-height: 140%;
  letter-spacing: -1.92px;
  font-weight: 800;
}
@media screen and (max-width: 1024px) {
  .top .concept-ttl h2 {
    font-size: 4.25vw;
    letter-spacing: -1.36px;
  }
}
@media screen and (max-width: 767px) {
  .top .concept-ttl h2 {
    font-size: 7.4666666667vw;
    letter-spacing: -1.12px;
  }
}
.top .concept-lead {
  text-align: center;
  font-size: 1.25vw;
  line-height: 160%;
}
@media screen and (max-width: 1024px) {
  .top .concept-lead {
    font-size: 1.625vw;
    letter-spacing: -0.065px;
  }
}
@media screen and (max-width: 767px) {
  .top .concept-lead {
    font-size: 3.2vw;
    letter-spacing: -0.06px;
  }
}
.top .concept-item {
  margin-top: 3.125vw;
}
@media screen and (max-width: 1024px) {
  .top .concept-item {
    width: 60vw;
    margin: 5vw auto 0;
  }
}
@media screen and (max-width: 767px) {
  .top .concept-item {
    width: 100%;
    margin-top: 6.6666666667vw;
  }
}
.top .concept-item__image {
  flex: 1;
}
.top .concept-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 3.91vw 0;
}
@media screen and (max-width: 1024px) {
  .top .concept-list {
    flex-direction: column;
    gap: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .top .concept-list {

  }
}
.top .concept-list li {
  width: calc((100% / 2) - 2.5vw);
}
@media screen and (max-width: 1024px) {
  .top .concept-list li {
    width: 100%;
  }
}
.top .concept-list__tag {
  display: inline-block;
  border-radius: 0.3125vw;
  background-color: #2F2B29;
  padding: 0.078125vw 0.9375vw 0.15625vw;
  font-size: 1.09375vw;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -0.14px;
  color: #fff;
  margin-bottom: 0.9375vw;
}
@media screen and (max-width: 1024px) {
  .top .concept-list__tag {
    border-radius: 0.5vw;
    padding: 0.125vw 1.5vw 0.25vw;
    font-size: 1.75vw;
    margin-bottom: 1vw;
  }
}
@media screen and (max-width: 767px) {
  .top .concept-list__tag {
    border-radius: 1.0666666667vw;
    padding: 0.5333333333vw 3.2vw;
    font-size: 3.2vw;
    letter-spacing: -0.36px;
    margin-bottom: 2.1333333333vw;
  }
}
.top .concept-list__ttl {
  display: flex;
  align-items: baseline;
  gap: 0.859375vw;
  margin-bottom: 0.546875vw;
}
@media screen and (max-width: 1024px) {
  .top .concept-list__ttl {
    gap: 1.75vw;
    margin-bottom: 1vw;
    align-items: center;
    margin-bottom: 2.1333333333vw;
  }
}
.top .concept-list__ttl span {
  font-size: 2.5vw;
  color: #B7B6B5;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: -0.96px;
}
@media screen and (max-width: 1024px) {
  .top .concept-list__ttl span {
    font-size: 3.25vw;
    letter-spacing: -0.78px;
  }
}
@media screen and (max-width: 767px) {
  .top .concept-list__ttl span {
    display: none;
  }
}
.top .concept-list__ttl h3 {
  font-size: 1.5625vw;
  line-height: 150%;
  letter-spacing: -0.1px;
}
@media screen and (max-width: 1024px) {
  .top .concept-list__ttl h3 {
    font-size: 2vw;
    letter-spacing: -0.08px;
  }
}
@media screen and (max-width: 767px) {
  .top .concept-list__ttl h3 {
    font-size: 3.7333333333vw;
    letter-spacing: -0.07px;
  }
}
.top .concept-list__text {
  margin-bottom: 0.94vw;
  font-size: 1.25vw;
  line-height: 160%;
}
@media screen and (max-width: 1024px) {
  .top .concept-list__text {
    font-size: 1.625vw;
  }
}
@media screen and (max-width: 767px) {
  .top .concept-list__text {
    margin-bottom: 3.2vw;
    font-size: 3.2vw;
    letter-spacing: -0.06px;
  }
}
.top .plan {
  background-color: #F1F8FA;
  padding: 9.375vw 3.125vw;
}
@media screen and (max-width: 1024px) {
  .top .plan {
    padding: 15vw 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  .top .plan {
    padding: 21.3333333333vw 4.2666666667vw;
  }
}
.top .plan-ttl {
  margin-bottom: 6.25vw;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .top .plan-ttl {
    margin-bottom: 5vw;
  }
}
@media screen and (max-width: 767px) {
  .top .plan-ttl {
    margin-bottom: 10.6666666667vw;
  }
}
.top .plan-ttl h2 {
  margin-bottom: 1.171875vw;
  font-size: 4.6875vw;
  line-height: 100%;
}
@media screen and (max-width: 1024px) {
  .top .plan-ttl h2 {
    margin-bottom: 1.875vw;
    font-size: 7.5vw;
  }
}
@media screen and (max-width: 767px) {
  .top .plan-ttl h2 {
    font-size: 16vw;
    margin-bottom: 2.6666666667vw;
  }
}
.top .plan-ttl h2 span {
  color: #007C98;
}
.top .plan-ttl p {
  color: #007C98;
  font-weight: 900;
  letter-spacing: 1.3px;
  font-size: 2.03125vw;
}
@media screen and (max-width: 1024px) {
  .top .plan-ttl p {
    font-size: 3.25vw;
  }
}
@media screen and (max-width: 767px) {
  .top .plan-ttl p {
    font-size: 6.9333333333vw;
    letter-spacing: 1.3px;
  }
}
.top .plan-lead {
  margin-bottom: 6.25vw;
  text-align: center;
  font-size: 1.5625vw;
  font-weight: 700;
  letter-spacing: -0.1px;
}
@media screen and (max-width: 1024px) {
  .top .plan-lead {
    margin-bottom: 5vw;
    font-size: 2vw;
    letter-spacing: -0.08px;
  }
}
@media screen and (max-width: 767px) {
  .top .plan-lead {
    margin-bottom: 10.6666666667vw;
    font-size: 3.7333333333vw;
    letter-spacing: -0.07px;
  }
}
.top .plan-list {
  display: flex;
  align-items: center;
  background-color: #fff;
  border-top: 1px solid #E4EBEC;
  padding: 1.5625vw 5.625vw;
}
@media screen and (max-width: 1024px) {
  .top .plan-list {
    padding: 2.5vw 5vw;
  }
}
@media screen and (max-width: 767px) {
  .top .plan-list {
    flex-direction: column;
    align-items: baseline;
    padding: 5.3333333333vw 4.2666666667vw;
  }
}
.top .plan-list.-first {
  border-top: 1px solid #0099B5;
}
.top .plan-list.-last {
  border-bottom: 1px solid #0099B5;
}
.top .plan-list__item {
  width: 31.25vw;
}
@media screen and (max-width: 1024px) {
  .top .plan-list__item {
    width: 30vw;
  }
}
@media screen and (max-width: 767px) {
  .top .plan-list__item {
    width: 100%;
  }
}
.top .plan-list__item h3 {
  font-size: 1.5625vw;
  color: #03A4C1;
  letter-spacing: -0.1px;
}
@media screen and (max-width: 1024px) {
  .top .plan-list__item h3 {
    font-size: 2vw;
    letter-spacing: -0.08px;
  }
}
@media screen and (max-width: 767px) {
  .top .plan-list__item h3 {
    margin-bottom: 2.6666666667vw;
    font-size: 3.7333333333vw;
    letter-spacing: -0.07px;
  }
}
.top .plan-list__text p {
  font-size: 1.5625vw;
  font-weight: 700;
  letter-spacing: -0.1px;
}
@media screen and (max-width: 1024px) {
  .top .plan-list__text p {
    font-size: 2vw;
    letter-spacing: -0.08px;
  }
}
@media screen and (max-width: 767px) {
  .top .plan-list__text p {
    font-size: 3.7333333333vw;
    letter-spacing: -0.5px;
  }
}
.top .plan-list__text span {
  display: block;
  font-size: 1.25vw;
}
@media screen and (max-width: 1024px) {
  .top .plan-list__text span {
    font-size: 1.625vw;
  }
}
@media screen and (max-width: 767px) {
  .top .plan-list__text span {
    font-size: 3.2vw;
    letter-spacing: -0.06px;
  }
}
.p-home__plan {
  background: #F5F6F8;
}
.p-home__plan .u-ja {
  color: #007C98;
}
.p-home__plan__c h3 {
  color: #007C98;
}
.top .seminar {
  padding: 9.375vw 3.125vw;
}
@media screen and (max-width: 1024px) {
  .top .seminar {
    padding: 15vw 2.5vw;
  }
}
.top .seminar-ttl {
  margin-bottom: 6.25vw;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .top .seminar-ttl {
    margin-bottom: 5vw;
  }
}
.top .seminar-ttl h2 {
  margin-bottom: 1.171875vw;
  font-size: 4.6875vw;
  line-height: 100%;
}
@media screen and (max-width: 1024px) {
  .top .seminar-ttl h2 {
    margin-bottom: 1.875vw;
    font-size: 7.5vw;
  }
}
.top .seminar-ttl h2 span {
  color: #007C98;
}
.top .seminar-ttl p {
  color: #007C98;
  font-weight: 900;
  letter-spacing: 1.3px;
  font-size: 2.03125vw;
}
@media screen and (max-width: 1024px) {
  .top .seminar-ttl p {
    font-size: 3.25vw;
  }
}
.top .seminar .seminarList {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .top .seminar .seminarList .slick-slide {
    padding: 0 2.6666666667vw;
  }
  .top .seminar .seminarList .slick-arrow {
    display: block;
  }
  .top .seminar .seminarList .slick-prev, .top .seminar .seminarList .slick-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    width: 10.6666666667vw;
    height: 10.6666666667vw;
    border: none;
    cursor: pointer;
    margin-top: -10.67vw;
  }
  .top .seminar .seminarList .slick-prev {
    left: 8px;
  }
  .top .seminar .seminarList .slick-prev::before {
    content: "";
    display: block;
    width: 10.6666666667vw;
    height: 10.6666666667vw;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-image: url("../assets/top/caseSwiper-arrow.svg");
    opacity: 1;
  }
  .top .seminar .seminarList .slick-next {
    right: 8px;
  }
  .top .seminar .seminarList .slick-next::before {
    content: "";
    display: block;
    width: 10.6666666667vw;
    height: 10.6666666667vw;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-image: url("../assets/top/caseSwiper-arrow.svg");
    opacity: 1;
    transform: rotate(180deg);
  }
}
.top .seminar .seminarList li {
  width: calc(33.3333333333% - 0.78vw);
}
@media screen and (max-width: 1024px) {
  .top .seminar .seminarList li {
    width: calc(33.3333333333% - 1.25vw);
  }
}
.top .seminar .seminarList li a picture {
  display: block;
  height: 20.078125vw;
  border-radius: 1.25vw;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .top .seminar .seminarList li a picture {
    height: 20vw;
    border-radius: 2vw;
  }
}
@media screen and (max-width: 767px) {
  .top .seminar .seminarList li a picture {
    height: 42.6666666667vw;
    border-radius: 0;
  }
  .top .seminar .seminarList li a picture img {
    height: 100%;
    object-fit: cover;
  }
}
.top .seminar .seminarList li a picture img {
  transition: transform 1s var(--ib-ease);
  height: 100%;
  object-fit: cover;
}
.top .seminar .seminarList li a:hover picture img {
  transform: scale(1.1);
}
.top .seminar .seminarList-tag {
  margin-top: 0.9375vw;
  display: inline-block;
  background-color: #DC2626;
  padding: 0.15625vw 0.9375vw;
  color: #fff;
  border-radius: 0.3125vw;
  font-size: 1.09375vw;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -0.14px;
}
.top .seminar .seminarList-tag.-end {
  background-color: #3e3a39;
}
@media screen and (max-width: 1024px) {
  .top .seminar .seminarList-tag {
    margin-top: 1vw;
    padding: 0.25vw 1.5vw;
    border-radius: 0.5vw;
    font-size: 1.75vw;
  }
}
@media screen and (max-width: 767px) {
  .top .seminar .seminarList-tag {
    margin-top: 2.1333333333vw;
    padding: 0.5333333333vw 3.2vw;
    border-radius: 1.0666666667vw;
    font-size: 3.2vw;
    letter-spacing: -0.36px;
  }
}
.top .seminar .seminarList-ttl {
  display: flex;
  gap: 0.9375vw;
  margin-top: 0.9375vw;
}
@media screen and (max-width: 1024px) {
  .top .seminar .seminarList-ttl {
    gap: 1.5vw;
    margin-top: 1vw;
  }
}
@media screen and (max-width: 767px) {
  .top .seminar .seminarList-ttl {
    gap: 3.2vw;
    margin-top: 2.1333333333vw;
  }
}
.top .seminar .seminarList-ttl__cat {
  width: 4.53125vw;
  height: 4.53125vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #007C98;
  gap: 0.546875vw;
  border-radius: 0.3125vw;
}
@media screen and (max-width: 1024px) {
  .top .seminar .seminarList-ttl__cat {
    width: 7.25vw;
    height: 7.25vw;
    gap: 0.875vw;
    border-radius: 0.5vw;
  }
}
@media screen and (max-width: 767px) {
  .top .seminar .seminarList-ttl__cat {
    width: 15.4666666667vw;
    height: 15.4666666667vw;
    gap: 1.8666666667vw;
    border-radius: 1.0666666667vw;
  }
}
.top .seminar .seminarList-ttl__cat .-materials {
  width: 1.40625vw;
  height: 1.71875vw;
}
@media screen and (max-width: 1024px) {
  .top .seminar .seminarList-ttl__cat .-materials {
    width: 2.25vw;
    height: 2.75vw;
  }
}
@media screen and (max-width: 767px) {
  .top .seminar .seminarList-ttl__cat .-materials {
    width: 4.8vw;
    height: 5.8666666667vw;
  }
}
.top .seminar .seminarList-ttl__cat .-seminar {
  width: 2.1875vw;
  height: 1.328125vw;
}
@media screen and (max-width: 1024px) {
  .top .seminar .seminarList-ttl__cat .-seminar {
    width: 3.5vw;
    height: 2.125vw;
  }
}
@media screen and (max-width: 767px) {
  .top .seminar .seminarList-ttl__cat .-seminar {
    width: 7.4666666667vw;
    height: 4.5333333333vw;
  }
}
.top .seminar .seminarList-ttl__cat span {
  color: #fff;
  font-size: 0.78125vw;
  font-weight: 700;
  line-height: 100%;
}
@media screen and (max-width: 1024px) {
  .top .seminar .seminarList-ttl__cat span {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .top .seminar .seminarList-ttl__cat span {
    font-size: 2.6666666667vw;
  }
}
.top .seminar .seminarList-ttl p {
  flex: 1;
  font-size: 1.5625vw;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -0.1px;
}
@media screen and (max-width: 1024px) {
  .top .seminar .seminarList-ttl p {
    font-size: 2vw;
    letter-spacing: -0.08px;
  }
}
@media screen and (max-width: 767px) {
  .top .seminar .seminarList-ttl p {
    font-size: 3.7333333333vw;
    letter-spacing: -0.07px;
  }
}
.top .seminar .p-home__sct__ft {
  margin-top: 6.25vw;
}
@media screen and (max-width: 1024px) {
  .top .seminar .p-home__sct__ft {
    margin-top: 5vw;
  }
  .top .seminar .p-home__sct__ft .c-btn i {
    width: 4vw;
    height: 4vw;
    top: 50%;
    transform: translateY(-50%);
    padding: 0;
    justify-content: center;
  }
  .top .seminar .p-home__sct__ft .c-btn i svg {
    width: 1.375vw;
    height: 1.375vw;
  }
}
@media screen and (max-width: 767px) {
  .top .seminar .p-home__sct__ft {
    margin-top: 10.6666666667vw;
  }
  .top .seminar .p-home__sct__ft .c-btn i {
    width: 8.5333333333vw;
    height: 8.5333333333vw;
  }
  .top .seminar .p-home__sct__ft .c-btn i svg {
    height: 3.2vw;
    width: 3.2vw;
  }
}
.top .seminar .c-btn.-a {
  width: 28.359375vw;
}
@media screen and (max-width: 1024px) {
  .top .seminar .c-btn.-a {
    width: 37vw;
    height: 6vw;
  }
}
@media screen and (max-width: 767px) {
  .top .seminar .c-btn.-a {
    width: 72vw;
    height: 12.8vw;
  }
}
.top .seminar .c-btn.-a .c-btn__inr {
  font-size: 1.5625vw;
  letter-spacing: -0.1px;
}
@media screen and (max-width: 1024px) {
  .top .seminar .c-btn.-a .c-btn__inr {
    height: 6vw;
    font-size: 2vw;
  }
}
@media screen and (max-width: 767px) {
  .top .seminar .c-btn.-a .c-btn__inr {
    height: 12.8vw;
    font-size: 3.7333333333vw;
    letter-spacing: -0.07px;
    padding: 1.125rem 2.0625rem 1.125rem 1.125rem;
  }
}
.top .seminar .c-btn.-a path {
  fill: #0099B5;
}/*# sourceMappingURL=top.css.map */

.l-ft {
  position: static;
  grid-row: auto;
  z-index: 1;
}