/* -------------------------------------------------------------------------- */
/*                                   Colors                                   */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                              Default Functions                             */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                               Default Mixins                               */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                Custom Layout                               */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                   Header                                   */
/* -------------------------------------------------------------------------- */
.header {
  background-color: #f7f7f7;
}
.header__wrapper-w100 {
  height: 50px;
  background-color: #322740;
}
.header__wrapper-m {
  height: inherit;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-flow: row nowrap;
  color: #ffffff;
}
.header__logo,
.header__box {
  flex-shrink: 0;
}
.header__logo {
  margin-block: auto;
}
.header__box {
  height: inherit;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row nowrap;
}
.header__button {
  width: 195px;
  height: inherit;
  border-radius: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #d1171b;
}
.header__button span {
  font-weight: 700;
  font-size: 14px;
}
.header__button:hover {
  background-color: rgb(232.4956896552, 50.5043103448, 54.4181034483);
}
.header__nav,
.header__list {
  height: inherit;
}
.header__list {
  display: flex;
  justify-content: end;
  align-items: center;
}
.header__item {
  position: relative;
}
.header__item,
.header__item-link {
  height: inherit;
}
.header__item:not(:last-child)::before {
  content: "";
  position: absolute;
  inset: 0 0 0 auto;
  margin-block: auto;
  width: 2px;
  height: 26px;
  border-radius: 0;
  background-color: #ffffff;
}
.header__item-link {
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  padding-inline: 24px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.06em;
}
.header__item-link .inactive {
  font-weight: 400;
}
.header__item-link:not(.header__item-link--main):hover {
  background-color: rgb(74.7572815534, 58.3106796117, 95.6893203883);
}
.header__item--dropdown {
  position: relative;
}
.header__item--dropdown:hover span::before {
  transform: translateY(2px) rotate(180deg);
}
.header__item--dropdown span {
  position: relative;
  padding-right: 24px;
}
.header__item--dropdown span::before {
  content: "";
  position: absolute;
  inset: 0 0 0 auto;
  margin-block: auto;
  width: 10px;
  height: 6px;
  border-radius: 0;
  background: no-repeat center/contain
    url("/assets/images/common/header_deco.webp");
  transform: translateY(2px);
  transition: all 0.3s;
}
.header__item--dropdown:hover > ul {
  visibility: visible;
  opacity: 1;
}
.header__item--dropdown ul {
  position: absolute;
  inset: 100% auto auto 50%;
  transform: translateX(-50%);
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s;
  padding-top: 4px;
}
.header__item--dropdown ul li {
  width: 100%;
}
.header__item--dropdown ul li:not(:last-child) {
  border-bottom: 1px solid #d9d9d9;
}
.header__item--dropdown ul li a {
  width: inherit;
  color: #ffffff;
  text-align: center;
  padding: 12px 40px;
  white-space: nowrap;
  background-color: #322740;
}
.header__item--dropdown ul li a:hover {
  background-color: rgb(74.7572815534, 58.3106796117, 95.6893203883);
}

/* --------------------------------- Visual --------------------------------- */
.mainvis,
.subvis {
  position: relative;
  background-color: #d0d0d0;
  width: min(100%, 1920px);
  margin-inline: auto;
  margin-inline: auto;
  margin-top: 50px;
}

.mainvis__img {
  width: 100%;
  height: 440px;
  border-radius: 0;
}
.mainvis__catch {
  width: min(100%, 1100px);
  margin-inline: auto;
  position: absolute;
  display: flex;
  justify-content: space-between;
  align-items: start;
  flex-flow: column nowrap;
  inset: 0;
  z-index: 50;
  padding-block: 40px;
}
.mainvis__catch .cmn-button {
  margin-inline: 0 auto;
}

.subvis__img {
  width: 100%;
  height: 300px;
  border-radius: 0;
}
.subvis__catch {
  width: min(100%, 1100px);
  margin-inline: auto;
  position: absolute;
  inset: 50% 0 auto 0;
  transform: translateY(-50%);
  z-index: 50;
}
.subvis__catch h2 {
  width: fit-content;
  font-size: 48px;
  font-weight: 700;
  padding-inline: 8px;
  background-color: #ffffff;
}

