@charset "utf-8";
/* *************************************
hamburger
************************************* */
.hamburger {
  width: fit-content;
  text-align: center;
}

@media (any-hover: hover) {
  .hamburger:hover {
    cursor: pointer;
  }
}

.hamburger__btn {
  padding: calc(8 * var(--rem));
}

.hamburger__btn span {
  display: block;
  width: calc(32 * var(--rem));
  height: calc(2 * var(--rem));
  background-color: var(--black);
  transition: 0.3s ease;
}

.hamburger__btn span:nth-child(2) {
  margin: calc(8 * var(--rem)) 0;
}

/* is-open */
.hamburger.is-open .hamburger__btn span:nth-child(1) {
  transform: translateY(calc(10 * var(--rem))) rotate(45deg);
}
.hamburger.is-open .hamburger__btn span:nth-child(2) {
  opacity: 0;
}
.hamburger.is-open .hamburger__btn span:nth-child(3) {
  transform: translateY(calc(-10 * var(--rem))) rotate(-45deg);
}

.hamburger__menu,
.hamburger__close {
  text-transform: uppercase;
  font-size: calc(12 * var(--rem));
  font-weight: bold;
  font-family: var(--jp);
  line-height: 1;
}

.hamburger.is-open .hamburger__menu {
  display: none;
}

.hamburger__close {
  display: none;
}

.hamburger.is-open .hamburger__close {
  display: block;
}

/* *************************************
page-hed
************************************* */
.page-head {
  position: relative;
  margin-block-start: calc(80 * var(--rem));
}

.page-head__img {
  width: 83%;
  height: calc(290 * var(--rem));
  margin-inline-start: auto;
  position: relative;
  clip-path: polygon(25% 0%, 100% 0, 100% 100%, 0% 115%);
  overflow: clip;
  @media (width < 768px) {
    width: 100%;
  }
}

.page-head__img::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-color: #a5b4bc50;
  position: absolute;
  inset: 0;
}

.page-head__img img {
  aspect-ratio: 1760/ 437;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.page-head__title {
  display: grid;
  position: absolute;
  top: 56%;
  left: 9%;
  transform: translate(0%, -50%);
  @media (width < 768px) {
    left: 0;
  }
}

.page-head__title-en {
  position: relative;
  font-size: calc(76 * var(--rem));
  font-weight: bold;
  line-height: 1;
  font-family: var(--font-en);
  text-transform: uppercase;
  background-color: var(--white);
  padding: calc(14 * var(--rem)) calc(28 * var(--rem));
  @media (width < 768px) {
    font-size: calc(40 * var(--rem));
  }
}

.page-head__title-en::before,
.page-head__title-en::after {
  content: '';
  display: block;
  width: calc(130 * var(--rem));
  height: calc(8 * var(--rem));
  background-color: var(--green);
  position: absolute;
  top: 108%;
  left: calc(30 * var(--rem));
}

.page-head__title-en::after {
  background-color: var(--blue);
  clip-path: polygon(0 0, 50% 0%, 48% 100%, 0% 100%);
}

.page-head__title-jp {
  font-size: calc(28 * var(--rem));
  margin-block-start: calc(20 * var(--rem));
  margin-inline-start: calc(4 * var(--rem));
  width: fit-content;
  background-color: var(--white);
  padding: calc(7 * var(--rem)) calc(16 * var(--rem));
  @media (width < 768px) {
    font-size: calc(20 * var(--rem));
  }
}

.page-head.page-head--business {
  position: relative;
}

.page-head.page-head--business::before {
  content: '';
  display: block;
  width: calc(243 * var(--rem));
  height: calc(157 * var(--rem));
  background: url(../../library/images/business/business-decoration0.svg) no-repeat center / contain;
  position: absolute;
  bottom: -42%;
  right: 0;
  z-index: 1;
  opacity: 0.7;
  @media (width < 768px) {
    display: none;
  }
}

/* *************************************
btn1
************************************* */
.btn1 {
  display: inline-block;
  min-width: calc(390 * var(--rem));
  border: 1px solid var(--border);
  padding: calc(27 * var(--rem)) calc(16 * var(--rem));
  text-align: center;
  @media (width < 768px) {
    min-width: calc(300 * var(--rem));
  }
}

.btn1__text {
  display: inline-grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: calc(10 * var(--rem));
  font-size: calc(20 * var(--rem));
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1;
  @media (width < 768px) {
    font-size: calc(18 * var(--rem));
  }
}

.btn1__text::after {
  content: '';
  display: block;
  width: calc(12 * var(--rem));
  aspect-ratio: 1;
  background: url(../../library/images/common/btn-arrow-k.svg) no-repeat center / contain;
}

.btn1.btn1--green {
  min-width: calc(370 * var(--rem));
  padding-block: calc(22 * var(--rem));
  background-color: var(--green);
  border: 1px solid var(--green);
  @media (width < 768px) {
    min-width: calc(300 * var(--rem));
  }
}

.btn1.btn1--green .btn1__text {
  color: var(--white);
}

.btn1.btn1--green .btn1__text::after {
  background: url(../../library/images/common/btn-arrow-w.svg) no-repeat center / contain;
}

/* *************************************
btn2
************************************* */
.btn2 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: calc(255 * var(--rem));
  border: 1px solid var(--border);
  padding: calc(22 * var(--rem)) calc(16 * var(--rem));
  text-align: center;
  font-size: calc(20 * var(--rem));
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1;
  @media (width < 768px) {
    min-width: calc(300 * var(--rem));
    font-size: calc(18 * var(--rem));
  }
}

