@charset "utf-8";

.page-kv-ttl.corp-kv {
  background: url(../../about/images/kv-corp-sp.jpg) no-repeat 12px
    bottom/contain;
}

.page-kv-ttl h1.corp-pageTtl {
  width: 32vw;
}

.col-std.corp {
  padding: 20px 0;
}

.corp-table {
  text-align: left;
}

.corp-table tr:not(:last-child) {
  border-bottom: 1px dotted #00b6bc;
}

.corp-table th {
  padding: 2rem 0 0.8rem 1.4rem;
  vertical-align: middle;
  font-weight: bold;
  position: relative;
  font-family: "Kosugi Maru", sans-serif;
}

.corp-table th::before {
  content: url(../../about/images/obj-corp.svg);
  position: absolute;
  top: 42%;
  left: 0;
}

.corp-table td {
  padding: 0 0 0.4rem;
}

.corp-table th,
.corp-table td {
  font-size: 1.4rem;
  display: block;
}

.corp-hub dt {
  font-weight: bold;
}

.corp-hub dd:not(:last-child) {
  margin-bottom: 20px;
}

.corp-products-list {
  list-style: disc;
  margin-left: 5vw;
}

.corp-products-list li {
  margin-bottom: 12px;
  color: #999999;
}

.corp-products-list li span {
  color: #333333;
}

@media (min-width: 481px) {
  .page-kv-ttl.corp-kv {
    background: #ffffff url(../../about/images/kv-corp-pc.jpg) no-repeat right
      bottom/contain;
  }

}

@media (min-width: 481px) and (max-width: 768px) {
  .page-kv-ttl h1.corp-pageTtl {
    width: 142px;
  }
}

@media (min-width: 481px) and (max-width: 660px) {
  .page-kv-ttl.corp-kv {
    background: unset;
  }
}

@media (min-width: 769px) {
  .page-kv-ttl.corp-kv {
    padding: 0;
  }

  .page-kv-ttl h1.corp-pageTtl {
    width: 163px;
  }

  .corp-table th,
  .corp-table td {
    display: table-cell;
  }

  .corp-table th {
    width: 200px;
    padding: 20px 0 20px 18px;
  }

  .corp-table td {
    padding: 20px 0;
  }

  .corp-table th,
  .corp-table td {
    font-size: 16px;
  }

  .corp-table th::before {
    top: 50%;
    transform: translateY(-50%);
  }

  .corp-products-list {
    margin-left: 20px;
  }
}

/* + + + + + + + + + + + + + + + + + + + + + +  
  プライバシーポリシー
 + + + + + + + + + + + + + + + + + + + + + + */

.page-kv-ttl.privacy-kv {
  background-color: #fff;
  padding: 24px 0 0 0;
}

.page-kv-ttl h1.privacy-pageTtl {
  width: 70vw;
}

@media (min-width: 481px) and (max-width: 768px) {
  .page-kv-ttl.privacy-kv {
    background-color: #fff;
    padding: 42px 0;
  }

  .page-kv-ttl h1.privacy-pageTtl {
    width: 242px;
  }
}

.perm {
  font-size: 1.4rem;
}

.col-std.perm {
  padding: 0 0 40px 0;
}

.perm-hd {
  font-size: 1.6rem;
  padding: 0 0 0.3rem 0;
  font-weight: bold;
  border-bottom: 1px solid #bbb;
  margin-bottom: 20px;
}

.perm-list-1 {
  list-style: decimal;
  margin-left: 3vw;
}

.perm-list-1 li {
  margin-bottom: 15px;
}

.perm-indent-1 {
  text-indent: -3.3em;
  padding-left: 3.3em;
}

.perm-indent-2 {
  text-indent: -1em;
  padding-left: 1em;
}

.perm-indent-3 {
  text-indent: -2em;
  padding-left: 2em;
}

.perm-indent-4 {
  text-indent: -3em;
  padding-left: 5em;
}

.perm-list-2 {
  list-style: disc;
}
.perm-list-2 li {
  margin-left: 4em;
  margin-bottom: 6px;
}

.perm-idt-1 {
  margin-left: 3.3em;
}

.perm-idt-2 {
  margin-left: 1em;
}

