body {
  background-color: #000000;
  color: #ffffff;
}

p {
  color: #ffffff;
}

/***********************
*
* common style
*
****************************************/
.common-hl-type1 {
  color: #ffffff;
}
.common-hl-type1 small {
  color: #ffffff;
}
.common-hl-type1 small::before {
  background-color: #5388c7;
}

.common-btn-type1 {
  border: 1px solid #5388c7;
  background-color: #5388c7;
  color: #fff;
}
@media screen and (min-width: 1101px), print {
  .common-btn-type1:hover {
    color: #5388c7;
    background-color: #fff;
  }
  .common-btn-type1:hover::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19.102 10.979'%3E%3Cpath fill='%235388c7' d='M11.911,38.327,14.5,40.911H0v2.406H14.5L11.911,45.9l1.7,1.7L17.4,43.816l1.7-1.7-1.7-1.7-3.787-3.788Z' transform='translate(0 -36.625)'/%3E%3C/svg%3E");
  }
}
.common-btn-type1::after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19.102 10.979'%3E%3Cpath fill='%23fff' d='M11.911,38.327,14.5,40.911H0v2.406H14.5L11.911,45.9l1.7,1.7L17.4,43.816l1.7-1.7-1.7-1.7-3.787-3.788Z' transform='translate(0 -36.625)'/%3E%3C/svg%3E") no-repeat center/100% auto;
}

.common-hl-type2 {
  color: #3f3f3f;
}

.common-btn-type2 {
  border: 1px solid #727272;
  background-color: #727272;
  color: #fff;
}
@media screen and (min-width: 1101px), print {
  .common-btn-type2:hover {
    color: #727272;
    background-color: #fff;
  }
  .common-btn-type2:hover::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19.102 10.979'%3E%3Cpath fill='%23727272' d='M11.911,38.327,14.5,40.911H0v2.406H14.5L11.911,45.9l1.7,1.7L17.4,43.816l1.7-1.7-1.7-1.7-3.787-3.788Z' transform='translate(0 -36.625)'/%3E%3C/svg%3E");
  }
}
.common-btn-type2::after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19.102 10.979'%3E%3Cpath fill='%23fff' d='M11.911,38.327,14.5,40.911H0v2.406H14.5L11.911,45.9l1.7,1.7L17.4,43.816l1.7-1.7-1.7-1.7-3.787-3.788Z' transform='translate(0 -36.625)'/%3E%3C/svg%3E") no-repeat center/100% auto;
}

.common-btn-contact {
  border: 1px solid #727272;
  background-color: #727272;
  color: #fff;
}
@media screen and (min-width: 1101px), print {
  .common-btn-contact:hover {
    color: #727272;
    background-color: #fff;
  }
  .common-btn-contact:hover .icon path {
    fill: #727272;
  }
}
.common-btn-contact .icon path {
  fill: #fff;
}

.common-tagList li {
  color: #000000;
  background-color: #ffffff;
}

.common-articleList--item--inner {
  color: #ffffff;
}
.common-articleList--item--inner .time {
  color: #5388c7;
}
.common-articleList--item--inner .title {
  color: #ffffff;
}

.common-activity--item--inner {
  color: #ffffff;
}
.common-activity--item--inner .time {
  color: #5388c7;
}
.common-activity--item--inner .title {
  color: #ffffff;
}

.common-list-type1--item {
  border-bottom: 1px dotted #fff;
}
.common-list-type1--item dt {
  background-color: #ffffff;
  color: #3f3f3f;
}
.common-list-type1--item dd {
  color: #ffffff;
}

/***********************
*
* header
*
****************************************/
.header {
  background-color: #000;
}

.header-logo {
  background-color: #ffffff;
}

