.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%;
  }
}

.gZugDUbFRIbHxBSUnMfO {
  width: 700px;
  position: relative;
  height: 2em;
  top: 80%;
  left: 96%;
  transform: translate(-50%, -100%);
  z-index: 50;
}

.gZugDUbFRIbHxBSUnMfO p {
  font-size: 8px;
  margin: 0;
  color: white;
}

.gZugDUbFRIbHxBSUnMfO.SqYVahw50ztz8Ub3jWKN p {
  color: var(--color-black);
}

@media (max-width: 767px) {
  .gZugDUbFRIbHxBSUnMfO {
    width: 90%;
    top: 92%;
    left: 50%;
    padding: 10px 0 0;
  }

  .gZugDUbFRIbHxBSUnMfO .JxWFqYJwz0Qt2pUI_fXJ {
    display: none;
  }
}

.q_J8NI7M6YrK8gffoQUC {
  padding: 0;
  display: flex;
  position: absolute;
  top: 50%;
  left: 5%;
  transform: translate(0, -50%);
  height: 106px;
  margin: 0 auto;
  z-index: 50;
}

@media (min-width: 768px) {
  .q_J8NI7M6YrK8gffoQUC {
    min-width: 850px;
    max-width: 950px;
    width: 55%;
  }
}

@media (max-width: 767px) {
  .q_J8NI7M6YrK8gffoQUC {
    width: 370px;
    height: auto;
    top: 43%;
    left: 50%;
    transform: translate(-50%, -50%);
    aspect-ratio: 700 / 135;
  }

  .q_J8NI7M6YrK8gffoQUC .JxWFqYJwz0Qt2pUI_fXJ {
    display: none;
  }
}

.q_J8NI7M6YrK8gffoQUC.Ch6g62vulf_g1xgz9gRp {
  color: var(--text-achievements-lp);
}

.q_J8NI7M6YrK8gffoQUC.Ch6g62vulf_g1xgz9gRp li {
  background-image: url('/images/achievements_brackets.webp');
}

.q_J8NI7M6YrK8gffoQUC.SqYVahw50ztz8Ub3jWKN {
  color: var(--text-achievements-top);
}

.q_J8NI7M6YrK8gffoQUC.SqYVahw50ztz8Ub3jWKN li {
  background-image: url('/images/TopPage/achievements_brackets_top.webp');
}

.VBbiaRwpKSva2ceKunkw {
  background-repeat: no-repeat;
  background-size: cover;
  list-style: none;
  margin: 0 auto;
  position: relative;
  width: 230px;
}

@media (max-width: 767px) {
  .VBbiaRwpKSva2ceKunkw {
    width: 160px;
  }
}

.b9aJB_bKRGwfZLavr56h {
  font-weight: 700;
  font-size: 24px;
  width: 121px;
  text-align: center;
  margin: 0;
  position: absolute;
  top: 21%;
  left: 50%;
  transform: translate(-50%, -90%);
}

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

.QwnEh3D06f3loQDHIJZI {
  font-size: 50px;
  width: 180px;
  text-align: center;
  font-weight: 700;
  margin: 0;
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -65%);
}

.QwnEh3D06f3loQDHIJZI span {
  font-size: 35px;
}

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

  .QwnEh3D06f3loQDHIJZI span {
    font-size: 30px;
  }
}

.cQQdwRl6zlXdr5wmhBLg {
  font-size: 16px;
  font-weight: 700;
  margin: 0;
  position: absolute;
  top: 85%;
  left: 72%;
  transform: translate(-50%, -50%);
}

@media (max-width: 767px) {
  .cQQdwRl6zlXdr5wmhBLg {
    font-size: 12px;
    left: 70%;
  }
}

.UJEA6JLn9IpR_0eF27pp {
  font-size: 10px;
  margin: 0;
  position: absolute;
  top: 30%;
  transform: translate(-50%, -150%);
}

@media (max-width: 767px) {
  .UJEA6JLn9IpR_0eF27pp {
    top: 32%;
  }
}

.eDzdkld3pc70NYQMm1_E {
  left: 71%;
}

.Or1RC4UtxJgh2qNUkOQH {
  left: 76%;
}

.EyyHpMkh0DVOKkAzup43 {
  left: 81%;
}

.cnEmD2krAnIXMaUTIxrV {
  position: relative;
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  padding: 40px 30px 30px 30px;
  background: var(--color-white);
}

.rFpfLoQQBeyTcUzVB_T3 {
  background-image: url('/images/form_speech_bubble.webp');
  background-size: contain;
  position: absolute;
  padding-left: 5px;
  top: -10px;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  text-align: center;
  line-height: 49px;
  font-size: 18px;
  font-weight: 700;
  color: var(--color-white);
  width: 287px;
  height: 68px;
}

.k8nWcuOBkxnQl5dFZJXY {
  margin-bottom: 20px;
  position: relative;
}

.k8nWcuOBkxnQl5dFZJXY label {
  display: block;
  font-size: 18px;
  font-weight: 400;
  color: var(--form-label);
  height: 24px;
  margin: 0;
}

.k8nWcuOBkxnQl5dFZJXY label span {
  padding: 0;
  position: absolute;
}

.k8nWcuOBkxnQl5dFZJXY input {
  border-radius: 4px;
  font-size: 16px;
  line-height: 24px;
}

.k8nWcuOBkxnQl5dFZJXY input::placeholder {
  color: var(--text-placeholder);
}

.k8nWcuOBkxnQl5dFZJXY p {
  position: absolute;
  top: 44px;
  font-size: 12px;
  font-weight: 400;
  color: var(--color-error);
  margin: 4px 0 0 0;
}

.k8nWcuOBkxnQl5dFZJXY .ITzTMcSlunRoZ0TlVS9U {
  top: 16px;
}

.k8nWcuOBkxnQl5dFZJXY .tYA4zvgmvPesM3TzaD9Y {
  position: absolute;
  z-index: 1;
  top: -18px;
  left: 25px;
  font-size: 14px;
  padding: 20px 0;
  width: 310px;
}

.k8nWcuOBkxnQl5dFZJXY a {
  color: var(--color-primary-500);
  text-decoration: none;
}

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

.PZN6khaERXVvuzxQQI5N.MuiButton-root {
  width: 100%;
  padding: 8px 12px;
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  box-shadow: 0px 3px 3px 0px var(--shadow-black);
}

.PZN6khaERXVvuzxQQI5N.MuiButton-root.Mui-disabled {
  background: var(--color-disabled);
  color: #888888;
}

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

.h5hwIZX26tmrxRTL44Az {
  width: 18px;
  height: 18px;
  accent-color: var(--color-primary-500);
}

.I_acTTJpJuR1wYYx2r4N {
  position: relative;
  top: -10px;
  height: 180px;
  width: 100%;
  background-color: var(--color-primary-700);
  z-index: 2;
}

.aNiFsmeciZdNg_63IZip {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: auto;
}

@media (min-width: 768px) {
  .aNiFsmeciZdNg_63IZip {
    width: 1440px;
    margin: 0 auto;
  }
}

.WTTl4Kpr9fxYDD9WvYTt {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: auto;
}

.WTTl4Kpr9fxYDD9WvYTt::after {
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
}

.J2MvZiaSg2TXcaQLD_Lt {
  position: absolute;
  top: 10px;
  object-fit: contain;
  z-index: 3;
  background-color: var(--color-primary-500);
}

@media (min-width: 768px) {
  .J2MvZiaSg2TXcaQLD_Lt {
    height: 120px;
    width: 165px;
    left: 10%;
    padding: 40px 6px;
  }
}

@media (max-width: 767px) {
  .J2MvZiaSg2TXcaQLD_Lt {
    height: 80px;
    width: 120px;
    right: 20px;
    padding: 25px 4px;
  }
}

