/********************************************************

setting

********************************************************/
:root {
  --margin-block: 200px;
}

@media (min-width: 1101px) and (max-width: 1280px) {
  :root {
    --margin-block: 120px;
  }
}
@media (min-width: 641px) and (max-width: 1100px) {
  :root {
    --margin-block: 90px;
  }
}
@media (max-width: 640px) {
  :root {
    --margin-block: 70px;
  }
}
@media screen and (max-width: 600px) {
  main#dual-income-page dl.spec {
    align-items: flex-start;
  }
}

@media screen and (max-width: 600px) {
  #dual-income-page {
    font-family: sans-serif !important;
  }
}

.m_w .type,
.m_w .spec {
  font-family: "Shippori Mincho", serif;
  font-size: 200%;
}
@media screen and (max-width: 600px) {
  .m_w .type,
  .m_w .spec {
    font-size: 110%;
  }
}
.m_w .type .large,
.m_w .spec .large {
  font-size: 2.5rem !important;
  line-height: 1.0;
}
@media screen and (max-width: 600px) {
  .m_w .type .large,
  .m_w .spec .large {
    font-size: 2.0rem !important;
  }
}

.datum {
  text-align: center;
}
.datum .light_purple_box_long {
  padding: 1.0rem;
  background-image: url("../images/dual-income/bg_purple_long.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: 2.0rem;
}
@media screen and (max-width: 740px) {
  .datum .light_purple_box_long {
    background-size: auto 100%;
  }
}

.option-select {
  text-align: center;
  width: min(90%, 1000px);
  margin: 30px auto;
  padding: 3% 4%;
  border: 2px solid #a5904c;
  background: #FFF;
  color: #a5904c;
  font-size: 150%;
}
.option-select span {
  font-size: 80%;
}

#scene02_gomidashi .common {
  justify-content: center !important;
}

#scene04_security .light_purple_box_long .common {
  gap: 30px 0;
}