.btn2::before {
  content: '';
  display: block;
  width: calc(13 * var(--rem));
  aspect-ratio: 1;
  background: url(../../library/images/common/btn-arrow-b.svg) no-repeat center / contain;
}

/* *************************************
btn3
************************************* */
.btn3 {
  width: auto;
  min-width: calc(388 * var(--rem));
  min-height: calc(78 * var(--rem));
  background-color: var(--black);
  display: inline-grid;
  place-content: center;
  padding: calc(10 * var(--rem));
  transition: opacity 0.3s ease;
  @media (width < 768px) {
    min-width: calc(250 * var(--rem));
    min-height: calc(40 * var(--rem));
  }
}

.btn3__text {
  color: var(--white);
  font-size: calc(20 * var(--rem));
  display: inline-grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: calc(12 * var(--rem));
  @media (width < 768px) {
    font-size: calc(18 * var(--rem));
  }
}

.btn3__text::after {
  content: '';
  display: block;
  width: calc(12 * var(--rem));
  aspect-ratio: 1;
  background: url(../../library/images/common/btn-down-arrow.svg) no-repeat center / contain;
  @media (width < 768px) {
    width: calc(10 * var(--rem));
  }
}

@media (any-hover: hover) {
  .btn3:hover {
    opacity: 0.7;
  }
}

/* *************************************
title1
************************************* */
.title1 {
  display: grid;
  gap: calc(17 * var(--rem));
  position: relative;
  @media (width < 768px) {
    gap: calc(8 * var(--rem));
    text-align: center;
  }
}

.title1::before,
.title1::after {
  content: '';
  display: block;
  width: calc(130 * var(--rem));
  height: calc(8 * var(--rem));
  background-color: var(--green);
  position: absolute;
  top: 127%;
  left: calc(2 * var(--rem));
  @media (width < 768px) {
    left: 50%;
    transform: translate(-50%, 0);
  }
}

.title1::after {
  background-color: var(--blue);
  clip-path: polygon(0 0, 50% 0%, 48% 100%, 0% 100%);
}

.title1__jp {
  font-size: calc(50 * var(--rem));
  line-height: 1;
  letter-spacing: -0.04em;
  @media (width < 768px) {
    font-size: calc(30 * var(--rem));
  }
}

.title1__en {
  font-size: calc(18 * var(--rem));
  font-weight: 500;
  line-height: 1;
  font-family: var(--font-en);
  text-transform: capitalize;
  letter-spacing: 0.01em;
  @media (width < 768px) {
    font-size: calc(16 * var(--rem));
  }
}

.title1.title1--center {
  text-align: center;
}

.title1.title1--center::before,
.title1.title1--center::after {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
}

