/*-----------------------------------

      privacyPolicy

    -----------------------------------*/
    .item-area .item>li,
    .item-area .item>li>.detail>li {
      margin: 0 auto
    }

    .item-area .item>li>.detail>li h3,
    .item-area .item>li h3 {
      margin-bottom: 19px;
      font-size: 1.25rem;
      font-weight: 700;
      color: #e94709
    }

    .item-area .item>li>.detail>li h4,
    .item-area .item>li h4 {
      text-indent: 2em
    }

    .item-area .item>li>.detail>li h4,
    .item-area .item>li>.detail>li h5,
    .item-area .item>li h4,
    .item-area .item>li h5 {
      margin: 10px 0;
      font-size: .9375rem;
      font-weight: 700;
      color: #e94709
    }

    .item-area .item>li>.detail>li p,
    .item-area .item>li p {
      margin-left: 2.5%;
      line-height: 2
    }

    .item-area .item>li>.detail>li ol.detail,
    .item-area .item>li ol.detail {
      margin-top: 30px
    }

    .item-area .item>li>.detail>li ol.detail ul.unannounced,
    .item-area .item>li ol.detail ul.unannounced {
      margin-left: 2.5%;
      line-height: 2
    }

    .container {
      width: 100vw;
      background-color: #fff;
      text-align: left;
      color: #333;
      font-size: .9375rem
    }

    a {
      text-decoration: none
    }

    .title {
      width: 79%;
      margin: 0 auto
    }

    .title h1 {
      margin-top: 80px;
      margin-bottom: 20px;
      font-size: 1.5625rem;
      font-weight: 700
    }

    .title hr {
      background-color: #707070;
      height: 1px
    }

    .title .description {
      font-size: .875rem;
      margin-top: 20px;
      margin-bottom: 75px;
      color: #909090
    }

    li {
      list-style: none
    }

    .item-area {
      width: 100%;
      padding: 48px 13% 100px;
      background-color: #f9f9f7
    }

    .item-area .item>li {
      padding-bottom: 40px
    }

    .item-area .item>li>.detail>li .child {
      margin-left: 5%
    }

    .item-area .item>li>.detail>li .child>ol li {
      line-height: 2
    }

    .item-area .date {
      margin-top: 40px;
      text-align: right;
      line-height: 2
    }

    .item-area address {
      margin-top: 40px;
      text-align: left;
      font-style: normal;
      line-height: 2;
      display: block;
    }

    .legal-notation {
      width: 79%;
      margin: 0 auto;
      padding-top: 180px;
      padding-bottom: 190px;
      display: flex;
      justify-content: space-between;
      position: relative
    }

    .legal-notation h2 {
      width: 426px;
      font-weight: 700;
      font-size: 1.5625rem
    }

    .legal-notation .outside {
      width: 774px;
      margin-top: -30px;
      border-collapse: collapse
    }

    .legal-notation .outside td,
    .legal-notation .outside th {
      padding: 24px 0;
      border-bottom: 1px solid #ddd;
      vertical-align: top;
      line-height: 2;
      text-align: left
    }

    .legal-notation .outside th {
      width: 34%
    }

    .legal-notation .outside ul.payment {
      margin-left: 15px;
      margin-bottom: 65px
    }

    .legal-notation .outside ul.payment li:before {
      position: relative;
      top: -3px;
      left: -10px;
      display: inline-block;
      width: 4px;
      height: 4px;
      content: "";
      border-radius: 100%;
      background: #e94709
    }

    .legal-notation .inner td,
    .legal-notation .inner th {
      padding: 0 0 10px;
      border-bottom: none;
      vertical-align: top;
      text-align: left
    }

    .legal-notation .inner th {
      width: 33%;
      color: #e94709;
      font-weight: 700
    }

    .janp-legal-notation {
      position: absolute;
      left: -200px;
      top: -100px
    }

    @media screen and (max-width:1240px) {
      .legal-notation h2 {
        width: 40%
      }

      .legal-notation .outside {
        width: 60%
      }

      .legal-notation .outside th {
        width: 36%
      }

      .legal-notation .inner td {
        padding-left: 10px
      }
    }

    @media screen and (max-width:1080px) {
      .legal-notation {
        display: block
      }

      .legal-notation .outside {
        width: 90%;
        margin-top: 45px
      }

      .legal-notation .outside th {
        width: 33%
      }

      .legal-notation .pc-br {
        display: none
      }
    }

    @media screen and (max-width:600px) {
      .title {
        width: 92%
      }

      .title h1 {
        margin-top: 30px
      }

      .title .description {
        margin-bottom: 45px
      }

      .item-area {
        padding: 48px 7% 60px
      }

      .item-area .date {
        margin-top: 0
      }

      .legal-notation {
        width: 92%;
        padding-top: 48px;
        padding-bottom: 100px
      }

      .legal-notation .outside {
        width: 100%;
        margin-top: 30px
      }

      .legal-notation .outside th {
        width: 30%
      }

      .legal-notation .outside .inner th {
        width: 33%
      }
    }