.McREvsHxLNzlJ5ykKRRL {
  flex: 1;
  margin-top: 64px;
  position: relative;
  max-height: 600px;
  min-height: 480px;
  width: 100%;
}

.McREvsHxLNzlJ5ykKRRL .L_lfZthuE1iyXJcLrG5D {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 20px;
  text-align: center;
  width: 100%;
}

.McREvsHxLNzlJ5ykKRRL div {
  margin-bottom: 8px;
}

.MX2eaUcnB6FO8EhgDwuB {
  background-color: var(--footer-background);
  box-shadow: 0px 0px 8px rgba(0, 60, 216, 0.16);
  font-size: 14px;
  color: var(--color-white);
  min-height: 220px;
}

@media (min-width: 768px) {
  .MX2eaUcnB6FO8EhgDwuB {
    width: 100%;
    min-height: 257px;
  }

  .MX2eaUcnB6FO8EhgDwuB.yXoPoH7pyOotvK9a_QCo {
    min-width: 1440px;
  }
}

.MX2eaUcnB6FO8EhgDwuB ul {
  display: flex;
  justify-content: center;
  padding: 25px 0;
  margin: 0 20px;
  border-bottom: solid white 1px;
}

@media (max-width: 767px) {
  .MX2eaUcnB6FO8EhgDwuB ul {
    padding: 20px 0;
  }
}

.MX2eaUcnB6FO8EhgDwuB ul li {
  margin: 0 30px;
  list-style: none;
}

@media (max-width: 767px) {
  .MX2eaUcnB6FO8EhgDwuB ul li {
    margin: 0 10px;
    font-size: 11px;
  }
}

.MX2eaUcnB6FO8EhgDwuB p {
  display: flex;
  flex-direction: column;
  text-align: center;
  padding: 8px 0 30px;
  margin: 0;
  font-size: 12px;
}

@media (max-width: 767px) {
  .MX2eaUcnB6FO8EhgDwuB p {
    font-size: 10px;
    padding-bottom: 20px;
  }
}

.MX2eaUcnB6FO8EhgDwuB a {
  color: var(--color-white);
  text-decoration: none;
}

.MX2eaUcnB6FO8EhgDwuB a:hover {
  text-decoration: underline;
}

.U0O5maQkCHvVB5gsB4jv {
  display: flex;
  flex-direction: column;
  text-align: center;
  font-size: 14px;
  margin: 17px 0;
}

@media (max-width: 767px) {
  .U0O5maQkCHvVB5gsB4jv {
    font-size: 11px;
    margin: 12px 0;
  }
}

.U0O5maQkCHvVB5gsB4jv p {
  margin: 8px;
  padding: 0;
  font-size: 14px;
}

@media (max-width: 767px) {
  .U0O5maQkCHvVB5gsB4jv p {
    font-size: 11px;
  }
}

.U0O5maQkCHvVB5gsB4jv a {
  margin: 8px auto;
}

@media (max-width: 767px) {
  .U0O5maQkCHvVB5gsB4jv a {
    font-size: 11px;
  }
}

.ubbDxspQPjZFpkKq2UZQ {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 20px;
  border-bottom: solid white 1px;
}

@media (max-width: 767px) {
  .ubbDxspQPjZFpkKq2UZQ {
    padding: 20px 0;
  }

  .ubbDxspQPjZFpkKq2UZQ div:nth-of-type(2n+1) .MuiCollapse-root {
    left: -1vw;
  }

  .ubbDxspQPjZFpkKq2UZQ div:nth-of-type(2n) .MuiCollapse-root {
    left: -45vw;
  }

  .ubbDxspQPjZFpkKq2UZQ div:nth-of-type(11) .MuiCollapse-root {
    left: -23vw;
  }
}

@media (min-width: 768px) {
  .ubbDxspQPjZFpkKq2UZQ {
    padding: 25px 0;
  }

  .ubbDxspQPjZFpkKq2UZQ div:nth-of-type(3n+1) .MuiCollapse-root {
    left: 0vw;
  }

  .ubbDxspQPjZFpkKq2UZQ div:nth-of-type(3n+2) .MuiCollapse-root {
    left: -30vw;
  }

  .ubbDxspQPjZFpkKq2UZQ div:nth-of-type(3n) .MuiCollapse-root {
    left: -60vw;
  }

  .ubbDxspQPjZFpkKq2UZQ div:nth-of-type(10) .MuiCollapse-root {
    left: -15vw;
  }

  .ubbDxspQPjZFpkKq2UZQ div:nth-of-type(11) .MuiCollapse-root {
    left: -45vw;
  }
}

.RTi2oCNiLeHpByY62pmQ.MuiAccordion-root {
  background: none;
  color: white;
  box-shadow: none;
}

.RTi2oCNiLeHpByY62pmQ.MuiAccordion-root::before {
  height: 0;
}

.RTi2oCNiLeHpByY62pmQ .MuiCollapse-root {
  position: relative;
  width: 90vw;
  background: var(--footer-background);
  z-index: 1;
}

@media (min-width: 768px) {
  .RTi2oCNiLeHpByY62pmQ.MuiAccordion-root {
    width: 30vw;
  }
}

@media (max-width: 767px) {
  .RTi2oCNiLeHpByY62pmQ.MuiAccordion-root {
    width: 44vw;
  }
}

.ig6kVt_hDHTATjiQyKOr.MuiAccordionSummary-root:hover:not(.Mui-disabled) {
  cursor: default;
}

@media (max-width: 767px) {
  .ig6kVt_hDHTATjiQyKOr.MuiAccordionSummary-root {
    padding: 0 5px;
  }
}

.ig6kVt_hDHTATjiQyKOr .MuiAccordionSummary-content {
  display: contents;
  margin: 12px auto;
  cursor: pointer;
}

/* クリックできる範囲 */
.ig6kVt_hDHTATjiQyKOr .tVF1PeR3uCzyVbWVdC0V {
  display: flex;
  justify-content: center;
  width: fit-content;
  align-items: center;
}

@media (max-width: 767px) {
  .ig6kVt_hDHTATjiQyKOr .tVF1PeR3uCzyVbWVdC0V {
    width: 100%;
    align-items: flex-end;
    justify-content: space-between;
    border-bottom: dashed 1px #888888;
  }

  .ig6kVt_hDHTATjiQyKOr .dCilxPIRdRSq6lKmxRFN {
    border-bottom: none;
  }
}

.ig6kVt_hDHTATjiQyKOr .W1pZpCMMzkziNxldQFUV {
  padding: 0;
}

@media (max-width: 767px) {
  .ig6kVt_hDHTATjiQyKOr .W1pZpCMMzkziNxldQFUV {
    font-size: 9px;
    text-align: left;
  }
}

.ig6kVt_hDHTATjiQyKOr .NoFtlhNqq_3SG6qbsxWR {
  display: none;
}

@media (max-width: 767px) {
  .ig6kVt_hDHTATjiQyKOr .NoFtlhNqq_3SG6qbsxWR {
    display: block;
  }
}

.ig6kVt_hDHTATjiQyKOr svg {
  transition: 0.2s;
}

.ig6kVt_hDHTATjiQyKOr svg.soLIAgckJwDzWW7PL2p2 {
  transform: rotate(180deg);
}

@media (max-width: 767px) {
  .ig6kVt_hDHTATjiQyKOr svg {
    height: 18px;
    width: 18px;
  }
}

.Yg6wjkU0K_RYUSB6MYJg.MuiAccordionDetails-root {
  display: flex;
  flex-wrap: wrap;
  z-index: 1;
  padding: 0;
}

.Yg6wjkU0K_RYUSB6MYJg div {
  font-size: 12px;
  margin-bottom: 5px;
  width: 20%;
}

@media (max-width: 767px) {
  .Yg6wjkU0K_RYUSB6MYJg.MuiAccordionDetails-root {
    width: 90vw;
  }

  .Yg6wjkU0K_RYUSB6MYJg div {
    font-size: 8px;
    width: 50%;
  }
}

/* CSS Modules for SkillsTable */

/* SkillsTableBody - Table body with border and shadow */
.DQrseElvMPI6AZqPGNO4 {
  border: 1px solid rgba(224, 224, 224, 1);
}

.SOerFELDF494uekFGBf8 {
  box-shadow: none;
  margin-bottom: 10px;
}

.phl6v2G25bR5FIbSMysR {
  box-shadow: initial;
  margin-bottom: 0;
}

.DQrseElvMPI6AZqPGNO4 tr > th {
  max-width: none;
  width: 150px;
  background: #F8F8F8;
  font-size: 14px;
  font-weight: bold;
  padding: 13px 10px 13px 20px;
}

@media (max-width: 767px) {
  .SOerFELDF494uekFGBf8 tr > th {
    font-size: 12px;
    width: 110px;
    padding: 19px 6px 19px 13px;
  }

  .phl6v2G25bR5FIbSMysR tr > th {
    font-size: 12px;
    width: 100px;
    padding: 18px 6px 18px 6px;
  }
}