@media screen and (max-width: 1100px) {
  .header-content__main {
    background-color: #3f3f3f;
  }
}
.header-content__main__setting .size__name {
  color: #ffffff;
}
.header-content__main__setting .size__btn {
  background-color: #e9f1fa;
}
.header-content__main__setting .size__btn a {
  color: #3f3f3f;
}
.header-content__main__setting .size__btn a.active {
  color: #fff;
}
@media screen and (min-width: 1101px), print {
  .header-content__main__setting .size__btn a:hover {
    color: #fff;
    background-color: #5388c7;
  }
}
.header-content__main__setting .color__name {
  color: #ffffff;
}
.header-content__main__setting .color__btn a {
  color: #ffffff;
  border: 3px solid #fff;
}
@media screen and (min-width: 1101px), print {
  .header-content__main__setting .color__btn a:hover {
    border-color: #e9f1fa;
  }
}
.header-content__main__setting .color__btn a.white {
  background-color: #fff;
}
.header-content__main__setting .color__btn a.black {
  background-color: #000;
}
@media screen and (max-width: 1100px) {
  .header-content__main ul li {
    border-top: 1px solid #a5a5a5;
  }
  .header-content__main ul li::after {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19.102 10.979'%3E%3Cpath fill='%235388c7' d='M11.911,38.327,14.5,40.911H0v2.406H14.5L11.911,45.9l1.7,1.7L17.4,43.816l1.7-1.7-1.7-1.7-3.787-3.788Z' transform='translate(0 -36.625)'/%3E%3C/svg%3E") no-repeat center/100% auto;
  }
  .header-content__main ul li:last-of-type {
    border-bottom: 1px solid #a5a5a5;
  }
}
.header-content__main ul li a {
  color: #ffffff;
}
.header-content__main__otherLink {
  border-top: 1px solid #a5a5a5;
}
.header-content__main__otherLink li a {
  color: #ffffff;
}
.header-content__main__otherLink li::before {
  background-color: #ffffff;
}

.header-hamburger__btn span,
.header-hamburger__btn span::before,
.header-hamburger__btn span::after {
  background-color: #ffffff;
}

/***********************
*
* footer
*
****************************************/
.footer {
  background-color: #000;
}

.footer-other__company {
  color: #fff;
}
.footer-other__company span {
  background-color: #fff;
  color: #000;
}
.footer-other__menu li:not(:first-of-type) {
  border-left: 1px solid #fff;
}
.footer-other__menu li a {
  color: #fff;
}

/***********************
*
* subpage common style
*
****************************************/
.subpage-h1::before {
  background-color: rgba(0, 0, 0, 0.3);
}

.subpage-h1__text {
  color: #fff;
}

/***********************
*
* search common style
*
****************************************/
.search-keyword--inner {
  background-color: #3f3f3f;
}
.search-keyword--form--item input {
  border: 1px solid #a5a5a5;
  background-color: #fff !important;
}
.search-keyword--form--item input::-webkit-input-placeholder {
  color: #a5a5a5;
}
.search-keyword--form--item input::-moz-placeholder {
  color: #a5a5a5;
}
.search-keyword--form--item input:-ms-input-placeholder {
  color: #a5a5a5;
}
.search-keyword--form--item input::-ms-input-placeholder {
  color: #a5a5a5;
}
.search-keyword--form--item input::placeholder {
  color: #a5a5a5;
}
.search-keyword--form--submit input {
  border: 1px solid #727272;
  background-color: #727272;
  color: #fff;
}
@media screen and (min-width: 1101px), print {
  .search-keyword--form--submit input:hover {
    color: #727272;
    background-color: #fff;
  }
}
.search-keyword--form--list .item select {
  border: 1px solid #ffffff;
}

.search-condition--form--submit input {
  border: 1px solid #727272;
  background-color: #727272;
  color: #fff;
}
@media screen and (min-width: 1101px), print {
  .search-condition--form--submit input:hover {
    color: #727272;
    background-color: #fff;
  }
}

.search-classroomBtn {
  background-color: #3f3f3f;
}

