@charset "utf-8";
.page_title {
  background: url(../img/page_title.png) no-repeat center;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .breadcrumb {
    width: 680px;
    padding: 1em 20px;
  }
}

.intro_block {
  padding-bottom: 80px;
}
.intro_block--table {
  overflow: auto;
  & + p.indent {
    text-align: right;
  }
  table {
    width: 100%;
    border-top: 1px solid var(--main-color);
    border-bottom: 1px solid var(--main-color);
  }
  tr {
    border-bottom: 1px solid #B6B6B6;
  }
  tr:last-child {
    border-bottom: none;
  }
  th, td {
    padding: 20px 10px;
    border-right: 1px solid #B6B6B6;
  }
  th:last-child,
  td:last-child {
    border-right: none;
  }
  th {
    font-weight: normal;
    background: #1651A7;
    color: #fff;
  }
  th:nth-child(1) {width: 200px;}
  th:nth-child(2) {width: calc(100% - 380px);}
  th:nth-child(3) {width: 200px;}
  th:nth-child(4) {width: 180px;}
  @media screen and (max-width: 767px) {
    & + p.indent {
      text-align: left;
    }
    table {
      width: 1024px;
    }
  }
}


.security_sec {
  background: rgba(231, 231, 231, 0.70);
  padding: 72px 0;
  h2 {
    color: var(--main-color);
    font-size: 3.6rem;
    letter-spacing: 1.8px;
    text-align: center;
    margin-bottom: 32px;
  }
  p.bold_txt {
    font-size: 2.4rem;
    letter-spacing: 1.2px;
    color: var(--main-color);
    text-align: center;
  }
  @media screen and (max-width: 767px) {
    padding: 64px 0;
    h2 {
      font-size: 2.4rem;
      letter-spacing: 1.2px;
      margin-bottom: 24px;
    }
    p.bold_txt {
      font-size: 1.8rem;
      letter-spacing: 0.9px;
    }
  }
}

.service_sec {
  background: linear-gradient(133deg, #DCF8FF 7.5%, #D5FFFA 51.68%, #84C3FF 95.87%);
  padding: 72px 0;
  h2 {
    width: 90%;
    margin: 0 auto 20px;
    text-align: center;
    font-size: 3.6rem;
    letter-spacing: 1.8px;
    color: var(--main-color);
  }
  div.container div {
    background: #fff;
    padding: 80px 88px 56px;
    p.bold_txt {
      color: var(--main-color);
      font-size: 2.4rem;
      letter-spacing: 1.2px;
      font-weight: bold;
      margin-bottom: 20px;
      text-align: left;
    }
  }
  @media screen and (max-width: 767px) {
    h2 {
      font-size: 2.4rem;
      letter-spacing: 1.2px;
    }
    div.container div {
      padding: 64px 5% 40px;
      p.bold_txt {
        font-size: 1.8rem;
        letter-spacing: 0.9px;
      }
    }
  }
}

.table_block {
  padding: 48px 0;
  @media screen and (max-width: 767px) {
    padding: 36px 0;
  }
}
.table_block .container {
  border-radius: 3px;
  background: rgba(185, 241, 255, 0.50);
  padding: 40px 64px 80px;
  @media screen and (max-width: 767px) {
    padding: 32px 5% 64px;
  }
}
.table_block--outer {
  overflow: auto;
  table {
    width: 100%;
    border-top: 1px solid #11238C;
    border-bottom: 1px solid #11238C;
  }
  caption {
    color: var(--main-color);
    font-size: 2.4rem;
    letter-spacing: 1.2px;
    font-weight: bold;
    margin-bottom: 20px;
    text-align: left;
  }
  th, td {
    padding: 20px 10px;
    border-bottom: 1px solid #B6B6B6;
  }
  tr:last-child th,
  tr:last-child td {
    border-bottom: none;
  }
  th {
    width: 320px;
    background: #1651A7;
    color: #fff;
    font-weight: normal;
  }
  td {
    width: calc(100% - 320px);
    background: #fff;
    padding-left: 32px;
  }
  @media screen and (max-width: 767px) {
    tr {
      display: flex;
      flex-direction: column;
    }
    th, td {
      width: 100%;
    }
  }
}