/* *************************************
title2
************************************* */
.title2 {
  font-size: calc(52 * var(--rem));
  font-family: var(--font-en);
  color: var(--blue);
  position: relative;
  width: fit-content;
  @media (width < 768px) {
    font-size: calc(32 * var(--rem));
  }
}

.title2::before {
  content: '';
  display: block;
  width: calc(165 * var(--rem));
  height: calc(100 * var(--rem));
  background: url(../../library/images/common/title-decoration.webp) no-repeat center / contain;
  position: absolute;
  top: -62%;
  left: -14.5%;
  z-index: -1;
  @media (width < 768px) {
    width: calc(80 * var(--rem));
    height: calc(50 * var(--rem));
    top: -34%;
    left: -9.5%;
  }
}

.title2::first-letter {
  color: var(--white);
}

/* *************************************
title3
************************************* */
.title3 {
  display: flex;
  align-items: center;
  background-color: var(--blue);
  padding: calc(20 * var(--rem)) calc(26 * var(--rem));
  position: relative;
  @media (width < 768px) {
    padding-inline: calc(16 * var(--rem));
  }
}

.title3::after {
  content: '';
  display: block;
  position: absolute;
  inset: 0;
  background-color: var(--green);
  clip-path: polygon(54% 0, 100% 0%, 100% 100%, 47% 100%);
}

.title3__jp {
  font-size: calc(30 * var(--rem));
  font-weight: 500;
  color: var(--white);
  letter-spacing: 0.4em;
  line-height: 1;
  position: relative;
  z-index: 1;
  flex-shrink: 0;
  @media (width < 768px) {
    font-size: calc(20 * var(--rem));
  }
}

.title3__en {
  font-size: calc(22 * var(--rem));
  font-weight: 500;
  color: var(--white);
  text-transform: capitalize;
  font-family: var(--font-en);
  margin-inline-start: auto;
  line-height: 1;
  position: relative;
  z-index: 1;
  text-align: right;
  @media (width < 768px) {
    font-size: calc(18 * var(--rem));
  }
}

/* *************************************
title4
************************************* */
.title4 {
  font-size: calc(32 * var(--rem));
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: calc(6 * var(--rem));
  @media (width < 768px) {
    font-size: calc(24 * var(--rem));
    width: fit-content;
    margin-inline: auto;
  }
}

.title4::before {
  content: '';
  display: block;
  width: calc(20 * var(--rem));
  height: calc(5 * var(--rem));
  background-color: var(--blue);
}

.title4.title4--blue {
  color: var(--blue);
}

/* *************************************
guide-list
************************************* */
.guide-list {
  display: grid;
  gap: calc(118 * var(--rem));
  padding-block-end: calc(80 * var(--rem));
  @media (width < 768px) {
    gap: calc(80 * var(--rem));
    padding-block-end: 0;
  }
}

.guide-list__item {
  display: flex;
  row-gap: calc(40 * var(--rem));
  position: relative;
  @media (width < 768px) {
    flex-direction: column;
    gap: 0;
  }
}

.guide-list__item::before,
.guide-list__item::after {
  content: '';
  display: block;
  position: absolute;
  @media (width < 768px) {
    display: none;
  }
}

.guide-list__item:nth-child(1)::before {
  background: url(../../library/images/business/business-decoration1.svg) no-repeat center / contain;
  width: calc(340 * var(--rem));
  height: calc(290 * var(--rem));
  bottom: calc(-80 * var(--rem));
  right: 0;
}

.guide-list__item:nth-child(2)::before {
  background: url(../../library/images/business/business-decoration2.svg) no-repeat center / contain;
  width: calc(340 * var(--rem));
  height: calc(290 * var(--rem));
  bottom: calc(-108 * var(--rem));
  left: 0;
}
.guide-list__item:nth-child(2)::after {
  background: url(../../library/images/business/business-decoration3.svg) no-repeat center / contain;
  width: calc(340 * var(--rem));
  height: calc(290 * var(--rem));
  bottom: calc(-108 * var(--rem));
  top: min(56%, calc(353 * var(--rem)));
  left: min(27%, calc(417 * var(--rem)));
  opacity: 0.5;
  z-index: 10;
}

.guide-list__item:nth-child(3)::before {
  background: url(../../library/images/business/business-decoration4.svg) no-repeat center / contain;
  width: calc(542 * var(--rem));
  height: calc(290 * var(--rem));
  bottom: calc(-192 * var(--rem));
  right: 0;
}