@media (min-width: 481px) {
  .page-kv-ttl.privacy-kv {
    background: #ffffff url(../../about/images/kv-about-pc.jpg) no-repeat right
      bottom/contain;
    background-origin: border-box;
  }

  .perm {
    font-size: 1.4rem;
  }

  .perm-list-1 {
    margin-left: 1.5rem;
  }
}

@media (min-width: 481px) and (max-width: 660px) {
  .page-kv-ttl.privacy-kv {
    background: unset;
  }
}

@media (min-width: 481px) and (max-width: 768px) {
  .page-kv-ttl h1.privacy-pageTtl {
    width: 286px;
  }
}

@media (min-width: 769px) {
  .page-kv-ttl.privacy-kv {
    padding: 0;
  }
  .page-kv-ttl h1.privacy-pageTtl {
    width: 320px;
  }
  .col-std.perm {
    padding: 0 0 40px 0;
    max-width: 820px;
    margin: 0 auto;
  }
}

/* + + + + + + + + + + + + + + + + + + + + + +  
  特定商取引に関する法律に基づく表示
 + + + + + + + + + + + + + + + + + + + + + + */

.page-kv-ttl h1.transactions-pageTtl {
  width: 86vw;
}

.page-kv-ttl.transactions-kv {
  background-color: #fff;
  padding: 24px 0 0 0;
}

.col-std.transactions {
  padding: 0 0 60px 0;
}

.perm-indent-5 {
  text-indent: -2.6em;
  padding-left: 2.6em;
}
.perm-chapter {
  font-size: 1.8rem;
  padding: 0 0 0.3rem 0;
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: 45px;
}

.ov-left-color {
  margin-bottom: 30px;
}
.ov-left-color th {background-color: #f4f4f4;}

.transactions-table tr:first-child {background-color: #f4f4f4;}

@media (min-width: 481px) and (max-width: 660px) {
  .page-kv-ttl.transactions-kv {
    background: unset;
  }
}

@media (min-width: 481px) and (max-width: 768px) {
  .page-kv-ttl h1.transactions-pageTtl {
    width: 396px;
  }
  .page-kv-ttl.transactions-kv {
    padding: 42px 0;
  }
}

@media (min-width: 769px) {
  .table-ov.ov-left-color {
    width: 100%;
    margin: 0 auto 40px;
  }

  .table-ov.transactions-table {
    width: 76%;
    margin: 0 auto 40px;
  }

  .page-kv-ttl h1.transactions-pageTtl {
    width: 424px;
  }
  .page-kv-ttl.transactions-kv {
    padding: 0;
  }
  .page-kv-ttl.transactions-kv {
    background: #ffffff url(../../about/images/kv-about-pc.jpg) no-repeat right
      bottom/contain;
    background-origin: border-box;
  }
}
/* + + + + + + + + + + + + + + + + + + + + + +  
  サービス約款＆特商法共通テーブル
 + + + + + + + + + + + + + + + + + + + + + + */

.page-kv-ttl h1.terms-pageTtl {
  width: 42vw;
}

.page-kv-ttl.terms-kv {
  padding: 24px 0 0 0;
}

.table-ov {
  font-size: 1.4rem;
  width: 100%;
  border-collapse: collapse;
}
.table-ov th,
.table-ov td {
  padding: 1.3rem;
  width: 100%;
  display: block;
  border: 1px solid #dddddd;
  text-align: left;
}

.table-ov th {
  font-weight: bold;
}

@media (min-width: 481px) {
  .table-ov th,
  .table-ov td {
    display: table-cell;
  }
  .table-ov th {
    width: 30%;
  }
}

@media (min-width: 481px) and (max-width: 768px) {
  .page-kv-ttl h1.terms-pageTtl {
    width: 184px;
  }
  .page-kv-ttl.terms-kv {
    background: #ffffff url(../../about/images/kv-about-pc.jpg) no-repeat right
      bottom/contain;
    background-origin: border-box;
    padding: 42px 0;
  }
}

@media (min-width: 769px) {
  .page-kv-ttl h1.terms-pageTtl {
    width: 226px;
  }
  .page-kv-ttl.terms-kv {
    background: #ffffff url(../../about/images/kv-about-pc.jpg) no-repeat right
      bottom/contain;
    background-origin: border-box;
    padding: 0;
  }
}