@charset "UTF-8";

/* ▼▼▼ company
======================================================*/
#main h1 {
  background: #4cc7c0;
  padding: 24px 28px;
  margin-bottom: 28px;
  font-size: 28px;
  color: #fff;
  font-weight: normal;
}
.company_table {
  width: 100%;
}
.company_table th,
.company_table td {
  padding: 28px 20px;
  border: 2px solid #4cc7c0;
  border-collapse: collapse;
  font-weight: normal;
  vertical-align: top;
}
.company_table th {
  width: 177px;
  background: #eefafa;
}
.company_table td a {
  color: #295698;
  text-decoration: underline;
}
.company_table td a:hover {
  text-decoration: none;
}

.pankuz {
  margin-bottom: 24px;
}
.pankuz.inner {
  padding-right: 0;
}
.pankuz__home {
  text-decoration: underline;
}
.pankuz ul {
  display: flex;
  align-items: center;
  gap: 8px;
  overflow-x: scroll;
}
.pankuz ul a {
  font-size: 14px;
  font-weight: bold;
  display: flex;
  align-items: center;
  gap: 4px;
  color: inherit;
}
.pankuz li {
  font-size: 14px;
  white-space: nowrap;
}
.privacy_content {
  line-height: 1.9;
}
.privacy_content section {
  margin-top: 28px;
}
.privacy_content h2 {
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.6;
}
.privacy_content p {
  margin-bottom: 10px;
}
.privacy_content a {
  color: #295698;
  text-decoration: underline;
}
.privacy_content a:hover {
  text-decoration: none;
}
.privacy_list {
  margin: 10px 0 18px;
}
.privacy_list li {
  margin-bottom: 8px;
}
.privacy_list--circled {
  list-style: none;
  counter-reset: privacy-counter;
}
.privacy_list--circled li {
  counter-increment: privacy-counter;
  padding-left: 2em;
  position: relative;
}
.privacy_list--circled li::before {
  content: counter(privacy-counter, cjk-ideographic);
  position: absolute;
  left: 0;
}
.privacy_list--circled li:nth-child(1)::before {
  content: "①";
}
.privacy_list--circled li:nth-child(2)::before {
  content: "②";
}
.privacy_list--circled li:nth-child(3)::before {
  content: "③";
}
.privacy_list--circled li:nth-child(4)::before {
  content: "④";
}
.privacy_list--circled li:nth-child(5)::before {
  content: "⑤";
}

/* ▼▼▼ 480px〜768px
======================================================*/
@media screen and (max-width: 768px) {
  #main h1 {
    padding: 18px 15px;
    font-size: 18px;
  }
  .company_table th,
  .company_table td {
    padding: 18px 12px;
  }
  .company_table th {
    width: 120px;
  }
  .privacy_content h2 {
    font-size: 17px;
  }
}