/* ------------------------
Affilicode LP
#58c9d4
------------------------ */
/* ========================
base
======================== */
.color-site {
  color: #58c9d4;
}

/* common
------------------------ */
body {
}

a {
  color: #58c9d4;
}

a:hover,
a:focus {
  color: #56ebcf;
}

/* ========================
layout 
======================== */
/* structure */
/* ------------------------
header
------------------------ */
header {
}

/* ------------------------
footer 
------------------------ */
footer {
}

/* ========================
module
======================== */
/* ------------------------
footer 
------------------------ */
/* copyright
------------------------ */
.copyright {
  background-color: #58c9d4;
}

/* ------------------------
button
------------------------ */
input[type="button"],
input[type="submit"],
button,
.btn a {
  background-color: #4a494d;
  border-color: #4a494d;
  color: #fff;
}

input[name="back"],
.btn-back a,
input.btn-close {
  background-color: #e9e9e9;
  border-color: #e9e9e9;
  color: #868e96;
}

.btn-user a {
  background-color: #0cb7b1;
}

.main .btn-user a {
  box-shadow: 0 3px 0 #008682;
}

.btn-adv a {
  background-color: #5289e1;
}

.main .btn-adv a {
  box-shadow: 0 3px 0 #005daf;
}

.btn-contact a {
  background-color: #f9ac2f;
}

.main .btn-contact a {
  box-shadow: 0 3px 0 #c17d00;
}

.btn-user a:hover {
  background-color: #0da9b8;
}

.main .btn-user a:hover {
  box-shadow: 0 3px 0 #007888;
}

.btn-adv a:hover {
  background-color: #2d72e0;
}

.main .btn-adv a:hover {
  box-shadow: 0 3px 0 #0048ad;
}

.btn-contact a:hover {
  background-color: #fa9a00;
}

.main .btn-contact a:hover {
  box-shadow: 0 3px 0 #c16b00;
}

/* ------------------------
list
------------------------ */
/* list-flow
------------------------ */
.list-flow li::after {
  border-color: #58c9d4 transparent transparent transparent;
}

/* list-reason
------------------------ */
.list-reason li {
  background-color: #f6f6f6;
}

/* list-faq
------------------------ */
.list-faq .question {
  border-bottom-color: #ddd;
}

/* list-info
------------------------ */
.list-info {
  border-top-color: #ddd;
  border-bottom-color: #ddd;
}

.list-info li {
  border-bottom-color: #ddd;
}

.list-info li a {
  color: #333;
}

.list-info li a:hover {
  color: #999;
}

/* ========================
page
======================== */
/* common
------------------------ */
.main h1 {
}

.main h2 {
  color: #3c5254;
}

.main h3 {
  color: #58c9d4;
}

/* ------------------------
 hero
------------------------ */
.hero {
  background-color: #58c9d4;
  color: #fff;
}

/* ------------------------
login
------------------------ */
/* box */
.split .box + .box {
  border-color: #eee;
}

/* ------------------------
 point
------------------------ */
.point {
  background-color: #f5fbfb;
}

.main .point h2 {
  color: #58c9d4;
}

/* ------------------------
 merit
------------------------ */
.merit h4 {
  color: #58c9d4;
}

/* ------------------------
 flow
------------------------ */
.flow {
  background-color: #cdeff2;
}

.flow .list-flow .box {
  background-color: #fff;
}

/* ------------------------
 faq
------------------------ */
.faq {
  background-color: #eef9fb;
}

.faq .list-faq {
  background-color: #fff;
}

/* ------------------------
 contact
------------------------ */
.contact {
  background-color: #58c9d4;
  color: #fff;
}

.main .contact h2 {
  color: #fff;
}

.contact-tel a {
  color: #fff;
}

/* ------------------------
 member
------------------------ */
.member {
  background-color: #58c9d4;
  color: #fff;
}

.main .member h2 {
  color: #fff;
}

.main .member h3 {
  color: #fff;
}

/* ------------------------
 info
------------------------ */
.main .info h3 {
  color: #333;
}