header {
  .logo {
    img {
      filter: invert(20%) sepia(18%) saturate(1098%) hue-rotate(169deg) brightness(95%) contrast(88%);
    }
  }
  .navMenu {
    span {
      background-color: var(--maincolor);
    }
    &:after {
      color: var(--maincolor);
    }
  }
}

main .contentArea {
  padding-top: 100px;
}


@media (min-width: 769px) {

  main .plan_img {
    display: block;
    width: 80%;
    max-width: 900px;
    margin: 0 auto 30px;
  }

  main ul.plan_btn_cell {
    display: flex;
    justify-content: space-between;
    width: 70%;
    max-width: 600px;
    margin: 0 auto 50px;
  }

  main ul.plan_btn_cell li.btn_prev,
  main ul.plan_btn_cell li.btn_next {
    width: 23.4%;
  }

  main ul.plan_btn_cell li.modal-close {
    width: 45%;
  }

}



@media (max-width: 768px) {

  main .plan_img {
    display: block;
    width: 90%;
    max-width: 900px;
    margin: 0 auto 30px;
  }

  main ul.plan_btn_cell {
    display: flex;
    justify-content: space-between;
    width: 90%;
    max-width: 600px;
    margin: 0 auto 50px;
  }

  main ul.plan_btn_cell li.btn_prev,
  main ul.plan_btn_cell li.btn_next {
    width: 23.4%;
  }

  main ul.plan_btn_cell li.modal-close {
    width: 45%;
  }
  
}