@charset "utf-8";

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

/* Written Application
------------------------------------------------------------------- */
/* Subpage Visual */
/* Content */
.written-application .content__inner {
  margin: 70px auto 0 auto;
  padding: 0 50px;
  max-width: 1250px;
}
/* Table */
.app-table {
  width: 100%;
  border: 1px solid #d7d7d7;
  border-collapse: collapse;
}
.app-table thead th {
  padding: 6px 10px;
  border-right: 1px solid #d7d7d7;
  background-color: #59d0e2;
  font-size: 1.5em;
  color: #fff;
  text-align: center;
  vertical-align: middle;
}

.app-table thead th:last-child{
  width:40%;
}

.app-table thead th:nth-child(2),
.app-table thead th:nth-child(3) {
  width: 100px;
}
.app-table tbody th {
  padding: 6px 10px;
  width: 40%;
  border-top: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
  background-color: #fbfaf5;
  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(2),
.app-table td:nth-child(3) {
  text-align: center;
}
.app-table .app-btn01,
.app-table .app-btn02,
.app-table .app-btn03 {
  display: block;
  padding: 1px 5px;
  -webkit-border-radius: 100vh;
  border-radius: 100vh;
  font-weight: bold;
  text-decoration: none; 
  transition: all 0.5s 0s ease;
}

@media screen and (max-width: 767px) {
  /* Written Application
  ------------------------------------------------------------------- */
  /* 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;
  }
}