@charset "utf-8";

.l_hero{
    height: 360px;
    background-image: url(../img/other/contact_KV.png);
}

@media screen and (max-width: 1499px){
    .l_hero{
        height: 24vw;
    }
}

@media screen and (max-width: 767px){
    .l_hero{
        height: 53.33vw;
        background-image: url(../img/other/SP_contact_KV.png);
    }
}

.l_pageBody{
  padding: 80px 0;
}

.m_container__privacy{
  max-width: 1000px;
}

.privacy_lead{
  font-size: 1.6rem;
  line-height: 1.8;
}

.policy{
  margin-top: 80px;
  margin-bottom: 35px;
  border: solid 1px #d1cece;
  padding: 45px 50px;  
}

.policy h2{
  font-size: 2.0rem;
  font-weight: bold;
  margin-bottom: 30px;
}

.policy_list{
  margin-bottom: 30px;
}

.policy_list li{
  list-style-type: none;
  margin-left: 20px;;
  font-size: 1.4rem;
  line-height: 1.8;
  counter-increment: cnt;
}

.policy_list li::marker{
  content: "(" counter(cnt) ") ";
}

.complement{
  font-size: 1.4rem;
  line-height: 2.0;
  margin-bottom: 30px;
}

.enactment{
  font-size: 1.6rem;
  line-height: 1.8;
  text-align: right;
}

.contact_info a{
  color: #1891c9;
  letter-spacing: .1em;
}

@media screen and (max-width: 767px){
  .l_pageBody{
    padding: 40px 0;
  }
  
  .privacy_lead{
    font-size: 1.4rem;
  }

  .policy{
    margin-top: 30px;
    margin-bottom: 20px;
    padding: 30px 15px;  
  }

  .policy h2{
    font-size: 1.8rem;
    margin-bottom: 20px;
  }

  .policy_list{
    margin-bottom: 20px;
  }

  .policy_list li{
    font-size: 1.4rem;
  }

  .complement{
    margin-bottom: 20px;
  }

  .enactment{
    font-size: 1.2rem;
  }
}