@charset "utf-8";

:root {
  --main-text: #3C3C3C;
  --sub-text: #063782;
  --strong-text: #D52424;
  --main-bg: #fff;
  --sub-bg01: #d1c3c3;
  --sub-bg02: #F5F5F5;
  --main-border: #d9d9d9;
}

body {
  background-color: var(--main-bg);
  color: var(--main-text);
}

.header {
  background: var(--main-bg);
  border-bottom-color: var(--main-border);
}

.header_info {
  border-left-color: var(--main-border);
}

@media screen and (max-width: 768px) {
  .header_info-wrap {
    background: rgba(0,0,0,0.5);
  }
}

.header_info-block {
  background: var(--main-bg);
  border-color: var(--main-border);
  color: var(--main-text);
}

.header_info-list > li {
    border-bottom-color: var(--main-border);
}

.header_info-list .-label,
.information_header .-label {
    background: #EA9291;
    color: var(--main-bg);
}

.btnarea .-button {
  background-color: var(--main-bg);
  border-color: var(--main-border);
  box-shadow: var(--main-border) 4px 4px 8px;
}

.-button.-red {
  background: var(--sub-text);
  color: var(--main-bg);
}

.-red.-right::after {
  border-color: transparent transparent transparent var(--main-bg);
}

.-more::after {
  border-color: var(--main-text) transparent transparent transparent;
}
.-more.-open::after {
  border-color: transparent transparent var(--main-text) transparent;
}

.-left::after {
  border-color: transparent var(--main-text) transparent transparent;
}

.-right::after {
  border-color: transparent transparent transparent var(--main-text);
}

.flow {
  background-color: var(--main-bg);
}

.flow_detail-block {
  background: var(--main-text);
}

.flow_detail-block::before{
  background: var(--main-bg);
}

.flow_detail-block .-num::before {
  color: var(--main-bg);
}

.flow_detail-block .-num::after {
  background: var(--sub-text);
}

.item {
  background-color: var(--sub-bg02);
}

.item_list > li {
  background-color: var(--main-bg);
  border-color: var(--main-border);
  box-shadow: var(--main-border) 3px 3px 6px;
}

.item_list .-cat_53 {
  background-image: url('../img/common/top/item_speaker.png');
}
.item_list .-cat_68 {
  background-image: url('../img/common/top/item_other.png');
}
.item_list .-cat_56 {
  background-image: url('../img/common/top/item_player.png');
}
.item_list .-cat_15 {
  background-image: url('../img/common/top/item_headphone.png');
}
.item_list .-cat_55 {
  background-image: url('../img/common/top/item_amp.png');
}
.item_list .-cat_57 {
  background-image: url('../img/common/top/item_compo.png');
}

.step {
  background-color: var(--main-bg);
}

.step_detail-block {
  background: var(--main-text);
}

.step_detail-block::before{
  background: var(--main-bg);
}

.step_detail-block .-num::before {
  color: var(--main-bg);
}

.step_detail-block .-num::after {
  background: var(--sub-text);
}

.step_detail-block a {
  color: var(--strong-text);
}

.faq_list {
  border-bottom-color: var(--main-border);
}

.faq_list .-q {
  border-top-color: var(--main-border);
}

.faq_list .-a {
  background-color: var(--sub-bg02);
}

.sticky_apply {
  background: var(--sub-text);
}

.sticky_apply .-text {
  color: var(--main-bg);
}
