@media screen and (min-width: 768px) {
  #h1_plus {
    text-align: center; } }
@media screen and (max-width: 767px) {
  #h1_plus .-four .ncColumns_panel {
    width: calc((100% - calc(8px * 4)) / 2);
    margin-top: 0;
    margin-bottom: calc(8px * 4); } }

#intro li::before {
  content: '\f14a';
  font-weight: 400; }

#reason .shadow-box {
  width: 100%; }
  @media screen and (min-width: 768px) {
    #reason .shadow-box {
      margin: 16px 0; } }
  @media screen and (max-width: 767px) {
    #reason .shadow-box {
      margin: 5vw 0; } }
  @media screen and (min-width: 768px) {
    #reason .shadow-box p {
      padding: 16px !important; } }
  @media screen and (max-width: 767px) {
    #reason .shadow-box p {
      padding: 5vw !important; } }

@media screen and (min-width: 768px) {
  #flow .bundle > p:last-of-type {
    text-align: center; } }
#flow .bundle .option::before {
  content: "OPTION"; }
@media screen and (min-width: 768px) {
  #flow .bundle .option ul {
    margin-bottom: 16px; } }
@media screen and (max-width: 767px) {
  #flow .bundle .option ul {
    margin-bottom: 5vw; } }
@media screen and (max-width: 767px) {
  #flow .bundle .option li {
    padding-bottom: 0 !important; } }

#effect .flex {
  justify-content: space-between; }
  @media screen and (min-width: 768px) {
    #effect .flex picture {
      width: 50%; } }
  @media screen and (max-width: 767px) {
    #effect .flex picture {
      margin-bottom: 1em; } }