/* 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;
}

.JO4M_60Mqbql_ceEqkKA.MuiButton-root {
  padding: 12px 70px;
  font-size: 18px;
  font-weight: bold;
  border-radius: 40px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}

@media (min-width: 768px) {
  .JO4M_60Mqbql_ceEqkKA.MuiButton-root {
    padding: 12px 100px;
    font-size: 23px;
  }
}

.H2PsZyuWonWt2UQFnf58 {
  background-color: var(--color-primary-50);
}

.f4cS9tfpwmMZay9MZsi0 {
  position: absolute;
  width: 90%;
  z-index: 20;
  top: 28%;
  left: 9%;
}

@media (max-width: 767px) {
  .f4cS9tfpwmMZay9MZsi0 {
    top: 42%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

.mdlU3PSUFNalRSJJZtog {
  font-size: 32px;
  font-weight: bold;
  color: var(--color-white);
  margin: 0;
  text-shadow: 2px 2px 3px var(--text-shadow-black);
}

@media (max-width: 767px) {
  .mdlU3PSUFNalRSJJZtog {
    text-align: center;
    font-size: 4.9vw;
    text-decoration: underline var(--color-secondary-500);
    text-decoration-thickness: 12px;
    text-underline-offset: -8px;
  }
}

.HHHQKfX6MzatP_8jF6es {
  font-size: 56px;
  font-weight: bold;
  color: var(--color-white);
  text-shadow: 2px 2px 3px var(--text-shadow-black);
  margin: 0;
}

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

@media (max-width: 767px) {
  .HHHQKfX6MzatP_8jF6es {
    font-size: 9vw;
    margin: 10px 0 0;
    border: 3px #fffc solid;
    padding: 20px 10px;
    box-shadow: 2px 2px 4px #1F353A;
    background-color: #ddd4;
  }
}

@media (max-width: 767px) {
  .UoB0phnXv0SmMXgj9o3c {
    display: flex;
    justify-content: center;
    background-color: #C0C0C0;
    width: 100%;
    height: 71px;
    position: fixed;
    bottom: 0;
    z-index: 20;
  }

  .UoB0phnXv0SmMXgj9o3c.i17YpEw_uowKUObnqO2C {
    display: none;
  }
}

.Y7Vyors_RdC3DLpJcPBv.MuiButton-root {
  padding: 23px 46px;
  font-size: 23px;
  font-weight: bold;
  border-radius: 40px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  z-index: 30;
}

@media (min-width: 768px) {
  .Y7Vyors_RdC3DLpJcPBv.MuiButton-root {
    position: absolute;
    top: 63%;
    left: 29%;
    transform: translate(-50%, -50%);
  }
}

@media (max-width: 767px) {
  .Y7Vyors_RdC3DLpJcPBv.MuiButton-root {
    bottom: 0;
    margin: 10px auto;
    padding: 12px 50px;
    font-size: 18px;
  }
}

.Y7Vyors_RdC3DLpJcPBv.MuiButton-colorSecondary.MuiButton-contained:hover {
  background-color: var(--color-secondary-600);
}

.Fmz7XD1HviGwr_uX5Vo0 {
  position: relative;
  width: 100%;
  z-index: 10;
  background-size: cover;
  background-position: center;
}

@media (min-width: 768px) {
  .Fmz7XD1HviGwr_uX5Vo0 {
    background-image: url('/images/TopPage/firstview_background_pc.webp');
    height: 610px; /* 670 - Settings.headerHeight(60) */
  }
}

@media (max-width: 767px) {
  .Fmz7XD1HviGwr_uX5Vo0 {
    background-image: url('/images/TopPage/firstview_background_sp.webp');
    height: calc(70vh - 60px); /* Settings.headerHeight */
    object-position: 49% 40%;
    transform: scale(1.1);
    transform-origin: bottom;
  }
}

.DA5hhDuorUYV2zW3yfdB {
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: white;
  border-radius: 2px;
  width: 78%;
  margin: 0 auto 40px;
  padding: 10px;
}

@media (max-width: 767px) {
  .DA5hhDuorUYV2zW3yfdB {
    width: 95%;
    flex-direction: column;
    margin-bottom: 10px;
  }
}

.S5U6PQAjHNAn9JxYSeh0 {
  width: 250px;
  height: 190px;
  object-fit: cover;
  margin: 0 10px;
}

.Y4j_ELrMEOT5a0vzq4hw {
  font-size: 16px;
  width: 80%;
  line-height: 2em;
  margin: 16px;
}

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

.bqiw7OWfQojZnvZiD5Uh {
  display: flex;
  justify-content: space-between;
  gap: 10%;
  margin: 0;
  padding: 20px 130px;
}

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

.nHA7SKg4Ap4zpSuPZOkL {
  list-style: none;
}

@media (max-width: 767px) {
  .nHA7SKg4Ap4zpSuPZOkL {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px auto;
    margin: 10px auto;
    width: 95%;
  }
}

.N6cMeg3ODKOMwTgP_FEh {
  width: auto;
  height: 250px;
  position: relative;
  left: 10px;
  margin: 5px auto 0;
}

@media (max-width: 767px) {
  .N6cMeg3ODKOMwTgP_FEh {
    height: 110px;
    margin: 0 5px 0 0;
  }
}

.HgAkuD1vodVbFw7X5Fmv {
  display: block;
  width: 100%;
}

.Etalw1oxvsN2LR6z0t5c {
  font-size: 12px;
  text-align: center;
}

.Etalw1oxvsN2LR6z0t5c .Vf25ek65c8Rc66ghii7z {
  color: var(--color-primary-500);
  font-size: 20px;
}

.Etalw1oxvsN2LR6z0t5c .kktS9viGpN3A5tg4QR0Q {
  color: var(--color-secondary-500);
  font-size: 20px;
}

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

.yI8GXZNLOsZ9QIBUgelJ {
  font-size: 16px;
  text-align: center;
}

@media (max-width: 767px) {
  .yI8GXZNLOsZ9QIBUgelJ {
    font-size: 14px;
    margin-top: 5px;
  }
}

.aw6TLQWuFJDNl7rs6piw {
  display: flex;
  justify-content: center;
  gap: 1%;
  padding: 0 0 30px;
}

@media (max-width: 767px) {
  .aw6TLQWuFJDNl7rs6piw {
    flex-direction: column;
    align-items: center;
  }
}

.aw6TLQWuFJDNl7rs6piw .E3ij4CzsheVFKxMZf_GJ {
  width: 40px;
  height: auto;
  margin-top: 75px;
  margin-bottom: 0;
  color: var(--color-primary-500);
}

@media (max-width: 767px) {
  .aw6TLQWuFJDNl7rs6piw .E3ij4CzsheVFKxMZf_GJ {
    transform: rotate(90deg);
    width: 28px;
    margin-left: 68px;
    margin-top: 0;
  }
}

.uLb8Z0Xm7h8QJXChkWqS {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 180px;
}

@media (max-width: 767px) {
  .uLb8Z0Xm7h8QJXChkWqS {
    flex-direction: row;
    width: 93%;
  }
}

.BlHesQqPxKX24tmovFCQ {
  display: flex;
  flex-direction: column;
}

.Bg23FpJ6b5QgXadtmDxa {
  width: 150px;
  height: 161px;
  margin-bottom: 10px;
}

@media (max-width: 767px) {
  .Bg23FpJ6b5QgXadtmDxa {
    width: 80px;
    height: 83px;
  }
}

.iizfsZDoKgTNnv6PLiXk {
  font-size: 22px;
  color: #333;
  font-weight: bold;
  margin: 20px 0 5px;
}

@media (max-width: 767px) {
  .iizfsZDoKgTNnv6PLiXk {
    font-size: 17.5px;
    width: 93%;
    margin: 5px 0px 0 5px;
  }
}

.MP6jhPzGseLjltZGt8lU {
  font-size: 14px;
  margin: 0 4px 0 4px;
  text-align: left;
  margin: 0;
}

@media (max-width: 767px) {
  .MP6jhPzGseLjltZGt8lU {
    width: 93%;
    margin: 6px 0px 10px 10px;
  }
}

@media (min-width: 768px) {
  .kWglQE8XAKIIdTH5T7fn {
    display: flex;
    justify-content: center;
    padding-bottom: 40px;
  }
}

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

@media (min-width: 768px) {
  .RCqaPb01AHD0y_VYUYwN.MuiButton-root {
    padding: 12px 50px;
    font-size: 23px;
    font-weight: bold;
    border-radius: 40px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 30;
  }
}

.CpFr60w6lWJtxWEe8igg {
  height: 560px;
  border: 1px solid #ddd;
  margin: 0 auto;
  background-color: var(--color-white);
}

@media (max-width: 767px) {
  .CpFr60w6lWJtxWEe8igg {
    height: 460px;
  }
}

.riKHcPgT0_TXTxMe2Ca1 {
  width: 100%;
  height: 10px;
}

.oyqLHsg1nzd1KKOo5PcQ {
  margin: 0;
  padding: 20px;
  width: 370px;
}

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

