@charset "utf-8";

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

/* Written Application
------------------------------------------------------------------- */
/* font */
._90 {
  font-size: 90%;
}

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

.content__layout__section:first-child + .content__layout__section {
    margin-top: 30px;
}


/* 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: #5ca5c3;
  font-size: 1.5em;
  color: #fff;
  text-align: center;
  vertical-align: middle;
}
.app-table thead th:nth-child(1) {
  width: 50px; /* No. */
}
.app-table thead th:nth-child(2) {
  width: 60px; /* 分類 */
}
.app-table thead th:nth-child(3) {
  width: 35%; /* 名称（可変） */
}
.app-table thead th:nth-child(4) {
  width: 160px; /* 申請書（colspan2分） */
}
.app-table thead th:nth-child(5) {
  width: 100px; /* 記入例 */
}
.app-table thead th:nth-child(6) {
  width: 30%; /* こんなとき */
}
.app-table tbody th {
  padding: 6px 10px;
  border-top: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
  background-color: #fff;
  font-size: 1.5em;
  font-weight: 500;
  text-align: left;
  vertical-align: middle;
}
.app-table tbody td:nth-child(1) {
  width: 50px;
  text-align: center;
}
.app-table tbody th:nth-child(2) {
  width: 60px;
  text-align: center;
}
.app-table tbody th:nth-child(3) {
  width: auto;
}
.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(4),
.app-table td:nth-child(5),
.app-table td:nth-child(6) {
  text-align: center;
  width: 80px;
}
.app-table .app-btn,
.app-table .examp-btn {
  display: block;
  padding: 1px 5px;
  -webkit-border-radius: 100vh;
  border-radius: 100vh;
  font-weight: bold;
  text-decoration: none; 
  transition: all 0.5s 0s ease;
}
.app-table .app-btn {
  border: 1px solid #ffa661;
  background-color: #ffa661;
  color: #fff;
}
.app-table .app-btn[href$=".xls"],
.app-table .app-btn[href$=".xlsx"],
.app-table .app-btn[href$=".xlsm"] {
  border: 1px solid #4caf50;
  background-color: #4caf50;
  color: #fff;
}
.app-table .examp-btn {
  border: 1px solid #e9e9e9;
  background-color: #e9e9e9;
  color: #000;
}
.app-table .app-btn:hover {
  border: 1px solid #ffa661;
  background-color: #fff;
  color: #ffa661;
}
.app-table .examp-btn:hover {
  border: 1px solid #000;
  background-color: #fff;
}

@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(1) {
    width: 35px;
  }
  .app-table thead th:nth-child(2) {
    width: 45px;
  }
  .app-table thead th:nth-child(4) {
    width: 100px;
  }
  .app-table tbody td:nth-child(1) {
    padding: 3px 2px;
    width: 35px;
    text-align: center;
  }
  .app-table tbody th:nth-child(2) {
    width: 45px;
    text-align: center;
  }
  .app-table tbody th:nth-child(3) {
    width: auto;
  }
  .app-table td {
    padding: 3px 5px;
    font-size: 1.4em;
  }
}