@charset "UTF-8";
.h2e_wrapper h2,
.h2e_wrapper h3,
.h2e_wrapper h4,
.h2e_wrapper h5,
.h2e_wrapper div,
.h2e_wrapper th,
.h2e_wrapper dt,
.h2e_wrapper dd {
  font-family: var(--font_mds, "Zen Old Mincho") !important;
}
.h2e_wrapper td,
.h2e_wrapper p,
.h2e_wrapper li {
  font-family: var(--font_main_text, "Zen Kaku Gothic New") !important;
  color: var(--basic-black);
}
.h2e_wrapper ul {
  font-weight: 400;
}
.h2e_wrapper ul.kome {
  margin: 0.5em 0 1em;
  padding: 0;
  list-style: none;
}
.h2e_wrapper ul.kome li {
  position: relative;
  padding-left: 1.2em;
  margin-bottom: 0.3em;
}
.h2e_wrapper ul.kome li::before {
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  background: none;
  border-radius: 0;
  color: inherit;
}
.h2e_wrapper .h2e_intro {
  display: flex;
  flex-direction: column;
  text-align: center;
  margin-bottom: var(--spacing-l);
}
.h2e_wrapper .h2e_intro span,
.h2e_wrapper .h2e_intro p {
  font-family: var(--font_mds) !important;
  font-size: var(--h4);
  font-weight: bold;
  line-height: 2;
}
.h2e_wrapper .h2e_acc {
  border: solid 1px var(--primary-dark);
  background-color: var(--primary-toplight);
}
.h2e_wrapper .h2w_tbl {
  background-color: #fff;
  min-width: 100%;
}
.h2e_wrapper .h2w_tbl th {
  text-align: center;
  color: var(--primary-dark);
  background-color: var(--primary-toplight);
}
.h2e_wrapper .h2w_tbl .napp {
  background-color: var(--grey-light);
}
.h2e_wrapper .tbl_tc td {
  text-align: center;
}
.h2e_wrapper .acdjs dd {
  background-color: #fff !important;
}
.h2e_wrapper .delicious h4 {
  margin-top: 0;
}
.h2e_wrapper .osusume p {
  color: var(--primary-dark);
  font-weight: 500;
}
.h2e_wrapper .osusume img {
  width: 14%;
}
.h2e_wrapper .link_btn {
  display: flex;
  width: 100%;
  justify-content: center;
  gap: var(--spacing-s, 16px);
  text-decoration: none;
  padding: var(--btn-padding-vertical, 24px) var(--btn-padding-horizonal, 16px);
  border: solid 1px var(--primary-base);
}
.h2e_wrapper .link_btn::after {
  font-family: "Font Awesome 6 Free" !important;
  content: "\f054" !important;
  font-weight: 600 !important;
  font-size: unset;
}
.h2e_wrapper .ans a {
  color: var(--primary-dark) !important;
  background-color: var(--basic-white);
  padding: var(--spacing-l) var(--spacing-s);
}
.h2e_wrapper .ans a:hover {
  background-color: var(--primary-toplight);
}
.h2e_wrapper {
  /* Flow */
}
.h2e_wrapper .flow_item {
  display: grid;
  grid-template-columns: 5em 1fr minmax(0, 400px);
  grid-template-areas: "num body img";
  align-items: center;
  gap: var(--spacing-m);
  padding: var(--spacing-m);
  background: var(--grey-light, #f0f0f0);
  border-radius: 10px;
}
.h2e_wrapper .flow_item.is-noimg {
  grid-template-columns: 5em 1fr;
  grid-template-areas: "num body";
}
.h2e_wrapper .flow_item + .flow_item {
  position: relative;
  margin-top: 64px;
}
.h2e_wrapper .flow_item + .flow_item::before {
  content: "";
  position: absolute;
  top: -40px;
  left: 50%;
  translate: -50% 0;
  border-style: solid;
  border-width: 14px 12px 0;
  border-color: var(--primary-base, #e1a600) transparent transparent;
}
.h2e_wrapper .flow_item_num {
  grid-area: num;
  font-family: var(--font_mds, "Hina Mincho");
  font-size: var(--h1);
  line-height: 1;
  color: var(--primary-base, #e1a600);
  text-align: center;
}
.h2e_wrapper .flow_item_body {
  grid-area: body;
  min-width: 0;
}
.h2e_wrapper .flow_item_body p {
  margin-bottom: 1em;
}
.h2e_wrapper .flow_item_body table {
  width: 100%;
  margin: var(--spacing-s) 0;
  border-collapse: collapse;
}
.h2e_wrapper .flow_item_body th,
.h2e_wrapper .flow_item_body td {
  border: 2px solid var(--grey-light, #f0f0f0);
  padding: 0.8em 1em;
}
.h2e_wrapper .flow_item_body th {
  background: var(--primary-toplight, #fff8e5);
  color: var(--primary-dark, #6c5001);
  text-align: center;
}
.h2e_wrapper .flow_item_body td {
  background: var(--basic-white, #fff);
}
.h2e_wrapper .flow_item_body .flow_note {
  list-style: none;
  padding: 0;
  font-size: 0.9em;
}
.h2e_wrapper .flow_item_body .flow_note li {
  padding-left: 1.2em;
  text-indent: -1.2em;
}
.h2e_wrapper .flow_item_img {
  grid-area: img;
  margin: 0;
}
.h2e_wrapper .flow_item_img img {
  width: 100%;
  height: auto;
  border-radius: 4px;
}
@media screen and (max-width: 768px) {
  .h2e_wrapper .h2e_intro span,
  .h2e_wrapper .h2e_intro p {
    font-size: var(--h6);
  }
  .h2e_wrapper .flow_item,
  .h2e_wrapper .flow_item.is-noimg {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "num" "body" "img";
    align-items: start;
    gap: var(--spacing-l);
  }
  .h2e_wrapper .flow_item_num {
    font-size: 40px;
    text-align: left;
    justify-self: start;
  }
  .h2e_wrapper .flow_item_body {
    justify-self: stretch;
  }
  .h2e_wrapper .flow_item_img {
    justify-self: center;
    width: 70%;
    max-width: 400px;
  }
}
@media screen and (max-width: 450px) {
  .h2e_wrapper .h2e_intro {
    display: block;
  }
}/*# sourceMappingURL=style_h2e.css.map */