.oyqLHsg1nzd1KKOo5PcQ h3 {
  margin: 10px 0 23px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  white-space: pre-wrap;
  height: 64px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

@media (max-width: 767px) {
  .oyqLHsg1nzd1KKOo5PcQ h3 {
    margin: 0;
    line-height: 1.2em;
    height: 50px;
  }
}

.AwcKMnGaGvK78mK7I54D {
  text-align: right;
  font-size: 18px;
  font-weight: bold;
  margin: 20px 0;
  white-space: normal;
}

.AwcKMnGaGvK78mK7I54D span {
  font-size: 24px;
  color: var(--color-secondary-500);
}

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

.OGldl2cj1vr5kHOBa8EK {
  margin: 15px 0;
}

.OGldl2cj1vr5kHOBa8EK h4 {
  color: gray;
  margin: 0;
}

.OGldl2cj1vr5kHOBa8EK p {
  white-space: pre-wrap;
  margin: 0;
  font-size: 16px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 8;
}

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

.Dw8UOE2FG2t6acg_DNqp {
  display: flex;
  gap: 2%;
  align-items: stretch;
  padding: 20px 80px 20px;
  overflow-x: scroll;
  white-space: nowrap;
  cursor: grab;
}

.Dw8UOE2FG2t6acg_DNqp:hover {
  cursor: grab;
}

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

.qnPs1MTsqTKU6EYvs71v.MuiMobileStepper-root {
  max-width: 400px;
  margin: auto;
}

@media (max-width: 767px) {
  .qnPs1MTsqTKU6EYvs71v.MuiMobileStepper-root {
    max-width: 300px;
  }
}

.qnPs1MTsqTKU6EYvs71v.xTBT0LAtaDzmuTK6fV82.MuiMobileStepper-root {
  padding-bottom: 35px;
}

@media (max-width: 767px) {
  .qnPs1MTsqTKU6EYvs71v.xTBT0LAtaDzmuTK6fV82.MuiMobileStepper-root {
    padding-bottom: 25px;
  }
}

.siYJcIyPfrmDvrExUErB.MuiButton-root {
  height: 30px;
  min-width: 50px;
}

.siYJcIyPfrmDvrExUErB.MuiButton-root.Mui-disabled {
  background: rgba(0, 0, 0, 0.10) !important;
}

.aqEb5PtZ8lkBCWFkAY9L {
  display: flex;
}

.S2Vpv9srvEtp6awX1rPg.MuiButton-root {
  margin: 0 auto 20px;
  font-size: 20px;
  font-weight: bold;
  padding: 4px 40px;
}

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

.SCx1CQPNRdZw2huT_fmw {
  margin: 0 0 20px;
  display: flex;
}

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

.SCx1CQPNRdZw2huT_fmw img {
  height: 400px;
  width: auto;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  flex-shrink: 0;
}

@media (max-width: 767px) {
  .SCx1CQPNRdZw2huT_fmw img {
    height: auto;
    width: 100%;
    aspect-ratio: 16 / 9;
  }
}

.SCx1CQPNRdZw2huT_fmw div {
  flex-grow: 1;
}

.SCx1CQPNRdZw2huT_fmw h3 {
  margin: 15px 0 0 25px;
  font-size: 22px;
  height: 100px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

@media (max-width: 767px) {
  .SCx1CQPNRdZw2huT_fmw h3 {
    margin: 10px 0;
    font-size: 18px;
    height: 81px;
  }
}

.SCx1CQPNRdZw2huT_fmw .YiWfrL4EssrLAwkb9n07 {
  margin: 25px;
  font-size: 18px;
  height: 162px;
  overflow: hidden;
  white-space: pre-wrap;
}

@media (max-width: 767px) {
  .SCx1CQPNRdZw2huT_fmw .YiWfrL4EssrLAwkb9n07 {
    margin: 10px 0;
    font-size: 16px;
    height: 120px;
  }
}

.SCx1CQPNRdZw2huT_fmw a {
  display: flex;
  color: var(--color-primary-500);
  text-decoration: none;
  margin: 0 0 0 auto;
  width: fit-content;
}

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

.b2_JEw65DZTau0BCXLzm {
  display: block;
  font-size: 16px;
  width: fit-content;
  min-width: 110px;
  padding: 2px 5px;
  margin: 0 0 0 25px;
  font-weight: bold;
  border-radius: 4px;
  color: white;
  background: var(--color-primary-500);
  border: none;
}

@media (max-width: 767px) {
  .b2_JEw65DZTau0BCXLzm {
    margin: 20px 0 0 0;
    flex-direction: column;
    min-width: none;
  }
}

.BEi3D6PiQ7uwNwknjN43 {
  min-height: 1627px;
}

@media (min-width: 768px) {
  .BEi3D6PiQ7uwNwknjN43 {
    min-width: 1120px;
    margin: 20px 130px;
    min-height: 1647px;
  }
}

.BEi3D6PiQ7uwNwknjN43 ul {
  padding-left: 0;
}

.BEi3D6PiQ7uwNwknjN43 li {
  list-style: none;
  margin-bottom: 60px;
}

@media (max-width: 767px) {
  .BEi3D6PiQ7uwNwknjN43 li {
    margin-bottom: 40px;
  }
}

.BEi3D6PiQ7uwNwknjN43 li:nth-child(odd) div {
  flex-direction: row-reverse;
}

.pJ4_NQ84gK8jAMY6qGjr {
  position: relative;
  padding: 50px 40px 30px;
  background-color: #ffffff;
}

.pJ4_NQ84gK8jAMY6qGjr.iaPU1mMj3idQuArQKM6y {
  border-radius: 40px 40px 40px 0;
  box-shadow: 0 0 3px 3px var(--color-primary-200);
}

.pJ4_NQ84gK8jAMY6qGjr.rc3z3OzGJDea_YuCTZY9 {
  border-radius: 40px 40px 0 40px;
  box-shadow: 0 0 3px 3px var(--color-secondary-100);
}

@media (min-width: 768px) {
  .pJ4_NQ84gK8jAMY6qGjr.iaPU1mMj3idQuArQKM6y {
    margin: 20px 10px 60px 30px;
  }

  .pJ4_NQ84gK8jAMY6qGjr.rc3z3OzGJDea_YuCTZY9 {
    margin: 20px 30px 60px 10px;
  }
}

@media (max-width: 767px) {
  .pJ4_NQ84gK8jAMY6qGjr {
    padding: 30px 20px 20px;
    margin: 20px 20px 18px;
  }
}

.kdL5aGzLy03KW1KEjZJZ {
  position: absolute;
  top: -15px;
  left: 40px;
}

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

@media (min-width: 768px) {
  .X9a6gV8jGsmAZb7CYWg1 {
    display: flex;
    flex-direction: row-reverse;
  }
}

.jx0s4JgfbmIkua0WGDQs {
  width: 110px;
  object-fit: cover;
}

@media (max-width: 767px) {
  .jx0s4JgfbmIkua0WGDQs {
    width: 80px;
  }

  .jx0s4JgfbmIkua0WGDQs.iaPU1mMj3idQuArQKM6y {
    float: left;
    margin-left: 20px;
  }

  .jx0s4JgfbmIkua0WGDQs.rc3z3OzGJDea_YuCTZY9 {
    float: right;
    margin-right: 20px;
  }
}

.wE4ZRpcGlyRWbsU9vGTV {
  margin: 0 0 15px;
  font-size: 23px;
  font-weight: bold;
}

.wE4ZRpcGlyRWbsU9vGTV.iaPU1mMj3idQuArQKM6y {
  color: var(--color-primary-500);
}

.wE4ZRpcGlyRWbsU9vGTV.rc3z3OzGJDea_YuCTZY9 {
  color: var(--color-secondary-500);
}

@media (max-width: 767px) {
  .wE4ZRpcGlyRWbsU9vGTV {
    margin: 0 0 10px;
    font-size: 16px;
  }
}

.GfcfhyU57LPGUU5JAGFq {
  line-height: 1.8em;
}

.GfcfhyU57LPGUU5JAGFq p {
  font-size: 16px;
  margin: 0;
}

.uiiAfsGr2InyscCro3kv {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

.BE16sFRfPY6dP_JHVK3c {
  margin: 10px 0 0;
  font-weight: 700;
  text-align: right;
}

.BE16sFRfPY6dP_JHVK3c.iaPU1mMj3idQuArQKM6y {
  color: var(--color-primary-500);
}

.BE16sFRfPY6dP_JHVK3c.rc3z3OzGJDea_YuCTZY9 {
  color: var(--color-secondary-500);
}

.PNSoXKhUcftmHfXn0P4p {
  position: absolute;
  bottom: 0px;
}

.PNSoXKhUcftmHfXn0P4p p {
  margin: 0;
  white-space: nowrap;
  font-size: 12px;
}

@media (min-width: 768px) {
  .PNSoXKhUcftmHfXn0P4p.iaPU1mMj3idQuArQKM6y {
    right: -30px;
    transform: translate(100%, 0);
  }

  .PNSoXKhUcftmHfXn0P4p.rc3z3OzGJDea_YuCTZY9 {
    left: -30px;
    transform: translate(-100%, 0);
    text-align: right;
  }
}

@media (max-width: 767px) {
  .PNSoXKhUcftmHfXn0P4p.iaPU1mMj3idQuArQKM6y {
    left: 110px;
  }

  .PNSoXKhUcftmHfXn0P4p.rc3z3OzGJDea_YuCTZY9 {
    right: 110px;
    text-align: right;
  }
}

.gKMCsRmQIogWEPtQUads {
  width: 70%;
  height: auto;
  margin: 0 auto;
  padding: 20px 20px 60px;
}

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

.FPeLXaQKM6pfT_iucnaA {
  width: 35px;
  height: 35px;
  margin: auto 10px auto 0;
}

.d3_kUbjkF7EzzPOaANQN {
  margin: 0;
  font-size: inherit;
  font-weight: inherit;
  display: grid;
  place-items: center;
  line-height: 1.8em;
}

._n_dU0uI625V_PXf4uV2 {
  position: relative;
  width: 35px;
  height: 35px;
  margin-right: 10px;
}

.Mg4o1bdzro3b9p4vYUvj {
  margin: 5px 0 0;
  display: grid;
  place-items: center;
  line-height: 1.8em;
}

.Mg4o1bdzro3b9p4vYUvj a {
  color: var(--color-primary-700);
  text-decoration: underline;
}

/* アンカー移動時に固定ヘッダーへ隠れないようにする（ブラウザ標準のハッシュ移動にも効く） */
.HrcTSxLig_m9lKeIpmRK,
.vx7Slr2qqIW3jdPGl2yI,
.HO4jFhyJkLhPrqHmEOHv {
  scroll-margin-top: 60px;
}

.KJQBgw0yTohFMLpiSttE {
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  margin: 0;
  padding-top: 35px;
}

@media (max-width: 767px) {
  .KJQBgw0yTohFMLpiSttE {
    font-size: 24px;
    padding-top: 25px;
  }
}

.iImdJDAGAeU4C37wEOYd {
  background-color: var(--color-primary-100);
}

@media (min-width: 768px) {
  .iImdJDAGAeU4C37wEOYd {
    width: 1440px;
    margin: 0 auto;
  }
}

.oB_Rz8UAgwl96GYW7AKQ {
  background-color: var(--color-white);
}

@media (min-width: 768px) {
  .oB_Rz8UAgwl96GYW7AKQ {
    width: 1440px;
    margin: 0 auto;
  }

  .oB_Rz8UAgwl96GYW7AKQ.Ba65bwY6rfjnEwi7Ujr2 {
    width: 1440px;
    margin: 0 auto;
    padding: 0 130px;
  }
}

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

.HvoiKYh99bXhdUDZ6rTw {
  background-repeat: no-repeat;
  background-size: cover;
}

@media (max-width: 767px) {
  .HvoiKYh99bXhdUDZ6rTw {
    background-image: url('/images/FormBackground_sp.webp');
    height: 854px;
  }
}

@media (min-width: 768px) {
  .HvoiKYh99bXhdUDZ6rTw {
    background-image: url('/images/FormBackground_pc.webp');
    height: 878px;
    width: 1440px;
    margin: 0 auto;
  }
}

.h219bTa7jDdtTNKIvu6R {
  background: var(--color-white);
  position: relative;
  margin: 0 auto 40px;
  box-shadow: 2px 2px 4px 0px var(--shadow-black);
  z-index: 20;
}

@media (min-width: 768px) {
  .h219bTa7jDdtTNKIvu6R {
    top: 25px;
    left: 0;
    width: 400px;
    outline: 20px solid #1F353A3F;
  }
}

@media (max-width: 767px) {
  .h219bTa7jDdtTNKIvu6R {
    top: 0%;
    width: 355px;
  }
}

.QYrDonBz1vjxGP75uEc5 {
  position: relative;
  top: -20px;
  padding: 0 30px 10px;
}

.QYrDonBz1vjxGP75uEc5 .FFJLOHV5SKdgcz14E8zA {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  text-align: center;
  margin: 15px auto;
}

.QYrDonBz1vjxGP75uEc5 .FFJLOHV5SKdgcz14E8zA::after,
.QYrDonBz1vjxGP75uEc5 .FFJLOHV5SKdgcz14E8zA::before {
  content: "";
  width: 30%;
  height: 1px;
  margin: 0 10px;
  background: var(--color-black);
}

.h3QLuoB3ubLbQue8e3fv {
  position: absolute;
  top: 0;
  right: -25px;
}

.cp_jOlqWhS7VQ0FMl9qZ {
  position: absolute;
  top: 0;
  left: -25px;
}

.zakXcym4S_LQcmayPKzt {
  position: absolute;
  bottom: 6px;
  right: -25px;
}

.F9opwxEtl_sfwfRg9XmO {
  position: absolute;
  bottom: 6px;
  left: -25px;
}

.vSvtpIjNX6glMEYV3b0R {
  width: 100px;
  height: 100px;
}

.c2cznvmp0WmZ_w7epcCO {
  width: 75px;
  height: 75px;
}

.LNAWEAjbzjweWLjRCzDQ {
  width: 60px;
  height: 60px;
}

.flIGrD5o8b3s5qlWCP8A {
  width: 50px;
  height: 50px;
}

.EnmWN1d09_yGkOnv0Kg0 {
  background: var(--color-primary-500);
}

.Xmq6AuyzoUlO9Hy7eQcu {
  background: var(--color-primary-300);
}

.KIo8hdBMr6CmWt2DMkam {
  background: var(--color-primary-200);
}

.SRcgOBILQNA3JQKUdS7k {
  background: var(--color-secondary-100);
}

@media (min-width: 768px) {
  .Z74or1YklIu08jBmC3wD {
    display: flex;
    min-width: 1140px;
    max-width: 1400px;
    margin: 0 auto;
    justify-content: space-around;
  }
}

.Rt70SuyZG2q29zLu2vh_ {
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
  text-align: center;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 767px) {
  .Rt70SuyZG2q29zLu2vh_ {
    marigin: 0;
    top: 56%;
    width: 100%;
  }
}

.Jv7r8GgjtCee3YQKE_zA {
  position: relative;
  width: 320px;
  height: 320px;
}

@media (max-width: 767px) {
  .Jv7r8GgjtCee3YQKE_zA {
    margin: auto;
  }
}

@media (min-width: 768px) {
  .Jv7r8GgjtCee3YQKE_zA {
    margin: 0 30px;
  }
}

.Jv7r8GgjtCee3YQKE_zA h3 {
  position: absolute;
  top: 50px;
  left: 20px;
  align-items: center;
  text-align: center;
  width: 280px;
  margin: 0;
  z-index: 2;
  color: var(--color-primary-500);
  font-size: 20px;
}

.Jv7r8GgjtCee3YQKE_zA h3 .WIfe68hsWktHT_Mqm4_P {
  font-size: 18px;
  font-weight: 400;
  color: var(--color-black);
}

.Jv7r8GgjtCee3YQKE_zA h3 .slxUkunE8QOX86crCCVr {
  font-size: 24px;
  color: var(--color-secondary-500);
}

.Jv7r8GgjtCee3YQKE_zA p {
  position: absolute;
  top: 24px;
  align-items: center;
  text-align: center;
  height: 266px;
  width: 320px;
  padding: 101px 15px 5px;
  margin: 0;
  background: #FFFFFF;
  z-index: 1;
  font-size: 16px;
}

.Jv7r8GgjtCee3YQKE_zA .cTAXftvHAb64e0ynhWbN {
  position: absolute;
  bottom: 11px;
  right: 7px;
  margin: 0;
  z-index: 2;
  color: #f1f8f8;
  font-style: italic;
  font-size: 70px;
  font-weight: 700;
}

.IMxGALRd8QvsIGQbpwxQ {
  position: absolute;
  z-index: 5;
  height: 140px;
  width: 100%;
  top: -32px;
  padding: 30px 0 20px;
  text-align: center;
  background-color: white;
}

.IMxGALRd8QvsIGQbpwxQ h2 {
  font-size: 30px;
  font-weight: bold;
}

.IMxGALRd8QvsIGQbpwxQ span {
  color: var(--color-primary-500);
  font-size: 45px;
  font-weight: 800;
  text-decoration: underline;
}

@media (max-width: 767px) {
  .IMxGALRd8QvsIGQbpwxQ {
    height: 130px;
    top: -20px;
  }

  .IMxGALRd8QvsIGQbpwxQ h2 {
    font-size: 20px;
    margin: 0;
  }

  .IMxGALRd8QvsIGQbpwxQ span {
    font-size: 35px;
    display: block;
  }
}

.boKUa2oPnONAv3rn4ZXD {
  color: var(--color-white);
  position: absolute;
  z-index: 2;
  left: max(10%, 144px);
  top: 39%;
  font-weight: bold;
}

@media (max-width: 767px) {
  .boKUa2oPnONAv3rn4ZXD {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 350px;
  }
}

.boKUa2oPnONAv3rn4ZXD h1 {
  font-size: 42px;
  line-height: 2em;
  text-shadow: 2px 2px 3px var(--text-shadow-black);
}

@media (max-width: 767px) {
  .boKUa2oPnONAv3rn4ZXD h1 {
    font-size: 24px;
  }
}

.boKUa2oPnONAv3rn4ZXD p {
  margin: 10px 0;
  text-align: center;
  text-shadow: 2px 2px 2px var(--text-shadow-black);
  font-size: 20px;
}

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

.diB7ZM4LFsQfTNvQJXis {
  z-index: 5;
  background-color: var(--theme-color-transparent);
  border: 4px solid var(--color-white);
  position: relative;
  border-radius: 3px;
  padding: 20px 30px;
  box-shadow: 2px 2px 4px var(--shadow-black);
}

@media (max-width: 767px) {
  .diB7ZM4LFsQfTNvQJXis {
    margin: auto;
    padding: 20px 10px;
  }
}

.yvEJ9nRzzKeruNKQq733 {
  z-index: 2;
  right: -45px;
  top: -40px;
}

@media (max-width: 767px) {
  .yvEJ9nRzzKeruNKQq733 {
    right: -25px;
    top: -25px;
  }
}

.zlBd0FrgYCla6kZp4HSQ {
  z-index: 3;
  left: -30px;
  bottom: -35px;
}

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

.OUAUqPFAvnkbprazB3aq {
  position: absolute;
  z-index: 2;
  left: -60px;
  bottom: -65px;
}

@media (max-width: 767px) {
  .OUAUqPFAvnkbprazB3aq {
    left: -45px;
    bottom: -45px;
  }
}

@media (max-width: 767px) {
  .i4gK_a1or1LZ2HmhWPpS {
    width: 50px;
    height: 50px;
  }

  .f0LGR0owu_n7YhzaOHKz {
    width: 60px;
    height: 60px;
  }

  .F0HelbfLsM3_FzRTbNEu {
    width: 70px;
    height: 70px;
  }
}

@media (max-width: 767px) {
  .b3QMA9LUrwP8IQ24kEII {
    position: fixed;
    right: 0;
    bottom: 20px;
    background: var(--color-secondary-500);
    color: var(--color-white);
    font-size: 16px;
    z-index: 100;
    height: 295px;
    width: 30px;
    text-align: center;
    border-radius: 4px 0 0 4px;
    text-decoration: none;
    cursor: pointer;
  }

  .b3QMA9LUrwP8IQ24kEII p {
    margin: 5px auto;
  }
}

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

.V8OZoiUAkDq3kISlkL8u {
  display: none;
}

@media (max-width: 767px) {
  .lsMD6z8k0GgGUAOvB9q1 {
    height: 1px;
    margin-bottom: 50px;
  }
}

@media (min-width: 768px) {
  .g1HYxzntne01CLOt3xKS {
    min-width: 1440px;
  }
}

@media (min-width: 768px) {
  .yqQTy0UadSwAUYDJp3K3 {
    min-width: 1440px;
  }
}

.sPd6cmNJ4iyXZ740zNhJ {
  position: relative;
  width: 100%;
  z-index: 1;
  background-size: cover;
  filter: blur(1.5px) saturate(75%) brightness(110%);
}

@media (min-width: 768px) {
  .sPd6cmNJ4iyXZ740zNhJ {
    background-image: url('/images/dandy-man-pc.webp');
    height: 670px;
  }
}

@media (max-width: 767px) {
  .sPd6cmNJ4iyXZ740zNhJ {
    background-image: url('/images/dandy-man-sp.webp');
    height: 70vh;
  }
}

.RvjWqAg3Jz4AcgaW8EI5 {
  position: relative;
  width: 100%;
  z-index: 1;
  background-size: cover;
  background-position: center;
}

@media (min-width: 768px) {
  .RvjWqAg3Jz4AcgaW8EI5 {
    background-image: url('/images/pc-work-pc.webp');
    top: 25px;
    height: 560px;
  }
}

@media (max-width: 767px) {
  .RvjWqAg3Jz4AcgaW8EI5 {
    background-image: url('/images/pc-work-sp.webp');
    height: 1100px;
    top: 40px;
  }
}

.e5QkbiGjW6lHjVRbCL7L {
  top: -20px;
  right: -20px;
}

.mrfmCYVt9zoYFrDlh_Yh {
  z-index: 3;
}

.Tptc7kxwv5iPLL3HMUk0 {
  z-index: 2;
}

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

@media (min-width: 768px) {
  .pjM9YWVwi3jkwnFhNMRl {
    display: null;
  }
}

@media (max-width: 767px) {
  .pjM9YWVwi3jkwnFhNMRl {
    height: 590px;
    background-color: var(--color-primary-100);
  }
}

._WIiQlzveoF4Wyix_Wij {
  margin: 0 auto;
  box-shadow: 2px 2px 4px 0px var(--shadow-black);
  z-index: 20;
}

@media (min-width: 768px) {
  ._WIiQlzveoF4Wyix_Wij {
    position: absolute;
    top: 100px;
    left: max(839px, 60%);
    width: 400px;
    outline: 20px solid #1F353A3F;
  }
}

@media (max-width: 767px) {
  ._WIiQlzveoF4Wyix_Wij {
    position: relative;
    top: 2%;
    margin: 0 auto 40px;
    width: 355px;
  }
}

.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;
  }
}

/* 余白・見出しはサイドバーのグラフ欄に揃え、数値の間だけ細い罫線で区切る */
.Jb9VEUJnFdrjqFWgeAfG {
  padding: 0 10px 16px;
  background: #FFFFFF;
  color: #1F353A;
  font-size: 14px;
  line-height: 1.6;
  scroll-margin-top: 60px;
}

/* 見出し＋要約行をまとめて1つの当たり判定にする（ボタンの ::after で全体を覆う） */
.YH4Y1FktyVDOvanCPDi_ { position: relative; }


/* グラフ欄の見出しと同じ左の緑バー（高さ固定・見出しが折り返しても伸ばさない） */
.mdrjt4jJBdva26wwz78G {
  position: relative;
  /* グラフ欄の h2 と同じ上余白（ブラウザ既定の 0.83em） */
  margin: 0.83em 0 0;
  padding-left: 14px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
}

.mdrjt4jJBdva26wwz78G::before {
  content: '';
  position: absolute;
  top: 1px;
  left: 0;
  width: 5px;
  height: 26px;
  background: var(--color-primary-500);
}

._WMw7vAWjfbks6GdIav1 { white-space: nowrap; }

.Jt47vGCkfDgI1gJqjJHr {
  color: var(--color-primary-700);
  margin: 2px 0 0 14px;
  font-size: 12px;
}

/* 見出しの下もグラフ欄の h2 と同じ余白（20px の 0.83em）。flow-root で見出しの上余白を白地の内側に留める */
.f3R9YxxMh1UkRlZR1vaE {
  display: flow-root;
  padding-bottom: 16.6px;
}

.qOiZPyPtNnbGzbvAomNQ {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 44px;
  padding: 10px 12px;
  border: 0;
  border-radius: 4px;
  background: var(--color-primary-50);
  cursor: pointer;
  text-align: left;
  font-family: inherit;
  font-size: 14px;
  color: inherit;
}

.qOiZPyPtNnbGzbvAomNQ::after {
  content: '';
  position: absolute;
  inset: 0;
}

.qOiZPyPtNnbGzbvAomNQ:focus-visible { outline: 2px solid var(--color-primary-500); outline-offset: 2px; }

.PQkHt9wrNYAfPBUyR6zK {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  flex: 1 1 auto;
}

.Z0anTO0kr4cq3RV0K3JA {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
  font-variant-numeric: tabular-nums;
}

.Z0anTO0kr4cq3RV0K3JA em { font-style: normal; }

.TxA8YiiKf_M1gqIW5cqb,
.p4RQmVdPVab5WljqA82W button {
  font-size: 12px;
  line-height: 1.5;
  color: var(--color-primary-500);
  text-decoration: underline;
}

.b6nttHxw2QMzDdgtZgZN {
  flex: none;
  display: flex;
  color: var(--color-primary-500);
  transition: transform 150ms cubic-bezier(.4, 0, .2, 1);
}

.b6nttHxw2QMzDdgtZgZN svg { width: 24px; height: 24px; fill: currentColor; }
.IxNnoViZNx1UhipDiiP4 .b6nttHxw2QMzDdgtZgZN { transform: rotate(180deg); }

.RIt5qkxx0wGOEfPG7phe {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

/* 掲載案件数はグループ見出しと区別するため、ページ地色の帯に載せる */
.hjszqqr98sPiS_BPb9JL {
  display: flex;
  align-items: baseline;
  gap: 4px;
  margin: 0;
  padding: 8px 12px;
  background: var(--color-background);
  color: #888888;
  font-weight: 700;
}

.n4jfrQGGzzEFRkODtHYP {
  color: #888888;
  margin-right: 8px;
  font-size: 12px;
  font-weight: 400;
}

.hjszqqr98sPiS_BPb9JL strong {
  color: var(--color-primary-700);
  font-size: 20px;
  line-height: 1.2;
  font-variant-numeric: tabular-nums;
}

._8mvZID0kaTBNooykAI9 {
  color: var(--color-primary-700);
  margin: 0 0 4px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
}

/* セルの間だけに細い罫線（外枠なし） */
.SBEDNTldqJWWpEgekBpv {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin: 0;
}

.SBEDNTldqJWWpEgekBpv > div {
  min-width: 0;
  padding: 8px 12px;
  border-bottom: 1px solid var(--color-border);
}

.SBEDNTldqJWWpEgekBpv > div:nth-child(odd) { border-right: 1px solid var(--color-border); }

/* 最終行は下線なし（項目数が奇数のときは最後の1つだけ） */
.SBEDNTldqJWWpEgekBpv > div:nth-last-child(2):nth-child(odd),
.SBEDNTldqJWWpEgekBpv > div:last-child { border-bottom: 0; }

.SBEDNTldqJWWpEgekBpv > div:last-child:nth-child(odd) { border-right: 0; }

.SBEDNTldqJWWpEgekBpv dt {
  color: #888888;
  font-size: 12px;
  line-height: 1.5;
}

.SBEDNTldqJWWpEgekBpv dd {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  column-gap: 2px;
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
  font-variant-numeric: tabular-nums;
}

/* 値の単位は同じ行のまま。補足（件数・割合）だけ次の行に落とす */
.SBEDNTldqJWWpEgekBpv dd small {
  color: #888888;
  font-size: 12px;
  font-weight: 400;
  white-space: nowrap;
}

.D9qqWMcitQAfp31Db3x1 {
  color: #888888;
  flex: 1 0 100%;
  font-size: 12px;
  font-weight: 400;
}

.IjoxZ1Cbm0frhiee26aU {
  color: #888888;
  margin: 0;
  padding-top: 10px;
  border-top: 1px solid var(--color-border);
  font-size: 12px;
  line-height: 1.5;
}

.p4RQmVdPVab5WljqA82W { text-align: center; }

.p4RQmVdPVab5WljqA82W button {
  min-height: 44px;
  padding: 4px 8px;
  border: 0;
  background: none;
  cursor: pointer;
  font-family: inherit;
}

/* 一覧が2カラムになる幅未満では畳む */
@media (max-width: 767px) {
  /* すぐ上の開閉バーと同じ色味にならないよう、サイトの薄い灰色にする */
  .hjszqqr98sPiS_BPb9JL { background: var(--color-border); }
  .f3R9YxxMh1UkRlZR1vaE { padding: 15px 0; }
  .mdrjt4jJBdva26wwz78G { margin: 0; font-size: 18px; }
  .mdrjt4jJBdva26wwz78G::before { top: -2px; }
  .IxNnoViZNx1UhipDiiP4 .RIt5qkxx0wGOEfPG7phe { padding-top: 15px; }
  .Jb9VEUJnFdrjqFWgeAfG:not(.IxNnoViZNx1UhipDiiP4) .zA_IQoASXYvqjRx1HT2R { display: none; }
  .YH4Y1FktyVDOvanCPDi_:hover .qOiZPyPtNnbGzbvAomNQ { background: var(--color-primary-100); }
}

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

.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);
}