/* -------------------------------------------------------------------------- */
/*                                    Main                                    */
/* -------------------------------------------------------------------------- */
/* ---------------------------------- Sec01 --------------------------------- */
.sec01__header {
  margin-bottom: 56px;
  position: relative;
  font-weight: 700;
}
.sec01__header p {
  width: fit-content;
  position: absolute;
  inset: auto 0 0 0;
  margin: auto;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 14rem;
  color: #f7f7f7;
  line-height: 80px;
  z-index: -20;
}
.sec01__header h3 {
  text-align: center;
  font-size: 42px;
}
.sec01__list {
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-flow: row wrap;
  gap: 32px;
}
.sec01__item {
  width: min(100%, 534px);
  padding: 32px;
  border: 1px solid #171616;
}
.sec01__item-header {
  margin-bottom: 16px;
}
.sec01__item-header h4 {
  font-size: 26px;
  font-weight: 700;
}

/* ---------------------------------- Sec02 --------------------------------- */
.sec02 {
  position: relative;
}
.sec02::before {
  content: "";
  position: absolute;
  inset: 0;
  margin-block: auto;
  width: 100%;
  height: 442px;
  border-radius: 0;
  background-color: #f7f7f7;
  z-index: -30;
}
.sec02__wrapper-ll {
  display: flex;
  justify-content: start;
  align-items: center;
  flex-flow: row nowrap;
  gap: 6.5rem;
}
.sec02__lbox {
  position: relative;
  z-index: 5;
  width: min(100%, 490px);
  margin-inline: auto 0;
}
.sec02__lbox .cmn-header p {
  color: #f0f0f0;
}
.sec02__lbox .cmn-textbox {
  width: min(100%, 490px);
  margin-bottom: 24px;
}
.sec02__lbox .cmn-button {
  margin-inline: 0 auto;
}
.sec02__rbox {
  position: relative;
  display: flex;
  justify-content: start;
  align-items: end;
  flex-flow: row nowrap;
  gap: 40px;
}

.sec02__slider {
  position: relative;

  .splide__track {
    width: 627px;
    overflow: visible;
  }

  /* &::before {
    content: "";
    width: 1080px;
    height: 100%;
    background-color: #ffffff;
    position: absolute;
    left: -1080px;
    z-index: 2;
  } */
  &::after {
    content: "";
    position: absolute;
    width: 100vw;
    /* height: 442px; */
    height: 510px;
    border-radius: 0;
    /* background-color: #f7f7f7; */
    background: linear-gradient(
      to bottom,
      #ffffff 29px,
      #f7f7f7 29px,
      #f7f7f7 471px,
      #ffffff 471px
    );
    z-index: 2;
    top: 0;
    /* top: 34px; */
    left: -100vw;
  }
}

