@charset "utf-8";

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

.subheadline::before {
  background-color: #4646D9;
}


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

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

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

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

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

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

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

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


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

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

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

.contents .strong.purple {
  color: #4646D9;
}

.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.margin-bottom {
  margin-bottom: 1vw;
}

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

.contents .table-area .table .thead {
  font-size: max(1vw, 1rem);
}

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

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

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

.contents .table-area .table .thead {
  background-color: #4646D9;
  color: #fff;
}

.contents .table-area .table .thead.center {
  text-align: center;
}

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

.contents .table-area .table.half-sell-th-small .short-cell {
  width: 32%;
  text-align: left;
  padding: 1vw;
}

.contents .table-area .table.half-sell-th-small td {
  width: 68%;
  padding: 1vw;
}

.contents .table-area .table.half-sell-th-small th .note {
  font-size: max(0.85vw, 10px);
  text-align: left;
  color: #333;
}

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

@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: #4646D9;
  border: 1px solid #4646D9;
}

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

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