.mMCs64PRAwfWmCB4wxdk {
  width: 90%;
  background: var(--ad-card-background);
  margin: 30px auto 20px;
  padding: 20px 30px;
  display: flex;
  flex-direction: column;
}

@media (max-width: 767px) {
  .mMCs64PRAwfWmCB4wxdk {
    padding: 10px 10px;
    margin: 20px auto;
  }
}

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

.dsZiMpaDKJXX0VHaVj7X {
  font-size: 20px;
  font-weight: bold;
  margin: 0;
}

.dsZiMpaDKJXX0VHaVj7X span {
  font-size: 26px;
  text-decoration: underline;
  color: var(--color-secondary-500);
}

.dsZiMpaDKJXX0VHaVj7X.mWM_TLs_n34UssYXl9Ah {
  text-align: left;
}

.dsZiMpaDKJXX0VHaVj7X.jew0HS2CatS1NWZKcFTn {
  text-align: right;
}

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

  .dsZiMpaDKJXX0VHaVj7X span {
    font-size: 18px;
    text-decoration: underline;
    color: var(--color-secondary-500);
  }
}

.VfYL5p8B7rHKGtyFD683 {
  font-size: 28px;
  font-weight: bold;
  margin: 10px auto;
  text-align: center;
  width: fit-content;
  position: relative;
  z-index: 10;
}

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

  .VfYL5p8B7rHKGtyFD683::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 6%;
    width: 100%;
    height: 8px;
    display: block;
    transform: skewX(-45deg);
    background: var(--color-primary-400);
    z-index: -1;
  }

  .VfYL5p8B7rHKGtyFD683::after {
    content: '';
    position: absolute;
    left: 8%;
    bottom: 60%;
    width: 84%;
    height: 8px;
    display: block;
    transform: skewX(-45deg);
    background: var(--color-secondary-300);
    z-index: -1;
  }
}