.DQrseElvMPI6AZqPGNO4 tr > td {
  font-size: 14px;
  padding: 0 10px 0 20px;
}

@media (max-width: 767px) {
  .DQrseElvMPI6AZqPGNO4 tr > td {
    font-size: 12px;
  }

  .DQrseElvMPI6AZqPGNO4 tr > td.PaJzc5PFWT86B96U0eC2 {
    padding: 8px 10px 8px 20px;
  }
}

/* ButtonCell - Container for skill buttons */
.wktXw_k6Tv0wRpf0pKad {
  margin: 5px 0;
}

/* SkillButton - Individual skill button */
/* MUIのコンポーネントデザインより優先するために、globalクラス付与 */
.PjtG5K1cKvvZvhCozMXI.MuiButton-root {
  padding: 1px 11px;
  min-width: unset;
  font-weight: bold;
  text-transform: none;
}

.IsfHPmiJ3DTcEg2jzthk.MuiButton-root {
  margin: 5px 10px 5px 0;
}

.J2L2NbelHcFVHgU3_heV.MuiButton-root {
  margin: 5px 20px 5px 0;
}

@media (max-width: 767px) {
  .PjtG5K1cKvvZvhCozMXI.MuiButton-root {
    font-size: 12px;
    margin: 8px 10px 8px 0;
  }

  .IsfHPmiJ3DTcEg2jzthk.MuiButton-root {
    padding: 4px 8px;
    min-width: 35px;
  }

  .J2L2NbelHcFVHgU3_heV.MuiButton-root {
    padding: 4px 6px;
    min-width: unset;
  }
}

/* CSS Modules for ProjectCardCommonComponents */

/* Pj component - Container with flex layout */
.Te5SdSLUWm3yd0w9tV5g {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
}

/* Card component - Base card container */
.Cjpunyi2n937TF5FJLqN {
  width: 100%;
  padding: 20px;
  background-color: white;
  border: 1px solid var(--color-border);
}

@media (max-width: 767px) {
  .Cjpunyi2n937TF5FJLqN {
    padding: 12px;
  }
}

/* Title index - Title styling for card */
.bqTaFbglJbk_5M0yQOV8 {
  margin: 0;
  font-size: 22px;
  font-weight: bold;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: var(--color-primary-500);
}

.bqTaFbglJbk_5M0yQOV8:hover {
  color: var(--color-primary-700);
  border-color: var(--color-primary-700);
}

@media (max-width: 767px) {
  .bqTaFbglJbk_5M0yQOV8 {
    font-size: 18px;
  }
}

.bqTaFbglJbk_5M0yQOV8 a {
  color: var(--color-primary-500);
}

.bqTaFbglJbk_5M0yQOV8 a:hover {
  color: var(--color-primary-700);
}

.Cjpunyi2n937TF5FJLqN p {
  margin: 0 5px;
}

/* Salary component - Salary text styling */
.k849jjiOeOux9cvcEtEN {
  font-size: 28px;
  font-weight: bold;
  color: var(--color-secondary-500);
}

.k849jjiOeOux9cvcEtEN span {
  font-size: 18px;
  font-weight: normal;
  color: black;
}

.r2V2rtAI0vnKVkk75fQt {
  font-size: 24px;
}

@media (max-width: 767px) {
  .k849jjiOeOux9cvcEtEN span {
    font-size: 16px;
  }
}

/* TagSpan / RecruitmentClosedTagSpan - shared badge styling (NEW / 募集終了) */
.uu2cUGCSEesCIHwh03bQ,
.h4NAU1oi2qFMjmKHT4Vv {
  position: relative;
  top: -3px;
  left: 2px;
  padding: 2px 5px 3px 6px;
  margin-top: 5px;
  margin-right: 10px;
  font-size: 14px;
  height: 26px;
  font-weight: bold;
}

.uu2cUGCSEesCIHwh03bQ {
  border: 2px solid var(--color-secondary-500);
  color: var(--color-secondary-500);
}

.h4NAU1oi2qFMjmKHT4Vv {
  border: 2px solid var(--color-gray-500);
  color: var(--color-gray-500);
  background: white;
}

@media (max-width: 767px) {
  .uu2cUGCSEesCIHwh03bQ,
  .h4NAU1oi2qFMjmKHT4Vv {
    font-size: 12px;
    padding: 2px 4px 1px 5px;
  }
}

/* NewProjectTitle component - Flex wrapper */
.QXlg1Epo7MamCvusDpoj {
  display: flex;
}

/* Flex component - Flex container with wrap */
.oZcdgMcwTSYDWJwFvTWQ {
  display: flex;
  flex-wrap: wrap;
  margin: 0 10px 5px 0;
}

.oZcdgMcwTSYDWJwFvTWQ p {
  font-size: 18px;
  white-space: nowrap;
  margin: 0;
}

@media (max-width: 767px) {
  .oZcdgMcwTSYDWJwFvTWQ p {
    font-size: 14px;
  }
}

.oZcdgMcwTSYDWJwFvTWQ svg {
  width: 24px;
  height: 24px;
}

@media (max-width: 767px) {
  .oZcdgMcwTSYDWJwFvTWQ svg {
    width: 18px;
    height: 18px;
  }
}

.KFFoqPxFuqjdR2eJL8wg {
  margin-top: 1px;
}

/* CSS Modules for DetailProjectCard */

/* DetailCard component - extends Card with title styling */
.A4hd34i1N2zcq5wOVNqE {
  width: 100%;
  padding: 20px;
  background-color: white;
  border: 1px solid var(--color-border);
}

@media (max-width: 767px) {
  .A4hd34i1N2zcq5wOVNqE {
    padding: 12px;
  }
}

.PjYEsSE5UZxJ6n7SUU7Q {
  margin: 0 0 10px;
  font-size: 20px;
  font-weight: 600;
}

.A4hd34i1N2zcq5wOVNqE p {
  margin: 0 5px;
}

.mhn6SKaaDImYBO_Q6H00 span {
  font-size: 16px;
}

/* DetailNewTag component - extends NewTag with margin adjustment */
/* Note: This extends the base NewTag styles with a modified margin-top */
.IHlRM6HVRZcwOH7MqPbW {
  position: relative;
  top: -3px;
  left: 2px;
  border: 2px solid var(--color-secondary-500);
  color: var(--color-secondary-500);
  padding: 2px 5px 3px 6px;
  margin-top: 1px; /* Changed from 5px in base NewTag */
  margin-right: 10px;
  font-size: 14px;
  height: 26px;
  font-weight: bold;
}

@media (max-width: 767px) {
  .IHlRM6HVRZcwOH7MqPbW {
    font-size: 12px;
    padding: 2px 4px 1px 5px;
  }
}

/* FlexWrapper component - extends Flex with custom margins and sizes */
.MNCJvvdfVpPm8EWXpP2e {
  display: flex;
  flex-wrap: wrap;
  margin: 5px 0 20px;
}

@media (max-width: 767px) {
  .MNCJvvdfVpPm8EWXpP2e {
    margin: 5px 5px 5px;
  }
}

.MNCJvvdfVpPm8EWXpP2e p {
  font-size: 14px;
  margin: 0 20px 0 0;
  white-space: nowrap;
}

.MNCJvvdfVpPm8EWXpP2e p.sGwHk5CG8nGJdFL4Ym6F {
  font-size: 12px;
  margin: 1px 0 0 4px;
}

.MNCJvvdfVpPm8EWXpP2e svg {
  width: 20px;
  height: 20px;
}

@media (max-width: 767px) {
  .MNCJvvdfVpPm8EWXpP2e svg {
    width: 20px;
    height: 20px;
  }
}

.bd0AeknADkOZa9LUaiaN {
  margin: 5px 0 0 auto;
}

/* Utility classes for nested Flex components within FlexWrapper */
.xXL4f3g1CLBBUYoFpRb4 {
  margin: 0;
}

._tvxFvyWTgCmNb1CXjD7 {
  margin-top: 1px;
}

/* Description component */
.pe0UeCajjiIaOveNUJDm {
  margin: 16px 0;
}

.pe0UeCajjiIaOveNUJDm p {
  font-size: 14px;
  margin: 0;
  white-space: pre-wrap;
}

.pe0UeCajjiIaOveNUJDm h2 {
  font-size: 16px;
  margin: 0 0 4px;
}

.pe0UeCajjiIaOveNUJDm img {
  position: relative;
  right: 6px;
}

/* DammyTextImg component */
.lwWz0EJ5jkBboyoIBLHD {
  position: relative;
  right: 6px;
  background-image: var(--image);
  background-repeat: no-repeat;
}

@media (max-width: 767px) {
  .XtRBtSRFrLQiQ5ZFC06e {
    background-image: var(--sp-image);
  }
}

/* Box component */
.djiZG73FTP_ZwuQUaDvC {
  z-index: 10;
  position: absolute;
  top: 42%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 400px;
  border: 1px solid var(--color-primary-500);
  background: rgba(71, 159, 158, 0.9);
  padding: 14px;
}