.sec02__arrows {
  position: relative;
  z-index: 3;
  width: 45px;
  height: 143px;
  border-radius: 0;
  margin-bottom: 80px;
}
.sec02__arrows p {
  font-size: 14px;
  letter-spacing: 0.36em;
  text-align: center;
  margin-bottom: 16px;
}
.sec02__arrows p span {
  font-weight: 700;
}
.sec02__arrows-button {
  background: none;
}
.sec02__arrows-button:not(:last-child) {
  margin-bottom: 16px;
}
.sec02__arrows-button:hover {
  opacity: 0.7;
}
.sec02__list {
  /* width: 627px; */
  height: 510px;
  border-radius: 0;
  counter-reset: count;
  display: flex;
  justify-content: start;
  align-items: stretch;
  flex-flow: row nowrap;
  /* gap: 24px; */
}
.sec02__item {
  width: min(100%, 404px) !important;
  height: 510px;
  border-radius: 0;
}
.sec02__item-link {
  width: inherit;
  height: inherit;
  border-radius: 0;
  border: 1px solid #171616;
  background-color: #ffffff;
  padding: 32px;
  position: relative;
}
.sec02__item-link:hover .sec02__item-img img {
  scale: 1.05;
}
.sec02__item-link:hover .cmn-button span::before {
  transform: translateX(3px);
}
.sec02__item-link .cmn-button {
  position: absolute;
  inset: auto 0 0 auto;
  margin: 0;
}
.sec02__item-img {
  width: 340px;
  height: 340px;
  border-radius: 0;
  position: relative;
  margin-bottom: 16px;
  overflow: hidden;
}
/* .sec02__item-img::before {
  counter-increment: count;
  content: "interview #" counter(count);
  position: absolute;
  inset: 0 auto auto 0;
  font-size: 14px;
  font-weight: 700;
  color: #ffffff;
  background-color: #171616;
  padding: 0.5rem 8px;
  text-transform: uppercase;
} */
.sec02__item-num {
  position: absolute;
  z-index: 2;
  inset: 0 auto auto 0;
  font-size: 14px;
  font-weight: 700;
  color: #ffffff;
  background-color: #171616;
  padding: 0.5rem 8px;
  text-transform: uppercase;
}
.sec02__item-img img {
  width: inherit;
  height: inherit;
  border-radius: 0;
  transition: scale 0.3s;
}
.sec02__item-name {
  position: absolute;
  inset: auto auto 0 0;
  background-color: #ffffff;
  padding: 8px 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row nowrap;
}
.sec02__item-name p {
  font-size: 16px;
}
.sec02__item-name span {
  font-size: 1.2rem;
  padding-left: 8px;
  margin-left: 8px;
  position: relative;
}
.sec02__item-name span::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  margin-block: auto;
  width: 1px;
  height: 18px;
  border-radius: 0;
  background-color: #171616;
}
.sec02__item-header h4 {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  /* text-align: justify; */
  font-size: 18px;
  font-weight: 700;
}

/* ---------------------------------- Sec03 --------------------------------- */
.sec03__container {
  display: flex;
  justify-content: center;
  align-items: start;
  flex-flow: row wrap;
  gap: 32px;
}
.sec03__box {
  width: min(100%, 534px);
}
.sec03__box .cmn-textbox {
  margin-bottom: 24px;
}
.sec03__box .cmn-button {
  margin-inline: 0 auto;
}

/* ---------------------------------- Sec04 --------------------------------- */
.sec04__tbox {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  gap: 32px;
  margin-bottom: 24px;
}
.sec04__tbox .cmn-textbox {
  width: min(100%, 804px);
}
.sec04__bbox {
  background-color: #f7f7f7;
  padding: 32px;
}
.sec04__bbox-header {
  margin-bottom: 24px;
}
.sec04__bbox-header h4 {
  font-size: 26px;
  font-weight: 700;
}
.sec04__bbox-box {
  display: flex;
  justify-content: center;
  align-items: start;
  flex-flow: row wrap;
  gap: 32px;
}
.sec04__bbox-box .cmn-textbox {
  width: min(100%, 624px);
}

/* ---------------------------------- Sec05 --------------------------------- */
.sec05 {
  background-color: #bcddf5;
}
.sec05__wrapper-xl {
  padding-block: 12.6rem 10.3rem;
  background: no-repeat center/cover url("/assets/images/top/sec05_img.webp");
}
.sec05__list {
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-flow: row wrap;
  gap: 32px;
}
.sec05__item {
  width: min(100%, 345px);
}
.sec05__item-link {
  width: inherit;
  height: inherit;
  border-radius: 0;
  background-color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 32px;
}
.sec05__item-link:hover {
  background-color: #f7f7f7;
}
.sec05__item-header {
  width: 100%;
  font-weight: 700;
  position: relative;
  padding-right: 40px;
}

.sec05__item-header::before {
  content: "";
  position: absolute;
  inset: 0 0 0 auto;
  margin-block: auto;
  width: 32px;
  height: 32px;
  border-radius: 0;
  background: no-repeat center/contain url("/assets/images/top/sec05_deco.webp");
  transition: transform 0.3s;
}
.sec05__item-link:hover .sec05__item-header::before {
  transform: translateX(3px);
}