@media (min-width: 768px) {
  .VfYL5p8B7rHKGtyFD683::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 5px;
    width: 100%;
    height: 12px;
    display: block;
    transform: skewX(-45deg);
    background: linear-gradient(90deg, var(--color-secondary-300) 0 45%, var(--color-primary-400) 45% 100%);
    z-index: -1;
  }
}

.N3yJyaCNGXoY9WPHlmYM.MuiButton-root {
  padding: 8px 24px;
  margin: 10px auto 0;
  font-size: 16px;
  font-weight: bold;
  box-shadow: 0px 3px 3px 0px var(--shadow-black);
  text-align: center;
}

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

.vBVFMekwMRdHTbm1Rt_g {
  width: 90%;
  border: solid 1px var(--color-primary-500);
  margin: 50px auto;
  background: var(--color-white);
  position: relative;
}

.vBVFMekwMRdHTbm1Rt_g p {
  margin: 0;
  font-weight: bold;
  font-family: 'noto sans jp', 'Arial', sans-serif;
}

.vBVFMekwMRdHTbm1Rt_g .xL_iUuiaKw6RYXPIMwGn {
  font-size: 18px;
  background: var(--color-primary-500);
  padding: 8px 30px;
  color: var(--color-white);
}

.vBVFMekwMRdHTbm1Rt_g ul {
  color: var(--color-primary-500);
  padding: 0;
  margin: 20px 40px;
}

