@charset "utf-8";

/* style-written-application.css
 * おまかせプラン ver.7 - v1.0.0
 * 2022-09-01
 * **************************************************
 * Written Application
 * **************************************************
 */

/* Written Application
------------------------------------------------------------------- */
/* Subpage Visual */
.subpage-visual__inner {
  background: url(../images/written-application-img.jpg) no-repeat center/100%;
}

/* Content */
.written-application .content__inner {
  margin: 70px auto 0 auto;
  padding: 0 50px;
  max-width: 1250px;
}

/* Heading */
.written-application .subpage-visual__hd h1 {
  position: absolute;
  top: 30%;
}

/* Table */
.app-table {
  width: 100%;
  margin-top: 3em;
  border: 1px solid #d7d7d7;
  border-collapse: collapse;
}
.app-table thead th {
  padding: 6px 10px;
  border-right: 1px solid #d7d7d7;
  background-color: #7fb2db;
  font-size: 1.5em;
  color: #fff;
  text-align: center;
  vertical-align: middle;
}
.app-table thead th:nth-child(2),
.app-table thead th:nth-child(3) {
  width: 70px;
}
.app-table tbody th {
  padding: 6px 10px;
  width: 40%;
  border-top: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
  background-color: #fafafa;
  font-size: 1.5em;
  font-weight: 500;
  text-align: left;
  vertical-align: middle;
}
.app-table td {
  padding: 6px 10px;
  border-top: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
  background-color: #fff;
  font-size: 1.5em;
  text-align: left;
  line-height: 1.6;
  vertical-align: middle;
}
.app-table td:nth-child(3) {
  text-align: center;
}


@media screen and (max-width: 767px) {
  /* Written Application
  ------------------------------------------------------------------- */
  /* Subpage Visual */
  .subpage-visual__inner {
    background-size: auto 100%;
  }

  /* Content */
  .written-application .content__inner {
    margin: 40px 0 0 0;
    padding: 0 15px;
    max-width: none;
  }

  /* Table */
  .app-table thead th:nth-child(2),
  .app-table thead th:nth-child(3) {
    width: 70px;
  }
  .app-table thead th {
    padding: 3px 5px;
    font-size: 1.5em;
  }
  .app-table tbody th {
    padding: 3px 5px;
    width: 30%;
    font-size: 1.5em;
    line-height: 1.4;
  }
  .app-table td {
    padding: 3px 5px;
    font-size: 1.4em;
  }
}