.guide-list__item:nth-child(even) {
  flex-direction: row-reverse;
}

.guide-list__img-block {
  width: 50%;
  display: grid;
  grid-template-columns: repeat(2, auto);
  align-items: self-start;
  background: linear-gradient(180deg, transparent 0%, transparent 22%, #d0d9de 22%, #d0d9de 92%, transparent 92%, transparent 100%);
  position: relative;
  overflow: hidden;
  @media (width < 768px) {
    width: 100%;
    order: 2;
    margin-block-start: calc(24 * var(--rem));
    gap: calc(16 * var(--rem));
  }
}

.guide-list__img-block::before {
  content: attr(data-text);
  display: block;
  font-size: calc(100 * var(--rem));
  font-weight: bold;
  text-transform: capitalize;
  line-height: 1;
  color: #b9c7ce90;
  position: absolute;
  top: 0;
  left: 0;
  writing-mode: vertical-rl;
  text-orientation: sideways;
  @media (width < 768px) {
    font-size: calc(50 * var(--rem));
  }
}

.guide-list__img {
  width: 90%;
  @media (width < 768px) {
    width: 100%;
  }
}

.guide-list__img:first-child {
  margin-block-start: calc(100 * var(--rem));
}

.guide-list__img:nth-child(2) {
}

.guide-list__img img {
  aspect-ratio: 469 / 741;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.guide-list__text-block {
  width: fit-content;
  margin-inline-start: calc(63 * var(--rem));
  margin-block-start: calc(32 * var(--rem));
  @media (width < 768px) {
    width: 100%;
    margin-inline: 0;
    padding-inline: 20px;
    display: contents;
  }
}

.guide-list__title-block {
  display: flex;
  gap: calc(30 * var(--rem));
  position: relative;
  @media (width < 768px) {
    order: 1;
    padding-inline: 20px;
    gap: calc(16 * var(--rem));
    align-items: center;
  }
}

.guide-list__title-block::before,
.guide-list__title-block::after {
  content: '';
  display: block;
  width: calc(130 * var(--rem));
  height: calc(8 * var(--rem));
  background-color: var(--green);
  position: absolute;
  top: -17%;
  left: calc(2 * var(--rem));
}

.guide-list__title-block::after {
  background-color: var(--blue);
  clip-path: polygon(0 0, 50% 0%, 48% 100%, 0% 100%);
}

.guide-list__num {
  font-size: calc(116 * var(--rem));
  font-weight: bold;
  line-height: 1;
  font-family: var(--font-en);
  @media (width < 768px) {
    font-size: calc(63 * var(--rem));
  }
}

.guide-list__title {
  margin-block-start: calc(14 * var(--rem));
  @media (width < 768px) {
    margin-block-start: 0;
  }
}

.guide-list__project {
  font-size: calc(18 * var(--rem));
  font-weight: 500;
  text-transform: uppercase;
  color: var(--green);
  font-family: var(--font-en);
  line-height: 1;
  display: inline-flex;
  align-items: center;
  gap: calc(2 * var(--rem));
  @media (width < 768px) {
    font-size: calc(14 * var(--rem));
  }
}

.guide-list__project::before {
  content: '';
  display: inline-block;
  width: calc(12 * var(--rem));
  aspect-ratio: 1;
  background-color: var(--green);
  clip-path: polygon(35% 0, 35% 100%, 100% 50%);
}

.guide-list__title-main {
  font-size: calc(50 * var(--rem));
  @media (width < 768px) {
    font-size: calc(30 * var(--rem));
  }
}

.guide-list__title-main span {
  display: block;
  font-size: calc(28 * var(--rem));
  @media (width < 768px) {
    font-size: calc(18 * var(--rem));
  }
}

.guide-list__text-title {
  font-size: calc(26 * var(--rem));
  font-weight: bold;
  color: var(--green);
  margin-block-start: calc(33 * var(--rem));
  @media (width < 768px) {
    font-size: calc(20 * var(--rem));
    margin-block-start: calc(16 * var(--rem));
    padding-inline: 20px;
    order: 3;
    width: fit-content;
    margin-inline: auto;
  }
}

.guide-list__text {
  margin-block-start: calc(27 * var(--rem));
  font-size: calc(20 * var(--rem));
  line-height: 1.9;
  @media (width < 768px) {
    font-size: calc(16 * var(--rem));
    margin-block-start: calc(16 * var(--rem));
    order: 4;
    padding-inline: 20px;
    width: fit-content;
    margin-inline: auto;
  }
}

/* 偶数個目 */
.guide-list__item:nth-child(even) {
  flex-direction: row-reverse;
  @media (width < 768px) {
    flex-direction: column;
  }
}

.guide-list__item:nth-child(even) .guide-list__text-block {
  margin-inline: 0 calc(63 * var(--rem));
  @media (width < 768px) {
    margin-inline: 0;
  }
}

.guide-list__item:nth-child(even) .guide-list__img-block::before {
  left: revert;
  top: 5%;
  right: -2%;
  @media (width < 768px) {
    top: 0;
  }
}

.guide-list__item:nth-child(even) .guide-list__img {
  margin-inline-start: auto;
}

.guide-list__item:nth-child(even) .guide-list__img:first-child {
  margin-block-start: calc(28 * var(--rem));
}

.guide-list__item:nth-child(even) .guide-list__img:nth-child(2) {
  margin-block-start: calc(130 * var(--rem));
}

/* *************************************
interview-list
************************************* */
.interview-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: calc(64 * var(--rem));
  @media (width < 768px) {
    grid-template-columns: 1fr;
  }
}

.interview-list__item {
  position: relative;
}

.interview-list__img img {
  aspect-ratio: 742 /488;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.interview-list__tag {
  background-color: var(--blue);
  font-size: calc(20 * var(--rem));
  font-weight: bold;
  color: var(--white);
  padding-inline: calc(24 * var(--rem));
  position: absolute;
  top: 0;
  left: 0;
}

.interview-list__interview {
  display: inline-flex;
  align-items: center;
  gap: calc(4 * var(--rem));
  font-size: calc(22 * var(--rem));
  color: var(--blue);
  text-transform: uppercase;
  font-weight: bold;
  font-family: var(--font-en);
  margin-block-start: calc(16 * var(--rem));
  @media (width < 768px) {
    font-size: calc(18 * var(--rem));
  }
}

.interview-list__interview::before {
  content: '';
  display: block;
  width: calc(8 * var(--rem));
  height: calc(2 * var(--rem));
  background-color: var(--blue);
}

.interview-list__title {
  font-size: calc(32 * var(--rem));
  line-height: 1;
  @media (width < 768px) {
    font-size: calc(20 * var(--rem));
    line-height: 1.5;
  }
}

.interview-list__list {
  display: flex;
  gap: calc(4 * var(--rem));
  margin-block-start: calc(20 * var(--rem));
  @media (width < 768px) {
    margin-block-start: calc(10 * var(--rem));
  }
}

.interview-list__list-item {
  font-size: calc(22 * var(--rem));
  display: inline-flex;
  align-items: center;
  gap: calc(6 * var(--rem));
  @media (width < 768px) {
    font-size: calc(18 * var(--rem));
  }
}

.interview-list__list-item:not(:first-child)::before {
  content: '/';
}

.interview-list__link {
  display: flex;
  align-items: center;
  gap: calc(10 * var(--rem));
  width: fit-content;
  margin-inline-start: auto;
  font-size: calc(22 * var(--rem));
  color: var(--blue);
  font-weight: bold;
  margin-block-start: calc(2 * var(--rem));
  @media (width < 768px) {
    font-size: calc(18 * var(--rem));
    margin-block-start: calc(16 * var(--rem));
  }
}

.interview-list__link::after {
  content: '';
  display: block;
  width: calc(54 * var(--rem));
  aspect-ratio: 1;
  background: url(../../library/images/recruit/text-arrow.svg) no-repeat center / contain;
  @media (width < 768px) {
    width: calc(40 * var(--rem));
  }
}

/* *************************************
recruit-card
************************************* */
.recruit-card {
}

.recruit-card__container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: calc(64 * var(--rem));
  margin-block-start: calc(40 * var(--rem));
  @media (width < 768px) {
    grid-template-columns: 1fr;
    margin-block-start: calc(16 * var(--rem));
    gap: calc(16 * var(--rem));
  }
}

.recruit-card__img img {
  aspect-ratio: 742 /560;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.recruit-card__contents {
}

.recruit-card__title {
  font-size: calc(25 * var(--rem));
  color: var(--green);
  @media (width < 768px) {
    font-size: calc(20 * var(--rem));
  }
}

.recruit-card__top-text {
  font-size: calc(20 * var(--rem));
  margin-block-start: calc(10 * var(--rem));
  @media (width < 768px) {
    font-size: calc(16 * var(--rem));
  }
}

.recruit-card__wrap {
  background-color: #f0f4f5;
  margin-block-start: calc(42 * var(--rem));
  padding-block: calc(55 * var(--rem)) calc(35 * var(--rem));
  padding-inline: calc(16 * var(--rem));
  position: relative;
  @media (width < 768px) {
    margin-block-start: calc(16 * var(--rem));
  }
}

.recruit-card__tag {
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--green);
  color: var(--white);
  font-size: calc(20 * var(--rem));
  font-weight: bold;
  padding-inline: calc(13 * var(--rem));
  @media (width < 768px) {
    font-size: calc(16 * var(--rem));
  }
}

.recruit-card__bottom-text {
  font-size: calc(20 * var(--rem));
  @media (width < 768px) {
    font-size: calc(16 * var(--rem));
  }
}

/* *************************************
table2
************************************* */
table.table2 {
  border: 1px solid #d5dde1;
  border-collapse: collapse; /* セル同士の隙間をなくす */
  border-spacing: 0; /* 隙間の距離を0にする */
  width: 100%;
}

.table2__item {
  display: grid;
  grid-template-columns: calc(230 * var(--rem)) 1fr;
  @media (width < 768px) {
    grid-template-columns: 1fr;
  }
}

.table2__item:not(:last-child) {
  border-bottom: 1px solid #d5dde1;
}

.table2__item th {
  background-color: #f0f4f5;
  font-size: calc(20 * var(--rem));
  font-weight: bold;
  padding: calc(24 * var(--rem)) calc(50 * var(--rem));
  text-align: left;
  @media (width < 768px) {
    font-size: calc(18 * var(--rem));
    padding: calc(16 * var(--rem)) calc(24 * var(--rem));
  }
}

.table2__item td {
  font-size: calc(20 * var(--rem));
  padding: calc(24 * var(--rem)) calc(50 * var(--rem));
  @media (width < 768px) {
    font-size: calc(16 * var(--rem));
    padding: calc(16 * var(--rem)) calc(24 * var(--rem));
  }
}

.table2__item-btns {
  display: flex;
  gap: calc(24 * var(--rem));
  margin-block-start: calc(27 * var(--rem));
  @media (width < 768px) {
    flex-direction: column;
  }
}

.table2__item-btns a {
  font-size: calc(20 * var(--rem));
  font-weight: 500;
  text-align: center;
  color: var(--blue);
  border: 1px solid var(--blue);
  padding: calc(10 * var(--rem)) calc(32 * var(--rem));
  @media (width < 768px) {
    padding-block: calc(20 * var(--rem));
    font-size: calc(18 * var(--rem));
  }
}

.table2__item-btns a:nth-of-type(2) {
  color: var(--green);
  border: 1px solid var(--green);
}

.table2__item-wrap {
  margin-block-start: calc(28 * var(--rem));
  display: inline-grid;
  grid-template-columns: repeat(2, auto);
  align-items: center;
  gap: calc(76 * var(--rem));
  line-height: 1;
  @media (width < 768px) {
    grid-template-columns: 1fr;
    gap: 0;
  }
}

.table2__item-wrap a {
  padding-block: calc(10 * var(--rem));
}

/* *************************************
faq-list
************************************* */
.faq-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: calc(100 * var(--rem)) calc(70 * var(--rem));
  @media (width < 768px) {
    grid-template-columns: 1fr;
    gap: calc(80 * var(--rem));
  }
}

