@charset "utf-8";

/*
  File Name   : privacy-policy.css
  Description : コンテンツエリア関係 他
*/

/* section-base
============================================================ */
.section-base {
  box-sizing: border-box;
}
.section-base .com-section-inner {
  position: relative;
  padding-top: 60px;
  padding-bottom: 50px;
}
.section-base.-first .com-section-inner {
  padding-top: 0;
}
.section-base:last-of-type .com-section-inner {
  padding-bottom: 0;
}
.section-base .com-section-inner::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 40px;
  width: calc(100% - 80px);
  height: 1px;
  background-color: #bcd3de;
}
.section-base:last-of-type .com-section-inner::before {
  display: none;
}

/* sp
------------------------------------------------------------ */
@media screen and (max-width: 811px) {
  .section-base .com-section-inner::before {
    left: 20px;
    width: calc(100% - 40px);
  }
}

/* title-wrap
============================================================ */
.title-wrap {
}
.title-wrap .number {
  color: #006b9f;
  font-size: 13px;
  line-height: 1;
}
.title-wrap .number span {
  position: relative;
  padding-left: 22px;
}
.title-wrap .number span::before {
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  width: 4px;
  height: 4px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 50%;
  background-color: #006b9f;
}
.title-wrap .title {
  margin-top: 13px;
  font-size: 30px;
  font-weight: bold;
  line-height: 1.4;
}

/* sp
------------------------------------------------------------ */
@media screen and (max-width: 811px) {
  .title-wrap .title {
    font-size: 20px;
  }
}

/* privacy-body
============================================================ */
.privacy-body {
  margin-top: 30px;
}
.privacy-body {
}

/* sp
------------------------------------------------------------ */
@media screen and (max-width: 811px) {
  .privacy-body {
  }
}

/* indent-list
============================================================ */
.indent-list-A li {
  position: relative;
  padding-left: 45px;
}
.indent-list-A li span {
  position: absolute;
  top: 0;
  left: 0;
}
.indent-list-B li {
  position: relative;
  padding-left: 24px;
}
.indent-list-B li span {
  position: absolute;
  top: 0;
  left: 0;
}
.indent-list-C li {
  position: relative;
  padding-left: 40px;
}
.indent-list-C li span {
  position: absolute;
  top: 0;
  left: 0;
}

/* sp
------------------------------------------------------------ */
@media screen and (max-width: 811px) {
  .hoge {
  }
}

/* bl-bg-wrap
============================================================ */
.bl-bg-wrap {
  margin-top: 30px;
  padding: 25px 30px;
  background-color: #f2f7fa;
}

/* sp
------------------------------------------------------------ */
@media screen and (max-width: 811px) {
  .bl-bg-wrap {
  }
}

/* mgt
============================================================ */
.mgt-30px {
  margin-top: 30px !important;
}

/* sp
------------------------------------------------------------ */
@media screen and (max-width: 811px) {
  .hoge {
  }
}

/* com-table-wrap
============================================================ */
.com-table-wrap td a {
  color: #006b9f;
  text-decoration: underline;
}
.com-table-wrap td a:hover {
  text-decoration: none;
}

/* sp
------------------------------------------------------------ */
@media screen and (max-width: 811px) {
  .hoge {
  }
}