@charset "utf-8";

/*=============================================
 □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □

〇 privacy policy 〇

□ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □
=============================================*/

/*===========================
.privacy__contents
===========================*/

.privacy__contents {
  font-size: 14px;
  line-height: 1.7;
}
@media screen and (min-width:1024px) {
  .privacy__contents {
    max-width: 1000px;
    padding: 0 50px;
  }
}
@media screen and (max-width:767px) {
  .privacy__contents {
    padding: 0 20px;
  }
}

.privacy__contents:not(:first-child) {
  margin-top: 60px;
}
.privacy__contents .section {
  margin-top: 30px;
}

.privacy__title {
  font-weight: bold;
}
.privacy__title.heading-3 {
  margin-bottom: 30px;
  padding-bottom: 10px;
  border-bottom: 1px solid #000;
  font-size: 30px;
}
@media screen and (max-width:767px) {
  .privacy__title.heading-3 {
    font-size: 24px;
  }
}

.privacy__title.heading-4 {
  margin-bottom: 20px;
  font-size: 20px;
}
@media screen and (max-width:767px) {
  .privacy__title.heading-4 {
    font-size: 18px;
  }
}

.privacy__text:not(:first-child) {
  margin-top: 20px;
}

.text--right {
  text-align: right;
}

.privacy__list:not(:first-child) {
  margin-top: 20px;
}
.privacy__list li:not(:first-child) {
  margin-top: 5px;
}
ol.privacy__list li {
  margin-left: 1em;
}
ul.privacy__list li {
  margin-left: 1.5em;
}

.privacy__detail__list {
  margin-top: 20px;
}
.privacy__detail__list dt {
  font-size: 16px;
}
@media screen and (max-width:767px) {
  .privacy__detail__list dt {
    font-size: 15px;
  }
}

.privacy__detail__list dt:not(:first-child) {
  margin-top: 20px;
}
.privacy__detail__list dd {
  margin-top: 10px;
  margin-left: 1.5em;
}
@media screen and (max-width:767px) {
  .privacy__detail__list dd {
    margin-left: 0;
  }
}

.table_layout{
  table-layout: auto;
  width: 100%;
  font-size: 12px;
}
 
.table2{
  width: 70%;
}

.table_layout li{
  list-style-position: inside;
}
 
.table_layout th{
  background: #f4f4f4;
  border: 1px solid #333;
  padding: 5px;
}

.table_layout td{
  border: 1px solid #333;
  padding: 5px;
}

@media screen and (max-width:767px) {
  .table_layout{
    table-layout: auto;
    width: 100%;
    font-size: 10px;
  }
}