@charset "UTF-8";
/* ==========================================================

 LAYOUT

=========================================================== */

#areaWrapper1 {
  margin: 0 auto;
  width: 750px;
}

@media screen and (max-width: 768px) {
  #areaWrapper1 {
    width: 100%;
  }
}

/* ==========================================================

 TITLE

=========================================================== */

div[class*="cmp-h1-"] {
  border-bottom: 3px solid #019a01;
}
div[class*="cmp-h1-"] .cmp-subtitle {
  color: #019a01;
}

div[class*="cmp-h2-"] {
  position: relative;
  padding: 0 0 5px;
  background: none;
  color: #019a01;
  font-size: 110%;
}
div[class*="cmp-h2-"]:after,
div[class*="cmp-h2-"]:before {
  position: absolute;
  bottom: 0;
  content: "";
  width: 100%;
  height: 1px;
  background: #019a01;
}
div[class*="cmp-h2-"]:before {
  bottom: 3px;
}
div[class*="cmp-h3-"] {
  border-bottom: 1px dashed #82cc81;
}
div.cmp-h3-type03 {
  border-bottom: 1px dashed #e22c39;
}

div[class*="cmp-h4-"] {
  background: #ceebcf;
}

div[class*="cmp-h5-"] {
  border: 1px solid #009900;
}

/* ==========================================================

 LINK

=========================================================== */

.cmp-list-anchor ul li a:hover {
  color: #fff;
  background: #f5901e;
}
.cmp-list-anchor ul li a:after {
  color: #f5901e;
}

div[class*="cmp-btn-"] a {
  background: #019a01;
  border: 1px solid #019a01;
}
div[class^="cmp-btn-"] a:hover {
  background: #22b164;
  border: 1px solid #22b164;
}

/* ==========================================================

 TABLE

=========================================================== */

.cmp-table-type03 table thead th {
  background: #019a01;
}
.cmp-table-type03 table tbody th,
.cmp-table-type03 table tbody td {
  border-bottom: 1px solid #019a01;
}
.cmp-table-type03 table tbody tr:nth-child(even) th,
.cmp-table-type03 table tbody tr:nth-child(even) td {
  background: #ccebcc;
}