@charset "UTF-8";

header.plan-color {
  background: white;
}

#header.plan-color {
  height: 72px;
}

.head-inner .hlogo #header-mypage {
  color: #000000;
}

footer.plan-color {
  background: #F8F4E9;
}

.nav-icon img {
  filter: invert(0%) sepia(1%) saturate(4%) hue-rotate(26deg) brightness(103%) contrast(100%) !important;
}

.nav-btn:before {
  background: black !important;
}

.nav-btn span {
  background: black !important;
}

.nav-btn:after {
  background: black !important;
}

#footer.plan-color .fnav ul li a,
#footer.plan-color .copy {
  color: black;
}

#footer.plan-color .fnav ul li:after {
  border-right: 1px solid black;
}

#footer.plan-color .fnav ul li:last-of-type:after {
  border-right: none;
}

main .form-box .radio-wrap label input[type=radio]:after,
main .sub-nav ul li a:hover:before,
main .circle,
main .circle404,
table .thead-dark-blue th {
  background: black;
}

main .common-btn {
  background: #E60012;
  border: 1px solid #E60012;
}

main .common-btn.btn-white {
  border: 1px solid #E60012;
  color: #E60012;
}

#wrap main h1,
main .order-nav ul li.active p,
main .register-btn,
main .mnavfont,
main .success-icon,
.box .txt-dark-blue,
.form-area .common-title01 span {
  color: black;
}

body .mnavfont {
  color: black;
}
body .sub-nav ul li a:hover:before{
  background: black;
}

.tab .tab-btn.active,
.tab .tab-btn:focus,
.tab .tab-btn:hover {
  border-bottom: 3px solid black;
}

main .order-nav ul li.active .ico-pointer {
  color: black;
  background: black;
}

#wrap .faq-list dl dd:before {
  background: black;
  border: black;
}

@media (min-width: 768px) {
  #footer.plan-color .fnav ul li:nth-of-type(3):after {
    border-right: 1px solid black;
  }
}

@media (max-width: 768px) {
  .register-btn {
    background: #F8F4E9 !important;
    color: black !important;
  }

  .register-btn a {
    color: black !important;
  }

  .mnavfont {
    color: black !important;
  }

  .mnavfontsub {
    color: black !important;
  }
}

.common-btn {
  position: relative;
  cursor: pointer;
}

.common-btn.apply::after {
  content: """"; 
  margin: auto; 
  position: absolute; 
  top: 0; 
  bottom: 0; 
  right: 20px; 
  width: 9px; 
  height: 9px; 
  border-top: 3px solid #FFF; 
  border-right: 3px solid #FFF; 
  transform: rotate(45deg); 
}

.common-btn.apply::before {
  content: """"; 
  margin: auto; 
  position: absolute; 
  top: 0; 
  bottom: 0; 
  left: 20px; 
  width: 9px; 
  height: 9px; 
  border-bottom: 3px solid #E60012; 
  border-left: 3px solid #E60012; 
  transform: rotate(45deg); 
}

.common-btn.apply {
  box-shadow: 0 6px 6px 0 #8F000E;
}

.common-btn.apply:hover {
  transform: translateY(3px);
  box-shadow: 0 2px 2px 0 #8F000E;
}