.faq-list__item {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
  gap: 0;
}

.faq-list__q {
  font-size: calc(30 * var(--rem));
  font-weight: bold;
  display: inline-grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: calc(12 * var(--rem));
  @media (width < 768px) {
    font-size: calc(24 * var(--rem));
  }
}

.faq-list__q::before {
  content: '';
  display: block;
  width: calc(70 * var(--rem));
  height: calc(80 * var(--rem));
  background: url(../../library/images/interview/q.svg) no-repeat center / contain;
  @media (width < 768px) {
    width: calc(50 * var(--rem));
    height: calc(60 * var(--rem));
  }
}

.faq-list__a {
  margin-block-start: calc(30 * var(--rem));
  font-size: calc(22 * var(--rem));
  @media (width < 768px) {
    margin-block-start: calc(16 * var(--rem));
    font-size: calc(18 * var(--rem));
  }
}

.faq-list__img {
  margin-block-start: calc(72 * var(--rem));
  @media (width < 768px) {
    margin-block-start: calc(16 * var(--rem));
  }
}

.faq-list__img img {
  aspect-ratio: 742/ 488;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* *************************************
search-box
************************************* */
.search-box {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: calc(27 * var(--rem));
  @media (width < 768px) {
    gap: calc(8 * var(--rem));
  }
}

.search-box__title {
  font-size: calc(20 * var(--rem));
  @media (width < 768px) {
    font-size: calc(16 * var(--rem));
  }
}

.search-box__input {
  position: relative;
}

.search-box__input::after {
  content: '';
  display: block;
  width: calc(23 * var(--rem));
  aspect-ratio: 1;
  background: url(../../library/images/works/search-arrow.svg) no-repeat center / contain;
  position: absolute;
  top: 50%;
  right: 6%;
  transform: translate(0%, -50%);
  @media (width < 768px) {
    width: calc(16 * var(--rem));
  }
}

.search-box__input select {
  min-width: calc(300 * var(--rem));
  min-height: calc(60 * var(--rem));
  background-color: var(--white);
  border: 1px solid var(--border);
  border-radius: 0;
  padding-inline: calc(20 * var(--rem));
  font-size: calc(20 * var(--rem));
  color: var(--black);
  @media (width < 768px) {
    min-width: calc(250 * var(--rem));
    min-height: calc(40 * var(--rem));
    font-size: calc(16 * var(--rem));
    display: block;
  }
}

.search-box__input select:hover {
  cursor: pointer;
}

/* *************************************
card1-list
************************************* */
.card1-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: calc(22 * var(--rem)) calc(30 * var(--rem));
  @media (width < 768px) {
    grid-template-columns: 1fr;
  }
}