@media (max-width: 767px) {
  .djiZG73FTP_ZwuQUaDvC {
    position: relative;
    top: unset;
    left: unset;
    transform: unset;
    margin: 0 auto;
    width: 310px;
  }
}

.djiZG73FTP_ZwuQUaDvC p {
  color: white;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}

@media (max-width: 767px) {
  .djiZG73FTP_ZwuQUaDvC p {
    font-size: 14px;
  }
}

.djiZG73FTP_ZwuQUaDvC p.QWgd6hPB6zWK10oCGz46 {
  font-size: 14px;
}

@media (max-width: 767px) {
  .djiZG73FTP_ZwuQUaDvC p.QWgd6hPB6zWK10oCGz46 {
    font-size: 12px;
  }
}

/* NonPublicInfoEntryButtonWrapper component */
.vclbA5knWTGzyOmGpwFQ {
  margin: 10px auto;
  width: fit-content;
}

.vclbA5knWTGzyOmGpwFQ button {
  font-size: 14px;
}

@media (max-width: 767px) {
  .vclbA5knWTGzyOmGpwFQ button {
    font-size: 12px;
  }
}

.vclbA5knWTGzyOmGpwFQ button:disabled {
  background: lightgray;
}

/* TopEntryButtonWrapper component */
.uo4NHMM0R6wixv2FW7pm {
  margin: -14px 0 10px;
  width: fit-content;
}

@media (max-width: 767px) {
  .uo4NHMM0R6wixv2FW7pm {
    margin: 8px 0;
  }
}

.uo4NHMM0R6wixv2FW7pm button {
  font-size: 14px;
}

@media (max-width: 767px) {
  .uo4NHMM0R6wixv2FW7pm button {
    font-size: 14px;
  }
}

/* NonPublicInformationWrapper component */
.VqxNtAltUVtLcxj2blyQ {
  position: relative;
}

/* Border component */
.phzTdVM5GaUHYifP3PVA {
  height: 1px;
  border: 1px solid var(--color-border);
}

/* BottomEntry component */
@media (max-width: 767px) {
  .LgedixzfsqwjVyaWssEL {
    z-index: 50;
    background: white;
    position: sticky;
    bottom: 0;
    padding: 0 2px 10px;
    margin: 0 -2px -10px;
  }
}

/* Consideration component */
.tOFGxQqTn6PRgWJkoeWm {
  position: relative;
  top: 20px;
  font-size: 12px;
  text-align: center;
  word-break: keep-all;
}

@media (max-width: 767px) {
  .tOFGxQqTn6PRgWJkoeWm {
    top: 14px;
  }
}

/* BottomEntryButtonWrapper component */
.avy3SKfnfPLz_aiAf09q {
  padding: 6px;
  margin: 15px auto 0;
  width: 70%;
}

@media (max-width: 767px) {
  .avy3SKfnfPLz_aiAf09q {
    width: 100%;
    margin: 12px auto 8px;
    padding: 6px 0;
  }
}

.avy3SKfnfPLz_aiAf09q button {
  font-size: 18px;
}

@media (max-width: 767px) {
  .avy3SKfnfPLz_aiAf09q button {
    font-size: 14px;
  }
}

/* CSS Modules for ApplyButton (EntryButton) */
/* MUIのコンポーネントデザインより優先するために、globalクラス付与 */

.xi5qWUP9QYLZnLnl9Mxe.MuiButton-root {
  width: 100%;
  font-size: 16px;
  font-weight: bold;
}

.xi5qWUP9QYLZnLnl9Mxe.MuiButton-containedSecondary:hover {
  background-color: var(--color-secondary-600);
}

@media (max-width: 767px) {
  .xi5qWUP9QYLZnLnl9Mxe.MuiButton-root {
    font-size: 14px;
  }
}

/* entryButtonSkeleton component - .entryButton の font-size に連動する実高さ(40px/36.5px)に
   合わせ、auth.initialized 確定前後でのレイアウトシフトを防ぐ */
.EPLm4VXqvGecMiB4oJVN.MuiSkeleton-root {
  height: 40px;
}

@media (max-width: 767px) {
  .EPLm4VXqvGecMiB4oJVN.MuiSkeleton-root {
    height: 36.5px;
  }
}

/* CSS Modules for ProjectCard (Top page card) */

/* TopCard component - extends Card with top page specific styling */
.ptxGgQIJpyPi5KaPSmvY {
  white-space: normal;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
}

@media (min-width: 768px) {
  .ptxGgQIJpyPi5KaPSmvY {
    width: 410px;
  }
}

@media (max-width: 767px) {
  .ptxGgQIJpyPi5KaPSmvY {
    flex-shrink: 0;
  }
}

/* Title index font-size and height override for top card */
.vKcdUPdvKpAsulNSzClF {
  font-size: 20px;
  height: 60px;
}

@media (max-width: 767px) {
  .vKcdUPdvKpAsulNSzClF {
    height: unset;
  }
}

/* Table cell styling for top card */
.ptxGgQIJpyPi5KaPSmvY td > div {
  height: 39px;
  overflow: hidden;
}

