@charset "UTF-8";
/* ============================================
   プライバシーポリシー
============================================ */
.policy_content {
  padding: 40px 0 60px;
}
@media screen and (min-width: 768px) {
  .policy_content {
    padding: 80px 0 120px;
  }
}

.policy_intro {
  margin-bottom: 48px;
}
@media screen and (min-width: 768px) {
  .policy_intro {
    margin-bottom: 88px;
  }
}

.policy_section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
}
@media screen and (min-width: 768px) {
  .policy_section {
    gap: 56px;
  }
}

.policy_item_title {
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0.05em;
  margin-bottom: 14px;
}
@media screen and (min-width: 768px) {
  .policy_item_title {
    font-size: 20px;
    line-height: 2;
    letter-spacing: 0.03em;
  }
}

.list_dot {
  margin-top: 24px;
}
.list_dot_item {
  padding-left: 1em;
  text-indent: -1em;
}
.list_dot_item::before {
  content: "・";
}
.list_dot.mt0 {
  margin-top: 0;
}
.list_dot a {
  padding-left: 1em;
  color: #204390;
  text-decoration: underline;
}

.list_num {
  margin-top: 24px;
  list-style: decimal;
  padding-left: 1em;
}
.list_num.mb24 {
  margin-bottom: 24px;
}

.table_list {
  width: 100%;
  margin-top: 24px;
  border-collapse: collapse;
}
@media screen and (min-width: 768px) {
  .table_list {
    max-width: 656px;
  }
}
.table_list thead tr {
  background-color: #F5F5F6;
}
.table_list th, .table_list td {
  border-top: 1px solid #818181;
  border-bottom: 1px solid #818181;
  font-size: 13px;
  vertical-align: middle;
  padding: 10px;
}
.table_list th:not(:last-child), .table_list td:not(:last-child) {
  border-right: 1px solid #818181;
}
@media screen and (min-width: 768px) {
  .table_list th, .table_list td {
    font-size: 15px;
    padding: 18px 16px;
  }
}
.table_list th {
  font-weight: 700;
  letter-spacing: 0.05em;
  text-align: center;
}
.table_list td {
  font-weight: 400;
}
.table_list td a {
  color: #204390;
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  .table_list thead th:nth-child(1) {
    width: 168px;
  }
  .table_list thead th:nth-child(2) {
    width: 221px;
  }
  .table_list thead th:nth-child(3) {
    width: 267px;
  }
}

.policy_date {
  color: #848484;
  text-align: right;
  font-size: 12px;
}
@media screen and (min-width: 768px) {
  .policy_date {
    font-size: 14px;
  }
}