.sec05__item-header h3 {
  font-size: 18px;
}
.sec05__item-header p {
  font-size: 14px;
  color: #a0a0a0;
  text-transform: uppercase;
}

/* ---------------------------------- Sec06 --------------------------------- */
.sec06 {
  background-color: #f7f7f7;
}
.sec06__list {
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-flow: row wrap;
  gap: 32px;
}
.sec06__item {
  width: min(100%, 345px);
  background-color: #ffffff;
  padding: 24px;
}
.sec06__item-header {
  margin-bottom: 40px;
  font-weight: 700;
}
.sec06__item-header p {
  font-size: 14px;
}
.sec06__item-header h3 {
  font-size: 26px;
}
.sec06__item2:not(:last-child) {
  margin-bottom: 16px;
}
.sec06__item2-link {
  width: inherit;
  height: inherit;
  border-radius: 0;
  position: relative;
  padding-bottom: 8px;
  border-bottom: 1px dashed #171616;
  font-size: 18px;
  font-weight: 700;
  transition: all 0.3s;
}
.sec06__item2-link::before {
  content: "";
  position: absolute;
  inset: 0 0 0 auto;
  margin-block: auto;
  width: 16px;
  height: 16px;
  border-radius: 0;
  background: no-repeat center/contain
    url("/assets/images/common/sec06_deco.webp");
  transition: transform 0.3s;
}
.sec06__item2-link:hover::before {
  transform: translateX(3px);
}
.sec06__item2-link:hover {
  opacity: 0.7;
}

/* ---------------------------------- Sec07 --------------------------------- */
.sec07 {
  position: relative;
}
.sec07::before {
  content: "";
  position: absolute;
  width: calc(50% + 100px);
  inset: 0;
  background: no-repeat center/cover url("/assets/images/top/sec07_img2.webp");
  z-index: -20;
}
.sec07__wrapper-ll {
  display: flex;
  justify-content: start;
  align-items: stretch;
  flex-flow: row nowrap;
  gap: 56px;
  transition: all 0.3s;
}
.sec07__lbox {
  width: min(100%, 505px);
  flex-shrink: 0;
  margin-inline: auto 0;
  display: flex;
  justify-content: center;
  align-items: start;
  flex-flow: column nowrap;
}
.sec07__lbox-box {
  display: flex;
  justify-content: start;
  align-items: center;
  flex-flow: row nowrap;
  gap: 24px;
}
.sec07__lbox-box .cmn-button {
  margin-inline: 0;
}
.sec07__link span {
  font-size: 16px;
  color: #142547;
  text-decoration: underline;
}
.sec07__link:hover {
  opacity: 0.7;
}
.sec07__header {
  color: #142547;
  font-weight: 700;
  margin-bottom: 64px;
}
.sec07__header h3 {
  font-size: 42px;
  margin-bottom: 24px;
}

@media screen and (width <= 1440px) {
  .sec07 {
    padding-left: 32px;
  }
  .sec07__wrapper-ll {
    gap: 24px;
  }
}
/* -------------------------------------------------------------------------- */
/*                                  Overview                                  */
/* -------------------------------------------------------------------------- */
/* ---------------------------------- Sec08 --------------------------------- */
.sec08 {
  padding-block: 40px;
  background-color: #f7f7f7;
}
.sec08__list {
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-flow: row wrap;
  gap: 32px;
}
.sec08__item {
  width: min(100%, 251px);
}
.sec08__item-link {
  width: inherit;
  height: inherit;
  border-radius: 0;
  background-color: #ffffff;
  padding: 24px;
}
.sec08__item-link:hover {
  opacity: 0.7;
}
.sec08__item-header {
  font-weight: 700;
  position: relative;
}
.sec08__item-header::before {
  content: "";
  position: absolute;
  inset: 0 0 0 auto;
  margin-block: auto;
  width: 22px;
  height: 22px;
  border-radius: 0;
  background: no-repeat center/contain
    url("/assets/images/overview/sec08_deco.webp");
}
.sec08__item-header h3 {
  font-size: 16px;
}
.sec08__item-header p {
  font-size: 1.2rem;
  text-transform: uppercase;
  color: #a0a0a0;
}

