#document .lead {
  margin-bottom: 60px;
}
#document .lead .text {
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 0.04em;
  line-height: 2;
}
@media screen and (min-width: 768px) {
  #document .lead {
    margin-bottom: 100px;
  }
}
#document .contents + .contents {
  margin-top: 60px;
  padding-top: 60px;
  border-top: 1px solid #ccc;
}
@media screen and (min-width: 768px) {
  #document .contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  #document .contents + .contents {
    margin-top: 100px;
    padding-top: 100px;
  }
}
#document .ttl {
  display: block;
  margin-bottom: 20px;
  color: #8C1E28;
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: 0.04em;
  line-height: 1.785;
}
@media screen and (min-width: 768px) {
  #document .ttl {
    width: 200px;
    margin: 0;
  }
}
@media screen and (min-width: 1080px) {
  #document .ttl {
    width: 300px;
  }
  #document .ttl br {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  #document .box {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding-left: 40px;
  }
}
#document .text {
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.04em;
  line-height: 1.785;
}
#document .text.is-indent {
  padding-left: 1.04em;
  text-indent: -1.04em;
}
#document .text + .link {
  margin-top: 10px;
}
@media screen and (min-width: 768px) {
  #document .text + .link {
    margin-top: 20px;
  }
}
#document .caution {
  padding-left: 1.04em;
  text-indent: -1.04em;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.04em;
  line-height: 1.785;
}
#document .sub_ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 20px;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 0.04em;
  line-height: 2;
}
#document .sub_ttl::before {
  content: "";
  display: block;
  width: 15px;
  height: 0;
  margin-top: 1em;
  margin-right: 6px;
  border-bottom: 1px solid #333333;
}
#document .textArea + .textArea {
  margin-top: 40px;
}
#document .linkArea + .linkArea {
  margin-top: 40px;
}
#document .link {
  display: block;
  max-width: 490px;
  -webkit-transition: all 0.2s cubic-bezier(0.47, 0, 0.745, 0.715);
  transition: all 0.2s cubic-bezier(0.47, 0, 0.745, 0.715);
}
#document .link:hover {
  opacity: 0.7;
}
#document .link + .caution {
  margin-top: 10px;
}
#document .tableArea {
  margin: 20px 0;
}
#document .tableArea .text.is-top {
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  #document .tableArea .text.is-top {
    margin-bottom: 20px;
  }
}
#document .tableArea .text.is-bottom {
  margin-top: 10px;
}
@media screen and (min-width: 768px) {
  #document .tableArea .text.is-bottom {
    margin-top: 20px;
  }
}
#document .tableArea table {
  width: 100%;
  max-width: 490px;
  margin: 0;
  border-collapse: collapse;
}
#document .tableArea table + .caution {
  margin-top: 10px;
}
#document .tableArea table + .text {
  margin-top: 10px;
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  #document .tableArea table + .text {
    margin-top: 20px;
    margin-bottom: 0;
  }
}
#document .tableArea th, #document .tableArea td {
  width: 50%;
  padding: 7px;
  border: 1px solid #333333;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0.04em;
  line-height: 1.785;
}
#document .tableArea th.is-left-text, #document .tableArea td.is-left-text {
  text-align: left;
}
@media screen and (min-width: 768px) {
  #document .tableArea th, #document .tableArea td {
    font-size: 1.4rem;
  }
}
#document .tableArea th {
  background-color: #ddd;
}
#document .tableArea td {
  text-align: center;
}
@media screen and (min-width: 768px) {
  #document .tableArea .stylePattern01 table {
    max-width: 648px;
  }
  #document .tableArea .stylePattern01 th:nth-child(1), #document .tableArea .stylePattern01 td:nth-child(1) {
    width: 26.23%;
  }
  #document .tableArea .stylePattern01 th:nth-child(2), #document .tableArea .stylePattern01 td:nth-child(2) {
    width: 37%;
  }
}
@media screen and (min-width: 1080px) {
  #document .tableArea .stylePattern01 th br {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  #document .tableArea .stylePattern02 table {
    max-width: 766px;
  }
  #document .tableArea .stylePattern02 th:nth-child(1), #document .tableArea .stylePattern02 td:nth-child(1) {
    width: 17%;
  }
  #document .tableArea .stylePattern02 th:nth-child(2), #document .tableArea .stylePattern02 td:nth-child(2) {
    width: 26.64%;
  }
  #document .tableArea .stylePattern02 th:nth-child(3), #document .tableArea .stylePattern02 td:nth-child(3) {
    width: 17%;
  }
  #document .tableArea .stylePattern02 th:nth-child(4), #document .tableArea .stylePattern02 td:nth-child(4) {
    width: 17%;
  }
}
@media screen and (min-width: 1080px) {
  #document .tableArea .stylePattern02 th br, #document .tableArea .stylePattern02 td br {
    display: none;
  }
}

#privacy .privacy_lead {
  margin-bottom: 60px;
}
#privacy .privacy_lead .text {
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.04em;
  line-height: 2;
}
@media screen and (min-width: 768px) {
  #privacy .privacy_lead {
    margin-bottom: 100px;
  }
  #privacy .privacy_lead .text {
    font-size: 1.6rem;
  }
}
#privacy #document .contents + .contents {
  margin-top: 40px;
  padding-top: 40px;
}
@media screen and (min-width: 768px) {
  #privacy #document .contents + .contents {
    margin-top: 40px;
    padding-top: 40px;
  }
}

#sk #document .contents + .contents {
  margin-top: 40px;
  padding-top: 40px;
}
@media screen and (min-width: 768px) {
  #sk #document .contents + .contents {
    margin-top: 40px;
    padding-top: 40px;
  }
}