@media (max-width: 767px) {
  .vBVFMekwMRdHTbm1Rt_g ul {
    margin: 20px 10px;
  }
}

.vBVFMekwMRdHTbm1Rt_g li {
  list-style: none;
  position: relative;
  padding: 0 0 0 20px;
  margin: 10px 0 0;
}

.vBVFMekwMRdHTbm1Rt_g li::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 2px;
  border: 6px solid transparent;
  border-top: 8px solid;
}

.vBVFMekwMRdHTbm1Rt_g li p {
  margin: 0;
  color: var(--color-primary-500);
  width: fit-content;
  cursor: pointer;
}

.vBVFMekwMRdHTbm1Rt_g li p:hover {
  text-decoration: underline;
}

.TmZnm8fhLYPz00Fsg_Ln {
  position: absolute;
  width: 10px;
  height: 10px;
  background: var(--color-white);
  border-radius: 50%;
  left: 10px;
}

.TmZnm8fhLYPz00Fsg_Ln.tPeDJ7nyv0r2G8QsVS7g {
  top: 8px;
}

.TmZnm8fhLYPz00Fsg_Ln.wxwnkxiJRXCXi3Yh6v2_ {
  top: 25px;
}

.TmZnm8fhLYPz00Fsg_Ln::before {
  content: '';
  display: block;
  position: relative;
  width: 22px;
  height: 2px;
  top: 4px;
  left: -17px;
  background: darkslategray;
  border-radius: 4% / 50%;
}