/* ---------------------------------- Sec09 --------------------------------- */
.sec09__content:has(+ .sec09__content) {
  margin-bottom: 10rem;
}
.sec09__box {
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-flow: row wrap;
  gap: 16px 32px;
  margin-bottom: 40px;
}
.sec09__box .cmn-textbox {
  width: min(100%, 534px);
}
.sec09__list {
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-flow: row wrap;
  gap: 32px;
}
.sec09__item {
  width: min(100%, 345px);
  border: 1px solid #171616;
  padding: 24px;
}
.sec09__item-img,
.sec09__item-header {
  margin-bottom: 24px;
}
.sec09__item-img {
  margin-inline: auto;
}
.sec09__item-header {
  margin-bottom: 24px;
}
.sec09__item-header h4 {
  font-size: 26px;
  font-weight: 700;
}

/* -------------------------------------------------------------------------- */
/*                                   Office                                   */
/* -------------------------------------------------------------------------- */
/* ---------------------------------- Sec10 --------------------------------- */
.sec10__item img {
  width: 1052px;
  height: 663px;
  border-radius: 0;
  margin: 0 auto 24px auto;
}
.sec10__item2 {
  opacity: 0.6;
}
.sec10__item2:hover {
  cursor: pointer;
}
.sec10__item2.is-active {
  opacity: 1;
  border: none !important;
}
.sec10__item2 img {
  width: 100%;
  height: 100%;
  border-radius: 0;
}
.sec10__progress {
  width: min(100%, 740px);
  margin: 24px auto;
}
.sec10__progress-wrapper {
  background-color: #e3e3e3;
}
.sec10__progress-bar {
  background-color: #171616;
  width: 0px;
  height: 4px;
  transition: all 0.3s;
}

/* -------------------------------------------------------------------------- */
/*                                   Company                                  */
/* -------------------------------------------------------------------------- */
.sec11__table {
  margin-bottom: 80px;
}
.sec11__map {
  width: 100%;
  height: 356px;
  border-radius: 0;
  background-color: #f7f7f7;
  margin-bottom: 24px;
}
.sec11__map iframe {
  width: inherit;
  height: inherit;
  border-radius: 0;
  border: none;
}
.sec11__list {
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-flow: row wrap;
  gap: 40px;
  margin-bottom: 40px;
}
.sec11__item {
  width: min(100%, 530px);
}
.sec11__item-img {
  margin: 0 auto 24px auto;
}
.sec11__img {
  margin-bottom: 24px;
}

/* -------------------------------------------------------------------------- */
/*                                     Faq                                    */
/* -------------------------------------------------------------------------- */
/* ---------------------------------- Sec12 --------------------------------- */
.sec12__item {
  width: 100%;
  background-color: #f7f7f7;
}
.sec12__item:not(:last-child) {
  margin-bottom: 24px;
}
.sec12__item-button {
  width: inherit;
  height: inherit;
  border-radius: 0;
  background: none;
  padding: 32px 24px 0;
  transition: all 0.3s;
}
.sec12__item-header,
.sec12__item .cmn-textbox {
  padding-left: 32px;
  position: relative;
  text-align: left;
}
.sec12__item-header::before,
.sec12__item .cmn-textbox::before {
  position: absolute;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  inset: 0 auto auto 0;
  text-transform: uppercase;
}
.sec12__item-header h3,
.sec12__item .cmn-textbox p {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.04em;
}
.sec12__item-header {
  padding-bottom: 24px;
  display: flex;
  justify-content: start;
  align-items: center;
  flex-flow: row nowrap;
  gap: 16px;
}
.sec12__item-header::before {
  content: "q";
}
.sec12__item-header h3 {
  flex-grow: 1;
}
.sec12__item-img {
  width: 28px;
  height: 16px;
  border-radius: 0;
  transition: all 0.3s;
}
.sec12__item-img--rotate {
  transform: rotate(180deg);
}
.sec12__item-box {
  padding: 24px 24px;
  display: none;
  position: relative;
}
.sec12__item-box--active {
  display: block;
}
.sec12__item-box::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  margin-inline: auto;
  width: calc(100% - 48px);
  height: 1px;
  border-radius: 0;
  background-color: #171616;
}
.sec12__item .cmn-textbox::before {
  content: "a";
  transform: translateY(-4px);
}

