@charset "UTF-8";

/* ==========================================================================
    自由に書く style
============================================================================= */
:root {
  --base-width: 1440;
  --gap-60: calc(100vw * 60 / var(--base-width));
  --gap-50: calc(100vw * 50 / var(--base-width));
  --gap-40: calc(100vw * 40 / var(--base-width));
  --gap-35: calc(100vw * 35 / var(--base-width));
  --gap-30: calc(100vw * 30 / var(--base-width));
  --gap-20: calc(100vw * 20 / var(--base-width));
  --color-blue: #2652b8;
  --color-base: #222;
}
.p-mv {
  position: relative;
}
.p-mv::before,
.p-mv::after {
  content: "";
  height: min(37.778vw, 544px);
  min-height: 500px;
  mix-blend-mode: multiply;
  position: absolute;
  bottom: 0;
  width: 100%;
}
.p-mv::before {
  background: url("../images/top/mv_bg01.webp") no-repeat left bottom/100% min(37.778vw, 544px);
  z-index: 1;
}
.p-mv::after {
  background: url("../images/top/mv_bg02.webp") no-repeat left bottom/100% min(37.778vw, 544px);
  z-index: 2;
}
@media (max-width: 767.98px) {
  .p-mv::before,
  .p-mv::after {
    background-size: auto 100%;
  }
}
.c-mv__inner {
  height: min(69.444vw, 1000px);
  max-height: 100%;
  min-height: 1000px;
  position: relative;
}
.c-mv__inner::before {
  background: url("../images/top/mv_bg_round.svg") no-repeat left bottom/contain;
  content: "";
  max-height: 1156px;
  max-width: 1156px;
  height: 100%;
  width: 80.2083vw;
  left: 0;
  bottom: 0;
  position: absolute;
}
.c-mv__bg {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}
.c-mv__txt {
  bottom: min(var(--gap-60), 60px);
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: var(--gap-50);
  font-weight: bold;
  -webkit-padding-start: min(4.027vw, 58px);
          padding-inline-start: min(4.027vw, 58px);
  position: absolute;
  z-index: 10;
}
.c-mv__txt .lead {
  font-size: clamp(4rem, 3.333vw, 4.8rem);
}
.c-mv__txt mark {
  background-image: url("../images/top/mv_mark_bg01.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain;
  color: #2338a4;
  font-size: clamp(6rem, 4.722vw, 6.8rem);
  -webkit-margin-end: 10px;
          margin-inline-end: 10px;
}
.c-mv__txt mark:nth-of-type(2) {
  background-image: url("../images/top/mv_mark_bg02.svg");
}
.c-mv__txt mark .small {
  font-size: clamp(4.8rem, 3.611vw, 5.2rem);
}
.c-mv__txt .c-btn {
  border: solid 1px #ddd;
}
.c-mv__txt .c-mv__btn{
  display: flex;
  gap: 30px;
}
@media (max-width: 767.98px) {
  .c-mv__inner {
    min-height: 500px;
    height: 100vh;
  }
  .c-mv__txt {
    bottom: 30px;
    padding-inline: 20px;
  }
  .c-mv__txt .lead {
    font-size: 2.6rem;
  }
  .c-mv__txt mark {
    font-size: 3.8rem;
  }
  .c-mv__txt mark .small {
    font-size: 3rem;
  }
  .c-mv__txt .c-btn {
    -webkit-margin-start: auto;
            margin-inline-start: auto;
  }
  .c-mv__txt .c-mv__btn{
    flex-direction: column;
  }
}
.c-hdg {
  text-align: center;
}
.c-hdg .en {
  color: var(--color-blue);
  font-weight: 500;
  letter-spacing: 0.03em;
}
.c-hdg .en::before {
  content: url("data:image/svg+xml,%3Csvg width='8' height='10' viewBox='0 0 8 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 5L0.5 9.33013L0.5 0.669872L8 5Z' fill='%232652B8'/%3E%3C/svg%3E%0A");
  display: inline-block;
  -webkit-margin-end: 10px;
          margin-inline-end: 10px;
  height: 10px;
  width: 10px;
}
.c-hdg .ttl {
  font-size: clamp(3rem, 2.638vw, 3.8rem);
  font-weight: bold;
  line-height: 1.5;
}
.c-hdg .side {
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1.5;
  -webkit-margin-before: 50px;
          margin-block-start: 50px;
}
@media (max-width: 767.98px) {
  .c-hdg .ttl {
    font-size: 2.6rem;
  }
}
.p-intro {
  background: -webkit-gradient(linear, left top, left bottom, from(#143480), color-stop(81.923%, #143480), color-stop(81.923%, #fff), to(#fff));
  background: -webkit-linear-gradient(top, #143480 0%, #143480 81.923%, #fff 81.923%, #fff 100%);
  background: linear-gradient(180deg, #143480 0%, #143480 81.923%, #fff 81.923%, #fff 100%);
  color: #fff;
  padding-block: 120px 100px;
  position: relative;
}
.p-intro::before,
.p-intro::after {
  content: "";
  position: absolute;
  width: 100%;
}
.p-intro::before {
  background: url("../images/top/intro_bg.webp?v2") no-repeat 0 0/100% auto;
  height: 71.509%;
  top: 0;
}
.p-intro::after {
  background: url("../images/top/wave_bg.webp") no-repeat top center/100% 67px;
  height: 67px;
  bottom: calc(18.077% - 67px + 2px);
}
.p-intro .l-container {
  position: relative;
  z-index: 10;
}
.p-intro .c-hdg {
  -webkit-margin-after: 60px;
          margin-block-end: 60px;
}
.p-intro .c-hdg .en {
  color: #6cc4ff;
  display: inline-block;
  -webkit-margin-after: 40px;
          margin-block-end: 40px;
}
.p-intro .c-hdg .en::before {
  content: url("data:image/svg+xml,%3Csvg width='8' height='10' viewBox='0 0 8 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 5L0.5 9.33013L0.5 0.669872L8 5Z' fill='%236CC4FF'/%3E%3C/svg%3E%0A");
}
.p-intro .c-hdg .ttl {
  line-height: 1.5;
}
.p-intro .c-hdg + .txt {
  line-height: 2.4;
}
@media (max-width: 767.98px) {
  .p-intro::after {
    background-size: 100% 30px;
    height: 30px;
    bottom: calc(18.077% - 30px + 2px);
  }
}
.p-intro .c-intro__list {
  -webkit-margin-before: 100px;
          margin-block-start: 100px;
}
.p-intro .c-intro__link {
  background-color: #fff;
  border: solid 1px #ddd;
  border-radius: 5px;
  color: var(--color-base);
  overflow: hidden;
}
.p-intro .c-intro__link:hover .figure img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.p-intro .c-intro__link:hover .details::after {
  -webkit-transform: translateX(10px);
          transform: translateX(10px);
}
.p-intro .c-intro__link .figure {
  -webkit-border-after: solid 1px #ddd;
          border-block-end: solid 1px #ddd;
  max-height: 187px;
  overflow: hidden;
}
.p-intro .c-intro__link .figure img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.p-intro .c-intro__link .details {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 20px 30px 30px;
}
.p-intro .c-intro__link .details::after {
  content: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 6H10.5' stroke='%232652B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 1.5L10.5 6L6 10.5' stroke='%232652B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  border-radius: 50%;
  background-color: #ecf4ff;
  display: -ms-grid;
  display: grid;
  place-content: center;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  max-height: 50px;
  max-width: 50px;
  height: var(--gap-50);
  width: var(--gap-50);
}
.p-intro .c-intro__link .details .txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
.p-intro .c-intro__link .details .txt .en {
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 1;
}
.p-intro .c-intro__link .details .txt .ttl {
  line-height: 1;
}
@media (min-width: 768px) {
  .p-intro .c-intro__list > li:nth-child(even) {
    -webkit-margin-before: 30px;
            margin-block-start: 30px;
  }
}
@media (max-width: 767.98px) {
  .p-intro .c-intro__link {
    display: block;
  }
  .p-intro .c-intro__link .figure {
    max-height: inherit;
    height: 140px;
  }
  .p-intro .c-intro__link .figure img {
    width: 100%;
  }
  .p-intro .c-intro__link .details {
    padding: 20px 20px 30px;
  }
  .p-intro .c-intro__link .details::after {
    height: 50px;
    width: 50px;
  }
}
.c-bnr {
  -webkit-padding-after: 157px;
          padding-block-end: 157px;
}
.c-bnr__link {
  border: solid 1px #ddd;
  border-radius: 5px;
  color: var(--color-base);
  gap: var(--gap-30);
  margin-inline: auto;
  max-width: 1095px;
  padding: 20px;
}
.c-bnr__link .details .hdg {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: min(2.986vw, 43px);
  -webkit-margin-after: 20px;
          margin-block-end: 20px;
}
.c-bnr__link .details .hdg .ttl {
  background: url("../images/top/bnr_ttl_bg.svg") no-repeat left top/20px 20px;
  -webkit-border-after: solid 1px #ddd;
          border-block-end: solid 1px #ddd;
  font-size: 2rem;
  -ms-flex-preferred-size: calc(100% - min(2.986vw, 43px) - 198px);
      flex-basis: calc(100% - min(2.986vw, 43px) - 198px);
  -webkit-padding-after: 18px;
          padding-block-end: 18px;
  -webkit-padding-start: 30px;
          padding-inline-start: 30px;
}
.c-bnr__link .details .hdg .c-btn {
  padding-inline: 30px 54px;
}
@media (min-width: 768px) {
  .c-bnr__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
  }
  .c-bnr__link .bnr {
    -ms-flex-preferred-size: 350px;
        flex-basis: 350px;
  }
  .c-bnr__link .details {
    -ms-flex-preferred-size: calc(100% - var(--gap-30) - 350px);
        flex-basis: calc(100% - var(--gap-30) - 350px);
  }
}
@media (max-width: 767.98px) {
  .c-bnr__link {
    margin-inline: 20px;
  }
  .c-bnr__link .bnr {
    -webkit-margin-after: 20px;
            margin-block-end: 20px;
  }
  .c-bnr__link .bnr img {
    width: 100%;
  }
  .c-bnr__link .details .hdg {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .c-bnr__link .details .c-btn {
    -webkit-margin-start: auto;
            margin-inline-start: auto;
  }
}
.c-picture img {
  min-height: 400px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 767.98px) {
  .c-picture img {
    min-height: 200px;
  }
}
.p-business .c-hdg {
  position: relative;
  text-align: left;
}
.p-business .c-hdg .en {
  display: inline-block;
}
@media (min-width: 768px) {
  .p-business .c-hdg {
    padding-left: calc(40px + 1em);
  }
  .p-business .c-hdg .en {
    left: 0;
    position: absolute;
    top: 10px;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    -webkit-transform-origin: left top;
            transform-origin: left top;
  }
}
@media (max-width: 767.98px) {
  .p-business .c-hdg .en {
    -webkit-margin-after: 30px;
            margin-block-end: 30px;
  }
}
.c-business__inner {
  padding-inline: min(var(--gap-60), 60px);
}
.c-business__head {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  row-gap: 50px;
  -webkit-margin-after: 120px;
          margin-block-end: 120px;
}
.c-business__head .txt {
  -ms-flex-preferred-size: 582px;
      flex-basis: 582px;
  -webkit-margin-start: auto;
          margin-inline-start: auto;
}
.c-business__link {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
.c-business__link .btn {
  background-color: var(--color-blue);
  border: solid 1px var(--color-blue);
  border-radius: 50px;
  color: #fff;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-weight: bold;
  gap: 20px;
  line-height: 1;
  padding: 10px 15px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.c-business__link .btn::after {
  content: url("data:image/svg+xml,%3Csvg width='12' height='11' viewBox='0 0 12 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.50024 5.5H10.5002' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.00024 1L10.5002 5.5L6.00024 10' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  display: inline-block;
  height: 9px;
  width: 9px;
}
.c-business__link:hover {
  opacity: 0.8;
}
.c-business__link:hover .btn {
  background-color: #fff;
  color: var(--color-blue);
}
.c-business__link:hover .btn::after {
  content: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 6H10.5' stroke='%232652B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 1.5L10.5 6L6 10.5' stroke='%232652B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
@media (max-width: 767.98px) {
  .c-business__head {
    -webkit-margin-after: 60px;
            margin-block-end: 60px;
  }
}
@media (max-width: 575.98px) {
  .c-business__list.l-column.col-4 {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
    gap: 40px;
  }
}
.p-case {
  background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), color-stop(66.555%, #f6f6f6), color-stop(66.555%, #143480), to(#143480));
  background: -webkit-linear-gradient(top, #f6f6f6 0%, #f6f6f6 66.555%, #143480 66.555%, #143480 100%);
  background: linear-gradient(180deg, #f6f6f6 0%, #f6f6f6 66.555%, #143480 66.555%, #143480 100%);
  background-color: #f6f6f6;
  -webkit-border-before: solid 1px #ddd;
          border-block-start: solid 1px #ddd;
  padding-block: 0;
  position: relative;
}
.p-case::before {
  background: url("../images/top/case_bg_wave.webp") no-repeat 0 bottom/100% 222px;
  content: "";
  position: absolute;
  width: 100%;
  height: 222px;
  bottom: calc(33.445% - 2px);
}
@media (max-width: 767.98px) {
  .p-case::before {
    height: 70px;
    background-size: 100% 70px;
  }
}
.c-case__inner {
  position: relative;
  z-index: 20;
}
.c-case__hdg {
  -webkit-border-after: solid 1px #ddd;
          border-block-end: solid 1px #ddd;
  color: var(--color-blue);
  font-size: 2.2rem;
  font-weight: bold;
  -webkit-margin-after: min(6.25vw, 90px);
          margin-block-end: min(6.25vw, 90px);
  padding-block: 32px;
  text-align: center;
}
.c-case__hdg .slider-arrows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 10px;
}
.c-case__hdg .slide-arrow {
  background-color: var(--color-blue);
  border-radius: 50%;
  cursor: pointer;
  display: -ms-grid;
  display: grid;
  place-content: center;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  height: 40px;
  width: 40px;
}
.c-case__hdg .slide-arrow::before {
  content: "";
  background: url("data:image/svg+xml,%3Csvg width='12' height='11' viewBox='0 0 12 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.50024 5.5H10.5002' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.00024 1L10.5002 5.5L6.00024 10' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center/contain;
  height: 11px;
  width: 11px;
}
.c-case__hdg .slide-arrow.slick-disabled {
  background-color: #d9d9d9;
  cursor: inherit;
}
.c-case__hdg .slide-arrow.prev-arrow::before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.c-case__slide {
  -webkit-padding-start: min(var(--gap-60), 60px);
          padding-inline-start: min(var(--gap-60), 60px);
}
.c-case__slide .slick-list {
  overflow: visible;
}
.c-case__item {
  background-color: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.03);
          box-shadow: 0 0 20px rgba(0,0,0,0.03);
  margin-inline: 15px;
  padding: 115px min(var(--gap-50), 50px) 60px;
  position: relative;
}
.c-case__item .hdg-area {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  color: var(--color-blue);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: bold;
  gap: 10px;
  position: absolute;
  right: min(3.125vw, 45px);
  top: max(-3.819vw, -55px);
}
.c-case__item .hdg-area .en {
  font-size: 2rem;
  letter-spacing: 0.03em;
}
.c-case__item .hdg-area .en::before {
  content: "";
  background: url("data:image/svg+xml,%3Csvg width='8' height='10' viewBox='0 0 8 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 5L0.5 9.33013L0.5 0.669872L8 5Z' fill='%232652B8'/%3E%3C/svg%3E%0A") no-repeat center/contain;
  display: inline-block;
  -webkit-margin-end: 5px;
          margin-inline-end: 5px;
  height: 10px;
  width: 10px;
}
.c-case__item .hdg-area .num {
  font-family: "Hanken Grotesk", sans-serif;
  font-size: clamp(8rem, 8.333vw, 12rem);
}
.c-case__item .ttl-area {
  -webkit-margin-after: 40px;
          margin-block-end: 40px;
}
.c-case__item .ttl-area .ttl {
  -webkit-border-after: solid 1px #ddd;
          border-block-end: solid 1px #ddd;
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1.5;
  -webkit-padding-after: 30px;
          padding-block-end: 30px;
}
.c-case__item .ttl-area .sub {
  font-size: 1.4rem;
  -webkit-padding-before: 24px;
          padding-block-start: 24px;
  text-align: right;
}
@media (min-width: 768px) {
  .c-case__hdg {
    position: relative;
  }
  .c-case__hdg .slider-arrows {
    position: absolute;
    right: min(var(--gap-60), 60px);
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
@media (max-width: 767.98px) {
  .c-case__hdg {
    -webkit-margin-after: 50px;
            margin-block-end: 50px;
  }
  .c-case__hdg .slider-arrows {
    margin: 20px 20px 0 0;
  }
  .c-case__hdg .slider-arrows .slide-arrow {
    height: 50px;
    width: 50px;
  }
  .c-case__hdg .slider-arrows .slide-arrow::before {
    height: 16px;
    width: 16px;
  }
  .c-case__slide {
    -webkit-padding-start: 20px;
            padding-inline-start: 20px;
    -webkit-padding-end: 30px;
            padding-inline-end: 30px;
  }
  .c-case__item {
    margin-inline: 10px;
    padding: 75px 20px 40px;
  }
  .c-case__item .hdg-area {
    top: -30px;
  }
  .c-case__item .hdg-area .num {
    font-size: 6rem;
  }
}
.p-recruit {
  background-color: #143480;
  color: #fff;
  padding-inline: min(var(--gap-60), 60px);
  position: relative;
}
.p-recruit::before,
.p-recruit::after {
  content: "";
  background: url("../images/top/recruit_bg_01.svg") no-repeat right center/contain;
  position: absolute;
  mix-blend-mode: lighten;
}
.p-recruit::before {
  right: 0;
  top: -18.611vw;
  max-height: 1270px;
  max-width: 1270px;
  height: 88.1944vw;
  width: 88.1944vw;
}
.p-recruit::after {
  background: url("../images/top/recruit_bg_02.svg") no-repeat left bottom/contain;
  left: 0;
  bottom: 0;
  max-height: 1250px;
  max-width: 1250px;
  height: 86.3055vw;
  width: 86.3055vw;
}
.p-recruit .bg-wave {
  position: absolute;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  left: 0;
  bottom: -2px;
}
.c-recruit__inner {
  background-color: rgba(255,255,255,0.13);
  border-radius: 10px;
  padding: 46px min(var(--gap-60), 60px) 80px;
  position: relative;
  z-index: 20;
}
.c-recruit__inner::before {
  background: -webkit-linear-gradient(150deg, #fff 0%, rgba(255,255,255,0) 100%);
  background: linear-gradient(-60deg, #fff 0%, rgba(255,255,255,0) 100%);
  content: "";
  opacity: 0.13;
  border-radius: 10px;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.c-recruit__inner .c-hdg {
  position: relative;
  text-align: left;
}
.c-recruit__inner .c-hdg .en {
  color: #6cc4ff;
}
.c-recruit__inner .c-hdg .en::before {
  content: url("data:image/svg+xml,%3Csvg width='8' height='10' viewBox='0 0 8 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 5L0.5 9.33013L0.5 0.669872L8 5Z' fill='%236CC4FF'/%3E%3C/svg%3E%0A");
}
.c-recruit__inner .c-hdg .side {
  line-height: 2.2;
  -webkit-margin-after: 50px;
          margin-block-end: 50px;
}
.c-recruit__inner .c-hdg .side mark {
  padding-inline: 12px;
}
.c-recruit__inner .c-hdg .side strong {
  font-size: 3rem;
}
.c-recruit__inner .c-hdg .side strong mark {
  font-size: 3.2rem;
  line-height: 1.4;
}
.c-recruit__cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: min(8.125vw, 117px);
  position: relative;
  z-index: 10;
}
.c-recruit__cont .details {
  -ms-flex-preferred-size: calc(100% - min(8.125vw, 117px) - min(29.166vw, 420px));
      flex-basis: calc(100% - min(8.125vw, 117px) - min(29.166vw, 420px));
}
.c-recruit__cont .links {
  -ms-flex-preferred-size: min(29.166vw, 420px);
      flex-basis: min(29.166vw, 420px);
}
.c-recruit__cont .links-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
.c-recruit__cont .links-list a:hover {
  opacity: 0.8;
}
@media (min-width: 768px) {
  .c-recruit__inner .c-hdg {
    padding-left: calc(40px + 1em);
  }
  .c-recruit__inner .c-hdg .en {
    left: 0;
    position: absolute;
    top: 10px;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    -webkit-transform-origin: left top;
            transform-origin: left top;
  }
  .c-recruit__inner .c-hdg + .txt {
    padding-left: calc(40px + 1em);
  }
}
@media (max-width: 767.98px) {
  .c-recruit__inner {
    padding-inline: 20px;
  }
  .c-recruit__inner .c-hdg .side {
    margin-block: 20px;
  }
  .c-recruit__inner .c-hdg .side strong mark {
    font-size: 2.6rem;
  }
  .c-recruit__cont {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.p-news .c-hdg {
  text-align: left;
}
.c-news__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.c-news__inner .c-hdg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 30px;
}
.c-news__inner .c-btn {
  -webkit-margin-before: 20px;
          margin-block-start: 20px;
  min-width: 160px;
}
.c-news__list {
  -webkit-margin-start: auto;
          margin-inline-start: auto;
}
.c-news__link {
  -webkit-border-after: solid 1px #ddd;
          border-block-end: solid 1px #ddd;
  color: var(--color-base);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: min(3.333vw, 48px);
  padding-block: 36px;
  position: relative;
}
a.c-news__link::after {
  content: "";
  background: url("data:image/svg+xml,%3Csvg width='17' height='18' viewBox='0 0 17 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 8.65527H16' stroke='%232338A4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.5 1.15527L16 8.65527L8.5 16.1553' stroke='%232338A4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center/contain;
  height: 15px;
  width: 15px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.c-news__link .date {
  color: #888;
  font-family: "Hanken Grotesk", sans-serif;
  font-size: 1.7rem;
}
.c-news__link .txt {
  -webkit-padding-end: 30px;
          padding-inline-end: 30px;
}
.c-news__link:hover::after {
  -webkit-transform: translateX(10px) translateY(-50%);
          transform: translateX(10px) translateY(-50%);
}
@media (min-width: 768px) {
  .c-news__link {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .c-news__link .date {
    -ms-flex-preferred-size: 6em;
        flex-basis: 6em;
  }
  .c-news__link .txt {
    -ms-flex-preferred-size: calc(100% - 6em - min(3.333vw, 48px));
        flex-basis: calc(100% - 6em - min(3.333vw, 48px));
  }
}
@media (max-width: 767.98px) {
  .c-news__inner {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .c-news__inner .c-hdg {
    width: 100%;
  }
  .c-news__link {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
/*# sourceMappingURL=maps/top.css.map */