@charset "UTF-8";
#learn .l_tab input[type=radio] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: none;
}
#learn .l_tab .is-layout-flex {
  align-items: flex-start;
}
@media screen and (max-width: 599px) {
  #learn .l_tab .is-layout-flex {
    flex-wrap: wrap;
  }
}
#learn .l_tab .is-layout-flex label {
  flex: 1;
  text-align: center;
  background: #37739B;
  color: var(--wp--preset--color--theme-white);
  font-size: var(clamp(16px, 1rem + (1vw - 6px) * 0.333, 18px));
  padding: 0.5em;
  border-radius: 5px;
}
@media screen and (max-width: 599px) {
  #learn .l_tab .is-layout-flex label {
    flex: auto;
    width: calc((100% - 1.5rem) / 2);
  }
}
#learn .l_tab #type_01:checked ~ .is-layout-flex label[for=type_01],
#learn .l_tab #type_02:checked ~ .is-layout-flex label[for=type_02],
#learn .l_tab #type_03:checked ~ .is-layout-flex label[for=type_03],
#learn .l_tab #type_04:checked ~ .is-layout-flex label[for=type_04] {
  background: var(--wp--preset--color--theme-blue);
}
#learn #table_01,
#learn #table_02,
#learn #table_03,
#learn #table_04 {
  display: none;
}
#learn .l_tab:has(#type_01:checked) ~ #table_01,
#learn .l_tab:has(#type_02:checked) ~ #table_02,
#learn .l_tab:has(#type_03:checked) ~ #table_03,
#learn .l_tab:has(#type_04:checked) ~ #table_04 {
  display: block;
}
#learn .learn_table {
  border-radius: 0;
  border: none;
  overflow-x: scroll;
}
@media screen and (max-width: 599px) {
  #learn .learn_table::before {
    content: "表の内容は横スクロールでご覧いただけます。";
    font-size: var(--wp--preset--font-size--small);
  }
}
@media screen and (max-width: 599px) {
  #learn .learn_table table {
    min-width: 30rem;
  }
}
#learn .learn_table table thead th {
  border: none;
}
#learn .learn_table table thead th:not(:last-child) {
  border-right: 1px solid var(--wp--preset--color--theme-bluegray);
}
#learn .learn_table table tr td {
  border: none;
}
#learn .learn_table table tr td:not(:last-child) {
  border-right: 1px solid var(--wp--preset--color--theme-bluegray);
}
#learn .learn_table table tr th:first-child,
#learn .learn_table table tr td:first-child {
  width: 10%;
}
#learn .learn_table table tr th:first-child mark,
#learn .learn_table table tr td:first-child mark {
  display: block;
  width: 1.5em;
  height: 1.5em;
  background: #EA540C;
  color: var(--wp--preset--color--theme-white) !important;
  margin: 0 auto;
}
#learn .learn_table table tr:nth-child(odd) {
  background: var(--wp--preset--color--theme-bluegray);
}
#learn .uni_list img,
#learn .nursery_list img {
  width: 100%;
}/*# sourceMappingURL=learn.css.map */