/* -------------------------------------------------------------------------- */
/*                                   Recruit                                  */
/* -------------------------------------------------------------------------- */
/* ---------------------------------- Sec13 --------------------------------- */
.sec13 {
  padding-block: 40px;
  background-color: #f7f7f7;
}
.sec13__list {
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-flow: row wrap;
  gap: 32px;
}
.sec13__item {
  width: min(100%, 345px);
}
.sec13__item-link {
  width: inherit;
  height: inherit;
  border-radius: 0;
  background-color: #ffffff;
  padding: 32px;
}
.sec13__item-link:hover {
  opacity: 0.7;
}
.sec13__item-header {
  position: relative;
}
.sec13__item-header::before {
  content: "";
  position: absolute;
  inset: 0 0 0 auto;
  margin-block: auto;
  width: 32px;
  height: 32px;
  border-radius: 0;
  background: no-repeat center/contain
    url("/assets/images/recruit/sec13_deco.webp");
}
.sec13__item-header h3 {
  font-size: 18px;
  font-weight: 700;
}

/* ---------------------------------- Sec14 --------------------------------- */
.sec14__content:not(:last-child) {
  margin-bottom: 80px;
}
.sec14__table {
  margin-bottom: 40px;
}
.sec14 .cmn-button {
  width: min(100%, 290px);
}

/* -------------------------------------------------------------------------- */
/*                                 Evaluation                                 */
/* -------------------------------------------------------------------------- */
/* ---------------------------------- Sec15 --------------------------------- */
.sec15__textbox {
  margin-bottom: 24px;
}
.sec15__content {
  display: flex;
  justify-content: center;
  align-items: start;
  flex-flow: row wrap;
  gap: 24px 32px;
}
.sec15__content-lbox,
.sec15__content-rbox {
  width: min(100%, 534px);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column nowrap;
  gap: 24px;
}
.sec15__box {
  width: 100%;
  border: 1px solid #d9d9d9;
}
.sec15__box-header {
  padding: 24px;
  background-color: #d2f0fe;
  border-bottom: 1px solid #d9d9d9;
}
.sec15__box-header h4 {
  font-size: 16px;
  font-weight: 700;
  text-align: center;
}
.sec15__list {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
}
.sec15__item {
  width: 100%;
  padding: 24px;
}
.sec15__item:not(:last-child) {
  border-bottom: 1px solid #d9d9d9;
}
.sec15__item h5 {
  font-size: 16px;
  font-weight: 700;
  text-align: center;
}
.sec15__item--half {
  width: 50%;
}
.sec15__item--half:nth-child(odd) {
  border-right: 1px solid #d9d9d9;
}
.sec15__item--half:last-child {
  border: none;
}
.sec15__item--spec {
  border-right: 1px solid #d9d9d9;
  border-bottom: none !important;
}
.sec15__item-table {
  width: 100%;
  table-layout: fixed;
}
.sec15__item-table th {
  width: 40%;
  font-size: 16px;
  font-weight: 700;
}
.sec15__item-table td {
  line-height: 2;
}

/* ---------------------------------- Sec16 --------------------------------- */
.sec16 .cmn-textbox {
  margin-bottom: 24px;
}
.sec16__list {
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-flow: row wrap;
  gap: 32px;
}
.sec16__item {
  width: min(100%, 534px);
}
.sec16__item-header {
  margin-bottom: 24px;
}
.sec16__item-header h4 {
  font-size: 26px;
  font-weight: 700;
}

