@charset "utf-8";
/* CSS Document */
.pagevisual {
  background: url("../../common/img/mv-privacy.png")no-repeat center;
  background-size: cover;
}

.privacy {
  background: #ECEEEE;
}
.privacy .container{
  padding: 60px 0;
}
.privacy-box {
  background: #fff;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 75px 0;
}
.privacy-box h2{
  text-align: center;
  color: #0D2C61;
  line-height: 1.5;
  letter-spacing: 0.1em;
}
.privacy-box ul{
  margin-top: 30px;
}
.privacy-box li {
  position: relative;
}
.privacy-box li::before {
  position: absolute;
  top: 45%;
  left: -15px;
  width: 5px;
  height: 5px;
  content: '';
  border-radius: 100%;
  background: #000000;
}
.privacy-box li span{
  display: none;
}

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


/*-----------------------------------------*/
/* 固有レスポンシブ
------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1199px) {
}
/*タブレット（縦）*/
@media screen and (orientation: portrait) and (min-width: 768px){}

@media screen and (max-width: 767px) {
  .privacy .container {
    padding-bottom: 70px;
  }
  .privacy-box {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 75px 5% 0;
  }
  .privacy-box ul {
    margin-left: 20px;
  }
  .privacy-box h2{
    font-size: 2rem;
  }
  .privacy-box li::before {
    content: inherit;
  }
  .privacy-box li span{
    display: inline-block;
    text-indent: -1em;
  }

}