/***********************
*
* search classroom list
*
****************************************/
.search-classroomList--parent--title {
  background-color: #e9f1fa;
}
.search-classroomList--children--title {
  border-bottom: 3px solid #ffffff;
}
.search-classroomList--children--title::before {
  background-color: #5388c7;
}
.search-classroomList--children--title span {
  color: #fff;
}
.search-classroomList--children--title span::before, .search-classroomList--children--title span::after {
  background-color: #ffffff;
}
.search-classroomList--childrenn--list li {
  border-bottom: 2px dotted #707070;
}
.search-classroomList--childrenn--list li a {
  color: #ffffff;
}
.search-classroomList--childrenn--list li a::after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19.102 10.979'%3E%3Cpath fill='%235388c7' d='M11.911,38.327,14.5,40.911H0v2.406H14.5L11.911,45.9l1.7,1.7L17.4,43.816l1.7-1.7-1.7-1.7-3.787-3.788Z' transform='translate(0 -36.625)'/%3E%3C/svg%3E");
}
.search-classroomList--childrenn--list li a .tag--hl {
  background-color: #ffffff;
  color: #fff;
}
.search-classroomList__condition {
  background-color: #3f3f3f;
}
.search-classroomList--category--list li {
  border-bottom: 2px dotted #fff;
}
.search-classroomList--category--list li a {
  color: #fff;
}
.search-classroomList--category--list li a::after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19.102 10.979'%3E%3Cpath fill='%23fff' d='M11.911,38.327,14.5,40.911H0v2.406H14.5L11.911,45.9l1.7,1.7L17.4,43.816l1.7-1.7-1.7-1.7-3.787-3.788Z' transform='translate(0 -36.625)'/%3E%3C/svg%3E");
}
.search-classroomList--category--list li a .tag--hl {
  background-color: #fff;
  color: #3f3f3f;
}
.search-classroomList--category--title {
  border-bottom: 3px solid #fff;
}
.search-classroomList--category--title span::before, .search-classroomList--category--title span::after {
  background-color: #fff;
}

/***********************
*
* search classroom result
*
****************************************/
.search-classroomResult__condition {
  border-bottom: 3px solid #ffffff;
}
.search-classroomResult--item {
  border-bottom: 2px solid #ffffff;
}
.search-classroomResult--item--info .detail--item dt {
  background-color: #ffffff;
  color: #3f3f3f;
}
.search-classroomResult--item--info .detail--item dd {
  color: #ffffff;
}
.search-classroomResult--item--info .name {
  color: #fff;
}

/***********************
*
* profile common style
*
****************************************/
.profile-introduction--image {
  border: 1px solid #707070;
}
.profile-introduction--info--name small {
  color: #ffffff;
}
.profile-introduction--coach--list .item--inner {
  color: #ffffff;
}

/***********************
*
* login
*
****************************************/
.login-form {
  background-color: #3f3f3f;
}
.login-form--item dd input {
  border: 1px solid #a5a5a5;
  background-color: #fff !important;
}
.login-form--item dd input::-webkit-input-placeholder {
  color: #a5a5a5;
}
.login-form--item dd input::-moz-placeholder {
  color: #a5a5a5;
}
.login-form--item dd input:-ms-input-placeholder {
  color: #a5a5a5;
}
.login-form--item dd input::-ms-input-placeholder {
  color: #a5a5a5;
}
.login-form--item dd input::placeholder {
  color: #a5a5a5;
}
.login-form__forgot a {
  color: #ffffff;
}
.login-form__submit input {
  border: 1px solid #e65a85;
  background-color: #e65a85;
  color: #fff;
}
@media screen and (min-width: 1101px), print {
  .login-form__submit input:hover {
    color: #e65a85;
    background-color: #fff;
  }
}

.login-signUp--item::before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19.102 10.979'%3E%3Cpath fill='%235388c7' d='M11.911,38.327,14.5,40.911H0v2.406H14.5L11.911,45.9l1.7,1.7L17.4,43.816l1.7-1.7-1.7-1.7-3.787-3.788Z' transform='translate(0 -36.625)'/%3E%3C/svg%3E") no-repeat center/100% auto;
}
.login-signUp--item a {
  color: #ffffff;
}