/*
 * 記事本文(dangerouslySetInnerHTML)向けスタイル。変更時は frontend/admin/src/lib/articles/styles.ts にも反映する
 *
 * CMS由来の生HTMLに含まれるクラス(.download_link, .checklist系, .large_table等)はCSS Modulesでハッシュ化されると
 * マッチしなくなるため、それらに限り例外的に:global()を使用する
 */
.JWBvWQ2xXuYQO8U7xMlU {
  margin-top: -60px; /* Settings.headerHeight */
  padding-top: 60px; /* Settings.headerHeight */
  font-family: 'noto sans jp', 'Arial', sans-serif;
}

.JWBvWQ2xXuYQO8U7xMlU p {
  font-size: 16px;
  margin: 0;
  word-wrap: break-word;
  line-height: 26px;
}

.JWBvWQ2xXuYQO8U7xMlU strong,
.JWBvWQ2xXuYQO8U7xMlU b {
  font-weight: bold;
}

.JWBvWQ2xXuYQO8U7xMlU em,
.JWBvWQ2xXuYQO8U7xMlU i {
  font-style: italic;
}

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

.JWBvWQ2xXuYQO8U7xMlU a:hover {
  color: var(--color-primary-600) !important;
}

.JWBvWQ2xXuYQO8U7xMlU a span {
  color: var(--color-primary-500) !important;
}

.JWBvWQ2xXuYQO8U7xMlU a span:hover {
  color: var(--color-primary-600) !important;
}

.JWBvWQ2xXuYQO8U7xMlU ul,
.JWBvWQ2xXuYQO8U7xMlU ol {
  margin: 0 0 1em 1.5em;
  padding: 0;
}

.JWBvWQ2xXuYQO8U7xMlU li {
  margin-bottom: 0.5em;
}

.JWBvWQ2xXuYQO8U7xMlU h2 {
  position: relative;
  border-bottom: 3px solid var(--color-primary-500);
}

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

@media (max-width: 767px) {
  .JWBvWQ2xXuYQO8U7xMlU h2 {
    font-size: 20px;
  }
}

.JWBvWQ2xXuYQO8U7xMlU h3 {
  font-size: 20px;
  padding: 5px 0 5px 10px;
  margin-bottom: 10px;
  background: var(--color-primary-100);
  border-left: 5px solid var(--color-primary-500);
}

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

.JWBvWQ2xXuYQO8U7xMlU h4 {
  font-size: 18px;
  margin-bottom: 10px;
}

.JWBvWQ2xXuYQO8U7xMlU h4::before {
  content: "◆ ";
  color: var(--color-primary-500);
}

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

.JWBvWQ2xXuYQO8U7xMlU blockquote {
  margin: 20px;
  padding: 10px 20px;
  border-left: 4px solid gainsboro;
}

.JWBvWQ2xXuYQO8U7xMlU img {
  display: block;
  width: 90%;
  margin: 10px auto;
}

.JWBvWQ2xXuYQO8U7xMlU table,
.JWBvWQ2xXuYQO8U7xMlU th,
.JWBvWQ2xXuYQO8U7xMlU td {
  border-collapse: collapse;
  width: unset !important;
  min-width: 100% !important;
}

.JWBvWQ2xXuYQO8U7xMlU table p,
.JWBvWQ2xXuYQO8U7xMlU th p,
.JWBvWQ2xXuYQO8U7xMlU td p {
  font-size: 14px;
}

.JWBvWQ2xXuYQO8U7xMlU table {
  margin: 20px auto;
}

@media (max-width: 767px) {
  .JWBvWQ2xXuYQO8U7xMlU table.large_table {
    display: block;
    overflow-x: auto;
  }

  .JWBvWQ2xXuYQO8U7xMlU table.large_table tbody {
    display: table;
    min-width: 100%;
  }

  .JWBvWQ2xXuYQO8U7xMlU table.large_table p {
    white-space: nowrap;
  }
}

.JWBvWQ2xXuYQO8U7xMlU th {
  background: var(--color-primary-300);
}

.JWBvWQ2xXuYQO8U7xMlU th,
.JWBvWQ2xXuYQO8U7xMlU td {
  border: 1px solid gray;
  padding: 2px 10px;
}

@media (max-width: 767px) {
  .JWBvWQ2xXuYQO8U7xMlU th,
  .JWBvWQ2xXuYQO8U7xMlU td {
    padding: 2px;
  }
}

.JWBvWQ2xXuYQO8U7xMlU .article-doc-download-btn-group {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
  margin: 1.5em;
}

.JWBvWQ2xXuYQO8U7xMlU .article-doc-download-btn {
  max-width: 90%;
  margin: .5em;
}

