body {
  background: #333;
  font-family: "FOT-筑紫明朝 Pr6 L", serif;
}
input[type="button"]{
  font-family: "FOT-筑紫明朝 Pr6 L", serif;
}

.p-page__body {
    background: #333;
}
.p-page__body-inner {
    color: #fff;
    background: #333;
    border: 1px solid #fff;
}

@media screen and (max-width: 599px) {
.p-page__body-inner {
    margin: 0 2vw;
}
}
.p-page__title {
    color: #fff;
}
.c-form__title {
    color: #fff;
}
.c-form__content {
    color: #c58300;
}
.p-page__copyright{
    color: #fff;
}
.c-alert {
    color: #fff;
    text-align: center !important;
    background: #333;
    padding: 0;
}

.c-button__group--sub{
    font-weight: bold;
    margin: 0 0 10px;
}

.c-button {
  background: #dcdddd;
  box-shadow: none;
}

.c-button,
.c-button:link,
.c-button:hover,
.c-button:active,
.c-button:visited {
  color: #333;
}

.c-button:hover {
  background: #fff;
}

.c-button--primary {
  background: #c58300;
}

.c-button--primary,
.c-button--primary:link,
.c-button--primary:hover,
.c-button--primary:active,
.c-button--primary:visited {
  color: #fff;
}

.c-button--primary:hover {
  background: #a4730d;
}

.c-button--danger {
  background: <{$button3_bgcolor}>;
}

.c-button--danger,
.c-button--danger:link,
.c-button--danger:hover,
.c-button--danger:active,
.c-button--danger:visited {
  color: <{$button3_font_color}>;
}

.c-button--danger:hover {
  background: <{$button3_bgcolor_hover}>;
}

.c-input--text {
  color: #fff;
  border-color: #333;
  background: #000;
}

.c-input--text:focus {
  border-color: #333;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-transition: "color 9999s ease-out, background-color 9999s ease-out";
    -webkit-transition-delay: 9999s;
}