/***********************
*
* contact
*
****************************************/
.contact-form--item {
  border-bottom: 1px dotted #707070;
}
.contact-form--item dt {
  background-color: #ffffff;
  color: #fff;
}
.contact-form--item dt .required {
  background-color: #fabe32;
}
.contact-form--item dd input {
  border: 1px solid #a5a5a5;
}
.contact-form--item dd textarea {
  border: 1px solid #a5a5a5;
}
.contact-form__submit input {
  border: 1px solid #5388c7;
  background-color: #5388c7;
  color: #fff;
}
@media screen and (min-width: 1101px), print {
  .contact-form__submit input:hover {
    color: #5388c7;
    background-color: #fff;
  }
}

/***********************
*
* mypage common style
*
****************************************/
.mypage-settings {
  background-color: #3f3f3f;
}
.mypage-settings ul li a {
  color: #ffffff;
}
.mypage-settings ul li .icon path {
  fill: #ffffff;
}
.mypage-settings ul li.matching a {
  background-color: #fabe32;
  color: #fff;
  border: 1px solid #fabe32;
}
.mypage-settings ul li.matching a .icon path {
  fill: #fff;
}
@media screen and (min-width: 1101px), print {
  .mypage-settings ul li.matching a:hover {
    text-decoration: none;
    background-color: #fff;
    color: #fabe32;
  }
  .mypage-settings ul li.matching a:hover .icon path {
    fill: #fabe32;
  }
}
.mypage-settings ul li.logout a {
  background-color: #fff;
  color: #3f3f3f;
}
.mypage-settings ul li.logout .icon path {
  fill: #3f3f3f;
}

.mypage-name--inner dt {
  background-color: #ffffff;
  color: #3f3f3f;
}

.mypage-management li a {
  background-color: #e9f1fa;
  border: 1px solid #e9f1fa;
  color: #3f3f3f;
}
@media screen and (min-width: 1101px), print {
  .mypage-management li a:hover {
    background-color: #fff;
  }
}
.mypage-management li a::before {
  background-color: #5388c7;
}
.mypage-management li a::after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19.102 10.979'%3E%3Cpath fill='%23fff' d='M11.911,38.327,14.5,40.911H0v2.406H14.5L11.911,45.9l1.7,1.7L17.4,43.816l1.7-1.7-1.7-1.7-3.787-3.788Z' transform='translate(0 -36.625)'/%3E%3C/svg%3E") no-repeat center/100% auto;
}
.mypage-management li a .icon path,
.mypage-management li a .icon rect {
  fill: #3f3f3f;
}
.mypage-management li a .name small {
  color: #3f3f3f;
}

/***********************
*
* mypage group
*
****************************************/
.mypage-group--classroom {
  border-bottom: 2px dashed #fff;
}
.mypage-group--classroom--inner {
  color: #ffffff;
}
.mypage-group--classroom--inner::before {
  background-color: #d8d8d8;
}
.mypage-group--classroom--inner::after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19.102 10.979'%3E%3Cpath fill='%23fff' d='M11.911,38.327,14.5,40.911H0v2.406H14.5L11.911,45.9l1.7,1.7L17.4,43.816l1.7-1.7-1.7-1.7-3.787-3.788Z' transform='translate(0 -36.625)'/%3E%3C/svg%3E") no-repeat center/100% auto;
}
.mypage-group--classroom--image {
  border: 1px solid #fff;
  background-color: #fff;
}
.mypage-group--classroom--info .name small {
  color: #fff;
}

/***********************
*
* mypage classroom
*
****************************************/
.mypage-classroom__coach__list .item--inner {
  color: #ffffff;
}
.mypage-classroom__matching {
  background-color: #f5f5f5;
}
.mypage-classroom__matching__list .item--inner {
  color: #ffffff;
}
.mypage-classroom__matching__list .item--btn {
  border: 2px solid #a5a5a5;
  color: #ffffff;
}
.mypage-classroom__matching__btn a {
  background-color: #fabe32;
  color: #fff;
  border: 1px solid #fabe32;
}
@media screen and (min-width: 1101px), print {
  .mypage-classroom__matching__btn a:hover {
    background-color: #fff;
    color: #fabe32;
  }
  .mypage-classroom__matching__btn a:hover .icon path {
    fill: #fabe32;
  }
}
.mypage-classroom__matching__btn .icon path {
  fill: #fff;
}