.ptxGgQIJpyPi5KaPSmvY td > div a {
  white-space: nowrap;
  max-width: 96%;
  justify-content: flex-start;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ptxGgQIJpyPi5KaPSmvY td p {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ptxGgQIJpyPi5KaPSmvY > div:last-child {
  margin: auto;
  flex-grow: 1;
  align-content: end;
}

/* Entry button wrapper */
.DR5MP92pio5X21KJgtSy {
  width: 340px;
  padding: 20px 0 0;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .DR5MP92pio5X21KJgtSy {
    width: 100%;
    padding-top: 12px;
  }
}

/*
 * Styles for SsoRegistrationDisclaimer.
 *
 * Specificity note: the `:global(.sso-items) .<class>` duplicates exist to
 * beat AccountCommonParts' `Box` emotion component, whose template includes
 * blanket rules (`p { margin: 0 }` and `a { display: flex; margin: 20px ...; }`)
 * that affect every descendant on the pages using Box (SignUpPage, Entry).
 *
 * With a (0,1,0) selector alone we'd lose to Box's (0,1,1) descendant selector
 * rules. The `.sso-items .<class>` form brings us up to (0,2,0), which wins
 * cleanly without needing `!important`. On pages that don't render inside
 * Box (TopPage, AssessmentUserRegistrationForm), the plain `.<class>` rule
 * applies normally.
 */

.NUZChJAXstkH7Kyn_yhL,
.sso-items .NUZChJAXstkH7Kyn_yhL {
  margin-top: 1rem;
}

.NUZChJAXstkH7Kyn_yhL a,
.sso-items .NUZChJAXstkH7Kyn_yhL a {
  display: inline-block;
  margin: 0;
  padding: 0;
}

.IYpCejZGHvVoUSbkOB56 {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 0;
  bottom: 0;
  top: 0;
  left: 0;
  background-color: #808080;
  z-index: 2000;
}

/* CSS Modules for IndexProjectCard */

/* PjWrapper - Pj container with margin-bottom */
.lN3QEsj72Yo_gOe5mMRI {
  margin-bottom: 20px;
}

.itz00P8z15skjzr9vz2H {
  margin: 10px 0 0;
  font-size: 14px;
}

@media (max-width: 767px) {
  .itz00P8z15skjzr9vz2H {
    font-size: 12px;
  }
}

.wT13AwACkzWFznm1aKgQ {
  font-weight: bold;
}

.WKygPeNedbP6SdWZTOcN {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.XyjlxHvehh8SBOLbV9gg {
  width: 360px;
  padding: 20px 12px 0;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .XyjlxHvehh8SBOLbV9gg {
    width: 100%;
    padding-top: 12px;
  }
}

.azZxgexvS2S_gCv2jGPY.MuiBreadcrumbs-root {
  font-size: 12px;
  padding: 6px 20px 15px;
}

@media (min-width: 768px) {
  .azZxgexvS2S_gCv2jGPY.MuiBreadcrumbs-root.cd6QLx7PJRWgah9_aVCp {
    padding: 10px 0;
  }
}

@media (max-width: 767px) {
  .azZxgexvS2S_gCv2jGPY.MuiBreadcrumbs-root {
    padding: 10px;
    font-size: 12px;
  }
}

.azZxgexvS2S_gCv2jGPY.MuiBreadcrumbs-root ol {
  align-items: flex-start;
}

.azZxgexvS2S_gCv2jGPY.MuiBreadcrumbs-root p {
  margin: 0 20px 0 0;
  position: absolute;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  word-break: break-all;
  overflow: hidden;
}

@media (min-width: 768px) {
  .azZxgexvS2S_gCv2jGPY.MuiBreadcrumbs-root p {
    margin: 0 calc(6vw + 20px) 0 0;
  }
}

.otU_wRZUmPyQK5Dzpw3E {
  padding: 20px;
  border: 1px solid var(--color-border);
  background: var(--color-white);
}

.otU_wRZUmPyQK5Dzpw3E p {
  margin: 0;
}

.otU_wRZUmPyQK5Dzpw3E a {
  color: var(--color-primary-500);
  margin-right: 20px;
  display: inline-table;
}

.otU_wRZUmPyQK5Dzpw3E a:hover {
  color: var(--color-primary-700);
}

.otU_wRZUmPyQK5Dzpw3E .SApB75pcshoC6j4NITTR {
  display: flex;
  justify-content: flex-end;
  width: fit-content;
  margin: 20px 0 0 auto;
  text-decoration: none;
}

.otU_wRZUmPyQK5Dzpw3E .SApB75pcshoC6j4NITTR:hover {
  text-decoration: underline;
}

@media (max-width: 767px) {
  .otU_wRZUmPyQK5Dzpw3E {
    padding: 6px;
  }

  .otU_wRZUmPyQK5Dzpw3E .SApB75pcshoC6j4NITTR {
    margin-top: 10px;
  }
}

.dIUYTOA2OctsKHteCbmZ tr > th {
  max-width: none;
  width: 150px;
  font-size: 14px;
  padding: 10px 10px 10px 20px;
}

@media (max-width: 767px) {
  .dIUYTOA2OctsKHteCbmZ tr > th {
    font-size: 12px;
    width: 100px;
    padding: 10px 6px 10px 6px;
  }
}

.dIUYTOA2OctsKHteCbmZ tr > td {
  font-size: 14px;
  padding: 8px 10px 8px 20px;
}

@media (max-width: 767px) {
  .dIUYTOA2OctsKHteCbmZ tr > td {
    padding: 5px 10px 5px 20px;
    line-height: 2;
    font-size: 12px;
  }
}

.PdGZfz7ttRXR9_FaQTnl {
  display: flex;
  align-items: center;
  padding: 0 0 10px 0;
}

@media (max-width: 767px) {
  .PdGZfz7ttRXR9_FaQTnl {
    padding: 6px 0 10px 0;
  }
}

.KobpgaInP6tg53I20ljY {
  font-size: 14px;
}

@media (max-width: 767px) {
  .KobpgaInP6tg53I20ljY {
    margin-top: 10px;
  }
}

.YlgRuodnAFOLCFqzSP51.MuiSvgIcon-root {
  position: relative;
  top: -3px;
}

.yllfUtoncCKUaZSTvVjk {
  width: auto;
  padding: 0 20px 20px;
  background-color: var(--color-white);
  border: 1px solid var(--color-border);
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  .yllfUtoncCKUaZSTvVjk {
    padding: 0 10px 20px;
  }
}

.yllfUtoncCKUaZSTvVjk h2 {
  position: relative;
  left: -20px;
  font-size: 20px;
  margin: 0;
  margin-bottom: 20px;
  padding: 20px 10px 10px 20px;
}

.yllfUtoncCKUaZSTvVjk h2::before {
  border-left: 5px solid var(--color-primary-500);
  content: "　";
  width: 16px;
  display: inline-block;
}

@media (max-width: 767px) {
  .yllfUtoncCKUaZSTvVjk h2 {
    font-size: 16px;
    margin-bottom: 10px;
    padding: 20px 0px 10px 20px;
  }
}

.PLY2k1AQhahMKlzqruOk {
  display: flex;
  margin: 10px 60px;
}

@media (max-width: 767px) {
  .PLY2k1AQhahMKlzqruOk {
    margin: 0;
  }
}

.fIsIErPQcIcI6bCNm31l {
  display: block;
  object-fit: contain;
  margin: auto 0 0 0;
  height: 130px;
}

@media (max-width: 767px) {
  .fIsIErPQcIcI6bCNm31l {
    height: 100%;
    max-height: 100px;
  }
}

.vK86vPY_VP9kqmEEnKdO {
  position: relative;
  height: fit-content;
  padding: 20px 40px 10px 20px;
  background-color: var(--color-white);
  border-radius: 40px 40px 40px 0;
  box-shadow: 0 0 3px 3px var(--color-primary-200);
}

@media (min-width: 768px) {
  .vK86vPY_VP9kqmEEnKdO {
    margin: 0px auto 0px 20px;
    max-width: 700px;
  }
}

@media (max-width: 767px) {
  .vK86vPY_VP9kqmEEnKdO {
    border-radius: 20px 20px 20px 0;
    padding: 20px 10px 10px;
    margin: 10px auto 0 10px;
  }
}

.HncqRdahIvEwF8i36Luk {
  position: absolute;
  width: 35px;
  top: -15px;
  left: 40px;
}

@media (max-width: 767px) {
  .HncqRdahIvEwF8i36Luk {
    width: 33px;
    left: 20px;
  }
}

.AOsL4Y8FkMN2iZSBqayE {
  line-height: 1.6em;
  font-size: 14px;
  margin: 0;
}

@media (max-width: 767px) {
  .AOsL4Y8FkMN2iZSBqayE {
    font-size: 14px;
  }
}

.kP7SM0xA_hZHouDuNMuc {
  margin: auto;
}

.kP7SM0xA_hZHouDuNMuc p {
  margin: 30px 0 20px;
  font-size: 14px;
  line-height: 1.6em;
}

@media (max-width: 767px) {
  .kP7SM0xA_hZHouDuNMuc p {
    margin: 20px 0;
    line-height: 1.4em;
  }
}

@media (min-width: 768px) {
  .tMut0ina_CoMj4l6scwD {
    display: none;
  }
}

.J1stgXLFTwRRqC5mqOjQ {
  display: block;
  object-fit: contain;
  margin: auto 0 30px auto;
  height: 100px;
}

@media (max-width: 767px) {
  .J1stgXLFTwRRqC5mqOjQ {
    display: none;
  }
}

.gEBlBZL7WSmIYB6W5vYT.MuiButton-root {
  padding: 8px 40px;
  font-size: 17px;
  font-weight: 700;
  left: 50%;
  transform: translateX(-50%);
}

@media (max-width: 767px) {
  .gEBlBZL7WSmIYB6W5vYT.MuiButton-root {
    padding: 6px 14px;
    font-size: 16px;
  }
}

.hZtv8a4eWVedtwJSZZlU {
  font-size: 14px;
  display: flex;
  text-decoration: none;
  align-items: center;
  color: var(--color-primary-500);
  margin: 0 0 1px auto;
  width: 91px;
}

.hZtv8a4eWVedtwJSZZlU svg {
  width: 20px;
  height: 20px;
}

.hZtv8a4eWVedtwJSZZlU:hover {
  text-decoration: underline;
}

.ZnIiktPslDl0TqesZ1Hd {
  display: inline-block;
  text-decoration: none;
  color: var(--color-primary-500);
  text-align: center;
}

@media (max-width: 767px) {
  .ZnIiktPslDl0TqesZ1Hd {
    font-size: 16px;
  }
}

.ZnIiktPslDl0TqesZ1Hd:hover {
  text-decoration: underline;
}

.DJU0YYC_TAJS14Lck_rn {
  width: auto;
  background-color: var(--color-white);
  border-bottom: 1px solid var(--color-border);
  padding: 10px 0;
  margin: 0 20px;
}

.DJU0YYC_TAJS14Lck_rn h3 {
  font-size: 16px;
  max-height: none;
  margin: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.DJU0YYC_TAJS14Lck_rn h3 a {
  color: var(--color-black);
  text-decoration: none;
}

.DJU0YYC_TAJS14Lck_rn h3 a:hover {
  text-decoration: underline;
}

.DJU0YYC_TAJS14Lck_rn p {
  margin: 0;
}

.uxNZmPMBWFAyQxIqVTC8 {
  display: flex;
  flex-wrap: wrap;
  margin: 5px;
}

.uxNZmPMBWFAyQxIqVTC8 p {
  font-size: 14px;
  white-space: nowrap;
  padding: 0 0 0 5px;
}

.uxNZmPMBWFAyQxIqVTC8 svg {
  width: 20px;
  height: 20px;
}

.F97Rn_saqr8rDvtUe436 {
  margin: 20px;
  justify-content: center;
}

.D9pMfd8dOsqb25FmuIyA {
  margin-left: -3px;
}

.eF0t9DzktSBjbzoFpMeY {
  font-size: 20px;
  margin: 0;
  padding: 20px 10px 10px 20px;
}

.eF0t9DzktSBjbzoFpMeY::before {
  border-left: 5px solid var(--color-primary-500);
  content: "　";
  width: 16px;
  display: inline-block;
}

@media (max-width: 767px) {
  .eF0t9DzktSBjbzoFpMeY {
    position: relative;
    left: -10px;
    font-size: 16px;
  }
}

.VYvstLK128L4QSmTNcmd {
  font-size: 20px;
  font-weight: bold;
  color: var(--color-secondary-500);
}

.VYvstLK128L4QSmTNcmd span {
  font-size: 14px;
  font-weight: normal;
  color: var(--color-black);
}

.ugvUUNPNGunK4MTIWqNZ {
  height: 100%;
  width: 100%;
  background-color: var(--color-background);
}

.YHzQUCbwfXLwFXFm__WZ {
  height: 100%;
  width: 88%;
  min-width: 960px;
  margin: auto;
  background-color: var(--color-background);
}

@media (max-width: 767px) {
  .YHzQUCbwfXLwFXFm__WZ {
    width: 100%;
    min-width: auto;
    padding: 6px;
  }
}

.efcd04mkm3ko3AokbuE2 {
  width: 100%;
  background: var(--color-white);
  border: 1px solid var(--color-border);
  margin: 0 0 20px;
}

.efcd04mkm3ko3AokbuE2 p {
  margin: 0;
}

.AtRPOWyXx1TrLxc84WM5 .YWGNI76hWhNiXlsI5cp9 {
  grid-area: main;
}

.AtRPOWyXx1TrLxc84WM5 .bYoZinV9blPxxSTdFkdB {
  grid-area: sd;
}

.AtRPOWyXx1TrLxc84WM5 .XnlAk6xygc0BpIV_xIuL {
  grid-area: sb;
}

@media (min-width: 768px) {
  .AtRPOWyXx1TrLxc84WM5 {
    display: grid;
    grid-template-columns: repeat(9, 1fr);
    grid-auto-rows: minmax(100px, auto);
    grid-template-areas:
      "main main main main main main sd sd sd"
      "sb   sb   sb   sb   sb   sb   sd sd sd";
  }
}

@media (max-width: 767px) {
  .AtRPOWyXx1TrLxc84WM5 {
    display: grid;
    grid-template-columns: repeat(9, 1fr);
    grid-auto-rows: minmax(100px, auto);
    grid-template-areas:
      "main main main main main main main main main"
      "sd   sd   sd   sd   sd   sd   sd   sd   sd  "
      "sb   sb   sb   sb   sb   sb   sb   sb   sb  ";
  }
}

.YWGNI76hWhNiXlsI5cp9 {
  padding: 0 20px 20px;
}

@media (max-width: 767px) {
  .YWGNI76hWhNiXlsI5cp9 {
    padding: 6px;
  }
}

.bYoZinV9blPxxSTdFkdB {
  padding: 0 20px 20px;
  min-width: 330px;
}

@media (min-width: 768px) {
  .bYoZinV9blPxxSTdFkdB {
    position: sticky;
    top: 70px;
    align-self: flex-start;
  }
}

@media (max-width: 767px) {
  .bYoZinV9blPxxSTdFkdB {
    padding: 6px;
  }
}

.XnlAk6xygc0BpIV_xIuL {
  padding: 20px;
}

@media (max-width: 767px) {
  .XnlAk6xygc0BpIV_xIuL {
    padding: 6px;
  }
}

.cWiqy_FYP9nWC2trifwc {
  margin-bottom: 20px;
}

.MZzzl0pYVusxtOsvqvT8.MuiFormControl-root {
  background: white;
  width: 460px;
}

.MZzzl0pYVusxtOsvqvT8.MuiFormControl-root input {
  padding: 8.5px 14px 8.5px 0;
}

.MZzzl0pYVusxtOsvqvT8 .MuiInputBase-root {
  border-radius: 2px 0px 0px 2px;
}

@media (max-width: 767px) {
  .MZzzl0pYVusxtOsvqvT8.MuiFormControl-root input {
    padding: 7px 10px 7px 0px;
    left: -3px;
    position: relative;
  }
}

.MZzzl0pYVusxtOsvqvT8 .MuiOutlinedInput-root fieldset {
  border-color: var(--color-primary-500);
}

.MZzzl0pYVusxtOsvqvT8 .MuiOutlinedInput-root:hover fieldset {
  border-color: var(--color-primary-500);
}

.KaR6Y99N35veZwP0Ukpb.MuiButton-root {
  position: relative;
  font-size: 12px;
  font-weight: bold;
  height: 40px;
  width: 90px;
  border-radius: 0px 2px 2px 0px;
  box-shadow: unset;
}

.KaR6Y99N35veZwP0Ukpb.MuiButton-root:hover {
  background-color: var(--color-primary-500);
}

@media (max-width: 767px) {
  .KaR6Y99N35veZwP0Ukpb.MuiButton-root {
    height: 37px;
  }
}

.K37mksa_udM8ZHgwXzQ1 {
  margin: 20px 0 0;
  display: flex;
  justify-content: center;
}

.k0BkTTLMkLoWDrUYomoP {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 20px;
}

.rXXJ73MPxSJCgGEknsFb {
  display: block;
  position: relative;
  width: 380px;
  padding: 10px 10px 10px;
  background: white;
  border: 1px solid;
  border-color:
    var(--color-primary-500)
    var(--color-secondary-500)
    var(--color-secondary-500)
    var(--color-primary-500);
}

.rXXJ73MPxSJCgGEknsFb .El9504b7BHxJfLSK1EYx {
  margin: 10px 0 0;
  font-size: 18px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.rXXJ73MPxSJCgGEknsFb .Bdhpy23giO0ViOFLDd1B {
  margin: 14px 0 0;
  font-size: 14px;
  height: 105px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
  white-space: pre-wrap;
}

.rXXJ73MPxSJCgGEknsFb .vY9l0cjFEVOB7RLd1tzx {
  position: relative;
  top: -10px;
  left: -10px;
  width: calc(100% + 20px);
  aspect-ratio: 16 / 9;
  padding: 0 0 10px;
  overflow: hidden;
}

.rXXJ73MPxSJCgGEknsFb .vY9l0cjFEVOB7RLd1tzx img {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  transition: transform 0.4s;
}

.rXXJ73MPxSJCgGEknsFb .E6NU4EBa2MsZl2wnQUDl:hover ~ .El9504b7BHxJfLSK1EYx {
  text-decoration: underline;
}

.rXXJ73MPxSJCgGEknsFb .E6NU4EBa2MsZl2wnQUDl:hover ~ .vY9l0cjFEVOB7RLd1tzx > img {
  transform: scale(1.15);
}

.rXXJ73MPxSJCgGEknsFb .E6NU4EBa2MsZl2wnQUDl {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.iAL4icH6_OmkBxEZyEFd {
  display: flex;
  justify-content: space-between;
}

.OZowRIT9deZgVSJxMrL9.MuiButton-root {
  display: block;
  height: 24px;
  text-transform: capitalize;
  text-align: center;
  font-size: 12px;
  width: fit-content;
  min-width: 110px;
  padding: 2px 5px;
  margin: 0;
  z-index: 2;
}

.OZowRIT9deZgVSJxMrL9.MuiButton-root.MuiButton-contained {
  font-weight: bold;
}

.jSN252yex_AbRG839JM8 {
  margin: 0;
  font-size: 14px;
}

.dbyC9_W52BbBXYmisQAm {
  width: 100%;
  height: 100%;
  background: var(--color-background);
}

.KkCt5C24aMKD3uKIA8Gu {
  position: relative;
}

.csU6pruvK7GT79l_vHPm {
  padding: 0 0 0 26px;
  position: relative;
  font-feature-settings: "halt";
}

@media (max-width: 767px) {
  .csU6pruvK7GT79l_vHPm {
    font-size: 20px;
    padding: 0 0 0 16px;
  }
}

.Tl4jhTbawsgVhYg8T6C4 {
  width: 56px;
  height: 56px;
  position: absolute;
}

.Tl4jhTbawsgVhYg8T6C4.TWcBNgViAjSL5uk5dh1D {
  background: rgba(71, 159, 158, 0.8);
  top: -15px;
}

.Tl4jhTbawsgVhYg8T6C4.AB9ffhmG4HuU8E6UN6bc {
  background: rgba(239, 71, 111, 0.8);
  left: 23px;
  top: -25px;
}

@media (max-width: 767px) {
  .Tl4jhTbawsgVhYg8T6C4 {
    width: 40px;
    height: 40px;
  }

  .Tl4jhTbawsgVhYg8T6C4.TWcBNgViAjSL5uk5dh1D {
    top: -5px;
  }

  .Tl4jhTbawsgVhYg8T6C4.AB9ffhmG4HuU8E6UN6bc {
    left: 15px;
    top: -15px;
  }
}

.NgYrSqOT2DY1qGjJ89JA {
  width: 1180px;
  margin: 0 auto;
  padding-bottom: 20px;
}

@media (max-width: 767px) {
  .NgYrSqOT2DY1qGjJ89JA {
    width: 94%;
    padding-bottom: 20px;
  }
}

.RkhH2xP_NalHIZXWGWh2 {
  font-size: 32px;
  margin: 0;
  padding: 20px 0;
  text-align: center;
  text-decoration: underline;
  text-decoration-skip-ink: none;
  text-decoration-color: var(--color-primary-400);
  text-decoration-thickness: 9px;
  text-underline-offset: -4px;
  font-feature-settings: "halt";
}

.RkhH2xP_NalHIZXWGWh2 span {
  text-decoration: underline;
  text-decoration-thickness: 9px;
  text-decoration-color: var(--color-secondary-300);
  white-space: nowrap;
}

@media (max-width: 767px) {
  .RkhH2xP_NalHIZXWGWh2 {
    font-size: 26px;
    padding: var(--article-h1-padding-mb, 10px 0);
  }
}

.DniawGCEasdJFpJ0fwG5 {
  font-size: 14px;
  margin: 20px 0;
  text-align: center;
  text-wrap: balance;
}

.DniawGCEasdJFpJ0fwG5 a {
  color: var(--color-primary-500);
  margin: 0 10px 0 0;
  white-space: nowrap;
}

.DniawGCEasdJFpJ0fwG5 a:hover {
  color: var(--color-primary-600);
}

@media (max-width: 767px) {
  .DniawGCEasdJFpJ0fwG5 a {
    display: inline-block;
    margin: 0 10px 10px 0;
  }
}

@media (min-width: 768px) {
  .DniawGCEasdJFpJ0fwG5 .V9l37tFrqLbhIVH9XwG4 {
    display: none;
  }
}

.y1vPJ3GYwrdClSS8C_t7 {
  position: relative;
  width: 100%;
  height: 2px;
  background: var(--color-primary-500);
  margin: 50px 0;
}

.y1vPJ3GYwrdClSS8C_t7::after {
  content: '';
  position: absolute;
  right: 0;
  width: 38%;
  height: 2px;
  background: var(--color-secondary-500);
}

@media (max-width: 767px) {
  .y1vPJ3GYwrdClSS8C_t7 {
    margin: 30px 0;
  }
}

.qCE0Avl5NiYchkxdkLwG {
  display: flex;
  color: var(--color-primary-500);
  margin: 20px 0 50px auto;
  text-decoration: none;
  width: fit-content;
  font-weight: bold;
  font-feature-settings: "halt";
}

.qCE0Avl5NiYchkxdkLwG:hover {
  text-decoration: underline;
  color: var(--color-primary-600);
}

@media (max-width: 767px) {
  .qCE0Avl5NiYchkxdkLwG {
    margin: 20px 0 30px auto;
  }
}

.RTANfZvqBMcdAXMj4WEA {
  background: white;
  padding: 20px 20px 0;
}

.RTANfZvqBMcdAXMj4WEA > div:last-child {
  background: none;
  padding: 0;
  margin: 0;
}

.bmKQvcXVliOjDkcGdomX {
  padding: 0 0 10px;
  margin: 0 0 10px;
  background-size: 18px 1px;
  background-image: linear-gradient(to right, lightgray 9px, transparent 9px);
  background-repeat: repeat-x;
  background-position: left bottom;
}

.bmKQvcXVliOjDkcGdomX h3 {
  font-size: 18px;
  margin: 0 0 5px;
}

.bmKQvcXVliOjDkcGdomX h3::before {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: 0 4px 0 0;
  border-radius: 50%;
  background: var(--color-primary-500);
}

.bmKQvcXVliOjDkcGdomX a {
  font-size: 16px;
  display: inline-block;
  color: var(--color-primary-500);
  margin: 0 0 10px 20px;
}

.bmKQvcXVliOjDkcGdomX a:hover {
  color: var(--color-primary-600);
}

.U6HB6_v3n53hIKkj5Uqe {
  display: flex;
  justify-content: center;
  margin-top: 10px;
  gap: 8px;
  padding: 10px;
}

.C6b3qEj2vvSkoktgZ1D_ {
  height: 14px;
  width: 14px;
  padding: 0;
  border-radius: 50%;
  background-color: whitesmoke;
  cursor: pointer;
  border: 1px solid gray;
}

.C6b3qEj2vvSkoktgZ1D_.Ige0q1e9S5Bo2pARCDet {
  background-color: var(--color-primary-500);
  border: none;
}

.aUUZvuyblu0PG4LHfivc {
  position: relative;
}

.CUjkNn5UHSwxFw1e6CLx {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  text-decoration: none;
  width: 100%;
  height: 420px;
  border: solid var(--color-primary-500);
  border-width: 30px 50px;
  overflow: hidden;
}

@media (max-width: 767px) {
  .CUjkNn5UHSwxFw1e6CLx {
    height: unset;
    border-width: 15px 20px;
    aspect-ratio: 16 / 9;
  }
}

.CUjkNn5UHSwxFw1e6CLx p {
  z-index: 1;
  font-size: 22px;
  font-weight: bold;
  white-space: break-spaces;
  text-align: center;
  color: white;
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  margin: 0;
  padding: 50px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.CUjkNn5UHSwxFw1e6CLx p span {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

@media (max-width: 767px) {
  .CUjkNn5UHSwxFw1e6CLx p {
    font-size: 16px;
    height: 70px;
    padding: 10px;
  }
}

.CUjkNn5UHSwxFw1e6CLx::before {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  top: 0;
  left: 0;
  background-image: var(--bg-image-pc);
  aspect-ratio: 3 / 1;
  background-size: cover;
  transition: transform 0.4s;
}

@media (max-width: 767px) {
  .CUjkNn5UHSwxFw1e6CLx::before {
    background-image: var(--bg-image-sp);
    aspect-ratio: 16 / 9;
    transform: translate(0, -50%);
    top: 50%;
  }
}

.CUjkNn5UHSwxFw1e6CLx:hover p {
  background: rgba(0, 0, 0, 0.5);
}

.CUjkNn5UHSwxFw1e6CLx:hover::before {
  transform: scale(1.1);
}

@media (max-width: 767px) {
  .CUjkNn5UHSwxFw1e6CLx:hover::before {
    transform: translate(0, -50%) scale(1.1);
  }
}

.QfJ_TXWnm5vOfrUCviJ0 {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  padding: 0;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
}

.QfJ_TXWnm5vOfrUCviJ0 svg {
  font-size: 34px;
}

@media (min-width: 768px) {
  .QfJ_TXWnm5vOfrUCviJ0 {
    width: 60px;
    height: 60px;
  }
  .QfJ_TXWnm5vOfrUCviJ0.FvoO2MafbbTJ8NzDXJoa {
    right: -30px;
  }
  .QfJ_TXWnm5vOfrUCviJ0.shGzkoIkcgizlpZxJk38 {
    left: -30px;
  }
  .QfJ_TXWnm5vOfrUCviJ0:hover {
    cursor: pointer;
  }
}

@media (max-width: 767px) {
  .QfJ_TXWnm5vOfrUCviJ0 {
    width: 40px;
    height: 40px;
  }
  .QfJ_TXWnm5vOfrUCviJ0.FvoO2MafbbTJ8NzDXJoa {
    right: -5px;
  }
  .QfJ_TXWnm5vOfrUCviJ0.shGzkoIkcgizlpZxJk38 {
    left: -5px;
  }
}

.Jt_g8itvzo5vZrfFYp3p {
  position: sticky;
  top: var(--right-ad-card-top);
  background: var(--ad-card-background);
  text-align: center;
}

.BE7jAAFw43rpW98Cqmf9 {
  margin: 0;
  padding: 10px;
  font-size: 20px;
  font-weight: bold;
}

.BE7jAAFw43rpW98Cqmf9 span {
  text-decoration: underline;
  text-decoration-color: var(--color-secondary-300);
  text-decoration-thickness: 6px;
  text-underline-offset: -1px;
}

.dhjiIjCsCoqg2ntlvR9C {
  display: flex;
  align-items: center;
}

@media (max-width: 767px) {
  .dhjiIjCsCoqg2ntlvR9C {
    flex-direction: column;
  }
}

.YPYvoj_x8yuJA4fOagr2 {
  position: relative;
  margin-left: 10px;
  width: 110px;
  height: 110px;
  background-image: conic-gradient(lightgray 0% 15%, var(--color-primary-500) 15% 100%);
  border-radius: 50%;
  flex-shrink: 0;
}

@media (max-width: 767px) {
  .YPYvoj_x8yuJA4fOagr2 {
    width: 150px;
    height: 150px;
    margin-left: 0;
  }
}

.YPYvoj_x8yuJA4fOagr2 span {
  position: absolute;
}

.YPYvoj_x8yuJA4fOagr2 .m2ZFzNBhYXFjf3dGBT0C {
  font-size: 14px;
  top: 12px;
  right: 22px;
}

.YPYvoj_x8yuJA4fOagr2 .fvKOWpx7vfgJBVchz4lg {
  font-size: 16px;
  font-weight: bold;
  color: white;
  bottom: 20px;
  left: 30px;
}

@media (max-width: 767px) {
  .YPYvoj_x8yuJA4fOagr2 .m2ZFzNBhYXFjf3dGBT0C {
    top: 18px;
    right: 36px;
  }

  .YPYvoj_x8yuJA4fOagr2 .fvKOWpx7vfgJBVchz4lg {
    bottom: 30px;
    left: 45px;
  }
}

.IMBIItaEvFoKUEW9ARDE {
  flex-grow: 1;
  margin-right: 10px;
  flex-shrink: 0;
}

@media (max-width: 767px) {
  .IMBIItaEvFoKUEW9ARDE {
    margin-right: 0;
  }
}

.IMBIItaEvFoKUEW9ARDE p {
  margin: 0;
  line-height: 32px;
  font-size: 14px;
  font-weight: bold;
}

.IMBIItaEvFoKUEW9ARDE p span {
  font-size: 22px;
}

.WVIxT8iqCoW9VMbVDBpi.MuiButton-root {
  width: 300px;
  padding: 5px 20px;
  margin: 15px;
  font-size: 16px;
  font-weight: bold;
  box-shadow: 0px 3px 3px 0px var(--shadow-black);
  text-align: center;
}

.WVIxT8iqCoW9VMbVDBpi.MuiButton-root:hover {
  background-color: var(--color-secondary-600);
}

.K4ySYkynr_uSg97Chy_R {
  width: 1220px;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .K4ySYkynr_uSg97Chy_R {
    width: 96%;
  }
}

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

@media (min-width: 768px) {
  .JsAkUzxlhEpt3pwrjXnD {
    grid-template-areas:
      "main main sd"
      "sb   sb   sb";
  }
}

@media (max-width: 767px) {
  .JsAkUzxlhEpt3pwrjXnD {
    grid-template-areas:
      "main main main"
      "sb   sb   sb  "
      "sd   sd   sd  ";
  }
}

.JsAkUzxlhEpt3pwrjXnD > * {
  margin: 0 20px 20px;
}

@media (max-width: 767px) {
  .JsAkUzxlhEpt3pwrjXnD > * {
    margin: 0 10px 20px;
  }
}

.JsAkUzxlhEpt3pwrjXnD .ZiWtwqrWvJHDF7V06GAp {
  grid-area: main;
}

.JsAkUzxlhEpt3pwrjXnD .etOFMEEOIitg26tgKlf7 {
  grid-area: sd;
}

.JsAkUzxlhEpt3pwrjXnD .MK0TSziCKaJ2Klkpf03n {
  grid-area: sb;
  border-top: solid 1px var(--color-border);
  padding: 20px 0 0;
}

.BoY2BA5WxtU9GGX8yVPG.MuiButton-root {
  display: block;
  text-transform: capitalize;
  text-align: center;
  font-size: 12px;
  width: fit-content;
  min-width: unset;
  padding: 0 10px;
  margin: 0 25px 5px 0;
  z-index: 2;
}

.BoY2BA5WxtU9GGX8yVPG.MuiButton-root.MuiButton-contained {
  font-weight: bold;
}

.BoY2BA5WxtU9GGX8yVPG.MuiButton-root.MuiButton-outlined {
  min-width: unset;
}

@media (max-width: 767px) {
  .BoY2BA5WxtU9GGX8yVPG.MuiButton-root {
    margin: 0 15px 10px 0;
  }
}

.n9LgABFLwbGHDXbmqk53 {
  background: white;
  margin: 0 0 20px;
  border: 1px solid var(--color-border);
}

.n9LgABFLwbGHDXbmqk53 h2 {
  margin: 0;
  padding: 20px 10px 10px 20px;
  font-size: 20px;
}

.n9LgABFLwbGHDXbmqk53 h2::before {
  border-left: 5px solid var(--color-primary-500);
  content: "　";
  width: 16px;
  display: inline-block;
}

.n9LgABFLwbGHDXbmqk53 div:last-of-type {
  border-bottom: none;
}

.FSBoOAjZX_7wdxJtcAIF {
  display: flex;
  position: relative;
  padding: 10px 0;
  margin: 0 20px;
  text-decoration: none;
  color: black;
  border-bottom: solid 1px var(--color-border);
}

.FSBoOAjZX_7wdxJtcAIF .sYwp_fsXB6iafw66haZB {
  height: 100px;
  aspect-ratio: 1 / 1;
  margin-right: 10px;
  flex-shrink: 0;
  overflow: hidden;
}

.FSBoOAjZX_7wdxJtcAIF img {
  height: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  transition: transform 0.4s;
}

.FSBoOAjZX_7wdxJtcAIF p {
  margin: 0;
  font-size: 14px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.FSBoOAjZX_7wdxJtcAIF .EHJoYdMpAiqPRQlbAc4K:hover ~ div > p {
  text-decoration: underline;
}

.FSBoOAjZX_7wdxJtcAIF .EHJoYdMpAiqPRQlbAc4K:hover ~ .sYwp_fsXB6iafw66haZB > img {
  transform: scale(1.15);
}

.FSBoOAjZX_7wdxJtcAIF .EHJoYdMpAiqPRQlbAc4K {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.r1zmtrspsu7uQn4SSBDV {
  text-align: end;
}

.r1zmtrspsu7uQn4SSBDV a {
  font-size: 14px;
  margin: 5px 10px;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  color: var(--color-primary-500);
}

.r1zmtrspsu7uQn4SSBDV a:hover {
  text-decoration: underline;
}

/* CSS Modules for ArticlesNarrowed recommend projects section */

/* Recommend projects flex wrapper */
.sAbAS5jIccExaLvBvgBQ {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: space-between;
}

/* Project card for articles narrowed page - extends base Card with PC-specific width */
@media (min-width: 768px) {
  .t_oX6rilcMUIL4AsYjr_ {
    width: 49%;
    display: flex;
    flex-direction: column;
  }
}

/* Title index height override for article narrowed project card */
.Sucs82ntu8N2JuF4EKEy {
  height: 66px;
}

@media (max-width: 767px) {
  .Sucs82ntu8N2JuF4EKEy {
    height: unset;
  }
}

/* Table cell styling */
.t_oX6rilcMUIL4AsYjr_ td > div {
  height: 39px;
  overflow: hidden;
}

.t_oX6rilcMUIL4AsYjr_ td > p {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.t_oX6rilcMUIL4AsYjr_ > div:last-child {
  margin: auto;
  flex-grow: 1;
  align-content: end;
}

/* Entry button wrapper for articles narrowed */
.FhNd11qagVUfn4cq80iZ {
  width: 360px;
  padding: 20px 12px 0;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .FhNd11qagVUfn4cq80iZ {
    width: 100%;
    padding-top: 12px;
  }
}

.DqtSsewKXSy6RM9KX301 {
  min-height: 100%;
  height: 100%;
  flex-direction: column;

  background-color: white;
  color: black;

  font-family: Arial;
}

.xpcsSaCh1zRBRw16MR2f {
  position: fixed;
  z-index: 2000;
  top: 30px;
  left: 50%;
  transform: translateX(-50%);
}

.LhEsdBDGvKSpfLK6UY9Q {
  transform: translateY(-200%);
  transition: .04s ease-in-out;
}

.LhEsdBDGvKSpfLK6UY9Q.YHneDEDN_EVdYaXIO1L4 {
  transform: translateY(0);
}

.t5yNEAxsmR_CaQ8s_AvH {
  color: var(--color-black);
  background: var(--color-white);
  border: solid 1px var(--color-primary-500);
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
}

.OAosca2200dvaTWTxQXl {
  border-color: var(--color-error);
}

@media (min-width: 768px) {
  .t5yNEAxsmR_CaQ8s_AvH {
    padding: 20px 30px;
    width: 700px;
  }
}

@media (max-width: 767px) {
  .t5yNEAxsmR_CaQ8s_AvH {
    padding: 10px 10px;
    width: 340px;
  }
}

.t5yNEAxsmR_CaQ8s_AvH svg {
  margin: 0 10px auto 0;
}

.t5yNEAxsmR_CaQ8s_AvH p {
  margin: 2px 0 0;
}

@media (min-width: 768px) {
  .t5yNEAxsmR_CaQ8s_AvH p {
    font-size: 18px;
    line-height: 100%;
  }
}

@media (max-width: 767px) {
  .t5yNEAxsmR_CaQ8s_AvH p {
    font-size: 14px;
    line-height: 1.6em;
  }
}

/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-content:""}}}@layer theme{:root,:host{--color-red-500:oklch(63.7% .237 25.331);--color-green-50:oklch(98.2% .018 155.826);--color-green-200:oklch(92.5% .084 155.995);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-gray-100:#efefef;--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:#737d7b;--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-lg:32rem;--container-xl:36rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25/1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--leading-relaxed:1.625;--radius-lg:.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--color-primary-50:#f5fafa;--color-primary-100:#ecf5f5;--color-primary-200:#daebeb;--color-primary-300:#a3cfce;--color-primary-400:#72d3d2;--color-primary-500:#479f9e;--color-primary-600:#316f6e;--color-primary-700:#255453;--color-secondary-300:#f590a8;--color-secondary-500:#ef476f;--color-secondary-600:#d74c6d;--color-border:#efefef;--color-background:#f6fafa;--color-error:red}:root{--ad-card-background:linear-gradient(140deg,#c0ebeb,#fac7d3);--shadow-black:#bbb;--footer-background:#1f353a}}@layer base,components;@layer utilities{.collapse{visibility:collapse}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.-top-10{top:calc(var(--spacing)*-10)}.-left-8{left:calc(var(--spacing)*-8)}.z-0{z-index:0}.z-1{z-index:1}.z-\[9999\]{z-index:9999}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing)*0)}.mx-2{margin-inline:calc(var(--spacing)*2)}.mx-4{margin-inline:calc(var(--spacing)*4)}.mx-auto{margin-inline:auto}.my-0{margin-block:calc(var(--spacing)*0)}.my-4{margin-block:calc(var(--spacing)*4)}.my-6{margin-block:calc(var(--spacing)*6)}.my-10{margin-block:calc(var(--spacing)*10)}.mt-0{margin-top:calc(var(--spacing)*0)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-9{margin-top:calc(var(--spacing)*9)}.mt-10{margin-top:calc(var(--spacing)*10)}.mt-12{margin-top:calc(var(--spacing)*12)}.mt-\[15px\]{margin-top:15px}.mr-0{margin-right:calc(var(--spacing)*0)}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-5{margin-right:calc(var(--spacing)*5)}.mr-auto{margin-right:auto}.mb-0{margin-bottom:calc(var(--spacing)*0)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-5{margin-bottom:calc(var(--spacing)*5)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-10{margin-bottom:calc(var(--spacing)*10)}.mb-\[11px\]{margin-bottom:11px}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-4{margin-left:calc(var(--spacing)*4)}.ml-4\.5{margin-left:calc(var(--spacing)*4.5)}.ml-6{margin-left:calc(var(--spacing)*6)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-\[2\/1\]{aspect-ratio:2}.h-1{height:calc(var(--spacing)*1)}.h-5{height:calc(var(--spacing)*5)}.h-20{height:calc(var(--spacing)*20)}.h-\[120px\]{height:120px}.h-fit{height:fit-content}.h-px{height:1px}.min-h-50{min-height:calc(var(--spacing)*50)}.min-h-screen{min-height:100vh}.w-1\/2{width:50%}.w-1\/4{width:25%}.w-4\/5{width:80%}.w-5{width:calc(var(--spacing)*5)}.w-9\/10{width:90%}.w-60{width:calc(var(--spacing)*60)}.w-72{width:calc(var(--spacing)*72)}.w-\[95\%\]{width:95%}.w-\[96\%\]{width:96%}.w-\[310px\]{width:310px}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.max-w-100{max-width:calc(var(--spacing)*100)}.max-w-lg{max-width:var(--container-lg)}.\!min-w-0{min-width:calc(var(--spacing)*0)!important}.flex-1{flex:1}.flex-shrink,.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-4{gap:calc(var(--spacing)*4)}.gap-10{gap:calc(var(--spacing)*10)}.gap-12{gap:calc(var(--spacing)*12)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}.gap-x-4{column-gap:calc(var(--spacing)*4)}.gap-y-10{row-gap:calc(var(--spacing)*10)}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-none{--tw-border-style:none;border-style:none}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-500{border-color:var(--color-gray-500)}.border-green-200{border-color:var(--color-green-200)}.border-primary-500{border-color:var(--color-primary-500)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-500{background-color:var(--color-green-500)}.bg-inherit{background-color:inherit}.bg-primary-50{background-color:var(--color-primary-50)}.bg-primary-100{background-color:var(--color-primary-100)}.bg-primary-500{background-color:var(--color-primary-500)}.bg-secondary-500{background-color:var(--color-secondary-500)}.bg-white{background-color:var(--color-white)}.bg-white\/80{background-color:#fffc}@supports (color:color-mix(in lab, red, red)){.bg-white\/80{background-color:color-mix(in oklab,var(--color-white)80%,transparent)}}.p-0{padding:calc(var(--spacing)*0)}.p-8{padding:calc(var(--spacing)*8)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-8{padding-inline:calc(var(--spacing)*8)}.py-2{padding-block:calc(var(--spacing)*2)}.py-5{padding-block:calc(var(--spacing)*5)}.py-6{padding-block:calc(var(--spacing)*6)}.py-px{padding-block:1px}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-6{padding-top:calc(var(--spacing)*6)}.pt-\[8vh\]{padding-top:8vh}.pt-\[25px\]{padding-top:25px}.pr-3{padding-right:calc(var(--spacing)*3)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-6{padding-bottom:calc(var(--spacing)*6)}.pb-10{padding-bottom:calc(var(--spacing)*10)}.pb-\[5px\]{padding-bottom:5px}.pb-\[15px\]{padding-bottom:15px}.pb-\[20vh\]{padding-bottom:20vh}.pb-\[30px\]{padding-bottom:30px}.pb-\[70px\]{padding-bottom:70px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.text-\[10px\]\!{font-size:10px!important}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.break-keep{word-break:keep-all}.whitespace-pre-line{white-space:pre-line}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-green-600{color:var(--color-green-600)}.text-green-700{color:var(--color-green-700)}.text-primary-500{color:var(--color-primary-500)}.text-red-500{color:var(--color-red-500)}.text-secondary-500{color:var(--color-secondary-500)}.text-white{color:var(--color-white)}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.decoration-secondary-500{-webkit-text-decoration-color:var(--color-secondary-500);-webkit-text-decoration-color:var(--color-secondary-500);text-decoration-color:var(--color-secondary-500)}.decoration-8{text-decoration-thickness:8px}.-underline-offset-4{text-underline-offset:calc(4px*-1)}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.\[cache\:clear-all\]{cache:clear-all}.\[cache\:clear-stale\]{cache:clear-stale}.\[cache\:invalidate\]{cache:invalidate}.\[cache\:status\]{cache:status}.\[cache\:warm\]{cache:warm}.\[redis\:cache\]{redis:cache}.\[redis\:memorystore\]{redis:memorystore}.\[ssr-cache\:cutoffs\]{ssr-cache:cutoffs}.\[ssr-cache\:lock\]{ssr-cache:lock}.\[ssr-cache\:subscriber\]{ssr-cache:subscriber}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:bottom-0:before{content:var(--tw-content);bottom:calc(var(--spacing)*0)}.before\:bottom-0\.5:before{content:var(--tw-content);bottom:calc(var(--spacing)*.5)}.before\:left-0:before{content:var(--tw-content);left:calc(var(--spacing)*0)}.before\:-z-10:before{content:var(--tw-content);z-index:calc(10*-1)}.before\:h-2:before{content:var(--tw-content);height:calc(var(--spacing)*2)}.before\:w-full:before{content:var(--tw-content);width:100%}.before\:-skew-x-45:before{content:var(--tw-content);--tw-skew-x:skewX(calc(45deg*-1));transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.before\:bg-primary-300:before{content:var(--tw-content);background-color:var(--color-primary-300)}.before\:bg-secondary-300:before{content:var(--tw-content);background-color:var(--color-secondary-300)}.before\:content-\[\'\'\]:before{--tw-content:"";content:var(--tw-content)}@media (hover:hover){.hover\:text-primary-600:hover{color:var(--color-primary-600)}}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:text-gray-400:disabled{color:var(--color-gray-400)}@media (min-width:48rem){.md\:mx-0{margin-inline:calc(var(--spacing)*0)}.md\:mx-7\.5{margin-inline:calc(var(--spacing)*7.5)}.md\:my-0{margin-block:calc(var(--spacing)*0)}.md\:my-2\.5{margin-block:calc(var(--spacing)*2.5)}.md\:mr-40{margin-right:calc(var(--spacing)*40)}.md\:mb-0{margin-bottom:calc(var(--spacing)*0)}.md\:mb-6{margin-bottom:calc(var(--spacing)*6)}.md\:ml-0{margin-left:calc(var(--spacing)*0)}.md\:ml-5{margin-left:calc(var(--spacing)*5)}.md\:ml-7\.5{margin-left:calc(var(--spacing)*7.5)}.md\:h-6{height:calc(var(--spacing)*6)}.md\:w-1\/3{width:33.3333%}.md\:w-6{width:calc(var(--spacing)*6)}.md\:w-\[55\%\]{width:55%}.md\:w-\[95\%\]{width:95%}.md\:w-auto{width:auto}.md\:max-w-200{max-width:calc(var(--spacing)*200)}.md\:max-w-xl{max-width:var(--container-xl)}.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:flex-wrap{flex-wrap:wrap}.md\:px-4{padding-inline:calc(var(--spacing)*4)}.md\:px-20{padding-inline:calc(var(--spacing)*20)}.md\:py-4{padding-block:calc(var(--spacing)*4)}.md\:pt-\[12vh\]{padding-top:12vh}.md\:pt-\[15px\]{padding-top:15px}.md\:pb-0{padding-bottom:calc(var(--spacing)*0)}.md\:pb-10{padding-bottom:calc(var(--spacing)*10)}.md\:pb-16{padding-bottom:calc(var(--spacing)*16)}.md\:pb-\[10px\]{padding-bottom:10px}.md\:pb-\[20vh\]{padding-bottom:20vh}.md\:pb-\[25px\]{padding-bottom:25px}.md\:pb-\[50px\]{padding-bottom:50px}.md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.md\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}}@media (min-width:64rem){.lg\:mr-6{margin-right:calc(var(--spacing)*6)}.lg\:mr-10{margin-right:calc(var(--spacing)*10)}.lg\:ml-10{margin-left:calc(var(--spacing)*10)}.lg\:block{display:block}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:80rem){.xl\:mr-\[125px\]{margin-right:125px}.xl\:ml-\[125px\]{margin-left:125px}}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}