@charset "utf-8";

/* --------------------
common
-------------------- */
.maxheadline .en {
  color: #23B8EF;
}

.subheadline::before {
  background-color: #23B8EF;
}

/* --------------------
.layout-main
-------------------- */
.layout-main {
  background-color: #f8fafb;
}

/* --------------------
.hero
-------------------- */
.hero {
  background: url(../images/bg.jpg);
  background-size: cover;
  background-position: center;
}

.hero .area .hero-headline .text {
  color: #23B8EF;
}

/* --------------------
.contact
-------------------- */
.contact {
  background: url(../images/bg.jpg);
  background-size: cover;
  background-position: center;
}

.contact .bg-black .btn-area .btn .click-area {
  background-color: #23B8EF;
  border: 1px solid #23B8EF;
}

.contact .bg-black .btn-area .btn .click-area:hover {
  background-color: #fff;
}

.contact .bg-black .btn-area .btn .click-area:hover .text {
  color: #23B8EF;
}


/* --------------------
.contents
-------------------- */
.contents .area .inner .headline .text::before {
  background-color: #23B8EF;
}

.contents .area .inner .lead .strong {
  color: #23B8EF;
}

/* 
.table
-------------------- */
.contents .table-area .table {
  border: 1px solid #ccc;
}

.contents .table-area .table th,
.contents .table-area .table td {
  border: 1px solid #ccc;
}

.contents .table-area .table th {
  background-color: #f5f5f5;
}

.contents .table-area .table td {
  background-color: #fff;
}

.contents .table-area .table .thead {
  background-color: #2C95BB;
  color: #fff;  
}

.contents .table-area .table .black-cell {
  background-color: #333;
  color: #fff;
}

/* --------------------
.document
-------------------- */
.document .bg-black .area .summary .text-area .btn .click-area {
  background-color: #23B8EF;
  border: 1px solid #23B8EF;
}

.document .bg-black .area .summary .text-area .btn .click-area:hover .text {
  color: #23B8EF;
}