.card1-list__item {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 4;
  gap: 0;
}

.card1-list__link {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 4;
  gap: 0;
  padding-bottom: calc(50 * var(--rem));
}

.card1-list__img img {
  aspect-ratio: 523 /356;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.card1-list__tag {
  width: fit-content;
  min-width: calc(70 * var(--rem));
  background-color: var(--blue);
  font-size: calc(16 * var(--rem));
  color: var(--white);
  line-height: 1;
  padding: calc(3 * var(--rem)) calc(14 * var(--rem));
  margin-block-start: calc(21 * var(--rem));
  margin-inline-start: calc(17 * var(--rem));
}

.card1-list__tag.card1-list__tag--green {
  background-color: var(--green);
}

.card1-list__title {
  font-size: calc(18 * var(--rem));
  border-bottom: 1px solid var(--border);
  padding-block-end: calc(13 * var(--rem));
  margin-block-start: calc(8 * var(--rem));
  padding-inline: calc(17 * var(--rem));
}

.card1-list__completion {
  margin-block-start: calc(10 * var(--rem));
  margin-inline-start: calc(20 * var(--rem));
}

/* *************************************
single-pagination
************************************* */

.single-pagination {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.single-pagination a {
  font-size: calc(20 * var(--rem));
  padding: calc(5 * var(--rem)) calc(10 * var(--rem));
  @media (width < 768px) {
    font-size: calc(14 * var(--rem));
    padding: calc(5 * var(--rem));
  }
}

.single-pagination a:nth-child(2) {
  text-align: center;
}
.single-pagination a:nth-child(3) {
  text-align: right;
}

.single-pagination a span {
  color: var(--blue);
  font-weight: bold;
}