@charset "UTF-8";
.u-rise-info-width-5p {
  inline-size: 5%;
}

.u-rise-info-width-10p {
  inline-size: 10%;
}

.u-rise-info-width-15p {
  inline-size: 15%;
}

.u-rise-info-width-20p {
  inline-size: 20%;
}

.u-rise-info-width-25p {
  inline-size: 25%;
}

.u-rise-info-width-30p {
  inline-size: 30%;
}

.u-rise-info-width-35p {
  inline-size: 35%;
}

.u-rise-info-width-40p {
  inline-size: 40%;
}

.u-rise-info-width-45p {
  inline-size: 45%;
}

.u-rise-info-width-50p {
  inline-size: 50%;
}

.u-rise-info-width-55p {
  inline-size: 55%;
}

.u-rise-info-width-60p {
  inline-size: 60%;
}

.u-rise-info-width-65p {
  inline-size: 65%;
}

.u-rise-info-width-70p {
  inline-size: 70%;
}

.u-rise-info-width-75p {
  inline-size: 75%;
}

.u-rise-info-width-80p {
  inline-size: 80%;
}

.u-rise-info-width-85p {
  inline-size: 85%;
}

.u-rise-info-width-90p {
  inline-size: 90%;
}

.u-rise-info-width-95p {
  inline-size: 95%;
}

.u-rise-info-width-100p {
  inline-size: 100%;
}

.m-table-products__table--male {
  --color-primary: #5194e2;
  --color-secondary: #e9f1fa;
  --color-border: #a2c4e9;
}

.m-table-products__table--female {
  --color-primary: #e3416a;
  --color-secondary: #f9d9e1;
  --color-border: #ee8da6;
}

.m-table-products {
  margin-block-start: 24px;
  container-name: m-table-products;
  container-type: inline-size;
  overflow: auto;
  height: 500px;
}

