@charset "UTF-8";

#policy{
  overflow: hidden;
}

#policy .page-ttl .illust{
  top:auto;
  bottom:-130px;
  right:0;
}

@media screen and (max-width: 1199px) {
  #policy .page-ttl .illust{
    top:auto;
    bottom:-100px;
    right:0;
  }
}

@media screen and (max-width: 743px) {
  #policy .page-ttl .illust{
    top:220px;
    bottom:auto;
    right:0;
  }
}

#privacy{
  margin-top:0px;
  padding-top:130px;
}

#sitepolicy{
  padding-top:130px;
  margin-bottom:300px;
}

@media screen and (max-width: 743px) {
  #privacy{
    margin-top:0px;
    padding-top:80px;
  }

  #sitepolicy{
    padding-top:80px;
    margin-bottom:200px;
  }
}

#sitepolicy h2{
  margin-bottom:50px;
}

@media screen and (max-width: 743px) {
  #sitepolicy h2{
    margin-bottom:30px;
  }
}

.policy-wrap{
  margin:80px auto;
}

.policy-wrap h2{
  margin-bottom:30px;
}

.policy-wrap h2 + p{
  padding: 0px 25px;
  font-size:15px;
  margin-bottom:40px;
}

.policy-wrap h3{
  width:95%;
  margin:80px auto 20px auto;
}

.policy-wrap h3:first-of-type{
  margin-top:0!important;
}

.policy-wrap h3 + p{
  padding: 0px 25px;
  font-size:15px;
  width:95%;
}

.policy-wrap h3 + p a{
  font-size:15px;
  border-bottom:solid 2px #000;
}

.main-list{
  padding: 0px 25px;
  width:95%;
  margin: 0 auto;
}

.main-list li{
  margin:25px 0;
}

.policy-wrap h4{
  font-size:17px;
  margin-bottom:5px;
}

.policy-wrap h4 + p{
  padding-left:35px;
  font-size:15px;
}

.sub-list{
  padding-left:35px;
}

.sub-list p{
  margin:15px 0 3px 0;
}

.sub-list li{
  margin:0;
  list-style:disc;
  margin-left:35px;
  width:calc(100% - 35px);
  font-size:15px;
}

.sub-list.sub-0 li{
  list-style:none;
  margin-left:0;
  width:100%;
  padding-left:17px;
}

.sub-list.sub-1 li{
  margin-left:18px;
  width:calc(100% - 18px);
}

.sub-list.sub-2 li{
  margin-left:8px;
  width:calc(100% - 8px);
}


@media screen and (max-width: 743px) {
  .policy-wrap{
    margin:30px auto;
    width:90%!important;
  }

  .policy-wrap h2{
    margin-bottom:20px;
  }

  .policy-wrap h2 + p{
    padding: 0px;
    font-size:13px;
    margin-bottom:30px;
    line-height:20px;
    letter-spacing: 0;
    width:98%;
  }

  .policy-wrap h3{
    width:98%;
    margin:40px auto 15px auto;
  }

  .policy-wrap h3 + p{
    padding: 0px;
    font-size:14px;
    width:98%;
    line-height:20px;
  }

  .policy-wrap h3 + p a{
    font-size:14px;
  }

  .main-list{
    padding: 0px;
    width:98%;
    margin: 0 auto;
  }

  .main-list li{
    margin:0 0 20px 0;
  }

  .policy-wrap h4{
    font-size:14.5px;
    margin-bottom:5px;
  }

  .policy-wrap h4 + p{
    padding-left:0;
    font-size:14px;
    line-height:20px;
  }

  .sub-list{
    padding-left:0;
  }

  .sub-list p{
    margin:15px 0 3px 0;
    font-size:14px;
    line-height:20px;
    font-weight:600;
  }

  .sub-list li{
    margin:0;
    margin-left:1.3em;
    width:calc(100% - 1.3em);
    font-size:14px;
    line-height:20px;
  }

  .sub-list.sub-0 li{
    padding-left:0px;
  }

  .sub-list.sub-1 li{
    margin-left:18px;
    width:calc(100% - 18px);
  }

  .sub-list.sub-2 li{
    margin-left:20px;
    width:calc(100% - 25px);
  }
}





/* 見出しタイトル(左バー) ===============================================*/
.left-bar-ttl{
  font-size:23px;
  border-left:solid 15px #000;
  line-height:32px;
  padding-left:10px;
  letter-spacing: 2px;
  border-left:solid 15px #DC6458;
}

@media screen and (max-width: 743px) {
  .left-bar-ttl{
    font-size:18px;
    border-left:solid 12px #000;
    line-height:25px;
    padding-left:10px;
    letter-spacing: 1px;
    border-left:solid 15px #DC6458;
  }
}

/* 見出しタイトル(角丸バー) =============================================*/
.round-bar-ttl{
  padding:6px 25px;
  font-size:17px;
  border-radius: 100px;
  letter-spacing: 2px;
  margin:30px 0;
  background-color:#D8D1BA;
}

@media screen and (max-width: 743px) {
  .round-bar-ttl{
    padding: 6px 12px;
    font-size:15px;
    border-radius: 3px;
    letter-spacing: 1px;
    margin:30px 0;
  }
}
























/**/