/* -------------------------------------------------------------------------- */
/*                                   Career                                   */
/* -------------------------------------------------------------------------- */
/* ---------------------------------- Sec17 --------------------------------- */
.sec17__content,
.sec17__textbox {
  margin-bottom: 24px;
}
.sec17__content {
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-flow: row wrap;
  gap: 32px;
}
.sec17__box {
  width: min(100%, 534px);
}
.sec17__box .cmn-textbox {
  margin-bottom: 24px;
}
.sec17__box .cmn-list li:not(:last-child) {
  margin-bottom: 24px;
}
.sec17__list {
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-flow: row wrap;
  gap: 32px;
}
.sec17__item {
  width: min(100%, 534px);
}
.sec17__item-img,
.sec17__item-header {
  margin-bottom: 24px;
}
.sec17__item-header h4 {
  font-size: 26px;
  font-weight: 700;
}

/* ---------------------------------- Sec18 --------------------------------- */
.sec18 {
  /* padding-top: 0; */
}
.sec18__img {
  margin-bottom: 24px;
}

/* -------------------------------------------------------------------------- */
/*                                  Benefits                                  */
/* -------------------------------------------------------------------------- */
/* ---------------------------------- Sec19 --------------------------------- */
.sec19__content {
  display: flex;
  justify-content: center;
  align-items: start;
  flex-flow: row wrap;
  gap: 24px;
}
.sec19__content:not(:last-child) {
  margin-bottom: 64px;
}
.sec19__content-box {
  width: min(100%, 542px);
}
.sec19__content .cmn-textbox:not(:last-child) {
  margin-bottom: 24px;
}
.sec19__content .cmn-list {
  margin-bottom: 24px;
}

/* ---------------------------------- Sec20 --------------------------------- */
.sec20 {
  padding-top: 0;
}
.sec20__list {
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-flow: row wrap;
  gap: 32px;
}
.sec20__item {
  width: min(100%, 345px);
  background-color: #f7f7f7;
  padding: 24px;
}
.sec20__item-header {
  font-weight: 700;
  letter-spacing: 0.04em;
  margin-bottom: 24px;
}
.sec20__item-header h4 {
  font-size: 26px;
  text-align: center;
  margin-bottom: 24px;
}
.sec20__item-header p {
  font-size: 20px;
}
.sec20__item .cmn-textbox p {
  letter-spacing: 0.04em;
}

/* ---------------------------------- Sec21 --------------------------------- */
.sec21 {
  padding-top: 0;
}
.sec21__list {
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-flow: row wrap;
  gap: 32px;
  counter-reset: count;
}
.sec21__item {
  width: min(100%, 251px);
  background-color: #f7f7f7;
  padding: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column nowrap;
  gap: 24px;
  position: relative;
  text-align: center;
}
.sec21__item::before {
  counter-increment: count;
  content: counter(count, decimal-leading-zero);
  display: block;
  font-size: 26px;
  font-weight: 700;
}
.sec21__item-header h4 {
  font-size: 16px;
  letter-spacing: 0.04em;
}