.JWBvWQ2xXuYQO8U7xMlU .download_link {
  display: block;
  align-items: center;
  font-size: 16px;
  line-height: 2;
  background-color: var(--color-white);
  padding: .2em .8em;
  border-radius: 4px;
  border: solid 1px;
  text-decoration: none;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.JWBvWQ2xXuYQO8U7xMlU .download_link::before {
  content: '';
  display: inline-block;
  position: relative;
  width: 1.25em;
  height: 1.25em;
  margin-right: .5em;
  top: .3em;
  background-image: url('/images/download_icon.svg');
}

.JWBvWQ2xXuYQO8U7xMlU .download_link:hover {
  background-color: var(--color-primary-50);
}

.JWBvWQ2xXuYQO8U7xMlU ul.checklist {
  list-style: none;
  margin-left: 0;
}

.JWBvWQ2xXuYQO8U7xMlU ul.checklist li {
  display: flex;
}

.JWBvWQ2xXuYQO8U7xMlU .checklistContent {
  flex: 1;
}

.JWBvWQ2xXuYQO8U7xMlU .checklistIcon {
  flex-shrink: 0;
  width: 28px;
  font-family: Arial, sans-serif;
  font-size: 32px;
  line-height: 24px;
}

.JGhVfG4xD4yFidGdjd1e {
  margin: 20px 0 10px;
}

.JGhVfG4xD4yFidGdjd1e p {
  margin: 5px 0;
}

.JGhVfG4xD4yFidGdjd1e > div {
  display: flex;
  flex-wrap: wrap;
}

.Mnkq123S1VxRy2fp8ptb {
  font-size: 28px;
  margin: 0 0 20px;
  line-height: 36px;
}

@media (max-width: 767px) {
  .Mnkq123S1VxRy2fp8ptb {
    font-size: 20px;
    line-height: 28px;
  }
}

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

.Xbx9Q3Pn3j_Uuy5bK0zJ.MuiButton-root {
  display: block;
  text-transform: capitalize;
  text-align: center;
  font-size: 14px;
  width: fit-content;
  min-width: 120px;
  padding: 0 10px;
  margin: 0 25px 5px 0;
}

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

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

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

.yM4RUP3uUdxKY8ODMRXE {
  margin: 0 0 0 auto;
  font-weight: bold;
  font-size: 14px;
}

.QsDkumnHkVvetQrG2k89 {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  margin: 10px 0 20px;
}

.MNud1AmWMFFwiFd8vMK6 {
  margin: 0;
  font-size: 16px;
  white-space: pre-wrap;
  line-height: 30px;
  font-family: 'noto sans jp', 'Arial', sans-serif;
}

.gWQTXcnILBGfnFDCVrVF {
  margin: 30px 0 0;
}

.jkxpGVqbuUeFXwzAP7n3 {
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 20px 0 40px;
}

.Cn6KCbNnYRIPdYrv_FbX {
  width: 35px;
  height: 35px;
  margin: auto 10px auto 0;
  border-radius: 50%;
  background-color: var(--color-primary-500);
}

.J148KruxHLzNaRcw36Ua {
  margin: 0;
  display: grid;
  place-items: center;
  line-height: 1.8em;
}

.sn9XEzxFKI3bB6yVSUkw {
  position: relative;
  width: 35px;
  height: 35px;
  margin-right: 10px;
  border-radius: 50%;
  background-color: var(--color-secondary-500);
}

.p8as4qecHdVn12k7knyc {
  margin: 5px 0 0;
  width: 100%;
}

.p8as4qecHdVn12k7knyc p {
  font-size: 16px;
  margin: 0;
  word-wrap: break-word;
  line-height: 26px;
}

.p8as4qecHdVn12k7knyc strong,
.p8as4qecHdVn12k7knyc b {
  font-weight: bold;
}

.p8as4qecHdVn12k7knyc em,
.p8as4qecHdVn12k7knyc i {
  font-style: italic;
}

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

.p8as4qecHdVn12k7knyc a:hover {
  color: var(--color-primary-600) !important;
}

.p8as4qecHdVn12k7knyc a span {
  color: var(--color-primary-500) !important;
}

.p8as4qecHdVn12k7knyc a span:hover {
  color: var(--color-primary-600) !important;
}

.p8as4qecHdVn12k7knyc ul,
.p8as4qecHdVn12k7knyc ol {
  margin: 0 0 1em 1.5em;
  padding: 0;
}

.p8as4qecHdVn12k7knyc li {
  margin-bottom: 0.5em;
}

.YDOn6L2Ub3v3taJkRGH6 {
  margin-top: -60px; /* Settings.headerHeight */
  padding-top: 60px; /* Settings.headerHeight */
}

.YDOn6L2Ub3v3taJkRGH6 h2 {
  position: relative;
  border-bottom: 3px solid var(--color-primary-500);
}

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

@media (max-width: 767px) {
  .YDOn6L2Ub3v3taJkRGH6 h2 {
    font-size: 20px;
  }
}

.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 */

._3zmAE6N46IVZ2SSLctPg {
  display: flex;
  flex-direction: column;
  position: relative;
  justify-content: center;
  align-items: center;
}

@media (min-width: 768px) {
  ._3zmAE6N46IVZ2SSLctPg .wkSJ5cNGab_UQd6KaFlA {
    position: absolute;
    right: 0;
  }
}

@media (max-width: 767px) {
  ._3zmAE6N46IVZ2SSLctPg .wkSJ5cNGab_UQd6KaFlA {
    margin: 0 0 0 auto;
    top: -15px;
  }
}

.RWXm6d5LV0uiAjoApPaw.MuiInputBase-root {
  height: 35px;
  width: 135px;
  font-size: 14px;
  background: var(--color-white);
}

.BPui0d1xr1iXSos6pBPW.MuiPagination-root {
  display: flex;
  justify-content: center;
  margin: 50px;
}

@media (max-width: 767px) {
  .BPui0d1xr1iXSos6pBPW.MuiPagination-root {
    margin: 20px;
  }
}

.BPui0d1xr1iXSos6pBPW .Mui-selected {
  background-color: var(--color-primary-500) !important;
  border-color: var(--color-primary-500);
  color: var(--color-white);
}

.khsOQ66_xIEnjSofU72b {
  text-align: center;
}

.KsuZcX_aehNsdbcY1IlK {
  display: flex;
  position: relative;
  padding: 10px;
  height: 220px;
  border: 1px solid;
  margin: 30px 0;
  background: var(--color-white);
  border-color:
    var(--color-primary-500)
    var(--color-secondary-500)
    var(--color-secondary-500)
    var(--color-primary-500);
}

@media (max-width: 767px) {
  .KsuZcX_aehNsdbcY1IlK {
    height: 100px;
    margin: 15px 0;
  }
}

.KsuZcX_aehNsdbcY1IlK .G0SUeWtcmAQmjKNrXhFZ {
  position: relative;
  top: -10px;
  left: -10px;
  height: calc(100% + 20px);
  aspect-ratio: 3 / 2;
  overflow: hidden;
  flex-shrink: 0;
}

@media (max-width: 767px) {
  .KsuZcX_aehNsdbcY1IlK .G0SUeWtcmAQmjKNrXhFZ {
    aspect-ratio: 1 / 1;
  }
}

.KsuZcX_aehNsdbcY1IlK .aqQ0IrFqTiR2UatcUcCz {
  flex-grow: 1;
}

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

@media (max-width: 767px) {
  .KsuZcX_aehNsdbcY1IlK img {
    aspect-ratio: 1 / 1;
  }
}

.KsuZcX_aehNsdbcY1IlK h3 {
  margin: 10px 0 0;
  font-size: 18px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

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

.KsuZcX_aehNsdbcY1IlK .djygX9nuGvqAavDIGH7A {
  font-size: 16px;
  margin: 10px 0 0;
  height: 96px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  white-space: pre-wrap;
}

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

.KsuZcX_aehNsdbcY1IlK .t1ftFswrtMUROW0zGQGz:hover ~ .aqQ0IrFqTiR2UatcUcCz > h3 {
  text-decoration: underline;
}

.KsuZcX_aehNsdbcY1IlK .t1ftFswrtMUROW0zGQGz:hover ~ .G0SUeWtcmAQmjKNrXhFZ > img {
  transform: scale(1.15);
}

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

.RitOsRuJMOyKSdplx1bB {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.fobtbg5ofEvtH7CrNHs7.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;
}

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

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

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

.LYmLydLGU4bFOwXDSoeu {
  width: 90%;
  margin: 0 auto 20px;
  padding: 20px;
  background: var(--ad-card-background);
  text-align: center;
}

.LYmLydLGU4bFOwXDSoeu p {
  margin: 10px;
  font-weight: bold;
  font-size: 24px;
}

.LYmLydLGU4bFOwXDSoeu .Re4WuoUQEGGlLL8WNqu7 {
  font-size: 30px;
}

.LYmLydLGU4bFOwXDSoeu .Re4WuoUQEGGlLL8WNqu7 span {
  text-decoration: underline;
  text-decoration-skip-ink: none;
  text-decoration-color: var(--color-secondary-300);
  text-decoration-thickness: 9px;
  text-underline-offset: -4px;
}

.LYmLydLGU4bFOwXDSoeu .e4LxUmI1oilyADkuJe37 {
  font-size: 30px;
  color: var(--color-secondary-500);
}

.LYmLydLGU4bFOwXDSoeu .e1sHhGhBN3fGH7x6ySQ7 {
  font-size: 30px;
  color: var(--color-primary-500);
}

.l6EGgRrd2_5IuZgBZ7HO {
  display: flex;
  justify-content: center;
  margin: 30px 0;
}

.cOe7VkE4AFRZnVK9q3zA {
  background-image: url('/images/achievements_brackets.webp');
  background-repeat: no-repeat;
  background-size: cover;
  color: var(--text-achievements-top);
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  height: 138px;
  width: 300px;
  margin: 0 20px;
}

@media (max-width: 767px) {
  .cOe7VkE4AFRZnVK9q3zA {
    width: 370px;
    height: auto;
    top: 43%;
    left: 50%;
    transform: translate(-50%, -50%);
    aspect-ratio: 700 / 135;
  }
}

.cOe7VkE4AFRZnVK9q3zA p {
  margin: 0;
  font-weight: bold;
}

.cOe7VkE4AFRZnVK9q3zA .wAzGWsel3lFNnNcUoKsD {
  font-size: 36px;
  position: relative;
  top: 10px;
}

.cOe7VkE4AFRZnVK9q3zA .cUKeWBQjoqBQN90B8roy {
  font-size: 50px;
}

.cOe7VkE4AFRZnVK9q3zA .cUKeWBQjoqBQN90B8roy span {
  font-size: 35px;
}

.cOe7VkE4AFRZnVK9q3zA .s0n0QH45qF0He04dQUia {
  font-size: 24px;
  position: relative;
  bottom: 10px;
  left: 60px;
}

.iZ6BwvD6_RqiFqelgi6g.MuiButton-root {
  width: 500px;
  padding: 15px 30px;
  font-size: 24px;
  font-weight: bold;
  line-height: 24px;
  box-shadow: 0px 3px 3px 0px var(--shadow-black);
}

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

/* 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-100:#fcdae2;--color-secondary-300:#f590a8;--color-secondary-500:#ef476f;--color-secondary-600:#d74c6d;--color-border:#efefef;--color-background:#f6fafa;--color-error:red;--color-disabled:#ccc}:root{--ad-card-background:linear-gradient(140deg,#c0ebeb,#fac7d3);--shadow-black:#bbb;--text-shadow-black:#999;--text-achievements-lp:#cdc473;--text-achievements-top:#ab9f32;--text-placeholder:#888;--footer-background:#1f353a;--theme-color-transparent:#479f9eb3;--form-label:#404040}}@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}.min-w-0{min-width:calc(var(--spacing)*0)}.flex-1{flex:1}.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\:mt-\[10px\]{margin-top:10px}.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\:grid-cols-\[calc\(\(100\%\+16px\)\*6\.5\/12-16px\)_1fr\]{grid-template-columns:calc(54.1667% - 7.33333px) 1fr}.md\:grid-rows-\[auto_1fr\]{grid-template-rows:auto 1fr}.md\:flex-row{flex-direction:row}.md\:flex-wrap{flex-wrap:wrap}.md\:gap-y-0{row-gap:calc(var(--spacing)*0)}.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))}.md\:\[grid-area\:aside\]{grid-area:aside}.md\:\[grid-area\:main\]{grid-area:main}.md\:\[grid-area\:summary\]{grid-area:summary}.md\:\[grid-template-areas\:\'main_summary\'_\'main_aside\'\]{grid-template-areas:"main summary""main aside"}}@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:""}