.m-table-products__table {
  min-width: 768px;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  line-height: 1.2;
  letter-spacing: 0.02em;
  /* 角丸処理 */
}
@container m-table-products (width <= 768px) {
  .m-table-products__table {
    overflow: auto;
  }
}
.m-table-products__table :where(th, td) {
  padding-block: 12px;
  text-align: center;
  border-right: 3px solid var(--color-border);
  border-bottom: 3px solid var(--color-border);
}
.m-table-products__table > thead:first-of-type {
  /* 角丸処理 */
}
.m-table-products__table > thead:first-of-type > tr:first-child > :where(th, td) {
  border-top: 3px solid var(--color-border);
}
.m-table-products__table > thead:first-of-type > tr:first-of-type :where(th, td):first-child {
  border-radius: 15px 0 0 0;
}
.m-table-products__table > thead:first-of-type > tr:first-of-type :where(th, td):last-child {
  border-radius: 0 15px 0 0;
}
.m-table-products__table :is(tbody, tfoot):last-of-type .m-table-products__table-row:last-child :where(th, td):first-child {
  border-radius: 0 0 0 15px;
}
.m-table-products__table :is(tbody, tfoot):last-of-type .m-table-products__table-row:last-child :where(th, td):last-child {
  border-radius: 0 0 15px 0;
}
.m-table-products__table > colgroup {
  /* colグループの設定 */
}
.m-table-products__table > colgroup .u-w-10 {
  inline-size: 10px;
}
.m-table-products__table > colgroup .u-w-20 {
  inline-size: 20px;
}
.m-table-products__table > colgroup .u-w-30 {
  inline-size: 30px;
}
.m-table-products__table > colgroup .u-w-40 {
  inline-size: 40px;
}
.m-table-products__table > colgroup .u-w-50 {
  inline-size: 50px;
}
.m-table-products__table > colgroup .u-w-60 {
  inline-size: 60px;
}
.m-table-products__table > colgroup .u-w-70 {
  inline-size: 70px;
}
.m-table-products__table > colgroup .u-w-80 {
  inline-size: 80px;
}
.m-table-products__table > colgroup .u-w-90 {
  inline-size: 90px;
}
.m-table-products__table > colgroup .u-w-100 {
  inline-size: 100px;
}
.m-table-products__table > colgroup .u-w-110 {
  inline-size: 110px;
}
.m-table-products__table > colgroup .u-w-120 {
  inline-size: 120px;
}
.m-table-products__table > colgroup .u-w-130 {
  inline-size: 130px;
}
.m-table-products__table > colgroup .u-w-140 {
  inline-size: 140px;
}
.m-table-products__table > colgroup .u-w-150 {
  inline-size: 150px;
}
.m-table-products__table > colgroup .u-w-160 {
  inline-size: 160px;
}
.m-table-products__table > colgroup .u-w-170 {
  inline-size: 170px;
}
.m-table-products__table > colgroup .u-w-180 {
  inline-size: 180px;
}
.m-table-products__table > colgroup .u-w-190 {
  inline-size: 190px;
}
.m-table-products__table > colgroup .u-w-200 {
  inline-size: 200px;
}
.m-table-products__table > colgroup .u-w-210 {
  inline-size: 210px;
}
.m-table-products__table > colgroup .u-w-220 {
  inline-size: 220px;
}
.m-table-products__table > colgroup .u-w-230 {
  inline-size: 230px;
}
.m-table-products__table > colgroup .u-w-240 {
  inline-size: 240px;
}
.m-table-products__table > colgroup .u-w-250 {
  inline-size: 250px;
}
.m-table-products__table > colgroup .u-w-260 {
  inline-size: 260px;
}
.m-table-products__table > colgroup .u-w-270 {
  inline-size: 270px;
}
.m-table-products__table > colgroup .u-w-280 {
  inline-size: 280px;
}
.m-table-products__table > colgroup .u-w-290 {
  inline-size: 290px;
}
.m-table-products__table > colgroup .u-w-300 {
  inline-size: 300px;
}
.m-table-products__table > colgroup .u-w-310 {
  inline-size: 310px;
}
.m-table-products__table > colgroup .u-w-320 {
  inline-size: 320px;
}
.m-table-products__table > colgroup .u-w-330 {
  inline-size: 330px;
}
.m-table-products__table > colgroup .u-w-340 {
  inline-size: 340px;
}
.m-table-products__table > colgroup .u-w-350 {
  inline-size: 350px;
}
.m-table-products__table > colgroup .u-w-360 {
  inline-size: 360px;
}
.m-table-products__table > colgroup .u-w-370 {
  inline-size: 370px;
}
.m-table-products__table > colgroup .u-w-380 {
  inline-size: 380px;
}
.m-table-products__table > colgroup .u-w-390 {
  inline-size: 390px;
}
.m-table-products__table > colgroup .u-w-400 {
  inline-size: 400px;
}
.m-table-products__table > colgroup .u-w-410 {
  inline-size: 410px;
}
.m-table-products__table > colgroup .u-w-420 {
  inline-size: 420px;
}
.m-table-products__table > colgroup .u-w-430 {
  inline-size: 430px;
}
.m-table-products__table > colgroup .u-w-440 {
  inline-size: 440px;
}
.m-table-products__table > colgroup .u-w-450 {
  inline-size: 450px;
}
.m-table-products__table > colgroup .u-w-460 {
  inline-size: 460px;
}
.m-table-products__table > colgroup .u-w-470 {
  inline-size: 470px;
}
.m-table-products__table > colgroup .u-w-480 {
  inline-size: 480px;
}
.m-table-products__table > colgroup .u-w-490 {
  inline-size: 490px;
}
.m-table-products__table > colgroup .u-w-500 {
  inline-size: 500px;
}
.m-table-products__table > colgroup .u-w-510 {
  inline-size: 510px;
}
.m-table-products__table > colgroup .u-w-520 {
  inline-size: 520px;
}
.m-table-products__table > colgroup .u-w-530 {
  inline-size: 530px;
}
.m-table-products__table > colgroup .u-w-540 {
  inline-size: 540px;
}
.m-table-products__table > colgroup .u-w-550 {
  inline-size: 550px;
}
.m-table-products__table > colgroup .u-w-560 {
  inline-size: 560px;
}
.m-table-products__table > colgroup .u-w-570 {
  inline-size: 570px;
}
.m-table-products__table > colgroup .u-w-580 {
  inline-size: 580px;
}
.m-table-products__table > colgroup .u-w-590 {
  inline-size: 590px;
}
.m-table-products__table > colgroup .u-w-600 {
  inline-size: 600px;
}
.m-table-products__table > colgroup .u-w-610 {
  inline-size: 610px;
}
.m-table-products__table > colgroup .u-w-620 {
  inline-size: 620px;
}
.m-table-products__table > colgroup .u-w-630 {
  inline-size: 630px;
}
.m-table-products__table > colgroup .u-w-640 {
  inline-size: 640px;
}
.m-table-products__table > colgroup .u-w-650 {
  inline-size: 650px;
}
.m-table-products__table > colgroup .u-w-660 {
  inline-size: 660px;
}
.m-table-products__table > colgroup .u-w-670 {
  inline-size: 670px;
}
.m-table-products__table > colgroup .u-w-680 {
  inline-size: 680px;
}
.m-table-products__table > colgroup .u-w-690 {
  inline-size: 690px;
}
.m-table-products__table > colgroup .u-w-700 {
  inline-size: 700px;
}
.m-table-products__table > colgroup .u-w-710 {
  inline-size: 710px;
}
.m-table-products__table > colgroup .u-w-720 {
  inline-size: 720px;
}
.m-table-products__table > colgroup .u-w-730 {
  inline-size: 730px;
}
.m-table-products__table > colgroup .u-w-740 {
  inline-size: 740px;
}
.m-table-products__table > colgroup .u-w-750 {
  inline-size: 750px;
}
.m-table-products__table > colgroup .u-w-760 {
  inline-size: 760px;
}
.m-table-products__table > colgroup .u-w-770 {
  inline-size: 770px;
}
.m-table-products__table > colgroup .u-w-780 {
  inline-size: 780px;
}
.m-table-products__table > colgroup .u-w-790 {
  inline-size: 790px;
}
.m-table-products__table > colgroup .u-w-800 {
  inline-size: 800px;
}
.m-table-products__table > colgroup .u-w-810 {
  inline-size: 810px;
}
.m-table-products__table > colgroup .u-w-820 {
  inline-size: 820px;
}
.m-table-products__table > colgroup .u-w-830 {
  inline-size: 830px;
}
.m-table-products__table > colgroup .u-w-840 {
  inline-size: 840px;
}
.m-table-products__table > colgroup .u-w-850 {
  inline-size: 850px;
}
.m-table-products__table > colgroup .u-w-860 {
  inline-size: 860px;
}
.m-table-products__table > colgroup .u-w-870 {
  inline-size: 870px;
}
.m-table-products__table > colgroup .u-w-880 {
  inline-size: 880px;
}
.m-table-products__table > colgroup .u-w-890 {
  inline-size: 890px;
}
.m-table-products__table > colgroup .u-w-900 {
  inline-size: 900px;
}
.m-table-products__table > colgroup .u-w-910 {
  inline-size: 910px;
}
.m-table-products__table > colgroup .u-w-920 {
  inline-size: 920px;
}
.m-table-products__table > colgroup .u-w-930 {
  inline-size: 930px;
}
.m-table-products__table > colgroup .u-w-940 {
  inline-size: 940px;
}
.m-table-products__table > colgroup .u-w-950 {
  inline-size: 950px;
}
.m-table-products__table > colgroup .u-w-960 {
  inline-size: 960px;
}
.m-table-products__table > colgroup .u-w-970 {
  inline-size: 970px;
}
.m-table-products__table > colgroup .u-w-980 {
  inline-size: 980px;
}
.m-table-products__table > colgroup .u-w-990 {
  inline-size: 990px;
}
.m-table-products__table > colgroup .u-w-1000 {
  inline-size: 1000px;
}

.m-table-products__table-head {
  position: sticky;
  top: 0;
  z-index: 3;
}
.m-table-products__table-head .m-table-products__th {
  background-color: var(--color-primary);
  color: #ffffff;
}
.m-table-products__table-head .m-table-products__table-row:first-child .m-table-products__th:first-child {
  position: sticky;
  left: 0;
  z-index: 2;
  border-left: 3px solid var(--color-border);
}

.m-table-products__table-body .m-table-products__th {
  background-color: #ffffff;
  border-left: 3px solid var(--color-border);
}
.m-table-products__table-body .m-table-products__th:first-child {
  position: sticky;
  left: 0;
  z-index: 2;
}

.m-table-products__th {
  padding: 16px;
  font-size: 0.875rem;
}

.m-table-products__td {
  font-size: 1rem;
  font-weight: bold;
}

.m-table-products__table-body .m-table-products__table-row:first-child :where(th, td) {
  background-color: var(--color-secondary);
}
.m-table-products__table-body .m-table-products__table-row:nth-of-type(5n + 1) :where(th, td) {
  background-color: var(--color-secondary);
}