@charset "utf-8";

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

.subheadline::before {
  background-color: #FDB42F;
}


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

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

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

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

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

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

.contact .bg-black .btn-area .btn .click-area .text {
  color: #333;
}

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


@media screen and (max-width: 767px) {
  .contact {
    background-position: center right ;
  }
}

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

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

.contents .bg-white .area .image.image-small {
  margin: 1rem 5vw;
}

@media screen and (max-width: 960px) {
  .contents .bg-white .area .image.image-small {
    margin: 0 5vw;
    padding: 0;
  }
}

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

.contents .table-area .table th,
.contents .table-area .table td {
  border: 1px solid #ccc;
  padding: 1vw 2vw;
  font-size: 1.5vw;
}

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

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

.contents .table-area .table .thead {
  background-color: #FDB437;
  color: #333;
}

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

@media screen and (min-width: 1600px) {
  .contents .table-area .table .thead,
  .contents .table-area .table th,
  .contents .table-area .table td {
    font-size: 1vw;
  }
}

@media screen and (max-width: 1600px) {
  .contents .table-area .table th {
    width: 20%;
  }

  .contents .table-area .table th,
  .contents .table-area .table td {
    font-size: 1rem;
  }
}

@media screen and (max-width: 767px) {
  .contents .table-area .table {
    width: 150%;
  }
}

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

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

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