/* -------------------------------------------------------------------------- */
/*                                  Interview                                 */
/* -------------------------------------------------------------------------- */
/* ---------------------------------- Sec22 --------------------------------- */
.sec22d__tbox {
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-flow: row wrap;
  gap: 32px;
  margin-bottom: 40px;
}
.sec22d__mbox {
  width: min(100%, 750px);
  margin: 0 auto 80px auto;
}
.sec22d__header {
  width: min(100%, 728px);
}
.sec22d__header-num {
  width: fit-content;
  padding: 0.5rem 8px;
  background-color: #171616;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.sec22d__header-inf {
  font-size: 18px;
  margin-bottom: 24px;
}
.sec22d__header h3 {
  font-size: 42px;
  font-weight: 700;
}
.sec22d__img {
  width: 340px;
  height: 334px;
  border-radius: 0;
}
.sec22d__list {
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-flow: row nowrap;
  gap: 32px;
}
.sec22d__item {
  width: min(100%, 524px);
}
.sec22d__item--prev {
  margin-inline: 0 auto;
}
.sec22d__item--next {
  margin-inline: auto 0;
}
.sec22d__item-link {
  width: inherit;
  height: inherit;
  border-radius: 0;
}
.sec22d__item-link:hover{
  opacity: 0.7;
}
.sec22d__item-arrow {
  font-size: 18px;
  position: relative;
  margin-bottom: 8px;
}
.sec22d__item-arrow::before {
  content: "";
  position: absolute;
  margin: auto 8px;
  width: 8px;
  height: 12px;
  border-radius: 0;
  background: no-repeat center/contain;
  transform: translateY(2px);
}
.sec22d__item-arrow--prev {
  padding-left: 24px;
}
.sec22d__item-arrow--prev::before {
  inset: 0 auto 0 0;
  background-image: url("/assets/images/interview/newsd_deco1.webp");
}
.sec22d__item-arrow--next {
  padding-right: 24px;
  text-align: right;
}
.sec22d__item-arrow--next::before {
  inset: 0 0 0 auto;
  background-image: url("/assets/images/interview/newsd_deco2.webp");
}
.sec22d__item-box {
  border: 1px solid #171616;
  padding: 32px;
  display: flex;
  justify-content: center;
  align-items: start;
  flex-flow: row nowrap;
  gap: 32px;
}
.sec22d__item-img {
  width: 170px;
  height: 167px;
  border-radius: 0;
}
.sec22d__item-num {
  width: fit-content;
  padding: 0.5rem 8px;
  background-color: #171616;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.sec22d__item-inf {
  font-size: 16px;
  margin-bottom: 24px;
}
.sec22d__item-inf small {
  font-size: 1.2rem;
}
.sec22d__item-header {
  width: min(100%, 268px);
}
.sec22d__item-header h3 {
  font-size: 18px;
  font-weight: 700;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

/* インタビュー記事 */
.sec22d__faq-wrap {
}

.sec22d__faq-item {
  margin-bottom: 40px;
}

.sec22d__faq-ttl {
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 24px;
}

.sec22d__faq-question {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.04em;
  margin-bottom: 1em;
}

.sec22d__faq-answer {
  letter-spacing: 0.04em;
}

@media screen and (max-width: 768px) {
  .sec22d__faq-wrap {
  }

  .sec22d__faq-item {
    margin-bottom: calc((40 / 390) * 100vw);
  }

  .sec22d__faq-ttl {
    font-size: calc((26 / 390) * 100vw);
    font-weight: bold;
    margin-bottom: calc((24 / 390) * 100vw);
  }

  .sec22d__faq-question {
    font-size: inherit;
    font-weight: bold;
    letter-spacing: 0.04em;
    margin-bottom: 1em;
  }

  .sec22d__faq-answer {
    letter-spacing: 0.04em;
  }
}

/* -------------------------------------------------------------------------- */
/*                                   Footer                                   */
/* -------------------------------------------------------------------------- */
.footer {
  background-color: #142547;
  color: #ffffff;
}
.footer__wrapper-m {
  padding-block: 80px 16px;
}
.footer__tbox,
.footer__list {
  margin-bottom: 40px;
}
.footer__tbox {
  display: flex;
  justify-content: start;
  align-items: center;
  flex-flow: row wrap;
  gap: 40px;
}
.footer__logo {
  width: fit-content;
}
.footer__address br {
  display: none;
}
.footer__nav {
  display: flex;
  justify-content: start;
  align-items: stretch;
  flex-flow: row nowrap;
  gap: 40px;
}
.footer__list {
  width: min(100%, 180px);
}
.footer__item {
  width: 100%;
}
.footer__item:not(:last-child) {
  margin-bottom: 8px;
}
.footer__item-title {
  font-size: 18px;
  letter-spacing: 0.04em;
  padding-bottom: 8px;
  border-bottom: 1px dashed #ffffff;
}
.footer__item-link {
  width: fit-content;
  font-size: 16px;
}
.footer__item-link:hover {
  opacity: 0.7;
}
.footer__copyright {
  font-size: clamp(10px, 2.5vw, 12px);
}
.footer__copyright a {
  display: inline-flex;
}